@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
/*@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic-webfont.eot');
    src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic-webfont.eot');
    src: url('fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-ThinItalic-webfont.eot');
    src: url('fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-LightItalic-webfont.eot');
    src: url('fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-MediumItalic-webfont.eot');
    src: url('fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}
*/

/*banner*/
#banner{margin:0 auto; padding:0; background:#eee;}
#banner .bn-logo, #banner .bn-image{display: inline-block; vertical-align: top; width: 50%; float: left; }
#banner .bn-logo{text-align: right; position: relative; z-index: 2;}
#banner .bn-logo img{margin: 15% -15% auto 0;}
/*content-top*/
#content-top{background: #4285F5; padding:60px 0; margin:-5px auto 0;}
#content-top h2{font-size: 45px; color: #fff; line-height: 24px; font-weight: 100; margin:0 auto 80px;}
#content-top dl{display: inline-block; vertical-align: top; width: 33%; padding:0 10px; box-sizing: border-box;}
#content-top dt{font-size: 28px; color: #fff; line-height: 24px; font-weight: 300;}
#content-top dd{padding: 0; margin:0 auto;}
#content-top dd p{font-size: 16px; color: #fff; line-height: 24px; font-weight: 400; min-height: 143px; padding:40px 0;}

/* content */
#content{  margin:0 auto; padding:40px 0; background:#fff;}
#content h1{font-size: 48px; color: #4285F5; line-height: 24px; font-weight: 100;}
#content p{font-size: 30px; color: #444; line-height: 36px; font-weight: 300; padding: 20px 0;}
#content .dls dl{display: inline-block; vertical-align: top; width: 33%; padding: 0 10px; box-sizing: border-box; margin:20px auto;}
#content .dls dt img{ padding-bottom: 10px;}
#content .dls dd h3{ font-size: 22px; color: #4285F5; line-height: 36px; font-weight: 300;}
#content .dls dd p{font-size: 16px; color: #444; line-height: 36px; font-weight: 300; padding: 0;}

/* certified */
#certified{background: #eee; padding:30px 0 40px;}
#certified h2{font-size: 44px; color: #4285F5; line-height: 24px; margin:20px auto 40px; font-weight: 100;}
/*#certified p{font-size: 15px; color:#444; line-height: 30px; font-weight: 300; max-width: 900px; width: 100%; margin:0 auto;}*/
#certified p {
    color: #444;
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
#certified h4{font-size: 15px; color:#444; line-height: 30px; font-weight: 700; letter-spacing: 2px;}
#certified dl{display: inline-block; vertical-align: bottom; margin: 30px auto 0;}
#certified dd{font-size: 13px; color:#444; line-height: 30px; font-weight: 300; padding:10px 0 0;}
#certified .col1, #certified .col2{display: inline-block; vertical-align: top; margin:40px auto 0;}
#certified .col1{width: 30%; padding-right: 40px; box-sizing: border-box;}
#certified .col2{width: 50%;}
#certified .col1 dl{width: 49%;}
#certified .col2 dl{width: 24%;}

/*reviews*/
#reviews{background: #33A854; padding: 60px 0;}
#reviews h2{font-size: 46px; color: #fff; line-height: 24px; font-weight: 100;}
#reviews p{font-size: 18px; color: #fff; line-height: 36px; font-weight: 300; margin:40px auto 20px;}
#reviews .col{display: inline-block; vertical-align: top; width: 33%;}
#reviews .col dl{display: block; margin:40px auto; padding:0 10px; box-sizing: border-box;}
#reviews dt{background: #fff; font-size: 18px; color: #444; line-height: 36px; font-weight: 300; padding: 15px; box-sizing: border-box;}
#reviews dd{background: url(../images/arr.jpg) no-repeat center top; padding:40px 0 0; margin: 0 auto;}
#reviews dd p{font-size: 18px; color: #fff; line-height: 21px; margin:0 auto;}
#reviews dd p strong{display: block;}
#reviews dd img{border-radius: 50%; margin:10px auto;}

/*result*/
#result{background: #fff; padding:100px 0; position: relative;}
#result .left{width: 48%; text-align: left;}
#result .right{width:50%; position: absolute; top: 5%; right: 0;}
#result h2{font-size: 38px; color: #4285F5; line-height: 24px; font-weight: 100; text-align: left;}
#result p{font-size: 18px; color: #444; line-height: 36px; font-weight: 500; margin:40px auto 20px; text-align: left;}
#result ul{display: block; list-style: none; padding:0 0 0 20px; margin:0 auto;}
#result ul li{background: url(../images/bull.png) no-repeat left top 14px; padding:0 0 0 30px; font-size: 18px; color: #444; font-weight: 300; line-height: 36px; text-align: left;}
#result h5{font-size: 14px; color: #444; line-height: 36px; font-weight: 300; border-top: 1px solid #D2D2D2; padding:30px 0 0; margin:30px auto 0; text-align: right;}
#result h5 span{display: block; color: #EB4236; font-weight: 700;}
/*footer*/
#footer-top{background:#EB4236; padding:60px 0; }
#footer-top h2{font-size: 42px; color: #fff; line-height: 24px; font-weight: 100;}
#footer-top p{font-size: 18px; color: #fff; line-height: 36px; font-weight: 400; margin: 40px auto;}
#footer-top p span{display: block;}
#footer-top form div{display: inline-block; vertical-align: top; width: 29%;}
#footer-top form div.textarea{display: block; width: 88%; margin:0 auto;}
#footer-top form label, #footer-top form input, #footer-top form textarea{display: block; margin:0 auto;}
#footer-top form label{font-size: 12px; color: #fff; letter-spacing: 2px; line-height: 36px; font-weight: 400; text-align: left; padding:0 0 5px;}
#footer-top form label span{font-size: 16px; font-weight: 700;}
#footer-top form input{max-width: 314px; width: 100%; height:38px; background: #fff; border:1px solid #ccc; padding-left: 10px; box-sizing:border-box;}
#footer-top form textarea{max-width: 960px; width: 100%; height: 100px; padding: 10px 0 0 10px; box-sizing:border-box;}
#footer-top .btn{margin:40px auto 0;}
#footer-top .btn:hover{background: #4285F5;}
#footer{background: #fff; padding:21px 0; position: relative;  box-shadow: 0px 0px 12px -5px #000; -webkit-box-shadow: 0px 0px 12px -5px #000; -moz-box-shadow: 0px 0px 12px -5px #000;}
footer .copy{font-size: 14px; color: #676767; font-weight: 500; letter-spacing: 2px; line-height: 14px; text-align: left; padding: 20px 0 60px;}
/* contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%; text-align: left;}
.contactForm input[type=text] { display:block; max-width:450px; width: 100%; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:1px solid #ccc; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; max-width:450px; width: 100%; height:100px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:1px solid #ccc;}

/*inner pages*/
#content.inner h1{line-height: 120%;}
#content.inner p{font-size: 18px;}
footer.inner .copy{padding:20px 0;}

/*services page*/
#inner-banner{position: relative;}
#inner-banner .caption{position: absolute; top:40px; left: 0; right: 0; margin:0 auto; }
#inner-banner .caption h2{font-size: 40px; color: #fff; line-height: 46px; font-weight: 100; max-width: 900px; width: 100%; margin:0 auto;}
#inner-banner .caption p{font-size: 20px; color: #fff; line-height: 35px; font-weight: 300; max-width: 755px; width: 100%; margin:20px auto;}
#inner-banner .caption .btn{max-width: 340px;}

#content.inner .serv-dls{}
#content.inner .serv-dls dl{display: block; margin:50px auto;}
#content.inner .serv-dls dt, #content.inner .serv-dls dd{display: inline-block; vertical-align: top;}
#content.inner .serv-dls h2{font-size: 40px; color: #4285F5; line-height: 36px; font-weight: 100; text-align: left; padding-bottom: 20px;}
#content.inner .serv-dls h2 span{font-size: 16px; color: #33A854; letter-spacing: 2px; line-height: 36px; display: block; font-weight: 700; padding-bottom: 20px;}
#content.inner .serv-dls p{font-size: 14px; color:#444; line-height: 24px; text-align: left; font-weight: 300; padding:10px 0;}
#content.inner .serv-dls .btn2{display: block; max-width: 100px; width: 100%; margin:40px 0 0; text-align: left; font-size: 12px; color: #EB4236; line-height: 30px; letter-spacing: 2px; font-weight: 500; position: relative; z-index: 2;}
#content.inner .serv-dls .btn2:hover{color: #4285F5;}
#content.inner .serv-dls dt{width: 62%;}
#content.inner .serv-dls dd{width: 37%;}
#content.inner .serv-dls dl.left dt{float: left;}
#content.inner .serv-dls dl.left dd{padding-left: 40px; box-sizing: border-box;}
#content.inner .serv-dls dl.right dt{float: right;}
#content.inner .serv-dls dl.right dd{padding-right: 40px; box-sizing: border-box;}
#content-dls{background: url(../images/inner-dls.jpg) repeat-y center top; padding: 50px 0;}
#content-dls dl{display: inline-block; vertical-align: top; width: 16%; padding:0 15px; box-sizing: border-box; margin:40px auto;}
#content-dls dt img{padding-bottom: 10px; max-width: 120px; width: 100%; margin: 0 auto;}
#content-dls dd h3{ font-size: 16px; color: #4285F5; line-height: 36px; font-weight: 500;}
#content-dls dd p{display: none;}
.inner #certified{background: url(../images/inner-dls.jpg) repeat-y center top;}
.inner #certified .google{display: none;}
#content-dls h2{font-size: 48px; color: #4285F5; line-height: 120%; font-weight: 100;}
#content-dls p{font-size: 24px; color: #444; line-height: 36px; font-weight: 300; padding: 40px 0; max-width: 1000px; width: 100%; margin:0 auto;}
#inner-banner .caption h2.tophdr{line-height: 46px;font-size: 55px;}
.lgrw{max-width: 1200px;}
.mdgrn{color: #33a854;font-size:30px;padding: 50px;}
#inner-banner .caption p.lwhdr{font-size:20px; max-width:800px; line-height: 50px;}
#content-dls p.subps{text-align:left;font-size:22px;}

.play-yesreview {
    cursor: pointer;
}
.loading-yesreview {
    left: 50%;
    position: absolute;
    top: 55px;
}
.page-video-container{max-width:550px; margin: auto;height:309px;position:relative;padding:15px 25px 5px 0;}
#yr_wrapper{margin-bottom:-5px;padding:0}.video-container .container{border:5px solid #fff}#myElement_wrapper iframe,#myElement_wrapper object,#myElement_wrapper embed,#yr_wrapper div iframe,#yr_wrapper div object,#yr_wrapper div embed{height:100% !important;left:0 !important;position:absolute !important;top:0 !important;width:100% !important}