

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Header Style Two
6. Header Style Three
7. Header Style Four
8. Sticky Header
9. Main Slider
10. Services Form Section
11. Featured Section
12. Fullwidth Section
13. Specialist Section
14. Appointment Section
15. Emergency Section
16. Services Section
17. Gallery Section
18. Events Section
19. Testimonial Section
20. News Section
21. Clients Section
22. Fullwidth Section Two
23. Main Footer
24. Video Section
25. Services Section Two
26. Offer Section
27. Skinn Section
28. Counter Section
29. Page Title
30. Page Breadcrumb
31. Clients Section
32. Pricing Section
33. Appointment Section
34. Department Section
35. Doctors Section
36. Doctors Detail Section
37. Map Section
38. Contact Form Section

**********************************************/

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	
	font-size:14px;
	color:#787878;
	line-height:24px;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#49c7ed;
}

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

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: 'Exo', sans-serif;
	letter-spacing: -0.02em;
}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}



.large-container{
	position:static;
	max-width:1600px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 9;
}

a:focus{
	box-shadow:none !important;
}

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

.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Poppins", sans-serif;
}

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

.text-center{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 9px 32px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #1cb99e;
	text-transform: uppercase;
}

.btn-style-one:before{
	top: 0;
    left: 0;
    content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    transform-origin: 0 100% 0;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.btn-style-one .icon{
	position:relative;
	margin-right:10px;
}

.btn-style-one i{
	position:relative;
	font-style:normal;
}

.btn-style-one:hover{
	color:#ffffff;
}

.btn-style-one:hover::before{
	opacity: 1;
	color:#ffffff;
    transform: rotate3d(0, 0, 1, 0deg);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	background-color: #4488be;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 53px;
	font-weight: 700;
	overflow:hidden;
	border-radius: 50px;
	letter-spacing:1px;
	background-color: #223a66;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.btn-style-two:before{
	top: 0;
    left: 0;
    content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    transform-origin: 0 100% 0;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.btn-style-two .arrow{
	position:relative;
	margin-left:5px;
	font-size:15px;
	top:1px;
}

.btn-style-two i{
	position:relative;
	font-style:normal;
}

.btn-style-two:hover{
	color:#ffffff;
}

.btn-style-two:hover::before{
	opacity: 1;
	color:#ffffff;
    transform: rotate3d(0, 0, 1, 0deg);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	background-color: #c33540;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	padding: 7px 41px;
	font-weight: 500;
	overflow:hidden;
	border-radius: 50px;
	background-color: #c33540;
	text-transform: capitalize;
	box-shadow:0px 2px 15px rgba(0,0,0,0.05);
}
.btn-style-transparent{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #c33540;
	padding: 7px 41px;
	font-weight: 500;
	overflow:hidden;
	border-radius: 50px;
	background-color: #fff;
	text-transform: capitalize;
	box-shadow:0px 2px 15px rgba(0,0,0,0.05);
}
.btn-style-transparent:hover{
	background-color: #c33540;
	color: #fff;
}

.btn-style-three .arrow{
	position:relative;
	margin-right:0px;
	font-size:10px;
	top:0px;
	font-weight:700;
}

.btn-style-three:hover{
	color:#c33540;
	background-color:#ffffff;
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #000000;
	padding: 4px 27px;
	font-weight: 500;
	overflow:hidden;
	border-radius: 50px;
	border:1px solid #c33540;
	background-color: #ffffff;
	text-transform: capitalize;
}

.btn-style-four .arrow{
	position:relative;
	margin-right:0px;
	font-size:10px;
	top:0px;
	font-weight:700;
}

.btn-style-four:hover{
	color:#ffffff;
	background-color:#c33540;
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 36px;
	font-weight: 700;
	overflow:hidden;
	border-radius: 50px;
	border:2px solid #223a66;
	background-color: #223a66;
	text-transform: capitalize;
	box-shadow:0px 0px 20px rgba(34,58,102,0.15);
	font-family: 'Lato', sans-serif;
}

.btn-style-five .icon{
	position:relative;
	margin-right:10px;
	top:0px;
	font-weight:700;
}

.btn-style-five:hover{
	color:#223a66;
	background:none;
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 36px;
	font-weight: 700;
	overflow:hidden;
	border-radius: 50px;
	border:2px solid #f13a66;
	background-color: #f13a66;
	text-transform: capitalize;
	box-shadow:0px 0px 30px rgba(241,58,102,0.15);
	font-family: 'Lato', sans-serif;
}

.btn-style-six .icon{
	position:relative;
	margin-right:10px;
	top:0px;
	font-weight:700;
}

.btn-style-six:hover{
	color:#f13a66;
	background:none;
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	margin-bottom:3px;
	font-size:14px;
	font-weight:400;
	padding-left:25px;
	line-height:2em;
	color:rgba(255,255,255,0.80);
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:6px;
	color:rgba(255,255,255,0.70);
	font-size:16px;
	line-height:1.2em;
}

/* List Style Two */

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	margin-bottom:15px;
	font-size:15px;
	font-weight:500;
	padding-left:25px;
	line-height:1.8em;
	color:#313131;
}

.list-style-two li .icon{
	position:absolute;
	left:-28px;
	top:0px;
	color:#313131;
	font-size:16px;
	line-height:1.15em;
}

.list-style-two li a{
	position:relative;
	color:#313131;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.list-style-two li a:hover{
	color:#c33540;
}

.list-style-two li:last-child{
	margin-bottom:0px;
}

.list-style-two.style-two li:first-child .icon{
	color:#f13a66;
}

.list-style-two.style-two li:nth-child(2) .icon{
	color:#9143fd;
}

.list-style-two.style-two li:nth-child(3) .icon{
	color:#00d280;
}

.theme_color{
	color:#1cb99e;
}

.secondary_color{
	color:#223a66;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:99999999999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100px;
	background-image:url(../images/icons/preloader.svg);
}

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

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 30px;
    height: 60px;
    width: 60px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -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);}
} 


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:10;
	cursor:pointer;
	background:#1b1a1c;
	display:none !important;
	opacity:0;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#1cb99e;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: relative;
	display: block;
}

.main-header .header-top{
	position: relative;
	z-index:1;
	background-image: -ms-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -moz-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -o-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffeb3b), color-stop(100, #d02d31));
	background-image: -webkit-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: linear-gradient(to right, #ffeb3b 0%, #d02d31 100%);
}

.main-header .header-top .top-outer{
	position:relative;
	margin-left:210px;
	padding-left:50px;
}

.main-header .header-top .top-left{
	position: relative;
	float: left;
	padding:10px 0px;
	margin-left: 13px;
}

.main-header .header-top .top-left li{
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	margin-right:45px;
	display:inline-block;
}

.main-header .header-top .top-left li a{
	position:relative;
	color:#ffffff;
	display:inline-block;
}

.main-header .header-top .top-left li .icon{
	position:relative;
	margin-right:10px;
}

.main-header .header-top .top-left li:last-child{
	margin-right:0px;
}
.main-header .xs-bold-menu{
	display: none;
}
.xs-mobile-search a{
	display: none;
}

/* Top Right*/

.header-top .top-right{
	position: relative;
	float: right;
	z-index:1;
	padding:9px 0px;
}

.header-top .top-right .cart-btn{
	position:relative;
	float:left;
}

.header-top .top-right .cart-btn .cart-icon{
	position:relative;
	color:#ffffff;
	font-size:21px;
	z-index:1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-top .top-right .cart-btn .total-cart{
	position:absolute;
	content:'';
	top:-2px;
	right:-6px;
	color:#ffffff;
	width:14px;
	height:14px;
	font-size:9px;
	padding-left:1px;
	text-align:center;
	line-height:14px;
	border-radius:50%;
	background-color:#223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.header-top .top-right .cart-btn:hover .total-cart{
	
}

.header-top .top-right .nav-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:30px;
	cursor:pointer;
	margin-left:25px;
}

/*=== Header Upper ===*/

.main-header .header-upper .logo-outer:before{
	position:absolute;
	content:'';
	right:-40px;
	top:0px;
	height:100%;
	width:10000%;
	background-color:#ffffff;
	-ms-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	border-right:2px solid #ffeb3b;
}

.main-header .header-upper{
	position:relative;
	top: 0;
	background-color: #ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper .logo-outer{
	position:relative;
	float: left;
	z-index:25;
	padding-top:40px;
	margin-top:-50px;
	padding-bottom:35px;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .logo-outer .logo a{
	position:relative;
	display:inline-block;
}

.main-header .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .header-upper .nav-outer{
	z-index:10;
	position:relative;
}

.main-header.header-style-one .header-upper .nav-outer{
	position:relative;
    margin-left: 260px;
}

/*=== Header Lower ===*/

.main-header .header-lower{
	position:relative;
	background-color:#223a66;
}

.main-header .header-lower .outer-box{
	position:absolute;
	right:0px;
	top:0px;
	float:right;
	z-index:20;
	padding:21px 0px;
}
.xs-sticky-header.IsSticky .logo-outer .logo{
	position: relative;
	top: 20px;
}

.main-header .header-lower .outer-box .theme-btn{
	float:left;
	font-size:14px;
	padding:4px 29px;
}

.main-header .header-lower .outer-box .cart-btn{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:20px;
	margin-left:28px;
	margin-top:4px;
}

.main-header .header-lower .outer-box .cart-btn .cart-icon{
	position:relative;
	color:#ffffff;
	font-size:24px;
}

.main-header .header-lower .elementskit-navbar{
	position:relative;
	z-index:20;
}

.main-header .header-lower .search-box-btn{
	width:auto;
	height:auto;
	line-height:1.6em;
	background:none;
}

.main-header .header-lower .search-box-btn:hover{
	background:none;
}

.main-header .header-lower .nav-box{
	position:relative;
	float:right;
	color:#ffffff;
	cursor:pointer;
	font-size:28px;
	margin-top:4px;
	margin-left:25px;
}

.main-header .header-lower .nav-outer{
	position:relative;
	float: left;
	width: 100%;
}

.main-header .header-lower .search-box-outer{
	padding: 0px;
    margin-top: 3px;
    margin-left: 22px;
}

.main-header .header-lower .search-box-outer .dropdown-menu{
	top:52px !important;
}

.main-header.header-style-two .search-box-btn:before,
.main-header.header-style-three .search-box-btn:before{
	display:none;
}

.main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:25px 0px;
	margin-right: 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:16px;
	line-height:35px;
	font-weight:500;
	opacity:1;
	color:#222222;
	padding: 0;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #1cb99e;
}

.main-menu .navigation > li.dropdown > a{
	padding-right:18px !important;
}

.main-menu .navigation > li.dropdown > a:before{
	content: "\f13d";
    position: absolute;
    right: 0px;
	top:4px;
    font-size: 10px;
    line-height: 26px;
	font-weight:800;
	font-family: "Flaticon";
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-menu .navigation > li.dropdown:hover > a:before{
	opacity:0;
}

.main-menu .navigation > li.dropdown > a:after{
	content: "\f137";
    position: absolute;
    right: 0px;
	top:4px;
	opacity:0;
    font-size: 10px;
    line-height: 26px;
	font-weight:800;
	font-family: "Flaticon";
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-menu .navigation > li.dropdown:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:-30px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul:before{
	position:absolute;
	content:'';
	left:0px;
	top:-30px;
	width:100%;
	height:30px;
	display:block;
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px !important;
}

.sticky-header .main-menu .navigation > li > a:before{
	display: none;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#223a66;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: "Flaticon";
	content: "\f12f";
	position:absolute;
	right:15px;
	top:14px;
	width:10px;
	height:20px;
	display:block;
	color:#223a66;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:230px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	background:#223a66;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	left:0px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	left:100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .header-upper .outer-box{
	position: relative;
	float: right;
}

.main-header .upper-right{
	position:relative;
	padding-top:48px;
}

.main-header .info-box{
	position:relative;
	float:left;
	color:#222222;
	font-size:15px;
	padding-left:48px;
	margin-left:56px;
}

.main-header .info-box:last-child{
	margin-left:0px;
}

.main-header .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	color:#c33540;
	font-size:34px;
	line-height:1em;
}

.main-header.header-style-three .info-box ul li strong{
	color:#223a66;
	font-size:15px;
	font-weight:700;
}

.main-header.header-style-three .info-box,
.main-header.header-style-three .info-box .icon-box{
	color:#223a66;
}

.header-style-two .social-box{
	position:relative;
	margin-top:7px;
}

.header-style-two .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.header-style-two .social-box a{
	position:relative;
	width:36px;
	height:36px;
	color:#3b5998;
	font-size:13px;
	text-align:center;
	line-height:33px;
	border-radius:50%;
	display:inline-block;
	border:2px solid #3b5998;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.header-style-two .social-box li a:hover{
	background-color:#3b5998;
	color:#ffffff;
}

.header-style-two .social-box li.twitter a{
	color:#2ca7f3;
	border-color:#2ca7f3;
}

.header-style-two .social-box li.twitter a:hover{
	background-color:#2ca7f3;
	color:#ffffff;
}

.header-style-two .social-box li.instagram a{
	color:#833ab4;
	border-color:#833ab4;
}

.header-style-two .social-box li.instagram a:hover{
	background-color:#833ab4;
	color:#ffffff;
}

.header-style-three .social-box{
	margin-top:12px;
	float:left;
}

.header-style-three .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.header-style-three .social-box li a{
	color:#223a66;
	font-size:14px;
	margin-left:8px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-three li a:hover{
	color:#f13a66;
}

.main-header .header-upper .nav-box{
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	text-align:center;
	line-height:50px;
	margin-left:18px;
	background-color:#223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper .nav-box:hover{
	background-color:#f13a66;
}

.main-header .search-box-outer{
	position:relative;
	float:left;
	padding: 17px 0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
	width:60px;
	height:50px;
    cursor: pointer;
    background: none;
    font-size: 18px;
    color: #ffffff;
	background-color:#558dca;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:before{
	position: absolute;
    content: '';
    left: -5px;
    top: 0px;
    width: 12px;
    z-index: -1;
    height: 100%;
    background-color: #d3d8e0;
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover::before{
	-ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
}

.main-header .search-box-btn:hover{
	background-color:#c33540;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:66px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	transform: none !important;
	border-top:3px solid #1cb99e;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#1cb99e;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

/* Header Style Two */

.main-header.header-style-two .header-upper .logo-outer{
	padding:45px 0px;
	margin:0px;
}

.main-header.header-style-three .header-upper .logo-outer{
	padding:40px 0px;
	margin:0px;
}

.main-header.header-style-two .header-upper .logo-outer:before,
.main-header.header-style-three .header-upper .logo-outer:before{
	display:none;
}

.header-style-two .main-menu .navigation > li > a,
.header-style-three .main-menu .navigation > li > a{
	color:#ffffff;
}

.header-style-three .main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:20px;
	height:2px;
	width:0px;
	background-color:#f13a66;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-style-three .main-menu .navigation > li:hover::before,
.header-style-three .main-menu .navigation > li.current::before{
	width:20px;
}

.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li{
	padding:23px 0px;
}

.header-style-three .theme-btn{
	background-color:#f13a66;
}

.header-style-three .header-lower .outer-box .theme-btn:hover{
	background:#ffffff;
	color:#f13a66;
}

.main-header .header-lower .user-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:20px;
	margin-top:5px;
	margin-left:20px;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 305px;
	height: 100%;
	background: #272727;
	z-index: 9999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar-wrapper {
	height: 100%;
	padding:0px 5px 30px 0px;
}

.hidden-bar .mCSB_inside > .mCSB_container{
	margin-right:0px;	
}

.hidden-bar.right-align {
	right: -400px;
}

.hidden-bar.right-align.visible-sidebar{
	right:0px;	
}

.hidden-bar .hidden-bar-closer {
	position: absolute;
	top: 10px;
	right:15px;
	background: none;
	color: #ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer button {
	background: none;
	display:block;
	font-size: 16px;
	color:#ffffff;
	width:40px;
	height:40px;
	cursor: pointer;
	line-height:40px;
}

.hidden-bar .hidden-bar-closer:hover button {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer:hover {
	color: #414857;
}

.hidden-bar .hidden-bar-closer:hover .btn {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer .btn {
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 14px;
}

.sidebar-info-contents{
	position:relative;
}

.sidebar-info-contents .content-inner{
	position:relative;
}

.sidebar-info-contents .content-inner .logo {
	padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
	display:inline-block;
	max-width:100%;	
}

.sidebar-info-contents .content-inner .content-box{
	position:relative;
}

.sidebar-info-contents .content-inner .content-box h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
	position:relative;
	font-size:14px;
	color:rgba(255,255,255,0.60);
	margin-bottom:25px;
}

.sidebar-info-contents .content-inner .contact-info{
	position:relative;
	margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
	position:relative;
	display:inline-block;
	margin-right:6px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#c33540;
	z-index:1;
	font-size:13px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 9999;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 5px 0px;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 32px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li > a:before,
.sticky-header .main-menu .navigation > li:after{
	display: none !important;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	color:#222222;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #1cb99e;
}



.IsSticky.xs-sticky-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,.01);
}
.xs-onepage-logo {
	display: none;
}
.IsSticky.xs-sticky-header .xs-onepage-logo{
	display: block;
}


/*** 

====================================================================
		Section Title
====================================================================

***/

.section-title{
	position:relative;
	z-index: 1;
	margin-bottom:50px;
}

.section-title h2{
	position: relative;
	display: block;
	font-size:46px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.section-title.light h2{
	color:#ffffff;
}

.section-title .text{
	position: relative;
	display: block;
	font-size: 18px;
	color: #313131;
	font-weight: 500;
	margin-top: 18px !important;
	line-height:1.8em;
}

.section-title.text-center .text{
	max-width:720px;
	margin:0 auto;
}

.section-title.text-center h2{
	max-width:800px;
	margin:0 auto;
}

/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
}

.banner-section .auto-container{
	position: relative;
}

.banner-section .banner-carousel{
	position: relative;
}

.banner-section .banner-carousel .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .banner-carousel .slide-item .clearfix{
	clear:both;
}

.banner-column{
	position: relative;
	padding: 110px 0px 170px;
}

.banner-column .title{
	position:relative;
	color:#ffffff;
	font-size:26px;
	font-weight:700;
	font-style:italic;
	margin-bottom:20px;
	padding-top:90px;
	display:inline-block;
	text-decoration:underline;
	font-family: 'Playfair Display', serif;
}

.banner-column h2{
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 25px;
}

.banner-column .text{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 35px;
}
.xs-banner-container-parent{
	position: relative;
}
.banner-carousel .image{
	position: absolute;
	right:-120px;
	bottom:0px;
}


.banner-carousel .owl-dots{
	display: none;
}

.banner-carousel .owl-nav{
    position: absolute;
	right:0px;
    top: 50%;
    margin-top: -50px;
    z-index: 99;
    opacity: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.banner-carousel:hover .owl-nav{
	opacity: 1;
}

.banner-carousel .owl-prev,
.banner-carousel .owl-next{
	position: relative;
	height: 60px;
	width: 60px;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	line-height: 58px;
	margin-top:1px;
	border:1px solid rgba(255,255,255,0.20);
	background-color: rgba(255,255,255,0.10);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.banner-carousel .owl-prev:hover, 
.banner-carousel .owl-next:hover{
	background-color: #ffffff;
	border-color:#ffffff;
	color: #558dca;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-form-section{
	position:relative;
	background-color:#e58235;
}

.services-form-section .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}

.services-form-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;

}

/*** 

====================================================================
	Quote Form
====================================================================

 ***/

.services-form{
	position:relative;
	z-index:2;
}

.services-form .form-group{
	position:relative;
	margin:40px 0px;
}

.services-form .form-group input[type="text"],
.services-form .form-group input[type="tel"],
.services-form .form-group input[type="email"],
.services-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#ffffff;
	height:56px;
	font-size:14px;
	background:rgba(255,255,255,0.10);
	border:1px solid rgba(255,255,255,0.30);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services-form .form-group input[type="text"]:focus,
.services-form .form-group input[type="tel"]:focus,
.services-form .form-group input[type="email"]:focus,
.services-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.services-form .form-group textarea::-webkit-input-placeholder,
.services-form .form-group input::-webkit-input-placeholder{
	color:rgba(255,255,255,0.80);
}

.services-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:10px 25px;
	color:#ffffff;
	height:125px;
	resize:none;
	font-size:14px;
	background:rgba(255,255,255,0.15);
	border:1px solid rgba(255,255,255,0.40);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services-form .form-group.button-group{
	position:relative;
	margin:0px;
}

.services-form .submit-btn{
	position:relative;
	width:100%;
	display:block;
	cursor: pointer;
	font-size: 18px;
	color:#c33540;
	font-weight:500;
	padding:56px 15px;
	z-index:1;
	background:none;
	/* text-decoration:underline; */
	text-transform: capitalize;
}

.services-form .submit-btn:hover{
	color:#558dca;
	text-decoration:none;
}

.services-form .submit-btn:before{
	position:absolute;
	content:'';
	left:20px;
	top:0px;
	right:20px;
	bottom:0px;
	z-index:-1;
	background-color:#ffffff;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
}

.services-form .form-group:last-child{
	right:-30px;
}

.services-form .form-group:first-child .ui-selectmenu-button.ui-button{
	padding-left:52px;
}

.services-form .form-group .map-icon{
    position: absolute;
    content: '';
    left: 40px;
    top: 18px;
    color: #ffffff;
    z-index: 1;
    font-size: 18px;
}

.services-form .form-group .location-icon{
    position: absolute;
    content: '';
    right: 40px;
    top: 18px;
    color: #ffffff;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
}

.services-form .form-group:first-child .ui-button .ui-icon:before{
	display:none;
}

.services-form .form-group .left-curves{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
}

.services-form .form-group .left-curves:before{
	position:absolute;
	content:'';
	left:4px;
	top:0px;
	width:22px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255,255,255,0) 100%);
}

.services-form .form-group .left-curves:after{
	position:absolute;
	content:'';
	left:26px;
	top:0px;
	width:8px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #558DCA 100%);
}

.services-form .form-group .right-curves{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
}

.services-form .form-group .right-curves:before{
	position:absolute;
	content:'';
	left:-27px;
	top:0px;
	width:22px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255,255,255,0) 100%);
}

.services-form .form-group .right-curves:after{
	position:absolute;
	content:'';
	left:-35px;
	top:0px;
	width:8px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #558DCA 100%);
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:15px;
	font-style:normal;
	height:56px;
	padding:10px 28px;
	line-height:34px;
	color:#ffffff;
	border: none;
	border-radius:0px;
	background:rgba(255,255,255,0.10);
	border:1px solid rgba(255,255,255,0.30);
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:6px;
	font-size:0px;
	text-indent:0px;
	color:#333333;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'icomoon' !important;
    content: "\e874";
    position: absolute;
    right: 0px;
    top: 2px !important;
    height: 20px;
    display: block;
    color: #ffffff;
    line-height: 20px;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    z-index: 5;
}

.ui-widget.ui-widget-content{
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background:#1bb59b;
	border-color:#1bb59b;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px ;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:#ffaa00;
}

/*** 

====================================================================
	Featured Section
====================================================================

 ***/
 
.featured-section{
	position:relative;
	padding:100px 0px 70px;
}

.featured-section .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:190px;
	height:383px;
}

.featured-block{
	margin-bottom:30px;
}

.featured-block .inner-box{
	position:relative;
	padding:50px 30px;
}

.featured-block .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,58,102,0.88);
}

.featured-block .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	background-size:cover;
	transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
	-webkit-transform:scaleX(0.7) translateX(-30px);
	-ms-transform:scaleX(0.7) translateX(-30px);
	-moz-transform:scaleX(0.7) translateX(-30px);
	transform:scaleX(0.7) translateX(-30px);
	-webkit-transform-origin:left;
	-ms-transform-origin:left;
	-moz-transform-origin:left;
	transform-origin:left;
}

.featured-block .inner-box:hover .image-layer{
	opacity:1;
	-webkit-transform:scaleX(1) translateX(0px);
	-ms-transform:scaleX(1) translateX(0px);
	-moz-transform:scaleX(1) translateX(0px);
	transform:scaleX(1) translateX(0px);
}

.featured-block .icon-box{
	position:relative;
	font-size:46px;
	line-height:1em;
	color:#e58235;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.featured-block h3{
	position:relative;
	font-size:28px;
	font-weight:700;
	line-height:1.3em;
	margin-top:20px;
}

.featured-block h3 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.featured-block.style-two{
	margin-bottom:0px;
}

.featured-block.style-two h3{
	font-size:22px;
}

.featured-block p{
	position:relative;
	font-size:17px;
	line-height:1.7em;
	margin-top:12px;
	color:rgba(0,0,0,0.70);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.featured-block .inner-box:hover .icon-box,
.featured-block .inner-box:hover p,
.featured-block .inner-box:hover h3 a{
	color:#ffffff;
}

/*** 

====================================================================
	Fullwidth Section
====================================================================

 ***/
 
.container-fluid{
	position:relative;
	padding:100px 0px 90px;
	background-color:#f7f9fb;
}


.container-fluid .pattern-layer{
	position:absolute;
	content:'';
	right:0px;
	top:140px;
	right:0px;
	bottom:0px;
	width:221px;
	height:500px;
}

.container-fluid .outer-section{
	position:relative;
}

.container-fluid .outer-section .left-column{
	position:relative;
	width:42%;
	float:left;
}

.container-fluid .outer-section .left-column .shadow-one{
	position:absolute;
    left: 60%;
    top: -40px;
	width:134px;
	height:134px;
}

.container-fluid .outer-section .left-column .shadow-two{
	position:absolute;
    left: 72%;
    bottom: -40px;
	width:96px;
	height:96px;
}

.container-fluid .outer-section .left-column .shadow-three{
	position:absolute;
    left: 0%;
    bottom: -100px;
	width:96px;
	height:96px;
}

.container-fluid .outer-section .left-column .image{
	position:relative;
	z-index:2;
	margin-left:-70px;
}

.container-fluid .outer-section .left-column .inner-column{
	position:relative;
}

.container-fluid .outer-section .left-column .inner-column:before{
    position: absolute;
    content: '';
    left: -150px;
    top: -80px;
    right: -140px;
    bottom: -80px;
	z-index:1;
    background: url(../images/background/2.png) no-repeat;
}

.container-fluid .outer-section .right-column{
	position:relative;
	width:58%;
	float:right;
}

.container-fluid .outer-section .right-column .inner-column{
	position:relative;
	max-width:800px;
	width:100%;
	padding-left:40px;
	padding-right:15px;
}

.container-fluid .outer-section .right-column h2{
	position:relative;
	color:#222222;
	font-size:46px;
	font-weight:700;
	line-height:1.2em;
	margin-bottom:45px;
}


/* Featured List */

.featured-list{
	position:relative;
	z-index:1;
}

.featured-list li{
	position:relative;
	color:#000000;
	font-size:17px;
	line-height:1.8em;
	margin-bottom:30px;
}

.featured-list li:last-child{
	margin-bottom:0px;
}

.featured-list li .icon{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:28px;
	line-height:60px;
	text-align:center;
	border-radius:50%;
	margin-right:30px;
	display:inline-block;
	padding:0px 16px;
	background-color:#c33540;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	box-shadow:0px 0px 20px rgba(28,186,159,0.20);
}

.featured-list li:hover .icon{
	transform:rotateY(360deg);
}

.featured-list li .title{
	position:relative;
	display:block;
	color:#222222;
	font-size:22px;
	margin-bottom:6px;
	display:block;
	font-weight:700;
	font-family: 'Exo', sans-serif;
}

.featured-list li p{
	position:relative;
	color:#000000;
	font-size:17px;
	line-height:1.8em;
}

.featured-list .content{
	float:left;
	max-width:450px;
}

.featured-list li:nth-child(2) .icon{
	background-color:#558dca;
	box-shadow:0px 0px 20px rgba(85,141,202,0.20);
}

.featured-list li:nth-child(3) .icon{
	background-color:#223a66;
	box-shadow:0px 0px 20px rgba(34,58,102,0.20);
}

/* Featured List Two */

.featured-list-two{
	position:relative;
}

.featured-list-two .content{
	position:relative;
	float:left;
	max-width:450px;
}

.featured-list-two li{
	position:relative;
	color:#000000;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:32px;
}

.featured-list-two li p{
	position:relative;
	color:#000000;
	font-size:16px;
	line-height:1.7em;
}

.featured-list-two li:last-child{
	margin-bottom:0px;
}

.featured-list-two .icon{
	position:relative;
	content:'';
	float:left;
	color:#223a66;
	font-size:44px;
	margin-right:30px;
	text-align:center;
	display:inline-block;
}

.featured-list-two .title{
	position:relative;
	display:block;
	color:#222222;
	font-size:22px;
	margin-bottom:6px;
	font-weight:700;
	font-family: 'Exo', sans-serif;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:90px 0px 40px;
}

.team-section.alternate{
	padding-bottom:90px;
}

.team-section.style-two{
	background-color:#f7f9fb;
	padding-bottom:95px;
}

.team-section.style-two .owl-dots{
	margin-top:10px;
}

.team-pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:190px;
	height:100%;
	background-repeat:no-repeat;
}

.team-pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:221px;
	height:488px;
	background-repeat:no-repeat;
}

.team-pattern-layer-three{
	position:absolute;
	content:'';
	right:0px;
	bottom:50px;
	width:190px;
	height:477px;
	background-repeat:no-repeat;
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
	overflow:hidden;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block .inner-box:hover{
	box-shadow:30px 20px 40px 0px rgba(0,0,0,0.05);
}

.team-block .image{
	position:relative;
}

.team-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.team-block .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	top:100%;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #c33540 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #c33540 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #c33540 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #c33540));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #c33540 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #c33540 100%);
}

.team-block .inner-box:hover .overlay-box:before{
	opacity:1;
	top:0%;
}

.team-block .inner-box .overlay-box .overlay-inner{
	position:relative;
	height:100%;
}

/* Team Block Two */

.team-social-box{
    position: absolute;
    left: 30px;
    bottom: 28px;
}

.team-social-box li{
	position: relative;
    left: -70px;
    margin-bottom: 10px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-social-box li a{
	position: relative;
    width: 36px;
    height: 36px;
    color: #c33540;
    z-index: 1;
    font-size: 15px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffffff;
}

.team-social-box li .social-name{
    position: relative;
    padding: 0px 10px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    font-size: 12px;
    margin-left: -32px;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 0px 50px 50px 0px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-social-box li:last-child{
	margin-bottom:0px;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li{
	left:0px;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2){
	left:0px;
	transition-delay: 500ms;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3){
	left:0px;
	transition-delay: 750ms;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4){
	left:0px;
	transition-delay: 1000ms;
}

.team-social-box li:hover .social-name{
	opacity:1;
	margin-left:-9px;
	visibility:visible;
}

.team-social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#c33540;
	z-index:1;
	font-size:15px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

.team-social-box li.youtube a{
	color:#ff0000;
}

.team-social-box li.youtube .social-name{
	color:#ffffff;
	padding:4px 14px 4px 15px;
	top: -1px;
	background-color:#ff0000;
}

.team-social-box li.linkedin a{
	color:#0077b5;
}

.team-social-box li.linkedin .social-name{
	color:#ffffff;
	padding:4px 14px 4px 15px;
	top: -1px;
	background-color:#0077b5;
}

.team-social-box li.facebook a{
	color:#3b5998;
}

.team-social-box li.facebook .social-name{
	color:#ffffff;
	padding:4px 14px 4px 15px;
	top: -1px;
	background-color:#3b5998;
}

.team-social-box li.twitter a{
	color:#1da1f2;
}

.team-social-box li.twitter .social-name{
	color:#ffffff;
	padding:4px 14px 4px 15px;
	top: -1px;
	background-color:#1da1f2;
}

.team-block .lower-content{
	position:relative;
	text-align:center;
	padding-bottom:32px;
	border:1px solid #f5f5f5;
}

.team-block .icon-box{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	line-height:38px;
	font-size:18px;
	margin:0 auto;
	text-align:center;
	border-radius:50%;
	margin-top:-10px;
	top:-10px;
	display:inline-block;
	background-color:#c33540;
	border:1px solid #c33540;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block .inner-box:hover .icon-box{
	color:#c33540;
	background-color:#ffffff;
}

.team-block h3{
	position:relative;
	font-weight:700;
	font-size:20px;
	line-height:1.3em;
	margin-top:10px;
}

.team-block h3 a{
	position:relative;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block .lower-content h3 a:hover{
	color:#c33540;
}

.team-block .designation{
	position:relative;
	color:#222222;
	font-size:13px;
	font-weight:400;
	margin-top:4px;
}

.team-section .owl-nav{
	display:none;
}

.team-section .owl-dots{
	position:relative;
	text-align:center;
	margin-top:20px;
}

.team-section .owl-dots .owl-dot{
	position:relative;
	margin:0px 5px;
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
	background-color:#d8f0ec;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover{
	background-color:#c33540;
	width:12px;
	height:12px;
}

/*** 

====================================================================
	Appointment Section
====================================================================

***/

.appointment-section{
	position:relative;
	padding:50px 0px 90px;
}

.appointment-section.style-two{
	padding-top:95px;
	padding-bottom:0px;
}

.appointment-section.style-three{
	padding-top:95px;
	padding-bottom:95px;
	background-color:#f7f9fb;
}

.appointment-section .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:100px;
	right:0px;
	bottom:0px;
	width:163px;
	height:480px;
}

.appointment-section .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:100px;
	width:239px;
	height:492px;
	background-repeat:no-repeat;
}

.appointment-section .inner-section{
	position:relative;
}

.appointment-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:28px;
}

.appointment-section .title-box h2{
	position:relative;
	font-weight:700;
	color:#222222;
	line-height:1.3em;
	max-width:730px;
	margin:0 auto;
}

.appointment-section .form-column .inner-column{
	position:relative;
	padding:55px 35px 10px;
	background-color:#ffffff;
	box-shadow:0px 20px 40px rgba(0,0,0,0.10);
}

.appointment-section .form-column h3{
	position:relative;
	color:#002222;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	padding-bottom:14px;
	margin-bottom:35px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

/* Calender Column */

.appointment-section .calender-column .inner-column{
	position:relative;
	padding:52px 80px 40px;
	background-color:#ffffff;
	box-shadow:0px 20px 40px rgba(0,0,0,0.10);
}

.calender-title{
	position:relative;
	padding-bottom:20px;
	margin-bottom:50px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.calender-title .title{
	position:relative;
	color:#222222;
	font-size:18px;
	font-weight:700;
	line-height:1.3em;
}

.calender-title h3{
	position:relative;
	color:#002222;
	font-size:36px;
	font-weight:700;
	line-height:1.3em;
	margin-top:5px;
}

.appointment-section .calender-column .owl-dots{
	display:none;
}

.appointment-section .owl-nav{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

.calender-column .owl-prev{
	position:absolute;
	left:-50px;
	top:0px;
	color:#222222;
	font-size:18px;
	font-weight:700;
}

.calender-column .owl-next{
	position:absolute;
	right:-50px;
	top:0px;
	color:#222222;
	font-size:18px;
	font-weight:700;
}

.calender-block{
	position:relative;
}

.calender-block .block-outer{
	position:relative;
    width: 100%;
}

.calender-block .inner-box{
	position:relative;
	max-width: 600px;
}

/* Days Boxed */

.calender-block .inner-box .days-boxed{
	position:relative;
}

.calender-block .inner-box .days-boxed .day-date{
	position:relative;
	float:left;
	width:20%;
	font-size:12px;
	color:#222222;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:4px;
}

.calender-block .inner-box .days-boxed .day-date strong{
	position:relative;
	font-weight:700;
	font-size:16px;
	display:block;
	text-transform:capitalize;
	font-family: 'Exo', sans-serif;
}

/* Time Boxed */

.calender-block .inner-box .time-boxed{
	position:relative;
}

.calender-block .inner-box .time-boxed .time{
	position:relative;
	float:left;
	width:19%;
	font-size:14px;
	color:#222222;
	padding:9px 6px;
	text-align:center;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:4px;
	z-index:1;
	margin-right:4px;
	background-color:#f0f0f0;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.calender-block .inner-box .time-boxed .time:hover{
	color:#ffffff;
	z-index:1;
}

.calender-block .inner-box .time-boxed .time:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0%;
	height:100%;
	z-index:-1;
	background-color:#c33540;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.calender-block .inner-box .time-boxed .time:hover::before{
	width:100%;
}

.calender-block .inner-box .time-boxed .time:nth-child(5n + 0){
	margin-right:0px;
}

/* More Boxed */

.calender-block .inner-box .more-boxed{
	position:relative;
}

.calender-block .inner-box .more-boxed .more{
	position:relative;
	float:left;
	width:19%;
	font-size:14px;
	color:#222222;
	padding:9px 6px;
	text-align:center;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:4px;
	margin-right:4px;
	text-transform:capitalize;
	background-color:rgba(28,186,159,0.20);
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.calender-block .block-outer .button-box{
	position:relative;
	padding-top:35px;
	text-align:center;
}

.calender-block .block-outer .button-box .theme-btn{
	margin:0px 7px;
}

/*** 

====================================================================
	Calender Form
====================================================================

 ***/

.calender-form{
	position:relative;
}

.calender-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.calender-form .form-group label{
	position:relative;
	color:#222222;
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}

.calender-form .form-group label .icon{
	position:relative;
	margin-right:8px;
	color:#c33540;
	font-weight:400;
}

.calender-form .form-group .ui-selectmenu-button.ui-button{
	border:1px solid #f0f0f0;
	color:rgba(0,0,0,0.60);
}

.calender-form .form-group .ui-button .ui-icon:before{
	color:#c33540;
}

.calender-form .form-group input[type="text"],
.calender-form .form-group input[type="tel"],
.calender-form .form-group input[type="email"],
.calender-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:33px;
	padding:10px 28px;
	color:rgba(0,0,0,0.60);
	height:56px;
	font-size:14px;
	background:none;
	border:1px solid #f0f0f0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.calender-form .form-group input[type="text"]:focus,
.calender-form .form-group input[type="tel"]:focus,
.calender-form .form-group input[type="email"]:focus,
.calender-form .form-group textarea:focus{
	border-color:#c33540;
}

.calender-form .form-group textarea::-webkit-input-placeholder,
.calender-form .form-group input::-webkit-input-placeholder{
	color:rgba(0,0,0,0.60);
}

.calender-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 28px;
	color:rgba(0,0,0,0.60);
	height:125px;
	resize:none;
	font-size:14px;
	background:none;
	border:1px solid #f0f0f0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.calender-form .form-group .btn-detail{
	position:relative;
	text-align:center;
	margin-left:30px;
	color:#ffffff;
	display:inline-block;
}

.calender-form button{
	cursor: pointer;
	margin-top:20px;
	font-size: 16px;
	text-transform: capitalize;
}

/*** 

====================================================================
	Emergency Section
====================================================================

***/

.emergency-section{
	position:relative;
	padding:180px 0px 160px;
	background-size:cover;
	background-repeat:no-repeat;
}

.emergency-section .content-box{
	position:relative;
}

.emergency-section .content-box h2{
	position:relative;
	color:#222222;
	font-weight:700;
	font-size:46px;
	line-height:1.3em;
	padding-left:80px;
}

.emergency-section .content-box h2 strong{
	font-weight:700;
	color:#2e3192;
	display:block;
}

.emergency-section .content-box h2 .icon-box{
	position:absolute;
	left:0px;
	top:15px;
	color:#2e3192;
	font-size:64px;
	line-height:1em;
}

.emergency-section .content-box .text{
	position:relative;
	color:#222222;
	font-size:18px;
	line-height:1.6em;
	font-weight:500;
	margin-top:20px;
}

.emergency-section .content-box .phone{
	position:relative;
	color:#c33540;
	font-weight:700;
	font-size:36px;
	line-height:1.3em;
	padding-left:80px;
	padding-top:5px;
	margin-top:25px;
	font-family: 'Exo', sans-serif;
}
.emergency-section .content-box .phone a{
	color:#c33540;
}

.emergency-section .content-box .phone .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	width:55px;
	height:55px;
	color:#c33540;
	font-size:30px;
	text-align:center;
	line-height:51px;
	border-radius:8px;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	border:2px solid rgba(28,186,159,0.20);
}

.emergency-section .content-box .phone:hover .icon-box{
	color:#ffffff;
	background-color:#c33540;
	border-color:#c33540;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:90px 0px 100px;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding:90px 0px 90px;
}

.gallery-section .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	height:340px;
	width:100%;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
}

.gallery-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.20);
}

.gallery-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:65px;
}

.gallery-section .title-box h2{
	position:relative;
	color:#ffffff;
	font-size:46px;
	font-weight:700;
}

.gallery-section .row{
	margin:0px -8px;
}

.gallery-section .project-block{
	padding:0px 8px;
}

.gallery-section .button-box{
	position:relative;
	text-align:center;
	margin-top:20px;
}

/* Project Block */

.project-block{
	position:relative;
	margin-bottom:16px;
}

.project-block .inner-box{
	position:relative;
}

.project-block .image{
	position:relative;
}

.project-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.project-block .image .overlay-box{
	position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    top: 20px;
    z-index: 2;
	opacity: 0;
    display: block;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.project-block .image .overlay-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(34,58,102,0.60);
}

.project-block .inner-box:hover .image .overlay-box:before{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .image .overlay-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: right;
    -o-transform-origin: left;
    transform-origin: left;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(34,58,102,0.60);
}

.project-block .inner-box:hover .image .overlay-box:after{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box:hover .image .overlay-box{
	opacity: 1;
}

.project-block .image .overlay-box .icon-box{
	position:relative;
	color:#ffffff;
	font-size:34px;
	z-index:1;
	margin-bottom:18px;
}

.project-block .image .overlay-box .plus{
	position:relative;
	z-index:1;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	margin-top:12px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .image .overlay-box .plus:hover{
	color:#c33540;
}

.project-block .image .overlay-box .overlay-inner{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align: left;
    padding: 10px 20px;
    vertical-align: middle;
}

.project-block .image .overlay-box .overlay-content{
    position: relative;
	text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.project-block .image h3{
	position:relative;
	font-size:16px;
	color:#ffffff;
	z-index:1;
	font-weight:500;
	line-height:1.3em;
}

.project-block .image h3 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .image h3 a:hover{
	color:#c33540;
}

/*** 

====================================================================
	Events Section
====================================================================

***/

.events-section{
	position:relative;
	padding:100px 0px 90px;
	background-color:#f7f9fb;
}

.events-section .inner-container{
	position:relative;
}

.events-section .inner-container .pattern-layer-one{
	position:absolute;
	content:'';
	left:-150px;
	top:-180px;
	right:0px;
	bottom:0px;
	width:459px;
	height:476px;
	z-index:1;
}

.events-section .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:100px;
	right:0px;
	bottom:0px;
	width:221px;
	height:488px;
	z-index:1;
}

.events-section .row{
	margin:0px -5px;
}

.events-section .column{
	padding:0px 5px;
}

.events-section .title-box{
	position:relative;
	z-index:10;
}

.events-section .title-box h2{
	position:relative;
	color:#ffffff;
	font-size:28px;
	font-weight:700;
	padding:18px 45px;
	background-color:#c33540;
}

.events-section .title-box h2:before{
	position: absolute;
    content: '';
    right: -40px;
    top: 0px;
    border-bottom: 69px solid #c33540;
    border-right: 40px solid transparent;
}

.events-section .title-box h2:after{
	position: absolute;
    content: '';
    right: -34px;
    top: 0px;
	width:20px;
	height:100%;
	-ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
	background-color:rgba(28,186,159,0.10);
}

.events-section .title-box .view-events{
	position:relative;
	color:#223a66;
	font-weight:500;
	font-size:15px;
	margin-top:22px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.events-section .title-box .view-events:hover{
	color:#c33540;
}

/* Event Block */

.event-block{
	position:relative;
	z-index:1;
}

.event-block .inner-box{
	position:relative;
	padding:45px 50px 38px;
	background-color:#ffffff;
}

.event-block .upper-box{
	position:relative;
	min-height:130px;
}

.event-block .event-date{
	position:relative;
	margin-top:20px;
	float:left;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	border-radius:10px 0px 0px 10px;
	padding:18px 30px 14px 18px;
	display:inline-block;
	background-color:#c33540;
	font-family: 'Lato', sans-serif;
	z-index: 444;
}

.event-block .event-date strong{
	position:relative;
	color:#ffffff;
	font-size:28px;
	font-weight:700;
	display:block;
	font-family: 'Lato', sans-serif;
}

.event-block .upper-box .image{
	position:relative;
	width:120px;
	height:120px;
	float:left;
	overflow:hidden;
	border-radius:50%;
	margin-left:-20px;
	border:6px solid #ffffff;
	z-index: 555;
}

.event-block .event-list{
	position:relative;
	padding-top:35px;
	float:left;
	margin-left:18px;
}

.event-block .event-list li{
	position:relative;
	color:#000000;
	font-size:15px;
	font-weight:500;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.event-block .event-list li .icon{
	position:relative;
	margin-right:6px;
	top:1px;
}

.event-block .event-list li:last-child{
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.event-block .inner-box h3{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	line-height:1.5em;
	margin-top:24px;
	margin-bottom:20px;
}

.event-block .inner-box h3 a{
	position:relative;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;

}

.event-block .inner-box h3 a:hover{
	color:#c33540;
}

/* Event Block Two */

.event-block-two{
	position:relative;
	z-index:1;
	margin-bottom:10px;
}

.event-block-two .inner-box{
	position:relative;
	padding:45px 40px;
	background-color:#ffffff;
}

.event-block-two .content{
	position:relative;
}

.event-block-two .event-date{
	position: relative;
	float:left;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	margin-right:30px;
	border-radius:10px 0px 0px 10px;
	padding:19px 19px 17px;
	display:inline-block;
	background-color:#c33540;
	font-family: 'Lato', sans-serif;
	box-shadow:0px 0px 20px rgba(28,186,159,0.15);
}

.event-block-two .event-date strong{
	position:relative;
	color:#ffffff;
	font-size:28px;
	font-weight:700;
	display:block;
	margin-bottom:2px;
	font-family: 'Lato', sans-serif;
}

.event-block-two .event-list{
	position:relative;
}

.event-block-two .event-list li{
	position:relative;
	color:#000000;
	font-size:15px;
	font-weight:500;
	margin-right:22px;
	display:inline-block;
}

.event-block-two .event-list li:last-child{
	margin-right:0px;
}

.event-block-two .event-list li .icon{
	position:relative;
	margin-right:6px;
	top:1px;
}

.event-block-two .event-list li:last-child{
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.event-block-two .content h3{
    position: relative;
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 5px;
}

.event-block-two .content h3 a{
	position:relative;
	color: #222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.event-block-two .content h3 a:hover{
	color:#c33540;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:90px 0px 90px;
}

.testimonial-section .section-title{
	margin-bottom:15px;
}

.testimonial-section.style-two{
	background-color:#f7f9fb;
}

.testimonial-section.style-two.alternate{
	background-color:#ffffff;
}

.testimonial-section.style-two .testimonial-block .inner-box{
	background-color:#ffffff;
	
}

.testimonial-section.style-two .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:50px;
	width:177px;
	height:420px;
	background-repeat:no-repeat;
}

.testimonial-section.style-two .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	bottom:60px;
	width:175px;
	height:477px;
	background-repeat:no-repeat;
}

.testimonial-section .owl-dots{
	display:none;
}

.testimonial-section .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
}

.testimonial-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	color:#cccccc;
	font-size:30px;
}

.testimonial-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	top:0px;
	line-height:1em;
	color:#cccccc;
	font-size:30px;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	color:#223a66;
}

.testimonial-section .owl-carousel .owl-stage-outer{
	padding-top:60px;
}

.testimonial-section .testimonial-block{
	max-width:730px;
	width:100%;
	margin:0 auto;
}

/* Testimonial Block */

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
	padding:42px 15px 35px 40px;
	background-color:#f7f9fb;
}

.testimonial-block .content-box{
	position:relative;
	max-width:350px;
	width:100%;
}

.testimonial-block .quote-icon{
	position:relative;
	color:#c33540;
	font-size:38px;
	line-height:1em;
	margin-bottom:20px;
}

.testimonial-block .text{
	position:relative;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
	color:#223a66;
	z-index:1;
	margin-bottom:25px;
}

.testimonial-block h3{
	position:relative;
	font-size:16px;
	font-weight:700;
	line-height:1.3em;
	color:#223a66;
	padding-top:20px;
}

.testimonial-block h3:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	height:2px;
	width:30px;
	background-color:#c33540;
}

.testimonial-block .designation{
	position:relative;
	color:#223a66;
	font-size:13px;
	font-weight:400;
	margin-top:3px;
}

.testimonial-block .image-box{
	position:absolute;
	right:-150px;
	bottom:0px;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:90px 0px 70px;
	background-color:#f7f9fb;
}

.news-section .inner-container{
	position:relative;
}

.news-section .inner-container .pattern-layer-three{
    position: absolute;
    content: '';
    left: -250px;
    top: -245px;
    width: 705px;
    height: 708px;
}

.news-section .pattern-layer-four{
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 291px;
    height: 339px;
}

.news-block{
	position:relative;
}

.news-block .inner-box{
	position:relative;
}

.news-block .image{
	position:relative;
	background-color:#161a33;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block.style-two .image .post-date,
.news-block.style-two .image{
	background-color:#e3e0dc;
}

.news-section.style-two .owl-dots .owl-dot.active,
.news-section.style-two .owl-dots .owl-dot:hover{
	background-color:#f13a66;
}

.news-block .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.4;
}

.news-block .image .post-date{
	position:absolute;
	left:0px;
	padding:8px 15px;
	bottom:-10px;
	font-size:15px;
	font-weight:500;
	color:#ffffff;
	z-index:1;
	line-height:1.7em;
	text-align:center;
	padding-top:12px;
	text-transform:capitalize;
	background-color:#223a66;
}

.news-block .image .post-date strong{
	font-weight:700;
	font-size:28px;
	display:block;
	font-family: 'Exo', sans-serif;
}

.news-block .lower-content{
	position:relative;
	padding:30px 40px 52px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .lower-content .post-meta{
	position:relative;
}

.news-block .lower-content .post-meta li{
	position:relative;
	color:#222222;
	font-size:13px;
	font-weight:400;
	margin-right:22px;
	display:inline-block;
}

.news-block .lower-content .post-meta li a{
	position:relative;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .post-meta li a:hover{
	color:#c33540;
}

.news-block .post-meta li:last-child{
	margin-right:0px;
}

.news-block .post-meta li .icon{
	position:relative;
	margin-right:6px;
	top:1px;
}

.news-block .post-meta li:last-child{
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.news-block h3{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
	margin-top:12px;
}

.news-block h3 a{
	position:relative;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block h3 a:hover{
	color:#c33540;
}

.news-section .owl-nav{
	display:none;
}

.news-section .owl-dots{
	position:relative;
	text-align:center;
	margin-top:45px;
}

.news-section .owl-dots .owl-dot{
	position:relative;
	margin:0px 5px;
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
	background-color:#d8f0ec;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-section .owl-dots .owl-dot.active,
.news-section .owl-dots .owl-dot:hover{
	background-color:#c33540;
	width:12px;
	height:12px;
}

.news-section .pattern-layer-one{
	position:absolute;
	content:'';
	left:0px;
	top:100px;
	right:0px;
	bottom:0px;
	width:181px;
	height:488px;
	z-index:1;
}

.news-section .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	right:0px;
	bottom:0px;
	width:221px;
	height:410px;
	z-index:1;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:70px 0px 70px;
}

.sponsors-section.style-two{
	background-color:#f7f9fb;
}

.sponsors-section .sponsors-outer{
	position:relative;
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section .image-box{
	position:relative;
	text-align:center;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sponsors-section .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sponsors-section .image-box a{
	display:inline-block;
}

.sponsors-section .sponsors-outer .image-box img:hover{
	opacity:0.4;
}

/*** 

====================================================================
	Fullwidth Section
====================================================================

***/

.fullwidth-section-two{
	position:relative;
}

.fullwidth-section-two .outer-section{
	position:relative;
	background-color:#223a66;
}

.fullwidth-section-two .left-column{
	position:relative;
	width:50%;
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.fullwidth-section-two .left-column .inner-column{
	position:relative;
	max-width:600px;
	float:right;
	width:100%;
	padding:60px 15px 60px;
}

.fullwidth-section-two h2{
	position:relative;
	color:#ffffff;
	font-weight:700;
	line-height:1.3em;
	font-size:36px;
	margin-bottom:22px;
}

.fullwidth-section-two .left-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,58,102,0.90);
}

.fullwidth-section-two .text{
	position:relative;
	font-size:13px;
	margin-top:8px;
	color:rgba(255,255,255,0.50);
}

/*Subscribe Form*/

.subscribe-form{
	position:relative;
	max-width:500px;
}

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:170px;
}

.subscribe-form input{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:56px;
	font-size:14px;
	color:#ffffff;
	background:none;
	border:1px solid rgba(255,255,255,0.20);
	padding:10px 50px 10px 30px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form input[type="submit"],
.subscribe-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	color:#313131;
	font-size:15px;
	padding:14px 36px;
	font-weight:500;
	display:inline-block;
	background-color:#ffffff;
	border:2px solid #ffffff;
}

.subscribe-form input[type="submit"]:hover,
.subscribe-form button:hover{
	color:#ffffff;
	background:none;
}

.subscribe-form button .icon{
	margin-right:4px;
	top:1px;
	position:relative;
}

.fullwidth-section-two .right-column{
	position:relative;
	width:50%;
	float:right;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
 
.fullwidth-section-two .right-column .inner-column{
	position:relative;
	padding:113px 15px 107px 100px;
}

.fullwidth-section-two .right-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(28,186,159,0.90);
}

.fullwidth-section-two .phone{
	position:relative;
	color:#ffffff;
	font-weight:700;
	font-size:22px;
	line-height:2.4em;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Exo', sans-serif;
}

.fullwidth-section-two .phone .title{
	position:relative;
	color:#ffffff;
	font-weight:700;
	font-size:22px;
	line-height:2.4em;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Exo', sans-serif;
}

.fullwidth-section-two .phone:hover .title,
.fullwidth-section-two .phone:hover strong{
	color:#222222;
}

.fullwidth-section-two strong{
	font-weight:700;
	color:#ffffff;
	display:block;
	font-size:46px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.fullwidth-section-two .icon-box{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    color: #ffffff;
    font-size: 64px;
    line-height: 1em;
    margin-top: 20px;
	margin-right:20px;
    display: inline-block;
}

.fullwidth-section-two.style-two .left-column:before,
.fullwidth-section-two.style-two .right-column:before{
	display:none;
}

.fullwidth-section-two.style-two .left-column .text{
	color:#ffffff;
}

.fullwidth-section-two.style-two .subscribe-form input[type="submit"]{
	color:#e12454;
}

.fullwidth-section-two.style-two .subscribe-form button{
	color:#e12454;
}

.fullwidth-section-two.style-three .left-column:before{
	background-color:rgba(34,58,102,0.90);
}

.fullwidth-section-two.style-three .subscribe-form input[type="submit"]{
	color:#223a66;
}

.fullwidth-section-two.style-three .right-column:before{
	background-color:rgba(241,58,102,0.75);
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	background-color:#f8fafc;
	background-size:cover;
}

.main-footer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(247,249,251,0.85);
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.main-footer .widgets-section{
	position:relative;
	padding:90px 0px 30px;
	background-position:center center;
	background-repeat:no-repeat;
}

.main-footer .text{
	position:relative;
	font-size:15px;
	color:#313131;
	line-height:25px;
	margin-top:20px;
	margin-bottom:25px;
}

.main-footer h2{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	margin-bottom:20px;
}

/* Footer List */

.footer-list{
	position:relative;
}

.footer-list li{
	position:relative;
	margin-bottom:12px;
}

.footer-list li a{
	position:relative;
	font-size:15px;
	color:#313131;
	line-height:1.7em;
	font-weight:500;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footer-list li a:hover{
	color:#c33540;
}

/* Time List */

.time-list{
	position:relative;
}

.time-list li{
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:15px;
	color:#313131;
	line-height:1.7em;
	font-weight:500;
	border-bottom:1px solid #f0f0f0;
}
.time-list li:last-child{
	padding-bottom: 0px;
	border: transparent;
}

.time-list li span{
	position:relative;
	float:right;
}

/* Footer Bottom */

.footer-bottom{
	position:relative;
	padding:20px 0px;
	background-image: -ms-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -moz-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -o-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffeb3b), color-stop(100, #d02d31));
	background-image: -webkit-linear-gradient(left, #ffeb3b 0%, #d02d31 100%);
	background-image: linear-gradient(to right, #ffeb3b 0%, #d02d31 100%);
}

.footer-bottom.style-two{
	background-color:#223a66;
	background-image:none;
}

.footer-bottom .copyright{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	margin-top:4px;
}

.footer-bottom .social-box{
	position:relative;
	float:left;
}

.footer-bottom .social-box li{
	position:relative;
	line-height:1em;
	padding-left:14px;
	padding-right:12px;
	display:inline-block;
	border-left:1px solid #3c81a3;
}

.footer-bottom .social-box li:first-child{
	border-left:none;
}

.footer-bottom .social-box li.messanger a{
	position:relative;
	color:#222222;
	font-size:13px;
	border-radius:50px;
	padding:5px 10px 8px 5px;
	font-weight:500;
	display:inline-block;
	background-color:#ffffff;
}

.footer-bottom .social-box li.messanger a .icon{
	position:relative;
	color:#448aff;
	font-size:18px;
	top:3px;
}

.footer-bottom .social-box li a{
	position:relative;
	color:#ffffff;
	font-size:13px;
}

.footer-bottom .social-box li:last-child{
	padding-right:0px;
	border-right:none;
}

.footer-bottom .scroll-top{
	position:relative;
	top:1px;
	float:right;
	cursor:pointer;
	color:#ffffff;
	margin-left:80px;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two{
	position: relative;
}

.banner-section-two .slide-item{
	position: relative;
	padding: 190px 0px 190px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner-section-two .content-box{
	position: relative;
}

.banner-section-two .content-box .title{
	position:relative;
	color:#ffffff;
	font-size:26px;
	font-weight:700;
	opacity: 0;
	font-style:italic;
	margin-bottom:28px;
	display:inline-block;
	text-decoration:underline;
	font-family: 'Playfair Display', serif;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.banner-section-two .content-box h2{
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 40px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-two .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-two .link-box:after{
	display: table;
	clear: both;
	content: "";
}

.banner-section-two .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-two .owl-nav{
	position: absolute;
    right: 100px;
    width: 140px;
    bottom: 42px;
    z-index: 99;
    text-align: right;
}

.banner-section-two .owl-prev, 
.banner-section-two .owl-next{
	position: relative;
	display: inline-block;
	line-height: 24px;
	font-size: 15px;
	color: #9f9f9f;
	font-weight: 500;
	text-transform:  capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.banner-section-two .owl-next{
	margin-left: 14px;
	padding-left:14px;
	line-height:1em;
	border-left:2px solid #c33540;
}

.banner-section-two .owl-prev:hover, 
.banner-section-two .owl-next:hover{
	color: #323232;
}

.banner-section-two .owl-dots {
	position: absolute;
	bottom: 20px;
	right: 80px;
	width: 270px;
	padding: 0 15px;
	text-align: left;
	padding-left:60px;
	background-color: #ffffff;
	counter-reset: slides-num;
}

.banner-section-two .owl-dots:after {
	content: "/" "0" counter(slides-num);
	display: inline-block;
	line-height: 70px;
	font-size: 18px;
	opacity:0.6;
	font-weight: 500;
	vertical-align: middle;
	color: #c33540;
	font-family: 'Exo', sans-serif;
}

.banner-section-two .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.banner-section-two .owl-dot span {
 	display: none;
}

.banner-section-two .owl-dot.active:before {
	content:"0" counter(slides-num);
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	line-height: 50px;
	color: #c33540;
	position: absolute;
	font-weight: 700;
	left: 25px;
	top: 7px;
	width: 30px;
	font-family: 'Exo', sans-serif;
}

/*** 

====================================================================
	Quote Section
====================================================================

***/

.quote-section{
	position:relative;
	padding:40px 0px;
	z-index:1;
	background-color:#ffffff;
	box-shadow:0px 20px 80px rgba(0,0,0,0.10);
}

.quote-section .quote-block{
	max-width:730px;
	margin:0 auto;
}

.quote-section .owl-dots{
	display:none;
}

.quote-section .owl-nav{
	position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    margin-top: -15px;
}

.quote-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	top:0px;
	color:#cccccc;
	font-size:18px;
	font-weight:700;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.quote-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	top:0px;
	color:#cccccc;
	font-size:18px;
	font-weight:700;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.quote-section .owl-nav .owl-prev:hover,
.quote-section .owl-nav .owl-next:hover{
	color:#000000;
}

/* Quote Block */

.quote-block{
	position:relative;
}

.quote-block .inner-box{
	position:relative;
}

.quote-block .content-column{
	position:relative;
}

.quote-block .content-column .inner-column{
	position:relative;
	padding-left:75px;
}

.quote-block .quote-icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c33540;
	font-size:40px;
	line-height:1em;
}

.quote-section.style-two .quote-block .quote-icon{
	color:#f13a66;
}

.quote-block h2{
	position:relative;
	color:#223a66;
	font-size:20px;
	font-weight:700;
	line-height:1.5em;
	text-align:left;
}

.quote-block .inner-box{
	position:relative;
	text-align:left;
}

.quote-block .rating{
	position:relative;
}

.quote-block .rating span{
	position:relative;
	color:#fec42d;
	font-size:13px;
}

.quote-block h3{
	position:relative;
	color:#223a66;
	font-size:16px;
	font-weight:700;
	margin-top:10px;
}

.quote-block .location{
	position:relative;
	color:#223a66;
	font-size:13px;
	margin-top:3px;
}

.quote-block .info-column{
	text-align:right;
}

/*** 

====================================================================
	Booking Section
====================================================================

***/

.booking-section{
	position:relative;
	padding:100px 0px 120px;
}

.booking-section .pattern-layer-one{
	position:absolute;
	content:'';
	left:0px;
	top:170px;
	right:0px;
	bottom:0px;
	width:181px;
	height:488px;
	z-index:1;
}

.booking-section .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:120px;
	right:0px;
	bottom:0px;
	width:221px;
	height:410px;
	z-index:1;
}

.booking-section .video-column{
	position:relative;
	margin-bottom:70px;
}

.booking-section .video-column .inner-column{
	position:relative;
	margin-right:25px;
	padding-left:0px;
	z-index:1;
}

.booking-section .video-column .inner-column .transparent-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.booking-section .video-column .inner-column .transparent-layer:before{
	position:absolute;
	content:'';
	left:17px;
	top:17px;
	right:-17px;
	bottom:-17px;
	z-index:2;
	background-color:rgba(255,255,255,0.90);
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.booking-section .video-column .inner-column .transparent-layer:after{
	position:absolute;
	content:'';
	left:51px;
	top:51px;
	right:-51px;
	bottom:-51px;
	background-color:rgba(255,255,255,1);
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.booking-section .video-column .inner-column .green-layer{
	position:absolute;
	content:'';
	left:36px;
	top:36px;
	right:-36px;
	bottom:-36px;
	background-color:#e58235;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.booking-section .video-column .inner-column .green-layer:before{
	position:absolute;
	content:'';
	right:-40px;
	top:50%;
	width:72px;
	height:96px;
	z-index:1;
	margin-top:-37px;
	display:inline-block;
	/* background:url(../images/icons/video-icon-1.png) no-repeat; */
}

.booking-section .video-column .inner-column .green-layer:after{
	position:absolute;
	content:'';
	left:50%;
	bottom:-53px;
	width:72px;
	height:53px;
	z-index:1;
	margin-left:-26px;
	display:inline-block;
	/* background:url(../images/icons/video-icon-2.png) no-repeat; */
}

/*Video Box*/

.video-box{
	position:relative;
}

.video-box .image{
	position:relative;
	box-shadow:50px 70px 120px rgba(0,0,0,0.20);
}

.video-box .image img{
	position:relative;
	width:100%;
	z-index:3;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 100px;
	box-shadow:inset 0 0 45px rgba(0,0,0,0.40);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-box .overlay-box span{
	position: absolute;
	width:100px;
	height: 100px;
	left:50%;
    top: 50%;
	z-index:99;
	color: #e12454;
	font-weight:400;
	font-size:20px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100px;
    width: 100px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .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 70px 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 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.booking-section .content-column{
	position:relative;
}

.booking-section .content-column .inner-column{
	position:relative;
	padding-left:80px;
	padding-top:35px;
	z-index:1;
}

.booking-section h2{
	position:relative;
	color:#223a66;
	font-weight:700;
	line-height:1.2em;
	font-size:46px;
	margin-bottom:35px;
}

.booking-section .text{
	position:relative;
	margin-bottom:30px;
}

.booking-section p{
	position:relative;
	color:#223a66;
	font-size:18px;
	line-height:1.7em;
	margin-bottom:20px;
}

.booking-section .theme-btn{
	margin-top:10px;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding:90px 0px 90px;
	background-color:#ecf9f5;
}

.services-section-two.style-two{
	background-color:#ffffff;
}

.services-section-two .row{
	margin:0px -1px;
}

.services-section-two .services-block{
	padding:0px 1px;
	margin-bottom:2px;
}

.services-block{
	position:relative;
}

.services-block .inner-box{
	position:relative;
	padding:40px 50px 40px;
	background-color:#ffffff;
	box-shadow:0px 15px 30px rgba(0,0,0,0.10);
}

.services-block .inner-box:after{
    position: absolute;
    content: '';
    left: 0px;
    top: 50%;
    height: 100px;
    z-index: 1;
    width: 100%;
    box-shadow: 100px 100px 100px rgba(0,0,0,0.03);
}

.services-block .content{
	position:relative;
}

.services-block .icon-box{
	position:relative;
	float:left;
	margin-right:15px;
}

.services-block h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:5px;
}

.services-block h3 a{
	position:relative;
	color:#223a66;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block h3 a:hover{
	color:#c33540;
}

.services-block p{
	position:relative;
	line-height:1.8em;
	color:#223a66;
	font-size:16px;
}

/*** 

====================================================================
	Video Section Two
====================================================================

***/

.video-section{
	position:relative;
	text-align:center;
	padding:160px 0px 160px;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
}

.video-section.style-three:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(28,186,159,0.80);
}

.video-section h2{
	position:relative;
	color:#ffffff;
	font-weight:700;
	line-height:1.3em;
	font-size:48px;
	font-weight:700;
	max-width:730px;
	margin:0 auto;
	margin-bottom:60px;
}

.video-section .play-now{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:18px;
	font-weight:500;
	margin-left:45px;
}

.video-section.style-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:none;
	background-color:rgba(252,58,102,0.90);
}

.video-section.style-two .play-button .icon{
	color:#fc7e8a;
	line-height:51px;
	border:2px solid #ef9bb1;
}

/* Play Button */

.video-section .play-button{
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .play-button .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    padding-left: 3px;
    background-color: #ffffff;
    color: #c33540;
    z-index: 1;
    font-size: 12px;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, .6);
    -moz-box-shadow: 0 5px 10px 0 rgba(255,255,255, .6);
    -ms-box-shadow: 0 5px 10px 0 rgba(255,255,255, .6);
    -o-box-shadow: 0 5px 10px 0 rgba(255,255,255, .6);
    box-shadow: 0 5px 10px 0 rgba(255,255,255, .6);
    -webkit-transform-origin:center; 
    transform-origin:center; 
}

.video-section .play-button .ripple-2,
.video-section .play-button .ripple-2:before,
.video-section .play-button .ripple-2:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 55px;
    width: 55px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, .6);
    box-shadow: 0 0 0 0 rgba(255,255,255, .6);
    -webkit-animation: ripple-2 3s infinite;
    -moz-animation: ripple-2 3s infinite;
    -ms-animation: ripple-2 3s infinite;
    -o-animation: ripple-2 3s infinite;
    animation: ripple-2 3s infinite;
}

.video-section .play-button .ripple-2:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-section .play-button .ripple-2: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-2 {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple-2 {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.offer-section{
	position:relative;
	padding:90px 0px 90px;
}

.offer-section .row{
	margin:0px -7px;
}

.offer-section .offer-block{
	padding:0px 7px;
}

/* Offer Block */

.offer-block{
	position:relative;
	margin-bottom:15px;
}

.offer-block .inner-box{
	position:relative;
}

.offer-block .image{
	position:relative;
	overflow:hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.offer-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.offer-block .inner-box:hover .image img{
	transform:scale(1.1,1.1);
}

.offer-block .image .overlay-box{
	position:absolute;
	left:0px;
	right:0px;
	width:100%;
	bottom:-120px;
	display:block;
	text-align:center;
	border-bottom:5px solid #223a66;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.offer-block .image .overlay-box h3{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
}

.offer-block .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
	padding:16px 35px 13px;
	background-color:#223a66;
	display:inline-block;
	border-radius:15px 15px 0px 0px;
}

.offer-block .inner-box:hover .image .overlay-box{
	opacity:1;
	bottom:0px;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-three{
	position: relative;
}

.banner-section-three .banner-carousel{
	position: relative;
}

.banner-section-three .slide-item{
	position: relative;
	padding: 165px 0px 160px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner-section-three .content-box{
	position: relative;
	max-width:480px;
}

.banner-section-three .content-box .title{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:700;
	opacity: 0;
	margin-bottom:20px;
	display:inline-block;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Exo', sans-serif;
}

.banner-section-three .active .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.banner-section-three .content-box h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.5em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 25px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .content-box h2 span{
	font-weight:700;
	display:block;
	font-size:70px;
}

.banner-section-three .banner-carousel .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-three .content-box .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.7em;
	color: #ffffff;
	font-weight: 500;
	opacity: 0;
	margin-bottom: 35px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-three .banner-carousel .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.banner-section-three .banner-carousel .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-three .banner-carousel .link-box:after{
	display: table;
	clear: both;
	content: "";
}

.banner-section-three .banner-carousel .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-three .banner-carousel .owl-dots{
	display: none;
}

.banner-section-three .banner-carousel .owl-nav{
    position: absolute;
	left:0px;
    top: 50%;
    margin-top: -50px;
    z-index: 99;
    opacity: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.banner-section-three .banner-carousel:hover .owl-nav{
	opacity: 1;
}

.banner-section-three .banner-carousel .owl-prev,
.banner-section-three .banner-carousel .owl-next{
	position: relative;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	line-height: 58px;
	margin-top:1px;
	border:none;
	width:40px;
	background: none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.banner-section-three .banner-carousel .owl-prev{
	border-bottom:1px solid #ffffff;
}

.banner-section-three .banner-carousel .owl-prev:hover, 
.banner-section-three .banner-carousel .owl-next:hover{
	background:none;
	color: #558dca;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position:relative;
	padding:100px 0px 100px;
}

.services-section-three .inner-container{
	position:relative;
}

.services-section-three .inner-container .pattern-one{
	position:absolute;
	content:'';
	left:-250px;
	top:-245px;
	width:705px;
	height:708px;
}

.services-section-three .pattern-two{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:201px;
	height:579px;
}

.services-section-three .inner-container .services-block-two{
	padding:0px;
	float:left;
}

.services-block-two:nth-child(1) .inner-box{
	box-shadow:30px 40px 100px rgba(0,0,0,0.06);
}

.services-block-two.style-two:nth-child(2) .inner-box .content-box{
	box-shadow:30px -40px 100px rgba(0,0,0,0.06);
}

.services-block-two:nth-child(3) .inner-box .content-box{
	box-shadow:30px 40px 100px rgba(0,0,0,0.06);
}

.services-block-two{
	position:relative;
}

.services-block-two .inner-box{
	position:relative;
	background-color:#ffffff;
}

.services-block-two .image{
	position:relative;
}

.services-block-two .image img{
	position:relative;
	width:100%;
	display:block;
}

.services-block-two .content-box{
	position:relative;
	text-align:center;
	padding:67px 30px;
}

.services-block-two .content-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:0px;
	background-color:#223a66;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.services-block-two .inner-box:hover .content-box:after{
	height:100%;
}

.services-block-two .content-box:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	z-index:1;
	margin-left:-10px;
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.services-block-two .inner-box:hover .content-box:before{
	border-top-color:#ffffff;
}

.services-block-two.style-two .content-box:before{
	position:absolute;
	content:'';
	left:50%;
	top:auto;
	bottom:0px;
	z-index:1;
	margin-left:-10px;
	border-top:none;
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #223a66;
}

.services-block-two.style-two .inner-box:hover .content-box:before{
	border-bottom-color:#ffffff;
}

.services-block-two .content-box h3{
	position:relative;
	color:#223a66;
	z-index:1;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.services-block-two .content-box h3 a{
	position:relative;
	color:#223a66;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.services-block-two .content-box h3 a:hover{
	color:#f43a66;
}

.services-block-two .content-box p{
	position:relative;
	color:#223a66;
	z-index:1;
	font-size:16px;
	line-height:1.8em;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.services-block-two .inner-box:hover h3 a,
.services-block-two .inner-box:hover p{
	color:#ffffff;
}

/*** 

====================================================================
	Care Section
====================================================================

***/

.care-section{
	position:relative;
	padding:80px 0px 50px;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/* Care Block */

.care-block{
	position:relative;
	margin-bottom:30px;
}

.care-block .inner-box{
	position:relative;
	overflow:hidden;
}

.care-block .image{
	position:relative;
}

.care-block img{
	position:relative;
	width:100%;
	display:block;
}

.care-block .overlay-box{
	position:absolute;
	left:-100%;
	top:0px;
	width:100%;
	height:100%;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
    transition: all 600ms ease;
	background-color:rgba(241,58,102,0.80);
}

.care-block .inner-box:hover .overlay-box{
	left:0%;
}

.care-block .overlay-inner{
	position:absolute;
	left:28px;
	right:28px;
	bottom:40px;
}

.care-block .icon{
	position:relative;
	color:#ffffff;
	font-size:40px;
	line-height:1em;
	margin-bottom:15px;
}

.care-block h3{
	position:relative;
	font-size:18px;
	font-weight:500;
}

.care-block a{
	position:relative;
	color:#ffffff;
}

/*** 

====================================================================
	Treatment Section
====================================================================

***/

.treatment-section{
	position:relative;
	padding:90px 0px 60px;
	background-size:cover;
	background-repeat:no-repeat;
}

.treatment-section .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:660px;
	background-size:cover;
}

.treatment-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:45px;
}

.treatment-section .title-box h2{
	position:relative;
	color:#223a66;
	font-size:42px;
	font-weight:700;
	line-height:1.3em;
	padding-bottom:20px;
}

.treatment-section .title-box h2:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	height:2px;
	width:70px;
	margin-left:-35px;
	background-color:#f06699;
}

/* Treatment Block */

.treatment-block{
	position:relative;
}

.treatment-block .inner-box{
	position:relative;
	padding-left:120px;
}

.treatment-block h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.treatment-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:8px;
	width:75px;
	height:295px;
	border:2px solid #fc7e8a;
	border-right:0px;
}

.treatment-block .dott-one{
	position:absolute;
	content:'';
	left:70px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#f06699;
}

.treatment-block .ripple:before,
.treatment-block .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, 102, 102, .8);
    -moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.treatment-block .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.treatment-block .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, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

.treatment-block .text{
	position:relative;
	color:#223a66;
	font-size:16px;
	line-height:1.6em;
	max-width:420px;
}

/* Treatment Block Two */

.treatment-block-two{
	position:relative;
}

.treatment-block-two .inner-box{
	position:relative;
	text-align:right;
	padding-right:120px;
}

.treatment-block-two h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.treatment-block-two .inner-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:8px;
	width:75px;
	height:295px;
	border:2px solid #fc7e8a;
	border-left:0px;
}

.treatment-block-two .text{
	position:relative;
	color:#223a66;
	font-size:16px;
	line-height:1.6em;
	max-width:420px;
	float:right;
}

.treatment-block-two .dott-one{
	position:absolute;
	content:'';
	right:70px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#f06699;
}

.treatment-block-two .dott-one .ripple:before,
.treatment-block-two .dott-one .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, 102, 102, .8);
    -moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.treatment-block-two .dott-one .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.treatment-block-two .dott-one .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, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

/* Treatment Block Three */

.treatment-block-three{
	position:relative;
	margin-top:30px;
	margin-bottom:40px;
}

.treatment-block-three .inner-box{
	position:relative;
	padding-left:120px;
}

.treatment-block-three h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.treatment-block-three .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:100%;
	width:75px;
	height:295px;
	margin-bottom:-10px;
	border:2px solid #fc7e8a;
	border-right:0px;
}

.treatment-block-three .dott-one{
	position:absolute;
	content:'';
	left:70px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#f06699;
}

.treatment-block-three .dott-one .ripple:before,
.treatment-block-three .dott-one .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, 102, 102, .8);
    -moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.treatment-block-three .dott-one .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.treatment-block-three .dott-one .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, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

.treatment-section .treatment-image{
	position:relative;
	z-index:1;
	text-align:center;
	margin-top:40px;
}

/* Treatment Block Three */

.treatment-block-three{
	position:relative;
	margin-top:30px;
	margin-bottom:40px;
}

.treatment-block-three .inner-box{
	position:relative;
	padding-left:120px;
}

.treatment-block-three h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.treatment-block-three .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:100%;
	width:75px;
	height:295px;
	margin-bottom:-10px;
	border:2px solid #fc7e8a;
	border-right:0px;
}

.treatment-block-three .dott-one{
	position:absolute;
	content:'';
	left:70px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#f06699;
}

.treatment-block-three .dott-one .ripple:before,
.treatment-block-three .dott-one .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, 102, 102, .8);
    -moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.treatment-block-three .dott-one .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.treatment-block-three .dott-one .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, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

.treatment-block-three .text{
	position:relative;
	color:#223a66;
	font-size:16px;
	line-height:1.6em;
	max-width:420px;
}

/* Treatment Block Four */

.treatment-block-four{
	position:relative;
	margin-top:30px;
}

.treatment-block-four .inner-box{
	position:relative;
	padding-right:120px;
	text-align:right;
}

.treatment-block-four h3{
	position:relative;
	color:#223a66;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:14px;
}

.treatment-block-four .inner-box:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:100%;
	width:75px;
	height:295px;
	margin-bottom:-10px;
	border:2px solid #fc7e8a;
	border-left:0px;
}

.treatment-block-four .text{
	position:relative;
	color:#223a66;
	font-size:16px;
	line-height:1.6em;
	max-width:420px;
	float:right;
}

.treatment-block-four .dott-one{
	position:absolute;
	content:'';
	right:70px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#f06699;
}

.treatment-block-four .dott-one .ripple:before,
.treatment-block-four .dott-one .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, 102, 102, .8);
    -moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.treatment-block-four .dott-one .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.treatment-block-four .dott-one .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, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);}
}

/* Counter Section */

.counter-section{
	position:relative;
	padding:85px 0px 90px;
	background-size:cover;
	background-attachment:fixed;
}

.counter-section .fact-counter{
	max-width:750px;
	margin:0 auto;
}

.counter-section .button-box{
	position:relative;
	text-align:center;
	margin-top:15px;
}

/*fact counter*/

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .inner{
	position:relative;
	text-align:center;
}

.fact-counter .content{
	position:relative;
}

.fact-counter .icon{
	position:relative;
	color:#f13a66;
	font-size:50px;
	text-align:center;
	line-height:1em;
	font-weight: 300;
	margin-bottom:25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Exo', sans-serif;
}

.fact-counter .percentage{
	display:inline-block;
	color:#223a66;
	font-size:36px;
	text-align:center;
	line-height:1em;
	font-weight: 700;
	font-family: 'Exo', sans-serif;
}

.fact-counter .count-outer{
	position:relative;
	color:#223a66;
	font-size:36px;
	text-align:center;
	line-height:1em;
	font-weight: 700;
	display:inline-block;
	font-family: 'Exo', sans-serif;
}

.fact-counter .column:nth-child(2) .icon{
	color:#9143fd;
}

.fact-counter .column:nth-child(3) .icon{
	color:#00d280;
}

.fact-counter .count-text{
	position:relative;
	color:#223a66;
	font-size:36px;
	line-height:1em;
	font-weight: 700;
	font-family: 'Exo', sans-serif;
}

.fact-counter .counter-title{
	position:relative;
	font-size:16px;
	font-weight:500;
	color:#223a66;
	margin-top:10px;
	text-transform:capitalize;
}

/* Specialist Section*/

.specialist-section{
	position:relative;
	padding:95px 0px 100px;
	background-size:cover;
	background-attachment:fixed;
}

.specialist-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(247,247,247,0.85);
}

.team-block-two{
	position:relative;
}

.team-block-two .inner-box{
	position:relative;
	padding:40px 30px 40px;
	background-color:#ffffff;
	box-shadow:0px 15px 10px rgba(0,0,0,0.10);
}

.team-block-two .image{
	position:relative;
	width:270px;
	height:270px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
}

.team-block-two img{
	position:relative;
}

.team-block-two .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	transition:all 700ms ease;
}

.team-block-two .overlay-box:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background-color:rgba(145,67,253,0.85);
	-moz-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.team-block-two .inner-box:hover .overlay-box:before{
	-moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.team-block-two .inner-box:hover .overlay-box{
	opacity:1;
}

.team-block-two .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	vertical-align:middle;
	padding:10px 80px;
}

.team-block-two .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.team-block-two .social-box{
	position:relative;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transform:scale(0.8,0.8);
	opacity:0;
}

.team-block-two .inner-box:hover .overlay-inner .social-box{
	opacity:1;
	transform:scale(1,1);
}

.team-block-two .social-box a{
	position:relative;
}

.team-block-two .social-box{
	position:relative;
}

.team-block-two .social-box li{
	position:relative;
	margin:0px 1px 4px;
	display:inline-block;
}

.team-block-two .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	text-align:center;
	line-height:40px;
	display:inline-block;
	background-color:rgba(255,255,255,0.15);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.team-block-two .inner-box .social-box li a:hover{
	background-color:#ffffff;
	color:#3b5998;
}

.team-block-two .lower-content{
	position:relative;
	text-align:center;
}

.team-block-two .lower-content .icon-box{
	position:relative;
	width:58px;
	height:58px;
	border-radius:50%;
	text-align:center;
	line-height:40px;
	margin:0 auto;
	color:#ffffff;
	font-size:24px;
	margin-top:-28px;
	background-color:#f13a66;
	border:5px solid #ffffff;
	box-shadow:0px 15px 25px rgba(0,0,0,0.10);
}

.team-block-two .lower-content h3{
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.3em;
	margin-top:25px;
}

.team-block-two .lower-content h3 a{
	position:relative;
	color:#223a66;
}

.team-block-two .lower-content .title{
	position:relative;
	color:#223a66;
	font-size:15px;
	margin-top:8px;
}

.team-block-two:nth-child(2) .inner-box .icon-box{
	background-color:#9143fd;
}

.team-block-two:nth-child(3) .inner-box .icon-box{
	background-color:#00d280;
}

.specialist-section .owl-nav{
	display:none;
}

.specialist-section .owl-dots{
	position:relative;
	text-align:center;
	margin-top:45px;
}

.specialist-section .owl-dots .owl-dot{
	position:relative;
	margin:0px 5px;
	width:12px;
	height:12px;
	border-radius:50%;
	display:inline-block;
	background-color:rgba(241,58,102,0.10);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.specialist-section .owl-dots .owl-dot.active,
.specialist-section .owl-dots .owl-dot:hover{
	background-color:#f13a66;
}

/* Page Breadcrumb */

.page-breadcrumb{
	position:relative;
	background-color:#c33540;
	box-shadow:0px 20px 80px rgba(0,0,0,0.10);
}

.page-breadcrumb:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
      background: linear-gradient(90deg, #f39c12 0%, #e67e22 100%);
}

.page-breadcrumb h2{
	position:relative;
	color:#ffffff;
	padding:46px 0px;
	z-index:1;
	font-size:36px;
	font-weight:700;
}

.page-breadcrumb .image-layer{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
}

.page-breadcrumb .breadcrumbs{
	position:relative;
	padding:55px 110px;
	z-index:1;
}

.page-breadcrumb li{
	position:relative;
	color:#c33540;
	font-weight:500;
	font-size:18px;
	display:inline-block;
}

.page-breadcrumb li a{
	position:relative;
	color:#313131;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.page-breadcrumb li a:hover{
	color:#c33540;
}

.page-breadcrumb .breadcrumbs:before{
	position:absolute;
	content:'';
	left:20px;
	top:0px;
	right:20px;
	bottom:0px;
	z-index:-1;
	background-color:#ffffff;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
}

.page-breadcrumb .breadcrumbs .left-curves{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
}

.page-breadcrumb .breadcrumbs .left-curves:before{
	position:absolute;
	content:'';
	left:-4px;
	top:0px;
	width:22px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255,255,255,0) 100%);
}

.page-breadcrumb .breadcrumbs .left-curves:after{
	position:absolute;
	content:'';
	left:12px;
	top:0px;
	width:8px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #558DCA 100%);
}

.page-breadcrumb .breadcrumbs .right-curves{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
}

.page-breadcrumb .breadcrumbs .right-curves:before{
	position:absolute;
	content:'';
	left:-20px;
	top:0px;
	width:22px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255,255,255,0) 100%);
}

.page-breadcrumb .breadcrumbs .right-curves:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:8px;
	height:100%;
	-ms-transform: skewX(-24deg);
    -webkit-transform: skewX(-24deg);
    transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #558DCA 100%);
}

/*** 

====================================================================
	Achievement Section
====================================================================

***/

.achievement-section{
	position:relative;
	padding:90px 0px 110px;
}

.achievement-section .container{
	position:relative;
}

.achievement-section .title-column{
	position:relative;
}

.achievement-section .title-column .inner-column{
	position:relative;
	padding-right:30px;
}

.achievement-section .title-column .text{
	font-size:16px;
	line-height:26px;
}

.achievement-section .clients-column{
	position:static;
}

.achievement-section .clients-column .inner-column,
.achievement-section .clients-column .inner-column .owl-carousel{
	position:static;
}

.achievement-section .clients-column .inner-column .inner-slide{
	position:relative;
	border-left:1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .column .image{
	border-right:1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .column .image img{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
	
}

.achievement-section .clients-column .inner-column .column .image img:hover{
	filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.achievement-section .clients-column .inner-column .column:nth-child(1),
.achievement-section .clients-column .inner-column .column:nth-child(2),
.achievement-section .clients-column .inner-column .column:nth-child(3){
	border-bottom:1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .owl-dots{
	display:none;
}

.achievement-section .clients-column .inner-column .owl-nav{
	position:absolute;
	left:15px;
	bottom:-20px;
}

.achievement-section .clients-column .inner-column .owl-nav .owl-prev,
.achievement-section .clients-column .inner-column .owl-nav .owl-next{
	position:relative;
	width:40px;
	height:40px;
	color:#131313;
	font-size:10px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	display:inline-block;
	margin-right:15px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
	box-shadow:0px 10px 8px rgba(0,0,0,0.10);
}

.achievement-section .clients-column .inner-column .owl-nav .owl-prev:hover,
.achievement-section .clients-column .inner-column .owl-nav .owl-next:hover{
	background-color:#46c7b1;
	color:#ffffff;
}

/*** 

====================================================================
	Doctors Page Section
====================================================================

 ***/

.doctors-page-section{
	position:relative;
	padding:90px 0px 70px;
}

.doctors-page-section .filters{
	position:relative;
	margin-bottom:40px;
}

.doctors-page-section .filters .filter-tabs{
	position:relative;
}

.doctors-page-section .filters li{
	position: relative;
    display: inline-block;
    color: #313131;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
	margin:0px 15px 6px;
	padding:0px 0px 0px;
	text-transform:capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-bottom:1px solid #c33540;
}

.doctors-page-section .filters .filter.active,
.doctors-page-section .filters .filter:hover{
    color:#c33540;
}

.team-block.mix{
	display:none;
}

/*** 

====================================================================
	Pricing Section
====================================================================

 ***/

.price-section{
	position:relative;
	padding:95px 0px 100px;
	background:#f3f5f7;
}

.price-section.style-two{
	background-color:#ffffff;
}

.price-section .inner-container{
	position:relative;
	box-shadow:0px 15px 40px rgba(0,0,0,0.10);
}

.price-section .pattern-layer-one{
	position: absolute;
    content: '';
    left: 0px;
    bottom: 70px;
    width: 177px;
    height: 600px;
    z-index: 1;
	background-repeat:no-repeat;
	background-position:left top;
}

.price-section .pattern-layer-two{
	position: absolute;
    content: '';
    right: 0px;
    top: 80px;
    width: 239px;
    height: 492px;
    z-index: 1;
}

.price-section .price-block{
	float:left;
	padding:0px;
}

.price-block{
	position:relative;
	z-index:1;
}

.price-block .inner-box{
	position:relative;
	text-align:center;
	background-color:#ffffff;
	padding:35px 40px 30px;
}

.price-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	background-color:#c33540;
	transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.price-block .inner-box:hover::before{
	width:100%;
}

.price-block .upper-box{
	position:relative;
}

.price-block .upper-box h3{
	position:relative;
	font-weight:700;
	line-height:1.4em;
	font-size:20px;
	color:#222222;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .inner-box:hover .package-plan,
.price-block .inner-box:hover .price,
.price-block .inner-box:hover .text,
.price-block .inner-box:hover h3{
	color:#ffffff;
}

.price-block .middle-box{
	position:relative;
	padding:30px 0px;
	margin-top:30px;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-top:1px solid #d2f1ec;
	border-bottom:1px solid #d2f1ec;
}

.price-block .text{
	position:relative;
	font-size:16px;
	line-height:1.8em;
	color:rgba(0,0,0,0.70);
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .lower-box{
	position:relative;
	padding-top:40px;
}

.price-block .price{
	position:relative;
	font-weight:800;
	color:#c33540;
	font-size:36px;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	font-family: 'Lato', sans-serif;
}

.price-block .package-plan{
	position:relative;
	font-size:16px;
	margin-top:15px;
	margin-bottom:38px;
	color:rgba(0,0,0,0.70);
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .inner-box .book-btn{
	position:relative;
	color:#c33540;
	font-weight:700;
	padding:9px 34px;
	border-radius:50px;
	display:inline-block;
	border:1px solid #d2f1ec;
	font-family: 'Lato', sans-serif;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .book-btn span{
	font-size:10px;
	margin-left:2px;
}

.price-block .book-btn{
	border-color:#ffffff;
	background-color:#ffffff;
}

/*** 

====================================================================
	Experiance Section
====================================================================

 ***/

.experiance-section{
	position:relative;
	padding:100px 0px 100px;
	background-color:#f7f9fb;
}

.experiance-section .skills-column{
	position:relative;
}

.experiance-section .skills-column .inner-column{
	position:relative;
	padding:80px 60px 80px;
	background-size:cover;
	background-repeat:no-repeat;
}

.experiance-section h3{
	position:relative;
	font-size:36px;
	font-weight:700;
	line-height:1.3em;
	color:#ffffff;
	margin-bottom:25px;
}

.experiance-section .skills-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,58,102,0.70);
}

/*Skills Section*/

.skills{
	position:relative;
}

.skills .skill-item{
	position:relative;
	margin-bottom:30px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-bar{
	position:relative;
	width:100%;
}

.skills .skill-bar .bar-inner{
	position:relative;
	width:100%;
	border-bottom: 6px solid rgba(255,255,255,0.20);
}

.skills .bar{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	border-bottom:6px solid #ffffff;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skills .skill-header{
	position:relative;
	margin-bottom:10px;
}

.skills .skill-title{
	float:left;
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
	text-transform:capitalize;
}

.skills .skill-percentage{
	position:absolute;
	right:0px;
	top:-30px;
	float:right;
	font-weight:500;
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
}

.experiance-section .featured-column{
	position:relative;
}

.experiance-section .featured-column .inner-column{
	position:relative;
	padding-left:35px;
	padding-top:30px;
}

.experiance-section .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:140px;
	width:210px;
	height:482px;
}

.experiance-section .pattern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:100px;
	width:220px;
	height:487px;
}

/* Doctor Detail Section */

.doctor-detail-section{
	position:relative;
	padding:100px 0px 100px;
}

.doctor-detail-section .image-column{
	position:relative;
	margin-bottom:30px;
}

.doctor-detail-section .image-column .inner-column{
	position:relative;
}

.doctor-detail-section .image{
	position:relative;
}

.doctor-detail-section img{
	position:relative;
	width:100%;
	display:block;
}

.doctor-detail-section .number-box{
	position:absolute;
	left:-15px;
	bottom:30px;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	border-radius:0px 50px 50px 0px;
	background-color:#c33540;
	padding:10px 25px 10px 90px;
}

.doctor-detail-section .number-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-15px;
	border-top: 15px solid #0d7563;
    border-left: 15px solid transparent;
}

.doctor-detail-section .play-button{
	position:absolute;
	left:20px;
	top:-8px;
	width:60px;
	height:60px;
	color:#ffffff;
	border-radius:50%;
	text-align:center;
	line-height:50px;
	display:inline-block;
	border:5px solid #ffffff;
	background-color:#4ed964;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.20);
}

.doctor-detail-section .play-button:hover{
	transform:scale(1.1,1.1);
}

.doctor-detail-section .number-box .ripple,
.doctor-detail-section .number-box .ripple:before,
.doctor-detail-section .number-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 55px;
    width: 55px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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, .9);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .9);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, .9);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, .9);
    box-shadow: 0 0 0 0 rgba(255,255,255, .9);
    -webkit-animation: ripple-2 3s infinite;
    -moz-animation: ripple-2 3s infinite;
    -ms-animation: ripple-2 3s infinite;
    -o-animation: ripple-2 3s infinite;
    animation: ripple-2 3s infinite;
}

.doctor-detail-section .number-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.doctor-detail-section .number-box .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-2 {
    70% {box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple-2 {
    70% {box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.doctor-detail-section .content-column{
	position:relative;
}

.doctor-detail-section .content-column .inner-column{
	position:relative;
	padding-left:30px;
	padding-top:12px;
}

.doctor-detail-section h2{
	position:relative;
	color:#222222;
	font-size:28px;
	font-weight:700;
	margin-bottom:20px;
}

.doctor-detail-section .social-box{
	position:relative;
}

.doctor-detail-section .social-box li{
	position:relative;
	margin-right:8px;
	display:inline-block;
}

.doctor-detail-section .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#ffffff;
	font-size:14px;
	line-height:38px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#c33540;
}

.doctor-detail-section .social-box li.facebook a{
	background-color:#3b5998;
}

.doctor-detail-section .social-box li.twitter a{
	background-color:#1da1f2;
}

.doctor-detail-section .social-box li.linkedin a{
	background-color:#0077b5;
}

.doctor-detail-section .social-box li.youtube a{
	background-color:#ff0000;
}

.doctor-detail-section .social-box li.vk a{
	background-color:#45668e;
}

/* Doctor Info List */

.doctor-info-list{
	position:relative;
	margin-bottom:40px;
}

.doctor-info-list li{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:500;
	margin-bottom:8px;
}

.doctor-info-list li span{
	position:relative;
	width:160px;
	margin-right:30px;
	display:inline-block;
}

.doctor-info-list li span:before{
	position:absolute;
	content:':';
	right:0px;
	top:0px;
	color:#222222;
	font-weight:500;
}

/* Biography Section */

.biography-section{
	position:relative;
	padding-bottom:90px;
}

.biography-section .pattern-one{
	position:absolute;
	content:'';
	left:0px;
	top:40px;
	width:436px;
	height:359px;
	display:inline-block;
}

.biography-section .title-column{
	position:relative;
	margin-bottom:40px;
}

.biography-section .title-column h2{
	position:relative;
	font-weight:700;
	color:#222222;
	padding-right:100px;
	display:inline-block;
	text-transform:capitalize;
}

.biography-section .title-column h2:after{
	position:absolute;
	content:'';
	right:0px;
	top:18px;
	height:3px;
	width:80px;
	background-color:#c33540;
}

.biography-section .content-column{
	position:relative;
}

.biography-section .content-column .inner-column{
	position:relative;
}

.biography-section p{
	position:relative;
	color:#313131;
	font-size:18px;
	line-height:1.6em;
	margin-bottom:25px;
}

.biography-section .signature{
	position:relative;
}

/*** 

====================================================================
	Services Page Section
====================================================================

 ***/

.services-page-section{
	position:relative;
	padding:100px 0px 70px;
}

/* Services Block Three */

.services-block-three{
	position:relative;
	margin-bottom:30px;
}

.services-block-three .inner-box{
	position:relative;
	padding:15px 15px;
	border:1px solid #f5f5f5;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.services-block-three .inner-box:hover{
	box-shadow:0px 0px 30px rgba(0,0,0,0.10);
	border:1px solid transparent;
}

.services-block-three .image{
	position:relative;
}

.services-block-three .image img{
	position:relative;
	width:100%;
	display:block;
}

.services-block-three .lower-content{
	position:relative;
	padding:0px 22px 25px;
}

.services-block-three .icon-box{
	position:relative;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:25px;
	line-height:60px;
	text-align:center;
	border-radius:50px;
	margin:0 auto;
	margin-top:-30px;
	background-color:#223a66;
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-three .inner-box:hover .icon-box{
	background-color:#c33540;
}

.services-block-three .inner-box:hover .icon-box{
	box-shadow:0px 0px 25px rgba(34,58,102,0.40);
}

.services-block-three h3{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	margin-top:24px;
	margin-bottom:12px;
}

.services-block-three h3 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.services-block-three h3 a:hover{
	color:#c33540;
}

.services-block-three .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.7em;
}

/* Services Single Section */

.services-single-section{
	position:relative;
	padding:100px 0px 90px;
}

.services-widget{
	position:relative;
	margin-bottom:60px;
}

.cat-list{
	position:relative;
}

.cat-list li{
	position:relative;
	margin-bottom:1px;
	box-shadow:0px 10px 30px rgba(0,0,0,0.05);
}

.cat-list li:before{
	position:absolute;
	right:20px;
	top:24px;
	z-index:1;
	opacity:0;
	content: "\f11d";
	font-family: "Flaticon";
}

.cat-list li:hover::before,
.cat-list li.active::before{
	opacity:1;
	color:#ffffff;
}

.cat-list li a{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:500;
	padding:23px 28px;
	display:block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.cat-list li:hover a,
.cat-list li.active a{
	position:relative;
	color:#ffffff;
	background-color:#223a66;
}

/* Schedule Widget */

.schedule-widget{
	position:relative;
}

.schedule-widget .image{
	position:relative;
}

.schedule-widget img{
	position:relative;
	width:100%;
	display:block;
}

.schedule-widget .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #223a66 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #223a66 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #223a66 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #223a66));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #223a66 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #223a66 100%);
}

.schedule-widget .content{
	position:absolute;
	left:40px;
	bottom:30px;
	right:40px;
	padding-left:60px;
}

.schedule-widget h3{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
}

.schedule-widget .icon{
	position:absolute;
	left:0px;
	top:8px;
	font-weight:400;
	color:#ffffff;
	font-size:45px;
	line-height:1em;
}

.services-single-section .content-column{
	position:relative;
}

.services-single-section .content-column .inner-column{
	position:relative;
}

.services-single-section .services-carousel{
	position:relative;
}

.services-single-section .carousel-outer{
	position:relative;
	overflow:hidden;
}

.services-single-section .thumbs-carousel{
	position:relative;
	width:145px !important;
	height:95px;
	margin:0 auto;
	overflow:visible;
	margin-top:10px;
}

.services-single-section .thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.services-single-section .owl-stage-outer .owl-item.active li:before{
	display:none;
}

.services-single-section .thumbs-carousel .owl-nav,
.services-single-section .thumbs-carousel .owl-prev{
	display:none;
}

.services-single-section .thumbs-carousel li{
	cursor:pointer;
}

.services-single-section .thumbs-carousel li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.8;
	background-color:#223a66;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.services-single-section .thumbs-carousel li:hover::before{
	opacity:0;
}

.services-single-section h2{
	position:relative;
	color:#223a66;
	font-size:36px;
	font-weight:700;
	line-height:1.3em;
	margin-top:40px;
	margin-bottom:18px;
}

.services-single-section .text{
	position:relative;
}

.services-single-section p{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:15px;
}

/* Plan List */

.plan-list{
	position:relative;
}

.plan-list li{
	position:relative;
	margin-bottom:10px;
	color:#222222;
	font-size:16px;
}

.plan-list li i{
	position:relative;
	padding-right:8px;
	background-color:#ffffff;
}

.plan-list li:before{
	position:absolute;
	content:'';
	left:0px;
	top:13px;
	height:1px;
	width:100%;
	border:1px dashed #e5e5e5;
}

.plan-list li span{
	position:absolute;
	right:0px;
	top:0px;
	padding-left:8px;
	background-color:#ffffff;
}

/* List Style Three */

.list-style-three{
	position:relative;
}

.list-style-three li{
	position:relative;
	color:#222222;
	font-weight:500;
	margin-bottom:10px;
	padding-left:20px;
}

.list-style-three li:before{
	position:absolute;
	content: "\f193";
	left:0px;
	top:0px;
	font-family: "Flaticon";
}

/* Contact Page Section */




/*** 

====================================================================
	Map Section Style
====================================================================

***/

/*** 

====================================================================
	Department Page Section
====================================================================

***/

.department-page-section{
	position:relative;
	padding-top:100px;
}

.department-page-section .outer-container{
	position:relative;
	max-width: 1115px;
    margin: 0 auto;
    overflow-x: auto;
	box-shadow: 0px 20px 35px rgba(0,0,0,0.10);
}

.department-page-section .outer-container .inner-container{
    position: relative;
    max-width: 1115px;
    margin: 0 auto;
}

/* Days Block */

.days-blocks{
	position:relative;
	
}

.days-blocks .days-inner{
	position:relative;
	padding-left:140px;
}

.days-blocks .days-inner .days-icon{
	position:absolute;
	left:0px;
	top:0px;
	margin-bottom:2px;
	color:#ffffff;
	min-height:60px;
	line-height:59px;
	font-size:42px;
	display:block;
	min-width:137px;
	margin-right:2px;
	text-align:center;
	background-color:#c33540;
}

.days-blocks .days-inner .days-name{
	position:relative;
	min-height:60px;
	line-height:59px;
	float:left;
	color:#222222;
	font-size:16px;
	font-weight:600;
	min-width:137px;
	margin-bottom:2px;
	text-align:center;
	margin-right:2px;
	text-transform:capitalize;
}

.days-blocks .days-inner .days-name:nth-child(2n + 1){
	background-color:#ecf9f5;
}

/* Times Block */

.times-blocks{
	position:relative;
	float:left;
}

.times-blocks .times-inner{
	position:relative;
}

.times-blocks .times-inner .time-date{
	position:relative;
	min-height:140px;
	padding-left:20px;
	padding-top:45px;
	font-weight:600;
	color:#222222;
	font-size:16px;
	width:137px;
	margin-bottom:2px;
	margin-right:2px;
}

.times-blocks .times-inner .time-date:nth-child(2n + 1){
	background-color:#ecf9f5;
}

.info-blocks{
	position:relative;
	float:left;
}

.info-blocks .info-inner{
	position:relative;
}

.info-blocks .info-inner .info-content{
	position:relative;
	padding-top:30px;
	width:137px;
	padding-left:20px;
	margin-bottom:2px;
	margin-right:2px;
	background-color:#223a66;
}

.info-blocks .info-inner .info-content:last-child{
	margin-bottom:0px;
}

.info-blocks .info-inner .info-content.empty-block{
	min-height:140px;
	background-color:#ffffff;
}

.info-blocks .info-inner .info-content.white-large{
	min-height:281px;
	background-color:#ffffff;
}

.info-blocks .info-inner .info-content.x-large{
	min-height:424px;
}

.info-blocks .info-inner .info-content.style-two{
	background-color:#c33540;
}

.info-blocks .info-inner .info-content.large{
	min-height:282px;
}

.info-blocks .info-inner .info-content.medium{
	min-height:140px;
}

.info-blocks .info-inner .info-content h4{
	position:relative;
	font-size:14px;
	font-weight:600;
	line-height:1.6em;
	color:#ffffff;
	margin-bottom:12px;
	padding-bottom:10px;
}

.info-blocks .info-inner .info-content h4:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:20px;
	background-color:rgba(255,255,255,0.15);
}

.info-blocks .info-inner .info-content .author{
	position:relative;
	font-size:14px;
	font-weight:600;
	line-height:1.6em;
	color:#ffffff;
}

.page-title{
	position:relative;
}

.page-title .outer-container{
	position:relative;
}

.page-title .outer-container .image{
	position:relative;
}

.page-title .outer-container .image img{
	position:relative;
	width:100%;
	display:block;
}

.elementskit-header{
	position:relative;
	z-index:10;
}

.main-header .elementskit-navbar-nav > li{
	margin-right:30px;
	padding:25px 0px;
}

.main-header.header-style-two .elementskit-navbar-nav > li,
.main-header.header-style-three .elementskit-navbar-nav > li{
	padding:22px 0px;
}

.main-header.header-style-two .elementskit-navbar-nav > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:21px;
	height:2px;
	width:0px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	background-color:#c33540;
}

.main-header.header-style-two .elementskit-navbar-nav > li:hover::before{
	width:15px;
}





.main-header.header-style-three .elementskit-navbar-nav > li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:21px;
	height:2px;
	width:0px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	background-color:#f13a66;
}

.main-header.header-style-three .elementskit-navbar-nav > li:hover::before{
	width:15px;
}






.main-header .elementskit-navbar-nav > li:last-child{
	margin-right:0px;
}

.main-header .elementskit-navbar-nav > li > a{
	padding:30.5px 0px;
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
    opacity: 1;
    color: #222222;
    padding: 0;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header.header-style-two .elementskit-navbar-nav > li > a,
.main-header.header-style-three .elementskit-navbar-nav > li > a{
	color:#ffffff;
}

.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before{
    content: "\f13d";
    position: absolute;
    right: 0px;
    top: 4px;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	color:#c33540;
}

.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before{
	color:rgba(255,255,255,0.50);
}

.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before{
	color:#ffffff;
}

/* .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:after{
	content: "\f137";
    position: absolute;
    right: 0px;
    top: 4px;
    opacity: 0;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
} */

.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has a{
	padding-right:18px !important;
}

/* .main-header .elementskit-navbar-nav > li:hover > a:before{
	opacity:0;
}

.main-header .elementskit-navbar-nav > li:hover > a:after{
	opacity:1;
} */

.main-header .elementskit-dropdown{
	background-color:#ffffff;
	border:3px solid #1cb89d;
}

.main-header .elementskit-submenu-panel > li{
	position:relative;
	border-bottom:1px solid #f9f9f9;
}

.main-header .elementskit-submenu-panel > li > a{
	position:relative;
	padding:12px 5px;
	color:#222222;
	display:block;
	font-size:15px;
	font-weight:500;
	text-transform:capitalize;
	background:none;
	
}







/*** 

====================================================================
	Branch Tabs Style
====================================================================

***/

.department-page-section .network-tabs{
	position:relative;
}

.department-page-section .network-tabs .tab-btns{
	position:relative;
	z-index:1;
	margin-left:30px;
	margin-bottom:45px;
}

.department-page-section .network-tabs .tab-btns .our-branches{
	position:relative;
    color: #222222;
    font-weight: 600;
	width: 100%;
	max-width:360px;
    font-size: 15px;
    font-style: normal;
    height: 56px;
    padding: 10px 28px;
    line-height: 34px;
    color: #ffffff;
    border: none;
	float:left;
	margin-right:30px;
    border-radius: 0px;
    background: rgba(255,255,255,0.10);
    box-shadow: 0px 15px 30px rgba(0,0,0,0.10);
}

.department-page-section .network-tabs .tab-btns .our-branches .btn{
	position:relative;
	width:100%;
	font-size:16px;
	color:#222222;
	display:block;
	text-align:left;
	padding:6px 0px;
	border-radius:0px;
	border:none;
	background:none;
	box-shadow:none;
	font-weight:600;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn .icon{
	margin-right:5px;
	color:#17b2e1;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn:hover{
	background:none;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn .fa{
	position:absolute;
	right:0px;
	top:10px;
}

.department-page-section .our-branches .dropdown-menu{
	top:100%;
	left:0px;
	width:100%;	
	border-radius:0px;
	margin-top:10px;
	background-color:#ffffff;
	border:none;
	padding:0px;
	z-index:1;
	margin-left:-28px;
	box-shadow: 0px 15px 30px rgba(0,0,0,0.10);
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

.department-page-section .our-branches a:hover{
	background:none;
}

.department-page-section .our-branches .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	float:none;
	width:100%;
	color:#222222;
	cursor:pointer;
	font-size:14px;
	font-weight:400;
	padding:6px 32px 6px;
	display:block !important;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.department-page-section .our-branches .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.department-page-section .our-branches .dropdown-menu > li:hover{
	color:#ffffff !important;
	background-color:rgba(28,184,157,1);
}

.department-page-section .network-tabs .tabs-content{
	position:relative;
	padding:15px 0px 0px;
}

.department-page-section .network-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.department-page-section .network-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.close-side-widget{
	color:#ffffff !important;
	font-size:24px;
}

.main-header .xs-menu-tools{
	position:absolute;
	right:0px;
	top:17px;
	z-index:1;
}

.main-header .xs-menu-tools li{
	position:relative;
}

.main-header .xs-navbar{
	display:block;
}

/* Nav Search Button */

.navsearch-button{
	position: relative;
    width: 60px;
    height: 50px;
    cursor: pointer;
    background: none;
    font-size: 18px;
    color: #ffffff !important;
	text-align:center;
	line-height:54px;
	display:inline-block;
    background-color: #e58235;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.navsearch-button:before{
	position: absolute;
    content: '';
    left: -5px;
    top: 0px;
    width: 12px;
    z-index: -1;
    height: 100%;
    background-color: #d3d8e0;
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.navsearch-button:hover{
    background-color: #c33540;
}

.navsearch-button:hover::before{
	    -ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
}

.main-header .header-upper .elementskit-navbar{
	margin-left:260px;
}

/* Cart Product */

.cart-product{
	position:relative;
	margin-bottom:20px;
	min-height:90px;
	border-bottom:1px solid rgba(255,255,255,0.20);
}

.cart-product .inner{
	position:relative;
	padding-left:90px;
	min-height:70px;
}

.cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	color:#ffffff;
	font-size:16px;
	cursor:pointer;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.cart-product .inner .cross-icon:hover{
	color:#1cb89d;
}

.cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.cart-product .inner h3{
	position:relative;
	font-weight:400;
	font-size:14px;
	margin:0px;
	margin-bottom:6px;
	letter-spacing: 1px;
	text-transform:capitalize;
	font-family: 'Poppins', sans-serif;
}

.cart-product .inner h3 a{
	color:#ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.cart-product .inner h3 a:hover{
	color:#1cb89d;
}

.cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:#ffffff;
	font-size: 14px;
	margin-bottom: 0px;
}

.cart-product .inner .price{
	position:relative;
	font-weight:400;
	font-size:15px;
	margin:0px;
	color:#ffffff;
}

.main-header .elementskit-megamenu-panel > li{
	padding:0px;
}

.main-header .elementskit-megamenu-panel li:before{
	display:none;
}

.main-header .elementskit-dropdown li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	background-color:#1cb89d;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}


.main-header .elementskit-dropdown li.active::before{
	width:100%;
}

.main-header .elementskit-dropdown li.active a{
	color:#ffffff;
}

.main-header .elementskit-dropdown li:hover::before{
	width:100%;
}

.main-header .elementskit-dropdown > li:hover > a{
	color:#ffffff;
}

.elementskit-submenu-panel>li:hover>a, .elementskit-submenu-panel>li>a:hover{
	background:none !important;
}

.main-header .elementskit-megamenu-panel{
	border:none;
	padding:25px 0px 20px;
}

.elementskit-dropdown{
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.megamenu_lists li a{
	position:relative;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	z-index: 1;
}

.megamenu_lists li a:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	background-color:#1cb89d;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.megamenu_lists li a:hover{
	color:#ffffff;
}

.megamenu_lists li a:hover::before{
	width:100%;
	z-index:-1;
}

#about {
	background-image: url(/images/icons/pattern-icon-1.png);
	/* background-repeat:repeat-x; */
	/* background-position: center; */
	background-size: cover;


}

.care-section .inner-box {
	background-color: #d6d6e0;
	border: 2px solid #e58235 ;
	border-radius: 10px;
}
.news-block {
	border: 2px solid #e58235 ;

}
.news-block .image {
	padding: 20px !important;

}



/* custom css */
/* --- Unique Product Section Styles --- */
.aventis-product-section {
    padding: 80px 0;
    background-color: #f8fbfd; /* Section ka background light blue-grey */
}

/* Header Styling */
.aventis-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
    padding: 0 15px;
}

.aventis-title {
    color: #2c3e50;
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.aventis-view-all {
    color: #004e8a;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1rem;
}
.aventis-view-all:hover { color: #f39c12; }

/* --- CARD DESIGN (PREMIUM LOOK) --- */
.aventis-card {
    background: #ffffff;
    
    /* 1. Subtle Border for Definition */
    border: 1px solid #eef2f6; 
    
    /* 2. Soft Shadow initially */
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    
    border-radius: 12px;
    padding: 30px 25px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Smooth Bounce Effect */
    
    /* 3. Bottom Border ready (Transparent initially) */
    border-bottom: 4px solid transparent;

    /* Equal Height Logic */
    height: 100%; 
    display: flex;
    flex-direction: column; 
    justify-content: space-between;
}

/* --- HOVER EFFECT (Jaadu Yahan Hai) --- */
.aventis-card:hover {
    transform: translateY(-10px); /* Card Upar Uthega */
    
    /* Background thoda warm hoga */
    background: linear-gradient(to bottom, #ffffff 0%, #fffbf5 100%);
    
    /* Border Blue aur Bottom Orange */
    border-color: #dbeeff;
    border-bottom-color: #f39c12; 
    
    /* Shadow deep ho jayegi */
    box-shadow: 0 20px 40px rgba(0,40,90,0.08);
}

/* Icon Box Design */
.aventis-icon-box {
    width: 65px;
    height: 65px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 28px;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* Icon ki shadow */
}

/* Gradients for Icons */
.av-grad-blue   { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.av-grad-orange { background: linear-gradient(135deg, #fce38a 0%, #f38181 100%); }
.av-grad-grey   { background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%); color: #555 !important; }
.av-grad-purple { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }

/* Content Typography */
.aventis-content-top h3 {
    margin-bottom: 12px;
}

.aventis-content-top h3 a {
    color: #2c3e50;
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 700;
    line-height: 1.3;
    transition: 0.3s;
}

/* Hover karne pe Title ka color bhi change hoga */
.aventis-card:hover h3 a {
    color: #004e8a;
}

.aventis-content-top p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Button Styling */
.aventis-read-more {
    color: #004e8a;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto; 
    transition: 0.3s;
}
.aventis-read-more:hover { 
    color: #f39c12; 
    padding-left: 5px; 
}

/* --- BOTTOM SECTION (Why Choose Us & Industries) --- */
.aventis-bottom-section {
    padding: 80px 0;
    background-color: #ffffff; /* Clean White Background */
}

.aventis-section-title {
    font-size: 1.75rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 30px;
}

/* --- FEATURE CARDS (Why Choose Us) --- */
.aventis-feature-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    height: 100%; /* Ensures equal height in grid */
}

.aventis-feature-card:hover {
    transform: translateY(-5px);
    border-color: #dbeeff;
    box-shadow: 0 15px 30px rgba(0,40,90,0.08);
}

/* Colorful Icon Circles */
.av-icon-circle {
    min-width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    flex-shrink: 0;
}

/* Unique Gradients for each icon */
.bg-tech   { background: linear-gradient(135deg, #3a7bd5 0%, #3a6073 100%); } /* Blue */
.bg-qual   { background: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%); } /* Gold */
.bg-cost   { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); } /* Green */
.bg-supp   { background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%); } /* Red/Orange */

.aventis-feature-content h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 5px;
}

.aventis-feature-content p {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* --- INDUSTRY CARDS (Industries Served) --- */
.aventis-industry-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    height: 100%;
}

.aventis-industry-card:hover {
    transform: translateY(-5px);
    border-color: #f39c12; /* Orange border on hover */
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

.av-ind-icon {
    font-size: 28px;
    color: #004e8a; /* Brand Blue */
}

.aventis-industry-card h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

.aventis-industry-card p {
    font-size: 0.8rem;
    color: #888;
    margin: 0;
    margin-top: 2px;
}

/* Enquire Button Alignment */
.enquire-btn-wrapper {
    text-align: right;
    margin-top: 30px;
}

.btn-enquire-solid {
    background-color: #004e8a;
    color: white;
    padding: 12px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
    display: inline-block;
}

.btn-enquire-solid:hover {
    background-color: #003366;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,78,138,0.3);
}

/* Responsive spacing */
@media (max-width: 991px) {
    .industries-wrapper { margin-top: 50px; }
}


/* --- TECHNICAL CONSULTANCY SECTION --- */
.services-single-section {
    padding: 100px 0; /* Increased padding for a bigger look */
    background: linear-gradient(180deg, #ffffff 0%, #f0f7fc 100%);
}

.section-title h2 {
    color: #004e8a;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

/* Underline for Title */
.section-title h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80px;
    height: 4px;
    background: #f39c12;
    border-radius: 2px;
}

/* Typography for Long Text */
.aventis-text-block p {
    color: #5a6670;
    font-size: 16px;
    line-height: 1.9; /* More breathing room for text */
    margin-bottom: 25px;
    text-align: justify; /* Makes long text look neat blocks */
}

.aventis-text-block strong {
    color: #004e8a;
    font-weight: 700;
}

/* List Styling */
.consultancy-header {
    color: #2c3e50;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    border-left: 5px solid #f39c12;
    padding-left: 15px;
}

.aventis-consultancy-list li {
    display: flex;
    align-items: flex-start; /* Aligns icon to top of multi-line text */
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.aventis-consultancy-list li i {
    width: 40px;
    height: 40px;
    background: #eef6fb;
    color: #004e8a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px; /* Visual alignment fix */
}

/* Image Box */
.consultancy-image-box {
    position: relative;
    border: 5px solid #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.consultancy-image-box img {
    width: 100%;
    height: auto;
    transition: transform 0.5s;
}

.consultancy-image-box:hover img {
    transform: scale(1.02);
}

/* Bottom Quote */
.aventis-quote-box {
    background: #004e8a;
    color: #fff;
    padding: 30px;
    border-radius: 8px;
    margin-top: 50px;
    text-align: center;
    position: relative;
}

.aventis-quote-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 0.5px;
}


/* about section  */
/* --- AVENTIS PREMIUM ABOUT SECTION --- */
/* --- AVENTIS PREMIUM ABOUT SECTION --- */
.aventis-about-section {
    padding: 100px 0;
    background-color: #ffffff;
    position: relative; /* Essential for patterns to position correctly */
    overflow: hidden;
}

/* Pattern Layers (From your template) */
.aventis-about-section .pattern-layer-one {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
    background-position: left bottom;
    opacity: 0.5;
    z-index: 0;
    animation: zoom-fade 5s infinite linear; /* Optional animation from template */
}

.aventis-about-section .pattern-layer-two {
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 0.5;
    z-index: 0;
}

/* Experience Badge */
.experience-badge {
    background: linear-gradient(90deg, #f39c12 0%, #e67e22 100%);
    color: #fff;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 25px;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);
    position: relative;
    z-index: 1;
}

/* Text Content */
.aventis-about-text {
    position: relative;
    z-index: 1;
    padding-right: 20px;
}

.aventis-about-text h2 {
    color: #2c3e50;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.2;
}

.aventis-about-text p {
    color: #5a6670;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

.aventis-highlight-text {
    border-left: 4px solid #004e8a;
    padding-left: 15px;
    font-style: italic;
    color: #333;
    font-weight: 600;
    margin: 30px 0;
    background: #f8fbfd;
    padding: 15px;
    border-radius: 0 8px 8px 0;
}

/* --- RIGHT SIDE: "WHY US" CARD --- */
.aventis-why-card {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    border-top: 6px solid #004e8a;
    position: relative;
    z-index: 1;
    overflow: hidden; /* Keeps watermark inside */
}

.aventis-why-card h3 {
    font-size: 24px;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
    z-index: 2;
}

.aventis-why-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.aventis-why-list li {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    font-size: 16px;
    color: #555;
    font-weight: 500;
}

/* Check Icons */
.aventis-why-list li i {
    color: #004e8a;
    font-size: 16px;
    margin-right: 15px;
    background: #eef6fb;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Enquire Button inside Card */
.btn-card-action {
    display: block;
    width: 100%;
    text-align: center;
    background: #004e8a;
    color: #fff;
    padding: 12px;
    border-radius: 6px;
    margin-top: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    position: relative;
    z-index: 2;
}

.btn-card-action:hover {
    background: #003366;
    color: #fff;
}

/* NEW: Watermark Icon (Replaces the Bag) */
.card-watermark {
    position: absolute;
    bottom: -20px;
    right: -20px;
    font-size: 150px;
    color: #f3f4f6; /* Very light grey */
    opacity: 0.5;
    z-index: 0;
    transform: rotate(-15deg);
    pointer-events: none;
}

/* --- SECTION 1: STATS COUNTER (Dark Strip) --- */

/* --- FAST PERFORMANCE STATS SECTION --- */
.aventis-stats-section {
    padding: 80px 0;
    /* Heavy Image ki jagah Professional Gradient use karein */
    background: linear-gradient(135deg, #004e8a 0%, #002b4d 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    /* Hardware Acceleration for smooth scroll */
    transform: translateZ(0); 
}

/* Background Decoration (Lightweight CSS Patterns instead of Image) */
.aventis-stats-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: 0.3;
    pointer-events: none;
}

/* Stat Box Design */
.stat-box {
    text-align: center;
    padding: 20px;
    position: relative;
    transition: transform 0.3s ease;
}

/* Hover Effect (Performance Friendly) */
.stat-box:hover {
    transform: translateY(-5px); 
}

/* Separator Line (Border) */
.stat-box::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(255,255,255,0.2);
}

/* Last box ka border hatane ke liye */
.col-lg-3:last-child .stat-box::after {
    display: none;
}

/* Icons */
.stat-icon {
    font-size: 45px;
    color: #f39c12; /* Orange Icon */
    margin-bottom: 15px;
    display: inline-block;
    transition: 0.3s;
}

.stat-box:hover .stat-icon {
    transform: scale(1.1);
    color: #fff;
}

/* Numbers */
.stat-number {
    display: block;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 5px;
    line-height: 1;
}

/* Text */
.stat-text {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.8);
    font-weight: 600;
}

/* Mobile Fix (Remove Borders on Mobile) */
@media (max-width: 991px) {
    .stat-box::after { display: none; }
    .stat-box { margin-bottom: 30px; }
}



/* --- SECTION 2: WORK PROCESS (Steps) --- */
/* --- IMPROVED PROCESS SECTION --- */
.aventis-process-section {
    padding: 100px 0;
    background-color: #f8fbfd; /* Light Brand Background */
    position: relative;
    overflow: hidden;
}

/* Center Title Styling */
.aventis-center-title {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.aventis-center-title h2 {
    color: #004e8a;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

/* Proper Centered Underline */
.aventis-center-title h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #f39c12; /* Orange Line */
    border-radius: 2px;
}

.aventis-center-title p {
    color: #666;
    font-size: 16px;
    margin-top: 15px;
}

/* Process Steps Wrapper */
.process-wrapper {
    position: relative;
    padding-top: 30px; /* Space for the circles popping up */
}

/* The Dotted Connecting Line (Desktop Only) */
.process-line {
    position: absolute;
    top: 55px; /* Aligns with the center of the circle */
    left: 15%;
    right: 15%;
    height: 2px;
    border-top: 2px dashed #dbeeff; /* Blue dashed line */
    z-index: 0;
    display: block;
}

/* Individual Step Box */
.process-step-box {
    background: #fff;
    padding: 45px 25px 30px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 4px solid transparent;
    height: 100%; /* Equal Height */
    margin-top: 25px;
    z-index: 1; /* Above the line */
}

.process-step-box:hover {
    transform: translateY(-10px);
    border-bottom-color: #f39c12;
    box-shadow: 0 20px 40px rgba(0,78,138,0.1);
}

/* Number Circle */
.step-number {
    width: 60px;
    height: 60px;
    background: #004e8a;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -30px; /* Floats above the card */
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid #f8fbfd; /* Matches section bg to hide line behind */
    box-shadow: 0 5px 15px rgba(0,78,138,0.2);
    transition: 0.3s;
    z-index: 2;
}

.process-step-box:hover .step-number {
    background: #f39c12;
    transform: translateX(-50%) scale(1.1); /* Slight pop effect */
}

/* Text Styling */
.process-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    margin-top: 10px;
    margin-bottom: 15px;
}

.process-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .process-line { display: none; } /* Hide line on tablet/mobile */
    .process-step-box { margin-bottom: 40px; }
}


/* Contact Page Section */
/* --- AVENTIS CONTACT SECTION WITH GRAPHICS --- */
.aventis-contact-section {
    padding: 100px 0;
    background-color: #f8fbfd;
    position: relative;
    overflow: hidden; /* Zaroori hai taaki graphics bahar na nikle */
    z-index: 1;
}

/* 1. Global Map Watermark (Left Side) */
.map-watermark {
    position: absolute;
    left: -50px;
    bottom: -50px;
    font-size: 300px;
    color: rgba(0, 78, 138, 0.03); /* Bahut halka blue */
    z-index: -1;
    transform: rotate(10deg);
    pointer-events: none;
}

/* 2. Floating Circle Decoration (Right Side behind form) */
.floating-shape {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(243, 156, 18, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1;
    animation: float-move 6s ease-in-out infinite;
}

@keyframes float-move {
    0% { transform: translateY(0px) translateX(0px); }
    50% { transform: translateY(-20px) translateX(10px); }
    100% { transform: translateY(0px) translateX(0px); }
}

/* Pattern Layers (Reusing from About) */
.aventis-contact-section .pattern-layer-one {
    position: absolute;
    left: 0;
    top: 10%;
    width: 200px;
    height: 400px;
    background-image: url('images/background/pattern-16.png'); /* Ensure path matches your folder */
    background-repeat: no-repeat;
    opacity: 0.4;
    z-index: -1;
}

/* --- CONTACT CARDS & FORM (Same as before with minor tweak) --- */
.contact-title-box h2 {
    color: #004e8a;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
}

.contact-title-box p {
    color: #5a6670;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 40px;
}

.aventis-contact-card {
    background: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    border-left: 5px solid #004e8a;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

.aventis-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,78,138,0.1);
    border-left-color: #f39c12;
}

/* Small graphic inside card on hover */
.aventis-contact-card::after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: -20px;
    width: 80px;
    height: 80px;
    background: rgba(0, 78, 138, 0.05);
    border-radius: 50%;
    transition: 0.3s;
}

.aventis-contact-card:hover::after {
    transform: scale(1.5);
    background: rgba(243, 156, 18, 0.1);
}

.contact-icon-box {
    width: 50px;
    height: 50px;
    background: #eef6fb;
    color: #004e8a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    z-index: 1;
}

.aventis-contact-card h4, .aventis-contact-card p, .aventis-contact-card div {
    z-index: 1; /* Text stays above graphic */
    position: relative;
}

.aventis-contact-card h4 { font-size: 18px; font-weight: 700; color: #2c3e50; margin-bottom: 8px; }
.aventis-contact-card p { font-size: 14px; color: #666; margin: 0; line-height: 1.5; }
.aventis-contact-card a { color: #666; transition: 0.3s; }
.aventis-contact-card a:hover { color: #f39c12; }

/* Right Form Box */
.aventis-form-box {
    background: #004e8a;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    color: #fff;
    position: relative;
    z-index: 1;
}
/* ... (Form Styles remain same as previous, just adding z-index) ... */
.aventis-form-box h3 { color: #fff; font-size: 28px; font-weight: 700; margin-bottom: 10px; }
.aventis-form-box p { color: rgba(255,255,255,0.8); margin-bottom: 30px; }

.aventis-form-group { margin-bottom: 20px; position: relative; }
.aventis-input { width: 100%; padding: 15px 20px; padding-left: 45px; border: none; border-radius: 8px; background: #fff; color: #333; font-size: 15px; }
.aventis-input:focus { outline: none; box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.4); }
.input-icon { position: absolute; left: 15px; top: 18px; color: #004e8a; font-size: 16px; }
.aventis-textarea { height: 120px; padding-top: 15px; resize: none; }
.btn-submit-aventis { width: 100%; padding: 15px; background: linear-gradient(90deg, #f39c12 0%, #e67e22 100%); border: none; border-radius: 8px; color: white; font-size: 16px; font-weight: 700; cursor: pointer; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; }
.btn-submit-aventis:hover { background: #d35400; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }


/* --- AVENTIS MAP SECTION (Template Compatible) --- */
.map-section {
    position: relative;
    background: #fff;
    padding: 0;
}

.map-outer {
    position: relative;
    width: 100%;
    height: 500px; /* Adjust height as needed */
    overflow: hidden;
}

/* Ensure the map div fills the container */
.google-map {
    width: 100%;
    height: 100%;
}

/* --- PREMIUM OVERLAY BOX (Floating Card) --- */
.aventis-map-overlay {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    max-width: 350px;
    border-left: 6px solid #004e8a; /* Brand Blue */
    z-index: 10; /* Ensures it sits ON TOP of the map */
}

.aventis-map-overlay h4 {
    color: #004e8a;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
}

.aventis-map-overlay p {
    color: #555;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
    display: flex;
    gap: 15px;
}

.aventis-map-overlay i {
    color: #f39c12; /* Orange Icon */
    font-size: 18px;
    margin-top: 4px;
}

.btn-map-direction {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #f39c12;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.3s;
}

.btn-map-direction:hover {
    color: #004e8a;
    padding-left: 5px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .aventis-map-overlay {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        max-width: 100%;
        border-radius: 0;
        border-left: none;
        border-bottom: 6px solid #004e8a;
        box-shadow: none;
        border-bottom: 1px solid #eee;
    }
    .map-outer { height: 350px; }
}
/* --- ATTRACTIVE BACKGROUND & ALIGNMENT FIX --- */
.aventis-featured-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    
    /* ATTRACTIVE BACKGROUND: Image + Blue Gradient Overlay */
    /* Niche wala URL image ka path sahi rakhein (e.g., images/background/pattern-1.jpg ya factory.jpg) */
    background: linear-gradient(rgba(0, 78, 138, 0.95), rgba(0, 43, 85, 0.98)), url('images/background/12.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax Effect for premium feel */
    color: #fff;
    z-index: 1;
}

/* Background Pattern Decoration (Subtle Dots) */
.aventis-featured-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 30px 30px; /* Dotted Pattern */
    opacity: 0.3;
    z-index: -1;
}

/* --- PERFECTLY ALIGNED HEADER --- */
.aventis-light-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.aventis-light-header h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px; /* Line aur Text ke beech gap */
    display: inline-block; /* Zaroori hai center alignment ke liye */
    position: relative;
}

/* Orange Line Fix - Absolute Centering */
.aventis-light-header h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -12px; /* Text se thoda neeche */
    transform: translateX(-50%); /* EXACT CENTER FORMULA */
    width: 80px;
    height: 4px;
    background: #f39c12; /* Orange Color */
    border-radius: 2px;
}

.aventis-light-header p {
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    margin-top: 10px;
}

/* --- SCROLL CONTAINER (Same as before) --- */
.aventis-scroll-container {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    padding: 10px 5px 30px 5px; /* Bottom padding for shadow */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.aventis-scroll-container::-webkit-scrollbar { display: none; }

.av-scroll-item {
    flex: 0 0 auto;
    width: 280px; /* Card Width */
}

/* --- CARD STYLE --- */
.av-slider-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* Deep Shadow */
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

.av-slider-card:hover {
    transform: translateY(-5px);
}

.av-slider-img {
    height: 180px;
    background: #f8f9fa;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

.av-slider-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.av-slider-content {
    padding: 20px;
    text-align: center;
}

.av-slider-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
}
.av-slider-content h3 a { color: #2c3e50; text-decoration: none; }

.btn-av-slider {
    font-size: 12px;
    font-weight: 700;
    color: #004e8a;
    border: 2px solid #004e8a;
    padding: 8px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}

.btn-av-slider:hover {
    background: #004e8a;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 78, 138, 0.3);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .av-scroll-item { width: 70%; } /* Mobile pe bada card taaki clear dikhe */
    .aventis-light-header h2 { font-size: 28px; }
}


/* testimonical */

/* --- AVENTIS PREMIUM TESTIMONIAL SECTION --- */
.aventis-testimonial-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    /* Soft Premium Blue Gradient */
    background: linear-gradient(180deg, #3381b1 0%, #ffffff 100%);
    z-index: 1;
}

/* BACKGROUND GRAPHIC: WORLD MAP WATERMARK */
.aventis-testimonial-section::before {
    content: '\f57d'; /* FontAwesome Globe/Map Icon code */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 500px; /* Huge Size */
    color: rgba(0, 78, 138, 0.03); /* Very faint blue */
    z-index: -1;
    pointer-events: none;
}

/* Floating Particles (Decoration) */
.aventis-testimonial-section::after {
    content: '';
    position: absolute;
    top: 10%;
    right: 5%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(243, 156, 18, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1;
}

/* Header Styling */
.aventis-header-center {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.aventis-header-center h2 {
    color: #004e8a;
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Orange Line under Title */
.aventis-header-center h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 70px;
    height: 4px;
    background: #f39c12; 
    border-radius: 2px;
}

/* --- TESTIMONIAL CARD (Clean White Box) --- */
.av-testi-card {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 78, 138, 0.06); /* Soft Shadow */
    margin: 15px 5px; 
    position: relative;
    border-top: 5px solid transparent; 
    transition: all 0.3s ease;
}

.av-testi-card:hover {
    transform: translateY(-8px);
    border-top-color: #f39c12; /* Orange Top Border on Hover */
    box-shadow: 0 20px 50px rgba(0, 78, 138, 0.12);
}

/* Quote Icon */
.av-quote-icon {
    font-size: 40px;
    color: #eef2f6; /* Very light grey for subtlety */
    position: absolute;
    top: 20px;
    right: 30px;
    transition: 0.3s;
}

.av-testi-card:hover .av-quote-icon {
    color: rgba(243, 156, 18, 0.2); /* Turns orange on hover */
}

/* Text */
.av-testi-text {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 25px;
    font-style: italic;
    position: relative;
    z-index: 1;
}

/* Author Details */
.av-testi-author {
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}

.av-author-icon {
    width: 45px;
    height: 45px;
    background: #004e8a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

.av-author-info h4 {
    color: #004e8a;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.av-author-info span {
    color: #f39c12;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Slider Dots */
.owl-dots { margin-top: 40px !important; text-align: center; }
.owl-dot span { background: #dcdcdc !important; width: 10px; height: 10px; margin: 5px; transition: 0.3s; }
.owl-dot.active span { background: #004e8a !important; transform: scale(1.4); }


/* --- AVENTIS MODERN ABOUT SECTION --- */
.aventis-about-modern {
    padding: 100px 0;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

/* Background Pattern */
.aventis-about-modern::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 300px;
    background-image: radial-gradient(#004e8a 0.5px, transparent 0.5px);
    background-size: 15px 15px;
    opacity: 0.1;
    z-index: 0;
}

/* --- LEFT COLUMN: IMAGE & BADGE --- */
.about-image-wrapper {
    position: relative;
    padding-right: 30px; /* Space for badge */
    padding-bottom: 30px;
    z-index: 1;
}

.about-main-img {
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 5px solid #fff; /* White border looks neat */
}

/* Floating Experience Badge */
.experience-float-box {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #004e8a; /* Brand Blue */
    color: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 78, 138, 0.3);
    text-align: center;
    border: 4px solid #fff;
    min-width: 180px;
}

.exp-year {
    font-size: 42px;
    font-weight: 800;
    color: #f39c12; /* Orange Accent */
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.exp-text {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- RIGHT COLUMN: CONTENT --- */
.about-content-wrapper {
    padding-left: 20px;
    z-index: 1;
    position: relative;
}

.sub-title {
    color: #f39c12;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 10px;
}

.main-title {
    color: #2c3e50;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 20px;
}

.description-text {
    color: #5a6670;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: justify;
}

/* Feature List */
.about-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.about-feature-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}

.about-feature-list li i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #f39c12; /* Orange Check */
    font-size: 18px;
}

/* Button */
.btn-about-blue {
    background: #004e8a;
    color: #fff;
    padding: 12px 35px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
}

.btn-about-blue:hover {
    background: #003366;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .about-content-wrapper { padding-left: 0; margin-top: 40px; }
    .experience-float-box { padding: 20px; min-width: 140px; }
    .exp-year { font-size: 32px; }
}

/* main slider */
/* --- BANNER SECTION & RESPONSIVE FIX --- */

/* 1. Base Slider Styles */
.banner-section-three {
    position: relative;
    width: 100%;
    overflow: hidden; /* Scrollbar hatane ke liye */
}

.slide-item {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 85vh; /* Desktop Height */
    min-height: 600px;
    display: flex;
    align-items: center;
}

.overlay-layer {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 30, 60, 0.65); /* Dark Blue Tint Overlay */
    z-index: 1;
}

.auto-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

/* 2. Typography (Text Styles) */
.content-box {
    max-width: 800px;
    color: #fff;
}

.sub-title {
    font-size: 16px;
    font-weight: 700;
    color: #f39c12;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    background: rgba(255,255,255,0.1);
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    backdrop-filter: blur(5px);
}

.content-box h2 {
    font-size: 65px; /* Big on Desktop */
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 20px;
}

.content-box h2 span {
    color: #f39c12;
}

.content-box .text {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 35px;
    color: #e0e0e0;
    max-width: 600px;
}

/* Button */
.theme-btn.btn-style-one {
    background-color: #f39c12;
    color: #fff;
    padding: 15px 40px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s;
    text-decoration: none;
    border: 2px solid #f39c12;
}

.theme-btn.btn-style-one:hover {
    background-color: transparent;
    color: #f39c12;
}

/* 3. Navigation Arrows (Visible & Styled) */
.banner-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 10;
}

.banner-carousel .owl-prev,
.banner-carousel .owl-next {
    pointer-events: auto;
    width: 55px;
    height: 55px;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 22px !important;
    transition: 0.3s;
    margin: 0 40px;
    cursor: pointer;
}

.banner-carousel .owl-prev:hover,
.banner-carousel .owl-next:hover {
    background: #f39c12 !important;
    border-color: #f39c12 !important;
}

/* 4. MOBILE RESPONSIVE FIXES (Critical) */
@media (max-width: 768px) {
    .slide-item {
        height: auto; /* Height auto karein taaki content na kate */
        min-height: 500px; /* Minimum height maintain karein */
        padding: 80px 0; /* Padding dein taaki text center rahe */
    }

    .content-box h2 {
        font-size: 32px; /* Font size chhota kiya */
        line-height: 1.2;
    }
    
    .content-box .text {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .sub-title {
        font-size: 12px;
        padding: 5px 10px;
    }

    /* Mobile pe arrows ko adjust karein ya chupayein */
    .banner-carousel .owl-prev,
    .banner-carousel .owl-next {
        width: 40px;
        height: 40px;
        font-size: 18px !important;
        margin: 0 10px;
    }
}

/* Small Mobiles (iPhone SE etc.) */
@media (max-width: 480px) {
    .content-box h2 {
        font-size: 28px; /* Aur chhota font chhote phones ke liye */
    }
    .theme-btn.btn-style-one {
        padding: 12px 25px;
        font-size: 14px;
    }
}


/* --- PREMIUM PRODUCT GRID --- */
.aventis-product-grid {
    padding: 80px 0;
    background-color: #f4f7fa; /* Thoda greyish premium background */
}

/* Card Container */
.aventis-prod-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Hover Effect: Upar uthega aur shadow aayegi */
.aventis-prod-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 78, 138, 0.15);
    border-color: #f39c12; /* Orange border on hover */
}

/* Image Area */
.prod-img-box {
    height: 200px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    overflow: hidden;
}

.prod-img-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

/* Hover par Image Zoom */
.aventis-prod-card:hover .prod-img-box img {
    transform: scale(1.12); 
}

/* Badges (New / Hot) */
.prod-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f39c12;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    z-index: 2;
}

.prod-badge.blue { background: #004e8a; } /* Blue variant */

/* Content Area */
.prod-content {
    padding: 20px 15px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.prod-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #2c3e50;
}

.prod-content h3 a {
    color: #2c3e50;
    text-decoration: none;
    transition: 0.3s;
}

.aventis-prod-card:hover .prod-content h3 a {
    color: #004e8a;
}

/* Stylish Button */
.btn-prod-view {
    font-size: 12px;
    font-weight: 700;
    color: #004e8a;
    border: 1px solid #004e8a; /* Thin border */
    padding: 8px 20px;
    border-radius: 30px; /* Pill shape */
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    background: transparent;
}

.aventis-prod-card:hover .btn-prod-view {
    background: #004e8a;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 78, 138, 0.2);
}

/* --- MOBILE SPECIFIC (2 Columns Tight) --- */
@media (max-width: 768px) {
    .aventis-product-grid .col-6 {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .prod-img-box {
        height: 140px;
        padding: 15px;
    }

    .prod-content {
        padding: 15px 10px;
    }

    .prod-content h3 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .btn-prod-view {
        padding: 6px 15px;
        font-size: 11px;
    }
    
    .prod-badge {
        font-size: 9px;
        padding: 3px 8px;
    }
}


/* --- CLASSIC PRODUCT DETAIL PAGE --- */
.av-product-detail-section {
    padding: 80px 0;
    background-color: #fff;
}

/* --- PREMIUM IMAGE GALLERY (Improved) --- */
.av-gallery-wrapper {
    /* Border hata kar soft background aur padding di hai */
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    /* Soft shadow for premium feel */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Main Display Area */
.av-main-display {
    width: 100%;
    height: 420px; /* Thoda height badhaya */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    overflow: hidden; /* Zaroori hai zoom effect ke liye */
    border-radius: 12px;
    background: #f8fbfd; /* Light grey-blue background behind image */
    border: 1px solid #f0f0f0;
    position: relative;
}

.av-main-display img {
    max-width: 95%;
    max-height: 95%;
    object-fit: contain;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Smooth transition */
}

/* Hover Effect on Main Image (Smooth Zoom) */
.av-main-display:hover img {
    transform: scale(1.12); /* 12% Zoom */
    cursor: zoom-in;
}

/* Thumbnails Grid (Center Aligned for 2 images) */
.av-thumb-grid {
    display: flex;
    gap: 20px; /* Gap badhaya */
    justify-content: center;
    padding-top: 10px;
}

/* Thumbnail Items */
.av-thumb-item {
    width: 110px; /* Size badhaya */
    height: 110px;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    /* Default state: soft shadow, no border */
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border: 2px solid transparent; 
    padding: 8px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.av-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.3s;
    opacity: 0.7;
}

/* Hover State for Thumbs */
.av-thumb-item:hover {
    transform: translateY(-5px); /* Thoda upar uthega */
    box-shadow: 0 15px 25px rgba(0,0,0,0.1);
}
.av-thumb-item:hover img {
    opacity: 1;
}

/* Active State (Selected Thumbnail) */
.av-thumb-item.active {
    border-color: #f39c12; /* Orange Border indicates selection */
    box-shadow: 0 5px 15px rgba(243, 156, 18, 0.2); /* Orange Glow */
    transform: none; /* Active item apni jagah rahega */
}

.av-thumb-item.active img {
    opacity: 1;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .av-main-display { height: 320px; }
    .av-thumb-item { width: 80px; height: 80px; gap: 10px; }
}

.av-thumb-item.active, .av-thumb-item:hover {
    opacity: 1;
    border-color: #f39c12; /* Active Orange Border */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.av-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* --- RIGHT: PRODUCT INFO --- */
.av-product-info {
    padding-left: 30px;
}

.av-product-title {
    font-size: 32px;
    font-weight: 800;
    color: #004e8a;
    margin-bottom: 15px;
}

.av-product-meta {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

/* Short Specs List (Beside Image) */
.av-short-specs {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.av-short-specs li {
    display: flex;
    margin-bottom: 10px;
    font-size: 15px;
    color: #555;
}

.av-short-specs strong {
    width: 140px;
    color: #333;
    font-weight: 700;
}

/* Buttons */
.av-action-btns {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.btn-av-primary {
    background: #f39c12;
    color: #fff;
    padding: 12px 30px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #f39c12;
    transition: 0.3s;
}

.btn-av-primary:hover {
    background: #fff;
    color: #f39c12;
}

.btn-av-secondary {
    background: #fff;
    color: #004e8a;
    padding: 12px 30px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #004e8a;
    transition: 0.3s;
}

.btn-av-secondary:hover {
    background: #004e8a;
    color: #fff;
}

/* --- BOTTOM: TABS & DESCRIPTION --- */
.av-tabs-section {
    margin-top: 60px;
}

.av-tabs-nav {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    display: flex;
    gap: 30px;
}

.av-tab-item {
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
    position: relative;
    border: none;
    background: none;
}

.av-tab-item.active {
    color: #004e8a;
}

.av-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0; width: 100%; height: 3px;
    background: #f39c12;
}

/* Description Content */
.av-desc-content p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.av-desc-content h4 {
    color: #333;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Tech Specs Table */
.av-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.av-specs-table tr {
    border-bottom: 1px solid #eee;
}

.av-specs-table th {
    text-align: left;
    padding: 12px;
    width: 30%;
    background: #f9f9f9;
    color: #333;
    font-weight: 600;
}

.av-specs-table td {
    padding: 12px;
    color: #555;
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .av-product-info { padding-left: 0; margin-top: 30px; }
    .av-main-display { height: 300px; }
    .av-thumb-item { width: 70px; height: 70px; }
}


/* searchbar */
#suggesstion-box {
    position: absolute;
    top: 50px; /* Search bar ke thik niche */
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 0 0 5px 5px;
    display: none; /* Initially hidden */
}

#suggesstion-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#suggesstion-box ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    text-align: left;
}

#suggesstion-box ul li:hover {
    background: #f39c12;
    color: #fff;
}
	

/* features products */

/* 1. Carousel ke items ko barabar height dene ke liye */
.aventis-product-carousel .owl-stage {
    display: flex;
}
.aventis-product-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

/* 2. Card ko full height aur flexible banane ke liye */
.av-slider-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; /* Upar se niche elements arrange honge */
    justify-content: space-between; /* Content ko faila dega */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Thoda shadow design ke liye */
}

/* 3. Image Area Fixed Size */
.av-slider-img {
    height: 220px; /* Fixed height image ke liye */
    width: 100%;
    background: #f8fbfd; /* Light background */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.av-slider-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain; /* Image ratio kharab nahi hoga */
}

/* 4. Content Area Styling */
.av-slider-content {
    padding: 20px 15px;
    text-align: center;
    flex-grow: 1; /* Bacha hua space le lega */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 5. Title Fix (Sabse zaroori) - Naam barabar line mein dikhenge */
.av-slider-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    min-height: 50px; /* Fixed height taaki 2 lines wale naam bhi fit ho */
    display: flex;
    align-items: center;     /* Vertically center text */
    justify-content: center; /* Horizontally center text */
    line-height: 1.3;
    width: 100%;
}

/* 6. Button ko bottom pe chipkane ke liye */
.btn-av-slider {
    margin-top: auto; /* Button ko hamesha niche dhakel dega */
    display: inline-block;
    padding: 8px 25px;
    background: #f39c12; /* Aapka theme color */
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}
.btn-av-slider:hover {
    background: #004e8a;
    color: #fff;
}