*{padding:0; margin:0;}


body{background-image:url(./images/retina_wood.png);font-family: 'Open Sans', sans-serif;
   }

/*Header*/
header{max-width: 100%; background-color: #4D5F62; color: #fff; overflow: auto; padding: 20px;  margin:0 auto;}

.logo{ float: left; width: 40%; font-size:22px;}
.logo a{text-decoration:none; color:#fff;}
.logo img{display:block; width:300px; height:auto;}
.number{text-align: right;  float:right; width: 40%;}
.number h2{margin: 0; font-size: 33px;}
.number p{margin: 0;}
/*Header*/
.con{max-width: 960px; margin: 0 auto;}
/*banner*/
.banner{background-image:url(../images/banner.jpg); max-width: px; height:100%; padding: 20px;}
#banner{background-image: url(../images/banner-bg-opacity.png); padding: 0; overflow: auto; border: 1px solid #ced3d4;}
#banner img{margin-right: 20px;}
#banner p{ font-size: 16px; padding-top: 20px; font-weight: 600;}
#banner h2{text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700; margin: 0;}
#banner h3{text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 900;}
td img{width: 30px;
    margin-top: 10px;}
.rightban{padding: 20px; width:40%; float: right;}
.leftban {padding: 20px; width:60%; float:left;}
.rightban ul{list-style-image: url(../images/tick.png); list-style-position: inside; }
.rightban li{ padding-left: 5px; font-size: 12px;}
/*form*/
.formheader{width: 100%; background-color: #5097A7; text-align: center;text-transform: uppercase; color:  #fff;padding: 15px;}
form{width: 100%; padding: 20px; background-color: #fff; max-width:500px; margin:0 auto; border: 1px solid #E4E9EA;}
.field_back{padding: 10px; width: 100%; display: block; font-size: 14px; color: #0D61AB; margin-bottom: 10px; border: 1px solid #e4e9ea;}
.field_back1{padding: 10px; width: 55%; display: block; font-size: 14px; color: #0D61AB; margin-bottom: 10px; border: 1px solid #e4e9ea; float:left;}
.submitBtn{ font-size: 20px; font-weight: 600; color: #fff; background: #05CA66 ;border: none; padding: 10px; width: 100%; }
.submitBtn1{ font-size: 14px; font-weight: 600; color: #fff; background: #05CA66 ;border: none; padding: 10px; width: 40%; float:right;     border: 1px solid #929292;}
#frmDetail{max-width:450px; margin: 0 auto;}
/*banner*/
#expert{ background: #fff; font-size: 30px; text-transform: uppercase; text-align: center; padding: 20px;  max-width: 960px; margin: 0 auto; font-weight: 500;}
#expert h2{font-weight: 600;}
#expert h2.num{font-weight: 800; font-size: 50px;}
/*Main*/
main{border-top: 1px solid #5D7679; border-bottom: 1px solid #5D7679; background-color: #5097A7; color: #fff; text-align: center; padding: 20px; width:100%; margin: 0 auto
}
main h1{margin:0 0 20px 0; font-size: 25px;}
/*Main*/
/*SERVICES*/
figure{overflow: auto;}
#services{overflow: auto;max-width:960px; height: 100%; margin: 0 auto; padding: 20px; text-align: center; background: #fff;}
#services h2{font-weight: 600; text-transform: uppercase;}
#services img{display: block; width: 97px; margin: 0 auto; margin-bottom: 20px;}
#services p{ margin-top: 20px; }
#services h3{margin-bottom: 25px; cursor: pointer;}
#services h3:hover{text-decoration: underline;}
/*SERVICES*/
/*Coverage*/
#coverage{text-transform: uppercase;text-align: center; background-image: url(../images/coverage-bg.jpg); margin: 0 auto; width:100%; height:176px; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;}
#coverage h2{font-weight: 700; font-size: 31px; padding-top: 15px;}
#coverage h3{margin-bottom: 25px; cursor: pointer;}
#coverage h3:hover{text-decoration: underline;}
#cover{max-width: 960px; margin: 0 auto; text-align: center;}
#cover li{list-style:none; display:inline-block; }
/*Coverage*/
#book{background: #fff; max-width: 960px;  margin: 0 auto; text-align: center; padding :20px; text-transform: uppercase;}
#book h2{display: inline; font-weight: 700; font-size: 22px; vertical-align: middle;}
.btn{font-size:20px; margin-left: 20px; display: inline-block; font-weight: 700; color: #fff; background: #05CA66 ;border: none; padding: 10px;}
/*trust pilot*/
#trust{ width: 100%; overflow: auto; padding-bottom: 20px; background-image: url(../images/trust-bg1.jpg); margin: 0 auto; text-align: center; background-position:bottom; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;}
#trust h2{font-size: 25px; font-weight: 700; text-transform: uppercase;}
#trust img{ max-width: 230px; margin: 0 auto; width: 100%; height: auto; display: block; margin-top: 20px; }
#white{border-radius: 15px; background: #fff; padding:10px; margin:0 auto; margin-top: 20px; width: 90%; }
#white h3{font-weight: 700; font-size: 18px;}
#white p{font-size: 16px;}
.formhead{margin-top: 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
/*trust pilot*/
/*pictures*/
.pics{width:33.33333%; float: left; padding: 10px;}
#pictures{background: #fff; padding:20px 0 20px 0; max-width: 960px; margin: 0 auto; overflow: auto; }
#pictures img{display: block; width: 100%; height: auto; float: left;}
#TestWhole{font-weight:600;}
#TestText{font-weight:300; padding-top:10px;}
/*pictures*/
/*Footer*/
footer{  max-width: 100%; background-color: #1e2223; color: #fff;  margin:0 auto;margin-top: -10px; padding:20px; text-align:center;}

@media only screen and (min-width: 775px) and (max-width: 1000px) {
.formheader{display: none;}
#call-me-back{display: none;}
.leftban {width: 100%; float: none;}
.rightban{display: none;}
.service{width: 50%; float: left;}
#pictures img{max-width: 400px;}
}


@media only screen and (min-width: 677px) and (max-width: 774px) {
.formheader{display: none;}
#call-me-back{display: none;}
.leftban {width: 100%; float: none;}
.rightban{display: none;}
.service{width: 50%; float: left;}
#pictures img{max-width: 400px;}
#expert h2.num {font-size: 40px;}
#expert h2 {font-size: 20px;}
#coverage h2{font-size: 20px;}
.btn{margin-top: 20px;}
}
@media only screen and (min-width: 536px) and (max-width: 676px) {
.formheader{display: none;}
#call-me-back{display: none;}
.leftban {width: 100%; float: none;}
.rightban{display: none;}
.service{width: 50%; float: left;}
#pictures img{max-width: 400px;}
#expert h2.num {font-size: 40px;}
#expert h2 {font-size: 20px;}
#coverage h2{font-size: 20px;}
.btn{margin-top: 20px;}
.logo{width: 100%; margin:0 auto; text-align: center; font-size: 30px;}
.logo img{display:block; margin:0 auto;}
.number{width: 100%; margin:0 auto; text-align: center; font-size: 25px;}
.number h2{font-size: 40px;}
}	
@media only screen and (min-width: 300px) and (max-width: 535px) {
.formheader{display: none;}
#call-me-back{display: none;}
.leftban {width: 100%; float: none;}
.rightban{display: none;}
.service{width: 100%; float: none;}
#pictures img{max-width: 400px;}
#coverage h3{ font-size:16px; }
#coverage h2{font-size: 15px;}
#expert h2.num {font-size: 35px;}
#expert h2 {font-size: 16px;}
#coverage h2{font-size: 15px;}
.btn{margin-top: 20px;}
.logo{width: 100%; margin:0 auto; text-align: center; font-size: 30px;}
.number{width: 100%; margin:0 auto; text-align: center; font-size: 23px;}
.number h2{font-size: 33px;}
#book h2 {font-size: 15px;}
#banner h2{font-size: 16px;}
.logo img{display:block; margin:0 auto;}
}	


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #D0D0D0;
    font-weight: 400;
    font-size: 13px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #D0D0D0;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #D0D0D0;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #D0D0D0;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #D0D0D0;
}

.smedia li {
	display:inline;
	padding-right:10px;
}

.smedia {
	padding-top:5px;	
}