@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); .resize-active .hold {
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
input:focus, textarea:focus{
outline: none !important;
box-shadow: none !important;
}
input::-webkit-input-placeholder { color: #767676 !important;
}
input::-moz-placeholder { color: #767676 !important;
}
input:-ms-input-placeholder { color: #767676 !important;
}
input:-moz-placeholder { color: #767676 !important;
} #header{
background-color: #fff;
padding: 10px 0;
}
#header.clone {
top:-111px;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
position: absolute;
width: 100%;
visibility:hidden;
background: #fff;
}
#header.clone .top-bar{
display: none !important;
}
#header.clone .navbar-nav{
padding-top: 25px;
padding-bottom: 25px;
}
#header.clone.fixed {
position: fixed;
z-index: 9999;
width: 100%;
top: 0;
left: 0;
right: 0;
visibility:visible;
min-height: 80px;
}
#header.clone.fixed .navbar-brand{
max-width: 140px;
position: absolute;
top: -10px;
}
#header.clone.fixed .topbar{
display: none;
}
#header.clone.fixed .navbar-collapse{
margin-top: 0px;
}
#header.clone.fixed .navbar-light .navbar-nav .nav-link{
font-size: 20px;
}
#header .navbar{padding:0;}
.home #header.fixed .navbar{padding:0;} .navbar-brand{
padding: 0;
}
.navbar-brand img{
width: 100%;
height: auto;
display: block;
}
#header .navbar-nav{
align-items: center;
padding-top: 60px;
}
#header .navbar-nav>li{
display: inline-block;
vertical-align: middle;
position: relative;
padding: 5px 15px;
}
#header .navbar-nav>li.contact{
background-color: #76D1F1;
border-radius: 50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#header .navbar-nav>li.contact:hover{
background-color: #11002A;
}
#header .navbar-nav>li.contact:hover a{
color: #fff;
}
#header .navbar-nav>li a:hover,
#header .navbar-nav>li a:focus,
#header .navbar-nav>li.current_page_item a,
#header .navbar-nav li ul li.current_page_item a{
color: #3AA1C5;
}
.navbar-light .navbar-nav .nav-link, .home .fixed .navbar-light .navbar-nav .nav-link{
font-family: 'allerregular';
font-weight: 400;
font-size: 17px;
text-align: left;
color: #767676;
padding: 0;
}
.navbar-nav > li ul{
position: absolute;
left: 20px;
top: 50px;
width: 280px;
list-style: none;
padding: 8px 15px;
margin: 0;
border-radius:4px;
background: #fff;
opacity: 0;
visibility: hidden;
transition:all linear 0.2s;
-webkit-transition:all linear 0.2s;
-ms-transition:all linear 0.2s;
font-weight: 400;
text-transform: capitalize;
font:15px/1.2 "allerregular";
box-shadow: 0 0 20px rgba(0,0,0,0.2);
z-index: 9999;
}
a.opener{
transform: rotate(-135deg);
right: 0px;
top: 12px;
display: inline-block !important;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #767676;
border-left: 2px solid #767676;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
a.opener:before{
display: block;
height: 200%;
width: 200%;
margin-left: -50%;
margin-top: -50%;
content: "";
transform: rotate(45deg);
}
a.opener:hover{
color: transparent !important;
}
.navbar-nav > li ul li{
position: relative;
}
.navbar-nav > li ul ul{
left: auto;
right: 100%;
top: 0;
}
.navbar-nav li li a{
padding: 10px 15px;
display: block;
color: #767676;
font-size: 17px;
}
.navbar-nav li li:hover a{
text-decoration: none; color: #77bc1f;
}
.navbar-nav li .opener{display: none;}
.navbar-nav > li ul li.has-drop-down>a{background: #ccc;}
.has-drop-down-a {
position: relative;
}
.navbar-nav li li>.has-drop-down-a {
position: relative;
}
.navbar-nav li li>.has-drop-down-a:after{
content: '';
position: absolute;
right: 10px;
top: 50%;
border:5px solid transparent;
border-top-color: #000;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.navbar-nav li li.hover>.has-drop-down-a:after{
border-top-color: transparent;
border-bottom-color: #000;
}
#header.clone .search-form {
display: none;
}
.search-form {
float: right;
position: relative;
width: 48px;
height: 112px;
padding: 33px 0;
margin-top: 50px;
}
.search-form a {
width: 48px;
height: 48px;
display: block;
text-align: center;
line-height: 48px;
font-size: 17px;
color: #949494;
}
.search-form i{
pointer-events: none;
font-size: 20px;
color: #fff;
}
.search-form .field {
position: absolute;
right: 0;
top: 35px;
bottom: 35px;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
}
.search-form.open .field {
opacity: 1;
visibility: visible;
}
.search-form .input {
max-width: 250px;
background: rgba(0,0,0,0.8);
height: 100%;
z-index: 99;
padding: 10px 15px;
color: #fff;
border: 0;
font-family: "allerregular";
font-size: 17px;
}
.search-form button[type=submit] {
width: 48px;
height: 42px;
display: block;
text-align: center;
line-height: 42px;
position: absolute;
top: 0;
right: 0;
color: #fff;
background: rgba(0,0,0,0.3);
font-size: 17px;
border: 0;
}
#header .container{
max-width: 100%;
width: 100%;
padding: 0 100px;
}
.top-bar{
position: absolute;
top: 35px;
right: 0;
}
.top-bar a{
font-family: "allerregular";
font-weight: bold;
font-size: 20px;
text-align: left;
color: #5d5d5d;
}
.top-bar span{
background-color:#3AA1C5;
border-radius: 50%;
padding: 10px;
display: inline-block;
margin-right: 5px;
}
@media only screen and (min-width:1700px){
.top-bar{
top: 25px;
}
.navbar-light .navbar-nav .nav-link, 
.home .fixed .navbar-light .navbar-nav .nav-link,
#header.clone.fixed .navbar-light .navbar-nav .nav-link,
.top-bar a{
font-size: 25px;
}
a.opener{
top: 15px;
right: 10px;
}
#header .navbar-nav>li{
padding: 5px 25px;
}
.navbar-nav > li ul{
top: 60px;
}
.navbar-nav > li ul{
width: 300px;
}
.navbar-nav > li ul:before{
top: -7px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 11px solid #11002A;
}
.navbar-nav li li a{
font-size: 20px;
}
}
@media only screen and (max-width:1399px){
.mega-menu ul li a{
font-size: 15px;
line-height: 32px;
}
}
@media only screen and (max-width:1299px){
.navbar-brand{
max-width: 160px;
}
.top-bar{
top: 20px;
}
.top-bar a{
font-size: 18px;
}
.navbar-light .navbar-nav .nav-link, .home .fixed .navbar-light .navbar-nav .nav-link{
font-size: 15px;
}
}
@media only screen and (max-width:1199px){
#header .navbar-nav>li{
padding: 0 15px;
}
.navbar-light .navbar-nav .nav-link, 
.home .fixed .navbar-light .navbar-nav .nav-link,
#header.clone.fixed .navbar-light .navbar-nav .nav-link{
font-size: 16px;
}
a.opener{
right: 4px;
top: 6px;
width: 6px;
height: 6px;
}
} @media screen and (min-width:768px){
.navbar-nav > li .opener{display: none;}
}
@media screen and (min-width:1025px){
.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul{
opacity: 1;
visibility: visible;
}
}
@media only screen and (min-width:768px) and (max-width:1025px){
#header .navbar-nav>li.menu-btn{
position: fixed;
right: 30px;
top: 38%;
transform: translateX(50%) rotate(-90deg);
-ms-transform: translateX(50%) rotate(-90deg);
-webkit-transform: translateX(50%) rotate(-90deg);
z-index: 9999;
}
#header .navbar-nav>li.menu-btn + li.menu-btn{
top: 60%;
}
}
@media screen and (max-width:991px){
#header .container{
padding: 0 20px;
}
.navbar-nav > li ul:before{
display: none;
}
#header.clone.fixed{
display: none;
}
.navbar-brand{
z-index: 9999;
position: relative;
}
.navbar-light .navbar-toggler{
float: right;
background-color: #fff;
}
.header-bar{
width: 100%;
}
.home #header.fixed .navbar-brand img.outwhite, #header .navbar-brand img.onwhite{display: block !important;}
.home #header.fixed .navbar-brand img.onwhite, #header .navbar-brand img.outwhite{display: none  !important;}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
padding: 9px 10px;
}
.navbar-nav > li{
display: inline-block;
float: none !important;
text-align: left;
}
.navbar-nav > li ul ul{
position: static;
max-height: 0;
}
.navbar-nav > li ul li.hover>ul{
max-height: 400px;
}
#header.clone.fixed .navbar-light .navbar-toggler{
margin-top: 25px;
margin-bottom: 25px;
}
.container{max-width: 100%;}
.navbar-brand{
margin-top: 0px;
padding-top: 0px;
max-width: 150px;
}
#header{
top: 0px;
background-color: #fff;
min-height: 75px;
}
.navbar-toggler{
float: right;
margin-top: 40px;
margin-right: 10px;
}
.top-bar{
justify-content: center;
left: 0;
} html.nav-open{
overflow-y: hidden;
position: relative;
height: 100%;
}
html.nav-open body{
overflow-y: hidden;
position: relative;
height: 100%;
}
#header .cross-icon{
text-align: right;
margin: 50px 45px;
position: relative;
z-index: 9999;
}
#header .navbar{padding: 0;}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
color: #5d5d5d;
text-align: left;
border-bottom:none;
padding: 15px 10px;
margin-left: 30px;
margin-right: 30px;
font-size: 22px;
}
.navbar-nav > li ul li{border-bottom:none;}
.navbar-nav li a{border-bottom:1px solid #ddd;}
.navbar-nav li.btn{
text-align: center;
margin-top: 15px;
}
.navbar-nav li li a{
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
color: #000;
}
.navbar-nav li li a:hover{
text-decoration: none;
}
.navbar-nav li .opener{
width: 40px;
position: absolute;
right: 30px;
top: 0;
z-index: 999;
text-indent: -999px;
overflow: hidden;
background: #eee !important;
height: 65px;
border-left:1px solid #ddd;
border-bottom:none!important;
display: block;
transform: none;
}
#header .navbar-nav>li.contact{
width: 85%;
margin: 10px auto;
}
#header .navbar-nav>li.contact a{
text-align: center;
}
.navbar-nav li{
overflow: hidden;
display: block;
width: 100%;
}
#header .navbar-nav>li{
padding: 0;
}
.navbar-nav > li ul{
position: relative;
opacity: 1;
visibility: visible;
max-height: 0;
width: 100%;
z-index: 99;
top: 0;
left: 0 !important;
right: auto !important;
background: #fff;
padding: 0;
}
.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul{
max-height: 400px;
padding-left: 50px;
}
.nav-open .nav li>li{display: none;}
.nav-open .nav li.hover{
position:relative;
width: 100%;
z-index: 999;
background: #76D1F1;
top: 0;
overflow: hidden;
display: block !important;
}
#header .navbar-nav{
align-items: flex-start;
}
#header .navbar-nav>li{
display: block;
}
#header .navbar-nav>li.menu-btn{
padding: 5px 0;
width: 70%;
margin: 0 auto;
}
#header .navbar-nav>li.menu-btn a{
border:none;
max-width: 170px;
margin: 0 auto;
}
#header .navbar-collapse{
padding: 0;
margin: 0;
background: #fff;
}
.nav-open .nav	 li > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.nav-open .nav	 li.hover > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color:transparent transparent #000 #000 ;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.navbar-collapse, .navbar-collapse.collapse {
position: fixed;
left: 0;
right:0;
top: 0;
width:100%;
background: #333;
height: 0 !important;
max-height: 100%;
z-index: 99999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.8s;
border: none;
overflow: auto;
opacity: 0;
}
.navbar-right{text-align: left;}
.navbar-collapse.collapse:before{
position: absolute;
left: 0;
right: 0;
top: 0;
content: 'Menu';
text-align: center;
width: 100%;
padding:14px 10px;
font:18px/21px "allerregular";
color: #fff;
font-weight: 700;
border-bottom:2px solid #fff;
display: none;
}
#header .navbar-nav {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
padding: 51px 0 0;
margin: 0;
}
.navbar-collapse.collapse { display: block !important; }
.nav-open .navbar-collapse { 
opacity: 1;
height: 100% !important; 
}
.navbar-light .navbar-toggler{
height: 40px;
z-index: 9999;
border-color: #3AA1C5 !important;
background-color: #3AA1C5 !important;
margin-top: 40px;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.nav-open .navbar-toggler .sr-only + .icon-bar{display: none;}
.nav-open .navbar-toggler .icon-bar + .icon-bar{
margin: 0;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
.nav-open .navbar-toggler .icon-bar:last-child{
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
margin-top: -2px;
}
.wpcf7-recaptcha{
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.search-form {
top: -5px;
right: 70px;
}
}
@media only screen and (max-width:767px){
.top-bar{
top: 100px;
left: 20px;
}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
margin-left: 15px;
}
}
@media only screen and (max-width:480px){
.navbar-brand{
max-width: 130px;
}
}
footer{
padding: 70px 0 50px;
position: relative;
background-color: #343434;
}
footer:before{
position: absolute;
content: '';
top: -10px;
right: 0;
width: 50%;
height: 10px;
background-color: #022A46;
}
footer p{
width: 322px;
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 25px;
text-align: left;
color: #fff;
}
footer .copyrights p{
font-size: 13px;
}
footer .title{
font-family: 'allerregular';
font-weight: normal;
font-size: 18px;
text-align: left;
color: #fff;
}
footer ul{
padding: 0;
margin: 0;
}
footer ul li{
list-style: none;
}
footer ul li a{
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 36px;
text-align: left;
color: #fff;
}
footer ul li a:hover,
footer .contact a:hover{
color: #3AA1C5;
text-decoration: none;
}
footer .contact a{
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 36px;
text-align: left;
color: #fff;
}
footer .contact span{
color: #fff;
}
footer .upper{
border-bottom: solid 1px #767676;
}
@media only screen and (min-width:1700px){
footer .container{
max-width: 100%;
width: 100%;
padding: 0 100px;
}
footer .title{
font-size: 22px;
}
footer p,
footer ul li a,
footer .contact a{
font-size: 18px;
}
footer .copyrights p{
font-size: 18px;
width: auto;
}
}
@media only screen and (max-width: 991px){
footer p{
width: 100%;
}
}
@media only screen and (max-width: 767px){
footer{
padding: 40px 0 20px;
}
}
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); .resize-active .hold {
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
input:focus, textarea:focus{
outline: none !important;
box-shadow: none !important;
}
input::-webkit-input-placeholder { color: #767676 !important;
}
input::-moz-placeholder { color: #767676 !important;
}
input:-ms-input-placeholder { color: #767676 !important;
}
input:-moz-placeholder { color: #767676 !important;
} #header{
background-color: #fff;
padding: 10px 0;
}
#header.clone {
top:-111px;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
position: absolute;
width: 100%;
visibility:hidden;
background: #fff;
}
#header.clone .top-bar{
display: none !important;
}
#header.clone .navbar-nav{
padding-top: 25px;
padding-bottom: 25px;
}
#header.clone.fixed {
position: fixed;
z-index: 9999;
width: 100%;
top: 0;
left: 0;
right: 0;
visibility:visible;
min-height: 80px;
}
#header.clone.fixed .navbar-brand{
max-width: 140px;
position: absolute;
top: -10px;
}
#header.clone.fixed .topbar{
display: none;
}
#header.clone.fixed .navbar-collapse{
margin-top: 0px;
}
#header.clone.fixed .navbar-light .navbar-nav .nav-link{
font-size: 20px;
}
#header .navbar{padding:0;}
.home #header.fixed .navbar{padding:0;} .navbar-brand{
padding: 0;
}
.navbar-brand img{
width: 100%;
height: auto;
display: block;
}
#header .navbar-nav{
align-items: center;
padding-top: 60px;
}
#header .navbar-nav>li{
display: inline-block;
vertical-align: middle;
position: relative;
padding: 5px 15px;
}
#header .navbar-nav>li.contact{
background-color: #76D1F1;
border-radius: 50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#header .navbar-nav>li.contact:hover{
background-color: #11002A;
}
#header .navbar-nav>li.contact:hover a{
color: #fff;
}
#header .navbar-nav>li a:hover,
#header .navbar-nav>li a:focus,
#header .navbar-nav>li.current_page_item a,
#header .navbar-nav li ul li.current_page_item a{
color: #3AA1C5;
}
.navbar-light .navbar-nav .nav-link, .home .fixed .navbar-light .navbar-nav .nav-link{
font-family: 'allerregular';
font-weight: 400;
font-size: 17px;
text-align: left;
color: #767676;
padding: 0;
}
.navbar-nav > li ul{
position: absolute;
left: 20px;
top: 50px;
width: 280px;
list-style: none;
padding: 8px 15px;
margin: 0;
border-radius:4px;
background: #fff;
opacity: 0;
visibility: hidden;
transition:all linear 0.2s;
-webkit-transition:all linear 0.2s;
-ms-transition:all linear 0.2s;
font-weight: 400;
text-transform: capitalize;
font:15px/1.2 "allerregular";
box-shadow: 0 0 20px rgba(0,0,0,0.2);
z-index: 9999;
}
a.opener{
transform: rotate(-135deg);
right: 0px;
top: 12px;
display: inline-block !important;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #767676;
border-left: 2px solid #767676;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
a.opener:before{
display: block;
height: 200%;
width: 200%;
margin-left: -50%;
margin-top: -50%;
content: "";
transform: rotate(45deg);
}
a.opener:hover{
color: transparent !important;
}
.navbar-nav > li ul li{
position: relative;
}
.navbar-nav > li ul ul{
left: auto;
right: 100%;
top: 0;
}
.navbar-nav li li a{
padding: 10px 15px;
display: block;
color: #767676;
font-size: 17px;
}
.navbar-nav li li:hover a{
text-decoration: none; color: #77bc1f;
}
.navbar-nav li .opener{display: none;}
.navbar-nav > li ul li.has-drop-down>a{background: #ccc;}
.has-drop-down-a {
position: relative;
}
.navbar-nav li li>.has-drop-down-a {
position: relative;
}
.navbar-nav li li>.has-drop-down-a:after{
content: '';
position: absolute;
right: 10px;
top: 50%;
border:5px solid transparent;
border-top-color: #000;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.navbar-nav li li.hover>.has-drop-down-a:after{
border-top-color: transparent;
border-bottom-color: #000;
}
#header.clone .search-form {
display: none;
}
.search-form {
float: right;
position: relative;
width: 48px;
height: 112px;
padding: 33px 0;
margin-top: 50px;
}
.search-form a {
width: 48px;
height: 48px;
display: block;
text-align: center;
line-height: 48px;
font-size: 17px;
color: #949494;
}
.search-form i{
pointer-events: none;
font-size: 20px;
color: #fff;
}
.search-form .field {
position: absolute;
right: 0;
top: 35px;
bottom: 35px;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
}
.search-form.open .field {
opacity: 1;
visibility: visible;
}
.search-form .input {
max-width: 250px;
background: rgba(0,0,0,0.8);
height: 100%;
z-index: 99;
padding: 10px 15px;
color: #fff;
border: 0;
font-family: "allerregular";
font-size: 17px;
}
.search-form button[type=submit] {
width: 48px;
height: 42px;
display: block;
text-align: center;
line-height: 42px;
position: absolute;
top: 0;
right: 0;
color: #fff;
background: rgba(0,0,0,0.3);
font-size: 17px;
border: 0;
}
#header .container{
max-width: 100%;
width: 100%;
padding: 0 100px;
}
.top-bar{
position: absolute;
top: 35px;
right: 0;
}
.top-bar a{
font-family: "allerregular";
font-weight: bold;
font-size: 20px;
text-align: left;
color: #5d5d5d;
}
.top-bar span{
background-color:#3AA1C5;
border-radius: 50%;
padding: 10px;
display: inline-block;
margin-right: 5px;
}
@media only screen and (min-width:1700px){
.top-bar{
top: 25px;
}
.navbar-light .navbar-nav .nav-link, 
.home .fixed .navbar-light .navbar-nav .nav-link,
#header.clone.fixed .navbar-light .navbar-nav .nav-link,
.top-bar a{
font-size: 25px;
}
a.opener{
top: 15px;
right: 10px;
}
#header .navbar-nav>li{
padding: 5px 25px;
}
.navbar-nav > li ul{
top: 60px;
}
.navbar-nav > li ul{
width: 300px;
}
.navbar-nav > li ul:before{
top: -7px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 11px solid #11002A;
}
.navbar-nav li li a{
font-size: 20px;
}
}
@media only screen and (max-width:1399px){
.mega-menu ul li a{
font-size: 15px;
line-height: 32px;
}
}
@media only screen and (max-width:1299px){
.navbar-brand{
max-width: 160px;
}
.top-bar{
top: 20px;
}
.top-bar a{
font-size: 18px;
}
.navbar-light .navbar-nav .nav-link, .home .fixed .navbar-light .navbar-nav .nav-link{
font-size: 15px;
}
}
@media only screen and (max-width:1199px){
#header .navbar-nav>li{
padding: 0 15px;
}
.navbar-light .navbar-nav .nav-link, 
.home .fixed .navbar-light .navbar-nav .nav-link,
#header.clone.fixed .navbar-light .navbar-nav .nav-link{
font-size: 16px;
}
a.opener{
right: 4px;
top: 6px;
width: 6px;
height: 6px;
}
} @media screen and (min-width:768px){
.navbar-nav > li .opener{display: none;}
}
@media screen and (min-width:1025px){
.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul{
opacity: 1;
visibility: visible;
}
}
@media only screen and (min-width:768px) and (max-width:1025px){
#header .navbar-nav>li.menu-btn{
position: fixed;
right: 30px;
top: 38%;
transform: translateX(50%) rotate(-90deg);
-ms-transform: translateX(50%) rotate(-90deg);
-webkit-transform: translateX(50%) rotate(-90deg);
z-index: 9999;
}
#header .navbar-nav>li.menu-btn + li.menu-btn{
top: 60%;
}
}
@media screen and (max-width:991px){
#header .container{
padding: 0 20px;
}
.navbar-nav > li ul:before{
display: none;
}
#header.clone.fixed{
display: none;
}
.navbar-brand{
z-index: 9999;
position: relative;
}
.navbar-light .navbar-toggler{
float: right;
background-color: #fff;
}
.header-bar{
width: 100%;
}
.home #header.fixed .navbar-brand img.outwhite, #header .navbar-brand img.onwhite{display: block !important;}
.home #header.fixed .navbar-brand img.onwhite, #header .navbar-brand img.outwhite{display: none  !important;}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
padding: 9px 10px;
}
.navbar-nav > li{
display: inline-block;
float: none !important;
text-align: left;
}
.navbar-nav > li ul ul{
position: static;
max-height: 0;
}
.navbar-nav > li ul li.hover>ul{
max-height: 400px;
}
#header.clone.fixed .navbar-light .navbar-toggler{
margin-top: 25px;
margin-bottom: 25px;
}
.container{max-width: 100%;}
.navbar-brand{
margin-top: 0px;
padding-top: 0px;
max-width: 150px;
}
#header{
top: 0px;
background-color: #fff;
min-height: 75px;
}
.navbar-toggler{
float: right;
margin-top: 40px;
margin-right: 10px;
}
.top-bar{
justify-content: center;
left: 0;
} html.nav-open{
overflow-y: hidden;
position: relative;
height: 100%;
}
html.nav-open body{
overflow-y: hidden;
position: relative;
height: 100%;
}
#header .cross-icon{
text-align: right;
margin: 50px 45px;
position: relative;
z-index: 9999;
}
#header .navbar{padding: 0;}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
color: #5d5d5d;
text-align: left;
border-bottom:none;
padding: 15px 10px;
margin-left: 30px;
margin-right: 30px;
font-size: 22px;
}
.navbar-nav > li ul li{border-bottom:none;}
.navbar-nav li a{border-bottom:1px solid #ddd;}
.navbar-nav li.btn{
text-align: center;
margin-top: 15px;
}
.navbar-nav li li a{
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
color: #000;
}
.navbar-nav li li a:hover{
text-decoration: none;
}
.navbar-nav li .opener{
width: 40px;
position: absolute;
right: 30px;
top: 0;
z-index: 999;
text-indent: -999px;
overflow: hidden;
background: #eee !important;
height: 65px;
border-left:1px solid #ddd;
border-bottom:none!important;
display: block;
transform: none;
}
#header .navbar-nav>li.contact{
width: 85%;
margin: 10px auto;
}
#header .navbar-nav>li.contact a{
text-align: center;
}
.navbar-nav li{
overflow: hidden;
display: block;
width: 100%;
}
#header .navbar-nav>li{
padding: 0;
}
.navbar-nav > li ul{
position: relative;
opacity: 1;
visibility: visible;
max-height: 0;
width: 100%;
z-index: 99;
top: 0;
left: 0 !important;
right: auto !important;
background: #fff;
padding: 0;
}
.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul{
max-height: 400px;
padding-left: 50px;
}
.nav-open .nav li>li{display: none;}
.nav-open .nav li.hover{
position:relative;
width: 100%;
z-index: 999;
background: #76D1F1;
top: 0;
overflow: hidden;
display: block !important;
}
#header .navbar-nav{
align-items: flex-start;
}
#header .navbar-nav>li{
display: block;
}
#header .navbar-nav>li.menu-btn{
padding: 5px 0;
width: 70%;
margin: 0 auto;
}
#header .navbar-nav>li.menu-btn a{
border:none;
max-width: 170px;
margin: 0 auto;
}
#header .navbar-collapse{
padding: 0;
margin: 0;
background: #fff;
}
.nav-open .nav	 li > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.nav-open .nav	 li.hover > a.opener:after{
position: absolute;
width: 10px;
height: 10px;
border:2px solid transparent;
border-color:transparent transparent #000 #000 ;
transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
left: 10px;
top: 50%;
content: '';
}
.navbar-collapse, .navbar-collapse.collapse {
position: fixed;
left: 0;
right:0;
top: 0;
width:100%;
background: #333;
height: 0 !important;
max-height: 100%;
z-index: 99999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.8s;
border: none;
overflow: auto;
opacity: 0;
}
.navbar-right{text-align: left;}
.navbar-collapse.collapse:before{
position: absolute;
left: 0;
right: 0;
top: 0;
content: 'Menu';
text-align: center;
width: 100%;
padding:14px 10px;
font:18px/21px "allerregular";
color: #fff;
font-weight: 700;
border-bottom:2px solid #fff;
display: none;
}
#header .navbar-nav {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
padding: 51px 0 0;
margin: 0;
}
.navbar-collapse.collapse { display: block !important; }
.nav-open .navbar-collapse { 
opacity: 1;
height: 100% !important; 
}
.navbar-light .navbar-toggler{
height: 40px;
z-index: 9999;
border-color: #3AA1C5 !important;
background-color: #3AA1C5 !important;
margin-top: 40px;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.nav-open .navbar-toggler .sr-only + .icon-bar{display: none;}
.nav-open .navbar-toggler .icon-bar + .icon-bar{
margin: 0;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
.nav-open .navbar-toggler .icon-bar:last-child{
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
margin-top: -2px;
}
.wpcf7-recaptcha{
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.search-form {
top: -5px;
right: 70px;
}
}
@media only screen and (max-width:767px){
.top-bar{
top: 100px;
left: 20px;
}
.navbar-light .navbar-nav .nav-link, .home .navbar-light .navbar-nav .nav-link{
margin-left: 15px;
}
}
@media only screen and (max-width:480px){
.navbar-brand{
max-width: 130px;
}
}
footer{
padding: 70px 0 50px;
position: relative;
background-color: #343434;
}
footer:before{
position: absolute;
content: '';
top: -10px;
right: 0;
width: 50%;
height: 10px;
background-color: #022A46;
}
footer p{
width: 322px;
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 25px;
text-align: left;
color: #fff;
}
footer .copyrights p{
font-size: 13px;
}
footer .title{
font-family: 'allerregular';
font-weight: normal;
font-size: 18px;
text-align: left;
color: #fff;
}
footer ul{
padding: 0;
margin: 0;
}
footer ul li{
list-style: none;
}
footer ul li a{
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 36px;
text-align: left;
color: #fff;
}
footer ul li a:hover,
footer .contact a:hover{
color: #3AA1C5;
text-decoration: none;
}
footer .contact a{
font-family: 'allerregular';
font-weight: 300;
font-size: 15px;
line-height: 36px;
text-align: left;
color: #fff;
}
footer .contact span{
color: #fff;
}
footer .upper{
border-bottom: solid 1px #767676;
}
@media only screen and (min-width:1700px){
footer .container{
max-width: 100%;
width: 100%;
padding: 0 100px;
}
footer .title{
font-size: 22px;
}
footer p,
footer ul li a,
footer .contact a{
font-size: 18px;
}
footer .copyrights p{
font-size: 18px;
width: auto;
}
}
@media only screen and (max-width: 991px){
footer p{
width: 100%;
}
}
@media only screen and (max-width: 767px){
footer{
padding: 40px 0 20px;
}
}
.slideshow{width:100%;position:relative;z-index: 999;}
.slideshow:after{
position: absolute;
content: '';
bottom: -10px;
width: 50%;
height: 10px;
background-color: #3AA1C5;
}
.slideshow .slideset{position:relative;overflow: hidden; height: 100%;}
.slideshow .slide{position:absolute;left:0;right:0;top:0;color:#fff;}
.slideshow .slide.active{z-index:2;}
.slideshow .container{
position: relative;
}
.slideshow .caption{
position: absolute;
right: 21px;
z-index: 100;
max-width: 500px;
text-align: right;
bottom: 100px;
}
.slideshow .caption h1{
font-family: 'allerbold';
font-weight: bold;
font-size: 102px;
line-height: 95px;
color: #fff;
margin-bottom: 20px;
}
.slideshow .caption span{
font-family: 'allerbold_italic';
font-weight: bold;
font-style: italic;
font-size: 34px;
color: #fff;
}
.slideshow .pagination{
position: absolute;
bottom: 152px;
left: 0;
right: 0;
z-index: 999;
width: 50px;
margin: 0 auto;
}
.slideshow .pagination ul{
margin: 0 auto;
padding: 0;
position: relative;
}
.slideshow .pagination ul:after{
position: absolute;
content: '';
width: 235px;
height: 1px;
background: #fff;
bottom: 13px;
left: 20px;
right: 0;
margin: 0 auto;
}
.slideshow .pagination ul li{
list-style: none;
margin: 5px 0;
}
.slideshow .pagination ul li a{
width: 14px;
height: 14px;
background: #fff;
border: 2px solid #fff;
color: transparent;
display: block;
border-radius: 50%;
text-decoration: none;
}
.slideshow .pagination ul li.active a{
background: #3AA1C5;
border-color: #3AA1C5;
}
.main{
background-color: #fff;
}
.content{
padding: 100px 0;
z-index: 99;
}
.content span.tagline{
font-family: 'alleritalic';
font-weight: normal;
font-style: italic;
font-size: 18px;
color: #3aa1c5;
}
.content h2{
font-family: 'allerregular';
font-weight: normal;
font-size: 47px;
line-height: 50px;
color: #022a46;
}
.content h3{
font-family: 'allerregular';
font-weight: normal;
font-size: 30px;
line-height: 50px;
color: #022a46;
}
.content p{
font-family: 'allerlight';
font-weight: 300;
font-size: 18px;
line-height: 30px;
color: #767676;
margin-bottom: 25px;
}
.content a.num{
font-family: 'allerbold';
font-weight: bold;
font-size: 36px;
line-height: 50px;
color: #022a46;
}
.content .line{
position: relative;
}
.content .line:after{
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
background: transparent;
border-bottom: 1px solid #000;
opacity: 0.14;
}
.section1{
position: relative;
}
.section1:after{
position: absolute;
content: '';
background-image: url(//kanahpsychology.co.nz/wp-content/themes/kanah/images/bg1.png);
width: 522px;
height: 663px;
right: 0;
top: 100px;
background-position: top;
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.section1 .image{
position: relative;
}
.section1 .image:after{
position: absolute;
content: '';
background-color: #3AA1C5;
height: 80%;
width: 10px;
top: 50%;
transform: translateY(-50%);
right: -10px;
}
.section1 .side-caption{
position: absolute;
font-family: 'allerlight_italic';
font-style: italic;
font-size: 16px;
left: -100%;
top: 50%;
transform: translateX(50%) rotate(-90deg);
-ms-transform: translateX(50%) rotate(-90deg);
-webkit-transform: translateX(50%) rotate(-90deg);
color: #fff;
background-color: #022A46;
padding: 15px;
}
.section1 .caption{
position: absolute;
content: '';
top: 50px;
right: 50px;
background-color: #3AA1C5;
width: 178px;
height: 178px;
border-radius: 50%;
}
.section1 .caption span{
color: #022A46;
font-size: 18px;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 40px;
right: 0;
margin: 0 auto;
line-height: 25px;
display: flex;
align-items: center;
font-style: italic;
line-height: 20px;
}
.section1 .caption strong{
font-family: 'allerbold';
font-style: normal;
font-size: 64px;
color: #fff;
padding-right: 5px;
}
.section2{
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 821px;
}
.services{
margin-top: 50px;
}
.service-block{
width: 259px;
height: 247px;
border-radius: 18px;
padding: 35px 45px;
text-align: center;
}
.service-block span{
font-family: 'allerregular';
font-weight: normal;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #022a46;
display: inline-block;
}
.service-block.bg-blue span{
color: #fff;
}
.process-block .circle{
width: 138px;
height: 138px;
background-color: #DCDCDC;
border-radius: 50%;
margin: 0 auto 15px;
position: relative;
}
.process-block .circle span.count{
font-family: 'allerbold';
font-weight: bold;
font-size: 15px;
line-height: 30px;
text-align: center;
color: #fff;
background-color: #3AA1C5;
border: solid 6px #fff;
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-block;
position: absolute;
right: 0;
}
.process-block .circle img{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}
.process-block span.title{
font-family: 'allerregular';
font-weight: normal;
font-size: 20px;
line-height: 50px;
text-align: center;
color: #022a46;
}
.section4 .inner{
padding: 0 100px;
}
.testimonials{
background-color: #F6F6F6;
height: 100%;
padding: 0 100px;
}
.testimonials p{
margin-top: 100px;
margin-bottom: 50px;
}
.owl-dots{
margin-top: 50px;
}
.owl-dots button,
.owl-dots button:focus{
width: 13px;
height: 13px;
background: #dcdcdc !important;
border-radius: 50%;
margin: 0 2px;
outline: none;
}
.owl-dots button.active{
background:#3AA1C5 !important;
}
.section5{
background-image: url(//kanahpsychology.co.nz/wp-content/themes/kanah/images/appointment-bg.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 1500px){
.slideshow .pagination{
left: 10%;
}
}
@media only screen and (min-width:1700px){
.container{
max-width: 100%;
padding: 0 100px;
}
.slideshow .pagination{
left: 20%;
}
}
@media only screen and (min-width: 1800px){
.slideshow .pagination{
left: 25%;
}
}
@media only screen and (min-width: 1900px){
.slideshow .pagination{
left: 30%;
}
}
@media only screen and (min-width:1367px){
.slideshow .container{
max-width: 100%;
right: 100px;
}
.left{
margin-left: -80px;
}
.section1 .side-caption{
left: -98%;
}
}
@media only screen and (max-width:1299px){
.slideshow .caption{
right: 100px;
}
.slideshow .pagination{
right: 70px;
}
}
@media only screen and (min-width: 1200px){
.left{
margin-left: -60px;
}
}
@media only screen and (max-width:1199px){
.slideshow .caption{
bottom: 50px;
right: 100px;
}
.slideshow .caption h1{
font-size: 80px;
line-height: 80px;
}
.slideshow .caption span{
font-size: 30px;
}
.slideshow .pagination{
bottom: 95px;
right: 30px;
}
.content h2{
font-size: 40px;
}
.section1 .side-caption{
left: -99.5%;
}
}
@media only screen and (max-width: 1024px){
.slideshow .caption{
padding: 20px 0;
text-align: center;
width: 100%;
position: relative;
top: 0;
transform: none;
max-width: 100%;
left: 0;
background-color: #3AA1C5;
}
.slideshow .container{
padding: 0;
}
.slideshow .pagination{
display: none;
}
.slideshow .caption h1{
font-size: 60px;
line-height: 60px;
}
.slideshow .caption span{
font-size: 25px;
}
.section4 .inner,
.testimonials{
padding: 0 40px;
}
.section1 .side-caption{
left: -110%;
}
}
@media only screen and (max-width: 991px){
.section1 .side-caption{
left: -70%;
}
.content h2{
font-size: 35px;
}
.content span.tagline{
font-size: 16px;
}
.section2{
height: auto;
}
}
@media only screen and (max-width:767px){
.content{
padding: 50px 0;
}
br{
display: none;
}
.slideshow .caption{
padding: 20px 0;
text-align: center;
width: 100%;
position: relative;
top: 0;
transform: none;
max-width: 100%;
left: 0;
background-color: #3AA1C5;
}
.slideshow .caption h1{
font-size: 35px;
line-height: 40px;
margin-bottom: 0px;
}
.slideshow .caption span{
font-size: 20px;
}
.section1 .side-caption{
display: none;
}
.service-block{
margin: 0 auto;
}
} .odd, .even{
position:relative;
}
.odd, .even {
padding-left: 50px !important;
padding-right: 50px !important;
margin-bottom:45px;
}
.odd::after {
background: url(//kanahpsychology.co.nz/wp-content/themes/kanah/images/down.png);
background-repeat: repeat;
content: "";
width: 100px;
display: block;
height: 50px;
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 70px;
margin: auto;
right: -60px;
}
.even::after {
background: url(//kanahpsychology.co.nz/wp-content/themes/kanah/images/up.png);
background-repeat: repeat;
content: "";
position: absolute;
width: 100px;
height: 50px;
background-repeat: no-repeat;
top: 0;
bottom: 55px;
margin: auto;
right: -60px;
}
.process-block span.title {
font-family: 'allerregular';
font-weight: normal;
font-size: 16px;
text-align: center;
color: #022a46;
width: 140px !important;
display: block;
line-height: 25px;
}
@media(min-width:1080px){
.item-4:after, .item-8:after{
display:none !important;
}
}
@media(min-width:1200px){
.item-3:after, .item-6:after, .item-9:after{
display:block !important;
}
}
@media(min-width:1280px){
.item-1, .item-6 {
padding-left: 0 !important;
}
.item-5, .item-10 {
padding-right: 0 !important;
}
.item-5:after, .item-10:after{
display:none !important;
}
.item-3:after, .item-6:after, .item-4:after, .item-8:after, .item-9:after{
display:block !important;
}	
}
@media(min-width:768px){
.item-3:after, .item-6:after, .item-9:after, .item-10:after{
display:none;
}
}
@media(max-width:767px){
.process-block span.title{
width:100% !important;
}
.odd:after, .even:after{
display:none;
}
}
.banner{
position: relative;
}
.banner:after{
position: absolute;
content: '';
bottom: -10px;
width: 50%;
height: 10px;
background-color: #3AA1C5;
}
.banner .caption{
position: absolute;
right: 100px;
bottom: 70px;;
}
.banner .caption span{
font-family: 'allerbold_italic';
font-weight: bold;
font-style: italic;
font-size: 34px;
color: #fff;
display: block;
text-align: right;
}
.banner .caption h1{
font-family: 'allerbold';
font-weight: bold;
font-size: 60px;
line-height: 60px;
text-align: right;
color: #fff;
}
.about-section{
background-color:#F6F6F6; 
}
.contact-section1 h2,
.service-section h2{
font-family: 'allerregular';
font-weight: normal;
font-size: 30px;
line-height: 50px;
text-align: center;
color: #022a46;
}
.contact-section1 .form{
width: 70%;
margin: 0 auto;
}
.contact-section1 .form .form-control{
font-family: 'allerlight';
width: 100%;
height: 67px;
border-radius: 20px;
background: #fff;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
padding-left: 25px;
}
.contact-section1 .form textarea{
font-family: 'allerlight';
width: 100%;
height: 183px;
border-radius: 20px;
background: #fff;
border: 1px solid #dcdcdc;
padding-left: 25px;
padding-top: 15px;
margin-bottom: 20px;
}
.contact-section1 .form button{
padding: 12px 45px !important;
}
.detail-block{
width: 100%;
height: 116px;
border-radius: 58px;
background: #fff;
border: 1px solid #dcdcdc;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.detail-block .circle{
width: 127px;
height: 127px;
background: #d7ecf4;
border-radius: 50%;
position: relative;
margin-top: 70px;
margin-left: 30px;
}
.detail-block .circle.second{
margin-left: 0px;
}
.detail-block .circle img{
position: absolute;
content: '';
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}
.detail-block a{
font-family: 'allerlight';
font-weight: 300;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
display: block;
}
.detail-block a:hover{
text-decoration: none;
color: #3AA1C5;
}
.map{
width: 70%;
margin: 0 auto;
}
.map iframe{
width: 100%;
height: 450px;
}
.service-section .circle{
width: 242px;
height: 242px;
background: #d7ecf4;
border-radius: 50%;
margin:0 auto;
}
.service-section .circle{
padding-top: 100px;
padding-right: 100px;
}
.service-section .inner-text{
background-color: #F6F6F6;
padding: 65px 65px 50px;
}
.circle-address{
max-width: 150px;
}
@media only screen and (max-width: 1299px){
.detail-block .circle{
margin-left: 10px;
width: 110px;
height: 110px;
}
}
@media only screen and (max-width: 991px){
.banner .caption{
bottom: 25px;
right: 25px;
}
.banner .caption h1{
font-size: 40px;
line-height: 40px;
}
.banner .caption span{
font-size: 25px;
}
.detail-block{
height: 100px;
width: 399px;
margin: 0 auto;
}
.detail-block .circle,
.detail-block .circle.second{
margin-left: 20px;
width: 110px;
height: 110px;
}
.contact-section1 .form,
.map{
width: 100%;
}
}
@media only screen and (max-width: 767px){
.banner .container{
padding: 0;
}
.banner:after{
display: none;
}
.banner .caption{
position: relative;
background-color: #3AA1C5;
right: 0;
left: 0;
bottom: 0;
text-align: center;
padding: 5px;
}
.banner .caption h1{
text-align: center;
font-size: 30px;
line-height: 40px;
padding: 0;
}
.banner .caption span{
text-align: center;
}
.fees-block{
margin-bottom: 40px;
}
.detail-block{
width: 100%;
}
.detail-block .circle,
.detail-block .circle.second{
width: 80px;
height: 80px;
margin-left: 0px;
}
.detail-block a{
font-size: 14px;
}
.map{
height: auto;
}
.service-section .inner-text{
padding: 30px 0px 10px;
}
}