/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Global stlye  */
/*   02 - Theme Title  */
/*   03 - Theme Pagination  */
/*   04 - Theme Header One */
/*   05 - Theme Header Two */
/*   06 - Theme menu One  */
/*   07 - Theme menu Two  */
/*   08 - Theme Main Banner  */
/*   09 - Top Feature  */
/*   10 - About Company  */
/*   11 - Feature Banner  */
/*   12 - Service Style One  */
/*   13 - Testimonial Slider  */
/*   14 - Our Team   */
/*   15 - Theme Counter  */
/*   16 - Free Consultation  */
/*   17 - Partner Slider  */
/*   18 - Theme footer one  */
/*   19 - Theme footer Two   */
/*   20 - CallOut Banner */
/*   21 - Our Solution  */
/*   22 - About Company Stye Two  */
/*   23 - Our Case  */
/*   24 - Faq Section  */
/*   25 - Why Choose us  */
/*   26 - Short Banner  */
/*   27 - Latest News  */
/*   28 - Google Map   */
/*   29 - Theme Inner Banner   */
/*   30 - Why WE Best   */
/*   31 - Core Values   */
/*   32 - Theme Sidebar One   */
/*   33 - Service Details   */
/*   34 - Project Details   */
/*   35 - Blog Sidebar   */
/*   36 - Blog Details   */
/*   37 - Contact Us   */
/*   38 - Compnay Branch Address   */
/*   39 - Shop Page   */



/**
* Importing necessary  Styles.
**/

/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900|Source+Sans+Pro:300,400,600,700,900');*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); /* jbrix 수정 20211202 */

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/SpoqaHanSansLight.woff2") format('woff2'), url("../fonts/SpoqaHanSansLight.woff") format('woff'), url("../fonts/SpoqaHanSansLight.ttf") format('truetype');
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/SpoqaHanSansRegular.woff2") format('woff2'), url("../fonts/SpoqaHanSansRegular.woff") format('woff'), url("../fonts/SpoqaHanSansRegular.ttf") format('truetype');
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/SpoqaHanSansBold.woff2") format('woff2'), url("../fonts/SpoqaHanSansBold.woff") format('woff'), url("../fonts/SpoqaHanSansRegular.ttf") format('truetype');
}


/*----bootstrap css ----- */
/* @import url('../vendor/bootstrap/css/bootstrap.min.css'); */
/*----camera-slider---*/
/* @import url('../vendor/Camera-master/css/camera.css'); */
/*----font awesome -------*/
/* @import url('../fonts/font-awesome/css/font-awesome.min.css'); */
/*----owl-carousel css----*/
/* @import url('../vendor/owl-carousel/owl.carousel.css'); */
/* @import url('../vendor/owl-carousel/owl.theme.css'); */
/*-------- animated css ------*/
/* @import url('../vendor/WOW-master/css/libs/animate.css'); */
/*--------- flat-icon ---------*/
/* @import url('../fonts/icon/font/flaticon.css'); */
/*----------- Fancybox css -------*/
/* @import url('../vendor/fancybox/dist/jquery.fancybox.min.css'); */
/*----Language Switcher---*/
/* @import url('../vendor/language-switcher/polyglot-language-switcher.css'); */
/*------------- Map -------------*/
/* @import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css'); */


/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #fff;
	overflow: hidden;
}

#loader {
	background: url(../images/1.gif);
	width: 64px;
	height: 40px;
	position: relative;
	top: 50%;
	margin: -20px auto 0 auto;
}


/*______________________ Global stlye ___________________*/

@font-face {
	font-family: 'font-awesome';
	src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
	src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
	url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #555555;
	font-size: 18px;
	transition: left .2s ease-in-out,right .2s ease-in-out;
	position: relative;
}

h1, h2, h3, h4, h5, h6, p, ul {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #232323;
}

h1 {
	font-size: 50px;
	font-weight: 900;
	line-height: 70px;
}

h2 {
	font-size: 28px;
	font-weight: 900;
}

h3 {
	font-size: 26px;
	font-weight: 700;
}

h4 {
	font-size: 20px;
	font-weight: 700;
}

h5 {
	font-size: 18px;
	font-weight: 700;
}

h6 {
	font-size: 16px;
	font-weight: normal;
}

p {
	line-height: 27px;
	color: #818181
}

ul {
	list-style-type: none;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}

body a {
	text-decoration: none;
	color: #232323;
}

a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
}

img {
	max-width: 100%;
	display: block;
}

button {
	border: none;
	outline: none;
	box-shadow: none;
	display: block;
	padding: 0;
	cursor: pointer;
}

	button:focus {
		outline: none;
	}

input, textarea {
	outline: none;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
}

.section-spacing {
	margin-bottom: 80px !important;
}

.section-spacing-min {
	margin-bottom: 50px !important;
}

.m-top0 {
	margin-top: 0 !important;
}

.m-bottom0 {
	margin-bottom: 0 !important;
}

.p-bottm0 {
	padding-bottom: 0 !important;
}

.no-border {
	border: none !important;
}






/*--------------------- Transition --------------------*/

.tran3s, h2 a, h3 a, h4 a, h5 a, h6 a, .header-one .top-header .address-wrapper .quotes a, .header-one .theme-menu-wrapper .right-widget .social-icon li a, #mega-menu-holder ul.dropdown li a:before, #mobile-menu-holder ul.dropdown li a:before, .theme-button-one,
#theme-main-banner .camera_pag .camera_pag_ul li > span, .top-feature .main-content, .service-style-one .single-service .text, .service-style-one .single-service,
.owl-theme .owl-dots .owl-dot span, .our-team .team-member .overlay .hover-content ul li a, .our-team .team-member .overlay, .our-team .team-member .text, .theme-footer-two .top-footer .footer-list ul li a,
.theme-footer-one .top-footer .footer-list ul li a, .theme-footer-one .bottom-footer ul li a, .header-two .top-header .social-icon li a, .our-case .single-case-block .hover-content,
.our-case .single-case-block .hover-content .text .details, .accordion-one .panel-group .panel-heading a:before, .our-blog .single-blog .post-meta .read-more, .theme-footer-two .logo-widget .social-icon li a,
.core-values .single-value-block .image-box .overlay, .theme-sidebar-one .service-categories ul li a, .theme-pagination ul li a, .project-details .project-details-sidebar .social-icon li a,
.blog-sidebar .sidebar-categories ul li a, .blog-sidebar .sidebar-archives ul li a, .blog-sidebar .sidebar-tags ul li a, .blog-details .share-option li a, .shop-page .single-product .product-name .price,
.shop-page .single-product .image-box, .shop-page .single-product .product-name .add-to-cart, .shop-page .single-product .product-name .add-to-cart a, .shop-details .product-review-tab .nav-tabs .nav-link {
	transition: all .3s ease-in-out;
}

	.tran4s, .our-solution .single-solution-block .icon, .our-case .single-case-block .hover-content .text, .our-blog .single-blog .image-box img {
		transition: all .4s ease-in-out;
	}

	/*----------------------- Theme Color File -------------------*/

	.p-color, .header-one .top-header .address-wrapper .quotes a, .header-one .top-header .address-wrapper .address .icon, #theme-main-banner .camera_caption h1,
	#theme-main-banner .camera_caption .theme-button-one, .top-feature .main-content:hover h4 a, .about-compnay .mission-goal li .icon, .service-style-one .single-service .text .read-more,
	.service-style-one .single-service:hover .text h5 a, .service-style-one .contact-text h5, .service-style-one .contact-text h5 a, .our-team .team-member .overlay .hover-content ul li a:hover,
	.theme-counter h6, .single-counter-box .number, .theme-footer-one .top-footer .footer-newsletter .theme-button-one,
	.header-two #mega-menu-holder > ul > li.active > a, .header-two #mega-menu-holder > ul > li:hover > a,
	.header-two #mega-menu-holder > ul > li.active > .sub-toggle, .header-two #mega-menu-holder > ul > li:hover > .sub-toggle,
	.header-two #mobile-menu-holder > ul > li.active > a, .header-two #mobile-menu-holder > ul > li:hover > a,
	.header-two #mobile-menu-holder > ul > li.active > .sub-toggle, .header-two #mobile-menu-holder > ul > li:hover > .sub-toggle,
	.callout-banner .theme-button-one, .our-solution .single-solution-block:hover h5 a,
	.faq-section .wrapper .img-box .play, .why-choose-us .single-block .icon, .why-choose-us .single-block:hover h5 a, .short-banner .overlay h2, .our-blog .single-blog .post-meta .read-more,
	.our-blog .single-blog:hover .post-meta .title a, .why-we-best .wrapper .best-list-item li .icon, .why-we-best .wrapper .best-list-item li:hover h5 a, .core-values .single-value-block .image-box .overlay a,
	.core-values .single-value-block:hover .text h5 a, .theme-sidebar-one .service-categories ul li a:hover, .theme-sidebar-one .service-categories ul li.active a,
	.service-details .service-content .presentation-section .best-list-item li .icon, .project-details .project-details-sidebar .social-icon li a:hover, .blog-sidebar .sidebar-categories ul li a:hover,
	.blog-sidebar .sidebar-recent-post li .post a:hover, .blog-sidebar .sidebar-archives ul li a:hover, .blog-details .share-option .tag-meta li a:hover, .blog-details .share-option .social-icon li a:hover,
	.our-blog .comment-area .single-comment .comment a, .shop-page .single-product .product-name .price, .shop-page .single-product:hover .product-name h5 a, .shop-page .single-product .product-name .add-to-cart a,
	.shop-details .product-details .product-info .price, .faq-page .panel-group .panel-heading h6 a:before {
		color: #001a57;
	}

		.p-bg-color, .scroll-top, .header-one .top-header .address-wrapper .quotes a:hover, .theme-menu-wrapper .right-widget .search-option form button,
		#mega-menu-holder ul.dropdown li:hover > a:before,
		#mobile-menu-holder ul.dropdown li:hover > a:before,
		.theme-button-one, #theme-main-banner .camera_caption .theme-button-one:hover, .callout-banner.no-bg .theme-button-one,
		#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent > span, #theme-main-banner .camera_pag .camera_pag_ul li:hover > span, .service-style-one .contact-text h5:before,
		.testimonial-section .owl-theme .owl-dots .owl-dot.active span, .testimonial-section .owl-theme .owl-dots .owl-dot:hover span, #polyglotLanguageSwitcher ul.dropdown li:hover,
		.our-case .single-case-block .hover-content .text .details:hover, .our-blog .single-blog .image-box .overlay .date, .core-values .single-value-block .image-box .overlay a:hover,
		.theme-sidebar-one .sidebar-brochures ul, .theme-pagination ul li a:hover, .theme-pagination ul li.active a, .blog-sidebar .sidebar-tags ul li.active a, .blog-sidebar .sidebar-tags ul li a:hover {
			background: #001a57;
		}

	.header-one .top-header .address-wrapper .quotes a, #theme-main-banner .camera_pag .camera_pag_ul li, .theme-pagination ul li a:hover, .theme-pagination ul li.active a, .blog-sidebar .sidebar-tags ul li.active a,
	.blog-sidebar .sidebar-tags ul li a:hover, .shop-page .single-product:hover .image-box {
		border-style: solid;
		border-color: #001a57;
	}

.productDocument {
	text-decoration-line: underline;
	font-size: 16px;
}


/*----------------- Theme button ------------------*/
.title-effect {
	margin-bottom: 20px;
}

body .theme-button-one {
	line-height: 50px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	padding: 0 35px;
	display: inline-block;
	margin-bottom: 20px;
}

	body .theme-button-one:hover {
		background: #000f32;
	}

/*------------------- Theme Title ------------------*/

.theme-title-one {
	position: relative;
	text-align: center;
}

	.theme-title-one h2 {
		position: relative;
		font-weight: 700;
		padding-bottom: 22px;
		margin-bottom: 20px;
	}

		.theme-title-one h2:before {
			content: '';
			width: 40px;
			height: 4px;
			border-radius: 10px;
			background: #c3c3c3;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -20px;
		}

	.theme-title-one p {
		padding-bottom: 20px;
	}

/*------------------- Theme Pagination ------------------*/

.theme-pagination ul {
	padding-top: 40px;
}

	.theme-pagination ul li {
		display: inline-block;
	}

		.theme-pagination ul li a {
			display: block;
			font-size: 16px;
			color: #232323;
			width: 50px;
			line-height: 48px;
			text-align: center;
			border-radius: 5px;
			border: 1px solid #dadada;
		}

			.theme-pagination ul li a:hover,
			.theme-pagination ul li.active a {
				color: #fff;
			}

		.theme-pagination ul li.active a {
			cursor: default;
		}





/*** -------------- Header Middle Start --------------- */

#header {
	position: relative;
	z-index: 100
}

.header-fixed {
	display: none;
	position: static;
	top: -60px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100px;
	padding: 0 30px;
	background-color: #fff;
	transition: top .3s linear
}

@media(max-width: 1199px) {
	.header-fixed {
		height: 80px;
		padding: 10px 0
	}
}

@media(max-width: 767px) {
	.header-fixed {
		height: 60px;
		padding: 0
	}
}

body.sticked .header-fixed {
	position: fixed;
	top: 0;
	height: 60px;
	padding: 0;
	box-shadow: 0 6px 6px rgba(0,0,0,.05)
}

body.sticked .header-middle {
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0;
	height: auto;
	padding: 0;
	box-shadow: 0 6px 6px rgb(0 0 0 / 5%);
	z-index: 100;
	background-color: #FFF;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
	transition: top .3s linear
}

body.sticked .logo {
	height: 60px
}

body.sticked .logo img {
	max-height: 72px
}

body.sticked #navigation .category-level-1 > ul > li > a {
	height: 60px
}

#header .header-top {
	background: #265ccb;
	padding: 12px 0;
}

#header .header-middle {
	padding: 10px 0;
	background-color: #fff
}

@media(max-width: 1199px) {
	#header .header-middle {
		height: auto;
		padding-bottom: 15px
	}
}

@media(max-width: 991px) {
	#header .header-middle {
		padding: 1.5rem 0
	}
}

#header .header-middle #navigation .category-level-1 > ul > li > a {
	color: rgb(50, 50, 50)
}

#header .header-bottom {
	z-index: 99;
	margin-bottom: 0px;
	background: #000f32;
	position: relative
}

.header-middle.fixed {
	position: sticky !important;
	width: 100%;
	left: 0;
	z-index: 999;
	background: #000f32;
	margin: 0;
	padding-top: 0;
	box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);
	/*-webkit-animation: menu_sticky 0.7s ease-in-out;
    animation: menu_sticky 0.7s ease-in-out;*/
}

.header-add .header-search .search-option .dropdown-toggle {
	background: transparent;
	font-size: 1.2rem;
	color: #cfd6e6;
	width: 55px
}

.header-add .header-search {
	display: flex;
	justify-content: center;
	align-items: center
}

.header-add .btn-outer {
	position: relative;
	margin-right: 3px
}

	.header-add .btn-outer .appt-btn {
		position: relative;
		display: block;
		line-height: 24px;
		text-align: center;
		padding: 9px 25px;
		font-weight: 600;
		font-size: 13px;
		color: #ffffff;
		border: 1px solid #ffffff;
		z-index: 1
	}

		.header-add .btn-outer .appt-btn:hover {
			color: #000f32;
			background: #ffffff
		}

.header-action-button-container .header-action-button {
	min-width: 138px
}

.cart-icon {
	float: left;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	width: 65px;
	display: flex;
	align-items: center;
	justify-content: center
}

	.cart-icon i {
		font-size: 1.5rem
	}

	.cart-icon a {
		position: relative;
		color: #fff
	}

		.cart-icon a .cart-amount {
			display: flex;
			width: 18px;
			height: 18px;
			border-radius: 100%;
			justify-content: center;
			align-items: center;
			color: #fff;
			background: #d34d4d;
			font-weight: 700;
			font-size: 12px;
			position: absolute;
			left: 15px;
			top: 3px
		}

.fix-packets-link > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 0 20px;
	background-color: #ec6505;
	transition: all .2s ease-in-out
}

@media(min-width: 1442px) {
	.fix-packets-link > a {
		min-width: 100%
	}
}

@media(min-width: 1200px) {
	.fix-packets-link > a:hover {
		background-color: #231f20
	}
}

.header-social {
	text-align: right;
	float: left;
	padding-right: 10px
}

	.header-social > div {
		display: inline-block;
		margin-left: 15px
	}

		.header-social > div > a {
			font-size: 15px;
			color: #ccd1dd
		}

			.header-social > div > a:hover {
				color: #fff
			}

.whatsapp-order {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9999;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 230px;
	max-width: 250px;
	width: 100%;
	height: 66px;
	padding: 0 15px;
	letter-spacing: -.02em;
	white-space: nowrap;
	border-radius: 0 0 12px 12px;
	background-color: #2ab737;
	color: #fff;
	background: linear-gradient(135deg,#0f912c 0,#25a325 37%,#2ab939 100%);
	box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%)
}

	.whatsapp-order i {
		padding-right: 8px;
		font-size: 3.8rem
	}

	.whatsapp-order > span {
		display: block;
		flex: 1;
		font-size: 1.25rem;
		font-weight: 600;
		text-align: right;
		pointer-events: none
	}

		.whatsapp-order > span > span {
			display: block;
			margin-bottom: -5px;
			font-size: .85rem;
			font-weight: 400;
			opacity: .8
		}

	.whatsapp-order:hover {
		color: #fff
	}

		.whatsapp-order:hover::before {
			transform: scaleX(1);
			transition: transform .3s cubic-bezier(.08,.35,.4,1.02)
		}

	.whatsapp-order::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-color: rgba(0,0,0,.06);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		transition: all .2s linear
	}

	.whatsapp-order::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: calc(100% + 20px);
		content: "";
		filter: blur(5px);
		background-color: rgba(255,255,255,.15);
		animation: lightEffect 4s ease 4s infinite;
		transform: translate3d(-40px,-10px,0)
	}

@keyframes lightEffect {
	100% {
		left: calc(100% + 80px)
	}
}

@keyframes bgRepeat {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}
}

@media (min-width: 576px) {
	.whatsapp-order {
		min-width: 255px;
		max-width: 280px;
		height: 70px;
		padding: 0 20px
	}

		.whatsapp-order > span {
			font-size: 1.4rem
		}

			.whatsapp-order > span > span {
				font-size: .9rem
			}

		.whatsapp-order i {
			display: block;
			padding-right: 8px;
			font-size: 3.4rem;
			pointer-events: none
		}
}

.header-custom-language {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.header-custom-language {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

.header-top .left-widget {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.header-top .left-widget {
		justify-content: center
	}
}

.header-top .left-widget li {
	display: inline-block;
	color: #fff;
	font-size: 16px
}

.header-language {
	text-align: left;
	margin-left: 5px;
	float: left
}

	.header-language > div {
		position: relative;
		padding-left: 10px;
		float: left;
		border-right: 1px solid rgb(255 253 253 / 10%);
		font-size: .93333rem
	}

		.header-language > div:last-child {
			border-right: none
		}

		.header-language > div > a img {
			height: 26px;
			border-radius: 50%
		}

.header-contact {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

@media (max-width: 991px) {
	.header-contact {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}
}

.catalog-link a {
	font-size: 12rem;
	font-weight: 500;
	padding: 8px 15px;
	border-radius: 0.5rem;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(88 88 88 / 40%);
	color: #fff;
	transition: .2s;
}

	.catalog-link a img {
		height: 20px;
		margin-right: 5px
	}

	.catalog-link a span {
		font-size: 13px
	}

.header-search ul li {
	display: inline-block;
	line-height: normal;
	vertical-align: middle
}

.header-search .search-option .dropdown-toggle {
	width: auto;
	color: #555555
}

	.header-search .search-option .dropdown-toggle:after {
		display: none
	}

.header-search .search-option .dropdown-toggle {
	background: transparent;
	font-size: 15px;
	color: #cfd6e6;
	width: 55px
}

.header-search .search-option .dropdown-menu {
	-webkit-transform: none !important;
	transform: none !important;
	position: absolute;
	height: 55px;
	width: 280px;
	padding: 5px;
	border-radius: 0;
	right: 0 !important;
	left: auto !important;
	top: 100% !important;
	box-shadow: none;
	border: none;
	float: none;
	margin: 0;
	background: #fff;
	box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 23%)
}

.header-search .search-option form input {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: transparent;
	border: 1px solid #ececec;
	padding: 0 49px 0 10px
}

.header-search .search-option form button {
	display: block;
	width: 48px;
	color: #fff;
	border: 1px solid #fff;
	border-left: none;
	line-height: 45px;
	text-align: center;
	position: absolute;
	top: 4px;
	right: 5px
}

.header-search .search-option form button {
	background: #001a57
}




/*** -------------- Header Middle End --------------- */




/*------------------------ Theme menu Two --------------------*/


@-webkit-keyframes menu_sticky {
	0% {
		margin-top: -75px;
		opacity: 0;
	}

	50% {
		margin-top: -64px;
		opacity: 0;
	}

	100% {
		margin-top: 0;
		opacity: 1;
	}
}

@keyframes menu_sticky {
	0% {
		margin-top: -75px;
		opacity: 0;
	}

	50% {
		margin-top: -64px;
		opacity: 0;
	}

	100% {
		margin-top: 0;
		opacity: 1;
	}
}

.theme-menu-wrapper.fixed {
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #000f32;
	margin: 0;
	padding-top: 0;
	box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
	-webkit-animation: menu_sticky 0.7s ease-in-out;
	animation: menu_sticky 0.7s ease-in-out;
}

.header-two .theme-menu-wrapper.fixed {
	background: #fff;
}

/*---------------------------- Theme Main Logo -------------------------*/

.logo {
	position: relative;
	left: 0;
	z-index: 99
}

@media (max-width: 991px) {
	.logo {
		display: flex;
		align-items: center
	}
}

.logo img {
	max-height: 80px
}

@media screen and (max-width: 1199px) {
	.logo img {
		max-height: 60px
	}
}

@media screen and (max-width: 431px) {
	.logo img {
		max-height: 55px
	}
}


.toggle-bar {
	display: none;
	align-items: center;
	width: 56px;
	height: 56px
}

	.toggle-bar a {
		position: relative;
		z-index: 2;
		width: 42px;
		min-width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		margin: auto 0 auto auto;
		cursor: pointer;
	}

@media(max-width: 991px) {
	.toggle-bar {
		display: flex
	}
}

@media(max-width: 767px) {
	.toggle-bar {
		width: 40px
	}
}

@media(max-width: 424px) {
	.toggle-bar {
		width: 44px;
		height: 44px
	}
}

@media (max-width: 1199.98px) {
	.hamburger-button {
		position: absolute;
		width: 42px;
		height: 38px;
		pointer-events: none;
	}

	.hamburger-close {
		position: absolute;
		left: 0;
		top: 25px;
		width: 100%;
		height: 100%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media (max-width: 1199.98px) {
	.hamburger-button .icon-bar {
		position: absolute;
		right: 4px;
		width: 32px;
		height: 3px;
	}

	body.navigation-active .hamburger-button .icon-bar {
		width: 0
	}

		body.navigation-active .hamburger-button .icon-bar:nth-child(1) {
			transition-delay: 0s;
		}

	.hamburger-button .icon-bar {
		background-color: #323232
	}

	.hamburger-button .icon-bar {
		pointer-events: none;
	}

		.hamburger-button .icon-bar:nth-child(1) {
			top: 8px;
			transition-delay: .25s;
		}

		.hamburger-button .icon-bar:nth-child(2) {
			width: 22px;
			top: 17px;
			transition-delay: .4s;
		}

		.hamburger-button .icon-bar:nth-child(3) {
			bottom: 8px;
			width: 26px;
			transition-delay: .55s;
		}

	.hamburger-close span {
		position: absolute;
		transition-delay: 0s !important;
		background-color: #fff;
		transition: .2s ease-in-out;
		pointer-events: none;
	}

	.toggle-bar span {
		background-color: #fff;
		transition-property: top,left,width,height;
		transition: .2s ease-in-out;
	}

	body.navigation-active .hamburger-close span, body.navigation-active .hamburger-button span {
		background-color: #323232;
		border-radius: .2rem;
		transition-delay: 0s !important
	}

		body.navigation-active .hamburger-close span:nth-child(1) {
			height: 32px;
			transition-delay: .5s;
		}

		body.navigation-active .hamburger-close span:nth-child(2) {
			width: 32px;
			transition-delay: .3s;
		}

	.hamburger-close span:nth-child(1) {
		top: 1px;
		left: 16px;
		height: 0;
		width: 3px;
		transition-delay: 0s;
	}

	.hamburger-close span:nth-child(2) {
		top: 16px;
		left: 1px;
		width: 0;
		height: 3px;
		transition-delay: .2s;
	}
}

@media(max-width: 991px) {
	body[class$=-active] {
		cursor: pointer
	}
}

@media(max-width: 991px) {
	body.navigation-active {
		overflow: hidden;
		position: fixed;
		height: 100%;
		width: 100%
	}

	body.navigation-active {
		left: 0px
	}

		body.navigation-active #mobile-navigation {
			left: 0;
			box-shadow: 2px 0 5px 0 rgba(0,0,0,.1)
		}

		body.navigation-active .navigation-menu-overlay {
			display: block
		}
}

#mobile-navigation {
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	z-index: 101;
	transition: all .2s ease-in-out;
	background: #f7f8f8;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

	#mobile-navigation .mobile-navigation {
		overflow: visible;
		position: relative;
		padding: 10px 20px
	}

	#mobile-navigation .top-menu {
		position: relative
	}

		#mobile-navigation .top-menu .toplogo a {
			background: 0 0;
			border-bottom: 1px solid #dbd6d1;
			max-width: 100%;
			height: 80px;
			padding: 15px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			#mobile-navigation .top-menu .toplogo a img {
				max-height: 60px
			}

		#mobile-navigation .top-menu .navclose {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			background: transparent;
			padding: 30px 35px;
			border-left: 1px solid #bfbfbf
		}

body.navigation-active #mobile-navigation .top-menu .navclose {
	display: block;
}

#mobile-navigation .category-level-1 > ul {
	padding-bottom: 10px;
	border-bottom: 1px solid #dbd6d1
}

#mobile-navigation li.has-sub-category > div {
	overflow: hidden
}

#mobile-navigation li.has-sub-category i {
	font-size: 1.4rem
}

#mobile-navigation li.has-sub-category.active > div {
	display: block;
	overflow: visible
}

#mobile-navigation li.has-sub-category.active > a > i {
	transform: rotate(180deg);
}

#mobile-navigation a {
	padding: 1.5rem 0rem;
	color: #323232;
	font-size: 2rem;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 0px solid #efefef;
	transition: all .1s ease-in-out
}

	#mobile-navigation a > div {
		display: flex;
		align-items: center
	}

		#mobile-navigation a > div > div {
			margin-right: 1rem
		}

			#mobile-navigation a > div > div img {
				width: 3rem;
				height: 3rem;
				object-fit: scale-down
			}

#mobile-navigation .mobile-navigation-parent {
	margin-bottom: 10px
}

	#mobile-navigation .mobile-navigation-parent > a {
		font-weight: 600;
		border-top: 1px solid #efefef;
		border-left: 10px solid #efefef
	}

#mobile-navigation .category-level-2, #mobile-navigation .category-level-3 {
	position: relative;
	display: none;
	top: 0;
	background: transparent;
	transition: all .2s ease-in-out;
	z-index: 2
}

	#mobile-navigation .category-level-2 ul, #mobile-navigation .category-level-3 ul {
		padding: 0 15px
	}

		#mobile-navigation .category-level-2 ul > li > a, #mobile-navigation .category-level-3 ul > li > a {
			padding: 10px 0;
			font-size: 14px;
			border-color: #efefef
		}

		#mobile-navigation .category-level-2 ul > li:last-child > a, #mobile-navigation .category-level-3 ul > li:last-child > a {
			border-bottom: none
		}

#mobile-navigation .mobile-navigation-back a {
	justify-content: flex-end;
	padding: 10px;
	border-bottom: none
}

	#mobile-navigation .mobile-navigation-back a span {
		margin-left: 1rem
	}

	#mobile-navigation .mobile-navigation-back a i {
		font-size: 1rem
	}


	#mobile-navigation .mobile-menu-bottom-language {
		height: auto;
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		padding: 15px 0;
		padding: 0;
		background-color: transparent;
		border-bottom: 0px solid #ccc;
	}

	#mobile-navigation .mobile-menu-bottom-language .language-icon-container {
		padding: 0
	}

#mobile-navigation .mobile-menu-bottom-language .language-icon-container button {
	font-size: 16px;
    padding: 0
}



#mobile-navigation .bottom-social-menu {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	padding: 2rem 0;
	background-color: transparent;
	border-bottom: 0px solid #ccc;
}

	#mobile-navigation .bottom-social-menu a {
		font-size: 20px !important;
		width: 4.2rem;
		height: 4.2rem;
		display: flex;
		justify-content: center !important;
		align-items: center !important;
		flex-direction: row;
		padding: 1rem;
		align-content: center;
		margin-right: 3rem;
		border-radius: 5px
	}

		#mobile-navigation .bottom-social-menu a:first-child {
			background: #2841b8 !important;
			color: #fff !important
		}

		#mobile-navigation .bottom-social-menu a:nth-child(2) {
			background: #48b7f0 !important;
			color: #fff !important
		}

		#mobile-navigation .bottom-social-menu a:nth-child(3) {
			background: linear-gradient(315deg,#8343D7,#F55944) !important;
			background: -webkit-linear-gradient(315deg,#8343D7,#F55944) !important;
			color: #fff !important
		}

		#mobile-navigation .bottom-social-menu a:last-child {
			background: #f22832 !important;
			color: #fff !important
		}

#mobile-navigation .mobile-navigation .mobile-navigation-menu-items > ul {
	padding: 0;
	color: var(--color-text--primary);
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.9375rem;
	padding: 0 0 1rem;
	margin: 2rem 0 0;
	margin: 1.5rem 0 0;
	border-bottom: 1px solid #dbd6d1;
}

	#mobile-navigation .mobile-navigation .mobile-navigation-menu-items > ul > li > a {
		font-size: 1.6rem
	}

.mobile-navigation .mobile-navigation-menu-items > ul > li > a > div > i {
	font-size: 12px;
	margin-right: 1rem
}

.mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(2), .mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(3) {
	background: transparent
}

#mobile-navigation .mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(2) a, #mobile-navigation .mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(3) a {
	color: #265ccb
}

.mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(1) {
	background: transparent
}

#mobile-navigation .mobile-navigation .mobile-navigation-menu-items > ul > li:nth-last-child(1) a {
	color: #8c8c8c
}



@media(min-width: 992px) {
	.navigation-active .navigation-menu-overlay {
		display: block
	}
}

#navigation .category-level-1 > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

	#navigation .category-level-1 > ul > li {
		position: relative;
		padding-right: 50px
	}

		#navigation .category-level-1 > ul > li:last-child {
			position: relative;
			padding-right: 0
		}

		#navigation .category-level-1 > ul > li > a {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 64px;
			color: #323232;
			color: #fff;
			font-size: 18px;
			font-weight: 500;
			text-align: center;
			white-space: nowrap;
			transition: all .2s ease-in-out
		}

			#navigation .category-level-1 > ul > li > a:before {
				position: absolute;
				bottom: 0.8rem;
				left: 0;
				width: 0;
				height: 0.3rem;
				content: "";
				border-radius: 3px;
				background-color: #265ccb;
				transition: all .2s linear
			}

		#navigation .category-level-1 > ul > li.active > a:before {
			width: 100%
		}

		#navigation .category-level-1 > ul > li > a:hover {
			color: #e5ae49
		}

		#navigation .category-level-1 > ul > li.active > a {
			color: #e5ae49
		}

		#navigation .category-level-1 > ul > li.active > .category-level-2 {
			display: block
		}

		#navigation .category-level-1 > ul > li.active > .category-level-2, #navigation .category-level-2 > ul > li.active > .category-level-3 {
			display: block;
		}

#navigation .category-level-2 {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	z-index: 101;
	width: 240px;
	padding: 0px 0 0px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgb(0 0 0 / 20%)
}

	#navigation .category-level-2 .container > ul {
		display: flex;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px
	}

		#navigation .category-level-2 .container > ul > li {
			position: relative
		}

		#navigation .category-level-2 .container > ul > li {
			flex: 0 0 100%;
			max-width: 100%;
			padding-right: 15px;
			padding-left: 15px;
			margin-bottom: 30px;
			margin-bottom: 0;
			border-bottom: 1px solid #eee
		}

			#navigation .category-level-2 .container > ul > li:last-child {
				border-bottom: 0
			}

			#navigation .category-level-2 .container > ul > li > a {
				display: inline-block;
				color: #323232;
				font-size: 14px;
				font-weight: 500;
				display: flex;
				align-items: center;
				padding: 1.5rem;
				transition: all .2s ease-in-out
			}

				#navigation .category-level-2 .container > ul > li > a:hover {
					color: #265ccb
				}

			#navigation .category-level-2 .container > ul > li:hover .category-level-3 {
				display: block
			}

			#navigation .category-level-2 .container > ul > li.navigation-category-image {
				flex: 0 0 14.2857%;
				max-width: 14.2857%
			}

				#navigation .category-level-2 .container > ul > li.navigation-category-image > a {
					display: block;
					height: 100%;
					text-align: center;
					font-size: 14px;
					font-weight: 500;
					padding: 0 10px 10px;
					border: 1px solid #efefef
				}

					#navigation .category-level-2 .container > ul > li.navigation-category-image > a:hover {
						border-color: #e5ae49
					}

					#navigation .category-level-2 .container > ul > li.navigation-category-image > a div {
						position: relative;
						width: 100%;
						padding-top: 100%;
						margin-bottom: 10px
					}

						#navigation .category-level-2 .container > ul > li.navigation-category-image > a div img {
							position: absolute;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
							margin: auto;
							display: block;
							max-width: 100%;
							max-height: 100%
						}

#navigation .category-level-3 {
	position: absolute;
	top: 0;
	left: 100%;
	width: 240px;
	display: none;
	padding: 0px 0 0px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
	z-index: 101
}

	#navigation .category-level-3 > ul > li {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
		margin-bottom: 0;
		border-bottom: 1px solid #eee
	}

		#navigation .category-level-3 > ul > li:last-child {
			border-bottom: 0
		}

		#navigation .category-level-3 > ul > li > a {
			display: inline-block;
			color: #858585;
			font-size: 14px;
			display: flex;
			align-items: center;
			padding: 1.5rem;
			transition: all .2s ease-in-out
		}

			#navigation .category-level-3 > ul > li > a:hover {
				color: #265ccb;
				background-color: #fff;
				text-decoration: unset
			}

		#navigation .category-level-3 > ul > li.navigation-show-all {
			font-style: italic;
			text-decoration: underline
		}












/*---------------------------- Theme Main Banner -------------------------*/

.single-case-block:hover {
	box-shadow: 0 0 10px 0 gray;
}

.single-product {
	position: relative;
}

.camera_wrap {
	float: none;
}

#theme-main-banner .camera_overlayer {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,26,27,0.10);
}

#theme-main-banner .main-container {
	position: relative;
}

#theme-main-banner .camera_caption {
	height: 100%;
}

#theme-main-banner .container {
	position: relative;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#theme-main-banner .camera_caption > div {
	background: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-shadow: none;
	left: 0;
	padding: 0;
}

#theme-main-banner .camera_caption h1 {
	padding: 30px 0 35px 0;
	color: #f1f1f1 !important;
}

#theme-main-banner .camera_caption p {
	font-size: 26px;
	line-height: 35px;
	color: #f1f1f1;
	font-weight: 300;
}

#theme-main-banner .camera_caption .theme-button-one {
	background: #fff;
}

	#theme-main-banner .camera_caption .theme-button-one:hover {
		color: #fff;
	}

#theme-main-banner .camera_pag {
	position: absolute;
	height: 100%;
	top: 0;
	left: 3%;
	z-index: 9;
}

	#theme-main-banner .camera_pag .camera_pag_ul {
		text-align: center;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		#theme-main-banner .camera_pag .camera_pag_ul li {
			display: block;
			margin: 15px 0;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			border-width: 1px;
			background: transparent;
		}

			#theme-main-banner .camera_pag .camera_pag_ul li span {
				height: 100%;
				width: 100%;
				top: 0;
				left: 0;
				border-radius: 50%;
			}
/*--------------------- Top Feature -------------------*/

.top-feature .main-content {
	text-align: center;
	padding: 50px 16%;
	border-bottom: 4px solid transparent;
}

	.top-feature .main-content:hover {
		border-bottom-color: #001a57;
	}

	.top-feature .main-content img {
		margin: 0 auto;
	}

	.top-feature .main-content h4 {
		position: relative;
		padding-bottom: 18px;
		margin: 15px 0 18px 0;
	}

		.top-feature .main-content h4:before {
			content: '';
			width: 40px;
			height: 4px;
			border-radius: 10px;
			background: #c3c3c3;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -20px;
		}

.top-feature.fix-border .main-content {
	border-top: 4px solid transparent;
	border-bottom: none;
}

	.top-feature.fix-border .main-content:hover {
		border-top-color: #001a57;
	}

/*------------------ About Company -----------------*/

.about-compnay img {
	border-radius: 5px;
}

.about-compnay .mission-goal {
	border-top: 1px solid #dcdcdc;
	padding-top: 23px;
	margin-top: 33px;
}

	.about-compnay .mission-goal li {
		float: left;
		width: 33.33333333%;
		text-align: center;
		position: relative;
	}

		.about-compnay .mission-goal li .icon {
			font-size: 55px;
		}

		.about-compnay .mission-goal li:nth-child(2) {
			border-left: 1px dashed #c3c3c3;
			border-right: 1px dashed #c3c3c3;
		}


/*------------------ Certificates Company-----------------*/


.all-certificate .slick-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%
}

	.all-certificate .slick-dots > li {
		margin: 0 5px
	}

		.all-certificate .slick-dots > li > button {
			position: relative;
			overflow: hidden;
			display: block;
			width: 12px;
			height: 12px;
			text-indent: -9999px;
			padding: 0;
			margin-bottom: 5px;
			border: none;
			border-radius: 50%;
			background-color: #F2F2F2
		}

		.all-certificate .slick-dots > li.slick-active > button {
			background-color: #265ccb
		}


.theme-banner-documents {
	margin-bottom: 10px !important;
}

@media (max-width: 991px) {
	.theme-banner-documents {
		margin-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.theme-banner-documents {
		margin-bottom: 60px;
	}
}

.theme-banner-documents {
	padding-top: 30px;
	padding-bottom: 10px;
	background-image: url(/);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

	.theme-banner-documents a {
		display: block;
		transition: .1s;
		margin-bottom: 30px;
		width: 100%
	}

		.theme-banner-documents a:hover {
			box-shadow: 0 0 20px 0 rgba(0,15,50,.16)
		}

.theme-banner-document-wrapper {
	padding: 20px;
	box-shadow: 0 0 20px 0 rgba(0,15,50,.06);
	border: 1px solid #eee;
	background-color: #a9c2c4;
}

	.theme-banner-document-wrapper .theme-banner-document-image {
		display: block;
		padding-bottom: 65%;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
	}

		.theme-banner-document-wrapper .theme-banner-document-image img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
			height: auto;
			transition: all .35s ease-in-out;
		}

	.theme-banner-document-wrapper .theme-banner-document-title {
		font-size: 18px;
		text-align: center;
		color: #ffF;
	}

	.theme-banner-document-wrapper .theme-banner-document-shape {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

		.theme-banner-document-wrapper .theme-banner-document-shape p {
			font-size: 15px;
			font-weight: 600;
			margin-right: 10px;
			margin-left: 10px;
			color: #fff;
			text-align: center;
		}




/*------------------ Feature Banner ---------------*/



.feature-banner {
	background: url(../images/home/2.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #707d9e;
	text-align: center;
}

	.feature-banner .opacity {
		background: rgba(0,26,87,0.5);
		padding: 74px 0 80px 0;
	}

		.feature-banner .opacity h2 {
			font-size: 42px;
			line-height: 52px;
			text-transform: inherit;
			color: #fff;
			padding: 0 100px;
			margin-bottom: 32px;
		}


/*---------------- Service Style One --------------*/
.service-style-one .single-service {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	flex-direction: row;
	border: 1px solid #eaeaea;
	border-radius: 0.3rem;
}

	.service-style-one .single-service .text {
		border-radius: 0 4px 4px 0;
		padding: 16px 10px;
		display: flex;
		align-items: baseline;
		justify-content: center;
		flex-direction: column;
	}

		.service-style-one .single-service .text p {
			padding-bottom: 10px;
		}

		.service-style-one .single-service .text .read-more {
			font-size: 14px;
			font-weight: 700;
		}

			.service-style-one .single-service .text .read-more i {
				margin-left: 2px;
			}

	.service-style-one .single-service .img-box {
		display: block;
		padding-bottom: 40%;
		padding-right: 80px;
		padding-left: 80px;
		position: relative;
		overflow: hidden;
		border-right: 1px solid #eaeaea;
	}

		.service-style-one .single-service .img-box img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
			height: auto;
			transition: all .35s ease-in-out;
		}

	.service-style-one .single-service:hover .text {
		border-color: #fff;
	}

	.service-style-one .single-service:hover {
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
	}

.service-style-one .wrapper {
	margin-bottom: 50px;
}

.service-style-one .contact-text {
	text-align: center;
	padding-top: 35px;
}

	.service-style-one .contact-text h4 {
		font-weight: normal;
		margin-bottom: 10px;
	}

	.service-style-one .contact-text h5 {
		font-weight: normal;
		display: inline-block;
		position: relative;
	}

		.service-style-one .contact-text h5:before {
			content: '';
			width: 100%;
			height: 1px;
			position: absolute;
			bottom: 1px;
			left: 0;
		}


/*-------------------- Testimonial Slider ------------------*/
.testimonial-section {
	background: url(../images/home/9.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #707d9e;
}

	.testimonial-section .overlay {
		background: rgba(0,0,0,0.1);
		padding: 125px 0;
	}

	.testimonial-section .wrapper {
		width: 55%;
		padding-right: 15px;
	}

		.testimonial-section .wrapper .bg {
			background: #fff;
			border-radius: 5px;
			position: relative;
			padding: 40px 65px 35px 65px;
			box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
			text-align: center;
		}

			.testimonial-section .wrapper .bg:before {
				content: '';
				font-family: 'font-awesome';
				position: absolute;
				top: 30px;
				right: -10px;
				color: #fff;
				font-size: 35px;
			}

		.testimonial-section .wrapper p {
			font-size: 20px;
			font-weight: 300;
			line-height: 29px;
		}

		.testimonial-section .wrapper .name h6 {
			font-weight: normal;
		}

		.testimonial-section .wrapper .name span {
			font-size: 16px;
		}

		.testimonial-section .wrapper .name {
			position: relative;
			margin: 25px 0 28px 0;
			z-index: 1;
		}

			.testimonial-section .wrapper .name:before {
				content: '“';
				color: #f1f1f1;
				font-size: 120px;
				font-weight: 900;
				position: absolute;
				top: -42px;
				left: 50%;
				z-index: -1;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}

	.testimonial-section .owl-theme .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #cecece;
		margin: 0 5px;
	}
/*----------------------- Our Team -----------------*/


.our-team .team-member {
	margin-top: 30px;
	text-align: center;
}

.our-team .wrapper {
	margin-top: 25px;
}

.our-team .team-member .image-box img {
	width: 100%;
	border-radius: 5px 5px 0 0;
}

.our-team .team-member .image-box {
	position: relative;
	overflow: hidden;
}

.our-team .team-member .text {
	padding: 13px 0;
	border: 1px solid #eaeaea;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.our-team .team-member:hover .text {
	border-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.our-team .team-member .text h6 {
	font-weight: 600;
}

.our-team .team-member .text span {
	font-size: 16px;
	font-style: italic;
}

.our-team .team-member .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,26,87,0.7);
	border-radius: 5px 5px 0 0;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.our-team .team-member:hover .overlay {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.our-team .team-member .overlay .hover-content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.our-team .team-member .overlay .hover-content ul li {
		display: inline-block;
		margin: 0 2px;
	}

		.our-team .team-member .overlay .hover-content ul li a {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: 1px solid #fff;
			line-height: 38px;
			color: #fff;
			font-size: 14px;
		}

			.our-team .team-member .overlay .hover-content ul li a:hover {
				background: #fff;
			}

	.our-team .team-member .overlay .hover-content p {
		line-height: 25px;
		color: #fff;
		padding-top: 15px;
	}


/*------------------ Theme Counter -------------------*/

.theme-counter {
	background: #f8faff;
	padding: 30px 0;
}

	.theme-counter .bg {
		background: url(../images/home/pattern.png) no-repeat center center;
		text-align: center;
		padding: 50px 0 50px 0;
	}

	.theme-counter h6 {
		font-size: 18px;
		font-weight: 700;
	}

	.theme-counter h2 {
		font-size: 42px;
		font-weight: 700;
		padding: 12px 0 35px 0;
	}

.cunter-wrapper {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.single-counter-box .number {
	font-weight: 600;
	font-size: 40px;
}

.single-counter-box i {
	display: block;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 5px;
}

.single-counter-box .number .timer {
	font-size: 70px;
}

.single-counter-box p {
	margin-top: -15px;
}

.single-counter-box {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 45px 15px 63px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
}

.theme-counter .theme-button-one {
	margin-top: 45px;
}

/*------------------ Free Consultation -----------------*/

.consultation-form .theme-title-one {
	margin-bottom: 55px;
}

.consultation-form .main-content {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.consultation-form .img-box {
	background: url(../images/home/10.jpg) no-repeat center;
	background-size: cover;
	height: 500px;
	border-radius: 5px 0 0 5px;
}

.consultation-form .form-wrapper {
	background: #fff;
	border-radius: 0 5px 5px 0;
	height: 500px;
	padding: 75px 40px 0 40px;
}




/*----------------- CallOut Banner  --------------*/



.callout-banner {
	background-color: #001a57;
	background-image: url(../images/home/pattern2.png);
	padding: 40px 0;
}

	.callout-banner .title {
		float: left;
		line-height: 40px;
		color: #fff;
		width: 27%;
	}

	.callout-banner p {
		float: left;
		color: #a9b3c8;
		padding-left: 70px;
		width: 55%;
		position: relative;
	}

		.callout-banner p:before {
			content: '';
			width: 4px;
			height: 93%;
			background: #9ca6bc;
			border-radius: 5px;
			position: absolute;
			left: 25px;
			top: 3px;
		}

	.callout-banner .theme-button-one {
		background: #fff;
		margin-top: 15px;
		float: right;
	}

		.callout-banner .theme-button-one:hover {
			color: #fff;
			background: #000f32;
		}

	.callout-banner.no-bg {
		background: none;
		padding: 0;
		margin-bottom: 70px;
	}

		.callout-banner.no-bg .title {
			color: #232323;
			text-align: right;
		}

		.callout-banner.no-bg p {
			color: #555555;
		}

			.callout-banner.no-bg p:before {
				background: #c3c3c3;
			}

		.callout-banner.no-bg .theme-button-one {
			color: #fff;
		}

/*------------------------- Our Solution -------------------*/
.our-solution .single-solution-block {
	margin-bottom: 55px;
	text-align: center;
	background: #fff7f7;
	padding: 15px;
}

.single-solutions-block-image {
	display: block;
	padding-bottom: 68%;
	position: relative;
	overflow: hidden;
	border-radius: .3rem;
	transition: all .35s ease-in-out;
	border: 0px solid #eee;
}

.our-solution .single-solution-block .icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	transition: all .35s ease-in-out;
}

.our-solution .single-solution-block:hover .icon {
	/*-webkit-transform:scale(1.1);
    transform:scale(1.1);*/
}

.our-solution .single-solution-block h5 {
	margin: 26px 0 10px 0;
	padding: 12px 15px;
	background: #000f32;
	display: inline-flex;
	border: 1px solid #eee;
	color: #fff;
}

.our-solution .single-solution-block p {
	padding: 0 22px;
	height: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 767px) {
	.our-solution .single-solution-block p {
		padding: 0;
	}
}

.our-solution .single-solution-block img {
	height: 80px
}

/*------------------------- Our Grid Solution -------------------*/

.our-solution .single-grid-solution-block {
	margin-top: 15px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
}

	.our-solution .single-grid-solution-block .icon {
		margin: 0 auto;
	}

	.our-solution .single-grid-solution-block h5 {
		margin: 26px 0 10px 0;
	}

	.our-solution .single-grid-solution-block p {
		padding: 0 22px;
	}

	.our-solution .single-grid-solution-block img {
		height: 80px;
	}

/*------------------- About Company Stye Two -------------------*/

.about-company-two {
	background: url(../images/home/11.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #707d9e;
}

	.about-company-two .overlay {
		background: rgba(0,26,87,0.8);
		padding: 100px 0;
	}

	.about-company-two .theme-title-one {
		text-align: left;
		margin-bottom: 30px;
	}

		.about-company-two .theme-title-one h2 {
			color: #fff;
		}

			.about-company-two .theme-title-one h2:before {
				left: 0;
				margin: 0;
				color: #919fbf;
			}

	.about-company-two .text p {
		color: #cad2e5;
		padding: 0 50px 15px 0;
	}

	.about-company-two .text .sign {
		margin-top: 15px;
	}

	.about-company-two .quote-form {
		background: #fff;
		border-radius: 5px;
		padding: 25px 25px 40px 40px;
	}

		.about-company-two .quote-form h3 {
			color: #0c2355;
			margin-bottom: 24px;
			font-weight: 700;
		}

			.about-company-two .quote-form h3 i {
				color: #489f10;
				margin-right: 10px;
				font-size: 28px
			}

			.about-company-two .quote-form h3 span {
				color: #489f10;
				color: #0c2355;
				font-weight: 700
			}

		.about-company-two .quote-form p {
			font-size: 14px;
			font-weight: 700;
			color: #0c2355;
			line-height: 28px;
			display: block;
			margin-bottom: 46px
		}

			.about-company-two .quote-form p span {
				color: #489f10;
				color: #0c2355;
				font-weight: 700
			}

	.about-company-two .left-img {
		border-radius: 5px;
	}

	.about-company-two.no-bg {
		background: none;
	}

		.about-company-two.no-bg .overlay {
			background: #fff;
			padding: 0;
		}

		.about-company-two.no-bg .theme-title-one h2 {
			color: #232323;
		}

			.about-company-two.no-bg .theme-title-one h2:before {
				background: #c3c3c3;
			}

		.about-company-two.no-bg .text p {
			color: #555555;
			padding-right: 0;
		}
/*----------------------- Our Case --------------------*/

.our-case .row {
	margin: 0 -22px;
}

	.our-case .row [class="col-"] {
		padding: 0 22px;
	}

.our-case .wrapper {
	margin-top: 10px;
}

.our-case .single-case-block {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 30px;
}

	.our-case .single-case-block img {
		border-radius: 5px;
	}

	.our-case .single-case-block .hover-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,26,87,0.4);
		border-radius: 5px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.our-case .single-case-block .document-content {
		position: absolute;
		top: 85%;
		left: 0;
		width: 100%;
		height: 15%;
		background: rgba(0,26,87,0.4);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

		.our-case .single-case-block .document-content .text {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 30%;
			padding: 0 28px;
			opacity: 0;
			transition-delay: 0.2s;
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}


	.our-case .single-case-block:hover .hover-content {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.our-case .single-case-block .hover-content .text {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 20px;
		padding: 0 28px;
		opacity: 0;
		transition-delay: 0.2s;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	.our-case .single-case-block:hover .hover-content .text {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	.our-case .single-case-block .hover-content .text h5 a {
		color: #fff;
	}

	.our-case .single-case-block .hover-content .text p {
		font-size: 17px;
		color: #fff;
	}

	.our-case .single-case-block .hover-content .text .details {
		width: 40px;
		height: 40px;
		line-height: 43px;
		text-align: center;
		background: #fff;
		border-radius: 50%;
		color: #979797;
		font-size: 20px;
		margin-top: 7px;
	}

		.our-case .single-case-block .hover-content .text .details:hover {
			color: #fff;
		}

.our-case .view-all {
	text-align: center;
	margin-top: 60px;
}

.our-case.our-project .wrapper, .our-case.our-project .single-case-block {
	margin-top: 0;
}

.our-case.our-project .single-case-block {
	margin-bottom: 40px;
}

/*------------------- Faq Section -------------------*/
.faq-section {
	background: url(../images/home/12.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #707d9e;
	height: 570px;
	margin-bottom: 285px;
}

	.faq-section .overlay {
		background: rgba(0,26,87,0.9);
		padding: 95px 0 0 0;
		height: 570px;
	}

	.faq-section .theme-title-one h2 {
		color: #fff;
	}

		.faq-section .theme-title-one h2:before {
			background: #ced7ec;
		}

	.faq-section .theme-title-one p {
		color: #cad2e5;
	}

	.faq-section .wrapper {
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		margin: 55px 0 0 0;
	}

		.faq-section .wrapper .img-box {
			background: url(../images/home/13.jpg) no-repeat center center;
			background-size: cover;
			border-radius: 5px 0 0 5px;
			position: relative;
			height: 500px;
		}

			.faq-section .wrapper .img-box .play {
				width: 72px;
				height: 72px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -36px 0 0 -36px;
				text-align: center;
				line-height: 72px;
			}

		.faq-section .wrapper .faq-content {
			background: #fff;
			border-radius: 0 5px 5px 0;
			padding: 43px 50px 60px 50px;
		}

.accordion-one .panel-heading {
	padding: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}

	.accordion-one .panel-heading h6 a {
		color: #232323;
		padding: 15px 25px 15px 0;
		display: block;
		position: relative;
	}

.accordion-one .panel-group .panel {
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	border: none;
}

.accordion-one .panel-group .panel-body {
	border: none;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
}

.accordion-one .panel-group .panel-heading a:before {
	content: "\f10a";
	font-family: Flaticon;
	font-size: 20px;
	color: #c7c7c7;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
}

.accordion-one .panel-group .panel-heading.active-panel a:before {
	content: "\f109";
}

/*------------------ Why Choose us -----------------*/

.why-choose-us .single-block {
	position: relative;
	margin-top: 45px;
	padding: 0 0 0 90px;
}

.why-choose-us .wrapper {
	margin-top: 10px;
}

.why-choose-us .single-block h5 {
	margin-bottom: 10px;
}

.why-choose-us .single-block .icon {
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 60px;
}

/*------------------ Short Banner ------------------*/

.short-banner {
	background: url(../images/home/14.jpg) no-repeat center center;
	background-size: cover;
	background-color: #707d9e;
}

	.short-banner .overlay {
		background: rgba(255,255,255,0.4);
		padding: 52px 0;
		text-align: center;
	}

		.short-banner .overlay h2 {
			font-size: 40px;
			line-height: 48px;
			width: 65%;
			margin: 0 auto;
		}

/*----------------- Latest News ------------------- */

.our-blog .single-blog .image-box {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

	.our-blog .single-blog .image-box img {
		width: 100%;
	}

.our-blog .single-blog:hover .image-box img {
	-webkit-transform: scale3D(1.1,1.1,1);
	transform: scale3D(1.1,1.1,1)
}

.our-blog .single-blog .image-box .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 5px;
	background: rgba(0,0,0,0.05);
}

	.our-blog .single-blog .image-box .overlay .date {
		line-height: 25px;
		border-radius: 5px;
		font-size: 14px;
		color: #fff;
		padding: 0 18px;
		position: absolute;
		left: 20px;
		bottom: 20px;
	}

.our-blog .single-blog .post-meta .title {
	line-height: 28px;
	margin: 20px 0 10px 0;
}

.our-blog .single-blog .post-meta .read-more {
	font-size: 14px;
	font-weight: 700;
}

	.our-blog .single-blog .post-meta .read-more:hover {
		text-decoration: underline;
	}

.latest-news .single-blog {
	margin-top: 35px;
}

.latest-news .wrapper {
	margin-top: 20px;
}

.blog-inner-page .our-blog .single-blog .post-meta .title {
	font-size: 26px;
	margin-top: 25px;
}

.our-blog .single-blog .post-meta p {
	margin-bottom: 12px;
}

.blog-inner-page .our-blog .single-blog {
	margin-bottom: 40px;
}

	.blog-inner-page .our-blog .single-blog:last-child {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 55px;
	}

.blog-grid .single-blog {
	margin-bottom: 40px;
}

/*------------------- Google Map ---------------------*/

.map-canvas {
	width: 100%;
	height: 100%;
}

.google-map-one {
	height: 300px;
}

/*---------------------- Theme Inner Banner -----------------*/

.theme-inner-banner {
	background: url(../images/home/inner-banner.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #707d9e;
}

	.theme-inner-banner .overlay {
		background: rgba(0,26,87,0.4);
		text-align: center;
		padding: 30px 0 30px 0;
	}

.theme-inner-banner-slim .overlay {
	background: rgba(0,26,87,0.4);
	text-align: center;
	padding: 1px 0 1px 0;
}

.theme-inner-banner-slim {
	background: url(../images/home/inner-banner.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #707d9e;
}

.theme-inner-banner .overlay h2 {
	font-size: 35px;
	font-weight: 700;
	color: #fff;
}

/*------------------- Why WE Best -------------------*/

.why-we-best {
	background: url(../images/home/11.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #707d9e;
	height: 570px;
	margin-bottom: 270px;
}

	.why-we-best .overlay {
		background: rgba(0,26,87,0.9);
		padding: 95px 0 0 0;
		height: 570px;
	}

	.why-we-best .theme-title-one h2 {
		color: #fff;
	}

		.why-we-best .theme-title-one h2:before {
			background: #ced7ec;
		}

	.why-we-best .theme-title-one p {
		color: #cad2e5;
	}

	.why-we-best .wrapper {
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		margin: 55px 0 0 0;
	}

		.why-we-best .wrapper .img-box {
			background: url(../images/home/16.jpg) no-repeat center center;
			background-size: cover;
			border-radius: 0 5px 5px 0;
			position: relative;
			height: 500px;
		}

		.why-we-best .wrapper .best-list-item {
			background: #fff;
			padding: 65px 20px 65px 50px;
			border-radius: 5px 0 0 5px;
		}

			.why-we-best .wrapper .best-list-item li {
				position: relative;
				margin-bottom: 50px;
				padding: 0 0 0 90px;
			}

				.why-we-best .wrapper .best-list-item li:last-child {
					margin-bottom: 0;
				}

				.why-we-best .wrapper .best-list-item li h5 {
					margin-bottom: 10px;
				}

				.why-we-best .wrapper .best-list-item li .icon {
					position: absolute;
					top: -10px;
					left: 0;
					font-size: 60px;
				}

/*---------------- Core Values ----------------*/

.core-values {
	background: #f8faff;
	padding: 95px 0 115px 0;
}

	.core-values .wrapper {
		margin-top: 20px;
	}

	.core-values .single-value-block {
		margin-top: 40px;
	}

		.core-values .single-value-block .image-box {
			position: relative;
			border-radius: 5px 5px 0 0;
			overflow: hidden;
		}

			.core-values .single-value-block .image-box img {
				width: 100%;
			}

			.core-values .single-value-block .image-box .overlay {
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				text-align: center;
				border-radius: 5px 5px 0 0;
				background: rgba(0,26,87,0.5);
				opacity: 0;
				-webkit-transform: scale(1,0);
				transform: scale(1,0);
			}

		.core-values .single-value-block:hover .image-box .overlay {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		.core-values .single-value-block .image-box .overlay a {
			background: #fff;
			padding: 0 23px;
			line-height: 40px;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

			.core-values .single-value-block .image-box .overlay a:hover {
				color: #fff;
			}

		.core-values .single-value-block .text {
			background: #fff;
			border: 1px solid #e5ecff;
			border-top: none;
			border-radius: 0 0 5px 5px;
			padding: 25px 20px 25px 30px;
		}

			.core-values .single-value-block .text h5 {
				margin-bottom: 10px;
			}

/*--------------------- Theme Sidebar One ----------------------*/

.theme-sidebar-one .sidebar-box {
	margin-bottom: 50px;
}

.theme-sidebar-one .title {
	font-weight: normal;
	margin-bottom: 25px;
}

.theme-sidebar-one .service-categories ul li a {
	display: block;
	font-weight: 600;
	font-size: 18px;
	color: #232323;
	line-height: 45px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 5px;
	padding-left: 20px;
}

	.theme-sidebar-one .service-categories ul li a:hover,
	.theme-sidebar-one .service-categories ul li.active a {
		background: #f5f8ff;
		border-color: #bccaea;
	}

.theme-sidebar-one .service-categories ul li:last-child a {
	margin: 0;
}

.theme-sidebar-one .sidebar-brochures ul {
	padding: 0 25px;
	border-radius: 5px;
}

	.theme-sidebar-one .sidebar-brochures ul li a {
		display: block;
		line-height: 55px;
		color: #fff;
		font-size: 18px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		position: relative;
		padding-left: 30px;
	}

	.theme-sidebar-one .sidebar-brochures ul li:last-child a {
		border-bottom: 0;
	}

	.theme-sidebar-one .sidebar-brochures ul li a i {
		position: absolute;
		top: 0;
		left: 0;
		line-height: 55px;
	}

.theme-sidebar-one .sidebar-contact input,
.theme-sidebar-one .sidebar-contact textarea {
	width: 100%;
	max-width: 100%;
	background: #fff;
	border: none;
	border-bottom: 1px solid #dfdfdf;
	font-size: 16px;
}

.theme-sidebar-one .sidebar-contact input {
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.theme-sidebar-one .sidebar-contact textarea {
	height: 80px;
	resize: none;
	margin-bottom: 20px;
}
/*--------------------- Service Details ----------------------*/
.service-details .service-content .cover-img {
	border-radius: 5px;
	margin-bottom: 25px;
}

.service-details .service-content .main-title {
	font-size: 30px;
	margin-bottom: 15px;
}

.service-details .service-content p {
	padding-bottom: 25px;
}

.service-details .service-content .sub-heading {
	font-weight: normal;
	margin-bottom: 15px;
}

.service-details .service-content .presentation-section {
	padding: 30px 0 55px 0;
}

	.service-details .service-content .presentation-section .best-list-item li {
		position: relative;
		margin: 12px 0 0 0;
		padding: 0 0 4px 90px;
	}

		.service-details .service-content .presentation-section .best-list-item li:last-child {
			margin-bottom: 0;
		}

		.service-details .service-content .presentation-section .best-list-item li h5 {
			margin-bottom: 10px;
		}

		.service-details .service-content .presentation-section .best-list-item li .icon {
			position: absolute;
			top: -10px;
			left: 0;
			font-size: 60px;
		}

	.service-details .service-content .presentation-section .chart {
		margin: 0 auto;
	}

.service-details .service-content .accordion-one .panel-group .panel-body p {
	padding: 0;
}

.service-details .service-content .market-growth {
	padding-top: 65px;
}

	.service-details .service-content .market-growth .wrapper {
		padding-top: 20px;
	}

	.service-details .service-content .market-growth img {
		width: 100%;
		border-radius: 5px;
	}

	.service-details .service-content .market-growth ul {
		padding-left: 18px;
	}

		.service-details .service-content .market-growth ul li {
			line-height: 34px;
			font-style: italic;
			padding-left: 18px;
			position: relative;
		}

			.service-details .service-content .market-growth ul li:before {
				content: '';
				font-family: 'font-awesome';
				font-size: 12px;
				color: #232323;
				line-height: 34px;
				position: absolute;
				left: 0;
				top: 0;
				font-style: normal;
				font-weight: 700;
			}


/*---------------- Project Details ---------------*/

.project-details .main-title {
	font-size: 30px;
	margin-bottom: 15px;
}

.project-details .project-details-sidebar p {
	padding-bottom: 15px;
}

.project-details .project-details-sidebar .project-history {
	margin: 0 -5px;
	padding-top: 15px;
}

	.project-details .project-details-sidebar .project-history li {
		float: left;
		width: 50%;
		padding: 0 5px;
		margin-bottom: 25px;
	}

.project-details .project-details-sidebar .social-icon li {
	display: inline-block;
}

	.project-details .project-details-sidebar .social-icon li a {
		color: #555555;
		font-size: 15px;
		margin-right: 15px;
	}

.project-details .project-details-sidebar .charts {
	padding-top: 60px;
}

.project-details .image-col img {
	border-radius: 5px;
	margin-bottom: 25px;
}

	.project-details .image-col img:last-child {
		margin-bottom: 0;
	}

.project-details #chartContainer {
	width: 100%;
	height: 300px;
	margin-top: 20px;
}

/*---------------------- Blog Sidebar ---------------------*/

.blog-sidebar .sidebar-container {
	margin-bottom: 45px;
}

.blog-sidebar .sidebar-search form {
	height: 52px;
	position: relative;
}

	.blog-sidebar .sidebar-search form input {
		width: 100%;
		height: 100%;
		border: none;
		border-bottom: 1px solid #dfdfdf;
		font-size: 16px;
		padding-right: 28px;
	}

	.blog-sidebar .sidebar-search form button {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 25px;
		font-size: 14px;
		text-align: right;
		color: #555555;
		background: transparent;
	}

.blog-sidebar .title {
	font-weight: normal;
	margin-bottom: 12px;
	text-transform: capitalize;
}

.blog-sidebar .sidebar-categories ul li a {
	color: #555555;
	line-height: 35px;
	position: relative;
	padding-left: 25px;
}

	.blog-sidebar .sidebar-categories ul li a:before {
		content: '';
		font-family: 'font-awesome';
		font-size: 12px;
		position: absolute;
		line-height: 35px;
		top: 0;
		left: 0;
	}

.blog-sidebar .sidebar-recent-post li {
	padding: 10px 0 13px 0;
	margin-bottom: 9px;
	border-bottom: 1px solid #e5e5e5;
}

	.blog-sidebar .sidebar-recent-post li img {
		width: 65px;
		height: 60px;
		border-radius: 5px;
	}

	.blog-sidebar .sidebar-recent-post li .post {
		width: calc(100% - 65px);
		padding-left: 20px;
	}

		.blog-sidebar .sidebar-recent-post li .post a {
			color: #232323;
			line-height: 24px;
			margin-top: -5px;
		}

		.blog-sidebar .sidebar-recent-post li .post .date {
			font-size: 15px;
			color: #9ca6bf;
			font-style: italic;
			margin-top: 7px;
		}

	.blog-sidebar .sidebar-recent-post li:last-child {
		border: none;
		margin: 0;
		padding-bottom: 0;
	}

.blog-sidebar .sidebar-archives ul li a {
	color: #555555;
	line-height: 32px;
	position: relative;
	padding-left: 28px;
}

	.blog-sidebar .sidebar-archives ul li a:before {
		content: '';
		font-family: 'font-awesome';
		font-size: 14px;
		position: absolute;
		line-height: 32px;
		top: 0;
		left: 0;
	}

.blog-sidebar .sidebar-tags ul {
	margin: 0 -2px;
}

	.blog-sidebar .sidebar-tags ul li {
		float: left;
		padding: 0 2px;
	}

		.blog-sidebar .sidebar-tags ul li a {
			color: #555555;
			font-size: 17px;
			line-height: 28px;
			border: 1px solid #e1e1e1;
			border-radius: 5px;
			margin-top: 4px;
			padding: 0 12px;
		}

			.blog-sidebar .sidebar-tags ul li.active a,
			.blog-sidebar .sidebar-tags ul li a:hover {
				color: #fff;
			}

/*------------------- Blog Details ---------------*/
.blog-details .single-blog .post-meta .title {
	font-size: 26px;
	line-height: 30px;
	margin: 25px 0 20px 0;
}

.blog-details .single-blog .post-meta p {
	padding-bottom: 25px;
	margin-bottom: 0;
}

.blog-details .single-blog .post-meta .mark-text img {
	width: 100%;
	border-radius: 5px;
}

.blog-details .single-blog .post-meta .mark-text .inner-text {
	text-align: center;
	position: relative;
	padding-top: 140px;
	margin: 0 10px;
}

	.blog-details .single-blog .post-meta .mark-text .inner-text p {
		font-style: italic;
	}

	.blog-details .single-blog .post-meta .mark-text .inner-text:before {
		content: "\f10c";
		font-family: Flaticon;
		position: absolute;
		color: #eeeeee;
		font-size: 45px;
		top: 55px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

.blog-details .single-blog .post-meta .mark-text {
	padding: 18px 0 40px 0;
}

.blog-details .share-option {
	border-top: 1px solid #e5e5e5;
	margin-top: 18px;
}

	.blog-details .share-option ul {
		padding-top: 12px;
	}

	.blog-details .share-option .tag-meta li,
	.blog-details .share-option .social-icon li {
		display: inline-block;
		vertical-align: middle;
		font-weight: 600;
		color: #232323;
	}

		.blog-details .share-option .tag-meta li i,
		.blog-details .share-option .social-icon li i {
			font-size: 15px;
			margin-right: 2px;
		}

		.blog-details .share-option .tag-meta li a {
			font-weight: normal;
			color: #555555;
		}

		.blog-details .share-option .social-icon li a {
			font-size: 15px;
			color: #777777;
			margin-left: 12px;
		}

		.blog-details .share-option .social-icon li:nth-child(2) a {
			margin-left: 3px;
		}

.our-blog .inner-box {
	margin-top: 70px;
}

	.our-blog .inner-box .theme-title-one h2 {
		font-size: 30px;
		text-align: left;
		margin-bottom: 40px;
	}

		.our-blog .inner-box .theme-title-one h2:before {
			left: 0;
			margin: 0;
		}

.related-post-slider .item {
	margin: 0 15px;
}

.our-blog .comment-area .single-comment img {
	width: 70px;
	height: 70px;
	border-radius: 5px;
}

.our-blog .comment-area .single-comment .comment {
	width: calc(100% - 70px);
	padding-left: 25px;
}

	.our-blog .comment-area .single-comment .comment p {
		padding: 6px 0 8px 0;
	}

	.our-blog .comment-area .single-comment .comment a {
		font-size: 14px;
		font-weight: 700;
	}

.our-blog .comment-area .single-comment {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 28px;
}

	.our-blog .comment-area .single-comment:last-child {
		margin: 0;
		padding: 0;
		border: none;
	}




/*======================= Form Validation ===================*/
.alert-wrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 9999999;
}

#success, #error {
	position: relative;
	width: 500px;
	height: 100px;
	top: calc(50% - 50px);
	left: calc(50% - 250px);
	background: rgba(0,0,0,0.8);
	text-align: center;
}

	#success .wrapper, #error .wrapper {
		display: table;
		width: 100%;
		height: 100%;
	}

		#success .wrapper p, #error .wrapper p {
			display: table-cell;
			vertical-align: middle;
			letter-spacing: 1px;
		}

	#success p {
		color: #26ace3;
	}

	#error p {
		color: #C9182B;
	}

	#error button,
	#success button {
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 20px;
		background: transparent;
		border-radius: 50%;
		position: absolute;
		top: -20px;
		right: -20px;
		font-size: 20px;
	}

.form-validation label.error {
	display: none !important;
}

.form-validation input.error, .form-validation textarea.error {
	border-bottom: 1px solid #f03838 !important;
}

/*------------------- Compnay Branch Address ----------------*/

.branch-address {
	background: #f2f3f6;
	padding: 38px 0;
}

.address-slider .item {
	margin: 0 15px;
	cursor: move;
}

.branch-address .wrapper p {
	font-size: 17px;
	line-height: 25px;
	position: relative;
	padding-left: 35px;
	margin-top: 10px;
}

	.branch-address .wrapper p i {
		position: absolute;
		top: 5px;
		left: 0;
		font-size: 18px;
	}

/*--------------------- Shop Page --------------------*/

.shop-page .shop-filter li:first-child {
	float: left;
	line-height: 40px;
	font-size: 17px;
}

.shop-page .shop-filter li:last-child {
	float: right;
	line-height: 40px;
}

	.shop-page .shop-filter li:last-child .form-control {
		border: 1px solid #d7d7d7;
		border-radius: 5px;
		height: 100%;
		outline: none;
		box-shadow: none;
	}

.shop-page .shop-filter {
	margin-bottom: 60px;
}

.shop-page .single-product .image-box {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	min-height: 340px;
	position: relative;
	overflow: hidden;
}

	.shop-page .single-product .image-box img {
		position: absolute;
		top: 50%;
		left: 50%;
		border-radius: 5px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transition: all 0.5s ease-in-out;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
	}

.shop-page .single-product:hover .image-box img {
	-webkit-transform: translate(-50%, -50%) scale3D(1.1,1.1,1);
	transform: translate(-50%, -50%) scale3D(1.1,1.1,1);
}

.shop-page .single-product .product-name {
	text-align: center;
	margin-top: 20px;
	position: relative;
}

	.shop-page .single-product .product-name .price {
		font-weight: 600;
		font-size: 22px;
	}

		.shop-page .single-product .product-name .price del {
			font-size: 18px;
			color: #afafaf;
			font-weight: normal;
		}

.shop-page .single-product:hover .product-name .price {
	opacity: 0;
}

.shop-page .single-product .product-name .add-to-cart {
	position: absolute;
	width: 100%;
	bottom: -10px;
	opacity: 0;
	left: 0;
	text-align: center;
}

	.shop-page .single-product .product-name .add-to-cart a {
		font-weight: 700;
		font-size: 14px;
		line-height: 33px;
	}

		.shop-page .single-product .product-name .add-to-cart a:hover {
			text-decoration: underline;
		}

		.shop-page .single-product .product-name .add-to-cart a i {
			font-weight: normal;
		}

.shop-page .single-product:hover .product-name .add-to-cart {
	opacity: 1;
	bottom: 0;
}

.shop-page .single-product {
	margin-bottom: 40px;
}

/*------------------ Shop Details ------------------*/


.shop-details .product-details .product-tab {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	min-height: 380px;
}

	.shop-details .product-details .product-tab .product-preview {
		width: 70%;
		float: left;
		border-right: 1px solid #d7d7d7;
		height: 380px;
		position: relative;
	}

		.shop-details .product-details .product-tab .product-preview img {
			position: absolute;
			top: 50%;
			left: 50%;
			border-radius: 5px;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
		}

	.shop-details .product-details .product-tab .product-thumbnail {
		float: left;
		width: 30%;
		height: 380px;
	}

		.shop-details .product-details .product-tab .product-thumbnail .nav-tabs {
			border: none;
			position: relative;
			top: 50%;
			display: block;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

			.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li {
				margin: 0;
				text-align: center;
			}

				.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a {
					padding: 0;
					margin: 15px 0;
					border: none;
					background: transparent;
					display: inline-block;
				}

					.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a img {
						border-radius: 5px;
						box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);
					}

.shop-details .product-details .product-info {
	padding-left: 20px;
}

	.shop-details .product-details .product-info .title {
		font-size: 26px;
	}

	.shop-details .product-details .product-info .price {
		font-size: 28px;
		font-weight: 600;
		margin: 5px 0 12px 0;
	}

		.shop-details .product-details .product-info .price del {
			font-size: 20px;
			font-weight: normal;
			color: #afafaf;
			margin-right: 5px;
		}

	.shop-details .product-details .product-info .order-box li {
		display: inline-block;
		vertical-align: middle;
	}

		.shop-details .product-details .product-info .order-box li:nth-child(1) {
			color: #232323;
			margin-right: 5px;
		}

		.shop-details .product-details .product-info .order-box li:nth-child(2) button,
		.shop-details .product-details .product-info .order-box li:nth-child(2) input {
			background: transparent;
			display: inline-block;
			line-height: 30px;
			border: none;
			text-align: center;
		}

		.shop-details .product-details .product-info .order-box li:nth-child(2) {
			border: 1px solid #d7d7d7;
			line-height: 30px;
			padding: 0 10px;
			border-radius: 5px;
		}

			.shop-details .product-details .product-info .order-box li:nth-child(2) button {
				font-size: 20px;
				font-weight: 300;
			}

			.shop-details .product-details .product-info .order-box li:nth-child(2) input {
				width: 40px;
				margin-left: 10px;
			}

	.shop-details .product-details .product-info .order-box {
		margin: 35px 0 30px 0;
	}

.shop-details .product-review-tab {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	margin: 100px 0 75px 0;
	padding: 22px 40px 20px 40px;
}

	.shop-details .product-review-tab .nav-tabs .nav-link {
		border: none;
		border-bottom: 1px solid transparent;
		border-radius: 0;
		font-weight: 600;
		font-size: 20px;
		color: #232323;
		padding: 0 0 15px 0;
		margin-right: 35px;
	}

		.shop-details .product-review-tab .nav-tabs .nav-item.show .nav-link,
		.shop-details .product-review-tab .nav-tabs .nav-link.active {
			border-bottom-color: #001a57;
			background: transparent;
		}

	.shop-details .product-review-tab .tab-content {
		padding-top: 28px;
	}

		.shop-details .product-review-tab .tab-content p {
			padding-bottom: 13px;
		}

	.shop-details .product-review-tab img {
		width: 70px;
	}

	.shop-details .product-review-tab .comment {
		width: calc(100% - 70px);
		padding-left: 20px;
	}

		.shop-details .product-review-tab .comment ul li {
			display: inline-block;
			font-size: 15px;
			color: #ecc230;
		}

	.shop-details .product-review-tab .single-review {
		margin-bottom: 20px;
	}

		.shop-details .product-review-tab .single-review:last-child {
			margin: 0;
		}

.shop-details .related-product .theme-title-one {
	text-align: left;
	margin-bottom: 50px;
}

	.shop-details .related-product .theme-title-one h2 {
		font-size: 30px;
	}

		.shop-details .related-product .theme-title-one h2:before {
			left: 0;
			margin: 0;
		}

.shop-details .related-product {
	margin-bottom: 70px;
}

/*---------------------- Faq Page ------------------*/


.faq-page .faq-panel {
	margin-top: 90px;
}

	.faq-page .faq-panel .panel-group {
		border: 1px solid #efefef;
		border-bottom: none;
	}

	.faq-page .faq-panel .panel {
		margin: 0;
	}

.faq-page .panel-group .panel-heading h6 a {
	color: #1c2125;
	padding: 24px 63px 24px 30px;
	display: block;
	position: relative;
}

	.faq-page .panel-group .panel-heading h6 a:before {
		content: '+';
		width: 60px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: #f8f8f8;
		border-left: 1px solid #efefef;
		text-align: center;
		line-height: 65px;
		font-size: 18px;
	}

.faq-page .panel-group .panel-heading.active-panel h6 a:before {
	content: '';
	font-family: 'font-awesome';
	font-size: 14px;
}

.faq-page .panel-group .panel-heading {
	border-bottom: 1px solid #efefef;
}

.faq-page .panel-group .panel-body {
	padding: 35px 50px 50px 30px;
	border-bottom: 1px solid #efefef;
}

	.faq-page .panel-group .panel-body ol {
		margin: 15px 0;
		padding: 0 0 0 20px;
	}

		.faq-page .panel-group .panel-body ol li {
			line-height: 28px;
		}

/*----------------------------- Error Page --------------------------*/

.error-page {
	text-align: center;
	margin-bottom: 175px;
}

	.error-page h2 {
		font-size: 140px;
		font-weight: 700;
		letter-spacing: 14px;
	}

	.error-page h3 {
		font-weight: normal;
		color: #413f3f;
		font-size: 42px;
		margin: 18px 0 32px 0;
	}

	.error-page p {
		font-size: 20px;
		color: rgba(0,0,0,0.6);
		margin-bottom: 56px;
	}

	.error-page a {
		line-height: 55px;
	}

	.error-page span.or {
		font-size: 18px;
		color: #2f2f2f;
		margin: 0 16px;
	}

	.error-page input {
		height: 55px;
		width: 380px;
		padding: 0 20px;
		border: 1px solid #f0f0f0;
	}









/*** -------------- Call To Action Start --------------- */

.theme-call-action {
	background-color: #000;
}

.theme-call-action {
	margin-bottom: 50px;
	padding: 40px 0;
	background-color: #003164;
}

	.theme-call-action .theme-call-action-title {
		font-size: 24px;
		color: #ffffff;
		text-align: left;
	}

	.theme-call-action .theme-call-action-right {
		text-align: right;
		line-height: 40px;
	}

		.theme-call-action .theme-call-action-right a.theme-call-action-button {
			line-height: 50px;
			font-size: 14px;
			font-weight: 700;
			color: #fff;
			border-radius: 5px;
			padding: 0 35px;
			display: inline-block;
			background: #001a57;
			transition: all .3s ease-in-out;
		}

			.theme-call-action .theme-call-action-right a.theme-call-action-button:hover {
				background: #000f32;
			}

@media (max-width: 767px) {
	.theme-call-action .theme-call-action-title {
		font-size: 24px;
		color: #ffffff;
		text-align: center;
		margin-bottom: 15px;
	}

	.theme-call-action .call-for-action-right {
		text-align: center;
	}
}

/*** -------------- Call To Action End --------------- */










/* ------------------------------- Owl Slider Start-------------------------- */



/* ------------------------------- Owl Slider End -------------------------- */













/* ------------------------------- Company Flexible Arrow Start-------------------------- */


.company-flexible-area .owl-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem;
	height: 3rem;
	font-size: 3rem;
	z-index: 2;
	background-color: transparent;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.company-flexible-area .owl-nav .owl-prev {
	left: 0;
}

.company-flexible-area .owl-nav .owl-next {
	right: 0;
}

/* ------------------------------- Company Flexible Arrow End -------------------------- */







/* ------------------------------- Company Flexible Area Start -------------------------- */


.popup-banner-area {
	margin-bottom: 40px !important;
}

@media (max-width: 991px) {
	.popup-banner-area {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.popup-banner-area {
		margin-bottom: 20px;
	}
}

.popup-banner-wrapper {
	background: #fff;
	padding-bottom: 50px;
}

.popup-banner {
	position: relative;
	overflow: hidden;
	border-radius: .5rem;
	border: 1px solid #eee;
}

	.popup-banner .popup-banner-hover {
		opacity: 0;
		position: absolute;
		font-size: 24px;
		color: #0c0c0c;
		width: 80px;
		height: 80px;
		border: 3px solid #b6a9a9;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 9999;
		transition: all .2s ease-in-out;
	}

	.popup-banner:hover .popup-banner-hover {
		opacity: 1;
		visibility: visible
	}

	.popup-banner .popup-banner-content {
		font-size: 21px;
		font-weight: 600;
		display: block;
		width: 100%;
		padding: 12px;
		text-align: center;
		margin-bottom: 10px;
		position: absolute;
		z-index: 999;
		bottom: 10px;
	}

		.popup-banner .popup-banner-content .popup-banner-title h5 {
			font-size: 26px;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			margin-bottom: 10px;
			transition: all .2s ease-in-out;
		}

		.popup-banner .popup-banner-content .popup-banner-sub-title p {
			font-size: 16px;
			font-weight: 300;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #eee;
			color: #fff;
			width: 40%;
			margin: auto;
			height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.popup-banner .popup-banner-content .popup-banner-button p {
			font-size: 16px;
			font-weight: 300;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #eee;
			color: #fff;
			width: 40%;
			margin: auto;
			height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.popup-banner .popup-banner-image {
		display: block;
		padding-bottom: 100%;
		position: relative;
		overflow: hidden;
		transition: all .35s ease-in-out;
	}


		.popup-banner .popup-banner-image:before {
			position: absolute;
			content: '';
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
			right: 0px;
			box-shadow: inset 108px -132px 67px -33px rgb(35 53 108 / 94%);
			z-index: 1;
			transition: all .2s ease-in-out;
		}

		.popup-banner .popup-banner-image img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
			height: auto;
			transition: all .35s ease-in-out;
		}

		.popup-banner .popup-banner-image:hover img {
			transform: scale(1.1)
		}

.popup-banner-area .popup-banner-wrapper.slick-slider {
	height: auto;
	overflow: visible
}

/* ------------------------------- Company Flexible Area End-------------------------- */













/*** -------------- Services Banner Area Start --------------- */


.servises-banner-area {
	margin-bottom: 40px !important;
}

@media (max-width: 991px) {
	.servises-banner-area {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.servises-banner-area {
		margin-bottom: 20px;
	}
}

.servises-banner {
	position: relative;
	border: 1px solid #eee;
	border-radius: .3rem;
	margin-bottom: 30px;
}

.single-services-custom-block {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

	.single-services-custom-block:hover {
		box-shadow: 0 0 10px 0 gray;
	}

.servises-banner-image {
	display: block;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	transition: all .35s ease-in-out;
}

	.servises-banner-image:before {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		right: 0px;
		box-shadow: inset 108px -132px 67px -33px rgb(35 53 108 / 94%);
		z-index: 1;
		transition: all .35s ease-in-out;
	}

	.servises-banner-image img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: block;
		max-width: 100%;
		max-height: 100%;
		height: auto;
		transition: all .35s ease-in-out
	}

.servises-banner:hover .servises-banner-image img {
	transform: scale(1.1)
}

.servises-banner .servises-banner-content {
	position: relative;
	display: block;
	width: 100%;
	padding: 12px;
	text-align: left;
	bottom: 0;
	z-index: 10;
	transition: all 0.2s ease-in-out
}

	.servises-banner .servises-banner-content .servises-banner-title {
		position: relative;
		/* text-align: center; */
		padding-bottom: 12px;
		transition: all 0.2s ease-in-out;
	}

		.servises-banner .servises-banner-content .servises-banner-title h5 {
			overflow: hidden;
			display: block;
			height: 20px;
			line-height: 20px;
			color: #323232;
			font-size: 18px;
			font-weight: 600;
			margin: 0;
		}

	.servises-banner .servises-banner-content .servises-banner-sub-title {
		position: relative;
		/* text-align: center; */
		padding-bottom: 24px;
		transition: all 0.2s ease-in-out;
	}

		.servises-banner .servises-banner-content .servises-banner-sub-title p {
			font-size: 16px;
			font-weight: 500;
			display: block;
			color: #363d68;
			width: 100%;
			height: 75px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.servises-banner .servises-banner-content .servises-banner-button {
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.servises-banner .servises-banner-content .servises-banner-button span {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 12px 24px;
			width: 100%;
			height: 43px;
			color: #ffffff;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			border-radius: 5px;
			background-color: #363d68;
			transition: all .2s ease-in-out;
		}

@media(max-width: 991px) {
	.servises-banner .servises-banner-content .servises-banner-button span {
		height: 40px;
		font-size: 16px;
		border-radius: 5px
	}
}

/*** -------------- Services Banner Area End --------------- */





/*** --------------Dinamik Ürün Alanları Start --------------- */


.custom-banner-area {
	margin-bottom: 40px !important;
}

@media (max-width: 991px) {
	.custom-banner-area {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.custom-banner-area {
		margin-bottom: 20px;
	}
}

.custom-banner-wrapper {
	padding-bottom: 50px;
	background: #fff;
}

.custom-banner {
	position: relative;
	border: 1px solid #eee
}

	.custom-banner .custom-banner-image {
		display: block;
		padding-bottom: 75%;
		position: relative;
		overflow: hidden;
		border-radius: 0rem;
		transition: all .35s ease-in-out;
		margin-bottom: 0px
	}


		.custom-banner .custom-banner-image:before {
			position: absolute;
			content: '';
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
			right: 0px;
			box-shadow: inset 108px -132px 67px -33px rgb(35 53 108 / 94%);
			box-shadow: inset 108px -132px 67px -33px rgb(169 0 0 / 94%);
			z-index: 1;
			transition: all .2s ease-in-out;
		}

		.custom-banner .custom-banner-image img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
			height: auto;
			transition: all .35s ease-in-out;
		}

	.custom-banner:hover .custom-banner-image img {
		transform: scale(1.1)
	}

	.custom-banner .custom-banner-image .other-products-button {
		-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
		transition: opacity .3s ease, -webkit-transform .3s ease;
		transition: transform .3s ease, opacity .3s ease;
		transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
		transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
		border-radius: 50%;
		background: #7A0505;
		background: linear-gradient(45deg, #7A0505 0%, #be1622 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A0505", endColorstr="#be1622", GradientType=1);
		width: 50px;
		height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		font-weight: 300;
		font-size: 25px;
		opacity: 0;
		z-index: 10;
	}

	.custom-banner:hover .other-products-button {
		-webkit-transform: translateX(-50%) translateY(-85%) translateZ(0) translate3d(0, 0, 0);
		transform: translateX(-50%) translateY(-85%) translateZ(0) translate3d(0, 0, 0);
		opacity: 0.9
	}

	.custom-banner .custom-banner-content {
		position: relative;
		display: block;
		width: 100%;
		padding: 12px 0;
		text-align: center;
		padding: 0;
		z-index: 10;
		bottom: 0;
	}

	.custom-banner:hover .custom-banner-inside {
		opacity: 1;
		bottom: 20%;
		visibility: visible;
		transform: translate(-50%,50%) scale(1)
	}

	.custom-banner .custom-banner-inside {
		position: absolute;
		left: 50%;
		bottom: 0%;
		transform: translate(-50%,50%) scale(.9);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		width: calc(100% - 80px);
		color: #fff;
		text-align: center;
		padding: 10px;
		background-color: rgb(0 0 0 / 0.4);
		background-color: transparent;
		transition: .3s linear;
	}

		.custom-banner .custom-banner-inside .custom-banner-title p {
			overflow: hidden;
			position: relative;
			display: flex;
			align-items: flex-start;
			justify-content: center;
			height: 48px;
			line-height: 24px;
			color: #30434a;
			font-size: 16px;
			z-index: 999;
			font-weight: 400;
			text-overflow: ellipsis;
			color: #fff;
		}

	.custom-banner .custom-banner-content .custom-banner-button {
		position: relative;
		font-size: 16px;
		font-weight: 600;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		color: #fff;
		background-color: #111;
		padding: 15px 10px;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis
	}

		.custom-banner .custom-banner-content .custom-banner-button i {
			font-size: 12px;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			background-color: transparent;
			border-radius: 100px;
			width: 30px;
			height: 30px;
			margin-left: 10px;
			overflow: hidden;
			position: relative;
		}

/*** --------------Dinamik Ürün Alanları End --------------- */
















/*------------------- Partner Brands Start ------------------*/

.all-brands {
	margin-bottom: 44px;
}

	.all-brands .all-brands-title span {
		display: block;
		color: #b4b4b4;
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 5px;
	}

	.all-brands .all-brands-title h3 {
		color: #000;
		font-size: 30px;
		font-weight: 300;
		line-height: 45px;
		margin-bottom: 0;
	}

	.all-brands .brands-description {
		color: #bababa;
		font-size: 14px;
		line-height: 24px;
		text-align: justify;
	}

.partner-brands {
	padding: 50px 0;
	background: #f8f8f8;
	margin: 0px 0 0px 0px;
	margin-bottom: 0px
}

	.partner-brands .partner-brands-title {
		margin-bottom: 30px;
	}

		.partner-brands .partner-brands-title h2 {
			position: relative;
			color: #000;
			text-align: center;
			margin-top: -3px;
		}

		.partner-brands .partner-brands-title h6 {
			text-align: center;
			margin: 0 auto -3px;
			letter-spacing: .08em;
		}

			.partner-brands .partner-brands-title h6 span {
				display: inline-block;
				position: relative;
			}

				.partner-brands .partner-brands-title h6 span:before {
					left: -90px;
					right: unset;
				}

				.partner-brands .partner-brands-title h6 span:after, .partner-brands-title h6 span:before {
					content: ' ';
					position: absolute;
					display: block;
					width: 60px;
					height: 3px;
					background: #262626;
					-webkit-transition: width .3s;
					transition: width .3s;
					right: -90px;
					top: 10px;
					margin-top: 0;
				}

		.partner-brands .partner-brands-title h6 {
			font-size: 18px;
			font-weight: 700;
			line-height: 25px;
			margin-top: 10px;
		}

	.partner-brands .partner-brands .partner-brands-list a {
		display: block;
		align-items: center;
		justify-content: center;
		text-align: center
	}

	.partner-brands .partner-brands-list .brand-item {
		position: relative;
		padding-top: 57%;
		overflow: hidden;
		display: block;
		border: 2px solid #F2F2F2;
		transition: all 0.3s ease-in-out;
	}

		.partner-brands .partner-brands-list .brand-item img {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			display: block;
			margin: auto;
			max-width: 100%;
			max-height: 100%;
		}

		.partner-brands .partner-brands-list .brand-item img {
			transition: .3s linear;
		}

	.partner-brands .partner-brands-list {
		height: 0;
		overflow: hidden
	}

		.partner-brands .partner-brands-list.slick-slider {
			height: auto;
			overflow: visible
		}

	.partner-brands .slick-arrow {
		position: absolute;
		top: -60px;
		z-index: 2;
		transform: translateY(0);
		opacity: 1;
		width: 45px;
		height: 45px;
		cursor: pointer;
		border-radius: 100%;
		background: #ebebeb
	}

		.partner-brands .slick-arrow.slick-prev {
			left: auto;
			right: 62px
		}

		.partner-brands .slick-arrow.slick-next {
			right: 12px
		}

		.partner-brands .slick-arrow.slick-disabled {
			background: #f7f7f7
		}



.all-certificate .slick-arrow {
	position: absolute;
	top: -60px;
	z-index: 2;
	transform: translateY(0);
	opacity: 1;
	width: 45px;
	height: 45px;
	cursor: pointer;
	border-radius: 100%;
	background: #ebebeb
}

	.all-certificate .slick-arrow.slick-prev {
		left: auto;
		right: 62px
	}

	.all-certificate .slick-arrow.slick-next {
		right: 12px
	}

	.all-certificate .slick-arrow.slick-disabled {
		background: #f7f7f7
	}
/*------------------- Partner Brands End ------------------*/










.search {
	position: absolute;
	position: relative;
	top: 0;
	right: 0;
	width: 270px;
	width: 100%;
	transition: all .2s ease-in-out
}

	.search form {
		position: relative
	}

		.search form input {
			width: 100%;
			padding: 1rem 6rem 1rem 1rem;
			border: none;
			background-color: #f9f9f9;
			height: 2.6rem;
			color: #282828;
			font-size: 1.4rem;
			font-weight: 300
		}

			.search form input::-webkit-input-placeholder {
				color: #8c8c8c;
				opacity: 1
			}

			.search form input:-moz-placeholder {
				color: #8c8c8c;
				opacity: 1
			}

			.search form input::-moz-placeholder {
				color: #8c8c8c;
				opacity: 1
			}

			.search form input:-ms-input-placeholder {
				color: #8c8c8c;
				opacity: 1
			}

		.search form button {
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 5rem;
			border: none;
			background-color: transparent;
			padding: 0;
			font-size: 1.6rem;
			color: #8c8c8c
		}

@media(max-width: 1199px) {
	.search {
		width: 210px
	}
}

@media(max-width: 991px) {
	.search {
		width: 100%;
		position: relative
	}

		.search form input {
			height: 4rem
		}
}

.search.active {
	width: 100%
}





/*** -------------- Company Whatsapp Variant One Start --------------- */


#whatsapp-wrap {
	position: fixed;
	top: calc(50% - 200px);
	right: 0;
	overflow: visible;
	z-index: 10000;
}

#professional-whatsapp-passive {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 70px;
	line-height: 70px;
	font-size: 17px;
	color: #fff;
	padding-right: 15px;
	padding-left: 80px;
	background: #30ba45;
	box-shadow: 5px 5px 0px 0 rgba(0,0,0,.2);
	-webkit-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	cursor: pointer;
	direction: ltr;
	z-index: 33;
}

	#professional-whatsapp-passive:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
		background: url(/Content/Themes/Biomad/images/whatsapp/whatsapp1.png) no-repeat 17px center;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

#whatsapp-wrap.active #professional-whatsapp-passive {
	right: -290px;
}

#professional-whatsapp-active {
	position: absolute;
	top: 65px;
	right: -250px;
	width: 250px;
	height: 290px;
	text-align: center;
	background: #30ba45;
	box-shadow: 5px 5px 0px 0 rgba(0,0,0,.2);
}

#whatsapp-wrap.active #professional-whatsapp-active {
	right: 0;
}

#whatsapp-close {
	float: left;
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
	color: #fff;
	text-align: left;
	cursor: pointer;
}

#whatsapp-text {
	float: left;
	width: 100%;
	font-size: 21px;
	color: #fff;
	text-transform: capitalize;
	padding-top: 80px;
	background: url(/Content/Themes/Biomad/images/whatsapp/whatsapp.png) no-repeat center 0;
	margin: 20px 0 30px;
}

#whatsapp-link {
	display: inline-block;
	width: 150px;
	line-height: 35px;
	font-size: 21px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 2px;
}

@media screen and (max-width: 769px) {
	#whatsapp-wrap {
		top: calc(50% - 150px);
	}

	#professional-whatsapp-passive {
		width: 0;
		height: 40px;
		line-height: 40px;
		padding-right: 0;
		padding-left: 40px;
		overflow: hidden;
	}

		#professional-whatsapp-passive:before {
			width: 40px;
			height: 40px;
			background-size: 50%;
			background-position: 10px center;
		}

	#professional-whatsapp-active {
		top: 40px;
		height: 250px;
	}

	#whatsapp-text {
		line-height: 22px;
		font-size: 18px;
		padding-top: 70px;
		margin: 10px 0 20px;
	}
}


/*** -------------- Company Whatsapp Variant One End --------------- */






/*** -------------- Company Variant Search Start --------------- */


.variant-search form {
	width: 405px;
	max-width: 100%;
	position: relative;
}

@media (max-width: 1500px) {
	.variant-search form {
		width: 310px;
	}
}

@media (max-width: 1199px) {
	.variant-search form {
		width: 100%;
		margin-top: 25px;
	}
}

.variant-search form input {
	width: 100%;
	padding: 10px 80px 10px 30px;
	border: 0;
	border-radius: 30px;
	background-color: #f7f7f7;
	height: 40px;
	color: #a9abad;
	font-size: 15px;
}

@media (max-width: 1500px) {
	.variant-search form input {
		font-size: 13px;
		padding-left: 20px;
		padding-right: 50px;
	}
}

.variant-search form button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 80px;
	background: 0 0;
	background: #555;
	color: #fff;
	border-radius: 0 25px 25px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding: 0;
}

@media (max-width: 1500px) .variant-search form button {
	width: 50px;
}

/*** -------------- Company Variant Search End --------------- */













/*** -------------- Reference Page Areas Banners Start --------------- */


.company-reference-page-area {
	padding: 50px 0;
}

.post-item-reference.post-item {
	padding: 0;
	margin: 0 0 20px;
	position: relative;
}

@media screen and (max-width: 960px) {
	.post-item, .post-item.post-item-news {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

.post-item-reference.post-item .post-item-image img {
	max-width: 100%;
	border-radius: 8px;
}

.post-item-reference.post-item .post-item-image.balloon-2 {
	background-position: 25px 50%;
}

.post-item-reference.post-item .post-item-image.balloon-2 {
	background-image: url(https://atpz.ideasoft.com.tr/wp-content/themes/idea/assets/css/../images/balloons/medium-2.png);
}

.post-item-reference.post-item .post-item-image {
	height: 300px;
	text-align: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 30px;
}

@media screen and (max-width: 960px) {
	.post-item-image {
		height: 85px;
	}
}

@media screen and (min-width: 640px) {
	.post-item-image {
		height: 135px;
	}
}

.post-item-image {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: 1px solid #e6dcdc;
	width: 100%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
}

.post-item-body {
	position: relative;
	font-size: 19px;
	font-weight: 300;
	width: 100%;
}

.post-item-reference.post-item .post-item-title a {
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 5px;
	transition: all 0.2s ease-in-out;
}

.post-item-reference.post-item .post-item-post-meta a {
	font-weight: 300;
	transition: all 0.2s ease-in-out;
}



.pagination {
	margin: 45px 0 60px;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}

	.pagination ul {
		display: inline-block;
		padding: 0;
		margin: 0 auto;
	}

		.pagination ul li {
			text-align: center;
			display: inline-block;
			margin: 0 5px;
		}

			.pagination ul li.active > a, .pagination ul li.active > a:focus, .pagination ul li.active > a:hover, .pagination ul li.active > span, .pagination ul li.active > span:focus, .pagination ul li.active > span:hover {
				border-color: #3677b4;
				background-color: #3677b4;
				color: #fff;
			}

			.pagination ul li a {
				color: #353f45;
				font-size: 18px;
				font-weight: 300;
				width: 44px;
				height: 44px;
				display: flex;
				align-items: center;
				justify-content: center;
				float: left;
				position: relative;
				text-decoration: none;
				background-color: #fff;
				border: 1px solid #fff;
				border-radius: 5px;
			}

/*** -------------- Reference Page Areas Banners End --------------- */





/*** -------------- Gallery Page Areas Banners End --------------- */

.company-gallery-page-area {
	margin-bottom: 80px !important;
}

@media (max-width: 991px) {
	.company-gallery-page-area {
		margin-bottom: 80px;
	}
}

.company-gallery-page-block {
	border: 1px solid #eee;
	background: #f7f7f7;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 15px;
	margin-bottom: 20px
}

.certificate-images-container {
	margin: 2rem
}

.company-gallery-page-images {
	position: relative;
	padding-top: 74%;
	overflow: hidden
}

	.company-gallery-page-images img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: block;
		max-width: 100%;
		max-height: 100%
	}

.company-gallery-page-block:hover .company-gallery-page-images img {
	transform: scale(1.1);
	transition: all .3s ease-in-out
}

.company-gallery-page-wrapper a .company-gallery-page-content {
	width: 100%;
	position: relative;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 25px;
	font-weight: 900;
	z-index: 5;
	padding: 0;
	transition: all .2s ease-in-out
}

.company-gallery-page-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	padding: 10px 10px;
	background: rgba(37,57,142,.75);
	text-align: center;
	color: #323232
}

	.company-gallery-page-title h5 {
		color: #fff
	}

	.company-gallery-page-title i {
		font-size: 14px;
		color: #fff
	}

.company-gallery-overlay-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 1;
	background-color: rgba(0,0,0,.0);
}

.company-gallery-page-hover {
	opacity: 0;
	position: absolute;
	font-size: 21px;
	color: #fff;
	width: 55px;
	height: 55px;
	background: #265ccb;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	transition: all .2s ease-in-out;
}

.company-gallery-page-block:hover .company-gallery-page-hover {
	opacity: 1;
	visibility: visible
}

/* -------------- Gallery Page Areas Banners End --------------- */









/*** -------------- Header Contact 2 Area Start --------------- */

.header-contact-2 {
	display: flex;
	align-items: center;
	margin: 0 -10px;
}

@media(max-width: 991px) {
	.header-contact-2 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.header-contact-2 .header-phone,
.header-contact-2 .header-whatsapp,
.header-contact-2 .header-mail {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 10px;
	margin: 0
}

	.header-contact-2 .header-phone a,
	.header-contact-2 .header-whatsapp a,
	.header-contact-2 .header-mail a {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
		color: #ffffff;
	}

		.header-contact-2 .header-phone a i,
		.header-contact-2 .header-whatsapp a i,
		.header-contact-2 .header-mail a i {
			margin-right: 10px;
		}

/*** -------------- Header Contact 2 Area End --------------- */








/*** -------------- Custom Logo Download Area Start --------------- */

.custom-logo-download-area-wrapper {
	padding: 50px 0;
	background: #fff;
}

.logo-download-hover {
	overflow: hidden;
	border-radius: 5px;
	transition: all .2s ease-in-out;
	border: 1px solid #ccc;
	padding: 10px;
}

	.logo-download-hover a {
		display: block;
		position: relative;
	}

	.logo-download-hover:hover img {
		transform: scale(1.1)
	}

.logo-download-banner-image {
	position: relative;
	padding-top: 65%;
	overflow: hidden;
}

.logo-download-hover img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	transition: all 1.5s ease-in-out
}

.custom-logo-download-overlay-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 1;
}


.logo-download-hover .logo-download-content {
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	height: 100%;
	padding: 55px 20px 20px;
	background: rgba(2,2,2,0.1);
	border-radius: 0 0 5px 5px;
}

	.logo-download-hover .logo-download-content .logo-download-title {
		color: #000;
		font-size: 21px;
		font-weight: 400;
		text-align: center;
	}

	.logo-download-hover .logo-download-content .logo-download-text {
		color: #000;
		font-size: 21px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 10px;
	}

@media(max-width: 991px) {
	.logo-download-hover .logo-download-content .logo-download-title {
		font-size: 27px;
	}
}

@media(max-width: 991px) {
	.logo-download-hover .logo-download-content .logo-download-sub-title {
		font-size: 27px;
	}
}

.logo-download-hover .logo-download-content .logo-download-button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
	padding: 10px 5px;
}

	.logo-download-hover .logo-download-content .logo-download-button span {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #192131;
		font-size: 18px;
		padding: 10px 7px;
		width: 71px;
		line-height: 20px;
		font-weight: 600;
		text-align: center;
		border-radius: 5px;
		background-color: #fff;
		transition: all .2s ease-in-out;
	}

@media(max-width: 991px) {
	.logo-download-hover .logo-download-content .logo-download-button span {
		width: 105px;
		height: 40px;
		font-size: 16px;
		border-radius: 5px;
	}
}

/*** -------------- Custom Logo Download Area End --------------- */




/*** -------------- Reference Table Area Start --------------- */

.table-reference-wrapper {
	border: 11px solid #eee;
	margin-bottom: 50px;
}

.table-reference-content .table-reference-content-title {
	background: #23356c;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	padding: 20px 0;
}

.table-reference-content-title ul li.p-price {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
	position: relative;
	color: #fff;
	font-weight: 700
}

.table-reference-content p {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.table-reference-content p {
	font-size: 17px;
	height: 50px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eee;
}

	.table-reference-content p:nth-child(odd) {
		background: #f5f5f5;
	}

		.table-reference-content p:nth-child(odd):hover {
			background: #111;
			color: #fff;
			transition: all .2s ease-in-out;
		}

	.table-reference-content p.table-reference-content-subtitle {
		font-weight: 700;
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}

	.table-reference-content p i {
		font-size: 14px;
		font-weight: 300;
		margin-right: 5px;
	}

/*** -------------- Reference Table Area End --------------- */



/*** -------------- File Upload Area End --------------- */

input[type=file]::file-selector-button {
	border: none;
	padding: 8px 16px;
	margin: 8px;
	border-radius: 4px;
	background-color: #FFF;
	transition: .3s;
	filter: drop-shadow(0 0 4px #4444dd);
}

	input[type=file]::file-selector-button:hover {
		background-color: #111;
		color: #fff;
	}

.custom-file-input {
	min-width: 14rem;
	max-width: 100%;
	height: auto;
	opacity: 1;
	margin: 0px;
}

/*** -------------- File Upload Area End --------------- */







/*** -------------- Sidebar Block Area Start --------------- */

.sidebar-category-container .sidebar-block {
	margin-bottom: 20px;
}

.service-page-section .sidebar-block .sidebar-category-content li {
	margin-bottom: 8px;
}

	.service-page-section .sidebar-block .sidebar-category-content li a {
		font-size: 18px;
		line-height: 30px;
		color: #333333;
		border: 2px solid #f3f3f3;
		padding: 15px 30px;
		display: block;
		border-radius: 8px;
	}

		.service-page-section .sidebar-block .sidebar-category-content li a i {
			font-size: 22px;
			margin-top: 5px;
			float: right;
		}

.service-page-section .sidebar-block-location {
	border: 2px solid #f3f3f3;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 35px 22px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

	.service-page-section .sidebar-block-location .sidebar-location-header {
		font-size: 21px;
		font-weight: 700;
		line-height: 30px;
		color: #0d1d36;
	}

	.service-page-section .sidebar-block-location li {
		margin-bottom: 15px;
	}

		.service-page-section .sidebar-block-location li i {
			font-size: 20px;
			color: #48c7ec;
			float: left;
			margin-top: 7px;
		}

		.service-page-section .sidebar-block-location li .sidebar-text {
			font-size: 18px;
			line-height: 34px;
			color: #7c828b;
			margin-left: 45px;
		}

.service-page-section .sidebar-block-brochure {
	border: 2px solid #f3f3f3;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 35px 22px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

	.service-page-section .sidebar-block-brochure .sidebar-brochure-header {
		font-size: 21px;
		font-weight: 700;
		line-height: 30px;
		color: #0d1d36;
	}

	.service-page-section .sidebar-block-brochure .sidebar-brochure p {
		font-size: 16px;
		font-weight: 300;
		line-height: 28px;
		color: #666666;
		margin-bottom: 25px;
	}

	.service-page-section .sidebar-block-brochure .sidebar-brochure span a {
		transition: all .3s ease-in-out;
	}

	.service-page-section .sidebar-block-brochure .sidebar-brochure span {
		font-size: 16px;
		color: #48c7ec;
		border: 2px solid #48c7ec;
		border-radius: 8px;
		display: block;
		padding: 10px 30px;
		margin-bottom: 18px;
		-webkit-transition: 0.5s;
		-khtml-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

		.service-page-section .sidebar-block-brochure .sidebar-brochure span i {
			font-size: 22px;
			color: #48c7ec;
			margin-right: 10px;
		}

		.service-page-section .sidebar-block-brochure .sidebar-brochure span:hover {
			border: 2px solid #092a48;
			background: #092a48;
			color: #fff;
		}

.service-page-section .sidebar-block-susbscribe {
	border: 2px solid #f3f3f3;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 35px 22px;
	background: #f5f6f7;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

	.service-page-section .sidebar-block-susbscribe .sidebar-susbscribe-header {
		font-size: 21px;
		font-weight: 700;
		line-height: 27px;
		color: #0d1d36;
		margin-bottom: 20px;
	}

	.service-page-section .sidebar-block-susbscribe .sidebar-susbscribe-title {
		font-size: 14px;
		margin-bottom: 20px;
	}


	.service-page-section .sidebar-block-susbscribe .sidebar-susbscribe-content form {
		position: relative;
	}

		.service-page-section .sidebar-block-susbscribe .sidebar-susbscribe-content form:after {
			color: #000;
			content: "Newslatter";
			font-size: 45px;
			font-weight: 700;
			opacity: .05;
			position: absolute;
			top: -40px;
			z-index: -1;
			width: 100%;
		}

	.service-page-section .sidebar-block-susbscribe .form .form-group .form-control {
		font-size: 12px;
		border: 2px solid #48c7ec;
		color: #bcbaba;
		border-radius: 8px;
		padding: 25px 15px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		box-shadow: none;
		margin-bottom: 18px;
	}

	.service-page-section .sidebar-block-susbscribe .form .form-group {
		margin-bottom: 8px;
	}

		.service-page-section .sidebar-block-susbscribe .form .form-group .btn {
			position: relative;
			font-size: 15px;
			display: block;
			width: 100%;
			border-radius: 8px;
			padding: 15px;
		}


.service-page-section .single-service-wrapper-five .service-tab .nav-tabs li a.active {
	color: #48c7ec;
	background-color: #fff;
	border-color: #e5e5e5;
	border-bottom-color: #fff;
}

.service-page-section .single-service-wrapper-five .service-tab .nav-tabs li a {
	color: #48c7ec;
	margin: 0;
	border: 0;
	border-radius: 0px;
	padding: 10px 50px;
	border: 2px solid transparent;
}

.sidebar-nav-tab {
	/*border: 2px solid #eee;
    padding: 15px;
    border-radius: 10px;*/
	margin-bottom: 40px;
}

.service-page-section .sidebar-nav-tab .tab-content p {
	margin-bottom: 10px;
}

.sidebar-nav-tab .nav-tabs {
	border-bottom: none;
}

.sidebar-nav-tab .tab-content {
	padding: 20px 0 35px;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	margin-top: -2px;
}

.sidebar-nav-tab .nav-tabs li a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.service-page-section .single-service-wrapper h3 {
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
	color: #0d1d36;
}

.service-page-section .single-service-wrapper-five p {
	font-size: 16px;
	line-height: 28px;
	color: #6a6a6a;
	margin-bottom: 30px;
}

.service-page-section .single-service-wrapper-five .custom-block-service-list {
	margin-bottom: 40px;
}

/*** -------------- Sidebar Block Area End --------------- */




/*** -------------- Sidebar Block Call Area Start --------------- */

.sidebar-block-call {
	border: 2px solid #f3f3f3;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 35px 22px;
}

.sidebar-call-header {
	font-size: 21px;
	font-weight: 700;
	line-height: 27px;
	color: #0d1d36;
	margin-bottom: 20px;
}

.sidebar-block-call .sidebar-call-title .sidebar-call-text {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	color: #666666;
	margin-bottom: 25px;
}

.sidebar-block-call .sidebar-call-icon-box {
	margin-bottom: 14px;
}

	.sidebar-block-call .sidebar-call-icon-box i {
		font-size: 20px;
	}

.sidebar-block-call .sidebar-call-content .sidebar-call-email a {
	font-size: 18px;
	line-height: 34px;
	color: #7c828b;
}

.sidebar-block-call .sidebar-call-content .sidebar-call-link a {
	font-size: 16px;
	color: #48c7ec;
	border: 2px solid #48c7ec;
	border-radius: 8px;
	display: block;
	padding: 10px 30px;
	-webkit-transition: 0.5s;
	-khtml-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.sidebar-block-call .sidebar-call-content h3 a {
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
	color: #0d1d36;
}

/*** -------------- Sidebar Block Call Area Start --------------- */






/*** -------------- Sidebar Block Product İmage Five Area Start --------------- */

.product-item-five a {
	position: relative;
	display: block;
	margin-bottom: 3rem;
	border: 1px solid #f2f2f2;
	transition: all .3s ease-in-out;
}

.sidebar-product-review-images {
	position: relative;
	padding-top: 54%;
	overflow: hidden;
}

	.sidebar-product-review-images img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: block;
		max-width: 100%;
		max-height: 100%;
	}

.sidebar-products-button-five {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	justify-content: space-between;
	background: rgba(51,59,68,.75);
	padding: 10px 10px;
}

	.sidebar-products-button-five h5 {
		font-size: 15px;
		color: #fff;
	}

	.sidebar-products-button-five i {
		font-size: 12px;
		color: #fff;
	}

/*** -------------- Sidebar Block Product İmage Five Area End --------------- */





/*** -------------- Sidebar Block Partner PageArea End --------------- */


.partner-page-section .partner-wrapper {
	margin-bottom: 20px;
}

	.partner-page-section .partner-wrapper .partner-page-content {
		margin: 30px 30px 0 0;
	}

		.partner-page-section .partner-wrapper .partner-page-content h3 {
			position: relative;
			font-size: 30px;
			font-weight: 500;
			line-height: 27px;
			margin-bottom: 35px;
			padding-bottom: 10px;
		}

			.partner-page-section .partner-wrapper .partner-page-content h3::before {
				content: "";
				position: absolute;
				left: 0;
				bottom: -14px;
				width: 80px;
				height: 5px;
				border-radius: 5px;
				background-color: #48c7ec;
			}

			.partner-page-section .partner-wrapper .partner-page-content h3 a {
				color: #0d1d36;
			}

		.partner-page-section .partner-wrapper .partner-page-content p {
			color: #666666;
		}

/*** -------------- Sidebar Block Partner Page Area End --------------- */




/*** -------------- Sidebar Block Blog Area Start --------------- */

.sidebar-blog-section-five .sidebar-blog-wrapper {
	margin-bottom: 20px;
}

.sidebar-blog-wrapper .sidebar-blog-images img {
	width: 100%;
}

.sidebar-blog-title h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 25px;
	color: #000000;
	margin: 15px 0 20px;
}

.sidebar-blog-text p {
	line-height: 27px;
	color: #6d747d;
	margin-bottom: 19px;
}

.sidebar-blog-wrapper .blog-link-author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.sidebar-blog-wrapper .sidebar-blog-link {
	font-size: 18px;
	font-weight: 500;
	color: #313131;
	padding: 0;
	text-decoration: underline;
}

.sidebar-blog-wrapper .sidebar-blog-author {
	display: flex;
	align-items: center;
}

	.sidebar-blog-wrapper .sidebar-blog-author img {
		width: auto;
		margin-right: 5px;
	}

	.sidebar-blog-wrapper .sidebar-blog-author .blog-author-title {
		font-weight: 600;
		color: #8b98a4;
	}

.sidebar-blog-wrapper .sidebar-blog-share {
	background: #4a4a4a;
	width: 100%;
	padding: 11px 20px;
	margin-bottom: 20px;
}

	.sidebar-blog-wrapper .sidebar-blog-share ul {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}

		.sidebar-blog-wrapper .sidebar-blog-share ul li {
			font-size: 14px;
			display: inline-block;
			color: #fff;
			margin-right: 10px;
		}

			.sidebar-blog-wrapper .sidebar-blog-share ul li a {
				color: #fff;
			}

.sidebar-blog-view-all {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

	.sidebar-blog-view-all .btn {
		margin: 40px 0;
		padding: 11px 50px;
		border-radius: 0;
	}

.sidebar-blog-date a {
	position: absolute;
	left: 25px;
	top: 25px;
	background: #7A0505;
	background: -webkit-gradient(linear, left top, left bottom, from(#7A0505), to(#be1622));
	background: linear-gradient(180deg, #7A0505 0%, #be1622 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A0505", endColorstr="#be1622", GradientType=1);
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	padding: 7px 7px;
	height: 60px;
	z-index: 2;
	font-size: 15px;
}

.sidebar-blog-date strong {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 5px;
	color: #fff;
}

/*** -------------- Sidebar Block Blog Area End --------------- */


/*** -------------- Company İntroduction Area End --------------- */

.company-introduction {
	background: url(/Content/Themes/Biomad/images/company-introduction.jpg) no-repeat center top;
}

.company-introduction {
	margin: 40px 0;
	background-size: cover;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.5);
	background-blend-mode: hard-light;
	min-height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media only screen and (max-width: 991px) {
	.company-introduction {
		min-height: 400px;
	}
}

.company-introduction-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.company-introduction-overlay h2 {
		color: #fff;
		height: 120px;
	}

.company-introduction-video-button {
	position: relative;
}

.company-introduction .company-introduction-video-button a {
	-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
	transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
	border-radius: 50%;
	background: #7A0505;
	background: linear-gradient(45deg, #7A0505 0%, #be1622 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A0505", endColorstr="#be1622", GradientType=1);
	width: 65px;
	height: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-weight: 300;
	font-size: 25px;
	opacity: 1;
	z-index: 10;
}


/*** -------------- Company İntroduction Area End --------------- */



/*** -------------- Sidebar Block Product İmage Area Start --------------- */


.sidebar-service-carousel {
	margin-bottom: 40px;
}

.sidebar-content-images .sidebar-products-button {
	-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
	transform: translateX(-50%) translateY(-120%) translateZ(0) translate3d(0, 0, 0);
	border-radius: 50%;
	background: #7A0505;
	background: linear-gradient(45deg, #7A0505 0%, #be1622 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A0505", endColorstr="#be1622", GradientType=1);
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-weight: 300;
	font-size: 25px;
	opacity: 0;
	z-index: 10;
}

	.sidebar-content-images .sidebar-products-button i {
		color: #fff;
		font-weight: 300;
		font-size: 18px;
	}

.sidebar-content-images a:hover .sidebar-products-button {
	-webkit-transform: translateX(-50%) translateY(-85%) translateZ(0) translate3d(0, 0, 0);
	transform: translateX(-50%) translateY(-85%) translateZ(0) translate3d(0, 0, 0);
	opacity: 0.9
}

/*** -------------- Sidebar Block Product İmage Area End --------------- */






/* ------------------------------- Sidebar Arrow Block Product İmage Area Start-------------------------- */


.sidebar-content-images .owl-controls {
	position: relative;
}

.sidebar-content-images .owl-arrow {
	width: 2rem;
	height: 2rem;
	font-size: 3rem;
	z-index: 2;
	background-color: transparent;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-content-images .owl-nav .owl-prev {
	left: 0;
}

.sidebar-content-images .owl-nav .owl-next {
	right: 0;
}


/* ------------------------------- Sidebar Arrow Block Product İmage Area End -------------------------- */






/* ------------------------------- Sidebar Product İmage Area Start -------------------------- */



.product-shop-area {
	background: #fff;
}

.product-shop-wrapper {
	padding: 50px 0;
}

.product-shop-area .product-tab {
	border: 1px solid #efefef;
	padding: 1.5rem;
	border-radius: 5px;
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 5%);
}

	.product-shop-area .product-tab .product-image {
		width: 75%;
		float: left;
		position: relative;
		height: auto;
	}

		.product-shop-area .product-tab .product-image .tab-pane {
			position: relative;
			padding-top: 75%;
			/* border-left: 1px solid #ddd; */
		}

		.product-shop-area .product-tab .product-image img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
		}

	.product-shop-area .product-tab .product-thumb-image {
		float: left;
		width: 25%;
		padding-left: 20px;
		height: auto;
	}

		.product-shop-area .product-tab .product-thumb-image .nav-tabs li {
			margin-bottom: 20px;
		}

		.product-shop-area .product-tab .product-thumb-image .nav-link.active {
			border: 1px solid #eee;
		}

			.product-shop-area .product-tab .product-thumb-image .nav-link.active:after {
				opacity: 1;
				visibility: visible;
			}

		.product-shop-area .product-tab .product-thumb-image .nav-link:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			opacity: 0;
			visibility: hidden;
			width: 100%;
			height: 100%;
			border: 2px solid #727274;
		}

		.product-shop-area .product-tab .product-thumb-image .nav-tabs {
			border: none;
			position: relative;
			display: block;
		}

			.product-shop-area .product-tab .product-thumb-image .nav-tabs li a {
				border: none;
				position: relative;
				display: block;
				padding-top: 70%;
				border-radius: 5px;
				box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 12%);
			}

				.product-shop-area .product-tab .product-thumb-image .nav-tabs li a img {
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					margin: auto;
					display: block;
					max-width: 100%;
					max-height: 100%;
				}


/* ------------------------------- Sidebar Product İmage Area End -------------------------- */




/* ------------------------------- Dent Fisrt Area Start -------------------------- */

.special-carousel .special-card {
	margin-top: 15px;
	margin-bottom: 15px;
}

.special-card {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.special-card-photo {
	display: block;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}

	.special-card-photo img {
		max-width: 100%;
		width: auto !important;
		transition: 0.75s;
	}

.special-card:hover .special-card-photo img {
	transform: scale(1.1) rotate( 0.01deg);
}


.special-card-caption {
	position: absolute;
	top: 0;
	right: 3%;
	height: 100%;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 10% 0 0 0;
}

	.special-card-caption.text-left {
		left: 57%;
		right: auto;
	}

@media (max-width: 1199px) {
	.special-card-caption {
		padding-top: 6%;
		padding-bottom: 6%;
		left: auto;
		right: 2%;
		width: 42%;
	}
}


.special-card-txt1 {
	font-size: 34px;
	line-height: 1em;
	font-weight: 600;
	color: #1e76bd;
}

@media (max-width: 1199px) {
	.special-card-txt1 {
		font-size: 20px;
		line-height: 24px;
	}
}

@media (max-width: 767px) {
	.special-card-txt1 {
		font-size: 18px;
		line-height: 22px;
	}
}

.special-card-txt2 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 600;
	color: #444;
}

.special-card-txt1 + .special-card-txt2 {
	margin-top: 0;
}

.special-card-txt1 + .special-card-txt2 {
	margin-top: 0;
}

@media (max-width: 1199px) {
	.special-card-txt2 {
		font-size: 19px;
		line-height: 1em;
	}
}

@media (max-width: 992px) {
	.special-card-txt2 {
		font-size: 14px;
	}
}

.special-card-txt3 {
	margin-top: 17px;
}

@media (max-width: 1199px) {
	.special-card-txt3 {
		height: 34px;
		overflow: hidden;
		font-size: 12px;
		line-height: 17px;
		margin-top: 10px;
	}
}

.special-card .btn {
	margin-top: 25px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-shadow: none;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	padding: 15px 25px;
	color: #1e76bd;
	border: 2px solid #1e76bd;
	border-radius: 26px;
	background: transparent;
	text-transform: none;
	letter-spacing: .05em;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.special-card .btn, .special-card btn:focus {
		font-size: 12px;
		line-height: 16px;
		padding: 8px 10px;
		border-radius: 18px;
	}
}

/* ------------------------------- Dent Fisrt Area End -------------------------- */





/* ------------------------------- Dent About Area Start -------------------------- */

.special-dent-about-area {
	display: block;
}

.special-dent-about-wrapper {
	padding: 50px 0;
	background: #fff;
}

.special-dent-about .special-dent-about-title .h-sub {
	color: #494949;
	font-size: 15px;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 500;
	letter-spacing: 1px;
}

.special-dent-about .special-dent-about-title h2 {
	font-size: 30px;
	line-height: 1.2em;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 600;
}

.special-dent-about .special-dent-about-title span {
	color: #1e76bd;
	font-size: 30px;
	line-height: 1.2em;
	margin-bottom: 10px;
	font-weight: 700;
}

.special-dent-about .dent-about-button {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: .6px;
	color: #1e76bd;
}

/* ------------------------------- Dent About Area End -------------------------- */








/* ------------------------------- About-Company-Content Start -------------------------- */


.about-company {
	margin: 60px 0;
	padding: 60px 0;
	background-color: #f6f6f6
}

	.about-company .default-products {
		margin-bottom: 0
	}

@media(max-width: 1199px) {
	.about-company {
		margin: 45px 0;
		padding: 45px 0
	}
}

@media(max-width: 991px) {
	.about-company {
		margin: 30px 0;
		padding: 30px 0
	}
}

@media(max-width: 767px) {
	.about-company {
		margin: 15px 0;
		padding: 15px 0
	}
}

.about-company-image {
	position:
}

	.about-company-image img {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.about-company-content p {
	font-size: 16px;
}

.overlay-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 1;
	background-color: #000;
}

/* ------------------------------- About-Company-Content End -------------------------- */









/* ------------------------------- Special-Blog Start -------------------------- */


.special-blog {
	margin-bottom: 40px;
}

.special-blog-image {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

	.special-blog-image img {
		width: 100%;
		transition: all .4s ease-in-out;
	}

	.special-blog-image .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-radius: 5px;
		background: rgba(0,0,0,0.05);
	}

		.special-blog-image .overlay .special-blog-date {
			line-height: 25px;
			border-radius: 5px;
			font-size: 14px;
			color: #fff;
			padding: 0 18px;
			position: absolute;
			left: 20px;
			bottom: 20px;
			background: #001a57;
		}

	.special-blog-image .special-blog-date i {
		margin-right: 5px;
	}

.special-blog-content .special-blog-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin: 20px 0 10px 0;
}

.special-blog-content p {
	margin-bottom: 12px;
}

.special-blog-wrapper .special-blog-link-author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.special-blog-content .special-blog-button {
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	color: #001a57;
	transition: all .3s ease-in-out;
}

/* ------------------------------- Special-Blog End -------------------------- */





html {
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi) {
	html {
		-webkit-font-smoothing: unset
	}
}

body {
	position: relative;
	left: 0;
	color: #323232;
	font-size: 14px;
	font-family: 'Inter', 'Spoqa Han Sans Neo', AppleGothic, sans-serif;
	line-height: 1.5em;
	background: #fff;
	transition: left .2s ease-in-out,right .2s ease-in-out;
}

@media(min-width: 1200px) {
	.container {
		max-width: calc(1490px + calc(2*15px))
	}
}

.container, .container-fluid {
	padding-right: 15px;
	padding-left: 15px
}

.row {
	margin-right: calc(-1*15px);
	margin-left: calc(-1*15px)
}

	.row .col, .row [class*=col-] {
		padding-right: 15px;
		padding-left: 15px
	}

@media(max-width: 767px) {
	.row {
		margin-right: -7.5px;
		margin-left: -7.5px
	}

		.row .col, .row [class*=col-] {
			padding-right: 7.5px;
			padding-left: 7.5px
		}
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}

	.row.no-gutters > .col, .row.no-gutters > [class*=col-] {
		padding-right: 0;
		padding-left: 0
	}




#main {
	padding: var(--spacer-8) 0 var(--spacer-20)
}

#main {
	padding: 0
}

	#main #entry-slider {
		position: relative;
		z-index: 5;
		margin-bottom: 3rem;
		margin-bottom: 0
	}

	#main .entry-row-2 {
		margin: 0 auto 0;
		padding: 50px 0;
		margin-bottom: 30px;
		background-color: #f6f6f6
	}


@media(max-width: 767px) {
	#main .entry-row-2 {
		margin: 0 auto 0;
		padding: 15px 0;
		margin-bottom: 10px;
		background-color: #f6f6f6
	}
}

#main .entry-row-3 {
	margin-top: 48px;
	margin-bottom: 48px
}

#main .entry-row-4 {
	background: transparent;
	/*padding: 50px 0;*/
	margin-top: 48px;
	margin-bottom: 48px;
}

#main .entry-row-5 {
	margin-bottom: 36px
}

#main .entry-row-6 {
	margin-bottom: 10px
}

#main .entry-row-7 {
	background: #f5fafd;
	padding: 50px 0;
	margin-bottom: 0px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px
}

@media(max-width: 767px) {
	#main .entry-row-7 {
		background: #f5fafd;
		padding: 10px 0;
		margin-bottom: 0px;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px
	}
}

#main .entry-row-8 {
	margin-bottom: 60px
}

#main .entry-row-9 {
	margin-bottom: 24px
}

#main .entry-row-10 {
	margin-bottom: 60px
}

@media(max-width: 991px) {
	#main .entry-row-11 {
		padding-bottom: 30px
	}
}




.theme-slider {
	height: 0;
	overflow: hidden
}

	.theme-slider.slick-slider {
		height: auto;
		overflow: visible
	}

	.theme-slider .theme-slider-item {
		position: relative
	}

		.theme-slider .theme-slider-item.content {
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%
		}

		.theme-slider .theme-slider-item .theme-slider-image {
			width: 100%;
			height: 750px;
			object-fit: cover
		}

			.theme-slider .theme-slider-item .theme-slider-image img {
				width: 100%;
				height: 100%;
				object-fit: cover
			}


		/*.theme-slider .theme-slider-item .theme-slider-image:before {
	position: absolute;
    content: '';
    background-image: -webkit-linear-gradient(90deg, rgba(122, 81, 249, 0.6) 50%, rgba(252, 241, 247, 0.6) 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}*/

		.theme-slider .theme-slider-item .theme-slider-content {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 89;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			height: 100%;
			padding: 15px
		}

@media(max-width: 991px) {
	.theme-slider .theme-slider-item .theme-slider-content {
		position: absolute;
		padding: 15px
	}
}

/*.theme-slider .theme-slider-content .container {
	position: relative;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}*/

@media(max-width: 991px) {
	.theme-slider .theme-slider-content .container {
		padding: 0
	}
}

.theme-slider .theme-slider-item .theme-slider-content .theme-slider-texts-wrapper {
	min-width: 440px
}

@media(max-width: 1199px) {
	.theme-slider .theme-slider-item .theme-slider-content .theme-slider-texts-wrapper {
		padding: 24px;
		min-width: 240px
	}
}

@media(max-width: 991px) {
	.theme-slider .theme-slider-item .theme-slider-content .theme-slider-texts-wrapper {
		padding: 30px;
		min-width: auto;
		width: 100%;
		background-color: transparent
	}
}

@media(max-width: 767px) {
	.theme-slider .theme-slider-item .theme-slider-content .theme-slider-texts-wrapper {
		padding: 20px
	}
}

.theme-slider .theme-slider-content .theme-slider-texts-wrapper .theme-slider-title {
	font-size: 54px;
	font-weight: 600;
	line-height: calc(54px + 16px);
	color: #f1f1f1;
}

.theme-slider .theme-slider-content .theme-slider-texts-wrapper .theme-slider-sub-title {
	font-size: 24px;
	font-weight: 400;
	line-height: calc(24px + 10px);
	text-transform: inherit;
	text-shadow: 0 0 10px #000;
	color: #f1f1f1;
	padding: 30px 0 35px 0;
}

.theme-slider .theme-slider-content .content-type-1 .theme-slider-texts-wrapper .theme-slider-title {
	color: #111;
	text-shadow: none
}

.theme-slider .theme-slider-content .content-type-1 .theme-slider-texts-wrapper .theme-slider-sub-title {
	color: #111;
	text-shadow: none
}

.theme-slider .theme-slider-content .content-type-2 .theme-slider-texts-wrapper .theme-slider-title {
	color: #fff;
	text-shadow: none
}

.theme-slider .theme-slider-content .content-type-2 .theme-slider-texts-wrapper .theme-slider-sub-title {
	color: #fff;
	text-shadow: none
}

.theme-slider .theme-slider-content .content-type-3 .theme-slider-texts-wrapper .theme-slider-title {
	color: #111;
	text-shadow: none
}

.theme-slider .theme-slider-content .content-type-3 .theme-slider-texts-wrapper .theme-slider-sub-title {
	color: #111;
	text-shadow: none
}

@media(max-width: 991px) {
	.theme-slider .theme-slider-content .content-type-1 .theme-slider-texts-wrapper .theme-slider-title {
		color: #fff;
		text-shadow: none
	}

	.theme-slider .theme-slider-content .content-type-1 .theme-slider-texts-wrapper .theme-slider-sub-title {
		color: #fff;
		text-shadow: none
	}

	.theme-slider .theme-slider-content .content-type-2 .theme-slider-texts-wrapper .theme-slider-title {
		color: #111;
		text-shadow: none
	}

	.theme-slider .theme-slider-content .content-type-2 .theme-slider-texts-wrapper .theme-slider-sub-title {
		color: #111;
		text-shadow: none
	}

	.theme-slider .theme-slider-content .content-type-3 .theme-slider-texts-wrapper .theme-slider-title {
		color: #111;
		text-shadow: none
	}

	.theme-slider .theme-slider-content .content-type-3 .theme-slider-texts-wrapper .theme-slider-sub-title {
		color: #111;
		text-shadow: none
	}
}

.theme-slider .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button {
	background: #fff;
	color: #25398e;
	padding: 0 4rem;
	border-radius: 3rem;
	line-height: 5rem
}

	.theme-slider .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button:hover {
		color: #fff;
		background: #25398e;
	}

.theme-slider .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button {
	background: #fff;
}

.theme-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	font-size: 1.1rem;
	z-index: 2;
	opacity: .5;
	cursor: pointer;
	background: transparent;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0px solid #F2F2F2;
	transition: all 0.2s linear;
}

	.theme-slider .slick-arrow i {
		font-size: 7rem;
		font-weight: 300
	}

	.theme-slider .slick-arrow.slick-prev {
		left: 30px
	}

	.theme-slider .slick-arrow.slick-next {
		right: 30px
	}

.theme-slider .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

	.theme-slider .slick-dots > li {
		padding: 0 .5rem
	}

		.theme-slider .slick-dots > li button {
			background-color: #fff;
			border-radius: 100%;
			width: 8px;
			height: 8px;
			line-height: 15px;
			color: #fff;
			font-size: 8px;
			font-weight: 500;
			text-indent: -9999px;
			border: 1px solid #fff;
			padding: 0;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center
		}

		.theme-slider .slick-dots > li.slick-active > button {
			width: 16px;
			height: 16px;
			background-color: #fff
		}

		.theme-slider .slick-dots > li:only-child {
			display: none
		}

@media(max-width: 991px) {
	.theme-slider .theme-slider-item .theme-slider-image {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	.theme-slider .theme-slider-item.content .theme-slider-content .content-type-1, .theme-slider .theme-slider-item.content .theme-slider-content .picture-type-2 {
		margin-bottom: 1.5rem
	}

		.theme-slider .theme-slider-item.content .theme-slider-content .content-type-1:only-child, .theme-slider .theme-slider-item.content .theme-slider-content .picture-type-2:only-child {
			margin-bottom: 0
		}

	.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-title.large {
			font-size: 3.6rem;
			font-size: 2.4rem;
			line-height: calc(2.4rem + 8px);
			text-align: left
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-title.normal {
			font-size: 2.4rem
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-title.small {
			font-size: 1.8rem
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-sub-title.large {
			font-size: 2.4rem
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-sub-title.normal {
			font-size: 1.8rem;
			text-align: left
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-sub-title.small {
			font-size: 1.4rem
		}

		.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button {
			text-align: left
		}

			.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.large {
				font-size: 1.8rem
			}

				.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.large.tube {
					border-radius: 3rem
				}

			.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.normal {
				font-size: 1.6rem
			}

				.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.normal.tube {
					border-radius: 2.5rem
				}

			.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.small {
				font-size: 1.4rem
			}

				.theme-slider .theme-slider-item.content .theme-slider-content .theme-slider-texts-wrapper .theme-slider-button button.small.tube {
					border-radius: 2rem
				}
}






.home-about-wrapper {
}

	.home-about-wrapper .default-products {
		margin-bottom: 0
	}

@media(max-width: 1199px) {
	.home-about-wrapper {
		margin: 45px 0;
		padding: 45px 0
	}
}

@media(max-width: 991px) {
	.home-about-wrapper {
		margin: 30px 0;
		padding: 30px 0
	}
}

@media(max-width: 767px) {
	.home-about-wrapper {
		margin: 5px 0;
		padding: 5px 0
	}
}

.home-about-container .contentbox-header .contentbox-sub-header h4.sub-header {
	font-size: 28px
}

.home-about-wrapper .home-about-image-container {
	height: 100%
}

.home-about-wrapper .home-about-image {
	position: relative;
	width: 100%;
	height: 100%;
	height: 350px;
	display: block;
	left: 0;
	top: 0
}

@media(max-width: 991px) {
	.home-about-wrapper .home-about-image {
		height: 300px
	}
}

@media(max-width: 767px) {
	.home-about-wrapper .home-about-image {
		height: 100%
	}
}

.home-about-wrapper .home-about-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.home-about-wrapper .home-about-image:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 1;
	background-color: transparent;
	transition: .2s linear
}

.home-about-wrapper .home-about-content {
	position: relative;
	text-align: left;
	margin-bottom: 1rem
}

	.home-about-wrapper .home-about-content .home-about-title {
		position: relative;
		text-align: left;
		margin-bottom: 2rem
	}

		.home-about-wrapper .home-about-content .home-about-title p {
			font-size: 16px;
		}

	.home-about-wrapper .home-about-content .home-about-button {
		text-align: left
	}

@media(max-width: 991px) {
	.home-about-wrapper .home-about-image-container {
		margin-bottom: 2rem
	}

	.home-about-wrapper .home-about-content {
		margin-bottom: 2rem
	}
}




.blog-list-tab {
	margin-bottom: 2rem
}

@media(max-width: 991px) {
	.blog-list-tab {
		margin-bottom: 4rem
	}
}

.blog-list-tab .products-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #063b60;
	font-weight: 700;
	font-size: 2.8rem;
	margin-bottom: 4rem
}

@media(max-width: 767px) {
	.blog-list-tab .products-header {
		font-size: 2.1rem;
		margin-bottom: 2rem
	}
}

.blog-list-tab-title {
	border-bottom: solid 1px #f0f0f0;
	padding-bottom: 1.2rem;
	margin-bottom: 4rem
}

@media(max-width: 767px) {
	.blog-list-tab-title {
		margin-bottom: 2rem
	}
}

.blog-list-tab-title [data-tab-index] a {
	color: #4e9fa7;
	font-size: 1.4rem;
	font-weight: 500;
	transition: all .3s ease-in-out
}

.blog-list-tab-title [data-tab-index]:hover a, .blog-list-tab-title [data-tab-index].active a {
	color: #454850
}

.blog-list-tab-content .blog-big .blog-item-container {
	margin-bottom: 2rem;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #eee
}

	.blog-list-tab-content .blog-big .blog-item-container .blog-item-image {
		height: 100%
	}

		.blog-list-tab-content .blog-big .blog-item-container .blog-item-image a {
			display: block;
			position: relative;
			padding-top: 60%;
			height: 100%;
			overflow: hidden
		}

			.blog-list-tab-content .blog-big .blog-item-container .blog-item-image a img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover
			}

		.blog-list-tab-content .blog-big .blog-item-container .blog-item-image .blog-nopic {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 3;
			color: #ccc;
			font-size: 7rem;
			background: #f5f5f5;
			display: flex;
			align-items: center;
			justify-content: center
		}

	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content {
		padding: 4rem;
		background-color: #fff
	}

@media(max-width: 991px) {
	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content {
		padding: 2rem
	}
}

.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title {
	margin-bottom: 2rem
}

	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title p {
		color: #000;
		font-size: 2.2rem;
		font-weight: 600;
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: auto;
		line-height: 3.5rem;
		overflow: hidden
	}

.blog-list-tab-content .blog-big .blog-item-container:hover .blog-item-content .blog-title p {
	color: #4ba6ee;
	color: #000;
	transition: transform 400ms, opacity 400ms, border-color 400ms;
}

.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-text p {
	color: #818181;
	font-size: 1.6rem;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
	line-height: 25px
}

@media(max-width: 767px) {
	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title {
		margin-bottom: 1.5rem
	}

		.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title a {
			font-size: 1.6rem;
			height: 4rem;
			line-height: 2rem
		}
}

.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-item-bottom .blog-date {
	display: flex;
	align-items: center;
	font-size: 1.4rem
}

	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-item-bottom .blog-date i {
		margin-right: 1rem
	}

@media(max-width: 767px) {
	.blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-item-bottom .blog-date {
		font-size: 1.6rem
	}
}

.blog-list-tab-content .blog-big .blog-item-container .blog-item-image {
	position: relative
}

.blog-list-tab-content .blog-big .blog-item-container:hover .blog-item-image {
	transform: scale(1.1);
	transition: transform 400ms, opacity 400ms, border-color 400ms;
}

	.blog-list-tab-content .blog-big .blog-item-container:hover .blog-item-image:after {
		opacity: 1;
		transform: scaleX(1);
	}

.blog-list-tab-content .blog-big .blog-item-container .blog-item-image:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	display: block;
	width: 100%;
	transform-origin: left center;
	transform: scaleX(0);
	border-bottom: 0.5rem solid #4ba6ee;
	transition: transform 400ms, opacity 400ms, border-color 400ms;
}

.blog-list-tab-content .blog-small .blog-item-container {
	border-bottom: solid 1px #f0f0f0;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
	display: flex
}

	.blog-list-tab-content .blog-small .blog-item-container .blog-item-image {
		flex: 0 0 12rem;
		height: 7.7rem
	}

		.blog-list-tab-content .blog-small .blog-item-container .blog-item-image a {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
			border-radius: 10px
		}

			.blog-list-tab-content .blog-small .blog-item-container .blog-item-image a img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover
			}

		.blog-list-tab-content .blog-small .blog-item-container .blog-item-image .blog-nopic {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 3;
			color: #ccc;
			font-size: 4rem;
			background: #f5f5f5;
			display: flex;
			align-items: center;
			justify-content: center
		}

	.blog-list-tab-content .blog-small .blog-item-container .blog-item-content {
		padding-left: 2rem
	}

		.blog-list-tab-content .blog-small .blog-item-container .blog-item-content .blog-title a {
			color: #063b60;
			font-size: 1.6rem;
			transition: all .3s ease-in-out
		}

			.blog-list-tab-content .blog-small .blog-item-container .blog-item-content .blog-title a:hover {
				color: #4e9fa7
			}

@media(max-width: 767px) {
	.blog-list-tab-content .blog-small .blog-item-container .blog-item-content .blog-title a {
		font-size: 1.3rem
	}
}

.blog-item-container .blog-item-button {
	margin: 2rem 0;
	bottom: 0
}

.blog-item-container .blog-continue-button {
	background: #5b3390;
	padding: .8rem 1rem;
	margin-top: 1rem;
	color: #fff !important;
	font-size: 1.5rem !important;
	width: 30%;
	border-radius: 0px;
	text-align: center;
	min-width: 138px;
}

.blog-list-tab-content .blog-small .all-blog {
	display: block;
	color: #4e9fa7;
	font-size: 1.6rem;
	transition: all .3s ease-in-out
}

	.blog-list-tab-content .blog-small .all-blog:hover {
		color: #378992
	}

@media(max-width: 991px) {
	.blog-list-tab-title {
		overflow-x: auto;
		scroll-snap-type: x mandatory
	}

		.blog-list-tab-title [data-tab-index] {
			scroll-snap-align: start
		}
}

.blog-list-tab.blog-page-list .blog-list-tab-title {
	border-bottom: none;
	padding-bottom: 1rem;
	margin-bottom: 3rem
}

@media(max-width: 991px) {
	.blog-list-tab.blog-page-list .blog-list-tab-title {
		margin-bottom: 1.5rem;
		padding-bottom: 1rem
	}
}

@media(min-width: 1200px) {
	.blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index] {
		flex: 0 0 calc(100%/6)
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index] a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #454850;
	font-size: 1.4rem;
	text-align: center;
	height: 5rem;
	border: solid 1px #f0f0f0;
	border-radius: 5px
}

@media(min-width: 1200px) {
	.blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index] a {
		width: 100%
	}
}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index] a {
		padding: 0 1.5rem
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index]:hover a, .blog-list-tab.blog-page-list .blog-list-tab-title [data-tab-index].active a {
	background-color: #4e9fa7;
	color: #fff;
	border-color: #4e9fa7
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container {
	margin-bottom: 2rem
}

	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-image {
		height: 100%
	}

		.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-image a {
			display: block;
			position: relative;
			padding-top: 60%;
			height: 100%;
			overflow: hidden;
			border-radius: 15px
		}

			.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-image a img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover
			}

		.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-image .blog-nopic {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 3;
			color: #ccc;
			font-size: 7rem;
			background: #f5f5f5;
			display: flex;
			align-items: center;
			justify-content: center
		}

	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content {
		padding: 5rem 0 0;
		background-color: transparent
	}

@media(max-width: 991px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content {
		padding: 2rem 0 0
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title {
	margin-bottom: 2rem
}

	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title a {
		color: #063b60;
		font-size: 2.8rem
	}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title {
		margin-bottom: 1.5rem
	}

		.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-title a {
			font-size: 2rem;
			line-height: 2rem;
			height: 4rem
		}
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-description {
	font-size: 1.6rem;
	margin-bottom: 2rem
}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-description {
		font-size: 1.3rem;
		margin-bottom: 1.5rem
	}
}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-big .blog-item-container .blog-item-content .blog-date {
		font-size: 1.3rem
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-small {
	border: solid 1px #f0f0f0;
	border-radius: 1rem;
	overflow: hidden;
	padding: 3rem
}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-small {
		padding: 1.5rem
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-small .blog-item-container {
	margin-bottom: 2rem;
	padding-bottom: 2rem
}

@media(max-width: 767px) {
	.blog-list-tab.blog-page-list .blog-list-tab-content .blog-small .blog-item-container {
		padding-bottom: 1rem;
		margin-bottom: 1rem
	}
}

.blog-list-tab.blog-page-list .blog-list-tab-content .blog-small .all-blog {
	display: none
}




/*---------------------- Theme footer Two ------------------*/


#footer {
	background: #001648;
	background: #0a1f44;
	background: #0a1f44;
	background: #004c6d;
	background: #0c2340;
	background: #fff
}

	#footer .footer-row-1 {
		border-bottom: 1px solid #dfdfdf;
		padding: 45px 0 60px
	}

@media(max-width: 1199px) {
	#footer .footer-row-1 {
		padding: 30px 0 20px
	}
}

@media(max-width: 767px) {
	#footer .footer-row-1 {
		padding: 15px 0 5px
	}
}

#footer .footer-row-2 {
	padding: 60px 0;
	border-top: 0px solid #efefef;
	border-bottom: 1px solid #dfdfdf
}

@media(max-width: 1199px) {
	#footer .footer-row-2 {
		padding: 45px 0
	}
}

@media(max-width: 767px) {
	#footer .footer-row-2 {
		padding: 15px 0 0
	}
}

#footer .footer-row-3 {
	padding: 20px 0
}

	#footer .footer-row-3 .copyright {
		line-height: 36px;
		color: #323232;
		font-size: 14px
	}

@media(max-width: 1199px) {
	#footer .footer-row-3 {
		padding: 15px 0
	}

		#footer .footer-row-3 .copyright {
			text-align: center;
			padding-top: 15px
		}

		#footer .footer-row-3 .secure {
			display: flex;
			align-items: center;
			justify-content: center
		}
}

@media(max-width: 767px) {
	#footer .footer-row-3 {
		padding: 10px 0
	}

		#footer .footer-row-3 .copyright {
			font-size: 11px
		}
}

@media(max-width: 991px) {
	.newsletter {
		margin-bottom: 20px
	}
}

@media(max-width: 767px) {
	.newsletter {
		margin-bottom: 15px
	}
}

.newsletter-title {
	margin-bottom: 13px;
	color: #fff;
	margin-right: 65px;
}

	.newsletter-title > div {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 5px;
	}

	.newsletter-title > span {
		font-size: 14px;
		width: 100%;
		display: block;
	}

@media(max-width: 991px) {
	.newsletter-title {
		margin-bottom: 20px
	}
}

@media(max-width: 767px) {
	.newsletter-title {
		margin-bottom: 15px
	}

		.newsletter-title > div {
			font-size: 14px;
			margin-bottom: 10px
		}

		.newsletter-title > span {
			font-size: 11px
		}
}

.newsletter-content {
	flex: 1 0 0%;
}

	.newsletter-content form {
		position: relative;
	}

		.newsletter-content form input {
			width: 100%;
			height: 42px;
			color: #191919;
			font-size: 14px;
			border-radius: 100px;
			padding: 10px 100px 10px 74px;
			border: 2px solid #f3f5f9;
			transition: all .2s ease-in-out
		}

			.newsletter-content form input::placeholder {
				color: #9c9c9c;
				opacity: 1
			}

			.newsletter-content form input:focus {
				color: #323232;
				border-color: #e5ae49
			}

				.newsletter-content form input:focus::placeholder {
					color: #323232
				}

				.newsletter-content form input:focus + button {
					background-color: #e5ae49
				}

@media(max-width: 767px) {
	.newsletter-content form input {
		padding-right: 120px;
		padding-left: 20px
	}
}

@media(max-width: 424px) {
	.newsletter-content form input {
		font-size: 11px;
		padding-right: 110px;
		padding-left: 15px
	}
}

.newsletter-content form button {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 0;
	border: none;
	background: #f67700;
	border-radius: 45px;
}

	.newsletter-content form button:hover {
		background: #e5ae49
	}

@media(max-width: 767px) {
	.newsletter-content form button {
		width: 110px;
		font-size: 13px
	}
}

@media(max-width: 424px) {
	.newsletter-content form button {
		width: 100px;
		font-size: 12px
	}
}

.newsletter-content form i {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 21px;
}

.footer-social-title {
	color: #323232;
	text-align: center;
	margin-bottom: 30px
}

	.footer-social-title > div {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 16px
	}

	.footer-social-title > span {
		font-size: 12px
	}

@media(max-width: 991px) {
	.footer-social-title {
		margin-bottom: 20px
	}
}

@media(max-width: 767px) {
	.footer-social-title {
		margin-bottom: 15px
	}

		.footer-social-title > div {
			font-size: 14px;
			margin-bottom: 10px
		}

		.footer-social-title > span {
			font-size: 11px
		}
}

.footer-social-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

	.footer-social-content div {
		margin: 0 7.5px;
		margin-bottom: 15px
	}

@media(max-width: 1199px) {
	.footer-social-content div {
		margin: 0 5px;
		margin-bottom: 10px;
		margin-top: 4px
	}
}

@media(max-width: 991px) {
	.footer-social-content div {
		margin-top: 0
	}
}

@media(max-width: 424px) {
	.footer-social-content div {
		margin: 0 3px;
		margin-bottom: 6px
	}
}

.footer-social .footer-social-content div a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	color: #fff;
	font-size: 21px;
	border-radius: 50%;
	transition: all .2s ease-in-out;
}

@media(max-width: 1199px) {
	.footer-social .footer-social-content div a {
		width: 42px;
		height: 42px;
		font-size: 16px
	}
}

@media(max-width: 374px) {
	.footer-social .footer-social-content div a {
		width: 34px;
		height: 34px;
		font-size: 14px
	}
}

.footer-social-content div a.footer-social-whatsapp {
    background: #128c7e;
    color: #fff
}

.footer-social-content div a.footer-social-facebook{
    background: #2841b8;
    color: #fff
}

.footer-social-content div a.footer-social-twitter {
    background: #48b7f0;
    color: #fff
}

.footer-social-content div a.footer-social-linkedin {
    background: #0077B5;
    color: #fff
}

.footer-social-content div a.footer-social-instagram {
    background: linear-gradient(315deg,#8343D7,#F55944);
    background: -webkit-linear-gradient(315deg,#8343D7,#F55944);
    color: #fff
}

#footer .logo-widget .social-icon li {
	display: inline-block;
	margin-right: 15px;
}

	#footer .logo-widget .social-icon li a {
		font-size: 15px;
		color: #ccd1dd;
	}

		#footer .logo-widget .social-icon li a:hover {
			color: #fff;
		}

.footer-menu-container .footer-menu {
	text-align: center;
	border-right: 1px solid #eee;
	height: 100%;
	margin-top: 0px
}

.footer-menu-container .footer-menu-opacity {
	border-right: 0
}

.footer-menu-container .footer-menu .footer-menu-title {
	position: relative;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 25px;
	margin-bottom: 15px
}

@media(max-width: 767px) {
	.footer-menu-container .footer-menu .footer-menu-title {
		padding-bottom: 25px;
		margin-top: 15px
	}
}

.footer-menu-container .footer-menu .footer-menu-title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 3px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 1;
}

.footer-menu-container .footer-menu .footer-menu-content.footer-links-content > ul > li a {
	font-size: 16px;
	color: #9ca6bf;
}

.footer-menu-container .footer-menu .footer-menu-content > ul > li {
	position: relative;
	line-height: 35px;
	padding-left: 0px
}

	.footer-menu-container .footer-menu .footer-menu-content > ul > li:first-child {
		padding-left: 0px
	}

	.footer-menu-container .footer-menu .footer-menu-content > ul > li a {
		font-size: 14px;
		color: #9ca6bf;
	}

		.footer-menu-container .footer-menu .footer-menu-content > ul > li a:hover {
			color: #fff;
		}

	.footer-menu-container .footer-menu .footer-menu-content > ul > li > a:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 0;
		height: 2px;
		background-color: #fff;
		transition: all .2s ease-in-out
	}

@media(min-width: 1200px) {
	.footer-menu-container .footer-menu .footer-menu-content > ul > li > a:hover:after {
		width: 100%
	}
}

.footer-menu-title:before {
	content: "";
	width: 45px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.footer-logo {
	margin-bottom: 30px
}

	.footer-logo img {
		margin: auto;
		max-height: 82px
	}

@media(max-width: 767px) {
	.footer-logo {
		text-align: left
	}

		.footer-logo img {
			max-height: 32px
		}
}



.footer-logo-text p {
	font-size: 14px;
	line-height: 25px;
	color: #9ca6bf;
	padding: 15px 0;
	padding-top: 0;
	padding-bottom: 15px;
	padding-right: 15px;
}

.footer-mail, .footer-phone, .footer-address {
	margin-bottom: 20px
}

@media(max-width: 767px) {
	.footer-mail, .footer-phone, .footer-address {
		text-align: left
	}
}

.footer-mail > a, .footer-phone > a, .footer-address > a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	color: #9ca6bf;
	font-size: 13px;
	font-weight: 500;
	transition: all .2s ease-in-out
}

@media(max-width: 767px) {
	.footer-mail > a, .footer-phone > a, .footer-address > a {
		text-align: center
	}
}

	.footer-mail > a span, .footer-phone > a span, .footer-address > a span {
		flex: 1 0 0%;
		padding-left: 0px
	}

	.footer-mail > a svg path, .footer-phone > a svg path, .footer-address > a svg path {
		transition: all .2s ease-in-out
	}

@media(min-width: 992px) {
	.footer-mail > a:hover, .footer-phone > a:hover, .footer-address > a:hover {
		color: #e5ae49
	}

		.footer-mail > a:hover svg path, .footer-phone > a:hover svg path, .footer-address > a:hover svg path {
			fill: #e5ae49
		}
}

.footer-address {
	margin-bottom: 20px
}

.footer-call-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 20px;
}

	.footer-call-center > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: flex;
		width: 100%;
		position: relative;
		width: 100%;
		max-width: 240px;
		height: 52px;
		padding: 0 15px;
		font-size: 1.2em;
		border: 2px solid #42789f;
		border-radius: 32px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff
	}

		.footer-call-center > a > span {
			position: absolute;
			top: -10px;
			left: 34px;
			padding: 0 10px;
			white-space: nowrap;
			font-size: .85em;
			color: rgba(255,255,255,.7);
			background-color: #1c3b56;
			background-color: #000
		}

			.footer-call-center > a > span i[class^=fa] {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 20px;
				flex: 0 0 20px;
				max-width: 20px;
				margin-top: 2px;
				margin-right: 8px;
				font-size: 18px;
				color: #fff;
				text-align: center;
			}

#scroll-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 50;
	display: none;
	cursor: pointer;
	background-color: #265ccb;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

	#scroll-top i {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		transition: all .2s ease-in-out
	}

@media(min-width: 992px) {
	#scroll-top:hover {
		background-color: #1e47a9
	}

		#scroll-top:hover i {
			color: #fff
		}
}

#webixen {
	text-align: center;
	border-top: 1px solid #efefef;
	background-color: #fff;
	border-top: 0px solid #efefef
}

#webixen {
	text-align: center;
	padding: 0.5rem 0;
	font-size: 1.2rem;
	color: #4b4b4b;
}

	#webixen a:first-child {
		color: #060;
	}

	#webixen a:last-child {
		color: #036
	}

	#webixen span {
		font-size: 1.2rem;
		font-weight: 600;
		color: #060
	}





/* ------------------------------- Maps-Spacing Area Start -------------------------- */

.contact-us-section {
	margin: 50px 0;
}

.maps-spacing {
	margin-top: 20px !important;
	margin-bottom: 20px;
}

.special-masp-spacing {
	font-size: 14px;
	margin-bottom: 10px;
	display: inline-block;
	color: #000;
	padding: 9px;
	border: 1px solid #989898;
	font-weight: 700;
}

	.special-masp-spacing i {
		margin-right: 5px;
	}

	.special-masp-spacing a {
		text-decoration: underline;
		color: blue;
		font-weight: 600;
	}

/* ------------------------------- Maps-Spacing Area End -------------------------- */










/*#social-container [data-selector=whatsapp-order] {
    background: #25d366;
    border-radius: 0
}

#social-container [data-selector=facebook-messenger] {
    border-radius: 0
}

@media(max-width: 1199px) {
    #social-container {
        padding:0
    }

    #social-container [data-selector=whatsapp-order],#social-container [data-selector=facebook-messenger] {
        position: fixed;
        width: 40px;
        height: 40px;
        font-size: 0;
        border-radius: 100%
    }

    #social-container [data-selector=whatsapp-order] .fab,#social-container [data-selector=facebook-messenger] .fab {
        margin-right: 0;
        font-size: 25px
    }

    #social-container [data-selector=facebook-messenger].overlap {
        bottom: 60px
    }
}*/

#social-container .col {
	height: 0;
	min-height: auto
}

#social-container [data-selector=whatsapp-order], #social-container [data-selector=facebook-messenger] {
	position: fixed;
	bottom: 10px;
	z-index: 9999;
	display: flex;
	width: 20rem;
	height: 5rem;
	align-items: center;
	color: #fff;
	font-size: 1.4rem;
	justify-content: center;
	border-radius: .4rem
}

	#social-container [data-selector=whatsapp-order].left, #social-container [data-selector=facebook-messenger].left {
		left: 10px
	}

	#social-container [data-selector=whatsapp-order].right, #social-container [data-selector=facebook-messenger].right {
		right: 10px
	}

	#social-container [data-selector=whatsapp-order] .fab, #social-container [data-selector=facebook-messenger] .fab {
		margin-right: 1rem;
		font-size: 2.2rem
	}

@media(max-width: 767px) {
	#social-container {
		padding: 0
	}

		#social-container [data-selector=whatsapp-order], #social-container [data-selector=facebook-messenger] {
			position: fixed;
			width: 50px;
			font-size: 0;
			border-radius: 100%;
			border-radius: 50px
		}

			#social-container [data-selector=whatsapp-order] .fab, #social-container [data-selector=facebook-messenger] .fab {
				margin-right: 0
			}

			#social-container [data-selector=facebook-messenger].overlap {
				bottom: 60px
			}
}

@media(max-width: 575.98px) {
	#social-container [data-selector=whatsapp-order], #social-container [data-selector=facebook-messenger] {
		position: static;
		width: auto;
		height: 4rem;
		font-size: 1.2rem
	}
}

#social-container [data-selector=whatsapp-order] {
	background: #128c7e
}

#social-container [data-selector=facebook-messenger] {
	background: #0084ff
}

	#social-container [data-selector=facebook-messenger].overlap {
		bottom: 70px
	}

@media(max-width: 575.98px) {
	#social-container {
		padding-top: .5rem;
		padding-bottom: .5rem
	}

		#social-container .col {
			height: auto
		}
}



input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	-webkit-text-fill-color: #323232;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s
}


.form-control:focus {
	-webkit-box-shadow: 0 0 3px 1px #f0f0f0 !important;
	box-shadow: 0 0 3px 1px #f0f0f0 !important
}




.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	border-radius: 50rem;
	transition: all .3s ease-in-out;
	padding: 8px 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s linear;
	height: 5rem
}

@media(max-width: 767px) {
	.btn {
		height: 4.5rem;
		font-size: 1.3rem
	}
}

.btn.btn-primary {
	color: #fff;
	background: #265ccb
}

	.btn.btn-primary:hover {
		color: #fff;
		background-color: #1e47a9
	}

	.btn.btn-primary:not(.btn-loading):active, .btn.btn-primary:not(.btn-loading).active, .btn.btn-primary:not(.btn-loading):hover, .btn.btn-primary:not(.btn-loading).hover, .btn.btn-primary:not([disabled]):not(.disabled):active, .btn.btn-primary:not([disabled]):not(.disabled).active {
		background: #1e47a9;
		color: #fff
	}

.btn.btn-second {
	color: #fff;
	background: #989898
}

	.btn.btn-second:not(.btn-loading):active, .btn.btn-second:not(.btn-loading).active, .btn.btn-second:not(.btn-loading):hover, .btn.btn-second:not(.btn-loading).hover {
		color: #fff;
		background: #052b46
	}

.btn.btn-secondary {
	color: #454850;
	background: #e6eaec
}

	.btn.btn-secondary:not(.btn-loading):active, .btn.btn-secondary:not(.btn-loading).active, .btn.btn-secondary:not(.btn-loading):hover, .btn.btn-secondary:not(.btn-loading).hover {
		color: #454850;
		background: #d8dee1
	}

.btn.btn-solid-border {
	color: #454850;
	background: #fff;
	border: solid 1px #f0f0f0
}

	.btn.btn-solid-border:not(.btn-loading):active, .btn.btn-solid-border:not(.btn-loading).active, .btn.btn-solid-border:not(.btn-loading):hover, .btn.btn-solid-border:not(.btn-loading).hover {
		color: #454850;
		border-color: #4e9fa7
	}



.signup-container {
	width: 580px;
	width: auto;
	margin: 0 auto 12px;
	padding: 45px 45px 35px;
	border: 1px solid #e5e9ee;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	width: calc(100% - 50px);
	padding: 50px;
	background: transparent;
	border-radius: 6px
}

@media(max-width: 767px) {
	.signup-container {
		padding: 0;
		width: calc(100% - 8px)
	}
}

.signup-container .contentbox-header {
	text-align: center !important;
	margin: 0 0 21px !important;
	padding: 0 !important;
	border: none !important
}

	.signup-container .contentbox-header h4 {
		line-height: 28px;
		font-size: 19.2px !important;
		font-weight: 700 !important;
		margin-bottom: 0 !important
	}

.signup-container .alert.alert-primary {
	margin-bottom: 15px
}

.signup-container .form-group {
	margin-bottom: 15px
}

	.signup-container .form-group .col-12.col-lg-5, .signup-container .form-group .col-12.col-lg-8, .signup-container .form-group .col-12.col-lg-9.text-right {
		flex: 1 0 0%;
		max-width: none
	}

	.signup-container .form-group .col-12.col-lg-4.control-label + .col-6.col-lg-5 {
		flex: 1 0 0%;
		max-width: none
	}

	.signup-container .form-group .security-code {
		height: 48px
	}

	.signup-container .form-group input.form-control {
		height: 48px;
		color: #000;
		font-size: 13.3px;
		padding: 6px 12px
	}

	.signup-container .form-group .form-question {
		top: 14px !important
	}

	.signup-container .form-group .btn {
		height: 48px
	}

		.signup-container .form-group .btn.btn-primary {
			background-color:
		}

	.signup-container .form-group .btn-group-binary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		justify-content: end
	}

		.signup-container .form-group .btn-group-binary:before, .signup-container .form-group .btn-group-binary:after {
			display: none
		}

		.signup-container .form-group .btn-group-binary > button {
			flex: 0 0 48%;
			flex: 0 0 35%;
			max-width: 48%
		}

			.signup-container .form-group .btn-group-binary > button.mr-2 {
				margin-right: 0 !important;
				margin-right: 15px !important
			}






.contact-us-section .contact-info-container {
	margin-top: 50px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08)
}

.contact-info-container .contact-address {
	background-color: transparent;
	height: 100%;
	padding: 45px 35px;
	border-right: 1px solid #ddd
}

	.contact-info-container .contact-address .contact-address-pattern-image {
		position: absolute;
		background: url(../images/home/22.jpg) no-repeat center;
		background-size: cover;
		height: auto;
		border-radius: 5px 0 0 5px;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0.2
	}

.contact-address-header {
	position: relative
}

	.contact-address-header p {
		position: relative;
		font-size: 1.8rem;
		font-weight: 600;
		color: #111;
		width: 100%;
		margin-bottom: 25px;
		padding-bottom: 20px
	}

		.contact-address-header p:before {
			content: '';
			width: 64px;
			height: 4px;
			border-radius: 10px;
			background: #4ca6ee;
			position: absolute;
			bottom: 0;
			left: 0%;
			margin-left: 0px
		}

.contact-info-container .contact-address h4 {
	position: relative;
	font-size: 1.4rem;
	padding-bottom: 20px
}

.contact-info-container .contact-address ul li {
	position: relative;
	color: #382727;
	margin-bottom: 35px !important;
	display: flex;
	align-items: start;
}

	.contact-info-container .contact-address ul li .contact-address-image {
		position: relative;
		font-size: 21px;
		text-align: left;
		color: #3e2a2a
	}

.contact-info-container .contact-address .contact-address-content {
	padding-left: 15px
}

	.contact-info-container .contact-address .contact-address-content .contact-address-title {
		position: relative;
		display: block;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: normal;
		margin-bottom: 8px;
		color: #121521
	}

	.contact-info-container .contact-address .contact-address-content .contact-address-sub-title {
		position: relative;
		font-size: 1.6rem;
		font-weight: 400;
		letter-spacing: -0.2px
	}

		.contact-info-container .contact-address .contact-address-content .contact-address-sub-title a {
			color: #382727;
		}


.contact-info-container ul li.contact-info-fax-number .contact-address-content .contact-address-sub-title {
    position: relative;
    font-size: 1.6rem;
    line-height: calc(1.6rem + 8px);
    font-weight: 400;
    letter-spacing: -0.2px;
}

.contact-info-container ul li.contact-info-fax-number .contact-address-image i {
	font-size: 16px;
	font-style: normal
}

.contentbox-header {
	margin: 0 0 13px
}

	.contentbox-header .contentbox-sub-header {
		display: inline-block;
		position: relative;
		margin: 0 0 13px
	}

		.contentbox-header .contentbox-sub-header :before {
			content: '';
			position: absolute;
			bottom: -3px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #cbe9ff;
		}

		.contentbox-header .contentbox-sub-header :after {
			content: '';
			position: absolute;
			bottom: -4px;
			left: 0;
			right: 0;
			width: 40%;
			height: 3px;
			margin: auto;
			background-color: #00badf
		}

		.contentbox-header .contentbox-sub-header h4.sub-header {
			font-size: 16px;
			font-weight: 600;
			display: inline-block;
			margin: 15px 0;
			-wenkit-font-smoothing: subpixel-antialiased
		}

	.contentbox-header .contentbox-header-default {
		margin: 0 auto 1.5rem
	}

	.contentbox-header h2.header {
		color: #51616b;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		font-size: 32px;
		text-transform: capitalize;
		margin: 0;
		-wenkit-font-smoothing: subpixel-antialiased
	}

@media screen and (max-width: 991px) {
	.contentbox-header h2.header {
		font-size: 24px;
	}
}

.google-map-two {
	height: 410px
}








.default-products {
	position: relative;
	margin-bottom: 36px
}

	.default-products .products-header {
		position: relative;
		color: #000;
		line-height: calc(22.5px + 8px);
		font-size: 22.5px;
		font-weight: 500;
		padding-left: 36px;
		padding-left: 0;
		margin-bottom: 30px
	}

		.default-products .products-header:after {
			content: "";
			display: none;
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 18px;
			height: 2px;
			background-color: #FF5880
		}

	.default-products.featured-products .products-header, .default-products.popular-products .products-header {
		margin-bottom: 18px
	}

	.default-products .products-content {
		height: 0;
		overflow: hidden
	}

		.default-products .products-content.slick-slider {
			height: auto;
			overflow: visible
		}

		.default-products .products-content .slick-list {
			padding-top: 12px
		}

		.default-products .products-content .slick-dots {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			width: 100%
		}

			.default-products .products-content .slick-dots > li {
				margin: 0 5px
			}

				.default-products .products-content .slick-dots > li > button {
					position: relative;
					overflow: hidden;
					display: block;
					width: 12px;
					height: 12px;
					text-indent: -9999px;
					padding: 0;
					margin-bottom: 5px;
					border: none;
					border-radius: 50%;
					background-color: #F2F2F2
				}

				.default-products .products-content .slick-dots > li.slick-active > button {
					background-color: #265ccb
				}

	.default-products .slick-slide-arrows {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		display: flex;
		align-items: center
	}

@media (max-width: 1199px) {
	.default-products .slick-slide-arrows {
		display: none
	}
}

.default-products .slick-slide-arrows .slick-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 40px;
	cursor: pointer;
	background: #4e9fa7;
	border-radius: 20px;
	transition: all 0.2s linear
}

	.default-products .slick-slide-arrows .slick-arrow.slick-hidden {
		display: none !important
	}

	.default-products .slick-slide-arrows .slick-arrow .slick-arrow-icon-passive {
		display: none
	}

	.default-products .slick-slide-arrows .slick-arrow:last-child {
		margin-left: 24px
	}

	.default-products .slick-slide-arrows .slick-arrow.slick-disabled {
		width: 40px;
		background: #FFF;
		border: 1px solid #F2F2F2;
		border-radius: 50%
	}

		.default-products .slick-slide-arrows .slick-arrow.slick-disabled .slick-arrow-icon-active {
			display: none
		}

		.default-products .slick-slide-arrows .slick-arrow.slick-disabled .slick-arrow-icon-passive {
			display: block
		}

.showcase {
	position: relative;
	overflow: hidden;
	padding: 12px;
	margin-bottom: 24px;
	background-color: #FFF;
	border: 1px solid #F2F2F2;
	border-radius: 15px;
	transition: all 0.2s linear
}

@media (max-width: 1199px) {
	.showcase {
		padding: 12px
	}
}

.showcase .showcase-image-container {
	position: relative
}

	.showcase .showcase-image-container a.showcase-label-container > div {
		position: absolute;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		font-size: 11.4px;
		font-weight: 500;
		padding: 0 12px;
		border-radius: 15px
	}

@media (max-width: 767px) {
	.showcase .showcase-image-container a.showcase-label-container > div {
		height: 22px;
		font-weight: 400
	}
}

.showcase .showcase-image-container a.showcase-label-container .new-label {
	left: -13px;
	top: 13px;
	transform: rotate(-90deg);
	width: 56px;
	color: #000;
	background-color: #EBFFE2
}

@media (max-width: 767px) {
	.showcase .showcase-image-container a.showcase-label-container .new-label {
		width: 48px
	}
}

.showcase .showcase-image-container a.showcase-label-container .discount-label {
	right: -21px;
	top: 21px;
	transform: rotate(90deg);
	width: 72px;
	color: #FFF;
	background-color: #FF5880
}

@media (max-width: 767px) {
	.showcase .showcase-image-container a.showcase-label-container .discount-label {
		right: -15px;
		top: 15px;
		width: 52px
	}
}

.showcase-image-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	overflow: hidden;
	border-radius: 0.5rem
}

.showcase-image img {
	max-width: 100%;
	height: auto;
	display: block;
	min-height: 100%; /* Görüntünün yükseklik sınırını belirler */
	object-fit: cover; /* Görüntüyü kırpma yapmadan div'e sığdırır */
}

.showcase .showcase-image.showcase-image-horizontal a {
	padding-top: 75%
}

.showcase .showcase-image.showcase-image-vertical a {
	padding-top: 150%
}

.showcase .showcase-content {
	position: relative;
	padding: 18px 0;
	background-image: url('../images/background-bg.jpg'); /* Resim yolu */
	background-size: cover; /* Kapsayıcı ayar */
	background-repeat: no-repeat; /* Tekrar etmeyi engelle */
	background-position: top; /* Arka planı üstte göster */
}



	.showcase .showcase-content .showcase-title {
		text-align: center;
		padding: 0 40px;
		margin-bottom: 3px
	}

		.showcase .showcase-content .showcase-title a {
			overflow: hidden;
			display: block;
			height: 44px;
			line-height: 22px;
			color: #000;
			font-size: 28px
		}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-title a {
		height: 60px;
		line-height: 20px
	}
}

.showcase .showcase-content .showcase-sub-title {
	text-align: center;
	margin-bottom: 3px
}

	.showcase .showcase-content .showcase-sub-title a {
		overflow: hidden;
		display: block;
		height: 0px;
		line-height: 22px;
		color: #000;
		font-size: 14.4px
	}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-sub-title a {
		height: 60px;
		line-height: 20px
	}
}

.showcase .showcase-content .showcase-brand {
	height: 18px;
	text-align: center;
	margin-bottom: 12px
}

	.showcase .showcase-content .showcase-brand a {
		overflow: hidden;
		display: block;
		height: 18px;
		line-height: 18px;
		color: #A5A5A5;
		font-size: 14.4px
	}

.showcase .showcase-content .showcase-price {
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: center;
	text-align: center;
	margin-bottom: 12px
}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-price {
		height: 58px;
		flex-direction: column;
		align-items: center
	}
}

.showcase .showcase-content .showcase-price .showcase-price-new {
	color: #000;
	line-height: calc(19.2px + 8px);
	font-size: 19.2px;
	font-weight: 500
}

@media (max-width: 1199px) {
	.showcase .showcase-content .showcase-price .showcase-price-new {
		line-height: calc(16px + 8px);
		font-size: 16px
	}
}

.showcase .showcase-content .showcase-price .showcase-price-old {
	color: #A5A5A5;
	font-size: 16.2px;
	font-weight: 400;
	text-decoration: line-through;
	margin-right: 9px
}

@media (max-width: 1199px) {
	.showcase .showcase-content .showcase-price .showcase-price-old {
		font-size: 13.3px
	}
}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-price .showcase-price-old {
		margin-right: 0
	}
}

.showcase .showcase-content .showcase-qty-wrapper {
	display: flex;
	justify-content: center;
	margin-bottom: 18px
}

	.showcase .showcase-content .showcase-qty-wrapper .showcase-qty {
		display: flex;
		flex-wrap: wrap;
		width: 170px;
		height: 32px
	}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-qty-wrapper .showcase-qty {
		width: 100%
	}
}

.showcase .showcase-content .showcase-qty-wrapper .showcase-qty > a {
	flex: 0 0 32px;
	max-width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid #F2F2F2
}

.showcase .showcase-content .showcase-qty-wrapper .showcase-qty > div {
	flex: 1 0 0%;
	max-width: 100%
}

	.showcase .showcase-content .showcase-qty-wrapper .showcase-qty > div input {
		width: 100%;
		height: 100%;
		color: #000;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		border: none;
		background-color: transparent
	}

.showcase .showcase-content .showcase-qty-wrapper.showcase-qty-wrapper-select .showcase-qty {
	border: none;
	border-radius: 0
}

	.showcase .showcase-content .showcase-qty-wrapper.showcase-qty-wrapper-select .showcase-qty select.form-control:not([size]):not([multiple]), .showcase .showcase-content .showcase-qty-wrapper.showcase-qty-wrapper-select .showcase-qty select:not([size]) {
		height: 32px;
		color: #000;
		font-size: 13.3px;
		font-weight: 400;
		cursor: pointer;
		padding: 6px 28px 6px 20px;
		border: 1px solid #F2F2F2;
		border-radius: 0;
		background-image: url(//st3.myideasoft.com/7.2.4.3/storefront/themes/tpl-foodavo/assets/images/icon-selectbox.svg?revision=7.2.4.3-11);
		background-size: 24px
	}

	.showcase .showcase-content .showcase-qty-wrapper.showcase-qty-wrapper-select .showcase-qty > div input {
		height: 32px;
		border: 1px solid #F2F2F2
	}

.showcase .showcase-buttons {
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.showcase .showcase-content .showcase-buttons > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.2s linear;
	border-radius: 0
}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-buttons > a {
		height: 46px
	}
}

@media (max-width: 424px) {
	.showcase .showcase-content .showcase-buttons > a {
		font-size: 14.4px
	}
}

.showcase .showcase-content .showcase-buttons > a.add-to-cart-button {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 144px;
	height: 42px;
	transition: all 0.2s linear
}

@media (max-width: 767px) {
	.showcase .showcase-content .showcase-buttons > a.add-to-cart-button {
		height: 46px
	}
}

.showcase .showcase-content .showcase-buttons > a.add-to-cart-button svg {
	position: relative;
	z-index: 3
}

	.showcase .showcase-content .showcase-buttons > a.add-to-cart-button svg path {
		transition: all 0.2s linear
	}

.showcase .showcase-content .showcase-buttons > a.add-to-cart-button:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 1px solid #ebebeb;
	background-color: #FFF;
	border-radius: 50rem;
	transition: all 0.2s linear
}

.showcase .showcase-content .showcase-buttons > a.add-to-cart-button:after {
	content: "";
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	background-color: #FFF;
	border-radius: 50rem;
	transition: all 0.2s linear
}

.showcase .showcase-content .showcase-buttons > a.add-to-cart-button span {
	position: relative;
	z-index: 3;
}

.showcase .showcase-content .showcase-buttons > a.no-stock-button {
	color: #A5A5A5;
	background-color: #FFF;
	border: 1px solid #F2F2F2
}

@media (min-width: 1200px) {
	.showcase:hover {
		box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
		-moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2)
	}
}


.showcase-1 {
	background-color: #4ba6ee
}

.showcase-2 {
	background-color: #294a83
}

.showcase-3 {
	background-color: #00badf
}

.showcase-4 {
	background: #294a83
}

.showcase-1 .showcase-content {
	background: #4ba6ee
}

.showcase-2 .showcase-content {
	background: #294a83
}

.showcase-3 .showcase-content {
	background: #00badf
}

.showcase-4 .showcase-content {
	background: #294a83
}

.showcase .showcase-content .showcase-title a h5 {
	font-size: 20px;
	color: #fff
}


.catalog-banner-container {
	padding: 50px 0;
	background: #f8f8f8;
	margin: 0px 0 0px 0px;
	margin-bottom: 50px
}

@media(max-width: 1199px) {
	.default-products {
		margin-bottom: 30px
	}
}

@media(max-width: 767px) {
	.default-products {
		margin-bottom: 20px
	}
}

.default-products .products-header {
	position: relative;
	color: #000;
	font-size: 36px;
	text-align: left;
	margin-bottom: 72px
}

@media(max-width: 1199px) {
	.default-products .products-header {
		font-size: 24px;
		margin-bottom: 40px
	}
}

@media(max-width: 767px) {
	.default-products .products-header {
		font-size: 18px;
		margin-bottom: 20px
	}
}

.default-products .products-content {
	height: 0;
	overflow: hidden
}

.catalog-banner .catalog-banner-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%
}

	.catalog-banner .catalog-banner-content .catalog-banner-content-inside {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		min-width: 410px;
		padding: 48px 0;
		text-align: center;
		background-color: transparent
	}

.catalog-banner .catalog-banner-image {
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
	background-color: #fff;
}

	.catalog-banner .catalog-banner-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .4s linear;
	}

.catalog-banner .catalog-banner-title {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	font-style: italic;
	font-family: libre baskerville,serif;
	text-align: left;
	margin-bottom: 24px;
	transition: all .2s ease-in-out;
}

.catalog-banner .catalog-banner-content .catalog-banner-sub-title {
	line-height: 1.2;
	color: #a2a2a2;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 32px;
}

.catalog-banner .catalog-banner-content .catalog-banner-button a {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	padding: 12px 24px;
	background-color: #4e9fa7;
	transition: all .2s ease-in-out
}





#custom-export {
	position: relative;
	display: flex;
	flex-wrap: wrap
}

	#custom-export .custom-export-select {
		position: relative;
		border-right: 1px solid #d7d7d7
	}

		#custom-export .custom-export-select > a {
			padding: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #181815;
			font-size: 13px;
			font-weight: 500
		}

			#custom-export .custom-export-select > a > span:last-child {
				color: #fff;
				padding-left: 10px
			}

		#custom-export .custom-export-select .select-content {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100px;
			max-height: 200px;
			overflow-y: auto;
			background-color: #f0f0f0;
			z-index: 101;
			text-transform: uppercase
		}

			#custom-export .custom-export-select .select-content > a {
				padding: 10px;
				display: flex;
				color: #181815;
				border-bottom: 1px solid #d7d7d7;
				font-size: 13px;
				font-weight: 500
			}

				#custom-export .custom-export-select .select-content > a > span:last-child {
					padding-left: 10px
				}

				#custom-export .custom-export-select .select-content > a:hover {
					background-color: #dfdfdf
				}

				#custom-export .custom-export-select .select-content > a:last-child {
					border-bottom: none
				}

		#custom-export .custom-export-select.active > a {
			background-color: #f0f0f0;
			color: #181815
		}

@media(max-width: 991px) {
	#custom-export > *:last-child .custom-export-select {
		border: none
	}
}

.flag {
	width: 18px;
	height: 18px;
	background-image: url(../images/export-flags.png);
	display: block
}

.flag-ad {
	background-position: 0 0
}

.flag-ae {
	background-position: -18px 0
}

.flag-af {
	background-position: -36px 0
}

.flag-ag {
	background-position: -54px 0
}

.flag-ai {
	background-position: -72px 0
}

.flag-al {
	background-position: -90px 0
}

.flag-am {
	background-position: -108px 0
}

.flag-ao {
	background-position: -126px 0
}

.flag-aq {
	background-position: -144px 0
}

.flag-ar {
	background-position: -162px 0
}

.flag-as {
	background-position: -180px 0
}

.flag-at {
	background-position: -198px 0
}

.flag-au {
	background-position: -216px 0
}

.flag-aw {
	background-position: -234px 0
}

.flag-ax {
	background-position: -252px 0
}

.flag-az {
	background-position: -270px 0
}

.flag-ba {
	background-position: -288px 0
}

.flag-bb {
	background-position: -306px 0
}

.flag-bd {
	background-position: -324px 0
}

.flag-be {
	background-position: -342px 0
}

.flag-bf {
	background-position: -360px 0
}

.flag-bg {
	background-position: -378px 0
}

.flag-bh {
	background-position: -396px 0
}

.flag-bi {
	background-position: -414px 0
}

.flag-bj {
	background-position: -432px 0
}

.flag-bl {
	background-position: -450px 0
}

.flag-bm {
	background-position: -468px 0
}

.flag-bn {
	background-position: -486px 0
}

.flag-bo {
	background-position: -504px 0
}

.flag-bq {
	background-position: -522px 0
}

.flag-br {
	background-position: -540px 0
}

.flag-bs {
	background-position: -558px 0
}

.flag-bt {
	background-position: -576px 0
}

.flag-bw {
	background-position: -594px 0
}

.flag-by {
	background-position: -612px 0
}

.flag-bz {
	background-position: -630px 0
}

.flag-ca {
	background-position: -648px 0
}

.flag-cc {
	background-position: -666px 0
}

.flag-cd {
	background-position: -684px 0
}

.flag-cf {
	background-position: -702px 0
}

.flag-cg {
	background-position: -720px 0
}

.flag-ch {
	background-position: -738px 0
}

.flag-ci {
	background-position: -756px 0
}

.flag-ck {
	background-position: -774px 0
}

.flag-cl {
	background-position: -792px 0
}

.flag-cm {
	background-position: -810px 0
}

.flag-cn {
	background-position: -828px 0
}

.flag-co {
	background-position: -846px 0
}

.flag-cr {
	background-position: -864px 0
}

.flag-cv {
	background-position: -882px 0
}

.flag-cw {
	background-position: -900px 0
}

.flag-cx {
	background-position: -918px 0
}

.flag-cy {
	background-position: -936px 0
}

.flag-cz {
	background-position: -954px 0
}

.flag-de {
	background-position: -972px 0
}

.flag-dj {
	background-position: -990px 0
}

.flag-dk {
	background-position: -1008px 0
}

.flag-dm {
	background-position: -1026px 0
}

.flag-do {
	background-position: -1044px 0
}

.flag-dz {
	background-position: -1062px 0
}

.flag-ec {
	background-position: -1080px 0
}

.flag-ee {
	background-position: -1098px 0
}

.flag-eg {
	background-position: -1116px 0
}

.flag-eh {
	background-position: -1134px 0
}

.flag-er {
	background-position: -1152px 0
}

.flag-es {
	background-position: -1170px 0
}

.flag-et {
	background-position: -1188px 0
}

.flag-fi {
	background-position: -1206px 0
}

.flag-fj {
	background-position: -1224px 0
}

.flag-fk {
	background-position: -1242px 0
}

.flag-fm {
	background-position: -1260px 0
}

.flag-fo {
	background-position: -1278px 0
}

.flag-fr {
	background-position: -1296px 0
}

.flag-ga {
	background-position: -1314px 0
}

.flag-gb {
	background-position: -1332px 0
}

.flag-gd {
	background-position: -1350px 0
}

.flag-ge {
	background-position: -1368px 0
}

.flag-gf {
	background-position: -1386px 0
}

.flag-gh {
	background-position: -1404px 0
}

.flag-gi {
	background-position: -1422px 0
}

.flag-gl {
	background-position: -1440px 0
}

.flag-gm {
	background-position: -1458px 0
}

.flag-gn {
	background-position: -1476px 0
}

.flag-gp {
	background-position: -1494px 0
}

.flag-gq {
	background-position: -1512px 0
}

.flag-gr {
	background-position: -1530px 0
}

.flag-gs {
	background-position: -1548px 0
}

.flag-gt {
	background-position: -1566px 0
}

.flag-gu {
	background-position: -1584px 0
}

.flag-gw {
	background-position: -1602px 0
}

.flag-gy {
	background-position: -1620px 0
}

.flag-hk {
	background-position: -1638px 0
}

.flag-hn {
	background-position: -1656px 0
}

.flag-hr {
	background-position: -1674px 0
}

.flag-ht {
	background-position: -1692px 0
}

.flag-hu {
	background-position: -1710px 0
}

.flag-id {
	background-position: -1728px 0
}

.flag-ie {
	background-position: -1746px 0
}

.flag-il {
	background-position: -1764px 0
}

.flag-in {
	background-position: -1782px 0
}

.flag-io {
	background-position: -1800px 0
}

.flag-iq {
	background-position: -1818px 0
}

.flag-is {
	background-position: -1836px 0
}

.flag-it {
	background-position: -1854px 0
}

.flag-jm {
	background-position: -1872px 0
}

.flag-jo {
	background-position: -1890px 0
}

.flag-jp {
	background-position: -1908px 0
}

.flag-ke {
	background-position: -1926px 0
}

.flag-kg {
	background-position: -1944px 0
}

.flag-kh {
	background-position: -1962px 0
}

.flag-ki {
	background-position: -1980px 0
}

.flag-km {
	background-position: -1998px 0
}

.flag-kn {
	background-position: -2016px 0
}

.flag-kr {
	background-position: -2034px 0
}

.flag-kw {
	background-position: -2052px 0
}

.flag-ky {
	background-position: -2070px 0
}

.flag-kz {
	background-position: -2088px 0
}

.flag-la {
	background-position: -2106px 0
}

.flag-lb {
	background-position: -2124px 0
}

.flag-lc {
	background-position: -2142px 0
}

.flag-li {
	background-position: -2160px 0
}

.flag-lk {
	background-position: -2178px 0
}

.flag-lr {
	background-position: -2196px 0
}

.flag-ls {
	background-position: -2214px 0
}

.flag-lt {
	background-position: -2232px 0
}

.flag-lu {
	background-position: -2250px 0
}

.flag-lv {
	background-position: -2268px 0
}

.flag-ma {
	background-position: -2286px 0
}

.flag-mc {
	background-position: -2304px 0
}

.flag-md {
	background-position: -2322px 0
}

.flag-me {
	background-position: -2340px 0
}

.flag-mf {
	background-position: -2358px 0
}

.flag-mg {
	background-position: -2376px 0
}

.flag-mh {
	background-position: -2394px 0
}

.flag-mk {
	background-position: -2412px 0
}

.flag-ml {
	background-position: -2430px 0
}

.flag-mm {
	background-position: -2448px 0
}

.flag-mn {
	background-position: -2466px 0
}

.flag-mo {
	background-position: -2484px 0
}

.flag-mp {
	background-position: -2502px 0
}

.flag-mq {
	background-position: -2520px 0
}

.flag-mr {
	background-position: -2538px 0
}

.flag-ms {
	background-position: -2556px 0
}

.flag-mt {
	background-position: -2574px 0
}

.flag-mu {
	background-position: -2592px 0
}

.flag-mv {
	background-position: -2610px 0
}

.flag-mw {
	background-position: -2628px 0
}

.flag-mx {
	background-position: -2646px 0
}

.flag-my {
	background-position: -2664px 0
}

.flag-mz {
	background-position: -2682px 0
}

.flag-na {
	background-position: -2700px 0
}

.flag-nc {
	background-position: -2718px 0
}

.flag-ne {
	background-position: -2736px 0
}

.flag-nf {
	background-position: -2754px 0
}

.flag-ng {
	background-position: -2772px 0
}

.flag-ni {
	background-position: -2790px 0
}

.flag-nl {
	background-position: -2808px 0
}

.flag-no {
	background-position: -2826px 0
}

.flag-np {
	background-position: -2844px 0
}

.flag-nr {
	background-position: -2862px 0
}

.flag-nu {
	background-position: -2880px 0
}

.flag-nz {
	background-position: -2898px 0
}

.flag-om {
	background-position: -2916px 0
}

.flag-pa {
	background-position: -2934px 0
}

.flag-pe {
	background-position: -2952px 0
}

.flag-pf {
	background-position: -2970px 0
}

.flag-pg {
	background-position: -2988px 0
}

.flag-ph {
	background-position: -3006px 0
}

.flag-pk {
	background-position: -3024px 0
}

.flag-pl {
	background-position: -3042px 0
}

.flag-pm {
	background-position: -3060px 0
}

.flag-pn {
	background-position: -3078px 0
}

.flag-pr {
	background-position: -3096px 0
}

.flag-ps {
	background-position: -3114px 0
}

.flag-pt {
	background-position: -3132px 0
}

.flag-pw {
	background-position: -3150px 0
}

.flag-py {
	background-position: -3168px 0
}

.flag-qa {
	background-position: -3186px 0
}

.flag-re {
	background-position: -3204px 0
}

.flag-rest {
	background-position: -3222px 0
}

.flag-ro {
	background-position: -3240px 0
}

.flag-rs {
	background-position: -3258px 0
}

.flag-ru {
	background-position: -3276px 0
}

.flag-rw {
	background-position: -3294px 0
}

.flag-sa {
	background-position: -3312px 0
}

.flag-sb {
	background-position: -3330px 0
}

.flag-sc {
	background-position: -3348px 0
}

.flag-sd {
	background-position: -3366px 0
}

.flag-se {
	background-position: -3384px 0
}

.flag-sg {
	background-position: -3402px 0
}

.flag-sh {
	background-position: -3420px 0
}

.flag-si {
	background-position: -3438px 0
}

.flag-sj {
	background-position: -3456px 0
}

.flag-sk {
	background-position: -3474px 0
}

.flag-sl {
	background-position: -3492px 0
}

.flag-sm {
	background-position: -3510px 0
}

.flag-sn {
	background-position: -3528px 0
}

.flag-sr {
	background-position: -3546px 0
}

.flag-ss {
	background-position: -3564px 0
}

.flag-st {
	background-position: -3582px 0
}

.flag-sv {
	background-position: -3600px 0
}

.flag-sx {
	background-position: -3618px 0
}

.flag-sz {
	background-position: -3636px 0
}

.flag-tc {
	background-position: -3654px 0
}

.flag-td {
	background-position: -3672px 0
}

.flag-tf {
	background-position: -3690px 0
}

.flag-tg {
	background-position: -3708px 0
}

.flag-th {
	background-position: -3726px 0
}

.flag-tj {
	background-position: -3744px 0
}

.flag-tk {
	background-position: -3762px 0
}

.flag-tl {
	background-position: -3780px 0
}

.flag-tm {
	background-position: -3798px 0
}

.flag-tn {
	background-position: -3816px 0
}

.flag-to {
	background-position: -3834px 0
}

.flag-tr {
	background-position: -3852px 0
}

.flag-tt {
	background-position: -3870px 0
}

.flag-tv {
	background-position: -3888px 0
}

.flag-tw {
	background-position: -3906px 0
}

.flag-tz {
	background-position: -3924px 0
}

.flag-ua {
	background-position: -3942px 0
}

.flag-ug {
	background-position: -3960px 0
}

.flag-um {
	background-position: -3978px 0
}

.flag-us {
	background-position: -3996px 0
}

.flag-uy {
	background-position: -4014px 0
}

.flag-uz {
	background-position: -4032px 0
}

.flag-va {
	background-position: -4050px 0
}

.flag-vc {
	background-position: -4068px 0
}

.flag-vg {
	background-position: -4086px 0
}

.flag-vi {
	background-position: -4104px 0
}

.flag-vn {
	background-position: -4122px 0
}

.flag-vu {
	background-position: -4140px 0
}

.flag-wf {
	background-position: -4158px 0
}

.flag-ws {
	background-position: -4176px 0
}

.flag-xk {
	background-position: -4194px 0
}

.flag-yt {
	background-position: -4212px 0
}

.flag-za {
	background-position: -4230px 0
}

.flag-zm {
	background-position: -4248px 0
}

.flag-zw {
	background-position: -4266px 0
}

.header-top-right {
	display: flex;
	align-items: center;
	justify-content: flex-end
}










.video-section-full-v2 {
	position: relative;
	z-index: 1;
	margin-top: 40px;
	margin-bottom: 70px;
}

.video-section-title {
	position: relative;
	margin-left: 40px;
	margin-right: 118px;
}

.video-section-full-v2:after {
	position: absolute;
	content: '';
	left: 0px;
	top: -40px;
	width: 70%;
	height: calc(75% + 80px);
	background-color: #e2e2e2;
	z-index: -1;
}

.video-section-full {
	background-image: url(/Content/Themes/Biomad/images/video-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.video-section-full {
	padding: 190px 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	bottom: 0px;
	margin-top: 0px;
}

.video-section {
	position: relative;
	z-index: 1;
	margin-right: 31px;
}

.video-section-inner {
	position: relative
}

.video-section-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 30px 0px;
	display: flex;
	align-items: center;
	justify-content: center
}

.video-section-left {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 100px;
}

.video-section-right {
	display: flex;
	align-items: center;
	justify-content: start;
	text-align: right;
	z-index: 999
}

	.video-section-right a {
		margin: 30px 0 30px;
		font-size: 25px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 1px;
		text-shadow: 0 4px 5px #434343;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.video-section-right a:hover {
			color: #f5be23;
		}

.video-section-left .play-now {
	display: block;
	border-radius: 50%;
	z-index: 10;
	width: 60px;
	height: 60px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center center;
}

@media only screen and (max-width:991px) {
	.video-section-full {
		padding: 60px 40px;
		bottom: 0px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.video-section-full {
		width: 100%;
		margin-bottom: 15px;
	}

	.video-section-full-v2 .video-section-full {
		margin-left: 0px;
	}
}

.overlay-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 1;
	background-color: #000;
}

.play-now {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	border-radius: 50%;
	z-index: 10;
	width: 60px;
	height: 60px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center center;
}

	.play-now .icon {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 65px;
		width: 65px;
		text-align: center;
		line-height: 65px;
		background-color: #c30000;
		background-color: #fff;
		color: #000;
		z-index: 1;
		font-size: 20px;
		padding-left: 5px;
		display: block;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform-origin: center;
		transform-origin: center center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
		-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
		-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
		-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
		box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
	}

	.play-now .ripple,
	.play-now .ripple:before,
	.play-now .ripple:after {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 65px;
		width: 65px;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform-origin: center;
		transform-origin: center center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
		-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
		-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
		-webkit-animation: ripple 3s infinite;
		-moz-animation: ripple 3s infinite;
		-ms-animation: ripple 3s infinite;
		-o-animation: ripple 3s infinite;
		animation: ripple 3s infinite;
	}

		.play-now .ripple:before {
			-webkit-animation-delay: .9s;
			-moz-animation-delay: .9s;
			-ms-animation-delay: .9s;
			-o-animation-delay: .9s;
			animation-delay: .9s;
			content: "";
			position: absolute;
		}

		.play-now .ripple:after {
			-webkit-animation-delay: .6s;
			-moz-animation-delay: .6s;
			-ms-animation-delay: .6s;
			-o-animation-delay: .6s;
			animation-delay: .6s;
			content: "";
			position: absolute;
		}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.slider-play-icon .play-now {
	right: 30%;
	left: auto;
	top: 45%;
}




.index_video_trigger svg {
	height: 100px;
	fill: #fff;
	position: relative;
	z-index: 101;
}

.index_video_trigger .index_video_svg_fill {
	-webkit-transition: stroke-dashoffset 1s ease;
	transition: stroke-dashoffset 1s ease;
	stroke-dasharray: 260;
	stroke-width: 8px !important;
}

.index_video_trigger:hover .index_video_svg_fill {
	stroke-dashoffset: 260;
}

.index_video_trigger .index_video_svg_glow {
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: index_video_svg_glow 1.5s ease infinite;
	animation: index_video_svg_glow 1.5s ease infinite;
}


@-webkit-keyframes index_video_svg_glow {
	100% {
		-webkit-transition: stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		transition: stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		transition: transform 1.5s ease, stroke 1s ease, opacity 1.5s ease;
		transition: transform 1.5s ease, stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		-webkit-transform: scale(2) translateZ(0) translate3d(0, 0, 0);
		transform: scale(2) translateZ(0) translate3d(0, 0, 0);
		opacity: 0;
		stroke: #be1622
	}
}

@keyframes index_video_svg_glow {
	100% {
		-webkit-transition: stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		transition: stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		transition: transform 1.5s ease, stroke 1s ease, opacity 1.5s ease;
		transition: transform 1.5s ease, stroke 1s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
		-webkit-transform: scale(2) translateZ(0) translate3d(0, 0, 0);
		transform: scale(2) translateZ(0) translate3d(0, 0, 0);
		opacity: 0;
		stroke: #be1622
	}
}


.header-middle-right {
	display: flex;
	align-items: center;
	padding: 10px 0;
	gap: 1.5rem
}

.user-menu {
	border-right: 1px solid #eee
}

	.user-menu a {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: row;
		height: 68px;
		color: #323232;
		font-size: 13px;
		font-weight: 500;
		padding-right: 30px;
		transition: all .2s ease-in-out
	}

	.user-menu .user-menu-icon {
		font-size: 30px;
		color: #ababab;
		flex-shrink: 0;
		margin-right: 13px;
	}

.user-menu-content .user-menu-title {
	font-size: 14px;
	margin-bottom: 5px;
}

.user-menu-content .user-menu-sub-title {
	font-size: 16px;
	font-weight: 700;
}

.mail-menu {
	border-right: 1px solid #eee
}

	.mail-menu a {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: row;
		height: 68px;
		color: #323232;
		font-size: 13px;
		font-weight: 500;
		padding-right: 30px;
		transition: all .2s ease-in-out
	}

	.mail-menu .mail-menu-icon {
		font-size: 30px;
		color: #ababab;
		flex-shrink: 0;
		margin-right: 13px;
	}

.mail-menu-content .mail-menu-title {
	font-size: 14px;
	margin-bottom: 5px;
}

.mail-menu-content .mail-menu-sub-title {
	font-size: 16px;
	font-weight: 700;
}

.theme-inner-banner {
	background: rgba(38, 92, 203, 0.7);
	background-image: url(/Content/Themes/Tema15/assets/images/overlay-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: revert;
	background-size: cover
}



.vertical-filter-menu .widget.filter-menu {
	border: 1px solid #eaeaea;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.vertical-filter-menu .widget-search.filter-menu-title h5 {
	font-size: 2.2rem;
	color: #333;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}

.vertical-filter-menu .filter-menu-content.filter-category-menu {
	padding: 10px 0;
}

.vertical-filter-menu .list-group {
	list-style: none;
	padding: 0;
}

	.vertical-filter-menu .list-group li {
		margin-bottom: 12px;
	}

	.vertical-filter-menu .list-group a {
		display: block;
		padding: 12px;
		text-decoration: none;
		color: #007bff;
		border-radius: 5px;
		background-color: #e7f1ff;
		font-weight: bold;
		border: 1px solid #ddd;
		transition: background-color 0.3s, color 0.3s;
	}

		.vertical-filter-menu .list-group a:hover {
			background-color: #e9ecef;
			color: #0056b3;
		}

	.vertical-filter-menu .list-group li.active a {
		font-weight: bold;
		border: 1px solid #007bff;
		background-color: #e7f1ff;
	}

	.vertical-filter-menu .list-group li.go-back a.menuMainCat {
		position: relative;
		padding-left: 25px;
	}

		.vertical-filter-menu .list-group li.go-back a.menuMainCat::before {
			content: "";
			font-family: 'Font Awesome 5 Pro';
			position: absolute;
			left: 10px;
			top: 50%;
			transform: translateY(-50%);
			color: #007bff;
		}


@media(min-width: 992px) {
	.product-item:hover {
		border-color: #000
	}
}

.product-item {
	margin-bottom: 30px;
	background: #fff;
	overflow: hidden;
	padding: 15px;
	border: 1px solid #e0e0e0;
	transition: all .2s ease-in-out;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px
}

	.product-item:hover {
		transform: scale(1.05)
	}

.product-item-image {
	position: relative;
	padding-top: 90%;
	overflow: hidden
}

	.product-item-image img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: block;
		max-width: 100%;
		max-height: 100%
	}

.product-item-title {
	margin-bottom: 10px
}

	.product-item-title a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0 12px;
		font-size: 1.8rem;
		color: #000;
		padding: 15px;
		transition: all .2s linear
	}

.product-item-buttons {
	margin-bottom: 10px
}

	.product-item-buttons a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0 12px;
		font-size: 1.4rem;
		background-color: #00badf;
		color: #fff;
		padding: 15px;
		border: 1px solid #efefef;
		transition: all .2s linear
	}

		.product-item-buttons a :hover {
			border-color: transparent;
			color: #fff;
			background-color: #000
		}


.pagination-nav {
	display: flex;
	align-items: center;
	justify-content: center
}

	.pagination-nav .pagination {
		display: flex;
		padding-left: 0;
		list-style: none;
		border-radius: .25rem;
		margin: 45px 0 60px;
	}

		.pagination-nav .pagination .pagination-prev .page-item {
			text-align: center;
			display: inline-block;
			margin: 0
		}

		.pagination-nav .pagination .pagination-prev a {
			margin-right: calc(0px + 3px);
			margin-left: 0;
			width: 40px;
			height: 40px;
			border: 1px solid #e5e5e5;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.pagination-nav .pagination .pagination-pages {
			display: flex;
		}

		.pagination-nav .pagination a {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: 40px;
			color: #ababab;
			font-weight: 600;
			line-height: calc(16px + 8px);
			font-size: 14px;
			border-radius: .25rem;
			border: 1px solid #e5e5e5;
			margin: 0 calc(0px + 0px)
		}

		.pagination-nav .pagination .paginate-link-active {
			color: #000;
		}

		.pagination-nav .pagination > li {
			display: inline-flex;
			padding-left: 0;
			border-radius: .25rem;
		}

.custom-language {
	display: flex;
	align-items: center;
	gap: 10px;
}

	.custom-language > a {
		display: flex;
		align-items: center
	}

		.custom-language > a > img {
			height: 30px;
			width: 30px;
			-o-object-fit: scale-down;
			object-fit: scale-down
		}

		.custom-language > a > span:last-child {
			padding-left: 10px
		}




.search-layer {
	width: 100%;
	padding: 47px 0 68px;
	position: fixed;
	top: 74px;
	left: 0;
	background: #fff;
	z-index: 998;
	display: none;
}

@media (max-width: 767px) {
	.search-layer {
		top: 62px;
		z-index: 998;
	}
}

.search-layer.active {
	display: block;
}

.search-form {
	max-width: 869px;
	margin: 0 auto;
	margin-bottom: 26px;
	position: relative;
}

@media (max-width: 1023px) {
	.search-layer .search-form {
		margin: 0 15px;
	}
}

.search-form input[type="text"] {
	width: 100%;
	height: 89px;
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid #000;
	font-size: 38px;
	font-weight: 500;
	letter-spacing: -1px;
	background: transparent;
	outline: none;
}

@media (max-width: 767px) {
	.search-form input[type="text"] {
		height: 50px;
		font-size: 20px;
	}
}

.search-form .btn {
	width: 36px;
	height: 36px;
	background: none;
	position: absolute;
	right: 0;
	top: calc(50% - (36px / 2));
	cursor: pointer;
	font-size: 38px;
	border: 0;
	text-align: center;
	line-height: 36px;
	color: #000
}

@media (max-width: 767px) {
	.search-form .btn {
		width: 20px;
		height: 11px;
		top: calc(50% - (17px/2));
		font-size: 26px
	}
}

#searchBtn .ico-search {
	font-size: 20px;
	background-color: #003471;
	cursor: pointer;
}

#searchBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	font-size: 1.6rem;
	border-radius: 28px;
	background-color: #003471;
}

@media(max-width: 767px) {
	#searchBtn {
		width: 35px;
		height: 35px;
		padding: 0;
		font-size: 14px;
	}
}

.content-row-video-overlay, .content-row-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.content-row-video-overlay {
	background-color: hsl(203deg 67% 98% / 70%) !important;
}

.content-row-video {
	-o-object-fit: cover;
	object-fit: cover;
}

.content-row-wrapper {
	display: flex;
	align-items: center
}

.rt_heading_wrapper h4 {
	position: relative;
	padding-left: 25px;
}

	.rt_heading_wrapper h4::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #000;
	}


.default-products .products-header {
	text-align: center
}

	.default-products .products-header h2 {
		display: inline-block
	}

		.default-products .products-header h2:before {
			content: '';
			position: absolute;
			bottom: -3px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #cbe9ff;
			margin-left: 0
		}

		.default-products .products-header h2:after {
			content: '';
			position: absolute;
			bottom: -4px;
			left: 0;
			right: 0;
			width: 40%;
			height: 3px;
			margin: auto;
			background-color: #00badf
		}



.home-about-extra-container {
	/* padding: 40px 20px; */
	/* background-color: #f9f9f9; */
	/* border-radius: 8px; */
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.section-title {
	font-size: 28px;
	/*color: #294a83;*/
	margin-bottom: 30px;
	text-align: center;
}

.home-about-extra {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	position: relative;
	z-index: 3;
}

	.home-about-extra:after {
		bottom: 0;
		left: 28px;
		content: "";
		height: 100%;
		position: absolute;
		top: 0;
		width: 1px;
		z-index: 1;
		border-style: dotted;
		border-width: 0 0 0 3px;
		border-color: #E8E8E8;
	}

.home-about-extra-left .home-about-extra:after {
	bottom: 0;
	left: auto;
	right: 28px;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: 1;
	border-style: dotted;
	border-width: 0 0 0 3px;
	border-color: #E8E8E8;
}

.home-about-extra-right .home-about-extra:after {
	bottom: 0;
	left: 28px;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: 1;
	border-style: dotted;
	border-width: 0 0 0 3px;
	border-color: #E8E8E8;
}

.home-about-extra-left .home-about-extra-icon {
	margin-left: 15px;
}

.home-about-extra-right .home-about-extra-icon {
	margin-right: 15px;
}

.home-about-extra-icon {
	width: 6rem;
	flex: 1 0 6rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 22px;
	background-color: #00badf;
	color: #fff;
	z-index: 4;
}

.home-about-extra-title {
	font-size: 20px;
	margin: 2rem auto 2rem;
}

.home-about-extra-content p {
	font-size: 16px;
	color: #555;
	line-height: 1.6;
}



.showcase-1 {
	background-color: #509fdd;
}

.showcase-2 {
	background-color: #5378b7;
}

.showcase-3 {
	background-color: #00badf
}

.showcase-4 {
	background: #5378b7;
}

.showcase-1 .showcase-content {
	background: #509fdd;
}

.showcase-2 .showcase-content {
	background: #5378b7;
}

.showcase-3 .showcase-content {
	background: #00badf
}

.showcase-4 .showcase-content {
	background: #5378b7;
}

.showcase .showcase-content .showcase-title a h5 {
	font-size: 20px;
	color: #fff
}



.accordion-toggle h2::before, .accordion-toggle h2::after {
	content: "";
	display: inline-block;
	width: 80px;
	height: 1px;
	background-color: #cbe9ff
}

.accordion-toggle h2 {
	/* color: #000; */
	line-height: calc(40px + 8px);
	font-size: 28px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 2rem;
}

	.accordion-toggle h2 span {
		flex-shrink: 0;
		margin: 0 48px
	}

.accordion-toggle > ul {
	position: relative
}

	.accordion-toggle > ul:before {
		bottom: 0;
		content: "";
		left: 29.5px;
		position: absolute;
		top: 10px;
		width: 2px;
		background-color: #E6E6E6;
	}

	.accordion-toggle > ul > li {
		margin-bottom: 3rem
	}

.accordion-toggle .toggle-head {
	display: flex;
	align-items: center
}

	.accordion-toggle .toggle-head .toggle-icon {
		width: 6rem;
		height: 6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
		color: #fff;
		background: #00badf;
		border-radius: 50%;
		margin-bottom: 0;
		margin-right: 15px;
	}

.accordion-toggle .toggle-head {
	position: relative;
}

	.accordion-toggle .toggle-head:after {
		content: "";
		position: absolute;
		right: 0;
		font-size: 16px;
		font-weight: 900 line-height: 22px;
		transition: transform 0.3s ease; /* Geçiş efekti */
	}

	.accordion-toggle .toggle-head.collapsed:after {
		font-family: "Font Awesome 5 Pro";
		content: "\f067"
	}

	.accordion-toggle .toggle-head:not(.collapsed):after {
		font-family: "Font Awesome 5 Pro";
		content: "\f068"
	}

	.accordion-toggle .toggle-head .toggle-title {
		font-size: 1.8rem;
	}

.accordion-toggle > ul > li .toggle-content {
	margin: 10px 0 0 76px;
	padding: 5px 0 0;
}

	.accordion-toggle > ul > li .toggle-content p {
		font-size: 16px
	}




/* ==========================================================================
   TABLES
   ========================================================================== */
table:not(.table):not(.ui-datepicker-calendar) {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

	table:not(.table):not(.ui-datepicker-calendar) > thead > tr > th,
	table:not(.table):not(.ui-datepicker-calendar) > thead > tr > td,
	table:not(.table):not(.ui-datepicker-calendar) > tbody > tr > th,
	table:not(.table):not(.ui-datepicker-calendar) > tbody > tr > td,
	table:not(.table):not(.ui-datepicker-calendar) > tfoot > tr > th,
	table:not(.table):not(.ui-datepicker-calendar) > tfoot > tr > td {
		padding: 5px;
		vertical-align: top;
		border-color: #E8E8E8;
		border-width: 1px 0 0 0;
		border-style: solid;
	}

	table:not(.table):not(.ui-datepicker-calendar) > thead > tr > th {
		vertical-align: bottom;
		border-width: 0 0 2px 0;
		border-style: solid;
	}

	table:not(.table):not(.ui-datepicker-calendar) > caption + thead > tr:first-child > th,
	table:not(.table):not(.ui-datepicker-calendar) > caption + thead > tr:first-child > td,
	table:not(.table):not(.ui-datepicker-calendar) > colgroup + thead > tr:first-child > th,
	table:not(.table):not(.ui-datepicker-calendar) > colgroup + thead > tr:first-child > td,
	table:not(.table):not(.ui-datepicker-calendar) > thead:first-child > tr:first-child > th,
	table:not(.table):not(.ui-datepicker-calendar) > thead:first-child > tr:first-child > td {
		border-top: 0;
	}


/* ==================================================
📌 Category Menu Bölümü: Genel Stil, Kart Tasarımı, Görsel Overlay, İçerik Düzeni, Başlık, Açıklama, Buton ve Mobil Uyumluluk
===================================================== */

/* Category Menu */
/* Kategori menüsünün genel düzeni */
.categorySubMenu {
	padding-left: 20px;
	display: none /* Alt menüler gizli */
}

.categoryMenu-item.active + .categorySubMenu {
	display: block /* Alt menü aktif olduğunda görünür */
}

.categoryMenu-item.active {
	font-weight: bold /* Seçili olan kategori bold olsun */
}

.categoryMenu {
	max-width: 300px;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 10px
}

.categoryMenu {
	max-width: 100%;
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0
}

.categoryMenu ul {
	list-style-type: none;
	padding-left: 20px;
	margin: 0
}

.categoryMenu-item {
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #ddd
}

.categoryMenu-item:hover {
	background-color: #f9f9f9
}

.icon {
	margin-right: 10px;
	transition: transform 0.2s
}

.categorySubMenu {
	display: none;
	padding-left: 20px;
	background-color: #f8f8f8
}

.categorySubMenu li {
	padding: 5px 0;
	border-bottom: 0px solid #eee
}

.categorySubMenu li:last-child {
	border-bottom: none
}

/* Link Stil */
.categoryMenu-item a.category-link {
	text-decoration: none;
	color: #333
}

.categoryMenu-item a.category-link:hover {
	color: #007bff
}


/* ==================================================
📌 Language Menu Bölümü: Genel Stil, Kart Tasarımı, Görsel Overlay, İçerik Düzeni, Başlık, Açıklama, Buton ve Mobil Uyumluluk
===================================================== */


body.language-popup-active {
    overflow: visible;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
}

.popup-content {
	position: relative;
    background: #fff;
    padding: 40px 50px;
    border-radius: 16px;
    width: 80%;
    max-width: 600px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    animation: scaleUp 0.3s ease-out;
    overflow: hidden;
}

.popup-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.language-popup-image {
    display: flex; /* Flexbox ile içerik yerleşimi */
    justify-content: center; /* Yatayda ortalamak için */
    align-items: center; /* Dikeyde ortalamak için */
    height: 100%; /* Yüksekliği tüm ekran boyutuna göre ayarla */
    text-align: center; /* Görselin metinle ortalanmasını sağlamak */
    margin: 20px 0; /* Üst ve alt boşluk bırakmak için */
}

.world-map {
    width: 64%;
    margin-bottom: 20px;
    opacity: 0.6;
    filter: grayscale(100%);
    transition: opacity 0.3s ease;
}

.popup-content:hover .world-map {
    opacity: 1;
}

/* Yeni language-popup-header stili */
.language-popup-header {
    font-size: 26px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
}

.language-buttons {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.language-btn {
    flex: 1;
    padding: 16px 0;
    font-size: 18px; /* Yazı boyutu biraz büyütüldü */
    border: none;
    border-radius: 12px;
    background-color: #4caf50;
    color: white;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.language-btn img {
    width: 24px;
    height: 24px;
}

.language-btn:hover {
    background-color: #45a049;
    transform: translateY(-3px);
}

.language-btn:active {
    transform: translateY(1px);
}


.language-btn {
    background-color: transparent;
    color: black;
}

.language-btn img {
	display: none;
    width: 24px;
    height: 24px;
}

.language-btn:hover {
    background-color: transparent;
    transform: translateY(-3px);
}

.language-btn:active {
    transform: translateY(1px);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes scaleUp {
    from {
        transform: scale(0.95);
    }
    to {
        transform: scale(1);
    }
}


/* ==================================================
📌 Search Results Bölümü: Genel Stil, Kart Tasarımı, Görsel Overlay, İçerik Düzeni, Başlık, Açıklama, Buton ve Mobil Uyumluluk
===================================================== */

.search-results-section {
	padding: 50px 0;
	background-color: #f9f9f9
}

.search-result-item {
	margin-bottom: 30px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	flex-wrap: wrap
}

.search-result-image {
	text-align: center;
	padding: 15px;
	background-color: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.search-result-image img {
	width: 100%;
	height: auto;
	max-height: 180px;
	object-fit: cover;
	border-radius: 4px
}

.search-result-details {
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.search-result-title a {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-bottom: 10px;
	display: block
}

.search-result-title a:hover {
	color: #007bff
}

.search-result-description p {
	font-size: 14px;
	color: #555;
	margin-bottom: 20px
}

.search-result-actions {
	margin-top: auto;
	text-align: right;
}

.search-result-actions .btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	line-height: 1.5
}

.search-result-actions .btn:hover {
	background-color: #0056b3
}

/* Mobil Görünüm Düzeltmeleri */
@media (max-width: 768px) {
	.search-result-item {
		flex-direction: column
	}

	.search-result-details {
		text-align: center
	}

	.search-result-actions {
		text-align: center;
		margin-top: 10px
	}

	.search-result-actions .btn {
		width: 100% /* Buton tam genişlikte olacak */
	}
}


/* ==================================================
📌 Category Banner Bölümü: Genel Stil, Kart Tasarımı, Görsel Overlay, İçerik Düzeni, Başlık, Açıklama, Buton ve Mobil Uyumluluk
===================================================== */

/* ========================= */
/* 🚀 MOBİLDE BAŞLIK VE BUTON GÖRÜNME SORUNU ÇÖZÜLDÜ! */
/* ========================= */

/* 📌 Category Genel Wrapper */
.category-wrapper {
	display: flex;
	justify-content: center;
}

.category-wrapper {
    padding-bottom: 20px;
}

.category-wrapper .container {
    display: flex;
    flex-wrap: wrap;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Kategori Kartı */
.category-wrapper .category-card {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-wrapper .category-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Resim */
.category-wrapper .category-card .category-card-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.category-wrapper .category-card .category-card-img a {
    display: block;
}

.category-wrapper .category-card .category-card-img:hover img {
    opacity: 0.8;
}

/* Kategori Başlığı */
.category-wrapper .category-card .category-card-body {
    padding: 20px;
    text-align: center;
}

.category-wrapper .category-card .category-title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;  /* Siyahımsı gri renk */
    margin-bottom: 15px;
}

/* Buton Wrapper */
.category-wrapper .category-card .category-btn-wrapper {
    text-align: center;
}

/* Buton Tasarımı */
.category-wrapper .category-card .category-btn {
    background-color: #0078D7;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 1.2rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;  /* İkon ve metni yatayda hizalar */
    justify-content: center;
    gap: 10px;  /* Metin ile ikon arasında boşluk */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.category-wrapper .category-card .category-btn i {
    font-size: 1.2rem;  /* İkon boyutu */
}

/* Hover Efekti */
.category-wrapper .category-card .category-btn:hover {
    background-color: #0056a6;
    color: #fff;
    transform: translateY(-5px);  /* Hover sırasında yukarı kayma */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Focus Efekti (buton tıklanabilirken) */
.category-wrapper .category-card .category-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

/* Cihazlar ve Mobil Uyum */
@media (max-width: 768px) {
    .category-wrapper .container {
        grid-template-columns: 1fr;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
	
    .category-wrapper .category-card {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .category-wrapper .category-card {
        width: 100%;
    }
    .category-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


/* ==================================================
📌 HTML Başlık Etiketleri Bölümü: Genel Stil, Kart Tasarımı, Görsel Overlay, İçerik Düzeni, Başlık, Açıklama, Buton ve Mobil Uyumluluk
===================================================== */

h1,.h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem
}

h2,.h2 {
    font-size: 2.6rem;
    margin-bottom: 1.5rem
}

h3,.h3 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem
}

h4,.h4 {
    font-size: 2rem;
    margin-bottom: 1.5rem
}

h5,.h5 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

h6,.h6 {
    font-size: 1.2rem;
    margin-bottom: 15px
}

.about-company-two-inside {
	padding: 5rem 8rem!important;
	background-color: #f8f9fa
}

@media (max-width: 768px) {
	.about-company-two-inside {
		padding: 2rem 1.5rem!important;
		background-color: #f8f9fa
	}
}


:root {
    --primary: #0057a3;
    --accent: #00bcd4;
    --text: #2c2c2c;
    --bg: #f4f9fc;
    --white: #fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.services-main-container .hero {
    background: linear-gradient(to right, #003c75, #006cbf), url("https://images.unsplash.com/photo-1581090700227-1e8b62dc6c3a") no-repeat center/cover;
    color: white;
    padding: 40px 20px;
    text-align: center;
	border-bottom: 3px solid var(--accent);
}

.services-main-container .hero h1 {
    font-size: 36px;
    font-weight: 600;
	color: #fff;
    margin-bottom: 10px;
}

.services-main-container .hero p {
    font-size: 18px;
	color: #fff;
    opacity: 0.9;
}

.services-main-container .container {
    max-width: 1200px;
    margin: auto;
    padding: 60px 20px;
}

.services-main-container .card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    padding: 40px;
    margin-bottom: 40px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s forwards;
}

.services-main-container .card i {
    font-size: 28px;
    color: var(--accent);
    margin-bottom: 20px;
}

.services-main-container .card h2 {
    font-size: 22px;
    color: var(--primary);
    margin-bottom: 15px;
}

.services-main-container .card p {
    font-size: 16px;
    color: #444;
	padding-bottom: 0
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .services-main-container .hero h1 {
        font-size: 32px;
    }
    .services-main-container .card {
        padding: 25px;
    }
}