/********************common css starts *****************/
html { color: #181b22; width: 100%; height: 100%; font-family: 'Play', sans-serif; font-size: 16px; }
* { outline: none; list-style: none; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
iframe { overflow-x: hidden!important; }
@media (max-width:979px) {
body { padding-top: 0!important; }
}
@media screen and (min-width:1025px) {
a[href^="tel:"] { pointer-events: all; }
}
* { outline: none!important }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; color: #181b22; font-family: 'Play', sans-serif; font-size: 16px; }
fieldset, img { border: 0; }
em { font-style: italic!important }
img { height: auto; max-width: 100%; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
strong, b { font-family: 'Play-Bold'!important; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: 'Play', sans-serif }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; font-family: 'Play', sans-serif; color: #181b22; font-size: 16px; }
input, textarea, select { *font-size:100%;
}
a { color: #d02019; text-decoration: underline; }
a:hover, a:focus { color: #000; text-decoration: none; }
/********************common css ends *****************/

.scrollup { position: fixed; right: 15px; bottom: 15px; z-index: 130; display: none; width: 40px; height: 40px; z-index: 600 }
.scrollup a { background: #fa681e; width: 40px; height: 40px; border-radius: 4px; display: inline-block; border: 0; opacity: .8 }
.scrollup a:before { content: ''; height: 18px; width: 18px; display: block; border: 4px solid #fff; border-left-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 13px; right: 11px; }
.scrollup a:hover { background-color: #1b1b1b; opacity: 1 }
.scrollup a:hover:before { border-color: #fff; }
.btn { min-width: 120px; border-radius: 0; border: 0; margin: 0; padding: 10px 15px; color: #fff; -o-transition: .0s; -moz-transition: .0s; -webkit-transition: .0s; text-decoration: none; font-size: 16px; line-height: 20px; display: inline-block; vertical-align: top; text-shadow: none; text-transform: uppercase }
.btn, .scrollup a, .home-banner .flex-direction-nav .flex-prev:hover, .home-banner .flex-direction-nav .flex-next:hover { background: #d02019; }
.btn:hover, .btn:focus, .scrollup a:hover, .AllServices li a:hover .btn, .home-banner .flex-control-paging li .flex-active { background: #181b22; color: #fff; }
.btn-big { font-size: 18px; padding: 15px 30px }
.btn-border { background: none; color: #fff; border: 2px solid #fff }
.btn-border:hover, .btn-border:focus { background: #e0d71b; color: #000; border-color: #e0d71b }
.brand a:hover img, .OurServices .box a:hover img, .offAds .box a:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.wpcf7-validation-errors, .cart-empty { border: 1px solid #F00!important; float: none; display: block; overflow: hidden; clear: both; color: #F00; font-size: 13px; padding: 5px 0; margin: 10px 0 0!important; text-align: center }
.cart-empty { margin: 0 0 10px!important; font-size: 16px; line-height: 20px }
.wpcf7-not-valid-tip { display: block; position: relative; clear: both; overflow: hidden; color: #F00; font-size: 13px!important; padding: 0; margin: 0; font-weight: 400 }
label { padding: 5px 0; margin: 0; display: block; font-size: 15px; line-height: 18px!important }
.form-required { color: #F00 }
label em { color: #F00 }
label.auto { display: inline; width: auto; margin-right: 20px; vertical-align: text-bottom; }
label.auto a { color: #009650; text-decoration: underline; }
label.auto a:hover { color: #000; text-decoration: none }
input[type="text"], .AllIcons .dropdown-menu .input-text, input[type="email"], input[type="password"], input[type="tel"], input[type="phone"], select, textarea { border: 1px solid #ccc; box-shadow: none; border-radius: 0; margin: 0; color: #1a1c1d; padding: 10px; background: #fff; position: relative; font-size: 16px!important; line-height: 20px!important; display: block; width: 100%; -o-transition: .0s; -moz-transition: .0s; -webkit-transition: .0s; height: auto; text-align: left!important }
.small-input { width: 50%!important; display: inline-block!important }
textarea { height: 150px; resize: none }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { border-color: #000; background-color: #fff }
.custom-select { display: inline-block; border: 1px solid #ccc; width: 100%; box-sizing: border-box; height: 42px; overflow: hidden; overflow: -moz-hidden-unscrollable; background: #fff url(../img/select-arrow.png) no-repeat 95%; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px!important; line-height: 16px; }
.custom-select span.wpcf7-form-control-wrap { position: static; }
.custom-select select { color: #1a1c1d!important; max-width: 100%; background: transparent!important; border: 0!important; -webkit-appearance: none; width: 100%; border: none; height: 39px; padding: 0 10px!important; font-size: 16px!important; line-height: 18px; position: absolute; left: 0; top: 0; border: none; cursor: pointer; appearance: none; outline: none!important; -moz-appearance: none;/* Firefox */ -webkit-appearance: none;/* Safari and Chrome */ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0!important }
 select::-ms-expand {
display:none;
}
.custom-select select option { box-sizing: border-box; border: 0; padding: 0 10px!important; outline: none; background-color: #fff; color: #000!important }
.custom .woocommerce-ordering { margin-left: 15px!important }
.custom .csSelect { width: 230px; }
ul.social-icon { display: inline-block; padding: 0 }
ul.social-icon li { display: inline-block; width: auto; margin-left: 3px; background: none; padding: 0 }
ul.social-icon li a { display: inline-block; padding: 0; width: auto; color: #fff }
ul.social-icon li i { text-align: center; display: inline-block; background-color: #30333c; padding: 9px 0 0; border-radius: 100%; width: 38px; height: 38px; vertical-align: top; font-size: 20px; color: #fff; }
ul.social-icon li.snapchat a { text-align: center; display: inline-block; background-color: #fff; padding: 5px 0 0; border-radius: 100%; width: 38px; height: 38px; vertical-align: top; font-size: 18px; color: #2c2a2b }
ul.social-icon li.snapchat a:hover { background-color: #fffc00; }
ul.social-icon li a:hover i { color: #fff }
ul.social-icon li a:hover .fa-facebook { background-color: #3b5999; }
ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; }
ul.social-icon li a:hover .fa-google-plus { background-color: #de4b39; }
ul.social-icon li a:hover .fa-instagram { background-color: #d4c4a2; }
ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027; }
ul.social-icon li a:hover .fa-tumblr { background-color: #395976; }
ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; }
.container-fluid { max-width: 1280px }
/**************header starts**************/
header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; background: #fff }
/**************nav starts**************/
header .content { display: table; width: 100%; }
.brand { width: auto; display: table-cell; vertical-align: middle; padding: 10px 0; }
.brand a { display: inline-block; }
header .top-right-content { width: auto; display: table-cell; vertical-align: middle; text-align: left }
header .top-right-content ul { float: right; padding: 24px 0 }
header .top-right-content .no { float: right; font-size: 18px; line-height: 22px; font-family: 'Play'; color: #363636; text-transform: uppercase; background: url(../img/phone-icon-top.png) no-repeat 0 center; padding-left: 55px; margin: 20px 0 20px 20px; }
header .top-right-content .no a, header .top-right-content .no strong { font-size: 22px; line-height: 22px; font-family: 'Play-Bold'; color: #d02019; text-decoration: none; }
header .top-right-content .Voted { float: right; width: auto; font-size: 18px; line-height: 22px; font-family: 'Play'; color: #00529b; background: url(../img/best-10w.png) no-repeat right center; padding: 10px 105px 10px 0; margin-right: 10px; }
header .AppointmentTop { float: right; padding: 12px 0 10px 20px; }
header .AppointmentTop img { margin-right: 5px; }
header .AppointmentTop .btn { position: relative; padding: 12px 15px; font-weight: bold; text-align: left; padding-left: 45px }
header .AppointmentTop .btn i { position: absolute; left: 12px; top: 18px; font-size: 25px; }
header .emergency { float: right; font-size: 18px; line-height: 22px; font-family: 'Play'; color: #363636; text-transform: uppercase; background: url(../img/hours-icon.png) no-repeat 0 center; padding-left: 55px; margin: 20px 0 20px 10px; }
header .emergency a, header .emergency strong { font-size: 22px; line-height: 22px; font-family: 'Play-Bold'; color: #d02019; text-decoration: none; }
.navContainer { background: #30333c; border-top: 4px solid #d02019 }
.mainMenu, .mainMenu ul, .mainMenu ul li, .mainMenu ul li a, .mainMenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainMenu:after, .mainMenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.mainMenu #menu-button { display: none; }
.mainMenu > ul { position: relative; z-index: 15; border-right: 1px solid #000005; border-left: 1px solid #46474c; float: left; width: auto }
.mainMenu > ul > li { float: left; }
.mainMenu.align-center > ul { font-size: 0; text-align: center; }
.mainMenu.align-center > ul > li { display: inline-block; float: none; }
.mainMenu.align-center ul ul { text-align: left; }
.mainMenu.align-right > ul { float: right; }
.mainMenu > ul > li { border-left: 1px solid #000005; border-right: 1px solid #46474c }
.mainMenu > ul > li > a { padding: 12px 32px; font-size: 15px; line-height: 20px; font-family: 'Play-Bold'; text-decoration: none; color: #a3aab4; text-transform: uppercase; }
.mainMenu > ul > li:hover > a, .mainMenu > ul > li > a:hover, .mainMenu > ul > li.current-menu-item > a, .mainMenu > ul > li.active > a { color: #a3aab4; background-color: #181b22 }
.mainMenu > ul > li.has-sub > a { padding-right: 30px; }
.mainMenu > ul > li.has-sub > a:after { position: absolute; top: 21px; right: 11px; width: 8px; height: 2px; display: block; background: #a3aab4; content: ''; }
.mainMenu > ul > li.has-sub > a:before { position: absolute; top: 18px; right: 14px; display: block; width: 2px; height: 8px; background: #a3aab4; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.mainMenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
.mainMenu ul ul { position: absolute; left: -9999px; }
.mainMenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.mainMenu li:hover > ul { left: auto; }
.mainMenu li:hover > ul > li { height: 35px; }
.mainMenu ul ul ul { margin-left: 100%; top: 0; }
.mainMenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
.mainMenu ul ul li a { border-bottom: 1px solid #222630; padding: 10px 15px; width: 280px; font-size: 14px; text-decoration: none; color: #a3aab4; background: #181b22; }
.mainMenu ul ul li:last-child > a, .mainMenu ul ul li.last-item > a { border-bottom: 0; }
.mainMenu ul ul li:hover > a, .mainMenu ul ul li a:hover { color: #fff; background-color: #d02019 }
.mainMenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
.mainMenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
.mainMenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.mainMenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
.mainMenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
/**************nav ends**************/

header, header.header-shrink { height: auto }
header.header-shrink { box-shadow: 0 0 3px rgba(0,0,0,.3) }
header.header-shrink .nav-logo, header *, .btn, .OurAllServices .box h3, .OurAllServices .box h3:before, .OurAllServices .box h3:after, .innerServicesMain .box a, .ReviewsAllBox li a { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
/*header.header-shrink .brand{padding:5px 0 }
header.header-shrink .brand img{width:100px;}*/
/**************header ends**************/

/************home banner starts************/
.home-banner { position: relative; display: block; width: 100%; overflow: hidden; margin-top: 153px; background: url(../img/ajaxLoader.gif) no-repeat center center; min-height: 100px; z-index: 120 }
.home-banner .flexslider { position: relative; float: none; display: block; clear: both; height: auto; overflow: hidden; }
.home-banner .slides { float: left; width: 100%; }
.home-banner .slides li { display: none; position: relative; height: auto; overflow: hidden; padding: 0; }
.home-banner .flex-control-paging { position: absolute; bottom: auto; right: 15px; top: 0; z-index: 130; width: auto; text-align: center; height: auto; }
.home-banner .flex-control-paging li { width: auto; margin: 3px; display: inline-block; height: auto }
.home-banner .flex-control-paging li a { width: 10px; height: 10px; background-color: transparent; font-size: 0; line-height: 0; display: block; cursor: pointer; box-shadow: none; border-radius: 10px; border: 2px solid #000 }
.home-banner .flex-control-paging li a.flex-active { border-color: #d02019; background-color: #d02019 }
.home-banner .flex-direction-nav a { opacity: 0; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }
.home-banner .flex-direction-nav .flex-prev { background-color: rgba(0,0,0,.3); width: 54px; height: 54px; position: absolute; left: -60px; top: 50%; z-index: 120; display: inline-block; margin-top: -40px; font-size: 0; }
.home-banner .flex-direction-nav .flex-prev:before { content: ''; height: 20px; width: 20px; display: block; border: 5px solid #fff; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 18px; left: 20px; }
.home-banner .flex-direction-nav .flex-next { background-color: rgba(0,0,0,.3); width: 54px; height: 54px; position: absolute; right: -60px; top: 50%; z-index: 120; display: inline-block; margin-top: -40px; font-size: 0 }
.home-banner .flex-direction-nav .flex-next:before { content: ''; height: 20px; width: 20px; display: block; border: 5px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 18px; right: 20px; }
.home-banner .flex-direction-nav .flex-prev:hover:before, .home-banner .flex-direction-nav .flex-next:hover:before { border-color: #fff; }
.home-banner:hover .flex-direction-nav a { opacity: 1 }
.home-banner:hover .flex-direction-nav .flex-prev { left: 0; }
.home-banner:hover .flex-direction-nav .flex-next { right: 0; }
.home-banner .bannerphoto { vertical-align: middle; text-align: center; position: relative }
.home-banner .bannerphoto img { width: 100% }
.home-banner .bannerphoto .mob_img { display: none }
.home-banner .content { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 15 }
.home-banner .container-fluid { display: table; height: 100%; width: 100%; max-width: 1280px; }
.home-banner .details { display: table-cell; width: 100%; vertical-align: bottom; text-align: center }
.home-banner .maxWidth { max-width: 450px; display: inline-block; text-align: left; padding: 15px 30px; background-color: rgba(37,40,49,.85); border-radius: 4px; margin-bottom: 140px }
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari only override */
 ::i-block-chrome, .home-banner .maxWidth {
max-width:450px;
margin:0 auto
}
}
.home-banner .heading { font-size: 48px; line-height: 55px; color: #d02019; padding: 0; font-family: 'Play-Bold'; text-transform: uppercase }
.home-banner .heading span { color: #fff; display: block }
.home-banner p { font-size: 20px; line-height: 26px; color: #fff; padding: 10px 0; }
/************home banner ends************/

.CenterLayuot .ShadowBG { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); margin-top: -120px; z-index: 400; position: relative }
.innerPage .ShadowBG { margin-top: -15px }
/************Home Services starts************/
.HomeServices { text-align: center; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%, #f3f3f3 100%); background: linear-gradient(to bottom, #f8f8f8 0%, #f3f3f3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f3f3f3', GradientType=0 );
}
.HomeServices .AllBox { overflow: hidden; clear: both }
.HomeServices .box { display: inline-block; padding: 20px; border-right: 1px solid #fff; }
.HomeServices .tableBox { display: table; width: 100% }
.HomeServices .photo { display: table-cell; width: auto; max-width: 70px; padding-right: 10px; vertical-align: middle }
.HomeServices .details { display: table-cell; text-align: left; width: auto; vertical-align: middle }
.HomeServices h3 { font-size: 22px; line-height: 26px; color: #181b22; padding: 0; font-family: 'Play-Bold'; }
.HomeServices p { font-size: 15px; line-height: 22px; color: #30333c; padding: 5px 0; }
/************Home Services ends************/
.HomeTopBox { background: #e7e7e7; padding: 30px }
.HomeTopBox .AllBox { margin-left: -2%; overflow: hidden; clear: both; padding: 5px }
.HomeTopBox .box { float: left; width: 31.33%; margin-left: 2%; }
.HomeTopBox .box img { width: 100%; }
/************CommonContent starts************/
.CommonContent .HomeContent { display: block; width: 100%; padding: 15px 30px }
.CommonContent .TwoCol { display: table; width: 100% }
.CommonContent .TwoCol .LeftCol { display: table-cell; width: 75%; vertical-align: top; padding: 15px 30px }
.CommonContent .TwoCol .RightCol { display: table-cell; width: 25%; vertical-align: top; border-top: 2px solid #d02019; padding: 10px; background: #f0f0f0; background: -moz-linear-gradient(left, #f0f0f0 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #f0f0f0 0%, #ffffff 100%); background: linear-gradient(to right, #f0f0f0 0%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=1 );
}
.CommonContent h1 { font-size: 30px; line-height: 36px; color: #d02019; padding: 0 0 10px; font-family: 'Play-Bold'; position: relative; text-align: left !important }
.CommonContent h1:after { background-color: #d02019; content: ''; position: absolute; bottom: 0; left: 0; width: 100px; margin-left: 0; height: 2px }
.CommonContent h2 { font-size: 26px; line-height: 30px; color: #181b22; padding: 10px 0; font-family: 'Play-Bold'; position: relative; text-align: left !important }
.CommonContent h2:after { background-color: #d02019; content: ''; position: absolute; bottom: 0; left: 0; width: 100px; margin-left: 0; height: 2px }
.CommonContent .HomeContent h1:after { display: none }
.CommonContent .TwoCol .LeftCol h2:first-child { padding-top: 0 }
.CommonContent p { line-height: 26px; padding: 10px 0; text-align: left !important }
.CommonContent h3 { font-size: 22px; line-height: 30px; margin: 15px 0 0 0; color: #000; font-family: 'Play-Bold'; text-align: left !important }
.CommonContent h4 { font-size: 18px; line-height: 22px; padding: 15px 0 0; color: #000; text-align: left !important }
.CommonContent ul { padding: 10px 0 }
.CommonContent li { background: url(../img/ok-red.jpg) no-repeat 0 10px; padding: 5px 0 5px 25px; vertical-align: top; line-height: 22px; color: #d02019 }
.CommonContent .two-col li { display: inline-block; width: 49% }
.listing { background-color: #fff; }
.listing h3 { font-size: 18px; line-height: 20px; color: #fff; padding: 10px 15px; font-family: 'Play-Bold'; position: relative; background-color: #d02019; text-transform: uppercase }
.listing h3:before { content: ''; height: 0; width: 0; display: block; border: 10px transparent solid; border-bottom-width: 0; border-top-color: #d02019; position: absolute; bottom: -10px; left: 15px; }
.listing ul { padding: 15px }
.listing li { background: url(../img/listing-arrow.png) no-repeat 0 11px; padding: 5px 0 5px 15px; vertical-align: top; line-height: 22px; color: #181b22 }
.listing li a { color: #181b22; text-decoration: none }
.listing li a:hover { color: #d02019; text-decoration: underline }
.responsive-photo { position: relative; width: 100%; }
.dummy { padding-top: 50%; }
.img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; font: 0/0 a; background: #fff url(../img/ajaxLoader.gif) no-repeat center center; overflow: hidden; text-align: center !important }
.img-container .center-img { display: inline-block; vertical-align: middle; height: 100%; }
.img-container img { vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%; background-color: #fff }
.img-container img.main-zoom { vertical-align: middle; display: inherit; max-height: none; max-width: none; background-color: #fff }
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari only override */
 ::i-block-chrome, .img-container .center-img {
height:auto;
}
}
.OurAllServices { margin-top: 15px; padding: 15px 30px; }
.OurAllServices h2 { font-size: 26px; line-height: 30px; color: #181b22; padding: 0 0 10px; font-family: 'Play-Bold'; position: relative }
.OurAllServices h2:after { background-color: #d02019; content: ''; position: absolute; bottom: 0; left: 0; width: 100px; margin-left: 0; height: 2px; display: none }
.OurAllServices .AllBox { overflow: hidden; clear: both; margin: 0 0 15px -2% }
.OurAllServices .box { float: left; width: 31.33%; margin: 8px 0 7px 2%; text-align: center; }
.OurAllServices .box a { text-decoration: none; display: block; position: relative }
.OurAllServices .box h3 { background-color: rgba(24,27,34,.9); color: #fff; padding: 20px 15px 15px; font-size: 20px; line-height: 22px; font-family: 'Play-Bold'; text-transform: uppercase; margin: 0; width: 100%; position: absolute; left: 0; bottom: 0 }
.OurAllServices .box h3:before { content: ''; position: absolute; top: -26px; left: 50%; width: 52px; height: 52px; margin-left: -26px; z-index: 5 }
.OurAllServices .Plumbing h3:before { background: url(../img/Plumbing-icon.png) no-repeat 0 0; }
.OurAllServices .Heating h3:before { background: url(../img/Heating-icon.png) no-repeat 0 0; }
.OurAllServices .Drain-Cleaning h3:before { background: url(../img/Drain-Cleaning-icon.png) no-repeat 0 0; }
.OurAllServices .box h3:after { content: ''; position: absolute; top: -26px; left: 50%; width: 52px; height: 26px; background: rgba(24,27,34,.9); margin-left: -26px; border-radius: 26px 26px 0 0 }
.OurAllServices .box a:hover h3 { background-color: rgba(208,32,25,.9); color: #fff; }
.OurAllServices .box a:hover h3:after { background-color: rgba(208,32,25,.9); }
.OurAllServices .box .dummy { padding-top: 67%; }
.innerServicesMain .AllBox, .innerServicesMain .box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
.eqWrap { display: flex; }
.equalHW { flex: 1; }
.equalHMWrap { justify-content: space-between; }
.equalHM { width: 32%; }
.equalHMRWrap { flex-wrap: wrap; }
.equalHMR { width: 32%; margin: 20px 1% 1% 1%!important; }
.equalHMVWrap { flex-wrap: wrap; }
.equalHMV { width: 32%; margin: 1%!important; }
.equalHMV:nth-of-type(3n) { margin-right: 0; }
.equalHMV:nth-of-type(3n+1) { margin-left: 0; }
.innerServicesMain .box h3 { color: #000; padding: 15px 15px 0; position: static; background: none; text-align: left; font-size: 17px }
.innerServicesMain .box h3:before, .innerServicesMain .box h3:after { display: none }
.innerServicesMain .box { background-color: #f0f0f0; }
.innerServicesMain .box p { padding: 8px 15px 15px; text-align: left; line-height: 22px }
.innerServicesMain .box a h3, .innerServicesMain .box a:hover h3 { background-color: transparent; }
.innerServicesMain .box:hover h3 { background-color: transparent; color: #000; }
.innerServicesMain .box:hover { background-color: rgba(208,32,25,.9); color: #fff; }
.innerServicesMain .box:hover p, .innerServicesMain .box:hover h3 { color: #fff; }
.innerServicesMain .box .dummy { padding-top: 100%; }
/************testimonial starts************/
.testimonialSection { padding: 30px; background-color: #f0f0f0; text-align: center }
.testimonialSection h2 { font-size: 30px; line-height: 36px; color: #181b22; padding: 0 0 10px; font-family: 'Play-Bold'; position: relative }
.testimonialSection .AllBox { overflow: hidden; clear: both; margin: 15px 0 0 -2% }
.testimonialSection .box { float: left; width: 48%; margin: 8px 0 7px 2%; }
.testimonialSection .box blockquote { position: relative; padding: 15px; margin: 0; border: 0; background-color: #fff; overflow: hidden; clear: both; box-shadow: 0 0 2px rgba(0,0,0,.3) }
.testimonialSection p { font-size: 16px; line-height: 26px; font-style: italic; color: #7e7e7e; font-family: Georgia, "Times New Roman", Times, serif }
.testimonialSection .name { font-size: 18px; margin-top: -2px; font-style: normal; color: #d02019; position: relative; padding: 25px 0 0; font-family: 'Play'; }
.testimonialSection .name small { font-size: 14px; color: #181b22 }
.testimonialSection .name:before { content: ''; height: 0; width: 0; display: block; border: 20px transparent solid; border-bottom-width: 0; border-top-color: #fff; position: absolute; top: 0px; left: 50%; margin-left: -20px; }
.CommonContent .TwoCol .RightCol .testimonialSection { padding: 0; background-color: transparent; text-align: left }
.CommonContent .TwoCol .RightCol .testimonialSection .box { width: 98% }
.CommonContent .TwoCol .RightCol .testimonialSection h2:after, .CommonContent .TwoCol .RightCol .testimonialSection h2 br { display: none }
.CommonContent .TwoCol .RightCol .testimonialSection .AllBox { margin-top: 0 }
.CommonContent .TwoCol .RightCol .testimonialSection h2 { padding: 15px 0 10px; font-size: 26px; line-height: 30px; }
.CommonContent .TwoCol .RightCol .testimonialSection .name:before { content: ''; height: 0; width: 0; display: block; border: 25px transparent solid; border-bottom-width: 0; border-left-width: 0; border-top-color: #fff; position: absolute; top: 0px; left: 40px; }
/************testimonial ends************/

.punchline { padding: 30px 0 60px; text-align: center; }
.innerPage .punchline { background-color: #f0f0f0 }
.punchline h2 { font-size: 30px; line-height: 36px; color: #2c2f36; padding: 0; text-transform: uppercase }
.punchline p { font-size: 24px; line-height: 28px; color: #545454; padding: 0 0 10px; }
.offAds { display: table; width: 100% }
.offAds .box { overflow: hidden; margin: 10px 0; clear: both; position: relative }
.offAds .box img { width: 100% }
.video-play { background-color: #f0f0f0; text-align: center; padding: 30px 0 }
.video-play h3 { font-size: 30px; line-height: 33px; color: #181b22; font-weight: 700; padding: 0 0 15px; margin: 0 }
.video-play h3 span { font-size: 20px; line-height: 23px; color: #181b22; font-weight: 400; padding: 0; margin: 0; display: block }
.video-play .videoBox { margin: 0 auto; width: 400px }
/************inner banner starts************/
.inner-banner { position: relative; display: block; width: 100%; overflow: hidden; margin-top: 153px; background: url(../img/ajaxLoader.gif) no-repeat center center; min-height: 50px; z-index: 120 }
.inner-banner .bannerphoto { vertical-align: middle; text-align: center; position: relative }
.inner-banner .bannerphoto img { width: 100% }
.inner-banner .content { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 15 }
.inner-banner .container-fluid { display: table; height: 100%; width: 100%; max-width: 1280px; }
.inner-banner .details { display: table-cell; width: 100%; vertical-align: middle; text-align: right }
.inner-banner .maxWidth { min-width: 430px; display: inline-block; text-align: left; padding: 30px; background-color: rgba(37,40,49,.85); border-radius: 4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari only override */
 ::i-block-chrome, .inner-banner .maxWidth {
min-width:430px;
margin:0 auto
}
}
.inner-banner h1 { font-size: 48px; line-height: 55px; color: #fff; padding: 0; font-family: 'Play-Bold'; text-transform: uppercase }
.inner-banner p { font-size: 20px; line-height: 26px; color: #fff; padding: 10px 0; }
/***********inner banner ends************/

.google-maps { vertical-align: top; background: #ddd url(../img/ajaxLoader.gif) no-repeat center center; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; clear: both; margin: 15px 0 }
.google-maps img { max-width: inherit!important }
.google-maps iframe, .google-maps object, .google-maps embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clear: both }
img.alignright { float: right; margin: 10px 0 20px 20px; }
img.alignleft { float: left; margin: 10px 20px 20px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignblock { display: block; width: 100%; margin-bottom: 20px }
.CommonContent .add { padding: 15px 0; margin: 0 }
.CommonContent .add li { padding: 0; margin: 0; background: none }
.CommonContent .add li img { margin: 5px 15px 0 0; float: left }
.CommonContent .add li p { padding: 0 0 8px }
.side_appointment .bookAppointment { padding: 0 0 15px 0; }
.bookAppointment { padding: 15px 0; }
.bookAppointment.cnt { padding-top: 0 }
.bookAppointment.cnt h2 { margin-top: 5px; margin-bottom: 15px; }
.bookAppointment label { line-height: 20px; font-size: 16px; font-weight: 300; padding: 10px 0; text-align: right }
.bookAppointment .row { margin-top: 8px }
.bookAppointment .custom-select { margin-top: 0 }
.bookAppointment .btn { margin-top: 15px; }
.bookAppointment h2 { margin-top: 15px }
.bookAppointment .date-time-group { position: relative; width: 200px }
.bookAppointment .date-icon, .bookAppointment .Time-icon { position: absolute; right: 15px; top: 12px; color: #000 }
.bookAppointment .row { margin-right: -7px; margin-left: -7px; }
.bookAppointment .col-md-12, .bookAppointment .col-md-6 { padding-left: 7px; padding-right: 7px }
.file .form-control { background-color: rgba(255,255,255,.8); padding-right: 10px; margin: 0 }
.file input[type=button] { display: none }
.file .csFile { display: block!important }
.file input { min-width: inherit!important }
.file .btn { margin: 0!important; position: relative; z-index: 5; padding: 12px!important; background-image: none !important; min-width: 115px!important; font-size: 13px!important; vertical-align: top; background-color: #f27124; color: #fff; border: 0; letter-spacing: normal }
.file .btn .glyphicon { margin-right: 8px }
.file .btn:hover { background-color: #000 }
.file label { line-height: 18px; font-size: 15px; font-weight: 300; padding: 0; font-family: 'Open Sans', sans-serif; }
.file .btn span { display: inline-block }
.CommonContent .brand_logo li { background: none; display: inline-block; width: 24%; vertical-align: top; padding: 5px; }
.CommonContent .brand_logo li img { border: 1px solid #cccccc }
.video-play .videoBox, .video-play .videoBox div { width: 100% !important; max-width: 600px; overflow: hidden; }
.ReviewsAllBox h4 { font-size: 18px; line-height: 33px; color: #27a9e1; padding: 0; font-family: 'Play-Bold'; display: block; border-bottom: 1px solid #ccc; width: 100%; padding: 10px 15px; overflow: hidden }
.ReviewsAllBox h4 img { vertical-align: middle; float: right }
.ReviewsAllBox .AllBox { overflow: hidden; clear: both; margin: 0 0 0 -2% }
.ReviewsAllBox .HomeStarsbox, .ReviewsAllBox .Googlebox { float: left; width: 48%; margin: 8px 0 7px 2%; border: 1px solid #ccc; }
.ReviewsAllBox .Googlebox h4 { color: #ca1d17 }
.ReviewsAllBox .HomeStarsiframe, .ReviewsAllBox .boxiframe { overflow: hidden; clear: both; padding: 0 }
.ReviewsAllBox .HomeStarsiframe { height: 525px; overflow: auto }
.ReviewsAllBox ul { padding: 0; margin: 0; }
.ReviewsAllBox ul li { border-bottom: 1px solid #ccc; padding: 0; margin: 0; background: none }
.ReviewsAllBox ul li:last-child { border-bottom: 0; }
.ReviewsAllBox li a { color: #181b22; padding: 10px 15px; display: block; text-decoration: none }
.ReviewsAllBox li h5 { font-size: 18px; line-height: 22px; color: #27a9e1; font-family: 'Play-Bold'; }
.ReviewsAllBox li h5 small { font-size: 14px; line-height: 16px; color: #939393; display: block }
.ReviewsAllBox li p { color: #181b22; font-size: 16px; line-height: 24px; padding: 5px 0 }
.ReviewsAllBox li .name { color: #181b22; font-size: 14px; line-height: 16px; }
.ReviewsAllBox li .name span { color: #181b22; display: block; overflow: hidden }
.ReviewsAllBox li .name strong { color: #27a9e1; }
.ReviewsAllBox li .name img { float: left; width: 47px; border-radius: 100%; margin-right: 10px; }
.ReviewsAllBox li a:hover { background-color: #ecf9ff; }
.Googlebox li a:hover { background-color: #ffebe9; }
.Googlebox li h5 { color: #ca1d17; }
#wdgpo_gplus_widgetpage-2 { display: none !important }
/************all inner pages ends************/

/**************footer starts**************/
footer { padding: 0; margin: 0; }
footer .topContent { background-color: #2c2f36; position: relative }
footer .socialTop { margin-top: 25px; position: relative; z-index: 620; text-align: left }
footer .socialTop ul.social-icon li { margin: 0 8px }
footer .socialTop ul.social-icon li i { background-color: #d02019; width: 50px; height: 50px; font-size: 28px; padding-top: 10px; }
footer img, footer .btn { margin-top: 30px }
footer .google-maps { border-radius: 100%; }
footer .google-maps { margin-top: 30px !important }
footer .google-maps, footer .google-maps iframe, footer .google-maps object, footer .google-maps embed { padding-bottom: 0; height: 180px; width: 180px; }
footer .box { padding: 15px 0 }
footer h3 { color: #aba8a8; font-size: 18px; line-height: 20px; margin: 15px 0; text-transform: uppercase; }
footer p { padding: 5px 0; color: #fff; font-size: 15px; line-height: 22px; display: block; overflow: hidden; }
footer p.padding-left { padding-left: 40px }
footer ul { padding-top: 10px }
footer ul li { display: inline-block; width: 49%; font-size: 15px; line-height: 20px; color: #fff; padding: 5px 0 5px 15px; vertical-align: top; background: url(../img/footer-link-arrow.png) no-repeat 0 center; }
footer ul.add li { background: none !important; padding-left: 0; display: block; width: auto }
footer a { color: #fff; text-decoration: none }
footer ul li img { margin: 5px 15px 0 0; float: left }
footer ul li p { padding: 0 0 8px }
footer a:hover, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover { color: #d02019; text-decoration: none }
footer .socials-icon { padding: 15px 0 }
footer .socials-icon img { margin-right: 10px }
footer .socials-icon a:hover img { background-color: #000; border-radius: 100% }
footer .bottomContent { background-color: #181b22; padding: 15px 0 }
footer .bottomContent p { padding: 15px 0 }
footer p.NC { text-align: right }
footer .area-cover .box { padding: 0 0 30px 0; }
footer .area-cover h3 { border-top: 1px solid #181b22; padding-top: 20px; margin-top: 15px }
footer .area-cover ul li { display: inline-block; width: 16.33%; }
/**************footer ends**************/
/**** Popup Starts *****/
#active-popup { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,.5); }
#popup-container { display: none; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; z-index: 10009 }
#popup-container * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#popup-window { max-width: 766px; height: 100%; margin: 0 auto; margin-top: 85px; z-index: 505; }
#popup-window .content { position: relative; padding: 0; text-align: center; background-color: #fff; z-index: 650; border: 1px solid #000; box-sizing: border-box }
#popup-window .content img { width: 100%; }
#popup-window .content h3 { font-size: 24px; line-height: 30px; color: #d02019; padding: 10px 20px; }
#popup-window .content p { font-size: 16px; line-height: 20px; color: #000000; padding: 0 10px 10px 10px; line-height: normal; }
#popup-window .content a { color: #000000; text-decoration: underline }
#popup-window .content a:hover { text-decoration: underline }
#popup-window .content .subscribe-row { position: relative }
#popup-window .content .btn { padding: 15px; font-size: 14px; line-height: 20px; margin-top: 20px }
#popup-container a.close-btn { position: absolute; right: -16px; top: -16px; color: #ccc; background: #fff url(../img/close_btn.png) center center no-repeat; font-size: 0; height: 32px; width: 32px; z-index: 700; cursor: pointer; border-radius: 30px; border: 2px solid #ee3a43; }
#popup-container label { display: inline-block; padding: 0 15px; vertical-align: middle; font-size: 14px; }
#popup-container input[type="checkbox"] { display: inline-block; vertical-align: middle }
/***popup ends*****/


@media all and (max-width:991px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) {
.mainMenu.small-screen {
width:100%;
}
.mainMenu.small-screen {
position:static
}
.mainMenu.small-screen ul {
width:100%;
display:none;
border:0;
position:absolute;
left:0;
top:143px;
background-color:#e0d71b;
box-shadow:0 0 2px rgba(0,0,0,.2)
}
header.header-shrink .mainMenu.small-screen ul {
top:122px;
}
.mainMenu.small-screen.align-center > ul {
text-align:left;
}
.mainMenu.small-screen ul li {
width:100%;
border:0;
padding:0
}
.mainMenu.small-screen ul ul li, .mainMenu.small-screen li:hover > ul > li {
height:auto;
}
.mainMenu.small-screen ul li a {
background-color:#fff;
width:100%;
border-bottom:1px solid #eee;
padding:8px 15px!important;
color:#000!important;
}
.mainMenu.small-screen ul li.has-sub a {
background-image:none !important
}
.mainMenu.small-screen ul ul li a {
border-bottom:1px solid #eee;
padding:3px 15px!important;
}
.mainMenu.small-screen ul li {
float:none;
}
.mainMenu.small-screen ul ul li a {
padding-left:25px;
}
.mainMenu.small-screen ul ul ul li a {
padding-left:35px;
}
.mainMenu.small-screen ul ul li a {
color:#000!important;
background:none;
line-height:20px !important
}
.mainMenu.small-screen ul li a:hover, .mainMenu.small-screen ul ul li:hover a, .mainMenu.small-screen ul li.current-menu-item a, .mainMenu.small-screen ul li.current-menu-item a:hover, .mainMenu.small-screen ul ul li.current-menu-item a {
color:#fff!important;
background-color:#181b22!important
}
.mainMenu.small-screen ul ul, .mainMenu.small-screen ul ul ul, .mainMenu.small-screen.align-right ul ul {
position:relative;
left:0;
width:100%;
margin:0;
text-align:left;
}
.mainMenu.small-screen ul ul {
padding:0;
box-shadow:none;
position:static;
left:auto;
top:auto;
background:#eee
}
header.header-shrink .mainMenu.small-screen ul ul {
top:auto;
}
.mainMenu.small-screen > ul > li.has-sub > a:after, .mainMenu.small-screen > ul > li.has-sub > a:before, .mainMenu.small-screen ul ul > li.has-sub > a:after, .mainMenu.small-screen ul ul > li.has-sub > a:before {
display:none;
}
.mainMenu.small-screen #menu-button {
display:block;
width:auto;
padding:8px 15px;
cursor:pointer;
font-size:18px;
color:#ffffff;
letter-spacing:1px;
text-transform:uppercase;
}
.mainMenu.small-screen #menu-button:after {
position:absolute;
top:16px;
right:15px;
display:block;
height:10px;
width:20px;
border-top:2px solid #fff;
border-bottom:2px solid #eee;
content:'';
}
.mainMenu.small-screen #menu-button:before {
position:absolute;
top:8px;
right:15px;
display:block;
height:2px;
width:20px;
background:#fff;
content:'';
}
.mainMenu.small-screen #menu-button.menu-opened {
background-color:#d02019
}
.mainMenu.small-screen #menu-button.menu-opened:after {
top:16px;
border:0;
height:2px;
width:20px;
background:#ffffff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.mainMenu.small-screen #menu-button.menu-opened:before {
top:16px;
background:#ffffff;
width:20px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.mainMenu.small-screen .submenu-button {
position:absolute;
z-index:99;
right:0;
top:0;
display:block;
border-left:1px solid #ddd;
height:36px;
width:46px;
cursor:pointer;
}
.mainMenu.small-screen .submenu-button.submenu-opened {
background:#000;
}
.mainMenu.small-screen ul ul .submenu-button {
height:26px;
width:46px;
}
.mainMenu.small-screen .submenu-button:after {
position:absolute;
top:16px;
right:19px;
width:12px;
height:2px;
display:block;
background:#000;
content:'';
}
.mainMenu.small-screen ul ul .submenu-button:after {
top:12px;
right:13px;
}
.mainMenu.small-screen .submenu-button.submenu-opened:after {
background:#ffffff;
}
.mainMenu.small-screen .submenu-button:before {
position:absolute;
top:11px;
right:24px;
display:block;
width:2px;
height:12px;
background:#000;
content:'';
}
.mainMenu.small-screen ul ul .submenu-button:before {
top:7px;
right:18px;
}
.mainMenu.small-screen .submenu-button.submenu-opened:before {
display:none;
}
.mainMenu.small-screen.select-list {
padding:5px;
}
.mainMenu.small-screen ul ul li a {
color:#000!important;
background-color:#fff!important
}
}
/**************Responsive starts**************/
@media screen and (max-width:1500px) and (min-width:1199px) {
.mainMenu > ul > li > a { padding-left: 29px; padding-right: 29px; }
}
@media screen and (max-width:1199px) and (min-width:992px) {
.mainMenu > ul > li > a { padding-left: 17px; padding-right: 17px; font-size: 14px }
.home-banner .heading { font-size: 35px; line-height: 40px }
.CenterLayuot .ShadowBG { margin-top: 0 }
.home-banner .maxWidth { margin-bottom: 0 }
header .top-right-content .Voted { font-size: 0 }
footer .google-maps { height: 200px; width: 100%; border-radius: 0 }
footer .google-maps iframe, footer .google-maps object, footer .google-maps embed { height: 200px; width: 100%; }
}
@media (min-width:768px) and (max-width:991px) {
header .AppointmentTop { padding: 22px 0 10px 20px; }
header .AppointmentTop .btn { position: relative; padding: 10px; font-size: 0; min-width: inherit; line-height: normal; }
header .AppointmentTop .btn i { position: static }
.navContainer .container-fluid { padding-left: 0; padding-right: 0 }
.mainMenu.small-screen { padding-left: 0; border: 0 }
.mainMenu ul, .mainMenu.small-screen ul { display: none }
.mainMenu > ul > li > a { padding-left: 17px; padding-right: 17px; font-size: 14px }
.CenterLayuot .ShadowBG { margin-top: 0 }
.home-banner, .inner-banner { margin-top: 143px }
.home-banner .flex-direction-nav { display: none }
.home-banner .heading { font-size: 35px; line-height: 37px }
.home-banner .maxWidth { padding: 15px; margin-bottom: 0 }
.home-banner p { padding: 5px 0; font-size: 17px; line-height: 20px }
.home-banner .btn-big { padding: 8px 15px }
.inner-banner h1 { font-size: 35px; line-height: 37px }
.inner-banner .maxWidth { padding: 15px; margin-bottom: 0; }
.inner-banner p { padding: 5px 0; font-size: 17px; line-height: 20px }
.inner-banner .btn-big { padding: 8px 15px }
.HomeServices .AllBox { margin-left: 0; padding-bottom: 15px }
.HomeServices .box { display: block; width: auto; float: none; background-color: #fff; margin: 15px 15px 0; border: 0 }
.CommonContent .TwoCol, .CommonContent .TwoCol .LeftCol, .CommonContent .TwoCol .RightCol { display: block; width: auto; padding: 8px; }
.offAds .box { width: 50%; display: table-cell; padding: 5px }
.testimonialSection { padding: 15px }
.testimonialSection .AllBox { margin-top: 0 }
.testimonialSection .box { width: 97.66% }
.punchline { padding: 15px 0 40px }
footer .topContent, footer .bottomContent { padding-bottom: 15px }
footer .bottomContent * { text-align: center !important }
footer .bottomContent p { padding: 0 }
footer .box { background-color: rgba(0,0,0,.3); padding: 15px; border: 1px solid #444; margin-top: 15px }
footer ul li { width: 31%; display: inline-block }
footer .google-maps, footer .google-maps iframe, footer .google-maps object, footer .google-maps embed { height: 200px; width: 100%; border-radius: 0; }
footer .google-maps { margin: 15px 0 0!important }
footer img, footer .btn { margin-top: 10px }
.bookAppointment label { text-align: left }
.punchline h2 { font-size: 24px; }
.punchline p { font-size: 20px; }
#popup-container a.close-btn { top: -1px; right: -1px; border-radius: 0 }
footer .area-cover .box { padding: 15px; }
footer .area-cover h3 { padding-top: 10px; border: none; margin-top: 0; }
footer .area-cover ul li { width: 24.33%; }
header .top-right-content .Voted { font-size: 0; padding: 0; margin: 0; width: 80px; height: 79px; background-size: 80px; }
.bookAppointment .col-md-6 + .col-md-6 { margin-top: 8px }
}
@media(max-width:767px) {
header .AppointmentTop { padding: 20px 0 10px 10px; }
header .AppointmentTop .btn { position: relative; padding: 10px; font-size: 0; min-width: inherit; line-height: normal; }
header .AppointmentTop .btn i { position: static }
header .top-right-content ul { padding: 0 }
header .top-right-content ul.social-icon li { margin-left: 0 }
header .top-right-content .no br, header .top-right-content .no strong, header .top-right-content .no span { display: none }
header .top-right-content .no { padding: 0; margin-left: 10px; width: 45px; height: 45px; border-radius: 0; background-color: #d02019; background-position: 4px center; }
header .top-right-content .no a { padding: 0; width: 45px; height: 45px; border-radius: 0; display: inline-block }
.navContainer .container-fluid { padding-left: 0; padding-right: 0 }
.mainMenu.small-screen { padding-left: 0; border: 0 }
.mainMenu ul, .mainMenu.small-screen ul { display: none }
.mainMenu > ul > li > a { padding-left: 17px; padding-right: 17px; font-size: 14px }
.CenterLayuot .ShadowBG { margin-top: 0 }
.home-banner, .inner-banner { margin-top: 143px }
.home-banner .flex-direction-nav { display: none }
.home-banner .heading { font-size: 35px; line-height: 37px }
.home-banner .maxWidth { padding: 15px 0; margin-bottom: 0; max-width: none; border-radius: 0; background-color: #30333c }
.home-banner .content { position: static; background-color: #30333c }
.home-banner p { padding: 5px 0; font-size: 17px; line-height: 20px }
.home-banner .btn-big { padding: 8px 15px }
.inner-banner h1 { font-size: 35px; line-height: 37px }
.inner-banner .maxWidth { padding: 15px 0; margin-bottom: 0; max-width: none; border-radius: 0; background-color: #30333c; min-width: inherit; text-align: center; width: 100% }
.inner-banner .content { position: static; background-color: #30333c }
.inner-banner p { padding: 5px 0; font-size: 17px; line-height: 20px }
.inner-banner .btn-big { padding: 8px 15px }
.HomeServices .AllBox { margin-left: 0; padding-bottom: 15px }
.HomeServices .box { display: block; width: auto; float: none; background-color: #fff; margin: 15px 15px 0; padding: 15px; border: 0 }
.CommonContent .TwoCol, .CommonContent .TwoCol .LeftCol, .CommonContent .TwoCol .RightCol { display: block; width: auto; padding: 8px }
.offAds .box { width: 50%; display: table-cell; padding: 5px }
.testimonialSection { padding: 15px }
.testimonialSection .AllBox { margin-top: 0 }
.testimonialSection .box { width: 97.66% }
.punchline { padding: 15px 15px 40px }
.OurAllServices .box h3 { font-size: 17px }
.home-banner .bannerphoto .window_img { display: none }
.home-banner .bannerphoto .mob_img { display: block }
.bookAppointment .col-md-6 + .col-md-6 { margin-top: 8px }
footer .topContent, footer .bottomContent { padding-bottom: 15px }
footer .bottomContent * { text-align: center !important }
footer .bottomContent p { padding: 0 }
footer .box { background-color: rgba(0,0,0,.3); padding: 15px; border: 1px solid #444; margin-top: 15px }
footer ul li { width: 31%; display: inline-block }
footer .google-maps, footer .google-maps iframe, footer .google-maps object, footer .google-maps embed { height: 200px; width: 100%; border-radius: 0; }
footer .google-maps { margin: 15px 0 0!important }
footer img, footer .btn { margin-top: 10px }
.bookAppointment label { text-align: left }
.OurAllServices, .CommonContent .HomeContent, .video-play { padding: 15px }
.HomeTopBox { padding: 0 }
.punchline h2 { font-size: 24px; }
.punchline p { font-size: 20px; }
.punchline strong { display: inline-block; }
#popup-window { margin: 0 20px; margin-top: 85px; }
#popup-container a.close-btn { top: -1px; right: -1px; border-radius: 0 }
footer .area-cover .box { padding: 15px; }
footer .area-cover h3 { padding-top: 10px; border: none; margin-top: 0; }
footer .area-cover ul li { width: 32.33%; }
footer .topContent .col-md-4 p { text-align: center }
footer .topContent .col-md-4 .padding-left { padding-left: 0 }
footer ul.social-icon { display: block; text-align: center }
header .top-right-content .Voted { display: none }
}
@media screen and (max-width:640px) {
header .top-right-content .no { margin-left: 10px; padding-left: 46px }
.OurAllServices .box h3 { font-size: 16px }
.OurAllServices .box a { padding-bottom: 56px }
.CommonContent .brand_logo li { width: 32%; }
header .top-right-content ul { display: none }
}
@media screen and (max-width:580px) {
.OurAllServices .box { width: 98% }
.offAds .box { width: 100%; display: block }
footer ul li { width: 49%; }
.punchline h2 { font-size: 20px; line-height: 30px }
.punchline p { font-size: 18px; }
.HomeTopBox .box { width: 98%; padding: 10px; }
.HomeTopBox .box img { width: 100%; }
footer .area-cover ul li { width: 49%; }
.CommonContent .HomeContent img { max-width: 35% }
header.header-shrink .mainMenu.small-screen ul { top: 116px; }
header .emergency { font-size: 14px }
header .emergency a, header .emergency strong { font-size: 20px }
}
@media screen and (max-width:479px) {
header .emergency { display: none }
.wpcf7-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
}
@media screen and (max-width:420px) {
.brand img { width: 140px }
header .top-right-content .no { margin: 10px 0 10px 10px }
header .AppointmentTop { padding: 10px 0 10px 10px }
.home-banner, .inner-banner { margin-top: 124px }
.mainMenu.small-screen ul { top: 115px; }
.CommonContent .brand_logo li { width: 49%; }
.CommonContent .HomeContent img.alignright { float: none; display: block; margin: 10px auto }
footer .socialTop ul.social-icon li { margin: 0px 4px; }
}
@media screen and (max-width:390px) {
footer ul li { display: block; width: auto }
header .top-right-content ul.social-icon { display: none }
.HomeServices .photo, .HomeServices .details { vertical-align: top }
.mainMenu.small-screen ul { top: 125px; }
/*.home-banner, .inner-banner{margin-top:125px;}*/
}
/**************Responsive ends**************/

/**************lightbox popup starts**********/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background-color: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); clear: both }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; clear: both }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none!important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
padding:0;
border:0;
}
.mfp-close { width: 43px!important; height: 43px!important; position: absolute; right: -15px!important; top: -15px!important; opacity: 0.99; filter: alpha(opacity=99); padding: 0; display: inline-block!important; background: url(../img/popup-cross-icon.png) no-repeat 0 0!important; text-indent: -99999em!important; cursor: pointer!important; font-size: 0; line-height: 0 }
button.mfp-close { display: none!important }
.mfp-container button.mfp-close { display: inline-block!important }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 5px; right: 0; color: #fff; font-size: 14px; line-height: 18px; display: block; text-align: center; width: 100%; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 auto; border: 1px solid #fff }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background-color: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 13px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; display: inline-block; cursor: auto; text-align: center }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.mfp-fade.mfp-bg { opacity: 0.001;/* Chrome opacity transition bug */ -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
 @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background-color: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background-color: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
 @media (min-width:320px) and (max-width:979px) {
.mfp-close { top: -35px!important; right: 0!important; width: 32px!important; height: 32px!important; background: url(../img/popup-cross-icon-mobile.png) no-repeat 0 0!important; }
}
/*custom pop out - overrding defualt codes so that nav arrows are closer to the image */
.mfp-wrap { text-align: center; }
.mfp-container { max-width: 100%; position: relative; display: inline-block; width: auto; padding-left: 60px; padding-right: 60px; }
.mfp-img-mobile .mfp-close { position: absolute; }
@media (min-width:600px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 45px; padding-right: 45px; }
}
 @media (min-width:900px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 60px; padding-right: 60px; }
}
/**************lightbox Popup ends**********/