﻿/* Fonts */
@import url(animate.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Teko:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap');
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%; overflow-x:hidden;}
body{ 
margin:0px auto;
padding:0px;
font-family: 'Roboto', sans-serif; font-weight:400;
font-size:15px; line-height:1.4;
color:var(--dark);
line-height:24px;
height:100%; 
min-height:100%;
}

:root{--red:#f83754; --green:#8ec83e; --sky:#0fb9f4; --darkred:#8a2b15; --darkgreen:#08903b; --dark:#444; --redshade:linear-gradient(90deg, var(--red) 0%, var(--darkred) 100%);}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
ul, ol, li, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:var(--sky); text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:var(--red);
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

h1,h2,h3,h4,h5,h6{font-weight:600; font-family:'Smooch Sans';}

.clear{line-height:0; clear:both;}


.header{display:block; position:relative; background:#fff; padding:10px 0; z-index:999; border:1px #ddd solid; margin-top:0.5px;}
.header form{position:relative; display:block;}
.header form input[type="text"]{ width:100%; border:1px #ddd solid;border-radius:30px; padding:5px 15px;}
.header form button{position:absolute; right:0; border:none; padding:5px 15px; background:none; color:var(--darkblue);}
.header form button i{font-size:14px;}

.logo img{ height:70px;}

.sticky{position:fixed; z-index:999; top:0; left:0; right:0; margin-top:0;}


.headerContact{position:relative; list-style-type:none; text-align:center; font-size:12px; font-weight:600;}
.headerContact li{display:inline-block; margin:0 4px;}
.headerContact li:last-child{}
.headerContact li:last-child a{ margin:0; padding:3px 15px; border-radius:25px; text-transform:uppercase; font-size:10px; font-weight:700; color:#fff; background:var(--redshade); display:block;}

.bannerArea{display:block; overflow:hidden;}
.bannerArea .carousel-indicators {
position:absolute;
margin: 0;
bottom:25%; left:15px; right:auto; display:block; text-align:center;
}
.bannerArea .carousel-indicators li {
background-color: #ffffff;
width: 12px;
height: 12px;
border-radius: 100%;
opacity: 1;
border: 1px solid #ffffff;
text-indent: unset;
background-clip: unset;
-webkit-transition: all .2s;
transition: all .2s;
display:block; clear:both; overflow:hidden; margin:5px;
}
.bannerArea .carousel-indicators li.active {
background-color: transparent;
}




.welcomeArea{padding:30px 0 80px; display:block;}
.welcomeArea h2{ font-size:48px; margin-top:0px;}
.welcomeArea p{ font-size:16px; line-height:1.5; margin-bottom:0;}
.welcomeArea [class^="col-"]:first-child{position:relative;}
.welcomeArea [class^="col-"]:first-child p{ font-size:14px; color:var(--red); line-height:1.2;}


.fourBoxAre{text-align:center;}
.fourBoxAre img{margin-bottom:0; width:180px;}
.fourBoxAre h3{margin-bottom:15px; display:block; border-bottom:2px var(--red) solid; font-size:24px; color:var(--red); padding-bottom:10px;}
.fourBoxAre [class^="col-"]{margin-bottom:30px;}
.fourBoxAre a{color:var(--lightblue); border-bottom:2px var(--lightblue) dotted; text-transform:uppercase; padding:5px 0; font-size:12px; font-weight:600;}
.fourBoxAre a:hover{color:var(--red);}

.roundedShadowImg{width:100%; display:block; margin-bottom:40px; border-radius:30px;
-webkit-box-shadow: 15px 15px 0px 0px var(--lighterblue);
-moz-box-shadow: 15px 15px 0px 0px var(--lighterblue);
box-shadow: 15px 15px 0px 0px var(--lighterblue);
}

.borderlightround{width:100%; display:block; margin-bottom:40px; border-radius:30px; border:5px var(--lighterblue) solid;}



.blueFullArea{display:block; position:relative; background:var(--green) url('../images/bg-inner-page.png') no-repeat center center; background-blend-mode:linear-light; letter-spacing:1px; color:#fff; text-align:center;}
.blueFullArea h2{display:block; overflow:hidden; margin-bottom:20px; font-weight:700; font-size:42px;}
.blueFullArea h2 strong{color:var(--darkblue);}
.blueFullArea p{display:block; overflow:hidden; font-size:20px; margin-bottom:25px; line-height:1.5;}
.blueFullArea [class^="col-"] > img{position:relative; top:-40px; margin-bottom:-40px; width:100%;}
.blueFullArea a{background:#fff; color:var(--dark); padding:10px 15px; display:inline-block; text-transform:uppercase; font-size:16px; transition:0.5s ease;}
.blueFullArea a i{font-size:20px;color:var(--lightblue); margin-left:10px; position:relative; top:2px;}
.blueFullArea a:hover{background:var(--dark); color:#fff; padding:10px 25px;}


.portfoliaArea{background:var(--sky); padding:80px 0 60px; position:relative;}
.portfoliaArea > svg{ position:absolute; bottom:-2px; left:0; right:0;}
.portfoliaArea > div{position:relative; z-index:5;}
.portfoliaArea h2{color:#fff; font-size:46px; margin-bottom:30px;}
.portfoliaArea a{background:#fff; color:var(--dark); padding:10px 15px; display:inline-block; text-transform:uppercase; font-size:16px; transition:0.5s ease;}
.portfoliaArea a i{font-size:20px;color:var(--lightblue); margin-left:10px; position:relative; top:2px;}
.portfoliaArea a:hover{background:var(--red); color:#fff; padding:10px 25px;}



.treatmentForm{ display:block; border-radius:30px; background:#fff url('../images/phonbgicon.png') no-repeat right 15px top 15px; padding:40px 20px;
-webkit-box-shadow: 10px 10px 0px 0px var(--lightblue);
-moz-box-shadow: 10px 10px 0px 0px var(--lightblue);
box-shadow: 10px 10px 0px 0px var(--lightblue);
}
.treatmentForm h3{font-size:32px; font-weight:600; line-height:1.5; margin-bottom:30px;}
.treatmentForm label{display:block; margin-bottom:10px; font-weight:600;}
.treatmentForm .form-control{ padding:12px 15px; margin-bottom:15px; border-radius:10px; height:auto;}
.treatmentForm textarea{height:80px!important; margin-bottom:30px!important;}
.treatmentForm button{ margin:10px 0; padding:12px 15px; border:none; display:block; width:100%; border-radius:8px; text-transform:uppercase; font-size:12px; font-weight:700; color:#fff; background:var(--sky);}



.packageArea{padding:0px 0 60px; display:block; text-align:center; background:#fff;}
.packageArea h2{margin-bottom:30px; font-size:42px;}
.packageArea h3{margin-bottom:10px; font-size:24px; line-height:1.2; text-transform:uppercase;}
.packageArea [class^="col-"]:before{content:''; display:block; position:absolute; left:15px; right:15px; top:0; bottom:0; border:1px #ddd solid; z-index:1; border-radius:10px;}
.packageArea [class^="col-"] > a{display:block; overflow:hidden; padding:20px; position:relative; z-index:5; color:#444;}
.packageArea [class^="col-"] > a img{width:100%; margin-bottom:15px; border-radius:5px;}
.packageArea [class^="col-"] > a h3{color:var(--darkgreen);}
.packageArea [class^="col-"] > a span{color:var(--green); font-weight:700;}
.packageArea [class^="col-"]:hover:before{background:var(--darkgreen);
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.packageArea [class^="col-"]:hover a, .packageArea [class^="col-"]:hover a h3{color:#fff;}
.packageArea [class^="col-"]:hover > a span{text-decoration:underline;}



.simply-scroll-container{position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.simply-scroll-list li{padding: 0 0 5px;margin: 0;list-style: none;}
.simply-scroll-list li img{display: block;	width:150px; background:#fff; border:none; border-radius:10px; padding:10px; border:1px #ccc solid;}
.simply-scroll-list li img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.simply-scroll {width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}
.simply-scroll .simply-scroll-list li{float: left;width: 150px;margin:7px;
}



.whychoosus{display:block; overflow:hidden; clear:both; background:transparent url('../images/desk-space.jpg') no-repeat center top; padding:10% 0 60px; text-align:center; background-size:100% auto;}
.whychoosus h2{padding-bottom:35px;}
.whychoosus h4{font-size:22px; line-height:1.2; color:#fff; letter-spacing:1px; font-weight:600; margin-bottom:0;}
.whychoosus [class^="col-"]:before{background:var(--red); border-radius:10px; display:block; overflow:hidden; content:''; position:absolute; left:15px; right:15px; top:0; bottom:0; border:3px #ffff solid;
-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
}
.whychoosus [class^="col-"] > div{display:block; overflow:hidden; color:#fff; padding:30px 30px 10px; z-index:5; position:relative;}
.whychoosus [class^="col-"]:hover:before{background:var(--darkred);}
.whychoosus [class^="col-"] > div h4{color:#fff; margin-bottom:10px;}
.whychoosus [class^="col-"] > div img{margin-bottom:20px;}


/*------------------------------------------------------------------ Footer Main -------------------------------------------------------------------*/
 .footer-main{
     padding: 30px 0px 10px;
     background: var(--darkred); color:#fff;
}
.footer-main hr{
	border-top: 1px solid var(--red);
}
.footer-top-box{
	margin-bottom: 30px;
}
 .footer-top-box ul{
     display: inline-block;
}
 .footer-top-box ul li {
     float: left;
     margin-right: 5px;
}
 .footer-top-box ul li a {
     color: #ffffff;
     display: inline-block;
     width: 36px;
     height: 36px;
     border: 2px solid #ffffff;
     text-align: center;
     line-height: 32px;
}
 .footer-top-box ul li a:hover {
     color: var(--lightblue);
     border-color:var(--red);
}
.footer-widget, .footer-link, .footer-link-contact{
	margin-top: 15px;
}
 .footer-widget h4 {
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
}
 .footer-widget h4::before {
     border-bottom: 3px solid var(--red);
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
 .footer-widget p {
     color: #cccccc;
     font-weight: 400;
     font-size: 14px;
     padding-bottom: 10px;
}

.footer-main h4{
     color: #ffffff;
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
     margin-top:15px;
     padding-bottom:15px;
}
.footer-main h4:before {
     border-bottom: 3px solid var(--red);
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
.footer-main ul{ list-style-type:none; margin:0; padding:0;}

 .footer-link ul li {
     margin-right: 5px;
}
 .footer-link ul li a {
     color: #ffffff;
     text-align: left;
     display: block;
     line-height: 25px;
     position: relative;
     padding-left: 15px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a::before {
     font-family:'Font Awesome 5 Free'; font-weight:600;
     content: "\f105";
     position: absolute;
     left: 0px;
     line-height: 25px;
     font-size: 16px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a:hover::before {
     left: 5px;
}
 .footer-link ul li a:hover {
     color: var(--red);
     padding-left: 20px;
}
 .footer-link-contact ul li{
     margin-bottom: 12px;
}
 .footer-link-contact ul li i{
     position: absolute;
     left: 0;
     top: 5px;
     padding-right: 6px;
}
 .footer-link-contact ul li p{
     padding-left: 25px;
     color: #cccccc;
     position: relative;
}
 .footer-link-contact ul li p{
     font-size: 16px;
     color: #fff;
     font-weight: 300;
     padding-right: 16px;
     line-height: 24px;
}
 .footer-link-contact ul li p a{
     color: #fff; font-size:20px; font-weight:600;
}
 .footer-link-contact ul li p a:hover{
     color: var(--red);
}
/*------------------------------------------------------------------ Copyright -------------------------------------------------------------------*/
 .footer-company {
     text-align: center;
     color: #ffffff;
     font-size: 14px;
}
 .footer-company a{
     color: #ffffff;
}
 .footer-company a:hover{
     color: var(--red);
}
 .payment-icon {
     width:340px; margin:0 auto;
     padding: 10px 0px; text-align:center;
}
 .payment-icon ul li {
     width: 16%; padding:3px; display:inline-block;}
.payment-icon ul li img{ width:100%;}




/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1030px){
}

@media (max-width: 990px){
.header{padding:5px 0 10px;}
.bannerArea{padding-top:0;}
}

@media (max-width: 767px){
.headerContact{text-align:left;}

[class^="col-"]{margin-bottom:20px;}
.header [class^="col-"]{margin-bottom:0;}

.welcomeArea{padding-bottom:40px;}
.welcomeArea [class^="col-"]:first-child{padding-left:15px;}
.welcomeArea [class^="col-"]:first-child img{ display:none;}

.emSculptArea{text-align:center; padding-bottom:20px;}
.fourBoxAre{text-align:center; margin-bottom:15px!important;}
.twoPartArea ul li img{ max-width:60px;}
.twoPartArea ul li{margin:0;}


.blueFullArea{padding:30px 0 20px;}
.blueFullArea [class^="col-"]:last-child{ display:none;}

.packageArea{padding-bottom:30px;}
.packageArea [class^="col-"]{margin-bottom:40px;}


.bannerArea .carousel-indicators {bottom:40%; left:5px;}

}

@media (max-width: 500px){
}

@media (max-width: 380px){
}




/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

