@charset "UTF-8";
/* CSS Document */

/* GENERAL */
.btn {
    font-size: 14px;
    padding: 6px 20px 2px;
    transition: all 0.3s ease-in-out;
    line-height: 30px;
    background: #398f94;
    border-radius: 35px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
}
.btn:hover, .fa:hover {background:#95cdd0;color:#fff;}
p {font-weight: 400;font-size: 16px;margin-bottom: 10px;color: #222;}
a {color:#398f94; }
a:hover {color: #95cdd0;}

h3.title-about {margin-bottom: 15px;}
.fa {
    font-size: 18px !important;
    transition: all 0.3s ease-in-out;
    background: #398f94;
    border-radius: 35px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    margin-right: 5px;
    }

.teal.boxed-sm {background:#d8f2f3;padding: 3% 0 4% 0;background: url(../images/backgroundtexture.png) repeat center #d8f2f3;}

.footer-style-2, .footer-style-3, .footer-style-4 {
    color: #666666;
    background-color: #eaf8f9;
    line-height: 24px;
}
.boxed-sm { width: 100%; padding: 3% 0 4% 0;}

h4 {color:#398f94;line-height: 35px !important;font-size: 21px !important;margin-bottom: 5px !important;}

.menu > li > a {
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Kumbh Sans", sans-serif;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
}

.row.appointments .desc {margin-bottom: 50px;}

/* GENERAL */
.header-2-inner .brand-logo {
    margin: 0 35px;
    width: 25%;
}
.widget.widget-control-header.widget-search-header {
	line-height: 34px;
	float: left;
	text-align: right;
	display: inline-flex;
}
.header-2-inner nav {
    margin: 0 auto;
    display: contents;
}
header .right {
    line-height: 34px;
    float: right;
    text-align: right;
}
.header-1-inner .brand-logo {
    display: inline-block;
    margin-right: 50px;
    width: 20%;
}
.header-1-inner nav {width:80%;}
.header-1-inner nav ul li:last-child {float:right;}

img.desktop {display: block;}
img.mobile {display: none;}

/* WELCOME */
h3.heading-style-2 {
    padding: 10px 0 25px 0;
    margin: 0 auto 40px auto;
}
.welcome.boxed-sm .desc {text-align:center;width: 70%;margin: 0px 15%;line-height: 31px;}


/* SERVICES */
.product-category-grid-style-2 .col-md-category-small {
    width: 33%;
    float: left;
    padding: 0 2%;
}

.home-2 .product-category-grid-style-2 {
    margin-top: 0;
    margin-bottom: 35px;
}
.services {
    display: flow-root;
    border-bottom: 1px dashed #95cdd0;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 5px;
    font-size: 16px;
}
.serviceName {
    float: left;
}
.servicePrice {font-family: "Playfair Display", serif;float: right;}
.product-category-item-2 figcaption {
    position: absolute;
    top: 75%;
    left: 0;
    width: 100%;
    height: 25%;
    background: rgba(255, 255, 255, 0.8);
}
.product-category-item-2 .thumbnail {
    overflow: hidden;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: 0;
    margin-bottom: 20px;
}
.product-category-item-2 figcaption h3 {
    color: #398f94;
    text-align: center;
    padding: 0 20px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: 45px;
    border-top: 1px solid #95cdd0;
    border-bottom: 1px solid #95cdd0;
    text-shadow: none;
    width: 70%;
}
.footer-style-2 .logo-footer {max-width: 100%;}
.widget-footer-link-inline li {
    display: inline-block;
    margin: 0;
}
.cognitoForm {width: 60%;float: right;}
.cognitoForm  h3 {color:#398f94;margin-top: 10px;margin-bottom: 25px;}
input[type="checkbox"] {
    margin: 0;
    margin-top: -1px;
    line-height: normal;
}
.copy-right.style-2 .copy-right-inner p {font-size: 12px; color:#777}
.footerMap {max-width: 100%; }
.footerMap iframe {width:100%;}
.copy-right.style-2 .copy-right-inner {
    padding: 20px 0;
    border-top: 1px solid #cccccc;
    margin-top: 20px;
}

/* INSTAGRAM */
.instagram.boxed-sm {text-align:center;}

/* STUDIO */
.blog-v .post .studioImg {width:33%;}
.blog-v .post .desc {width:66%;}
.blog-v .post .desc ul {margin-left:25px; margin-bottom:35px}
.studioCol01, .studioCol02 {width:50%;float:left;margin-top: 20px;line-height: 28px;}
.studioCol01 a {color:#000}
.studioCol01 a:hover {color: #95cdd0}

/* MEET THE TEAM */
.team.post {margin: 15px 0;}
h3.team-name {
    font-size: 35px;
    color: #398f94;
    display: block;
    position: relative;
    margin-bottom: 5px !important;
}
h4.team-title {
    color: #333;
    line-height: 35px !important;
    font-size: 21px !important;
    margin-bottom: 40px !important;
}
.blog-v .post .desc h3.team-name:before {
    content: '';
    height: 2px;
    width: 70px;
    background-color: #398f94;
    position: absolute;
    bottom: -55px;
    left: 0;
}
.blog-v.reverse [class^=col-]:nth-of-type(even) .post h3.team-name:before {
    left: auto;
    right: 0;
}

/* PAGES */
.pages.boxed-sm {padding:0}
.heading-wrapper.text-center.texture  {padding: 3% 0 4% 0;background: url(../images/backgroundtexture.png) repeat center #398f94;}
.pages.boxed-sm h3.heading-style-2{color:#fff;padding: 50px 0 25px 0;} 
.pages.boxed-sm h3.heading-style-2:before {border-top: 1px solid #d8f2f3;border-bottom: 1px solid #d8f2f3; }
.pages.boxed-sm h3.heading-style-2:after {background: #d8f2f3; }
.mainBody {padding:3% 0}
.blog-v .post .img-wrapper {
    overflow: hidden;
    width: 50%;
    background-size: cover;
    background-position: left center;
}
.home-2 .blog-v {
    margin-top: 10px;
    margin-bottom: 10px;
}

.post.fantasy {display: block;width: 100%;}
.post.fantasy .desc {float:left; width:50%;}
.col4 img {width: 22.5%;margin: 1%;}
.col3 img {width: 30.5%;margin: 1%;}

/* POP UP */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}

.cnt223 h1 {color:#398f94; margin-bottom:15px}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
}
.cnt223{min-width: 600px;width: 600px;min-height: 150px;margin: 100px auto;background: #eaf8f9;position: relative;z-index: 103;padding: 15px 35px 25px;border-radius: 5px;box-shadow: 0 2px 5px #000;}
.cnt223 p{clear: both;font-weight: 400;font-size: 16px;margin-bottom: 10px;color: #222;}
.cnt223 p a{background: #398f94;font-weight: bold;opacity: 1;margin-bottom: 10px;color: #fff;padding: 10px;margin-top: -35px;text-shadow: none;border-radius: 10px;z-index: 999999;position: absolute;right: 35px;}
.cnt223 p a:hover {background:#222;opacity: 1;color: #fff;}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

.img-wrapper.appointment {width: 100%;float:left;}
.img-wrapper.appointment img {width:100%;}

.img-wrapper.cancelllation {width: 30%;float:left;}
.img-wrapper.cancelllation img {width:100%;}
.desc.cancellation {width: 100%;float:left;}

/* MOBILE */
@media (max-width: 500px) {
	h3 {margin-bottom: 15px;}
	.header-1-inner .brand-logo {
    width: 175px;
}
	h3.heading-style-2 {
    padding: 5px 0 20px 0;
    margin: 0 auto 30px auto;
}
	p {font-size: 14px;line-height: 21px;}
	.product-category-grid-style-2 .col-md-category-small {width: 100%;padding: 0 10%;}
	.welcome.boxed-sm .desc {
    text-align: center;
    width: 90%;
    margin: 0px 5%; }
    .teal.boxed-sm {
    padding: 25px 0 30px 0;
}
.blog-v .post .desc .sapo {margin-bottom:0;}
	.blog-v .post .desc, .studioCol01, .studioCol02, .cognitoForm {width:100%;text-align: center;}
	.footer-style-2 .logo-footer {max-width:70%; margin:0 15%;}
	.footer-style-2 .footer-style-2-inner {text-align: center;padding: 0;}
	.footer-style-2 {margin-top: 0;}
	
	img.mobile {display: block;}
img.desktop {display: none;}
	
	.mm-menu.mm-offcanvas {  width: 88%;}
	.mm-navbar .mm-breadcrumbs {display: none;}
	.mm-navbar-top-1 img {
    height: 60px;
    margin: 20px auto;
}
	.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 60px;
}
	.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 110px;
}
	.mm-menu .mm-navbar a.fa {color:#fff;padding: 0;}
.mm-navbar-bottom-1 {
    bottom: 0;
    height: 50px;
    left: 10px;
    padding-top: 5px !important;
}
	.mainBody {width: 90%;padding: 25px 0;margin: 0 auto;}
	.blog-v .post .img-wrapper {width:100%;}
	.col4 img,.col3 img {width: 98%;}
	.blog-v .post .desc h3.title-about:before {width:100%;}
	.blog-v .post {
    display: block;
    margin-bottom: 0;
}
	.studioImg, .studioImg img {width: 100% !important;}
	.blog-v .post .desc h3.team-name:before {width:100%;}
	.team.post .desc {text-align: center !important;padding: 25px 0;}
	.team.post p a {margin-top: 20px;}
	.mm-listview > li:last-child {width:90%; margin:0 5%;}
	
	.cnt223 {min-width: 90%;width: 90%;}
	.cnt223 p a {top: 55px;margin-bottom: 0;}
	
.row {
    margin: 0!important;
}
.img-wrapper.cancelllation, .desc.cancellation{width:100%;margin: 0 0 20px 0;}

}