@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

 /* 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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
.cf:before,.cf:after{content: " ";display:table;}
.cf:after{clear:both;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

body{font:400 20px/1.3 'Roboto', Arial, sans-serif;color:#fff;background:#B51311;min-width:320px;}
a{color:#B51311;text-decoration:underline;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
p{margin-bottom:20px;}
p:last-child{margin-bottom:0;}
h1{float:left;font-weight:400;font-size:48px;padding:5px 15px 10px 15px;margin:-120px -15px 30px;color:#525252;background:#fff;min-width:319px;text-transform:uppercase;}
h2{float:left;font-weight:400;font-size:48px;padding:5px 15px 10px 15px;margin:-120px -15px 30px;color:#525252;background:#fff;min-width:319px;text-transform:uppercase;}
.redHeading{color:#fff;background:#B51311;}
.yellowHeading{background:#FEED01;}
.whiteHeading{background:#fff;}
h3{padding:0;font-weight:400;font-size:26px;margin:0 0 30px 0;text-transform:uppercase;}
h3.yellow{color:#FEED01;}
ul{margin:0 30px 30px 0;list-style:none;}
li{margin:0;padding:1px 0 1px 50px;background:url(../images/li.svg) 0 8px no-repeat;}
.responsive{width:100%;height:auto;display:block;}
.col{float:left;width:50%;}
.col33{float:left;width:33.333333%;padding:10px;}
.col66{float:left;width:66.666666%;padding:10px;}
.imageCaption{font-size:14px;padding-top:3px;}
.contact{float:left;width:33%;text-align:center;padding:10px 10px 60px;font-size:22px;}
#address{width:320px;margin:0 auto -180px;background:#B51311;padding:30px 0 15px;text-align:center;font-size:22px;}

#top{float:left;position:relative;width:100%;height:45px;}
.inner{position:relative;width:100%;margin:0 auto 20px auto;max-width:960px;padding:0 15px;}
#logo{position:absolute;top:0;left:0;padding:10px 17px;z-index:100;background:#B51311;}
#menuToggler{position:absolute;top:95px;left:0;background:#B51311;padding:8px 17px 7px 50px;cursor:pointer;text-transform:uppercase;font-size:22px;width:319px;z-index:100;}
#menuToggler img{position:absolute;top:12px;left:16px;}
#menuContainer{position:absolute;top:137px;left:0;background:rgba(181,19,17,0.7);padding:17px;font-size:20px;width:319px;z-index:100;display:none;}
#menuContainer ul{margin:0;padding:0;list-style:none;border-top:#fff 1px dotted;}
#menuContainer li{float:left;width:100%;clear:both;padding:2px 0;list-style:none;border-bottom:#fff 1px dotted;background:none;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
#menuContainer a{text-decoration:none;display:block;font-size:18px;color:#fff;}
#menuContainer .secondLevel{border-top:none;}
#menuContainer .secondLevel li{border-bottom:none;padding:2px 0 2px 10px;}
#menuContainer .secondLevel a{font-size:14px;}
#banner{position:relative;width:100%;max-height:600px;}
.yellowSection{float:left;position:relative;width:100%;background:#FEED01;padding:50px 0 100px;color:#525252;}
.whiteSection{float:left;position:relative;width:100%;background:#fff;padding:50px 0 50px;color:#525252;}
#home .whiteSection{padding:50px 0 100px;}
.greySection{float:left;position:relative;width:100%;background:#CCC;padding:50px 0 100px;color:#525252;}
.slim{padding:20px 0;}
.slimLast{padding:20px 0 100px;}
.redSection{float:left;position:relative;width:100%;background:#B51311;padding:50px 0 100px;}
#testionials{clear:both;width:100%;float:left;margin-bottom:20px;min-height:780px;}
.testimonialBox, .grid-sizer{float:left;width:23%;margin:1%;color:#000;}
.wide{width:48%;}
.greyBox{background:#AEAFB4;padding:10px;}
.blueBox{background:#D6EBF7;padding:10px;}
.greenBox{background:#89B47A;padding:10px;}
.brownBox{background:#261F1C;color:#fff;padding:10px;}
.colHomeImg{float:left;width:40%;padding:10px;}
.colHomeText a{color:#fff;text-decoration:none;}
.colHomeText{float:left;width:60%;padding:10px 10px 10px 140px;}
#wen ul{margin:0 0 20px 0;padding:0;list-style:none;}
#wen li{position:relative;margin:0;padding:2px 0 2px 50%;background:none;}
#wen li div{background: url(../images/arrow.svg) no-repeat top right;background-size: 456px 15px;width:calc(50% - 10px);height:15px;position:absolute;top:8px;left:0;}
.news{clear:both;float:left;width:100%;padding:20px 0;border-bottom:1px solid #525252;margin-bottom:20px;}
.firstNews{padding:0 0 20px 0;}
.newsDate{clear:both;float:left;font-size:14px;color:#666;width:100%;}
.news h3{clear:both;padding:0;width:100%;font-weight:400;font-size:20px;margin:0 0 20px 0;}
#newsHolder{clear:both;}
#newsHolder a{text-decoration:none;}
#newsHolder a:hover{text-decoration:underline;}
.section h3{font-size:22px;margin-bottom:20px;}
.section .col66{padding-top:50px;}
.googleMaps{width:100%;overflow:hidden;margin:0;border:0;height:450px;pointer-events:none;}
#copy{float:left;position:relative;width:100%;text-align:center;padding:15px;font-size:12px;}
#copy a,.redSection a{color:#fff;}
#facebookHolder{display:block;position:absolute;top:-64px;left:calc(50% - 43px);padding:18px 18px 0;background:#B51311;}

img.right{float:right;margin-left:20px;}
img.left{float:left;margin-right:20px;}
img.leftAlone{float:left;margin-right:100%;margin-bottom:15px;}
img.center{float:none;margin-left:auto;margin-right:auto;display:block;}

form{max-width:500px;width:50%}
div.field{margin:10px 0 15px}
fieldset{border:0;margin:0;padding:0}
form label{margin-bottom:5px}
form label.left{display:block;}
form label.right{font-size:12px;color:#888}
form .textajaxuniquetext,form input.text,form select,form textarea{width:100%;max-width:400px;padding:6px 5px;font:400 18px/1.3 'Roboto', Arial, sans-serif;background-color:#fff;border:1px solid #B51311}
form .textajaxuniquetext:focus,form input.text:focus,form select:focus,form textarea:focus{outline:0}
form input[disabled],form textarea[disabled]{background-color:#f7f7f7;border:1px solid #dad9d9}
.field .checkbox,.field .radio{float:left;width:13px;height:13px;margin-right:6px;margin-top:3px;padding:0}.checkbox label.right,.radio label.right{float:left}form .message{background-color:#fef4ba;padding:5px 10px;border:1px solid #e8c805;border-radius:3px}
form .good{background-color:#ecf9d0;border-color:#8fbe00}
form .bad,form .required{background-color:#f9d0d0;border-color:#cf0000;color:#b80000}
.Actions{margin-bottom:20px;padding-bottom:80px;}
.Actions .action,a.btn,button,input[type=submit]{background:#FEED01;border:1px solid #B51311;color:#000;display:inline-block;padding:6px 15px;margin-top:10px;margin-bottom:10px;font-size:13px;margin-right:10px;float:left;cursor:pointer;font:400 20px/1.3 'Roboto', Arial, sans-serif;}
.Actions .action:hover,a.btn:hover,button,input[type=submit]:hover{border:1px solid #000;}
a.btn{line-height:18px;margin-bottom:10px}
a.btn:after{content:'\2192';padding-left:10px}
input.action[class]{width:auto}
.Actions:after{color:#B94A48;display:inline-block;font-weight:400;margin-top:9px}
#MemberLoginForm_LoginForm .Actions:after,#MemberLoginForm_LostPasswordForm .Actions:after{display:none}
#Remember{min-height:20px}
#ForgotPassword{clear:left}
.FormHeading{clear:both;padding-top:15px}
form .date .middleColumn input{width:114px}
.Actions input.action-minor,.Actions input.resetformaction{float:left;background-color:#888}
.Actions input.action-minor:hover,.Actions input.resetformaction:hover{background-color:#aaa}
.checkbox label.right{font-size:13px;color:#333}
form .requiredField label.left:after{color:#B94A48;content:"*";font-size:14px;font-weight:400;padding-left:3px}
form .checkboxset ul,form .optionset ul{margin:0}
form .checkboxset li,form .optionset li{margin-bottom:5px;list-style-type:none}
form div.checkbox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
form .checkbox .checkbox{clear:both}
span.message{margin:10px 0;display:block;max-width:390px;clear:left}
form input.holder-required{border:1px solid #cf0000}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
.ss-uploadfield-item-info button{margin-top:4px!important;float:left}
form .creditCardField input,form input.currency,form input.numeric{width:50px}
form #DMYDate-day,form #DMYDate-month{width:25px}

@media only screen and (max-width:1015px){
.slick-prev{left:15px;}
.slick-next{right:5px;}
.slick-list{width:calc(100% - 100px);margin:0 50px;}
#menuToggler{top:0;left:319px;}
#menuContainer{top:45px;left:319px;}
h1, h2{font-size:36px;padding:5px 15px 10px 15px;margin:-100px -15px 15px;}
}

@media only screen and (max-width:900px){
form{max-width:100%}
}

@media only screen and (max-width:700px){
.header form .middleColumn{float:none;width:100%!important}
#MemberLoginForm_LoginForm label,form label.left{margin-bottom:8px}
.colHomeImg{width:100%;padding:10px 30px;}
.colHomeText{width:100%;padding:10px 30px;text-align:center;}
.contact{font-size:18px;}
#address{font-size:18px;}
#menuToggler{top:95px;left:0;width:53px;height:43px;padding:8px 17px 7px 30px;}
#menuToggler span{display:none;}
#menuContainer{top:137px;left:0;}
.col,.col33,.col66{width:100%;}
}

@media (max-width: 660px) {
#wen li{padding:2px 0 2px 40px;}
#wen li div{width:30px;}
.testimonialBox, .grid-sizer{width:48%;}

}

@media (max-width: 620px) {
.contact,#address{font-size:16px;}
.contact img{width:30%;}
#logo{padding:10px 17px;width:100%;}
#logo img.responsive{width:285px;}
#banner img{width:100%;margin-top:35px;}
}

@media (max-width: 520px) {
.contact,#address{font-size:14px;}
}
@media (max-width: 480px) {
.contact{width:100%;font-size:22px;}
#address{font-size:22px;}
.contact img{width:auto;}
}
