﻿/*
Theme Name: Smart Scuffs
Theme URI: https://www.thewebtaylor.com
Description: Smart Scuffs Template
Author: The Web Taylor
Author URI: https://www.thewebtaylor.com
Version: 2.0
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/*scroll-behavior:smooth;*/}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
body{background:#f1f1f1;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
a{color:inherit;}
a:focus{}
a:hover,a:active{outline:0;}
a img{border:0;}
a[href^=tel]{color:inherit;text-decoration:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
a.link{color:#09c;text-decoration:underline;}
::-moz-selection{background:#FF3366;color:#fff;}
::selection {background:#FF5744;color:#fff;}

/* General Styles */
body{font:400 100% Inter, sans-serif;color:#222;cursor:default;background:#fff;padding-top:0;}
a{transition:all 200ms ease-in-out;transition-property:color,background-color;text-decoration:none;color:#333;}
p{margin-bottom:15px;line-height:1.4em;}
p.p-2{font-size:1.2em;font-weight:600;margin-bottom:25px;}
.grey-bg{background:#f7f7f7;}
.grey-bg-d{background:#eaeaea;}
.blue-bg{background:#149DD4;color:#fff;}
.blue-bg-l{background:#70D0F6;}
.green{color:#00BFA2;}
.rounded{border-radius:4px;}
.c-pointer{cursor:pointer;}
.hidden,.title.hidden{display:none;}
.tx-sm{font-size:0.8em;}
.tx-light{color:#666;}
.blue{color:#149DD4;}
.bold{font-weight:700;}

/* Positioning */
.nomargin{margin:0 !important;}
.strong{font-weight:700;}
.clear{clear:both;}
.alignleft{display:inline;float:left;margin-right:20px;}
.alignright{display:inline;float:right;margin-left:20px;}
.aligncenter{display:block;margin:0 auto 15px;text-align:center;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.taleft{text-align:left;}
.drel{position:relative;}

.upper{text-transform:uppercase;}
.tright{text-align:right;}
.justify{text-transform:justify;}
.block{display:block;}

.mb-sho{display:none;}

/* Effects */
.ease{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all, 0.3s, ease-in-out;-ms-transition:all, 0.3s, ease-in-out;-o-transition:all, 0.3s, ease-in-out;transition:all 0.3s ease-in-out;}

/* Buttons */
.btn,#main-menu ul li.menu-btn a{display:inline-block;padding:15px 22px;font-size:1.1em;vertical-align:middle;font-weight:700;border-radius:40px;transition:0.1s ease-in-out;text-align:center;font-family:inherit;}
.btn.solid,#main-menu ul li.menu-btn a{background:#00BFA2;color:#fff;border:2px solid #00BFA2;}
.btn.orange{background:#FF6526;border-color:#FF6526;color:#fff;}
.btn.outline{border:2px solid #149DD4;color:#149DD4;}
.btn.outline.light{border-color:#fff;color:#fff;}
.btn.big{font-size:1.5em;padding:25px 40px;font-weight:700;}
.btn.has-anim{transition:initial;}
.btn.has-anim:hover{transform:scale(1);}
.btn.block{display:block;text-align:center;}
.btn.small{font-size:0.9em;padding:10px 16px;}

.btn.grow:hover{transform:scale(1.1);}
.btn.hv-sh:hover{box-shadow:0 0 20px rgba(0,0,0,0.3);}
.btn.outline.light:hover{border-color:#00BFA2;}
.btn.solid:hover{background:#00d2b2;}
.btn.solid.orange:hover{background:#fd814e;}

/* Titles */
.title,.text-block h3,.text-block h2{font-size:2em;line-height:1em;margin-bottom:15px;letter-spacing:0.5px;font-weight:700;display:block;}
.title.huge{font-size:6em;}
.title.big{font-size:3em;}
.title.med{font-size:2.6em;}
.title.medish,.text-block h2{font-size:2em;}
.title.small{font-size:1.8em;color:inherit;}
.title.smaller,.text-block h3{margin-bottom:10px;font-size:1.4em;}
.title.thin{font-weight:300;}
.title.spaced{letter-spacing:6px;}
.title.blue{color:#149DD4;}
.title.orange{color:#FF6526;}
.title.green,.text-block h2{color:#00BFA2;}
.title.white{color:#fff;}
.title.shadow{text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
.title.light{font-weight:400;}

.title.override{font-size:2.4em !important;margin-bottom:15px !important;}

.title.lined:after{content:"";display:block;width:80px;height:3px;background:#149DD4;margin:15px auto;}

/* Contact Elements */
.tel-display,.email-display{display:inline-block;font-size:23px;vertical-align:middle;color:#333;}
.tel-display .fa:before,.email-display .fa:before{font-size:21px;font-weight:100 !important;color:#ccc;display:inline-block;margin-right:10px;vertical-align:middle;}
.tel-display .fa.fa-mobile-phone:before{font-size:27px !important;margin-top:-2px;}
.email-display{font-weight:600;font-size:20px;word-break:break-all;}
.tel-display b{font-weight:600;margin-top:5px;}
.fa.at:before{content:"\f1fa";font-weight:100;font-size:18px;display:inline-block;margin:0 2px;vertical-align:middle;}
.tel-display .fa{text-align:right;width:26px;}

/* Forms */
form *{font-family:inherit;outline:0;}
input,textarea,button{border:0;transition:0.3s ease-in-out;transition-property:color,border;}
input[type="submit"],button{cursor:pointer;}

/* Site Layout */
.content{width:100%;position:relative;}
.container,.container-b{position:relative;width:100%;max-width:1280px;padding:15px;margin:0 auto;}
.container-b{padding:0 15px;}
.container-c{max-width:1200px;}
.container.wide{max-width:1400px;}
.container.thin{max-width:780px;}
.container.med,.container.mid{max-width:980px;}
.container.main{max-width:1200px;}

.cols{float:left;display:inline-block;}
.inline-col{display:inline-block;vertical-align:middle;margin:0 -4px;}
.cols-r{float:right;}
.cols-1-thin{max-width:890px;margin:0 auto;padding:15px 0;}
.cols-2-wide{width:63%;}
.cols-2-thin{width:34%;}
.cols-2{width:50%;}
.cols-3{width:33.33%;}
.cols-4{width:25%;}
.cols-5{width:20%;}
.cols-6{width:16.66%;}
.cols-7{width:14.28%;}
.cols img,.flex img{max-width:100%;height:auto;}
.cols-10{width:10%;}
.cols-20{width:20%;}
.cols-25{width:25%;}
.cols-30{width:30%;}
.cols-40{width:40%;}
.cols-45{width:45%;}
.cols-47{width:47%;}
.cols-50{width:50%;}
.cols-55{width:55%;}
.cols-60{width:60%;}
.cols-65{width:65%;}
.cols-70{width:70%;}
.cols-75{width:75%;}
.cols-90{width:90%;}

.flex-container,.container.flex{display:flex;}
.flex-container.center{align-items:center;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.flex-jc-center,.jc-cen{justify-content:center;}
.flex-ai-center.ai-cen{align-items:center;}
.space-between{justify-content:space-between;}

.inline{display:inline-block;vertical-align:middle;}
.inline-ab{display:inline;}

.table{display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}
.table-cell.wide{width:70%;padding-left:40px;}
.table-cell.thin{width:30%;padding-left:40px;}
.table-cell img{max-width:100%;height:auto;}
.table-cell.cell-r{text-align:right;}
.table-cell p:last-child{margin-bottom:0;}

.m-b-5{margin-bottom:5px;}.m-b-10{margin-bottom:10px;}.m-b-15{margin-bottom:15px;}.m-b-20{margin-bottom:20px;}.m-b-30{margin-bottom:30px;}.m-b-40{margin-bottom:40px;}.m-b-50{margin-bottom:50px;}.m-b-50{margin-bottom:50px;}.m-b-60{margin-bottom:60px;}.m-b-70{margin-bottom:70px;}.m-b-80{margin-bottom:80px;}.m-b-90{margin-bottom:90px;}.m-b-100{margin-bottom:100px;}.m-t-5{margin-top:5px;}.m-t-10{margin-top:10px;}.m-t-15{margin-top:15px;}.m-t-20{margin-top:20px;}.m-t-30{margin-top:30px;}.m-t-40{margin-top:40px;}.m-t-50{margin-top:50px;}.m-t-50{margin-top:50px;}.m-t-60{margin-top:60px;}.m-t-70{margin-top:70px;}.m-t-80{margin-top:80px;}.m-t-90{margin-top:90px;}.m-t-100{margin-top:100px;}.m-l-5{margin-left:5px;}.m-l-10{margin-left:10px;}.m-l-15{margin-left:15px;}.m-l-20{margin-left:20px;}.m-l-30{margin-left:30px;}.m-l-40{margin-left:40px;}.m-l-50{margin-left:50px;}.m-l-50{margin-left:50px;}.m-l-60{margin-left:60px;}.m-l-70{margin-left:70px;}.m-l-80{margin-left:80px;}.m-l-90{margin-left:90px;}.m-l-100{margin-left:100px;}.m-r-5{margin-right:5px;}.m-r-10{margin-right:10px;}.m-r-15{margin-right:15px;}.m-r-20{margin-right:20px;}.m-r-30{margin-right:30px;}.m-r-40{margin-right:40px;}.m-r-50{margin-right:50px;}.m-r-50{margin-right:50px;}.m-r-60{margin-right:60px;}.m-r-70{margin-right:70px;}.m-r-80{margin-right:80px;}.m-r-90{margin-right:90px;}.m-r-100{margin-right:100px;}.m-tb-5{margin-top:5px;margin-bottom:5px;}.m-tb-10{margin-top:10px;margin-bottom:10px;}.m-tb-15{margin-top:15px;margin-bottom:15px;}.m-tb-20{margin-top:20px;margin-bottom:20px;}.m-tb-30{margin-top:30px;margin-bottom:30px;}.m-tb-40{margin-top:40px;margin-bottom:40px;}.m-tb-50{margin-top:50px;margin-bottom:50px;}.m-tb-50{margin-top:50px;margin-bottom:50px;}.m-tb-60{margin-top:60px;margin-bottom:60px;}.m-tb-70{margin-top:70px;margin-bottom:70px;}.m-tb-80{margin-top:80px;margin-bottom:80px;}.m-tb-90{margin-top:90px;margin-bottom:90px;}.m-tb-100{margin-top:100px;margin-bottom:100px;}.m-lr-5{margin-left:5px;margin-right:5px;}.m-lr-10{margin-left:10px;margin-right:10px;}.m-lr-15{margin-left:15px;margin-right:15px;}.m-lr-20{margin-left:20px;margin-right:20px;}.m-lr-30{margin-left:30px;margin-right:30px;}.m-lr-40{margin-left:40px;margin-right:40px;}.m-lr-50{margin-left:50px;margin-right:50px;}.m-lr-50{margin-left:50px;margin-right:50px;}.m-lr-60{margin-left:60px;margin-right:60px;}.m-lr-70{margin-left:70px;margin-right:70px;}.m-lr-80{margin-left:80px;margin-right:80px;}.m-lr-90{margin-left:90px;margin-right:90px;}.m-lr-100{margin-left:100px;margin-right:100px;}.p-10{padding:10px;}.p-20{padding:20px;}.p-30{padding:30px;}.p-40{padding:40px;}.p-50{padding:50px;}.p-60{padding:60px;}.p-b-5{padding-bottom:5px;}.p-b-10{padding-bottom:10px;}.p-b-15{padding-bottom:15px;}.p-b-20{padding-bottom:20px;}.p-b-30{padding-bottom:30px;}.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:50px;}.p-b-50{padding-bottom:50px;}.p-b-60{padding-bottom:60px;}.p-b-70{padding-bottom:70px;}.p-b-80{padding-bottom:80px;}.p-b-90{padding-bottom:90px;}.p-b-100{padding-bottom:100px;}.p-t-5{padding-top:5px;}.p-t-10{padding-top:10px;}.p-t-15{padding-top:15px;}.p-t-20{padding-top:20px;}.p-t-30{padding-top:30px;}.p-t-40{padding-top:40px;}.p-t-50{padding-top:50px;}.p-t-50{padding-top:50px;}.p-t-60{padding-top:60px;}.p-t-70{padding-top:70px;}.p-t-80{padding-top:80px;}.p-t-90{padding-top:90px;}.p-t-100{padding-top:100px;}.p-l-5{padding-left:5px;}.p-l-10{padding-left:10px;}.p-l-15{padding-left:15px;}.p-l-20{padding-left:20px;}.p-l-30{padding-left:30px;}.p-l-40{padding-left:40px;}.p-l-50{padding-left:50px;}.p-l-50{padding-left:50px;}.p-l-60{padding-left:60px;}.p-l-70{padding-left:70px;}.p-l-80{padding-left:80px;}.p-l-90{padding-left:90px;}.p-l-100{padding-left:100px;}.p-r-5{padding-right:5px;}.p-r-10{padding-right:10px;}.p-r-15{padding-right:15px;}.p-r-20{padding-right:20px;}.p-r-30{padding-right:30px;}.p-r-40{padding-right:40px;}.p-r-50{padding-right:50px;}.p-r-50{padding-right:50px;}.p-r-60{padding-right:60px;}.p-r-70{padding-right:70px;}.p-r-80{padding-right:80px;}.p-r-90{padding-right:90px;}.p-r-100{padding-right:100px;}.p-tb-5{padding-top:5px;padding-bottom:5px;}.p-tb-10{padding-top:10px;padding-bottom:10px;}.p-tb-15{padding-top:15px;padding-bottom:15px;}.p-tb-20{padding-top:20px;padding-bottom:20px;}.p-tb-30{padding-top:30px;padding-bottom:30px;}.p-tb-40{padding-top:40px;padding-bottom:40px;}.p-tb-50{padding-top:50px;padding-bottom:50px;}.p-tb-50{padding-top:50px;padding-bottom:50px;}.p-tb-60{padding-top:60px;padding-bottom:60px;}.p-tb-70{padding-top:70px;padding-bottom:70px;}.p-tb-80{padding-top:80px;padding-bottom:80px;}.p-tb-90{padding-top:90px;padding-bottom:90px;}.p-tb-100{padding-top:100px;padding-bottom:100px;}.p-lr-5{padding-left:5px;padding-right:5px;}.p-lr-10{padding-left:10px;padding-right:10px;}.p-lr-15{padding-left:15px;padding-right:15px;}.p-lr-20{padding-left:20px;padding-right:20px;}.p-lr-30{padding-left:30px;padding-right:30px;}.p-lr-40{padding-left:40px;padding-right:40px;}.p-lr-50{padding-left:50px;padding-right:50px;}.p-lr-50{padding-left:50px;padding-right:50px;}.p-lr-60{padding-left:60px;padding-right:60px;}.p-lr-70{padding-left:70px;padding-right:70px;}.p-lr-80{padding-left:80px;padding-right:80px;}.p-lr-90{padding-left:90px;padding-right:90px;}.p-lr-100{padding-left:100px;padding-right:100px;}
.m-t--50{margin-top:-50px;}
.m-t--100{margin-top:-100px;}
.m-b--50{margin-bottom:-50px;}

.t-99{font-size:99%;}

.fs-3{font-size:3em;}

.h-100{height:100%;}
.w-100{width:100%;}
.of-auto{overflow:auto;}
.of-hid{overflow:hidden;}

/* Header */
#header{width:100%;background:;position:fixed;left:0;top:0;z-index:9999;background:#f7f7f7;}
.header-left{width:30%;vertical-align:middle;}
#logo{display:inline-block;}
#logo img{display:block;width:100%;height:auto;max-width:330px;}

.header-right{text-align:right;width:70%;vertical-align:middle;}
.head-top-left{border-right:1px solid #ccc;}
a.head-top-phone{margin-top:-4px;font-size:1.2em;}

#main-menu{background:#0971B2;}
.menu-main-menu-container{}
#main-menu ul{display:flex;flex-direction:row;align-items:center;border-left:2px solid rgba(255,255,255,0.1);}
#main-menu ul li{display:flex;margin:0;vertical-align:middle;position:relative;padding:0;flex-grow:1;text-align:center;}
#main-menu ul li a{display:block;color:#fff;padding:11px 10px;font-weight:600;position:relative;font-size:0.9em;border-right:2px solid rgba(255,255,255,0.1);width:100%;}
#main-menu ul li.current-menu-item a{font-weight:700;}
#main-menu ul li.current-menu-item a:after{background:#149DD4;}
#main-menu ul li.current-menu-item,#main-menu ul li:hover,#main-menu ul li.current-page-ancestor{background:rgba(0,0,0,0.2);}
#main-menu ul li.menu-btn a:after,.head-phone{display:none;}
#main-menu ul li a .home{width:20px;height:20px;background:url(images/icons/home.svg);background-size:100%;display:block;margin:0 auto;}
#main-menu ul li.wa-icon a{padding:8px 10px;}

#main-menu ul li.menu-item-has-children ul.sub-menu{position:absolute;left:0;top:100%;background:#333;display:block;width:250px;display:none;perspective:1000px;animation:growDown 300ms ease-in-out forwards;transform-origin:top center;}
#main-menu ul li.menu-item-has-children ul.sub-menu li{display:block;text-align:left;border-bottom:2px solid rgba(255,255,255,0.05);}

#main-menu ul li.menu-item-has-children:hover ul.sub-menu{display:block;}
@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}


#header .tel-display b{display:inline-block;font-weight:100;font:100 20px Inter, sans-serif;text-transform:uppercase;margin-left:20px;vertical-align:middle;color:#DE191D;}
#header .social-links{display:inline-block;vertical-align:middle;margin-left:15px;}

/* Banner / Slider */
#banner{width:100%;position:relative;overflow:hidden;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.9);background-size:cover;}
#banner:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:/*rgba(0,0,0,0.5)*/rgba(10, 113, 153, 0.7);z-index:10;}
#banner li{}
#banner .banner-img{width:100%;height:auto;display:block;}
#banner .wrapper{width:100%;position:relative;}
#banner .container{z-index:11;}
#banner .caption{position:relative;max-width:920px;padding:230px 0 80px;margin:0 auto;text-align:left;}
#banner .caption .banner-title{font:800 3.5em/1em Inter, sans-serif;color:#fff;margin-bottom:10px;}
#banner .caption .text{font-size:1em;}
#banner .caption .text ul{list-style-type:square;padding:0 0 15px 35px;}
#banner.center .caption{text-align:center;margin:0 auto;float:none !important;}

#banner.dark-text{color:#333;text-shadow:initial;}
#banner.dark-text .caption .banner-title{color:#333;}
#banner.page-banner .caption{max-width:760px;float:left;}

/* General Pages */
.page-content .container.shadow{background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);border-radius:5px;}
.page-content h2{font-weight:700;font-size:1.6em;margin-bottom:10px;}
.page-content ul,.page-content ol,.content-block ol,.content-block ul,ul.list,.content-block ol.alpha-list,.content-block .no-list{padding-left:35px;margin-bottom:25px;}
.content-block ol.alpha-list{list-style-type:lower-alpha;}
.content-block .no-list{list-style-type:none;}
.page-content ul,.content-block ul,ul.list{list-style-type:square;}
.content-block ol .no-list{padding-top:10px;}
.page-content ul li,.page-content ol li,.content-block ul li,.content-block ol li,ul.list li{margin-bottom:5px;}
.page-content ul ul{padding:15px 0 15px 35px;margin-bottom:0;}
.page-content ul li:last-child{margin-bottom:0;}
.page-content p a,.page-content li a{text-decoration:underline;color:#09c;}
.page-content p a.btn{text-decoration:none;}
.page-content p strong,.page-content li strong{font-weight:700;}

.content-table{margin-bottom:15px;}
.content-table,.content-table td,.content-table th{border-collapse:collapse;border:1px solid #ccc;}
.content-table td,.content-table th{padding:20px;}
.content-table th{font-weight:700;color:#333;}

ul.ticks{padding:0 !important;list-style-type:none !important;}
.ticks li{font-size:1.3em;position:relative;padding-left:40px;margin-bottom:15px !important;font-weight:700;color:#666;}
.ticks li span{display:inline-block;vertical-align:middle;padding-right:10px;}
.ticks li:before{content:"";position:absolute;left:0;top:-1px;width:30px;height:30px;background:url(images/icons/check.svg);background-size:100%;}
.ticks li.image:before {
	display: none;
}

.why-choose-us img.icon{height:44px;width:auto;}

/* Home Page */
/*#banner.home-banner{background:url(https://www.thevictorianemporium.com/images/made/images/uploads/articles/1110_720_85_s_c1_c_c/How-to-choose-the-right-paint-to-create-the-perfect-Victorian-front-door1.jpg) center -170px;background-size:cover;}*/
/*#banner.home-banner{background:url(https://www.vidyard.com/media/video-marketing-strategy-1920x1080.jpg) center no-repeat;background-size:cover;}*/
#banner.home-banner{background:#70D0F6;background-size:cover;/*height:100vh;*/}
#banner.home-banner .wrapper{display:flex;height:/*height:100vh;*/;align-items:center;background:rgb(9 113 178 / 60%);}
#banner.home-banner .caption{padding:250px 0 100px;float:left;}
#banner.home-banner .caption .banner-title{font-size:2.5em;}
#banner video{width:100%;position:absolute;top:0;left:0;min-width:1280px;}
#banner.home-banner:before{display:none;}

.home-service{position:relative;display:block;margin-bottom:20px;box-shadow:0px 1px 4px rgb(0 0 0 / 20%);transition:0.3s ease-in-out;background:#fff;padding:16px;}
.home-service .title{margin-bottom:0;}
.home-service .icon-wrap{}
.home-service .hidden-text{overflow:hidden;max-height:0;display:block;transition:0.3s ease-in-out;position:relative;padding-top:0;}
.home-service .expand{opacity:0;width:10px;position:absolute;height:3px;background:#FF6526;display:block;top:32px;right:100%;transition:0.3s ease-in-out;margin-right:-10px;}
.home-service .expand:before{content:"";width:20px;height:20px;display:block;border-radius:20px;position:absolute;left:0;top:50%;margin-top:-10px;background:#FF6526;}
/*.home-service .icon-wrap{background:#eaeaea;border:4px solid #ccc;padding:10px;}*/
.home-service.active{box-shadow:0 3px 43px rgb(0 0 0 / 15%);}
.home-service.active .expand{width:300px;opacity:1;}
.home-service.active .hidden-text{max-height:500px;}
.services-img-wrap{overflow:hidden;}
.services-img-wrap .services-img{/*transition:0.3s ease-in-out;*/opacity:0;position:absolute;top:0;left:0;display:block;}
.services-img.active{display:block;position:static;opacity:1;height:100%;width:auto;max-width:initial;}

.services .flex-container.work-tiles{flex-wrap:wrap;}

/* Your Repair Page */
.work-service .inner{background:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.1);width:100%;}
.work-service .btn{position:absolute;bottom:20px;left:20px;right:20px;}
.work-service .image-wrap{height:230px;position:relative;}
.work-service .image-wrap img{transition:0.3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.work-service:hover .img-grow img{width:120%;max-width:120%;}

/* Services Pages */
.service-icon{width:150px;height:150px;padding:20px;background:#0971B2;border-radius:150px;margin:0 auto 30px;}
.service-icon svg{width:110px;height:110px;}
.service-icon *{fill:#fff;}

.repair-before-after img{width:100%;}
.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-overlay .twentytwenty-after-label{opacity:1 !important;width:auto !important;}
div.twentytwenty-horizontal .twentytwenty-before-label:before,div.twentytwenty-horizontal .twentytwenty-after-label:before{font-size:1.2em;font-weight:700;letter-spacing:0;}

/* Areas */
.child-page-list{overflow:hidden;margin-bottom:0 !important;}
.child-page-list li{float:left;width:20%;}
.area-map{margin:30px 0 -35px;}

/* FAQs */
.faq-block{border-bottom:3px solid #eaeaea;}
.faq-question_link .title{margin-bottom:0;}
.faq-question_link .chevron{position:absolute;right:0;top:50%;margin-top:-20px;transition:0.3s ease-in-out;}
.faq-question_link.active .chevron{transform:rotate(180deg);}
.faq-answer{border-top:2px solid #f7f7f7;}
.faq-answer p:last-child{margin-bottom:0;}

/* Quick Quote */
.fp-open{overflow:hidden;}
.fp-open body{overflow:hidden;}
.form-pop--wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:999999;display:none;}
.van-img{background:url(images/mobile-car-body-repair.jpg) center no-repeat;background-size:cover;position:relative;}
.form-pop--left_inner{position:absolute;background:rgb(9 113 178 / 80%);top:0;bottom:0;width:100%;}
.form-pop--left_inner .logo{max-width:350px;height:auto;display:block;margin:0 auto 40px;}
.fp-close{position:absolute;top:10px;right:10px;opacity:0.5,}
.form-tips{font-size:90%;}

/* UK number plate */
@font-face {
	font-family: 'CarReg';
	src: url('includes/assets/fonts/UKNumberPlate.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }

.page-section.quick-quote{background:url(images/mobile-car-body-repair.jpg) center no-repeat;background-size:cover;color:#fff;}
.page-section.quick-quote .inner{background:rgb(9 113 178 / 80%);}
.page-section.quick-quote .quick-quote_right{flex-shrink:0;}
.reg-field-wrap{display:inline-block;width:273px;height:61px;background:#f8e411;border-radius:12px;vertical-align:middle;margin-right:10px;position:relative;}
.reg-field-wrap input{width:273px;text-align:center;background:none !important;background-color:rgba(0,0,0,0) !important;text-transform:uppercase;font:50px/60px CarReg,Open Sans,sans-serif;border:0;display:block;letter-spacing:-1px;}
.quote-form .loading{display:none;position:absolute;left:-50px;top:14px;width:32px;height:32px;background:url(images/assets/quote-load.gif);}
.car-display{display:none;margin:25px 0;padding:20px;background:rgba(255,255,255,0.1);}
.car-display strong{display:block;font-weight:700;font-size:24px;letter-spacing:-0.5px;}
.car-display span{font-weight:600;font-size:18px;}

.reg-lookup-result{border:1px solid #ccc;}
.btn.loading span{display:none;}
.btn.small.loading:before{content:"";width:25px;height:25px;background:url(images/icons/loading-white.svg);background-size:100%;animation:spin 1s linear infinite;display:block;margin:-4px ​;}
.everything-form.loading:before{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.5);z-index:11;}
.everything-form.loading:after{content:"";position:absolute;width:100px;height:100px;background:url(images/icons/loading.svg);background-size:100%;animation:spin 1s linear infinite;display:block;left:50%;top:50%;margin:-50px 0 0 -50px;z-index:12;}

/* Contact Page */
.contact-wrap .cols-2-wide{padding-right:50px;width:63%;}
.contact-wrap .cols-2-thin{width:37%;padding-top:50px;}
.contact-form .cols-2.left{padding-right:10px;}
.contact-form .cols-2.right{padding-left:10px;}
.contact-wrap .tel-display{display:block;padding-bottom:5px;}
.address-wrap{margin-top:45px;background:#f9f9f9;border:1px solid #eaeaea;border-bottom:4px solid #eaeaea;border-radius:4px;padding:20px;}

#main-contact-form{padding:20px;border-bottom:3px solid #14A4D6;border-top:3px solid #14A4D6;background:#f7f7f7;}
.field-wrap{margin-bottom:20px;position:relative;}
.field-wrap.field-wrap-submit{margin-bottom:0;}
.field-wrap .fa{display:none;}
.field-wrap.populated .fa{position:absolute;right:10px;top:12px;font-size:25px;display:block;color:#14A4D6;}
.field-wrap.populated.left .fa{right:20px;}
.field-wrap.populated .populated{border:1px solid #14A4D6;}
.contact-form input.text,.contact-form textarea,.contact-form select.text,.dummy-select span{box-sizing:border-box;width:100%;padding:15px 22px;color:#999;background:#fff;font-size:16px;border:1px solid #ccc;font-family:Inter,sans-serif;border-radius:30px;}
.contact-form input.text:hover,.contact-form textarea:hover,.contact-form input.text:focus,.contact-form textarea:focus,.dummy-select:hover span,.dummy-select.active span{color:#666;border:1px solid #999;}
.contact-form textarea{height:100px;transition:.3s ease-in-out;}
.contact-form textarea:focus{height:150px;}
.contact-form .highlight,.ticks-wrap.highlight{border:1px solid #F34747 !important;color:#F34747 !important;}
.field-wrap-check{cursor:pointer;}
.error-wrap{background:#F34747;color:#fff;margin-bottom:20px;display:none;padding:15px 15px 5px;}
.err{padding-bottom:10px;font-weight:700;display:none;}
.load{width:30px;height:30px;background:url(images/assets/load.gif);float:left;margin:24px 15px;display:none;}
#main-contact-form .load{float:right;margin:11px;}
/*.loading .load{display:block;}*/
.submit.btn:hover{background-position:left bottom;}
.success{display:none;}
.field-wrap-check{cursor:pointer;}
.contact-form .field-wrap label.label{display:block;text-align:left;padding:0 0 5px 20px;font-weight:700;}
.contact-form .field-wrap label.label small{font-size:80%;}
#form-title-field{display:none !important;}

.ticks-wrap{overflow:hidden;}
.ticks-wrap label{font-weight:700;font-size:0.9em;float:left;width:25%;margin-bottom:10px;position:relative;padding-left:24px;cursor:pointer;}
.ticks-wrap label input{position:absolute;left:0;top:1px;}


#map{width:100%;height:360px;position:relative;margin:20px 0 -25px;z-index:100;}
.map-frame{width:100%;height:360px;margin-bottom:-5px;}
#map_canvas{width:100%;height:400px;}
.coverage-map-wrap{overflow:hidden;position:relative;}
.coverage-map{display:block;height:600px;margin:-60px 0;}

#upload p{text-align:center;color:#666;margin-bottom:15px;font-size:14px;}
#drop{background-color:#eaeaea;padding:30px 50px 31px;margin-bottom:30px;border:5px dashed #ccc;border-radius:3px;text-align:center;text-transform:uppercase;font-size:15px;font-weight:bold;color:#7f858a;transition:all 0.3s ease-in-out;}
#drop.in{border:5px dashed #999;}
#drop:hover,#drop:active,#drop:focus,#drop.active{border:5px dashed #149DD4;background:#f7f7f7;color:#149DD4;}
/*#drop a,a.again{background:#CB3D30;padding:12px 26px;color:#fff;font-size:14px;border-radius:2px;cursor:pointer;display:inline-block;margin-top:12px;position:relative;overflow:hidden;}
a.again{background:#EB5443;}
#drop a:hover{background:#EB5443;}*/
#drop input{position:absolute;top:0;right:0;margin:0;border:solid transparent;border-width:0 0 100px 200px;opacity:0;filter:alpha(opacity=0);-moz-transform:translate(-300px, 0) scale(4);direction:ltr;cursor:pointer;}
#upload{z-index:10;position:relative;}
#upload ul{list-style:none;margin:0 0 20px;}
#upload ul li{background-color:#333639;background-image:-webkit-linear-gradient(top, #333639, #303335);background-image:-moz-linear-gradient(top, #333639, #303335);background-image:linear-gradient(top, #333639, #303335);border-top:1px solid #3d4043;border-bottom:1px solid #2b2e31;padding:15px;height:82px;position:relative;}
#upload ul li.saved{height:auto;overflow:hidden;}
#upload ul li.saved p{position:relative;left:auto;margin:0;top:auto;}
#upload ul li input{display:none;}
#upload ul li p{width:192px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#EEE;font-size:16px;font-weight:bold;position:absolute;top:20px;left:100px;text-align:left;}
#upload ul li i{font-weight:normal;font-style:normal;color:#7f7f7f;display:block;}
#upload ul li canvas{top:15px;left:32px;position:absolute;}
#upload ul li span{width:15px;height:12px;background:url('images/assets/upload-icons.png') no-repeat;position:absolute;top:34px;right:33px;cursor:pointer;}
#upload ul li.working span{height:16px;background-position:0 -12px;}
#upload ul li.ulp-error span{height:16px;background-position:0 -12px;}
#upload ul li.ulp-error p{color:#EF434B;}

/* Social Buttons */
.social-links a{display:inline-block;width:42px;vertical-align:middle;margin-right:10px;}
.social-links a img{display:block;width:100%;height:auto;}
.social-links a:hover img{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:0.5s;animation-duration:0.5s;animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;}

/* Footer */
.logos .top .logo{height:40px;width:auto;margin:20px;}
.logos .btm{padding-top:10px;}
.logos .btm .logo{height:55px;width:auto;margin:20px;}
.logos .top.brands .logo{height:60px;}

.stats  img{max-width:100%;height:auto;}
#footer{width:100%;overflow:hidden;background:#ddd;}
#footer a{color:#333;}
#footer .left{font-size:12px;text-align:left;}
#footer .left p{font-size:14px;margin:0;}
#footer-logo{max-width:250px;display:inline-block;text-align:left;}
#footer-logo img{width:100%;height:auto;}
#footer .right{display:block;font-size:12px;}
#footer .right a{text-decoration:underline;color:#111;}
#footer .right img{display:inline-block;margin-right:5px;vertical-align:middle;}
.footer-areas{padding:5px 0 20px 25px;}
.footer-areas li{list-style-type:square;font-size:0.8em;}
.foot-bdr{border-right:1px dotted #999;}

.foot-btm{background:#ccc;}

/*.menu-footer-menu-container li{display:inline-block;vertical-align:middle;margin-right:15px;}*/
.menu-footer-menu-container li{display:block;vertical-align:middle;}
.menu-footer-menu-container li a{position:relative;display:inline-block;padding:5px;}
.menu-footer-menu-container li a:after{content:"";display:block;width:0;height:2px;height:2px;background:#0971B2;bottom:0;left:0;transition:all 0.3s ease-in-out;}
.menu-footer-menu-container li a:hover:after{width:100%;}

/**
Flexslider
**/
.flexslider {margin:0;padding:0;position:relative;overflow:hidden;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;position:relative;overflow:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:100%;display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.no-js .slides > li:first-child {display:block;}

.flex-direction-nav{position:absolute;top:46%;width:100%;list-style:none;padding:0;margin:0;z-index:999;}
.flex-direction-nav li{display:inline-block;padding:8px 10px;float:left;margin:0 20px;opacity:0.1;filter:alpha(opacity=10);}
.flex-direction-nav li:last-child{float:right;}
#banner:hover .flex-direction-nav li{opacity:0.4;filter:alpha(opacity=40);}
.flex-direction-nav li a{display:inline-block;width:13px;height:23px;font-size:0;color:#fff;}
.flex-direction-nav li a.flex-prev{float:left;}
#banner .flex-direction-nav li:hover{opacity:1;filter:alpha(opacity=100);}
.flex-direction-nav li a.flex-prev:before{content:"\f053";font-family:FontAwesome;font-size:46px;}
.flex-direction-nav li a.flex-next{float:right;background-position:-13px 0;}
.flex-direction-nav li a.flex-next:after{content:"\f054";font-family:FontAwesome;font-size:46px;}
.flex-control-nav.flex-control-paging{list-style:none;text-align:center;padding:0;margin:-25px 0 0;padding-bottom:10px;position:relative;z-index:999;display:none;position:absolute;display:none\9;width:100%;bottom:10px;opacity:0.3;}
.flexslider:hover .flex-control-nav.flex-control-paging{opacity:1;}
.flex-control-nav li{display:inline-block;margin:0 5px;}
.flex-control-nav li a{display:block;font-size:0;}
.flex-control-nav li a:before{content:"\f111";color:rgba(255,255,255,0.3);font-family:FontAwesome;font-size:15px;display:block;cursor:pointer;}
.flex-control-nav li a.flex-active:before,.flex-control-nav li:hover a:before{color:rgba(255,255,255,0.9);}

/* Animations */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
  @media (print), (prefers-reduced-motion: reduce) {
	.animated {
	  -webkit-animation-duration: 1ms !important;
	  animation-duration: 1ms !important;
	  -webkit-transition-duration: 1ms !important;
	  transition-duration: 1ms !important;
	  -webkit-animation-iteration-count: 1 !important;
	  animation-iteration-count: 1 !important;
	}
  }

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

@media screen and (max-width:1350px) {

	.home-service .icon-wrap{padding-right:15px;}
	.text-block img{max-width:100%;height:auto;}

}

@media screen and (max-width:1200px) {

	

}

@media screen and (max-width:980px) {

	.mb-sho{display:block;}
	.mb-hid{display:none;}

	#header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:2;}
	#header,.scrolled-100 #header{background:#fff;position:fixed;top:0;transform:translateY(0);box-shadow:0 0 8px rgba(0,0,0,0.2);transition:initial;}
	#header.sticky .container,#header .container{padding-top:10px;padding-bottom:10px;}

	#logo{position:relative;z-index:3;}
	#logo img{content:url(images/logos/smart-scuffs-mobile.png);width:190px;}

	.hamburger{display:inline-block;width:28px;height:27px;position:relative;z-index:999999;margin-left:20px;vertical-align:middle;}
	.hamburger span{margin:-2px 0 0;position:absolute;top:50%;width:28px;height:3px;background-color:#149DD4;display:none;transition-duration:0s;transition-delay:0.2s;transition-property:margin, transform;}
	.hamburger span{display:block}
	.hamburger span:before,.hamburger span:after{position:absolute;content:'';transition-property:transform;}
	.hamburger span:before,.hamburger span:after{width:28px;height:3px;background-color:#149DD4;display:block}
	.hamburger span:before{margin-top:-10px}.hamburger span:after{margin-top:10px}
	.hamburger span:before{transition-property:margin, transform;transition-duration:.2s;transition-delay:.2s, 0s}
	.hamburger span:after{transition-property:margin, transform;transition-duration:.2s;transition-delay:.2s, 0s}
	.hamburger:hover{border:none}
	.hamburger.active span{background-color:rgba(0,0,0,0);transition-delay:0.2s;}
	.hamburger.active span:before{margin-top:0;transform:rotate(45deg);transition-delay:0s, .2s;}
	.hamburger.active span:after{margin-top:0;transform:rotate(-45deg);transition-delay:0s, .2s;}

	#main-menu{position:fixed;top:68px;left:0;right:0;transform:translateY(-1500px);height:100%;padding:25px 0 150px;overflow:auto;background:#0971B2;transition:transform 0.4s ease-in-out;}
	.menu-active #main-menu{transform:translateY(0);}
	#menu-main-menu{text-align:center;}
	#main-menu ul{display:block;border-left:0;}
	#main-menu ul li,#header.sticky #main-menu ul li{display:block;margin:0 auto;border-bottom:1px dashed rgba(255,255,255,0.2);max-width:90%;padding:0;}
	#main-menu ul li a,#header.sticky #main-menu ul li a{padding:10px;font-size:1.4em;color:#fff;border-right:0;}
	#main-menu ul li.current-menu-item a{color:#fff;}
	.head-phone{display:inline-block;padding:10px;position:relative;z-index:3;}
	.head-phone span{display:block;width:24px;height:24px;background:url(images/icons/phone.svg);background-size:100%;}

	#main-menu ul li.menu-item-has-children{position:relative;}
	#main-menu ul li.menu-item-has-children:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
	#main-menu ul li.menu-item-has-children ul.sub-menu{position:relative;width:100%;background:rgba(0,0,0,0.2);z-index:2;}
	#main-menu ul li.menu-item-has-children ul.sub-menu li{max-width:100%;}
	#main-menu ul li.menu-item-has-children ul.sub-menu li a{font-size:1em;padding:15px;}

	.head-right-actions{color:#fff;margin-bottom:50px;}

	#banner.home-banner .caption,#banner .caption{padding:160px 15px 50px;width:100%;}

	.why-choose-us .cols-7{width:16.66%;}
	.services-right{width:100%;}
	.home-service .expand{display:none;}
	.home-service .hidden-text{max-height:initial;}
	.home-service .title-wrap{padding:10px 0;}

	.flex-container.work-tiles{}
	.flex.cols-4.work-service,.flex.work-service{width:50%;}
	.work-service-3,.work-service-5,.work-service-7{clear:left;}

	.form-pop--inner.flex-container{display:block;}
	.fp-pop .cols-2{width:100%;}
	.form-pop--left{height:auto;display:none;}
	.form-pop--left_inner{position:static;display:block;padding:20px;}
	.form-pop--left_inner .logo{max-width:200px;}
	.form-pop--left_inner .title{font-size:1.6em;}
	.form-pop--left_inner .title.big{font-size:2em;}

	#footer .cols{width:100%;padding:0;text-align:center;}
	.foot-title{padding:10px;border-bottom:1px dashed #ccc;}
	.foot-block{display:none;padding:10px;}
	.foot-block.active{display:block;}
	#footer .footer-area{width:auto !important;text-align:left;float:none;vertical-align:top;margin:0 10px;}
	.foot-bdr{border:0;}
	#footer-logo{display:block;margin:25px auto;width:100px;}	

}

@media screen and (max-width:768px) {

	p.p-2{font-size:1em;}
	.cols-2,.cols-2-thin,.cols-2-wide,.cols-30,.cols-70{width:100% !important;}
	.cols-2.table-cell{display:block;}
	.cols-2.table-cell.tb-ft-mob{display:table-footer-group;}
	.cols-2.table-cell.tb-hd-mob{display:table-header-group;}
	.table-cell.image{text-align:center;}
	.page-content.text-block.m-t-40{margin-top:0;}
	#page-wrapper.p-t-40{padding-top:0;}

	#banner{background-position:center right;}
	#banner:before{background:rgba(20,157,212,0.6);}
	#banner .caption{text-align:center;}
	#banner .caption .banner-title,.title.big{font-size:2.5em;}
	#banner.dark-text{color:#fff;text-shadow:1px 1px 3px rgb(0 0 0 / 80%);}
	#banner.dark-text .caption .banner-title{color:#fff;}

	.why-choose-us .cols-7{width:33.33%;padding-bottom:15px;}
	.why-choose-us .clear.p-t-40{padding-top:0;}

	.content-block.p-t-60{padding-top:0;}
	.grey-bg.p-tb-40{padding-top:0;}
	.text-block.p-60,.text-block.p-l-40,.text-block.p-r-40,.mob-pad{padding:30px;}
	.service-ticks{text-align:center;padding:30px 30px 0;background:#f7f7f7;margin-bottom:30px;}
	.ticks li{padding-left:0;}
	.ticks li:before{display:inline-block;vertical-align:middle;margin-right:10px;position:static;}
	.p-l-20.text-block{padding-left:0;}
	.text-block .btn{display:block;margin-bottom:15px;}
	.text-block .btn.m-l-10{margin-left:0;}

	.gallery-block .title.p-b-40{padding-bottom:0;}
	.gallery-desc.p-lr-30{padding:0;}
	.table.gallery-row.even{padding-top:20px;margin-top:60px;border-top:1px dashed #ccc;}

	.child-page-list li{width:50%;}

	.flex.cols-4.work-service,.flex.work-service{width:100%;}
	.work-service .image-wrap{max-height:auto;}

	.faq-question_link .chevron{width:20px;right:20px;}
	.faq-question_link .title{font-size:1.4em;}

	.contact-wrap.p-t-40{padding-top:0;}
	.contact-wrap .cols-2-thin{padding:20px 0;text-align:center;}
	.contact-wrap .cols-2-wide,.contact-form .cols-2.left{padding-right:0;}
	.contact-form .cols-2.right{padding-left:0;}

	.page-section.quick-quote .container.flex{flex-direction:column;text-align:center;}
	.quick-quote_left{padding-right:0;}

	#footer,#footer .tright{text-align:center;}
	#footer .tright{padding-top:20px;}
	#footer .left{float:none;padding-bottom:20px;text-align:center;}
	#footer .right{float:none;position:static;}
	
}

@media screen and (max-width:500px) {

	.title{font-size:1.8em;}
	.title.big{font-size:2em;}
	.title.med{font-size:1.6em;}

	#banner.home-banner .caption, #banner .caption{padding:110px 15px 30px;}
	#banner .caption .text{font-size:1em;}
	#banner .caption .btn{display:block;}
	#banner .caption .btn.m-l-20{margin:15px 0 0;}

	#banner.home-banner .caption .banner-title{font-size:2em;}
	.why-choose-us .cols-7{width:50%;}
	.services-right{padding-left:15px;padding-right:15px;}
	.home-service .icon-wrap{display:none;}
	.home-service .title{width:100%;}

	.field-wrap-reg .btn{display:block;margin-top:10px;}
	.ticks-wrap label{width:50%;}

	.tip-open{position:relative;padding-left:30px;}
	.tip-open img{display:block;width:30px;height:auto;left:0;top:0;position:absolute;}
	.tip-open .p-t-10{padding-top:0;}

}