/* Medizco Medical Center - HTML Template */
/************ 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;
}
.wats-fixed-button1 {
width: 80px;
height: 67px;
position: absolute;
bottom: 0px;
top: 85px;
right:0px;
z-index: 10000;
float: right;
border-radius: 6px 6px 0px 0px;
}
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: #ff0000;
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: #000;
}
/* 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:#5797dd;
}
/* 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:#fe0303;
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:#000000;
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:#fe0303;
color: #fff;
}
.btn-style-three .arrow{
position:relative;
margin-right:0px;
font-size:10px;
top:0px;
font-weight:700;
}
.btn-style-three:hover{
color:#5797dd;
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 #1cba9f;
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:#5797dd;
}
/* 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 #070c53;
background-color: #070c53;
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:#070c53;
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:24px;
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:#fff;
}
.list-style-two li:last-child{
margin-bottom:0px;
}
.list-style-two.style-two li:first-child .icon{
color:#070c53;
}
.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/reloaderlogo.png);
}
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, #1DB9A0 0%, #4d94c4 100%);
background-image: -moz-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: -o-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1DB9A0), color-stop(100, #4d94c4));
background-image: -webkit-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: linear-gradient(to right, #070c53 0%, #070c53 100%);
}
.main-header .header-top .top-outer{
position:relative;
margin-left:10px;
padding-left:50px;
}
.main-header .header-top .top-left{
position: relative;
float: left;
padding:10px 20px;
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:-22px;
top:3px;
height:100%;
width:10000%;
background-color:#ffffff;
-ms-transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
border-right:1px solid #070c53;
}
.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:23px;
margin-top:-16px;
padding-bottom:13px;
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;
top: 5px;
z-index: 00000;
}
.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:#5797dd;
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:#070c53;
}
.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:#070c53;
}
.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:#5797dd;
}
.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:#070c53;
-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:#070c53;
}
.header-style-three .header-lower .outer-box .theme-btn:hover{
background:#ffffff;
color:#070c53;
}
.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:#5797dd;
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:39px;
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: 34px;
width: 20px;
font-size: 24px;
color: #ffffff;
font-weight: 400;
text-align: center;
line-height: 33px;
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:#0d0860;
top:7px;
}
.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;
background-color:rgba(0,0,0,0);
}
/***
====================================================================
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:#000000;
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:10px;
}
.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, #d03302 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, #d03302 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:#fe0303;
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:0px 0px 0px;
}
.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;
border-radius: 30%;
}
.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;
border-radius: 25%;
}
.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:#1bb399;
-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:#000;
}
/***
====================================================================
Fullwidth Section
====================================================================
***/
.container-fluid{
position:relative;
padding:1px 0px 20px;
background:url(../images/Lightning-in-Darkness.gif) no-repeat;
background-color:#000;
background-size:cover;
}
.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;
}
.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:#000000;
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:#0713b6;
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:#070794;
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%, #1cba9f 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1cba9f 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1cba9f 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1cba9f));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1cba9f 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1cba9f 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:#5797dd;
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:#5797dd;
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:#5797dd;
border:1px solid #1cba9f;
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:#5797dd;
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:#5797dd;
}
.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:#5797dd;
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:#2806a1;
box-shadow:0px 20px 40px rgba(0,0,0,0.10);
}
.appointment-section .form-column h3{
position:relative;
color:#fcfac3;
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:20px;
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:#5797dd;
-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:#fff;
font-size:15px;
font-weight:700;
margin-bottom:10px;
}
.calender-form .form-group label .icon{
position:relative;
margin-right:8px;
color:#fff;
font-weight:400;
}
.calender-form .form-group .ui-selectmenu-button.ui-button{
border:1px solid #f0f0f0;
color:rgba(255, 255, 255, 0.907);
}
.calender-form .form-group .ui-button .ui-icon:before{
color:#5797dd;
}
.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(255, 255, 255, 0.995);
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:#5797dd;
}
.calender-form .form-group textarea::-webkit-input-placeholder,
.calender-form .form-group input::-webkit-input-placeholder{
color:rgb(160, 155, 155);
}
.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:39px;
line-height:2.3em;
padding-left:80px;
}
.emergency-section .content-box h2 strong{
font-weight:700;
color:#FF0000;
display:block;
}
.emergency-section .content-box h2 .icon-box{
position:absolute;
left:0px;
top:15px;
color:#fe0303;
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:#5797dd;
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:#000;
}
.emergency-section .content-box .phone .icon-box{
position:absolute;
left:0px;
top:0px;
width:55px;
height:55px;
color:#000;
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:#fe0303;
border-color:#5797dd;
}
/***
====================================================================
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;
border: 3px solid #fff;
}
.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(254,3,3,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(254,3,3,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:#5797dd;
}
.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:#000;
}
/***
====================================================================
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:#5797dd;
}
.events-section .title-box h2:before{
position: absolute;
content: '';
right: -40px;
top: 0px;
border-bottom: 69px solid #1cba9f;
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:#5797dd;
}
/* 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:#5797dd;
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:#5797dd;
}
/* 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:#5797dd;
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:#5797dd;
}
/***
====================================================================
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:26px;
border: 1px solid #faeb69;
}
.testimonial-section .testimonial-block{
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;
width:100%;
}
.testimonial-block .quote-icon{
position:relative;
color:#5797dd;
font-size:38px;
line-height:1em;
margin-bottom:20px;
}
.testimonial-block .text{
position:relative;
font-size:15px;
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:#5797dd;
}
.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;
margin: 6px 1px;
}
.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:#070c53;
}
.news-section.style-two .owl-dots .owl-dot.active,
.news-section.style-two .owl-dots .owl-dot:hover{
background-color:#070c53;
}
.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:#5797dd;
}
.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:#5797dd;
}
.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:#5797dd;
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(0,0,0,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(4, 10, 110, 0.9);
}
.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:#5797dd;
}
/* 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, #1DB9A0 0%, #4d94c4 100%);
background-image: -moz-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: -o-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1DB9A0), color-stop(100, #4d94c4));
background-image: -webkit-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
background-image: linear-gradient(to right, #000 0%, #000 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;
color: #fff;
}
.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 #1cba9f;
}
.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:#5797dd;
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:#5797dd;
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:#5797dd;
font-size:40px;
line-height:1em;
}
.quote-section.style-two .quote-block .quote-icon{
color:#070c53;
}
.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:1px 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:-8px;
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;
}
.booking-section .video-column .inner-column .transparent-layer:after{
position:absolute;
content:'';
left:51px;
top:51px;
right:-51px;
bottom:-51px;
}
.booking-section .video-column .inner-column .green-layer{
position:absolute;
content:'';
left:36px;
top:36px;
right:-36px;
bottom:-36px;
}
/*Video Box*/
.video-box{
position:relative;
}
.video-box .image{
position:relative;
}
.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:0px;
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:#5797dd;
}
.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:#5797dd;
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:#070c53;
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:#070c53;
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:#070c53;
}
/* Page Breadcrumb */
.page-breadcrumb{
position:relative;
background-color:#000;
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-color: rgba(5,5,0,0.80);
}
.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:#5797dd;
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:#5797dd;
}
.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, #e0a662 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, #e0a662 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 #1cba9f;
}
.doctors-page-section .filters .filter.active,
.doctors-page-section .filters .filter:hover{
color:#5797dd;
}
.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:#5797dd;
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:#5797dd;
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:#5797dd;
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:#5797dd;
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:#5797dd;
}
.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:#5797dd;
}
.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:1px 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:#5797dd;
}
.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:#5797dd;
}
.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:#000;
}
/* 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 */
.contact-page-section{
position:relative;
padding:100px 0px 100px;
background-position:center center;
background-repeat:no-repeat;
}
.contact-page-section .pattern-layer{
position:absolute;
content:'';
left:0px;
top:210px;
right:0px;
bottom:0px;
width:224px;
height:488px;
}
.contact-page-section .info-column .inner-column{
position:relative;
padding-top:35px;
}
/* Contact Address */
.contact-address{
position:relative;
margin-bottom:40px;
}
.contact-address .inner{
position:relative;
}
.contact-address .icon-box{
position: relative;
color:#5797dd;
font-size: 31px;
line-height: 1em;
float: left;
margin: 12px 11px;
}
.contact-address .inner h4{
position:relative;
color:#222222;
font-size:22px;
font-weight:700;
line-height:1.4em;
margin-top:18px;
margin-bottom:10px;
}
.contact-address .text{
position:relative;
font-size:16px;
line-height:1.7em;
color:rgba(34,34,34,0.70);
}
.contact-page-section .form-column .inner-column{
position:relative;
padding:55px 50px;
background-color:rgba(34,58,102,0.90);
}
.contact-page-section .title-box{
position:relative;
margin-bottom:35px;
}
.contact-page-section .title-box .title{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.3em;
}
.contact-page-section .title-box h3{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:700;
line-height:1.3em;
margin-top:3px;
}
/* Contact Form */
.contact-form{
position:relative;
}
.contact-form .form-group{
position:relative;
margin-bottom:20px;
}
.contact-form .form-group.comment-group .icon{
top:0px;
}
.contact-form .form-group .icon{
position:absolute;
left:0px;
top:12px;
color:#ffffff;
font-size:18px;
line-height:1em;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
color:#a5a5a5;
line-height:26px;
padding:0px 15px 8px 35px;
height:50px;
font-size:14px;
border-radius:2px;
background:none;
border-bottom:1px solid rgba(255,255,255,0.15);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#5797dd;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:0px 15px 10px 35px;
color:#a5a5a5;
height:100px;
font-size:14px;
resize:none;
border-radius:2px;
background:none;
border-bottom:1px solid rgba(255,255,255,0.15);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group .submit-btn{
position:relative;
border-radius:50px;
color:#223a66;
width:100%;
font-weight:500;
padding:16px 8px;
margin-top:15px;
background-color:#ffffff;
border:2px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group .submit-btn:hover{
background:none;
color:#ffffff;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:450px;
}
.map-section .google-map{
height:790px;
}
/***
====================================================================
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:#5797dd;
}
.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:#5797dd;
}
.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:19px;
padding:24px 3px;
}
.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:#5797dd;
}
.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:#070c53;
}
.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: #000;
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:#5797dd;
}
.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 #ffffff;
width: 346px;
}
.main-header .elementskit-submenu-panel > li{
position:relative;
border-bottom:1px solid #f9f9f9;
}
.main-header .elementskit-submenu-panel > li > a{
position:relative;
padding:4px 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;
left: 32px;
top: 12px;
}
/* .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: #000000;
-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: #82a192;
}
.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:#d28860;
}
.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:#ff0505;
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;
}
.line-h p{
line-height:31px;
font-size:18px;
font-family: Calibri!important;
}
.line-h li{
line-height:31px;
font-size:18px;
font-family: Calibri!important;
color:#223a66;
}
tr li{
line-height:31px;
font-size:18px;
font-family: Calibri!important;
color:#223a66;
}
tr p{
padding-left:20px!important;
}
tr li{
padding-left:20px!important;
}