ok
Mini Shell
*
{
margin:0;
padding:0;
border:none;
outline:none;
font-size:100%
}
body
{
font-size:14px;
color:#787878;
line-height:24px;
font-weight:400;
background:#fff;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
font-family:roboto,sans-serif
}
a
{
text-decoration:none;
cursor:pointer;
color:#49c7ed
}
a:hover,a:focus,a:visited
{
text-decoration:none;
outline:none
}
h1,h2,h3,h4,h5,h6
{
position:relative;
font-weight:400;
margin:0;
background:0 0;
line-height:1.2em;
font-family:exo,sans-serif;
letter-spacing:-.02em
}
textarea
{
overflow:hidden
}
button
{
outline:none!important;
cursor:pointer
}
p,.text
{
font-size:16px;
line-height:26px;
font-weight:400;
color:#555;
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:0 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:0;
margin:0
}
.theme-btn
{
display:inline-block;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .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
{
position:relative;
display:inline-block;
font-size:14px;
line-height:30px;
color:#fff;
padding:9px 32px;
font-weight:500;
overflow:hidden;
border-radius:50px;
background-color:#1cb99e;
text-transform:uppercase
}
.btn-style-one:before
{
top:0;
left:0;
content:"";
width:150%;
height:100%;
position:absolute;
transform-origin:0 100% 0;
transform:rotate3d(0,0,1,-45deg) translate3d(0px,-3em,0px);
transition:transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s,-webkit-transform .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:#fff
}
.btn-style-one:hover::before
{
opacity:1;
color:#fff;
transform:rotate3d(0,0,1,0deg);
transition-timing-function:cubic-bezier(.2,1,.3,1);
background-color:#4488be
}
.btn-style-two
{
position:relative;
display:inline-block;
font-size:15px;
line-height:30px;
color:#fff;
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 .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s,-webkit-transform .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:#fff
}
.btn-style-two:hover::before
{
opacity:1;
color:#fff;
transform:rotate3d(0,0,1,0deg);
transition-timing-function:cubic-bezier(.2,1,.3,1);
background-color:#1cba9f
}
.btn-style-three
{
position:relative;
display:inline-block;
font-size:13px;
line-height:30px;
color:#fff;
padding:7px 41px;
font-weight:500;
overflow:hidden;
border-radius:50px;
background-color:#1cba9f;
text-transform:capitalize;
box-shadow:0 2px 15px rgba(0,0,0,.05)
}
.btn-style-transparent
{
position:relative;
display:inline-block;
font-size:13px;
line-height:30px;
color:#1cba9f;
padding:7px 41px;
font-weight:500;
overflow:hidden;
border-radius:50px;
background-color:#fff;
text-transform:capitalize;
box-shadow:0 2px 15px rgba(0,0,0,.05)
}
.btn-style-transparent:hover
{
background-color:#1cba9f;
color:#fff
}
.btn-style-three .arrow
{
position:relative;
margin-right:0;
font-size:10px;
top:0;
font-weight:700
}
.btn-style-three:hover
{
color:#1cba9f;
background-color:#fff
}
.btn-style-four
{
position:relative;
display:inline-block;
font-size:13px;
line-height:30px;
color:#000;
padding:4px 27px;
font-weight:500;
overflow:hidden;
border-radius:50px;
border:1px solid #1cba9f;
background-color:#fff;
text-transform:capitalize
}
.btn-style-four .arrow
{
position:relative;
margin-right:0;
font-size:10px;
top:0;
font-weight:700
}
.btn-style-four:hover
{
color:#fff;
background-color:#1cba9f
}
.btn-style-five
{
position:relative;
display:inline-block;
font-size:18px;
line-height:30px;
color:#fff;
padding:13px 36px;
font-weight:700;
overflow:hidden;
border-radius:50px;
border:2px solid #223a66;
background-color:#223a66;
text-transform:capitalize;
box-shadow:0 0 20px rgba(34,58,102,.15);
font-family:lato,sans-serif
}
.btn-style-five .icon
{
position:relative;
margin-right:10px;
top:0;
font-weight:700
}
.btn-style-five:hover
{
color:#223a66;
background:0 0
}
.btn-style-six
{
position:relative;
display:inline-block;
font-size:18px;
line-height:30px;
color:#fff;
padding:13px 36px;
font-weight:700;
overflow:hidden;
border-radius:50px;
border:2px solid #f13a66;
background-color:#f13a66;
text-transform:capitalize;
box-shadow:0 0 30px rgba(241,58,102,.15);
font-family:lato,sans-serif
}
.btn-style-six .icon
{
position:relative;
margin-right:10px;
top:0;
font-weight:700
}
.btn-style-six:hover
{
color:#f13a66;
background:0 0
}
.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,.8)
}
.list-style-one li .icon
{
position:absolute;
left:0;
top:6px;
color:rgba(255,255,255,.7);
font-size:16px;
line-height:1.2em
}
.list-style-two
{
position:relative
}
.list-style-two li
{
position:relative;
margin-bottom:15px;
font-size:15px;
font-weight:500;
padding-left:25px;
line-height:1.8em;
color:#313131
}
.list-style-two li .icon
{
position:absolute;
left:-28px;
top:0;
color:#313131;
font-size:16px;
line-height:1.15em
}
.list-style-two li a
{
position:relative;
color:#313131;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.list-style-two li a:hover
{
color:#1cba9f
}
.list-style-two li:last-child
{
margin-bottom:0
}
.list-style-two.style-two li:first-child .icon
{
color:#f13a66
}
.list-style-two.style-two li:nth-child(2) .icon
{
color:#9143fd
}
.list-style-two.style-two li:nth-child(3) .icon
{
color:#00d280
}
.theme_color
{
color:#1cb99e
}
.secondary_color
{
color:#223a66
}
.pull-right
{
float:right
}
.pull-left
{
float:left
}
.preloader
{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:99999999999;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
background-size:100px;
background-image:url(../images/icons/preloader.svg)
}
img
{
display:inline-block;
max-width:100%;
height:auto
}
.dropdown-toggle::after
{
display:none
}
.fa
{
line-height:inherit
}
.play-now .ripple,.play-now .ripple:before,.play-now .ripple:after
{
position:absolute;
top:50%;
left:30px;
height:60px;
width:60px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-moz-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-ms-box-shadow:0 0 0 0 rgba(255,255,255,.6);
-o-box-shadow:0 0 0 0 rgba(255,255,255,.6);
box-shadow:0 0 0 0 rgba(255,255,255,.6);
-webkit-animation:ripple 3s infinite;
-moz-animation:ripple 3s infinite;
-ms-animation:ripple 3s infinite;
-o-animation:ripple 3s infinite;
animation:ripple 3s infinite
}
.play-now .ripple:before
{
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute
}
.play-now .ripple:after
{
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-ms-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute
}
@-webkit-keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.scroll-to-top
{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
color:#fff;
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
{
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,#1DB9A0 0%,#4d94c4 100%)
}
.main-header .header-top .top-outer
{
position:relative;
margin-left:210px;
padding-left:50px
}
.main-header .header-top .top-left
{
position:relative;
float:left;
padding:10px 0;
margin-left:13px
}
.main-header .header-top .top-left li
{
position:relative;
color:#fff;
font-size:14px;
font-weight:500;
margin-right:45px;
display:inline-block
}
.main-header .header-top .top-left li a
{
position:relative;
color:#fff;
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:0
}
.main-header .xs-bold-menu
{
display:none
}
.xs-mobile-search a
{
display:none
}
.header-top .top-right
{
position:relative;
float:right;
z-index:1;
padding:9px 0
}
.header-top .top-right .cart-btn
{
position:relative;
float:left
}
.header-top .top-right .cart-btn .cart-icon
{
position:relative;
color:#fff;
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:#fff;
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:#fff;
font-size:30px;
cursor:pointer;
margin-left:25px
}
.main-header .header-upper .logo-outer:before
{
position:absolute;
content:'';
right:-40px;
top:0;
height:100%;
width:10000%;
background-color:#fff;
-ms-transform:skewX(-25deg);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg);
border-right:2px solid #1db9a0
}
.main-header .header-upper
{
position:relative;
top:0;
background-color:#fff;
-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:0px;
margin-top:-50px;
padding-bottom:35px;
background-color:#fff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.main-header .logo-outer .logo a
{
position:relative;
display:inline-block
}
.main-header .logo-outer .logo img
{
position:relative;
display:inline-block;
max-width:100%
}
.main-header .header-upper .nav-outer
{
z-index:10;
position:relative
}
.main-header.header-style-one .header-upper .nav-outer
{
position:relative;
margin-left:260px
}
.main-header .header-lower
{
position:relative;
background-color:#223a66
}
.main-header .header-lower .outer-box
{
position:absolute;
right:0;
top:0;
float:right;
z-index:20;
padding:21px 0
}
.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:#fff;
font-size:20px;
margin-left:28px;
margin-top:4px
}
.main-header .header-lower .outer-box .cart-btn .cart-icon
{
position:relative;
color:#fff;
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:0 0
}
.main-header .header-lower .search-box-btn:hover
{
background:0 0
}
.main-header .header-lower .nav-box
{
position:relative;
float:right;
color:#fff;
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:0;
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:0
}
.main-menu .navigation
{
position:relative;
margin:0
}
.main-menu .navigation>li
{
position:relative;
float:left;
padding:25px 0;
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:0
}
.main-menu .navigation>li>a
{
position:relative;
display:block;
text-align:center;
font-size:16px;
line-height:35px;
font-weight:500;
opacity:1;
color:#222;
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:0;
top:4px;
font-size:10px;
line-height:26px;
font-weight:800;
font-family:flaticon;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.main-menu .navigation>li.dropdown:hover>a:before
{
opacity:0
}
.main-menu .navigation>li.dropdown>a:after
{
content:"\f137";
position:absolute;
right:0;
top:4px;
opacity:0;
font-size:10px;
line-height:26px;
font-weight:800;
font-family:flaticon;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .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:0;
background-color:#369196;
border:3px solid #223a66;
box-shadow:0 0 10px rgba(0,0,0,.1)
}
.main-menu .navigation>li>ul:before
{
position:absolute;
content:'';
left:0;
top:-30px;
width:100%;
height:30px;
display:block
}
.main-menu .navigation>li>ul.from-right
{
left:auto;
right:0
}
.main-menu .navigation>li>ul>li
{
position:relative;
width:100%;
background-color: #ffffff;
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 0!important
}
.sticky-header .main-menu .navigation>li>a:before
{
display:none
}
.main-menu .navigation>li>ul>li:hover>a
{
color:#fff;
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:400;
text-align:center;
z-index:5
}
.main-menu .navigation>li>ul>li.dropdown:hover>a:after
{
color:#fff
}
.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:0;
background-color:#fff;
border:3px solid #223a66;
box-shadow:0 0 10px rgba(0,0,0,.1)
}
.main-menu .navigation>li>ul>li>ul.from-right
{
left:auto;
right:0
}
.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:#fff;
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:400;
text-align:center;
z-index:5
}
.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after
{
color:#fff
}
.main-menu .navigation>li.dropdown:hover>ul
{
visibility:visible;
opacity:1;
left:0;
-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:#fff;
line-height:28px;
border:1px solid #fff;
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:#222;
font-size:15px;
padding-left:48px;
margin-left:56px
}
.main-header .info-box:last-child
{
margin-left:0
}
.main-header .icon-box
{
position:absolute;
left:0;
top:0;
color:#1cba9f;
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 .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.header-style-two .social-box li a:hover
{
background-color:#3b5998;
color:#fff
}
.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:#fff
}
.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:#fff
}
.header-style-three .social-box
{
margin-top:12px;
float:left
}
.header-style-three .social-box li
{
position:relative;
margin-left:5px;
display:inline-block
}
.header-style-three .social-box li a
{
color:#223a66;
font-size:14px;
margin-left:8px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.header-style-three li a:hover
{
color:#f13a66
}
.main-header .header-upper .nav-box
{
position:relative;
float:left;
width:50px;
height:50px;
color:#fff;
font-size:16px;
font-weight:600;
cursor:pointer;
text-align:center;
line-height:50px;
margin-left:18px;
background-color:#223a66;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.main-header .header-upper .nav-box:hover
{
background-color:#f13a66
}
.main-header .search-box-outer
{
position:relative;
float:left;
padding:17px 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
}
.main-header .search-box-btn
{
position:relative;
width:60px;
height:50px;
cursor:pointer;
background:0 0;
font-size:18px;
color:#fff;
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:0;
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:#1cba9f
}
.dropdown-toggle::after
{
display:none
}
.main-header .search-box-outer .dropdown-menu
{
top:66px!important;
left:auto!important;
right:0;
padding:0;
width:280px;
border-radius:0;
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:0
}
.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:#fff
}
.main-header .search-panel input:focus,.main-header .search-panel select:focus
{
border-color:#1cb99e
}
.main-header .search-panel .search-btn
{
position:absolute;
right:0;
top:0;
width:40px;
height:40px;
text-align:center;
color:#555;
font-size:12px;
background:0 0;
cursor:pointer
}
.main-header.header-style-two .header-upper .logo-outer
{
padding:45px 0;
margin:0
}
.main-header.header-style-three .header-upper .logo-outer
{
padding:40px 0;
margin:0
}
.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:#fff
}
.header-style-three .main-menu .navigation>li:before
{
position:absolute;
content:'';
left:0;
bottom:20px;
height:2px;
width:0;
background-color:#f13a66;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.header-style-three .main-menu .navigation>li:hover::before,.header-style-three .main-menu .navigation>li.current::before
{
width:20px
}
.header-style-two .main-menu .navigation>li,.header-style-three .main-menu .navigation>li
{
padding:23px 0
}
.header-style-three .theme-btn
{
background-color:#f13a66
}
.header-style-three .header-lower .outer-box .theme-btn:hover
{
background:#fff;
color:#f13a66
}
.main-header .header-lower .user-box
{
position:relative;
float:left;
color:#fff;
font-size:20px;
margin-top:5px;
margin-left:20px
}
.hidden-bar
{
position:fixed;
top:0;
right:0;
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:0 5px 30px 0
}
.hidden-bar .mCSB_inside>.mCSB_container
{
margin-right:0
}
.hidden-bar.right-align
{
right:-400px
}
.hidden-bar.right-align.visible-sidebar
{
right:0
}
.hidden-bar .hidden-bar-closer
{
position:absolute;
top:10px;
right:15px;
background:0 0;
color:#fff;
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:0 0;
display:block;
font-size:16px;
color:#fff;
width:40px;
height:40px;
cursor:pointer;
line-height:40px
}
.hidden-bar .hidden-bar-closer:hover button
{
color:#fff
}
.hidden-bar .hidden-bar-closer:hover
{
color:#414857
}
.hidden-bar .hidden-bar-closer:hover .btn
{
color:#fff
}
.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:0 0 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:#fff;
font-weight:500;
margin-bottom:20px
}
.sidebar-info-contents .content-inner .content-box .text
{
position:relative;
font-size:14px;
color:rgba(255,255,255,.6);
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:#fff;
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:#1cba9f;
z-index:1;
font-size:13px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#fff
}
.sticky-header
{
position:fixed;
visibility:hidden;
opacity:0;
left:0;
top:0;
width:100%;
padding:0;
z-index:-1;
background:#fff;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
-moz-box-shadow:0 0 15px rgba(0,0,0,.1);
-ms-box-shadow:0 0 15px rgba(0,0,0,.1);
-o-box-shadow:0 0 15px rgba(0,0,0,.1);
box-shadow:0 0 15px rgba(0,0,0,.1);
-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 0
}
.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 0!important;
line-height:30px;
font-size:16px;
font-weight:500;
color:#222;
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:0 2px 1px 0 rgba(0,0,0,.01)
}
.xs-onepage-logo
{
display:none
}
.IsSticky.xs-sticky-header .xs-onepage-logo
{
display:block
}
.section-title
{
position:relative;
z-index:1;
margin-bottom:50px
}
.section-title h2
{
position:relative;
display:block;
font-size:46px;
line-height:1.2em;
color:#222;
font-weight:700
}
.section-title.light h2
{
color:#fff
}
.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
{
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 0 170px
}
.banner-column .title
{
position:relative;
color:#fff;
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:#fff;
font-weight:700;
margin-bottom:25px
}
.banner-column .text
{
position:relative;
display:block;
font-size:17px;
line-height:27px;
color:#fff;
font-weight:400;
margin-bottom:35px
}
.xs-banner-container-parent
{
position:relative
}
.banner-carousel .image
{
position:absolute;
right:-120px;
bottom:0
}
.banner-carousel .owl-dots
{
display:none
}
.banner-carousel .owl-nav
{
position:absolute;
right:0;
top:50%;
margin-top:-50px;
z-index:99;
opacity:0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease
}
.banner-carousel:hover .owl-nav
{
opacity:1
}
.banner-carousel .owl-prev,.banner-carousel .owl-next
{
position:relative;
height:60px;
width:60px;
font-size:24px;
color:#fff;
font-weight:400;
text-align:center;
line-height:58px;
margin-top:1px;
border:1px solid rgba(255,255,255,.2);
background-color:rgba(255,255,255,.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
}
.banner-carousel .owl-prev:hover,.banner-carousel .owl-next:hover
{
background-color:#fff;
border-color:#fff;
color:#558dca
}
.services-form-section
{
position:relative;
background-color:#1cb89d
}
.services-form-section .image-layer
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:block;
background-position:left top;
background-repeat:no-repeat
}
.services-form-section:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
background-color:rgba(28,184,157,.8)
}
.services-form
{
position:relative;
z-index:2
}
.services-form .form-group
{
position:relative;
margin:40px 0
}
.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:#fff;
height:56px;
font-size:14px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.3);
-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:#fa0
}
.services-form .form-group textarea::-webkit-input-placeholder,.services-form .form-group input::-webkit-input-placeholder
{
color:rgba(255,255,255,.8)
}
.services-form .form-group textarea
{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:10px 25px;
color:#fff;
height:125px;
resize:none;
font-size:14px;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.4);
-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:0
}
.services-form .submit-btn
{
position:relative;
width:100%;
display:block;
cursor:pointer;
font-size:18px;
color:#1cba9f;
font-weight:500;
padding:56px 15px;
z-index:1;
background:0 0;
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:0;
right:20px;
bottom:0;
z-index:-1;
background-color:#fff;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg)
}
.services-form .form-group:last-child
{
right:-30px
}
.services-form .form-group:first-child .ui-selectmenu-button.ui-button
{
padding-left:52px
}
.services-form .form-group .map-icon
{
position:absolute;
content:'';
left:40px;
top:18px;
color:#fff;
z-index:1;
font-size:18px
}
.services-form .form-group .location-icon
{
position:absolute;
content:'';
right:40px;
top:18px;
color:#fff;
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:0;
top:0;
height:100%
}
.services-form .form-group .left-curves:before
{
position:absolute;
content:'';
left:4px;
top:0;
width:22px;
height:100%;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg);
background-image:-ms-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-moz-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#558DCA),color-stop(100,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to bottom,#558DCA 0%,rgba(255,255,255,0) 100%)
}
.services-form .form-group .left-curves:after
{
position:absolute;
content:'';
left:26px;
top:0;
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:0;
top:0;
height:100%
}
.services-form .form-group .right-curves:before
{
position:absolute;
content:'';
left:-27px;
top:0;
width:22px;
height:100%;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg);
background-image:-ms-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-moz-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#558DCA),color-stop(100,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to bottom,#558DCA 0%,rgba(255,255,255,0) 100%)
}
.services-form .form-group .right-curves:after
{
position:absolute;
content:'';
left:-35px;
top:0;
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%)
}
.form-group .ui-selectmenu-button.ui-button
{
width:100%;
font-size:15px;
font-style:normal;
height:56px;
padding:10px 28px;
line-height:34px;
color:#fff;
border:none;
border-radius:0;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.3)
}
.form-group .ui-button .ui-icon
{
background:0 0;
position:relative;
top:6px;
font-size:0;
text-indent:0;
color:#333
}
.form-group .ui-button .ui-icon:before
{
font-family:icomoon!important;
content:"\e874";
position:absolute;
right:0;
top:2px!important;
height:20px;
display:block;
color:#fff;
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,.1)
}
.ui-menu .ui-menu-item
{
font-size:14px;
border-bottom:1px solid rgba(0,0,0,.1)
}
.ui-menu .ui-menu-item:last-child
{
border:none
}
.ui-state-active,.ui-widget-content .ui-state-active
{
background:#1bb59b;
border-color:#1bb59b
}
.ui-menu .ui-menu-item-wrapper
{
position:relative;
display:block;
padding:8px 20px;
font-size:14px;
line-height:24px
}
.ui-menu-item:hover
{
background-color:#fa0
}
.featured-section
{
position:relative;
padding:100px 0 70px
}
.featured-section .pattern-layer
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
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:0;
top:0;
right:0;
bottom:0;
background-color:rgba(34,58,102,.88)
}
.featured-block .image-layer
{
position:absolute;
left:0;
top:0;
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(.7) translateX(-30px);
-ms-transform:scaleX(.7) translateX(-30px);
-moz-transform:scaleX(.7) translateX(-30px);
transform:scaleX(.7) translateX(-30px);
-webkit-transform-origin:left;
-ms-transform-origin:left;
-moz-transform-origin:left;
transform-origin:left
}
.featured-block .inner-box:hover .image-layer
{
opacity:1;
-webkit-transform:scaleX(1) translateX(0px);
-ms-transform:scaleX(1) translateX(0px);
-moz-transform:scaleX(1) translateX(0px);
transform:scaleX(1) translateX(0px)
}
.featured-block .icon-box
{
position:relative;
font-size:46px;
line-height:1em;
color:#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:#222;
-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:0
}
.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,.7);
-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:#fff
}
.container-fluid
{
position:relative;
padding:100px 0 90px;
background-color:#f7f9fb
}
.container-fluid .pattern-layer
{
position:absolute;
content:'';
right:0;
top:140px;
right:0;
bottom:0;
width:221px;
height:500px
}
.container-fluid .outer-section
{
position:relative
}
.container-fluid .outer-section .left-column
{
position:relative;
width:42%;
float:left
}
.container-fluid .outer-section .left-column .shadow-one
{
position:absolute;
left:60%;
top:-40px;
width:134px;
height:134px
}
.container-fluid .outer-section .left-column .shadow-two
{
position:absolute;
left:72%;
bottom:-40px;
width:96px;
height:96px
}
.container-fluid .outer-section .left-column .shadow-three
{
position:absolute;
left:0%;
bottom:-100px;
width:96px;
height:96px
}
.container-fluid .outer-section .left-column .image
{
position:relative;
z-index:2;
margin-left:-70px
}
.container-fluid .outer-section .left-column .inner-column
{
position:relative
}
.container-fluid .outer-section .left-column .inner-column:before
{
position:absolute;
content:'';
left:-150px;
top:-80px;
right:-140px;
bottom:-80px;
z-index:1;
background:url(../images/background/2.png) no-repeat
}
.container-fluid .outer-section .right-column
{
position:relative;
width:58%;
float:right
}
.container-fluid .outer-section .right-column .inner-column
{
position:relative;
max-width:800px;
width:100%;
padding-left:40px;
padding-right:15px
}
.container-fluid .outer-section .right-column h2
{
position:relative;
color:#222;
font-size:46px;
font-weight:700;
line-height:1.2em;
margin-bottom:45px
}
.featured-list
{
position:relative;
z-index:1
}
.featured-list li
{
position:relative;
color:#000;
font-size:17px;
line-height:1.8em;
margin-bottom:30px
}
.featured-list li:last-child
{
margin-bottom:0
}
.featured-list li .icon
{
position:relative;
float:left;
color:#fff;
font-size:28px;
line-height:60px;
text-align:center;
border-radius:50%;
margin-right:30px;
display:inline-block;
padding:0 16px;
background-color:#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;
box-shadow:0 0 20px rgba(28,186,159,.2)
}
.featured-list li:hover .icon
{
transform:rotateY(360deg)
}
.featured-list li .title
{
position:relative;
display:block;
color:#222;
font-size:22px;
margin-bottom:6px;
display:block;
font-weight:700;
font-family:exo,sans-serif
}
.featured-list li p
{
position:relative;
color:#000;
font-size:17px;
line-height:1.8em
}
.featured-list .content
{
float:left;
max-width:450px
}
.featured-list li:nth-child(2) .icon
{
background-color:#558dca;
box-shadow:0 0 20px rgba(85,141,202,.2)
}
.featured-list li:nth-child(3) .icon
{
background-color:#223a66;
box-shadow:0 0 20px rgba(34,58,102,.2)
}
.featured-list-two
{
position:relative
}
.featured-list-two .content
{
position:relative;
float:left;
max-width:450px
}
.featured-list-two li
{
position:relative;
color:#000;
font-size:16px;
line-height:1.7em;
margin-bottom:32px
}
.featured-list-two li p
{
position:relative;
color:#000;
font-size:16px;
line-height:1.7em
}
.featured-list-two li:last-child
{
margin-bottom:0
}
.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:#222;
font-size:22px;
margin-bottom:6px;
font-weight:700;
font-family:exo,sans-serif
}
.team-section
{
position:relative;
padding:90px 0 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:0;
top:0;
right:0;
bottom:0;
width:190px;
height:100%;
background-repeat:no-repeat
}
.team-pattern-layer-two
{
position:absolute;
content:'';
right:0;
bottom:0;
width:221px;
height:488px;
background-repeat:no-repeat
}
.team-pattern-layer-three
{
position:absolute;
content:'';
right:0;
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:#fff;
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 0 rgba(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:0;
top:0;
right:0;
bottom:0
}
.team-block .image .overlay-box:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
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-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:#1cba9f;
z-index:1;
font-size:15px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#fff
}
.team-social-box li .social-name
{
position:relative;
padding:0 10px;
top:0;
opacity:0;
visibility:hidden;
font-size:12px;
margin-left:-32px;
text-transform:capitalize;
display:inline-block;
border-radius:0 50px 50px 0;
background-color:#fff;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.team-social-box li:last-child
{
margin-bottom:0
}
.team-block .inner-box:hover .image .overlay-box .team-social-box li
{
left:0
}
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2)
{
left:0;
transition-delay:500ms
}
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3)
{
left:0;
transition-delay:750ms
}
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4)
{
left:0;
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:#1cba9f;
z-index:1;
font-size:15px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#fff
}
.team-social-box li.youtube a
{
color:red
}
.team-social-box li.youtube .social-name
{
color:#fff;
padding:4px 14px 4px 15px;
top:-1px;
background-color:red
}
.team-social-box li.linkedin a
{
color:#0077b5
}
.team-social-box li.linkedin .social-name
{
color:#fff;
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:#fff;
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:#fff;
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:#fff;
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:#1cba9f;
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:#1cba9f;
background-color:#fff
}
.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:#222;
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:#1cba9f
}
.team-block .designation
{
position:relative;
color:#222;
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:0 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:#1cba9f;
width:12px;
height:12px
}
.appointment-section
{
position:relative;
padding:50px 0 90px
}
.appointment-section.style-two
{
padding-top:95px;
padding-bottom:0
}
.appointment-section.style-three
{
padding-top:95px;
padding-bottom:95px;
background-color:#f7f9fb
}
.appointment-section .pattern-layer
{
position:absolute;
content:'';
left:0;
top:100px;
right:0;
bottom:0;
width:163px;
height:480px
}
.appointment-section .pattern-layer-two
{
position:absolute;
content:'';
right:0;
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:#222;
line-height:1.3em;
max-width:730px;
margin:0 auto
}
.appointment-section .form-column .inner-column
{
position:relative;
padding:55px 35px 10px;
background-color:#fff;
box-shadow:0 20px 40px rgba(0,0,0,.1)
}
.appointment-section .form-column h3
{
position:relative;
color:#022;
font-size:22px;
font-weight:700;
line-height:1.3em;
padding-bottom:14px;
margin-bottom:35px;
border-bottom:1px solid rgba(0,0,0,.1)
}
.appointment-section .calender-column .inner-column
{
position:relative;
padding:52px 80px 40px;
background-color:#fff;
box-shadow:0 20px 40px rgba(0,0,0,.1)
}
.calender-title
{
position:relative;
padding-bottom:20px;
margin-bottom:50px;
border-bottom:1px solid rgba(0,0,0,.1)
}
.calender-title .title
{
position:relative;
color:#222;
font-size:18px;
font-weight:700;
line-height:1.3em
}
.calender-title h3
{
position:relative;
color:#022;
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:0;
top:0;
width:100%
}
.calender-column .owl-prev
{
position:absolute;
left:-50px;
top:0;
color:#222;
font-size:18px;
font-weight:700
}
.calender-column .owl-next
{
position:absolute;
right:-50px;
top:0;
color:#222;
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
}
.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:#222;
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
}
.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:#222;
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:#fff;
z-index:1
}
.calender-block .inner-box .time-boxed .time:before
{
position:absolute;
content:'';
left:0;
top:0;
width:0%;
height:100%;
z-index:-1;
background-color:#1cba9f;
-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:0
}
.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:#222;
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,.2);
-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:0 7px
}
.calender-form
{
position:relative
}
.calender-form .form-group
{
position:relative;
margin-bottom:25px
}
.calender-form .form-group label
{
position:relative;
color:#222;
font-size:15px;
font-weight:700;
margin-bottom:10px
}
.calender-form .form-group label .icon
{
position:relative;
margin-right:8px;
color:#1cba9f;
font-weight:400
}
.calender-form .form-group .ui-selectmenu-button.ui-button
{
border:1px solid #f0f0f0;
color:rgba(0,0,0,.6)
}
.calender-form .form-group .ui-button .ui-icon:before
{
color:#1cba9f
}
.calender-form .form-group input[type=text],.calender-form .form-group input[type=tel],.calender-form .form-group input[type=email],.calender-form .form-group select
{
position:relative;
display:block;
width:100%;
line-height:33px;
padding:10px 28px;
color:rgba(0,0,0,.6);
height:56px;
font-size:14px;
background:0 0;
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:#1cba9f
}
.calender-form .form-group textarea::-webkit-input-placeholder,.calender-form .form-group input::-webkit-input-placeholder
{
color:rgba(0,0,0,.6)
}
.calender-form .form-group textarea
{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:15px 28px;
color:rgba(0,0,0,.6);
height:125px;
resize:none;
font-size:14px;
background:0 0;
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:#fff;
display:inline-block
}
.calender-form button
{
cursor:pointer;
margin-top:20px;
font-size:16px;
text-transform:capitalize
}
.emergency-section
{
position:relative;
padding:180px 0 160px;
background-size:cover;
background-repeat:no-repeat
}
.emergency-section .content-box
{
position:relative
}
.emergency-section .content-box h2
{
position:relative;
color:#222;
font-weight:700;
font-size:46px;
line-height:1.3em;
padding-left:80px
}
.emergency-section .content-box h2 strong
{
font-weight:700;
color:#2e3192;
display:block
}
.emergency-section .content-box h2 .icon-box
{
position:absolute;
left:0;
top:15px;
color:#2e3192;
font-size:64px;
line-height:1em
}
.emergency-section .content-box .text
{
position:relative;
color:#222;
font-size:18px;
line-height:1.6em;
font-weight:500;
margin-top:20px
}
.emergency-section .content-box .phone
{
position:relative;
color:#1cba9f;
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:#1cba9f
}
.emergency-section .content-box .phone .icon-box
{
position:absolute;
left:0;
top:0;
width:55px;
height:55px;
color:#1cba9f;
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,.2)
}
.emergency-section .content-box .phone:hover .icon-box
{
color:#fff;
background-color:#1cba9f;
border-color:#1cba9f
}
.services-section
{
position:relative;
padding:90px 0 100px
}
.gallery-section
{
position:relative;
padding:90px 0
}
.gallery-section .image-layer
{
position:absolute;
left:0;
top:0;
height:340px;
width:100%;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat
}
.gallery-section .image-layer:before
{
position:absolute;
content:'';
left:0;
top:0;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,.2)
}
.gallery-section .title-box
{
position:relative;
text-align:center;
margin-bottom:65px
}
.gallery-section .title-box h2
{
position:relative;
color:#fff;
font-size:46px;
font-weight:700
}
.gallery-section .row
{
margin:0 -8px
}
.gallery-section .project-block
{
padding:0 8px
}
.gallery-section .button-box
{
position:relative;
text-align:center;
margin-top:20px
}
.project-block
{
position:relative;
margin-bottom:16px
}
.project-block .inner-box
{
position:relative
}
.project-block .image
{
position:relative
}
.project-block .image img
{
position:relative;
width:100%;
display:block
}
.project-block .image .overlay-box
{
position:absolute;
left:20px;
bottom:20px;
right:20px;
top:20px;
z-index:2;
opacity:0;
display:block;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transition:all 900ms ease
}
.project-block .image .overlay-box:before
{
position:absolute;
content:'';
right:0;
top:0;
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 .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
background-color:rgba(34,58,102,.6)
}
.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:0;
top:0;
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 .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
background-color:rgba(34,58,102,.6)
}
.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:#fff;
font-size:34px;
z-index:1;
margin-bottom:18px
}
.project-block .image .overlay-box .plus
{
position:relative;
z-index:1;
color:#fff;
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:#1cba9f
}
.project-block .image .overlay-box .overlay-inner
{
position:absolute;
left:0;
top:0;
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:#fff;
z-index:1;
font-weight:500;
line-height:1.3em
}
.project-block .image h3 a
{
position:relative;
color:#fff;
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:#1cba9f
}
.events-section
{
position:relative;
padding:100px 0 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:0;
bottom:0;
width:459px;
height:476px;
z-index:1
}
.events-section .pattern-layer-two
{
position:absolute;
content:'';
right:0;
top:100px;
right:0;
bottom:0;
width:221px;
height:488px;
z-index:1
}
.events-section .row
{
margin:0 -5px
}
.events-section .column
{
padding:0 5px
}
.events-section .title-box
{
position:relative;
z-index:10
}
.events-section .title-box h2
{
position:relative;
color:#fff;
font-size:28px;
font-weight:700;
padding:18px 45px;
background-color:#1cba9f
}
.events-section .title-box h2:before
{
position:absolute;
content:'';
right:-40px;
top:0;
border-bottom:69px solid #1cba9f;
border-right:40px solid transparent
}
.events-section .title-box h2:after
{
position:absolute;
content:'';
right:-34px;
top:0;
width:20px;
height:100%;
-ms-transform:skewX(30deg);
-webkit-transform:skewX(30deg);
transform:skewX(30deg);
background-color:rgba(28,186,159,.1)
}
.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:#1cba9f
}
.event-block
{
position:relative;
z-index:1
}
.event-block .inner-box
{
position:relative;
padding:45px 50px 38px;
background-color:#fff
}
.event-block .upper-box
{
position:relative;
min-height:130px
}
.event-block .event-date
{
position:relative;
margin-top:20px;
float:left;
color:#fff;
font-size:15px;
font-weight:700;
border-radius:10px 0 0 10px;
padding:18px 30px 14px 18px;
display:inline-block;
background-color:#1cba9f;
font-family:lato,sans-serif;
z-index:444
}
.event-block .event-date strong
{
position:relative;
color:#fff;
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 #fff;
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:#000;
font-size:15px;
font-weight:500;
padding-bottom:8px;
margin-bottom:10px;
border-bottom:1px solid rgba(0,0,0,.1)
}
.event-block .event-list li .icon
{
position:relative;
margin-right:6px;
top:1px
}
.event-block .event-list li:last-child
{
border-bottom:0;
padding-bottom:0;
margin-bottom:0
}
.event-block .inner-box h3
{
position:relative;
color:#222;
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:#222;
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:#1cba9f
}
.event-block-two
{
position:relative;
z-index:1;
margin-bottom:10px
}
.event-block-two .inner-box
{
position:relative;
padding:45px 40px;
background-color:#fff
}
.event-block-two .content
{
position:relative
}
.event-block-two .event-date
{
position:relative;
float:left;
color:#fff;
font-size:15px;
font-weight:700;
margin-right:30px;
border-radius:10px 0 0 10px;
padding:19px 19px 17px;
display:inline-block;
background-color:#1cba9f;
font-family:lato,sans-serif;
box-shadow:0 0 20px rgba(28,186,159,.15)
}
.event-block-two .event-date strong
{
position:relative;
color:#fff;
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:#000;
font-size:15px;
font-weight:500;
margin-right:22px;
display:inline-block
}
.event-block-two .event-list li:last-child
{
margin-right:0
}
.event-block-two .event-list li .icon
{
position:relative;
margin-right:6px;
top:1px
}
.event-block-two .event-list li:last-child
{
border-bottom:0;
padding-bottom:0;
margin-bottom:0
}
.event-block-two .content h3
{
position:relative;
color:#222;
font-size:22px;
font-weight:700;
line-height:1.4em;
margin-top:5px
}
.event-block-two .content h3 a
{
position:relative;
color:#222;
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:#1cba9f
}
.testimonial-section
{
position:relative;
padding:90px 0
}
.testimonial-section .section-title
{
margin-bottom:15px
}
.testimonial-section.style-two
{
background-color:#f7f9fb
}
.testimonial-section.style-two.alternate
{
background-color:#fff
}
.testimonial-section.style-two .testimonial-block .inner-box
{
background-color:#fff
}
.testimonial-section.style-two .pattern-layer
{
position:absolute;
content:'';
left:0;
top:50px;
width:177px;
height:420px;
background-repeat:no-repeat
}
.testimonial-section.style-two .pattern-layer-two
{
position:absolute;
content:'';
right:0;
bottom:60px;
width:175px;
height:477px;
background-repeat:no-repeat
}
.testimonial-section .owl-dots
{
display:none
}
.testimonial-section .owl-nav
{
position:absolute;
left:0;
top:50%;
width:100%
}
.testimonial-section .owl-nav .owl-prev
{
position:absolute;
left:0;
top:0;
line-height:1em;
color:#ccc;
font-size:30px
}
.testimonial-section .owl-nav .owl-next
{
position:absolute;
right:0;
top:0;
line-height:1em;
color:#ccc;
font-size:30px
}
.testimonial-section .owl-nav .owl-prev:hover,.testimonial-section .owl-nav .owl-next:hover
{
color:#223a66
}
.testimonial-section .owl-carousel .owl-stage-outer
{
padding-top:60px
}
.testimonial-section .testimonial-block
{
max-width:730px;
width:100%;
margin:0 auto
}
.testimonial-block
{
position:relative
}
.testimonial-block .inner-box
{
position:relative;
padding:42px 15px 35px 40px;
background-color:#f7f9fb
}
.testimonial-block .content-box
{
position:relative;
max-width:350px;
width:100%
}
.testimonial-block .quote-icon
{
position:relative;
color:#1cba9f;
font-size:38px;
line-height:1em;
margin-bottom:20px
}
.testimonial-block .text
{
position:relative;
font-size:20px;
font-weight:700;
line-height:1.3em;
color:#223a66;
z-index:1;
margin-bottom:25px
}
.testimonial-block h3
{
position:relative;
font-size:16px;
font-weight:700;
line-height:1.3em;
color:#223a66;
padding-top:20px
}
.testimonial-block h3:before
{
position:absolute;
content:'';
left:0;
top:0;
height:2px;
width:30px;
background-color:#1cba9f
}
.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:0
}
.news-section
{
position:relative;
padding:90px 0 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:0;
bottom:0;
width:291px;
height:339px
}
.news-block
{
position:relative
}
.news-block .inner-box
{
position:relative
}
.news-block .image
{
position:relative;
background-color:#161a33;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}
.news-block.style-two .image .post-date,.news-block.style-two .image
{
background-color:#f13a66
}
.news-section.style-two .owl-dots .owl-dot.active,.news-section.style-two .owl-dots .owl-dot:hover
{
background-color:#f13a66
}
.news-block .image img
{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}
.news-block .inner-box:hover .image img
{
opacity:.4
}
.news-block .image .post-date
{
position:absolute;
left:0;
padding:8px 15px;
bottom:-10px;
font-size:15px;
font-weight:500;
color:#fff;
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:#fff;
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:#222;
font-size:13px;
font-weight:400;
margin-right:22px;
display:inline-block
}
.news-block .lower-content .post-meta li a
{
position:relative;
color:#222;
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:#1cba9f
}
.news-block .post-meta li:last-child
{
margin-right:0
}
.news-block .post-meta li .icon
{
position:relative;
margin-right:6px;
top:1px
}
.news-block .post-meta li:last-child
{
border-bottom:0;
padding-bottom:0;
margin-bottom:0
}
.news-block h3
{
position:relative;
color:#222;
font-size:22px;
font-weight:700;
line-height:1.4em;
margin-top:12px
}
.news-block h3 a
{
position:relative;
color:#222;
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:#1cba9f
}
.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:0 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:#1cba9f;
width:12px;
height:12px
}
.news-section .pattern-layer-one
{
position:absolute;
content:'';
left:0;
top:100px;
right:0;
bottom:0;
width:181px;
height:488px;
z-index:1
}
.news-section .pattern-layer-two
{
position:absolute;
content:'';
right:0;
bottom:0;
right:0;
bottom:0;
width:221px;
height:410px;
z-index:1
}
.sponsors-section
{
position:relative;
padding:70px 0
}
.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 .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.sponsors-section .image-box img
{
max-width:100%;
width:auto;
display:inline-block;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.sponsors-section .image-box a
{
display:inline-block
}
.sponsors-section .sponsors-outer .image-box img:hover
{
opacity:.4
}
.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
}
.fullwidth-section-two h2
{
position:relative;
color:#fff;
font-weight:700;
line-height:1.3em;
font-size:36px;
margin-bottom:22px
}
.fullwidth-section-two .left-column:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(34,58,102,.9)
}
.fullwidth-section-two .text
{
position:relative;
font-size:13px;
margin-top:8px;
color:rgba(255,255,255,.5)
}
.subscribe-form
{
position:relative;
max-width:500px
}
.subscribe-form .form-group
{
position:relative;
display:block;
margin:0;
width:100%;
padding-right:170px
}
.subscribe-form input
{
position:relative;
display:block;
width:100%;
line-height:28px;
height:56px;
font-size:14px;
color:#fff;
background:0 0;
border:1px solid rgba(255,255,255,.2);
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:0;
top:0;
cursor:pointer;
color:#313131;
font-size:15px;
padding:14px 36px;
font-weight:500;
display:inline-block;
background-color:#fff;
border:2px solid #fff
}
.subscribe-form input[type=submit]:hover,.subscribe-form button:hover
{
color:#fff;
background:0 0
}
.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:0;
top:0;
right:0;
bottom:0;
background-color:rgba(28,186,159,.9)
}
.fullwidth-section-two .phone
{
position:relative;
color:#fff;
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:#fff;
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:#222
}
.fullwidth-section-two strong
{
font-weight:700;
color:#fff;
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:0;
top:0;
float:left;
color:#fff;
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:#fff
}
.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,.9)
}
.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,.75)
}
.main-footer
{
position:relative;
background-color:#f8fafc;
background-size:cover
}
.main-footer:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(247,249,251,.85)
}
.main-footer .footer-widget
{
position:relative;
margin-bottom:40px
}
.main-footer .widgets-section
{
position:relative;
padding:90px 0 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:#222;
font-size:22px;
font-weight:700;
margin-bottom:20px
}
.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:#1cba9f
}
.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:0;
border:transparent
}
.time-list li span
{
position:relative;
float:right
}
.footer-bottom
{
position:relative;
padding:20px 0;
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,#1DB9A0 0%,#4d94c4 100%)
}
.footer-bottom.style-two
{
background-color:#223a66;
background-image:none
}
.footer-bottom .copyright
{
position:relative;
color:#fff;
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:#222;
font-size:13px;
border-radius:50px;
padding:5px 10px 8px 5px;
font-weight:500;
display:inline-block;
background-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:#fff;
font-size:13px
}
.footer-bottom .social-box li:last-child
{
padding-right:0;
border-right:none
}
.footer-bottom .scroll-top
{
position:relative;
top:1px;
float:right;
cursor:pointer;
color:#fff;
margin-left:80px
}
.banner-section-two
{
position:relative
}
.banner-section-two .slide-item
{
position:relative;
padding:190px 0;
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:#fff;
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:#fff;
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:#fff;
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:.6;
font-weight:500;
vertical-align:middle;
color:#1cba9f;
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:#1cba9f;
position:absolute;
font-weight:700;
left:25px;
top:7px;
width:30px;
font-family:exo,sans-serif
}
.quote-section
{
position:relative;
padding:40px 0;
z-index:1;
background-color:#fff;
box-shadow:0 20px 80px rgba(0,0,0,.1)
}
.quote-section .quote-block
{
max-width:730px;
margin:0 auto
}
.quote-section .owl-dots
{
display:none
}
.quote-section .owl-nav
{
position:absolute;
left:0;
top:50%;
width:100%;
margin-top:-15px
}
.quote-section .owl-nav .owl-prev
{
position:absolute;
left:0;
top:0;
color:#ccc;
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:0;
top:0;
color:#ccc;
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:#000
}
.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:0;
top:0;
color:#1cba9f;
font-size:40px;
line-height:1em
}
.quote-section.style-two .quote-block .quote-icon
{
color:#f13a66
}
.quote-block h2
{
position:relative;
color:#223a66;
font-size:20px;
font-weight:700;
line-height:1.5em;
text-align:left
}
.quote-block .inner-box
{
position:relative;
text-align:left
}
.quote-block .rating
{
position:relative
}
.quote-block .rating span
{
position:relative;
color:#fec42d;
font-size:13px
}
.quote-block h3
{
position:relative;
color:#223a66;
font-size:16px;
font-weight:700;
margin-top:10px
}
.quote-block .location
{
position:relative;
color:#223a66;
font-size:13px;
margin-top:3px
}
.quote-block .info-column
{
text-align:right
}
.booking-section
{
position:relative;
padding:100px 0 120px
}
.booking-section .pattern-layer-one
{
position:absolute;
content:'';
left:0;
top:170px;
right:0;
bottom:0;
width:181px;
height:488px;
z-index:1
}
.booking-section .pattern-layer-two
{
position:absolute;
content:'';
right:0;
top:120px;
right:0;
bottom:0;
width:221px;
height:410px;
z-index:1
}
.booking-section .video-column
{
position:relative;
margin-bottom:70px
}
.booking-section .video-column .inner-column
{
position:relative;
margin-right:25px;
padding-left:0;
z-index:1
}
.booking-section .video-column .inner-column .transparent-layer
{
position:absolute;
left:0;
top:0;
right:0;
bottom:0
}
.booking-section .video-column .inner-column .transparent-layer:before
{
position:absolute;
content:'';
left:17px;
top:17px;
right:-17px;
bottom:-17px;
z-index:2;
background-color:rgba(255,255,255,.9);
box-shadow:0 0 20px rgba(0,0,0,.1)
}
.booking-section .video-column .inner-column .transparent-layer:after
{
position:absolute;
content:'';
left:51px;
top:51px;
right:-51px;
bottom:-51px;
background-color:#fff;
box-shadow:0 0 20px rgba(0,0,0,.1)
}
.booking-section .video-column .inner-column .green-layer
{
position:absolute;
content:'';
left:36px;
top:36px;
right:-36px;
bottom:-36px;
background-color:#1aae95;
box-shadow:0 0 20px rgba(0,0,0,.1)
}
.booking-section .video-column .inner-column .green-layer:before
{
position:absolute;
content:'';
right:-40px;
top:50%;
width:72px;
height:96px;
z-index:1;
margin-top:-37px;
display:inline-block;
background:url(../images/icons/video-icon-1.png) no-repeat
}
.booking-section .video-column .inner-column .green-layer:after
{
position:absolute;
content:'';
left:50%;
bottom:-53px;
width:72px;
height:53px;
z-index:1;
margin-left:-26px;
display:inline-block;
background:url(../images/icons/video-icon-2.png) no-repeat
}
.video-box
{
position:relative
}
.video-box .image
{
position:relative;
box-shadow:50px 70px 120px rgba(0,0,0,.2)
}
.video-box .image img
{
position:relative;
width:100%;
z-index:3
}
.video-box .overlay-box
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height:100px;
box-shadow:inset 0 0 45px rgba(0,0,0,.4);
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .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:#fff;
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:0 0 15px rgba(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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 70px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.booking-section .content-column
{
position:relative
}
.booking-section .content-column .inner-column
{
position:relative;
padding-left:80px;
padding-top:35px;
z-index:1
}
.booking-section h2
{
position:relative;
color:#223a66;
font-weight:700;
line-height:1.2em;
font-size:46px;
margin-bottom:35px
}
.booking-section .text
{
position:relative;
margin-bottom:30px
}
.booking-section p
{
position:relative;
color:#223a66;
font-size:18px;
line-height:1.7em;
margin-bottom:20px;
text-align:justify;
}
.booking-section .theme-btn
{
margin-top:10px
}
.services-section-two
{
position:relative;
padding:90px 0;
background-color:#ecf9f5
}
.services-section-two.style-two
{
background-color:#fff
}
.services-section-two .row
{
margin:0 -1px
}
.services-section-two .services-block
{
padding:0 1px;
margin-bottom:2px
}
.services-block
{
position:relative
}
.services-block .inner-box
{
position:relative;
padding:40px 50px;
background-color:#fff;
box-shadow:0 15px 30px rgba(0,0,0,.1)
}
.services-block .inner-box:after
{
position:absolute;
content:'';
left:0;
top:50%;
height:100px;
z-index:1;
width:100%;
box-shadow:100px 100px 100px rgba(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:#1cba9f
}
.services-block p
{
position:relative;
line-height:1.8em;
color:#223a66;
font-size:16px
}
.video-section
{
position:relative;
text-align:center;
padding:160px 0;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
background-position:center center
}
.video-section.style-three:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(28,186,159,.8)
}
.video-section h2
{
position:relative;
color:#fff;
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:#fff;
font-weight:500;
font-size:18px;
font-weight:500;
margin-left:45px
}
.video-section.style-two:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
display:none;
background-color:rgba(252,58,102,.9)
}
.video-section.style-two .play-button .icon
{
color:#fc7e8a;
line-height:51px;
border:2px solid #ef9bb1
}
.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:#fff;
color:#1cba9f;
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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple-2
{
70%
{
box-shadow:0 0 0 70px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.offer-section
{
position:relative;
padding:90px 0
}
.offer-section .row
{
margin:0 -7px
}
.offer-section .offer-block
{
padding:0 7px
}
.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:0;
right:0;
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:#fff;
font-size:18px;
font-weight:700
}
.offer-block .image .overlay-box h3 a
{
position:relative;
color:#fff;
padding:16px 35px 13px;
background-color:#223a66;
display:inline-block;
border-radius:15px 15px 0 0
}
.offer-block .inner-box:hover .image .overlay-box
{
opacity:1;
bottom:0
}
.banner-section-three
{
position:relative
}
.banner-section-three .banner-carousel
{
position:relative
}
.banner-section-three .slide-item
{
position:relative;
padding:165px 0 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:#fff;
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:#fff;
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:#fff;
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:0;
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:#fff;
font-weight:400;
text-align:center;
line-height:58px;
margin-top:1px;
border:none;
width:40px;
background:0 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 .owl-prev
{
border-bottom:1px solid #fff
}
.banner-section-three .banner-carousel .owl-prev:hover,.banner-section-three .banner-carousel .owl-next:hover
{
background:0 0;
color:#558dca
}
.services-section-three
{
position:relative;
padding:100px 0
}
.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:0;
bottom:0;
width:201px;
height:579px
}
.services-section-three .inner-container .services-block-two
{
padding:0;
float:left
}
.services-block-two:nth-child(1) .inner-box
{
box-shadow:30px 40px 100px rgba(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,.06)
}
.services-block-two:nth-child(3) .inner-box .content-box
{
box-shadow:30px 40px 100px rgba(0,0,0,.06)
}
.services-block-two
{
position:relative
}
.services-block-two .inner-box
{
position:relative;
background-color:#fff
}
.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:0;
top:0;
width:100%;
height:0;
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:0;
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:#fff
}
.services-block-two.style-two .content-box:before
{
position:absolute;
content:'';
left:50%;
top:auto;
bottom:0;
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:#fff
}
.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:#fff
}
.care-section
{
position:relative;
padding:80px 0 50px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed
}
.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:0;
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,.8)
}
.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:#fff;
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:#fff
}
.treatment-section
{
position:relative;
padding:90px 0 60px;
background-size:cover;
background-repeat:no-repeat
}
.treatment-section .pattern-layer
{
position:absolute;
left:0;
top:0;
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:0;
height:2px;
width:70px;
margin-left:-35px;
background-color:#f06699
}
.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:0;
top:8px;
width:75px;
height:295px;
border:2px solid #fc7e8a;
border-right:0
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.treatment-block .text
{
position:relative;
color:#223a66;
font-size:16px;
line-height:1.6em;
max-width:420px
}
.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:0;
top:8px;
width:75px;
height:295px;
border:2px solid #fc7e8a;
border-left:0
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.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:0;
bottom:100%;
width:75px;
height:295px;
margin-bottom:-10px;
border:2px solid #fc7e8a;
border-right:0
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.treatment-section .treatment-image
{
position:relative;
z-index:1;
text-align:center;
margin-top:40px
}
.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:0;
bottom:100%;
width:75px;
height:295px;
margin-bottom:-10px;
border:2px solid #fc7e8a;
border-right:0
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.treatment-block-three .text
{
position:relative;
color:#223a66;
font-size:16px;
line-height:1.6em;
max-width:420px
}
.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:0;
bottom:100%;
width:75px;
height:295px;
margin-bottom:-10px;
border:2px solid #fc7e8a;
border-left:0
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple
{
70%
{
box-shadow:0 0 0 20px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.counter-section
{
position:relative;
padding:85px 0 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
{
position:relative
}
.fact-counter .column
{
position:relative;
margin-bottom:30px
}
.fact-counter .inner
{
position:relative;
text-align:center
}
.fact-counter .content
{
position:relative
}
.fact-counter .icon
{
position:relative;
color:#f13a66;
font-size:50px;
text-align:center;
line-height:1em;
font-weight:300;
margin-bottom:25px;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .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
{
position:relative;
padding:95px 0 100px;
background-size:cover;
background-attachment:fixed
}
.specialist-section:before
{
position:absolute;
content:'';
left:0;
top:0;
width:100%;
height:100%;
display:block;
background-color:rgba(247,247,247,.85)
}
.team-block-two
{
position:relative
}
.team-block-two .inner-box
{
position:relative;
padding:40px 30px;
background-color:#fff;
box-shadow:0 15px 10px rgba(0,0,0,.1)
}
.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:0;
top:0;
right:0;
bottom:0;
-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:0;
top:0;
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,.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:0;
top:0;
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(.8,.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:0 1px 4px;
display:inline-block
}
.team-block-two .social-box li a
{
position:relative;
width:40px;
height:40px;
color:#fff;
text-align:center;
line-height:40px;
display:inline-block;
background-color:rgba(255,255,255,.15);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.team-block-two .inner-box .social-box li a:hover
{
background-color:#fff;
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:#fff;
font-size:24px;
margin-top:-28px;
background-color:#f13a66;
border:5px solid #fff;
box-shadow:0 15px 25px rgba(0,0,0,.1)
}
.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:0 5px;
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background-color:rgba(241,58,102,.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
}
.specialist-section .owl-dots .owl-dot.active,.specialist-section .owl-dots .owl-dot:hover
{
background-color:#f13a66
}
.page-breadcrumb
{
position:relative;
background-color:#1cba9f;
box-shadow:0 20px 80px rgba(0,0,0,.1)
}
.page-breadcrumb:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
z-index:1;
background-color:rgb(54 145 150 / 72%);
}
.page-breadcrumb h2
{
position:relative;
color:#fff;
padding:46px 0;
z-index:1;
font-size:36px;
font-weight:700
}
.page-breadcrumb .image-layer
{
position:absolute;
left:0;
top:0;
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:#1cba9f;
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:#1cba9f
}
.page-breadcrumb .breadcrumbs:before
{
position:absolute;
content:'';
left:20px;
top:0;
right:20px;
bottom:0;
z-index:-1;
background-color:#fff;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg)
}
.page-breadcrumb .breadcrumbs .left-curves
{
position:absolute;
left:0;
top:0;
height:100%
}
.page-breadcrumb .breadcrumbs .left-curves:before
{
position:absolute;
content:'';
left:-4px;
top:0;
width:22px;
height:100%;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg);
background-image:-ms-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-moz-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#558DCA),color-stop(100,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to bottom,#558DCA 0%,rgba(255,255,255,0) 100%)
}
.page-breadcrumb .breadcrumbs .left-curves:after
{
position:absolute;
content:'';
left:12px;
top:0;
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:0;
top:0;
height:100%
}
.page-breadcrumb .breadcrumbs .right-curves:before
{
position:absolute;
content:'';
left:-20px;
top:0;
width:22px;
height:100%;
-ms-transform:skewX(-24deg);
-webkit-transform:skewX(-24deg);
transform:skewX(-24deg);
background-image:-ms-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-moz-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#558DCA),color-stop(100,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,#558DCA 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to bottom,#558DCA 0%,rgba(255,255,255,0) 100%)
}
.page-breadcrumb .breadcrumbs .right-curves:after
{
position:absolute;
content:'';
left:0;
top:0;
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
{
position:relative;
padding:90px 0 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:0 10px 8px rgba(0,0,0,.1)
}
.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:#fff
}
.doctors-page-section
{
position:relative;
padding:90px 0 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:0 15px 6px;
padding:0;
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:#1cba9f
}
.team-block.mix
{
display:none
}
.price-section
{
position:relative;
padding:95px 0 100px;
background:#f3f5f7
}
.price-section.style-two
{
background-color:#fff
}
.price-section .inner-container
{
position:relative;
box-shadow:0 15px 40px rgba(0,0,0,.1)
}
.price-section .pattern-layer-one
{
position:absolute;
content:'';
left:0;
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:0;
top:80px;
width:239px;
height:492px;
z-index:1
}
.price-section .price-block
{
float:left;
padding:0
}
.price-block
{
position:relative;
z-index:1
}
.price-block .inner-box
{
position:relative;
text-align:center;
background-color:#fff;
padding:35px 40px 30px
}
.price-block .inner-box:before
{
position:absolute;
content:'';
left:0;
top:0;
width:0;
height:100%;
background-color:#1cba9f;
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:#222;
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:#fff
}
.price-block .middle-box
{
position:relative;
padding:30px 0;
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,.7);
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:#1cba9f;
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,.7);
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:#1cba9f;
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:#fff;
background-color:#fff
}
.experiance-section
{
position:relative;
padding:100px 0;
background-color:#f7f9fb
}
.experiance-section .skills-column
{
position:relative
}
.experiance-section .skills-column .inner-column
{
position:relative;
padding:80px 60px;
background-size:cover;
background-repeat:no-repeat
}
.experiance-section h3
{
position:relative;
font-size:36px;
font-weight:700;
line-height:1.3em;
color:#fff;
margin-bottom:25px
}
.experiance-section .skills-column .inner-column:before
{
position:absolute;
content:'';
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(34,58,102,.7)
}
.skills
{
position:relative
}
.skills .skill-item
{
position:relative;
margin-bottom:30px
}
.skills .skill-item:last-child
{
margin-bottom:0
}
.skills .skill-bar
{
position:relative;
width:100%
}
.skills .skill-bar .bar-inner
{
position:relative;
width:100%;
border-bottom:6px solid rgba(255,255,255,.2)
}
.skills .bar
{
position:absolute;
left:0;
top:0;
width:0;
border-bottom:6px solid #fff;
-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:#fff;
font-size:16px;
font-weight:500;
line-height:1.4em;
text-transform:capitalize
}
.skills .skill-percentage
{
position:absolute;
right:0;
top:-30px;
float:right;
font-weight:500;
color:#fff;
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:0;
top:140px;
width:210px;
height:482px
}
.experiance-section .pattern-layer-two
{
position:absolute;
content:'';
right:0;
top:100px;
width:220px;
height:487px
}
.doctor-detail-section
{
position:relative;
padding:100px 0
}
.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:#fff;
font-size:18px;
font-weight:700;
border-radius:0 50px 50px 0;
background-color:#1cba9f;
padding:10px 25px 10px 90px
}
.doctor-detail-section .number-box:before
{
position:absolute;
content:'';
left:0;
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:#fff;
border-radius:50%;
text-align:center;
line-height:50px;
display:inline-block;
border:5px solid #fff;
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,.2)
}
.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 transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
@keyframes ripple-2
{
70%
{
box-shadow:0 0 0 50px transparent
}
100%
{
box-shadow:0 0 0 0 transparent
}
}
.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:#222;
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:#fff;
font-size:14px;
line-height:38px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#1cba9f
}
.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:red
}
.doctor-detail-section .social-box li.vk a
{
background-color:#45668e
}
.doctor-info-list
{
position:relative;
margin-bottom:40px
}
.doctor-info-list li
{
position:relative;
color:#222;
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:0;
top:0;
color:#222;
font-weight:500
}
.biography-section
{
position:relative;
padding-bottom:90px
}
.biography-section .pattern-one
{
position:absolute;
content:'';
left:0;
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:#222;
padding-right:100px;
display:inline-block;
text-transform:capitalize
}
.biography-section .title-column h2:after
{
position:absolute;
content:'';
right:0;
top:18px;
height:3px;
width:80px;
background-color:#1cba9f
}
.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
{
position:relative;
padding:100px 0 70px
}
.services-block-three
{
position:relative;
margin-bottom:30px
}
.services-block-three .inner-box
{
position:relative;
padding:15px;
border:1px solid #f5f5f5;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.services-block-three .inner-box:hover
{
box-shadow:0 0 30px rgba(0,0,0,.1);
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:0 22px 25px
}
.services-block-three .icon-box
{
position:relative;
width:60px;
height:60px;
color:#fff;
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:#1cba9f
}
.services-block-three .inner-box:hover .icon-box
{
box-shadow:0 0 25px rgba(34,58,102,.4)
}
.services-block-three h3
{
position:relative;
color:#222;
font-size:22px;
font-weight:700;
line-height:1.3em;
margin-top:24px;
margin-bottom:12px
}
.services-block-three h3 a
{
position:relative;
color:#222;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.services-block-three h3 a:hover
{
color:#1cba9f
}
.services-block-three .text
{
position:relative;
color:#222;
font-size:15px;
line-height:1.7em
}
.services-single-section
{
position:relative;
padding:100px 0 90px
}
.services-widget
{
position:relative;
margin-bottom:60px
}
.cat-list
{
position:relative
}
.cat-list li
{
position:relative;
margin-bottom:1px;
box-shadow:0 10px 30px rgba(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:#fff
}
.cat-list li a
{
position:relative;
color:#222;
font-size:16px;
font-weight:500;
padding:23px 28px;
display:block;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.cat-list li:hover a,.cat-list li.active a
{
position:relative;
color:#fff;
background-color:#223a66
}
.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:0;
top:0;
right:0;
bottom:0;
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:#fff;
font-size:22px;
font-weight:700;
line-height:1.4em
}
.schedule-widget .icon
{
position:absolute;
left:0;
top:8px;
font-weight:400;
color:#fff;
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:0;
top:0;
right:0;
bottom:0;
z-index:1;
opacity:.8;
background-color:#223a66;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .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:#222;
font-size:16px;
line-height:1.7em;
margin-bottom:15px
}
.plan-list
{
position:relative
}
.plan-list li
{
position:relative;
margin-bottom:10px;
color:#222;
font-size:16px
}
.plan-list li i
{
position:relative;
padding-right:8px;
background-color:#fff
}
.plan-list li:before
{
position:absolute;
content:'';
left:0;
top:13px;
height:1px;
width:100%;
border:1px dashed #e5e5e5
}
.plan-list li span
{
position:absolute;
right:0;
top:0;
padding-left:8px;
background-color:#fff
}
.list-style-three
{
position:relative
}
.list-style-three li
{
position:relative;
color:#222;
font-weight:500;
margin-bottom:10px;
padding-left:20px
}
.list-style-three li:before
{
position:absolute;
content:"\f193";
left:0;
top:0;
font-family:flaticon
}
.contact-page-section
{
position:relative;
padding:100px 0;
background-position:center center;
background-repeat:no-repeat
}
.contact-page-section .pattern-layer
{
position:absolute;
content:'';
left:0;
top:210px;
right:0;
bottom:0;
width:224px;
height:488px
}
.contact-page-section .info-column .inner-column
{
position:relative;
padding-top:35px
}
.contact-address
{
position:relative;
margin-bottom:40px
}
.contact-address .inner
{
position:relative
}
.contact-address .icon-box
{
position:relative;
color:#1cba9f;
font-size:40px;
line-height:1em
}
.contact-address .inner h4
{
position:relative;
color:#222;
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,.7)
}
.contact-page-section .form-column .inner-column
{
position:relative;
padding:55px 50px;
background-color:rgba(34,58,102,.9)
}
.contact-page-section .title-box
{
position:relative;
margin-bottom:35px
}
.contact-page-section .title-box .title
{
position:relative;
color:#fff;
font-size:18px;
font-weight:700;
line-height:1.3em
}
.contact-page-section .title-box h3
{
position:relative;
color:#fff;
font-size:36px;
font-weight:700;
line-height:1.3em;
margin-top:3px
}
.contact-form
{
position:relative
}
.contact-form .form-group
{
position:relative;
margin-bottom:20px
}
.contact-form .form-group.comment-group .icon
{
top:0
}
.contact-form .form-group .icon
{
position:absolute;
left:0;
top:12px;
color:#fff;
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:0 15px 8px 35px;
height:50px;
font-size:14px;
border-radius:2px;
background:0 0;
border-bottom:1px solid rgba(255,255,255,.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:#1cba9f
}
.contact-form .form-group textarea
{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:0 15px 10px 35px;
color:#a5a5a5;
height:100px;
font-size:14px;
resize:none;
border-radius:2px;
background:0 0;
border-bottom:1px solid rgba(255,255,255,.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:#fff;
border:2px solid #fff;
-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:0 0;
color:#fff
}
.contact-form input.error,.contact-form select.error,.contact-form textarea.error
{
border-color:red!important
}
.contact-form label.error
{
display:block;
line-height:24px;
padding:5px 0 0;
margin:0;
text-transform:uppercase;
font-size:12px;
color:red;
font-weight:500
}
.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
{
position:relative;
padding-top:100px
}
.department-page-section .outer-container
{
position:relative;
max-width:1115px;
margin:0 auto;
overflow-x:auto;
box-shadow:0 20px 35px rgba(0,0,0,.1)
}
.department-page-section .outer-container .inner-container
{
position:relative;
max-width:1115px;
margin:0 auto
}
.days-blocks
{
position:relative
}
.days-blocks .days-inner
{
position:relative;
padding-left:140px
}
.days-blocks .days-inner .days-icon
{
position:absolute;
left:0;
top:0;
margin-bottom:2px;
color:#fff;
min-height:60px;
line-height:59px;
font-size:42px;
display:block;
min-width:137px;
margin-right:2px;
text-align:center;
background-color:#1cba9f
}
.days-blocks .days-inner .days-name
{
position:relative;
min-height:60px;
line-height:59px;
float:left;
color:#222;
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-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:#222;
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:0
}
.info-blocks .info-inner .info-content.empty-block
{
min-height:140px;
background-color:#fff
}
.info-blocks .info-inner .info-content.white-large
{
min-height:281px;
background-color:#fff
}
.info-blocks .info-inner .info-content.x-large
{
min-height:424px
}
.info-blocks .info-inner .info-content.style-two
{
background-color:#1cba9f
}
.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:#fff;
margin-bottom:12px;
padding-bottom:10px
}
.info-blocks .info-inner .info-content h4:before
{
position:absolute;
content:'';
left:0;
bottom:0;
height:2px;
width:20px;
background-color:rgba(255,255,255,.15)
}
.info-blocks .info-inner .info-content .author
{
position:relative;
font-size:14px;
font-weight:600;
line-height:1.6em;
color:#fff
}
.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:23px;
padding:25px 0
}
.main-header.header-style-two .elementskit-navbar-nav>li,.main-header.header-style-three .elementskit-navbar-nav>li
{
padding:22px 0
}
.main-header.header-style-two .elementskit-navbar-nav>li:before
{
position:absolute;
content:'';
left:0;
bottom:21px;
height:2px;
width: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;
background-color:#1cba9f
}
.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:0;
bottom:21px;
height:2px;
width: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;
background-color:#f13a66
}
.main-header.header-style-three .elementskit-navbar-nav>li:hover::before
{
width:15px
}
.main-header .elementskit-navbar-nav>li:last-child
{
margin-right:0
}
.main-header .elementskit-navbar-nav>li>a
{
padding:30.5px 0;
position:relative;
display:block;
text-align:center;
font-size:16px;
line-height:35px;
font-weight:500;
opacity:1;
color:#222;
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:#fff
}
.main-header .elementskit-navbar-nav>li.elementskit-dropdown-has>a:before
{
content:"\f13d";
position:absolute;
right:0;
top:4px;
font-size:10px;
line-height:26px;
font-weight:800;
font-family:flaticon;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
color:#1cba9f
}
.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,.5)
}
.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:#fff
}
.main-header .elementskit-navbar-nav>li.elementskit-dropdown-has a
{
padding-right:18px!important
}
.main-header .elementskit-dropdown
{
background-color:#fff;
border:3px solid #1cb89d
}
.main-header .elementskit-submenu-panel>li
{
position:relative;
border-bottom:1px solid #f9f9f9
}
.main-header .elementskit-submenu-panel>li>a
{
position:relative;
padding:12px 5px;
color:#222;
display:block;
font-size:15px;
font-weight:500;
text-transform:capitalize;
background:0 0
}
.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:#222;
font-weight:600;
width:100%;
max-width:360px;
font-size:15px;
font-style:normal;
height:56px;
padding:10px 28px;
line-height:34px;
color:#fff;
border:none;
float:left;
margin-right:30px;
border-radius:0;
background:rgba(255,255,255,.1);
box-shadow:0 15px 30px rgba(0,0,0,.1)
}
.department-page-section .network-tabs .tab-btns .our-branches .btn
{
position:relative;
width:100%;
font-size:16px;
color:#222;
display:block;
text-align:left;
padding:6px 0;
border-radius:0;
border:none;
background:0 0;
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:0 0
}
.department-page-section .network-tabs .tab-btns .our-branches .btn .fa
{
position:absolute;
right:0;
top:10px
}
.department-page-section .our-branches .dropdown-menu
{
top:100%;
left:0;
width:100%;
border-radius:0;
margin-top:10px;
background-color:#fff;
border:none;
padding:0;
z-index:1;
margin-left:-28px;
box-shadow:0 15px 30px rgba(0,0,0,.1);
border-bottom:1px solid rgba(0,0,0,.06)
}
.department-page-section .our-branches a:hover
{
background:0 0
}
.department-page-section .our-branches .dropdown-menu>li
{
padding-right:0!important;
margin:0!important;
float:none;
width:100%;
color:#222;
cursor:pointer;
font-size:14px;
font-weight:400;
padding:6px 32px;
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,.06)
}
.department-page-section .our-branches .dropdown-menu>li:last-child
{
border-bottom:none
}
.department-page-section .our-branches .dropdown-menu>li:hover
{
color:#fff!important;
background-color:#1cb89d
}
.department-page-section .network-tabs .tabs-content
{
position:relative;
padding:15px 0 0
}
.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:#fff!important;
font-size:24px
}
.main-header .xs-menu-tools
{
position:absolute;
right:0;
top:17px;
z-index:1
}
.main-header .xs-menu-tools li
{
position:relative
}
.main-header .xs-navbar
{
display:block
}
.navsearch-button
{
position:relative;
width:60px;
height:50px;
cursor:pointer;
background:0 0;
font-size:18px;
color:#fff!important;
text-align:center;
line-height:54px;
display:inline-block;
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
}
.navsearch-button:before
{
position:absolute;
content:'';
left:-5px;
top:0;
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:#1cba9f
}
.navsearch-button:hover::before
{
-ms-transform:skewX(12deg);
-webkit-transform:skewX(12deg);
transform:skewX(12deg)
}
.main-header .header-upper .elementskit-navbar
{
margin-left:186px;
}
.cart-product
{
position:relative;
margin-bottom:20px;
min-height:90px;
border-bottom:1px solid rgba(255,255,255,.2)
}
.cart-product .inner
{
position:relative;
padding-left:90px;
min-height:70px
}
.cart-product .inner .cross-icon
{
position:absolute;
right:0;
top:-2px;
z-index:1;
color:#fff;
font-size:16px;
cursor:pointer;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}
.cart-product .inner .cross-icon:hover
{
color:#1cb89d
}
.cart-product .inner .image
{
position:absolute;
width:70px;
height:70px;
left:0;
top:0
}
.cart-product .inner h3
{
position:relative;
font-weight:400;
font-size:14px;
margin:0;
margin-bottom:6px;
letter-spacing:1px;
text-transform:capitalize;
font-family:poppins,sans-serif
}
.cart-product .inner h3 a
{
color:#fff;
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:#fff;
font-size:14px;
margin-bottom:0
}
.cart-product .inner .price
{
position:relative;
font-weight:400;
font-size:15px;
margin:0;
color:#fff
}
.main-header .elementskit-megamenu-panel>li
{
padding:0
}
.main-header .elementskit-megamenu-panel li:before
{
display:none
}
.main-header .elementskit-dropdown li:before
{
position:absolute;
content:'';
left:0;
top:0;
width:0;
height:100%;
background-color:#1cb89d;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease
}
.main-header .elementskit-dropdown li.active::before
{
width:100%
}
.main-header .elementskit-dropdown li.active a
{
color:#fff
}
.main-header .elementskit-dropdown li:hover::before
{
width:100%
}
.main-header .elementskit-dropdown>li:hover>a
{
color:#fff
}
.elementskit-submenu-panel>li:hover>a,.elementskit-submenu-panel>li>a:hover
{
background:0 0!important
}
.main-header .elementskit-megamenu-panel
{
border:none;
padding:25px 0 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:0;
top:0;
width:0;
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:#fff
}
.megamenu_lists li a:hover::before
{
width:100%;
z-index:-1
}
Zerion Mini Shell 1.0