/*
Theme Name: Mobile Spa
Theme URI: #
Author: Anirban Hajra
Version: 1.0
*/
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/


body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;box-sizing:border-box;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
iframe{width:100% !important;}
a{color:inherit;}
img{vertical-align:top;}

@font-face {
font-family: 'robotobold';
src: url('css/roboto-bold-webfont.eot');
src: url('css/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-bold-webfont.woff') format('woff'),
	 url('css/roboto-bold-webfont.ttf') format('truetype'),
	 url('css/roboto-bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotomedium';
src: url('css/roboto-medium-webfont.eot');
src: url('css/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-medium-webfont.woff') format('woff'),
	 url('css/roboto-medium-webfont.ttf') format('truetype'),
	 url('css/roboto-medium-webfont.svg#robotomedium') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoregular';
src: url('css/roboto-regular-webfont.eot');
src: url('css/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-regular-webfont.woff2') format('woff2'),
	 url('css/roboto-regular-webfont.woff') format('woff'),
	 url('css/roboto-regular-webfont.ttf') format('truetype'),
	 url('css/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotolight';
src: url('css/roboto-light-webfont.eot');
src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-light-webfont.woff') format('woff'),
	 url('css/roboto-light-webfont.ttf') format('truetype'),
	 url('css/roboto-light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'saginaw_bold';
src: url('css/saginawbold-webfont.eot');
src: url('css/saginawbold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/saginawbold-webfont.woff2') format('woff2'),
	 url('css/saginawbold-webfont.woff') format('woff'),
	 url('css/saginawbold-webfont.ttf') format('truetype'),
	 url('css/saginawbold-webfont.svg#saginaw_bold') format('svg');
font-weight: normal;
font-style: normal;
}





h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
h1{font:normal 48px 'saginaw_bold';color:#743212;padding:58px 0px 0px 0px;}
h2{font:normal 24px 'saginaw_bold';color:#000000;padding:0px 0px 2px 0px;}
p{font:normal 14px 'robotolight';color:#555555;margin:0;padding:0 0 30px 0;line-height:30px;}




/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1230px;margin:0 auto;padding:0 15px;}
img {
	max-width: 100%;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;background:url(images/header_bg.jpg) no-repeat center top;background-size:cover;padding:31px 0px 478px 0px;}
#inner_header{width:100%;background:url(images/header_bg.jpg) no-repeat center top;background-size:cover;padding:31px 0px 29px 0px;}

@media(min-width:768px){
#navigation{display:inline-block;vertical-align:top;padding-top:19px;}
.ddsmoothmenu{}
.ddsmoothmenu > ul{z-index:100;margin:0;padding:0;list-style:none;}
.ddsmoothmenu > ul > li{position: relative;margin:0;padding:0;display:inline-block;vertical-align:top;position:relative;}
.ddsmoothmenu > ul > li:first-child{background-image:none;}
.ddsmoothmenu > ul > li > a{margin:0;padding:0 30px;display:inline-block;vertical-align:top;font:normal 14px 'robotobold';color:#323232;text-transform:uppercase;border-radius:30px;line-height:40px;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu > ul > li.current_page_item > a, .ddsmoothmenu > ul > li:hover > a{color:#fff;background-color:#32bfc0;}
.ddsmoothmenu > ul > li.current-menu-parent > a, .ddsmoothmenu > ul > li:hover > a{color:#fff;background-color:#32bfc0;}



.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;background:#172c2c;width:218px;margin:6px 0px 0px 0px;padding:0;text-align:center;list-style:none;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;margin:0;padding:18px 0px;border-bottom:1px solid #1e3b3b;}
.ddsmoothmenu ul li ul li:last-child{border-bottom:none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font:normal 14px 'robotoregular';color:#ffffff;display:block;text-transform:uppercase;}
.ddsmoothmenu ul li ul li.current-menu-item a, .ddsmoothmenu ul li ul li a:hover{color:#3de5e6;}

/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
}

.header_text{display:inline-block;vertical-align:top;padding-top:19px;}
.header_text p{font:normal 14px 'robotomedium';color:#c36233;text-transform:uppercase;margin:0 10px;padding:0;display:inline-block;vertical-align:top;line-height:40px;}
.header_text p a{font-family:'robotoregular';color:#323232;}
p.social_icon a{color:#464646;margin-left:4px;font-size:18px;}


/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;}
#inner_content{width:100%;padding:30px 0;}
.sec1{position:relative;margin-top:-418px;margin-bottom:20px;}
.sec1_left{width:37.33%;float:left;background:url(images/text_bg.jpg) no-repeat center bottom #2bb6b7;background-size:100%;margin:50px 0 0 0;position:relative;z-index:9;padding:30px 4%;text-align:right;}
.sec1_right{width:83.16%;float:left;position:relative;margin-left:-21%;}
.full_width{widows:100%;}
.sec1_text{display:inline-block;text-align:left;}
.sec1 h3{font:normal 22px 'robotolight';color:#000000;text-transform:uppercase;}
.sec1 h1{font:normal 60px 'saginaw_bold';color:#743212;padding:0 0 20px 0;}
.sec1 h1 span{font:normal 30px 'robotoregular';color:#004c4c;text-transform:uppercase;}
.sec1_left h2{font:normal 48px 'saginaw_bold';color:#fff;text-align:center;padding-bottom:20px;}
.sec1_left p{font:normal 14px 'robotolight';color:#ffffff;padding-bottom:33px;line-height:24px;}
.btn1{font:normal 14px 'robotomedium';color:#ffffff;background-color:#0a4a4a;text-transform:uppercase;display:inline-block;border-radius:25px;padding:0 31px;line-height:41px;}
.sec2{margin:36px 0px 0px 0;position:relative;padding:0 0 40px 0;}
.sec2_inner{padding:0;position:relative;z-index:9;}
.sec2:after{background:url(images/bg1.jpg) no-repeat right top;background-size:29% 100%;position:absolute;content:'';width:100%;height:100%;right:0;top:-20px;}
.sec2_inner:before{background:url(images/bg2.jpg) no-repeat left bottom #f5f5f5;background-size:30% 50%;width:80%;height:100%;position:absolute;content:'';z-index:9;}
h2.heading{font:normal 45px 'saginaw_bold';color:#753313;padding:0;line-height:45px;}
h2.heading span{font:normal 24px 'robotoregular';color:#014b4d;text-transform:uppercase;}
.heading_text{width:250px;}
.sec2 .main{position:relative;z-index:99;padding-top:30px;padding-bottom:30px;}
.sec2_text{overflow:hidden;}
.box1{width:25%;display:inline-block;vertical-align:top;text-align:left;margin-bottom:40px;}
.icon{padding-bottom:32px;}
.header_text.left{margin-right:5%;}
.box1 h3{font:normal 24px 'saginaw_bold';color:#000000;padding:0 0 10px 0;}
.box1 p{font:normal 14px 'robotolight';color:#555555;padding:0 30px 0 0;line-height:24px;}

.header_text.right{margin-left:5%;}
.sec3{margin:36px 0px 20px 0;position:relative;padding:0 0 40px 0;text-align:right;}
.sec3_inner{padding:0;position:relative;z-index:9;}
.sec3:before{background:url(images/bg3.jpg) no-repeat left top;background-size:29% 100%;position:absolute;content:'';width:100%;height:100%;left:0;top:-20px;}
.sec3_inner:after{background:url(images/bg4.jpg) no-repeat right bottom #f5f5f5;background-size:30% 50%;width:80%;height:100%;position:absolute;content:'';z-index:9;top:0;right:0;}
.sec3 .main{position:relative;z-index:99;padding-top:30px;padding-bottom:30px;}
.sec3 .btn1{margin-right:4%;}
.mapwrapper{position: relative;padding-bottom:29.25%;height:0;}
.mapwrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sec4{padding:0 0 20px 0;}
.testimonial_sec{width:78%;margin:0 auto;text-align:center;}
.testi_img{width:94px;margin:0 auto;}
.testi_img img{width:94px;height:94px;border-radius:50%;margin-bottom:38px;}
.testimonial_sec p{font:normal 15px 'robotolight';color:#323232;font-style:italic;padding:0 80px 14px 80px;position:relative;line-height:23px;}
.testimonial_sec p:first-of-type{background:url(images/quote1.jpg) no-repeat left top;}
.testimonial_sec p:last-of-type:after{background:url(images/quote2.jpg) no-repeat right top;position:absolute;content:'';width:40px;height:40px;right:0;top:0;}
.testimonial_sec h3{font:normal 30px 'saginaw_bold';color:#753313;}
.testimonial_sec h3 span{font:normal 14px 'robotolight';color:#074f4d;text-transform:uppercase;}
.box2{width:47%;}
ul.list1{margin:0;padding:5px 0 6% 0;list-style:none;overflow:hidden;}
ul.list1 li{margin:0 5% 10px 0;padding:0 0 0 20px;font:normal 14px 'robotolight';color:#555555;position:relative;float:left;}
ul.list1 li:before{position:absolute;content:'\f058';left:0;top:2px;}
.testimonial_box{width:29.41%;float:left;margin:0 5.83% 40px 0;text-align:center;}
.testimonial_box:nth-of-type(3n){margin-right:0;}
.testimoni_text{background-color:#f8f8f8;border:1px solid #cccccc;border-radius:5px;padding:27px 24px;position:relative;margin-bottom:43px;text-align:left;}
.testimoni_text:before{width:100%;height:24px;background:url(images/dwn_arw.jpg) no-repeat center bottom;position:absolute;content:'';left:0;bottom:-24px;}
.testimoni_text p{padding-bottom:0px;line-height:24px;}
.testimonial_box .testi_img img{margin-bottom:7px;}
.testimonial_box h3{font:normal 24px 'saginaw_bold';color:#753313;padding:0;}
.testimonial_box h3 span{font:normal 14px 'robotolight';color:#074f4d;display:block;}






.carres_box ::-webkit-input-placeholder {color: #535353;opacity:1;}
.carres_box :-moz-placeholder { /* Firefox 18- */color: #535353;opacity:1;  }
.carres_box ::-moz-placeholder {  /* Firefox 19+ */ color: #535353;opacity:1; }
.carres_box :-ms-input-placeholder { color: #535353;opacity:1;}
.submit_btn{width:100%;height:42px;background-color:#ffffff;border:1px solid #464646;font:normal 20px 'open_sansbold';color:#000000;cursor:pointer;text-transform:uppercase;-webkit-appearance:none;line-height:42px;}



/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{width:100%;padding:30px 0px 3px 0;background:url(images/f_bg.jpg) no-repeat center top;background-size:cover;text-align:center;}
#footer ul{margin:0;padding:0 0 20px 0;list-style:none;}
#footer ul li{margin:0;padding:0;position:relative;font:normal 14px 'robotolight';color:#ffffff;display:inline-block;}
#footer ul li a{margin:0 12px 0px 21px;}
#footer ul li:before{position:absolute;content:'\f111';left:0;top:5px;color:#ffffff;font-size:10px;}
#footer ul li:first-child:before{display:none;}
#footer p{font:normal 13px 'robotolight';color:#ffffff;padding:0 0 17px 0px;}
#footer p .fa{width:52px;height:52px;border:1px solid #fff;color:#ffffff;font-size:28px;text-align:center;border-radius:50%;margin:0 2px;line-height:52px;}