/*
Theme Name: House MD
Theme URI: http://mercury-web.co.uk/
Description: Custom theme for House MD based on Twenty Eleven
Author: Mercury Web
Author URI: http://mercury-web.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); 

font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-65Medi';
font-family:'HelveticaNeueW01-75Bold';

*/

.wow {
  visibility: hidden;
}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body {margin: 0; font-size:18px; position:relative;}
body, input, textarea {color:#4f4c4d;}
td,th {color: inherit;}

input, textarea {font-size:14px; width:100%; border: solid 1px #fff; padding: 5px 10px; margin-bottom: 3px;}
input[type=button] {width: 80px;}

body,td,th, input, textarea, em {font-family: "HelveticaNeueW01-45Ligh",sans-serif; font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6, strong, .sq_but, .menu, .wpcf7-form p label, .wpcf7-submit {font-family: "HelveticaNeueW01-75Bold",sans-serif; font-style: normal; font-weight: normal;}

h1, h2, h3, h4, h5, h6, .menu, .wpcf7-form p label, .wpcf7-submit {text-transform:uppercase;}

h1 strong, h2 strong, h3 strong {font-family: 'Pacifico', cursive; text-transform: none; font-size: 66px;}

h2 {font-size: 40px;}

em {font-family: 'Pacifico', cursive; text-transform: none;}

img {border:0; max-width:100%; height:auto; display:block;}

a {text-decoration:none; background:transparent; color:inherit; overflow: hidden;}
a:hover, input[type=button]:hover {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }

a, img, li, input, textarea {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}

.center_h {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
.center_i {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform: translateY(-50%); margin:0;}

.left, .right {float:left; width: 48%;}
.right {float:right;}

.pink {color: #ee2677;}
.aqua {color: #93dccb;}

.white_bg {background-color: #FFFFFF;}
.white_bg_op { background:rgb(255,255,255); background:rgba(255,255,255,0.80);}
.grey_bg {background-color: #4f4c4d; color: #FFFFFF;}
.grey_bg_op {background:rgb(71,71,74); background:rgba(71,71,74,0.80); color: #FFFFFF;}
.aqua_bg, .title:before {background-color: #93dccb;}
.pink_bg, .wpcf7-submit {background-color: #ee2677; color: #FFFFFF;}

.wrap {max-width:1073px; width:100%; margin:auto; overflow:visible; position: relative;}

.head {padding: 40px 0 20px; text-align: center;}
.head .wrap {overflow: visible;}
.head img, .head li {display: inline-block;}
.head .social, .con_no {position: absolute; right: 0; top: -50px;}
.con_no {top:-55px; right:55px; font-size:20px; text-align:right;}
.con_no .telt {}
.head ul {margin: 20px 0 0; padding: 0; font-size: 20px;}
.head ul li {padding: 0 10px;}

.slider {background: url(images/slider.jpg) center no-repeat; background-size: cover; padding: 150px 0; text-align: center;}
.slider h1 {font-size: 60px;}
.slider img {display: inline-block;}

.boxes {overflow: hidden;}
.boxes .box {display: inline-block; vertical-align: top; padding: 20px; text-align: center;}
.boxes .box img {display: inline-block; height: 60px; width: auto;}
.boxes.three .box {width: 32.8%;}
.boxes.two .box {width: 49%;}

.sq_but {border: solid 2px; padding: 10px 20px; width: 200px; display: block; margin: 40px auto; text-align: center; text-transform: uppercase;}

#welcome {text-align: center; padding: 40px 0 80px; margin: 40px 0;}

.title {position: relative; color: #FFFFFF; padding: 10px 0; font-size: 50px; z-index: 2;}
.title:before {content: " "; width: 100%; position: absolute; top: 0; left: -50%; height: 100%; z-index: -1;}

#benefits {padding: 0 0 80px;}

#reviews {background: url(images/reviews_bg.jpg) top center no-repeat; background-size: cover; padding: 16% 0 100px;}
#reviews .text {padding: 20px 0;}

#rev .bx-wrapper {border: 0; box-shadow: none; background-color: transparent;}

#our_services {background: url(images/ourservices.jpg) top no-repeat; background-size: cover; overflow: auto; padding: 60px 0 20px;}
#our_services .right {padding: 40px; width: 70%; clear: both; text-align: center;}
#our_services .right img {display: inline-block;}
#our_services .right.pink {width: 50%; margin: 60px 0; font-size: 36px; line-height: 38px;}


#options {overflow: auto; background-color: #47474a; padding: 0 0 60px;}
#options .num, #options h3 {font-size: 28px; margin: 10px 0;}
#options .num {font-size: 34px;}

#costs {overflow: auto;background: url(images/costs.jpg) top no-repeat; background-size: cover; padding: 0 0 20px;}
#costs .right, #costs #commission {clear: both; padding: 40px;}
#costs .right {margin-bottom: 80px;}
#costs .right h3 {margin-bottom: 5px;}
#costs .right p, #costs #commission h2 {margin: 0 0 20px;}

#contact {overflow: auto; padding: 0 0 60px;}

.wpcf7-form {padding: 40px 0 40px 10%;}
.wpcf7-form p {overflow: hidden;}
.wpcf7-form p label {float: left; width: 20%;}
.wpcf7-form p input, .wpcf7-form p textarea {float: right; width: 78%;}
.wpcf7-submit {border: 0;}

.tel, .mob, .emailc {font-size: 22px; padding: 5px 0 5px 35px; background-image: url(images/tel.png); background-position: left; background-repeat: no-repeat;}
.mob {background-image: url(images/mob.png); background-position: 5px center;}
.emailc {background-image: url(images/mail.png);}

.foot {padding: 20px 0; text-transform: uppercase; font-size: 14px;}

.bx-controls-direction {display:none;}

@media (max-width: 1080px) {
	.wrap, .slider {padding-left: 20px; padding-right: 20px;}
	.head .social {top: -30px; right: 10px;}
.con_no {positio:relative; top:-35px;}
}
@media (max-width: 900px) {
	.title:before {left: 0; margin-left: -20px;}
}
@media (max-width: 700px) {
	.left, .right, .boxes.three .box, .boxes.two .box, .wpcf7-form p label, .wpcf7-form p input, .wpcf7-form p textarea {width: 100% !important; float: none !important;}
	.wpcf7-form {padding: 0;}
.con_no {font-size:16px;}
}
@media (max-width: 500px) {
	.slider h1, h1 strong, h2 strong, h3 strong, #aboutmel h1, .title {font-size: 40px;}
	h2 {font-size: 30px;}
}