/*
	
	Primary Color: #dd4032
	Secondary Color: #333
	Third Color: #999
	Fourth Color: #a4a4a4
	Copyright Color: #a5a5a5

	Button: #dd4032
	ButtonHover: #9b1e13
	
	Button Font: source-sans-pro
	Title Font: source-sans-pro
	Copy Font: source-sans-pro
	
	
	/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%; background: #fff; }
body { font: normal 62.5% 'source-sans-pro', Helvetica, Arial, sans-serif; font-weight: 400; color: #666; height:100%;  }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #000; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1em;}
p { font-size:1.8em; line-height:1.5em; margin:20px 0; font-weight: 400;}
.p-first-0 p:first-child { margin-top: 0 !important; }
.p-last-0 p:last-child { margin-bottom: 0 !important; }

.bold, b, strong { font-weight: 600 !important;}


.left { float:left; display:inline;}
.right { float: right; display: inline;}
.flip .left { float:right !important; }
.flip .right { float: left !important; }

img { width: 100%; max-width: 100%; height: auto; display: block; }
.bs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.relative { position: relative;}
.push { clear: both;}

a { text-decoration: none; }
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #000; text-decoration: underline;}
a:active { color: #000;}

.footer a:link { color: #000;}
.footer a:visited { color: #000;}
.footer a:hover { color: #000; text-decoration: underline;}
.footer a:active { color: #000;}

.white a:link { color: #fff;}
.white a:visited { color: #fff;}
.white a:hover { color: #fff; text-decoration: underline;}
.white a:active { color: #fff;}

.button_row { width: 100%; overflow: hidden;}
a.button { display:block; float: left; padding: 0 24px; height: 50px; line-height: 50px; color: #fff; font-size: 1.8em !important; min-width: 120px; text-align: center; font-weight: 400; background: #dd4032; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
a.button:hover { text-decoration: none; background: #9b1e13; color: #fff;}
a.button.center { max-width: 300px; margin: 0 auto; float: none !important; padding-left: 0; padding-right: 0; text-align: center;}

a.button.black { color: #fff !important; background: #000 !important; }
a.button.black:hover { text-decoration: none; background: #333 !important; color: #fff !important;}

a.button.white { color: #000 !important; background: #fff !important; }
a.button.white:hover { text-decoration: none; background: #eee !important; color: #000 !important;}

a.btn-edit { width: 22px; height: 22px; display: block; }
.work-order-details-head a.btn-edit { position: absolute; top: 30px; right: 30px;}

.buttons { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto;}
.buttons a.button { padding-left: 0; padding-right: 0; width: 48%; text-align: center; }
.buttons a.button.last { float: right;}
.buttons.buttons-left a.button { max-width: 170px;  }
.buttons.buttons-left a.button.last {margin-left: 20px; float: left !important;}

.button-link-wrap { width: 100%; }
.button-link-wrap a.button-link { float:left; display:inline; font-size: 1.4em; margin: 16px 0 0 24px; }

.ta-center { text-align: center !important;}
.ta-right { text-align: right !important;}
.ta-left { text-align: left !important;}

.white { color: #fff !important;}
.black { color: #000 !important;}
.grey { color: #999 !important;}
.main-color { color: #dd4032 !important;}
.sec-color { color: #333 !important;}
.third-color { color: #999 !important;}
.fourth-color { color: #a4a4a4 !important;}

.bg-black { background: #000 !important;}
.bg-white { background: #fff !important;}
.bg-grey { background: #f5f5f5 !important;}
.bg-main { background: #dd4032 !important;}
.bg-sec { background: #333 !important;}
.bg-third { background: #999 !important;}
.bg-fourth { background: #a4a4a4 !important;}

.gradient-lr {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);	
}
.gradient-bt {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.gradient-bt-50 {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);	
}

.fade { opacity: 0; }
.fadeIn, .fadeOut { transition: 1.5s opacity ease; }
.fadeIn { opacity: 100; }
.fadeOut { opacity: 0; }

.rotate { -moz-transform: rotate(270deg);	-webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.bg-image { background-color: transparent; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;	background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }
.overlay { background-color: rgba(0,0,0,.6);}
.overlay-80 { background-color: rgba(0,0,0,.8);}
.full-screen { height: 100vh !important;}
.center-vh { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); }
.center-v { position: absolute; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }
.all-caps { text-transform: uppercase !important;}
.no-caps { text-transform: none !important;}
.circles { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.rc { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.hidden-div { display: none;}

.z-1 { z-index: 1 !important;}
.z-2 { z-index: 2 !important;}
.z-3 { z-index: 3 !important;}
.z-4 { z-index: 4 !important;}

img.alignright { width: 35%; float:right; display:inline; margin-left: 40px; margin-bottom: 40px; margin-top: 10px;}
img.alignleft { width: 35%; float:right; display:inline; margin-right: 40px; margin-bottom: 40px; margin-top: 10px;}
img.aligncenter { width: 100%; float:none; display:block; margin-left: auto; margin-right: auto; max-width: 600px; margin-bottom: 40px; margin-top: 10px;}

.desktop { display: block !important;}
.mobile { display: none !important;}

.text-shadow { text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);}
.shadow { -webkit-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2);}

svg .white { fill: #fff !important;}
svg .black { fill: #000 !important;}
svg .red { fill: #dd4032 !important;}

.message { padding: 16px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center;}
.message p { margin: 0 !important; color: #fff !important; font-size: 2em;}
.message.yellow { background: #faad14; }
.message.green { background: #52c41a; }
.message.blue { background: #1890ff; }
.message.red { background: #dd4032; }


/* Titles
--------------------------------------------------------------------------------------- */

.titles { font-size: 3.6em !important; font-weight: 700; line-height: 1em;}
.titles span { font-size: 14px !important; color: #999; margin-left: 40px;}
.titles.small { font-size: 2.4em !important; font-weight: 300;}
.titles.medium { font-size: 3em !important; font-weight: 300;}
.titles.bigger { font-size: 8em !important; }
.small-titles { font-size: 1.6em !important; letter-spacing: 4px; text-transform: uppercase;}
.page-titles { font-size: 8em !important; font-weight: 300; }

.ls4 { letter-spacing: 4px;}
.ls2 { letter-spacing: 2px;}


/* Custom Fonts
--------------------------------------------------------------------------------------- */

.proxima { font-family: "source-sans-pro", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; }
.proxima.bold { font-weight: 700 !important; }
.thin { font-weight: 400 !important;}
.light { font-weight: 300 !important;}


/* Mobile Menu
--------------------------------------------------------------------------------------- */

.popup-menu { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #333; display: none;}
.popup-menu .left { width: 35%; height: 100vh; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.popup-menu .right { width: 65%; height: 100vh; padding: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.popup-menu ul { margin-top: 40px;}
.popup-menu ul li { text-align: left; font-size: 5vw; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 300 !important; line-height: 1.2em; text-transform: uppercase;}
.popup-menu ul li a { color: #fff; font-weight: 300; }
.popup-menu h2 { margin-top: 5vh;}
a.btn-close { width: 55px; height: 55px; position: absolute; top: 28px; right: 29px; z-index: 999;}

.buttons-popup { background: #000; box-shadow: 0 0 60px rgba(0,0,0,.6); width: 100%; position: fixed; bottom: 0; height: 50px; left: 0; padding-right: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 9999;}
.buttons-popup .popup-facebook { width: 50px; height: 50px; position: absolute; bottom: 0; right: 51px; z-index: 4;}
.buttons-popup .popup-phone { width: 50px; height: 50px; position: absolute; bottom: 0; right: 103px; z-index: 4;}
.buttons-popup .popup-menu-icon { width: 50px; height: 50px; position: absolute; bottom: 0; right: 0; z-index: 4; padding: 14px 12px 10px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.buttons-popup a.popup-button { color: #fff; width: 100%; display: block; height: 50px; float:left; text-align: center; line-height: 50px; font-size: 1.8em !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 400  !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.buttons-popup a.popup-button:hover {  background: #444; text-decoration: none;}
.buttons-popup a:hover svg { opacity:.4; filter:alpha(opacity=40);}


/* Padding & Margins
--------------------------------------------------------------------------------------- */

.pad-0 { padding: 0 !important;}
.pad-20 { padding: 20px !important;}
.pad-24 { padding: 24px !important;}
.pad-30 { padding: 30px !important;}
.pad-40 { padding: 40px !important;}
.pad-60 { padding: 60px !important;}
.pad-80 { padding: 80px !important;}
.pad-100 { padding: 100px !important;}
.pad-120 { padding: 120px !important;}
.pad-160 { padding: 160px !important;}

.pad-t-0 { padding-top: 0 !important;}
.pad-t-20 { padding-top: 20px !important;}
.pad-t-24 { padding-top: 24px !important;}
.pad-t-30 { padding-top: 30px !important;}
.pad-t-40 { padding-top: 40px !important;}
.pad-t-50 { padding-top: 50px !important;}
.pad-t-60 { padding-top: 60px !important;}
.pad-t-80 { padding-top: 80px !important;}
.pad-t-100 { padding-top: 100px !important;}
.pad-t-120 { padding-top: 120px !important;}
.pad-t-160 { padding-top: 160px !important;}
.pad-t-200 { padding-top: 200px !important;}
.pad-t-220 { padding-top: 220px !important;}
.pad-b-0 { padding-bottom: 0 !important;}
.pad-b-20 { padding-bottom: 20px !important;}
.pad-b-24 { padding-bottom: 24px !important;}
.pad-b-30 { padding-bottom: 30px !important;}
.pad-b-40 { padding-bottom: 40px !important;}
.pad-b-50 { padding-bottom: 50px !important;}
.pad-b-60 { padding-bottom: 60px !important;}
.pad-b-80 { padding-bottom: 80px !important;}
.pad-b-100 { padding-bottom: 100px !important;}
.pad-b-120 { padding-bottom: 120px !important;}
.pad-b-160 { padding-bottom: 160px !important;}
.pad-b-200 { padding-bottom: 200px !important;}
.pad-b-220 { padding-bottom: 220px !important;}

.pad-l-0 { padding-left: 0 !important;}
.pad-l-20 { padding-left: 20px !important;}
.pad-l-24 { padding-left: 24px !important;}
.pad-l-30 { padding-left: 30px !important;}
.pad-l-40 { padding-left: 40px !important;}
.pad-l-50 { padding-left: 50px !important;}
.pad-l-60 { padding-left: 60px !important;}
.pad-l-80 { padding-left: 80px !important;}
.pad-l-100 { padding-left: 100px !important;}
.pad-l-120 { padding-left: 120px !important;}
.pad-l-160 { padding-left: 160px !important;}
.pad-l-200 { padding-left: 200px !important;}
.pad-l-220 { padding-left: 220px !important;}
.pad-r-0 { padding-right: 0 !important;}
.pad-r-20 { padding-right: 20px !important;}
.pad-r-24 { padding-right: 24px !important;}
.pad-r-30 { padding-right: 30px !important;}
.pad-r-40 { padding-right: 40px !important;}
.pad-r-50 { padding-right: 50px !important;}
.pad-r-60 { padding-right: 60px !important;}
.pad-r-80 { padding-right: 80px !important;}
.pad-r-100 { padding-right: 100px !important;}
.pad-r-120 { padding-right: 120px !important;}
.pad-r-160 { padding-right: 160px !important;}
.pad-r-200 { padding-right: 200px !important;}
.pad-r-220 { padding-right: 220px !important;}
.pad-tb-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.pad-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.pad-tb-24 { padding-top: 24px !important; padding-bottom: 24px !important;}
.pad-tb-30 { padding-top: 30px !important; padding-bottom: 30px !important;}
.pad-tb-40 { padding-top: 40px !important; padding-bottom: 40px !important;}
.pad-tb-60 { padding-top: 60px !important; padding-bottom: 60px !important;}
.pad-tb-80 { padding-top: 80px !important; padding-bottom: 80px !important;}
.pad-tb-100 { padding-top: 100px !important; padding-bottom: 100px !important;}
.pad-tb-120 { padding-top: 120px !important; padding-bottom: 120px !important;}
.pad-tb-160 { padding-top: 160px !important; padding-bottom: 160px !important;}
.pad-tb-200 { padding-top: 200px !important; padding-bottom: 200px !important;}
.pad-tb-220 { padding-top: 220px !important; padding-bottom: 220px !important;}

.pad-lr-0 { padding-left: 0px !important; padding-right: 0px !important;}
.pad-lr-20 { padding-left: 20px !important; padding-right: 20px !important;}
.pad-lr-24 { padding-left: 24px !important; padding-right: 24px !important;}
.pad-lr-30 { padding-left: 30px !important; padding-right: 30px !important;}
.pad-lr-40 { padding-left: 40px !important; padding-right: 40px !important;}
.pad-lr-60 { padding-left: 60px !important; padding-right: 60px !important;}
.pad-lr-80 { padding-left: 80px !important; padding-right: 80px !important;}
.pad-lr-100 { padding-left: 100px !important; padding-right: 100px !important;}
.pad-lr-120 { padding-left: 120px !important; padding-right: 120px !important;}
.pad-lr-160 { padding-left: 160px !important; padding-right: 160px !important;}
.pad-lr-200 { padding-left: 200px !important; padding-right: 200px !important;}
.pad-lr-220 { padding-left: 220px !important; padding-right: 220px !important;}

.marg-0 { margin: 0 !important;}
.marg-t-0 { margin-top: 0 !important;}
.marg-t-10 { margin-top: 10px !important;}
.marg-t-20 { margin-top: 20px !important;}
.marg-t-24 { margin-top: 24px !important;}
.marg-t-30 { margin-top: 30px !important;}
.marg-t-40 { margin-top: 40px !important;}
.marg-t-50 { margin-top: 50px !important;}
.marg-t-60 { margin-top: 60px !important;}
.marg-t-80 { margin-top: 80px !important;}
.marg-t-100 { margin-top: 100px !important;}
.marg-t-120 { margin-top: 120px !important;}
.marg-t-160 { margin-top: 160px !important;}
.marg-t-200 { margin-top: 200px !important;}
.marg-t-220 { margin-top: 220px !important;}
.marg-b-0 { margin-bottom: 0 !important;}
.marg-b-10 { margin-bottom: 10px !important;}
.marg-b-20 { margin-bottom: 20px !important;}
.marg-b-24 { margin-bottom: 24px !important;}
.marg-b-30 { margin-bottom: 30px !important;}
.marg-b-40 { margin-bottom: 40px !important;}
.marg-b-50 { margin-bottom: 50px !important;}
.marg-b-60 { margin-bottom: 60px !important;}
.marg-b-80 { margin-bottom: 80px !important;}
.marg-b-100 { margin-bottom: 100px !important;}
.marg-b-120 { margin-bottom: 120px !important;}
.marg-b-160 { margin-bottom: 160px !important;}
.marg-b-200 { margin-bottom: 200px !important;}
.marg-b-220 { margin-bottom: 220px !important;}

.marg-l-0 { margin-left: 0 !important;}
.marg-l-20 { margin-left: 20px !important;}
.marg-l-24 { margin-left: 24px !important;}
.marg-l-30 { margin-left: 30px !important;}
.marg-l-40 { margin-left: 40px !important;}
.marg-l-50 { margin-left: 50px !important;}
.marg-l-60 { margin-left: 60px !important;}
.marg-l-80 { margin-left: 80px !important;}
.marg-l-100 { margin-left: 100px !important;}
.marg-l-120 { margin-left: 120px !important;}
.marg-l-160 { margin-left: 160px !important;}
.marg-l-200 { margin-left: 200px !important;}
.marg-l-220 { margin-left: 220px !important;}
.marg-r-0 { margin-right: 0 !important;}
.marg-r-20 { margin-right: 20px !important;}
.marg-r-24 { margin-right: 24px !important;}
.marg-r-30 { margin-right: 30px !important;}
.marg-r-40 { margin-right: 40px !important;}
.marg-r-50 { margin-right: 50px !important;}
.marg-r-60 { margin-right: 60px !important;}
.marg-r-80 { margin-right: 80px !important;}
.marg-r-100 { margin-right: 100px !important;}
.marg-r-120 { margin-right: 120px !important;}
.marg-r-160 { margin-right: 160px !important;}
.marg-r-200 { margin-right: 200px !important;}
.marg-r-220 { margin-right: 220px !important;}

.marg-tb-0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.marg-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.marg-tb-24 { margin-top: 24px !important; margin-bottom: 24px !important;}
.marg-tb-30 { margin-top: 30px !important; margin-bottom: 30px !important;}
.marg-tb-40 { margin-top: 40px !important; margin-bottom: 40px !important;}
.marg-tb-60 { margin-top: 60px !important; margin-bottom: 60px !important;}
.marg-tb-80 { margin-top: 80px !important; margin-bottom: 80px !important;}
.marg-tb-100 { margin-top: 100px !important; margin-bottom: 100px !important;}
.marg-tb-120 { margin-top: 120px !important; margin-bottom: 120px !important;}
.marg-tb-160 { margin-top: 160px !important; margin-bottom: 160px !important;}
.marg-tb-200 { margin-top: 200px !important; margin-bottom: 200px !important;}
.marg-tb-220 { margin-top: 220px !important; margin-bottom: 220px !important;}


/* Main Selectors
--------------------------------------------------------------------------------------- */

.header { width: 100%; position: relative; z-index: 1; padding: 0 0 0 320px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.header-content .left { width: 60%;}
.header-content .right { width: 40%;}

.logo { position: absolute; width: 100%; max-width: 40px; position: absolute; top: 60px; left: 80px;}
.header a.button { float:right; margin-top: 8px;}

.main-nav { font-family: 'source-sans-pro', Helvetica, sans-serif; float:right; display:inline; text-align: right; width: 40%; margin: 23px 40px 0 0;}
.main-nav li { font-size: 1.6em; text-transform: uppercase; letter-spacing: 2px; text-align: right; margin: 0 3%; display: inline;}
.main-nav li a { color: #fff; font-weight: 600;}
.main-nav li a:hover, .main-nav li.current-menu-item a,  .main-nav li.current_page_parent a { color: #dd4032; text-decoration: none;}

a.btn-signout { display: block; width: 20px; height: 20px; padding: 10px; float:right;}

.content { position: relative; z-index: 2; padding-left: 320px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative;}

.main-content { width: 100%; position: relative;}
.sidebar { width: 320px; position: absolute; top: 0; left: 0; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.inner-wrap { width: 100%; padding-right: 360px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.inner-left { width: 100%; border-top: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.inner-right { width: 300px; position: absolute; top: 0; right: 0; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.inner-tabs li { float:left; display:inline; font-size: 3.6em; font-weight: 400; margin-right: 60px; line-height: 1em;}
.inner-tabs li a { color: #999; text-decoration: none;}
.inner-tabs li a.active, .inner-tabs li a:hover { color: #000; text-decoration: none;}
.inner-tabs li a.active { font-weight: 700; }

.footer-wrap {}
.footer {}

.section { width: 82%; max-width: 1240px; padding: 160px 0; margin: 0 auto;}
.section.section-1040 { max-width: 1040px; }
.section.section-960 { max-width: 960px; }
.section.simple { max-width: 800px; }
.section .section { width: 100%;}
.section.full { width: 100% !important; max-width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


h1.user-welcome { font-size: 2.4em; font-weight: 400; color: #999;}
h2.user-note { font-size: 3.6em; margin-top: 12px; font-weight: 700; clear: left;}
.user-header-info { float:right; display:inline; margin: 2px 30px 0 16px;}
.user-header-info h3 { font-size: 1.8em;}
.user-header-info h4 { font-size: 1.4em; margin-top: 2px;}
.user-header { width: 40px; float: right; display: inline; position: relative; }
.user-header img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}

.overlay-menu-wrap { display: block; padding-top: 14px; position: relative; z-index: 999; }
.overlay-menu-wrap ul {
    -webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 8px;
    padding: 22px 0;
    position: absolute;
    top: calc(64px - 10px);
		left: 50%;
		transform: translate(-50%,0);
    width: 180px;
    z-index: 1000;
    display: none;
}
.main-nav .overlay-menu-wrap { padding-top: 44px;}
.main-nav .overlay-menu-wrap ul { top: calc(44px - 10px); transform: translate(-50%,0); width: 210px;}
.main-nav .overlay-menu-wrap ul { padding-bottom: 22px;}
.user-header:hover ul { display: block !important; }
.main-nav li:hover ul { display: block !important; }
.overlay-menu-wrap ul li>a { display: block; padding: 10px 32px; font-size: 14px; font-weight: normal; background: none; -webkit-box-shadow: none; box-shadow: none; color: #333 !important;}
.main-nav .overlay-menu-wrap ul li>a { float: none !important;}
.overlay-menu-wrap ul li { clear: left; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;  }
.main-nav .overlay-menu-wrap ul li { clear: left; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left !important; display: block !important; height: auto !important; position: relative;}
.overlay-menu-wrap ul li.rule { border-bottom: 1px solid #dbdbde; margin: 13px 32px; width: auto; }
.overlay-menu-wrap ul:before{
    content:'';
    width:0;
    height:0;
    position:absolute;
    top:-6px;
    left:50%;
    margin-left: -6px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff
}
.overlay-menu-wrap ul li>a:active{
    color:#0d0c22 !important;
    background:rgba(13,12,34,0.04)
}
.overlay-menu-wrap ul li>a:hover,.overlay-menu-wrap ul li.menu-pro:hover>a{
    color:#0d0c22 !important;
    background-color:rgba(13,12,34,0.02);
    border-radius:0;
    text-decoration: none;
}

.header-icons { width: 40%; float:right; display:inline; margin-top: 4px; margin-right: 20px;}
.header-icons li { float:right; display:inline; width: 18px; margin-right: 30px; position: relative;}
.header-icons li a { display: block; width: 18px; padding: 6px; position: relative; z-index: 1;}
.bell-number { width: 20px; display: block; position: absolute; top: -9px; right: -19px; border: 3px solid #fff; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #dd4032; color: #fff; font-weight: 600; z-index: 4; text-align: center; line-height: 20px; font-size: 12px;}

.app-nav { width: 100%; margin: 0 auto;}
.app-nav li { padding-left: 34px; margin-bottom: 20px; font-size: 2em; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat; background-size: 20px 20px;}
.app-nav li a { display: block; color: #000;}
.app-nav li.active a, .app-nav li.active a, .app-nav li a:hover, .app-nav li a:hover { color: #dd4032; text-decoration: none; }
.app-nav li.icon-dashboard { background-image: url(../images/icon-dashboard.png);}
.app-nav li.icon-workorders { background-image: url(../images/icon-workorders.png);}
.app-nav li.icon-team { background-image: url(../images/icon-team.png);}
.app-nav li.icon-properties { background-image: url(../images/icon-properties.png);}
.app-nav li.icon-providers { background-image: url(../images/icon-providers.png);}
.app-nav li.icon-settings { background-image: url(../images/icon-settings.png);}
.app-nav li.icon-tasks { background-image: url(../images/icon-tasks.png);}
.app-nav li.icon-reminders { background-image: url(../images/icon-reminders.png);}


/* login logout screens
--------------------------------------------------------------------------------------- */

.logout-split .left, .logout-split .right { width: 50%; height: 100vh;}
.login-form-wrap { width: 80%; max-width: 420px;}
.login-logo { width: 100%; max-width: 250px; margin-bottom: 24px; }

.login-form-wrap h2 { font-size: 2.8em;}


/* Homepage
--------------------------------------------------------------------------------------- */

.page-hero { overflow: hidden; z-index: 1; position: relative; height: 100vh; }
.page-hero .overlay { height: 100vh; overflow: hidden; }
.hero-content { width: 100%; padding: 0 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.hero-content.center-vh { top: 43.524547%; }
.hero-content h2 { font-size: 5.4vw; line-height: .9em; color: #fff; text-transform: uppercase; }
.hero-content p { width: 100%;  margin: 20px 0 0 0; font-size: 2em; line-height: 1.2em;}


/* Dashboard
--------------------------------------------------------------------------------------- */


.list-rows { background: #fff; margin-bottom: 20px; padding: 30px 30px 30px 80px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  -webkit-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.2);}
.list-rows .left { width: 70%; }
.list-rows .right { width: 30%; }

.list-rows.no-checkbox { padding-left: 150px;}
.list-rows .order-number { position: absolute; top: 30px; left: 30px; }
.list-rows.full { padding-left: 30px !important;}


.round { position: absolute; top: 28px; left: 28px; }
.round label {background-color: #fff;border: 2px solid #ccc;border-radius: 50%;cursor: pointer;height: 24px;left: 0;position: absolute;top: 0;width: 24px;}
.round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 5px;opacity: 0;position: absolute;top: 6px;transform: rotate(-45deg);width: 12px;}
.round input[type="checkbox"] {visibility: hidden;}
.round input[type="checkbox"]:checked + label {background-color: #dd4032;border-color: #dd4032;}
.round input[type="checkbox"]:checked + label:after {opacity: 1;}

.list-row-title { font-size: 2.4em; font-weight: 700; color: #000;}
.list-rows.checked .list-row-title { text-decoration: line-through; }
.list-row-meta { font-size: 1.8em; color: #999; font-weight: 400; margin-top: 6px;}
.list-row-meta span.divider { margin: 0 20px;}

.list-rows a.button { float: right; }
.list-row-messages { width: 24px; height: 24px; float:right; display:inline; position: relative; margin: 15px 36px 0 0; opacity:.2; filter:alpha(opacity=20);}
.list-row-messages.active { opacity:1; filter:alpha(opacity=100);}
.active-note { width: 12px; position: absolute; top: -6px; right: -6px; border: 2px solid #fff; height: 12px; background: #dd4032; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}

.dash-calendar { background: #000; text-align: center; padding: 30px 20px; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dash-calendar h3 { font-size: 1.8em; color: #fff; line-height: 1em;}
.dash-calendar h4 { font-size: 10vw; color: #fff; line-height: .9em;}

.side-list li { font-size: 1.6em; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}
.side-list li:last-child { border-bottom: 0; }

.page-head h2 { float: left; display: inline;}
.page-head h2 a { color: #dd4032; text-decoration: none;}
.page-head h2 a:hover { color: #000; text-decoration: none;}
.page-head a.button { float: right; margin-top: -9px;}


/* Tables
--------------------------------------------------------------------------------------- */

.data-header h3 { font-size: 2.4em; float:left; display:inline; font-weight: 600; line-height: 30px;}
.data-header button.button.outline { float: right; height: 30px; line-height: 22px; font-size: 1.6em; padding: 0 18px !important;  border: 2px solid #000; background: transparent; margin-left: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.data-header button.button.outline:hover { cursor: pointer; background: #000; color: #fff;}
.data-header button.button.outline.disabled { color: #bbb; border-color: #ddd;}
.data-header button.button.outline.disabled:hover { cursor: auto; background: transparent !important; color: #bbb;}
.data-header a.button.outline { float: right; height: 30px; line-height: 26px; font-size: 1.6em; padding: 0 18px !important;  border: 2px solid #000; background: transparent; color: #000; margin-left: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.data-header a.button.outline:hover { cursor: pointer; background: #000; color: #fff;}

.display-select-wrap { float:right; display:inline; margin-right: 40px;}
.display-select { float:right; }
.display-title { float:right; display:inline; font-size: 1.8em; font-weight: 400; line-height: 30px; margin-right: 10px;}

.data-checkbox {
  position: absolute; top: 50%; left: 28px; margin-top: -8px;
  width: 16px;
  height: 16px;
  color: #111;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 4px;
  appearance: none !important;
  -webkit-appearance: none !important;
	-moz-appearance: none !important;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.data-checkbox::before {
  position: absolute;
  content: '';
  display: block;
  top: 2px;
  left: 7px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.data-checkbox:checked {
  color: #fff;
  border-color: #dd4032 !important;
  background: #dd4032 url(../img/icon-input-check.png) no-repeat center center !important; background-size: 10px 10px !important;
}

.data-row-head { padding: 14px 30px 14px 76px; background: #F5F5F5; font-weight: 700; color: #000; position: relative; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.data-row { padding: 14px 30px 14px 76px; background: #fff; font-weight: 400; color: #000; position: relative; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.no-checkbox .data-row, .no-checkbox .data-row-head { padding-left: 30px;}
.data-row.alt { background: #f5f5f5; }
.data-column { font-size: 1.8em; display: table-cell; vertical-align: middle; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.data-row-head .data-column { font-size: 1.4em; }
.data-column:last-child { padding-right: 0 !important;}
.width-5 { width: 5%;}
.width-10 { width: 10%;}
.width-15 { width: 15%;}
.width-20 { width: 20%;}
.width-25 { width: 25%;}
.width-30 { width: 30%;}
.width-40 { width: 40%;}
.width-45 { width: 45%;}
.width-50 { width: 50%;}
.width-55 { width: 55%;}
.width-60 { width: 60%;}
.data-row a { font-weight: 700; }
.data-row a:hover { text-decoration: underline; }
.data-column small { font-size: 10px; color: #666;}

.car img { max-width: 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline; vertical-align: middle; margin-right: 20px;}

.data-column.ta-right { padding-right: 5%;}
.data-column.ta-right:last-child { padding-right: 0 !important;}

.inprocess { color: #dd4032 !important;}
.complete { color: green !important;}

.pagination { float:left; display:inline; overflow: hidden; height: 36px; line-height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc;}
.pagination li { float:left; display:inline; height: 36px; border-right: 1px solid #ccc; font-size: 1.4em; font-weight: 600; text-transform: uppercase;}
.pagination li:last-child { border: 0 !important;}
.pagination li.number { width: 36px; text-align: center; padding: 0 !important; }
.pagination li a { color: #999; display: block; padding: 0 12px; width: 36px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.pagination li.pagination-prev a, .pagination li.pagination-next a { width: auto !important;}
.pagination li a:hover { text-decoration: none; color: #dd4032; }
.pagination li.current a { color: #dd4032;}

.data-row-button .data-row-head,
.data-row-button .data-row { padding-right: 120px; position: relative;}
.data-row button { position: absolute; top: 50%; margin-top: -15px; right: 30px; height: 30px; line-height: 22px; font-size: 1.3em; padding: 0 18px !important;  border: 0; background: #dd4032 !important; color: #fff; margin-left: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.data-row button:hover { background: #af291e !important; cursor: pointer; }

.row-icons a { display: block; float:left; width: 16px; margin-right: 14px; padding: 4px;}
.row-icons a.last { margin-right: 0 !important;}


/* Modal Popup
--------------------------------------------------------------------------------------- */

.modal-popup-wrap { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); }
.modal-popup-container { width: 100%; max-width: 600px; min-height: 400px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); -webkit-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2);}
.modal-popup-head { border-bottom: 1px solid #ccc; padding: 20px 30px;}
.modal-popup-title { font-size: 2.4em; font-weight: 600; line-height: 22px;}
a.btn-modal-close { width: 22px; height: 22px; display: block; right: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
a.btn-modal-close:hover svg path { fill: #999; }
.modal-popup-content { padding: 30px;}

/* Search
--------------------------------------------------------------------------------------- */

.search-box-wrap { background: #f5f5f5; padding: 20px 30px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.search-box-wrap input.input-search { height: 22px; padding-left: 34px; border: none !important; background: transparent url(../images/icon-search.png) no-repeat !important; background-size:18px 18px !important; background-position: left 0 bottom 50% !important; font-size: 1.8em !important; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; line-height: 22px; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:block !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
a.btn-filter { width: 22px; height: 22px; display: block; right: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
a.btn-filter:hover svg path { fill: #999; }

.filters-list-wrap { width: 100%; overflow: hidden;}
.filters-list-wrap li { display: block; float: left; margin-right: 6px; height: 24px; padding: 2px 16px; line-height: 24px; font-size: 1.4em;background: #000; color: #fff; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.filters-list-wrap li:first-child { background: none !important; padding-left: 0; color: #000 !important; font-weight: 600; margin-right: 0;}
.filters-list-wrap li a { color: #fff; font-weight: 500; margin-left: 10px; text-decoration: none !important;}

/* Work Order Details
--------------------------------------------------------------------------------------- */

.work-order-details-wrap.list-rows.full { padding-left: 30px; }
.work-order-details-wrap.list-rows .work-order-details-head .left { width: 100%; }
.work-order-details-content { border-top: 1px solid #ddd; width: 100%;}
.work-order-details-content .left { width: 60%;}
.work-order-details-content .right { width: 37%;}
.work-order-details-content.property-details-content .left { width: 58%;}
.work-order-details-content.property-details-content .right { width: 37%;}


.details-list li { font-size:1.8em; line-height:1.5em; overflow: hidden; margin-bottom: 12px;}
.details-list li span.label { display: block; width: 40%; font-weight: 600; float: left;}
.details-list li span.label-value { display: block; width: 60%; float: left;}

.notes-row { padding-left: 60px; position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.notes-row img { position: absolute; top: 0; left: 0; width: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.notes-row p { font-size: 1.6em; line-height: 1.5em; margin: 10px 0 0 0 !important;}
.notes-row .comment-name-date { font-size: 1.6em; line-height: 1em; margin: 0 !important;}
.notes-row .comment-name-date b { font-weight: 600; margin-right: 20px;}
.notes-row textarea { height: auto !important; width: 100% !important; clear: left !important; padding: 10px 16px !important; line-height: 1.6em !important; border: 1px solid #f5f5f5 !important; background: #f5f5f5; font-size: 1.6em !important; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* Secondary Menu
--------------------------------------------------------------------------------------- */

.secondary-menu { display: flex; justify-content: space-between; border-top: 1px solid #ddd; }
.secondary-tab { flex-grow: 1; flex-basis: 0; font-size: 2em; padding: 10px 20px; text-align: center; text-decoration: none; color: #333; border-radius: 6px; transition: background-color 0.3s ease; background: #ddd; box-sizing: border-box; }
.secondary-tab + .secondary-tab { margin-left: 16px; }
.secondary-tab:first-child { margin-left: 0; }
.secondary-tab:last-child { margin-right: 0; }
.secondary-tab.active, .secondary-tab.active:hover, .secondary-tab:hover { background: #000; color: #fff; text-decoration: none;}


/* Vehicle Details
--------------------------------------------------------------------------------------- */

.breadcrumbs { font-size: 1.4em; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
.breadcrumbs a { color: #999;}
.breadcrumbs a:hover { color: #555; text-decoration: none;}

.vehicle-details-header { width: 100%; padding-left: 210px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100px;}
.vehicle-details-image { width: 180px; position: absolute; top: 0; left: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
a.btn-image-edit { display: block; width: 24px; height: 24px; position: absolute; bottom: 10px; right: 10px; padding: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; background: #dd4032; }
a.btn-image-edit:hover { background: #9b1e13;}

.vehicle-details-header-content { height: 100px; border-bottom: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.vehicle-details-header-content h2 { font-size: 3em; padding-top: 10px !important; font-weight: 600;}

.vehicle-menu { width: 100%; position: absolute; bottom: -1px; left: 0; z-index: 2;}
.vehicle-menu li { font-size: 1.6em; float:left; display:block; margin-right: 3vw; border-bottom: 5px solid transparent; padding-bottom: 12px; }
.vehicle-menu li a { color: #999; font-weight: 600; }
.vehicle-menu li:hover, .vehicle-menu li.active { border-bottom: 5px solid #dd4032; padding-bottom: 12px; }
.vehicle-menu li:hover a, .vehicle-menu li.active a { color: #333;  }
.vehicle-menu li a:hover { color: #333; text-decoration: none; } 

.icon-list-items li { padding-left: 40px; font-size: 1.6em; margin-bottom: 30px; background-position: 0 0; background-color: none; background-repeat: no-repeat; }
.icon-list-items li.person { background-image: url('../images/icon-person.svg'); background-size: 24px 26px; }
.icon-list-items li.location { background-image: url('../images/icon-location.svg'); background-size: 24px 33px; }

/* Grids
--------------------------------------------------------------------------------------- */

.grid-two .panel { width: 47.5%; margin-right: 5%; float:left; display:inline;}
.grid-three .panel { width: 32%; margin-right: 2%; float:left; display:inline;}
.grid-four .panel { width: 23.5%; margin-right: 2%; float:left; display:inline;}
.grid-five .panel { width: 18.8%; margin-right: 1.5%; float:left; display:inline;}
.panel.alt { clear: left;}
.panel.last { margin-right: 0;}
.panel.alt { clear: left;}
.panel.last { margin-right: 0;}


/* Forms
--------------------------------------------------------------------------------------- */

.form-wrapper {  }
.form_wrapper.gravity-theme .gform_fields { display: block !important;}
.form_wrapper { width:100%; margin:0 auto 0 auto !important; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
.form_wrapper label { font-size:16px !important; color:#333; font-family:'source-sans-pro', Helvetica, Arial, sans-serif !important; font-weight:600;  }
.work-order-details-content .right .form_wrapper label { font-size: 1.8em !important;}

.form-section-title { font-size: 2.4em; font-weight: 600; margin-bottom: 24px; }

.alert-message { width: 100%; padding: 12px; text-align: center; margin-bottom: 20px; background: #2ecb72; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.alert-message p { margin: 0 !important; color: #fff !important;}
.alert-message.warning {  background: #faad14;}
.alert-message.error {  background: #dd4032;}
.alert-message.info {  background: #52c41a;}

.form-row { margin:0 0 20px 0 !important; }
.form-row .left, .form-row .right { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-row .left { padding-right: 10px;}
.form-row .right { padding-left: 10px;}
.form-row:last-child { margin-bottom: 0 !important;}
.form-row .csz {float:left; display:inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-row .city { width: 50%; padding-right: 10px;}
.form-row .state { width: 35%; padding-right: 20px; padding-left: 10px;}
.form-row .zip { width: 15%;}

.form_wrapper input.input-field,
.form_wrapper select,
.form_wrapper textarea,
.form_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 54px; border: 1px solid #f5f5f5; background: #f5f5f5; font-size: 1.8em !important; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; margin-top: 6px; line-height: 54px; padding: 0 20px !important; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:block !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.form_wrapper select { -webkit-appearance: none; -moz-appearance: none; background:#f5f5f5 url(../images/select-arrow-down.png) no-repeat; background-position: right 18px bottom 50%; border: 1px solid #f5f5f5; padding-right:0 !important; background-size: 14px 8px;}

.form_wrapper textarea,
.form_wrapper textarea.large { height: 160px !important; width: 100% !important; clear: left !important; padding: 12px 20px !important; line-height: 1.6em !important;}
.form_wrapper textarea.expand { resize: none; overflow: hidden; }

.gfield_radio input, .gfield_checkbox input { border: 1px solid #ddd; background: #eee; margin-right: 10px !important; float: left; margin-top: 4px !important; }
.form_wrapper ul.gfield_checkbox li, .form_wrapper ul.gfield_radio li { font-size: 1.6em; font-weight: 400 !important;}
.form_wrapper ul.gfield_checkbox li label, .form_wrapper ul.gfield_radio li label { font-weight: 400 !important;}

.form_wrapper input.input-field.input-cal { background:#f5f5f5 url(../images/icon-calendar.png) no-repeat !important; background-size: 16px 16px !important; background-position: right 18px bottom 50% !important; }

.submit-row { margin:20px 0 0 0 !important; }
.submit-row.marg-t-30 { margin:30px 0 0 0 !important; }
.submit-row.marg-t-40 { margin:46px 0 0 0 !important; }
.submit-row input.btn-submit,
.submit-row input[type=image],
.submit-row input[type=submit] { display:block !important; float:none !important; text-align:center; margin:0 !important; padding: 0 24px; height: 54px; line-height: 50px; color: #fff; font-size: 2em !important; min-width: 120px; text-align: center; font-weight: 400; background: #dd4032; border: 1px solid #dd4032; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }

.submit-row input.btn-submit:hover,
.submit-row input[type=image]:hover,
.submit-row input[type=submit]:hover { background:#9b1e13 !important; color:#fff !important; border-color: #9b1e13; cursor: pointer !important;}

.submit-row.with-text-link { width: 100%; overflow: hidden;}
.submit-row.with-text-link input.btn-submit { float: left !important; }
.submit-row.with-text-link h3 { float: left; margin: 20px 0 0 20px;  }
.submit-row.with-text-link h3 a { color: #999;}
.submit-row.with-text-link h3 a:hover { color: #333; text-decoration: none;}

.form_wrapper ul li.gfield, .form_wrapper .gfield { margin-top:30px !important;  }
.form_wrapper ul.gform_fields li.gfield, .form_wrapper .gfield { width:50%; float:left; display:inline; clear:none !important; padding-left:15px !important; padding-right:15px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
.form_wrapper ul.gform_fields li.gfield.full, .form_wrapper .gfield.full { width:100%; clear:left !important; }
.gform_confirmation_message { background:green; margin-top: 40px; padding:30px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; text-align:center; font-size:1.6em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
.email-bottom { padding:100px 0; background:#eee;  }
.home .email-bottom { background:#fff;  }

.form_wrapper .error label { color: #dd4032 !important;}
.form_wrapper .error input.input-field,
.form_wrapper .error textarea,
.form_wrapper .error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 1px solid #fececf; background: #fececf; }
.form_wrapper .error select { background-color: #fececf; border-color: #fececf;}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { background:none !important;  }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { background:none !important;  }

.ginput_container_select { padding:0; margin:0; border:0; width:100%; border-radius:0; background-color:transparent; position:relative; background:transparent url(../images/arrow-select-black.png) no-repeat 96% 50%; padding-right:0 !important; background-size: 14px 10px;  }
.ginput_container_select:hover { background:transparent url(../images/arrow-select-black.png) no-repeat 96% 50%; background-size: 14px 10px;  }
.ginput_container_select select, .form_wrapper .ginput_container_time.gfield_time_ampm select { font-size:1.6em !important; color: #000 !important; font-family:'source-sans-pro', Helvetica, Arial, sans-serif; font-weight:400; color:transparent; width:100% !important; box-shadow:none; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important; box-sizing:border-box !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../images/arrow-select-black.png) no-repeat 96% 50% !important; background-size: 14px 10px !important;   }
.ginput_container_select select:hover, .form_wrapper .ginput_container_time.gfield_time_ampm select:hover { color: #000 !important; background:#fff url(../images/arrow-select-black.png) no-repeat 96% 50% !important; background-size: 14px 10px !important;  }
.ginput_container_select.active select { color:#000 !important;  }
.ginput_container_select select:focus { outline:none;  }

.gform_footer { width: 100%; clear: both; }

.form_wrapper ul.gform_fields li.gfield span.name_first { padding-right: 20px !important;}
.form_wrapper ul.gform_fields li.gfield span.name_last { padding-left: 8px !important; margin-right: -2px !important;}
.form_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .form_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .form_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle { padding-top: 0 !important;}

.form_wrapper .field_sublabel_below span label { font-size:1.4em; color:#999; font-family:'source-sans-pro', Helvetica, Arial, sans-serif !important; font-weight:400; font-style: italic; margin-bottom: 0 !important;  }

.gform_ajax_spinner, textarea#g-recaptcha-response, textarea.g-recaptcha-response { display: none !important; }

.split .form_wrapper ul.gform_fields li.gfield, .split .form_wrapper .gfield { padding: 0 !important; width:100%; max-width: 300px;}
.split .form_wrapper .gform_footer input.button, .split .form_wrapper .gform_footer input[type=image], .split .form_wrapper .gform_footer input[type=submit] { margin: 0 !important; max-width: 120px; font-size: 16px !important;}
.split .form_wrapper ul li.gfield, .split .form_wrapper .gfield { margin: 0 !important;}
body .split .form_wrapper ul li.field_description_below div.ginput_container_checkbox, body .split .form_wrapper ul li.field_description_below div.ginput_container_radio { margin: 0 0 24px 0 !important;}
.split .gform_confirmation_message { margin-top: 0 !important;}

.hour_minute_colon { height: 45px !important; line-height: 45px !important; font-size: 1.8em !important; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; margin-top: 0 !important;  padding: 0 !important; width: 20px !important; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:block !important;}
.form_wrapper .ginput_container_time { width: 64px !important; min-width: 64px !important;}
.form_wrapper .ginput_container_time.gfield_time_ampm { width: 100px !important; min-width: 100px !important;}
.form_wrapper .ginput_container_time.gfield_time_ampm select, .form_wrapper .ginput_container_time.gfield_time_ampm select { background-position: 75% 50% !important; }

.ginput_container_date input { background:transparent url(../images/icon-form-cal.png) no-repeat 96% 50%; padding-right:0 !important; background-size: 14px 14px; }

.upload-photo { border: 2px dashed #196ee0; background-color: #f4f9ff; border-radius: 5px; padding: 40px 20px; text-align: center; cursor: pointer; }
#upload-input { display: none; }
#upload-label { display: block; }
.upload-inner { color: #666; }
.upload-inner i { font-size: 40px; margin-bottom: 10px; }
.upload-inner p { margin: 0; font-size: 24px !important; line-height: 30px; color: #000; }

.uploaded-images-list li { border-bottom: 1px solid #ddd; line-height: 24px; position: relative; padding: 14px 10px 14px 54px; overflow: hidden; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.uploaded-images-list.no-images li { padding-left: 10px;}
.uploaded-images-list li.alt { background-color: #f5f5f5;}
.uploaded-images-list img { max-width: 30px; position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
a.btn-delete { width: 22px; height: 22px; display: block; }
.uploaded-images-list a.btn-delete { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }
.uploaded-images-list h3 { line-height: 24px; font-size: 1.6em;}

.uploaded-images-list.no-images.provider-list li { padding-left: 0 !important; padding-right: 50px !important;}

span.required { color: #dd4032 !important;}

.select-bar-wrap { display: none; padding: 30px; background: #dd4032; position: fixed; z-index: 9; bottom: 0; left: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.select-bar-option { float:left; display:inline; width: 25%; }
.select-bar-wrap .form_wrapper select { margin: 0 !important;}
input.btn-select-bar { display:block !important; float:right !important; text-align:center; margin:0 !important; padding: 0 24px; height: 54px; line-height: 50px; color: #fff; font-size: 2em !important; min-width: 120px; text-align: center; font-weight: 400; background: #000; border: 1px solid #000; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
input.btn-select-bar:hover { background:#fff !important; color:#000 !important; border-color: #fff; cursor: pointer !important;}

.add-row { border: 2px dashed #196ee0; padding: 20px; background-color: #f4f9ff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form_wrapper .add-row  select { background-color: #fff !important; margin: 0 !important; border-color: #c2d6ed;}
input.btn-add-row { display:block !important; float:left !important; text-align:center; margin:0 !important; padding: 0 24px; height: 54px; line-height: 50px; color: #fff; font-size: 1.8em !important; min-width: 120px; text-align: center; font-weight: 400; background: #196ee0; border: 1px solid #196ee0; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
input.btn-add-row:hover { background:#0e448d !important; color:#fff !important; border-color: #0e448d; cursor: pointer !important;}


/* Footer
--------------------------------------------------------------------------------------- */

.footer-wrap { padding-left: 270px;}
.logo-footer { position: absolute;top: 0; left: 0; z-index: 1; max-width: 190px;}

.footer-left {float:left; display:inline; width: 55%;}
.footer-right { float:right; display:inline; width: 40%;}
.footer-left .foot-menu-wrap { width: 46%;}
.footer-left .foot-contact { width: 50%;}

.social-media-icons { float: right; margin-right: 40px; margin-top: 10px;}
.social-media-icons li { display: inline; float: left; margin-right: 24px;}
.social-media-icons li:last-child { margin-right: 0;}
.social-media-icons li a { display: block; width: 26px; height: 26px; }
.social-media-icons svg { width: 26px; height: 26px;}
.social-media-icons a:hover svg path { fill: #dd4032 !important; }

.footer a.button { float: right; color: #fff;}
.foot-contact p { font-size: 1.4em; line-height: 1.7em; margin: 0 !important;}
.foot-contact p:first-child { margin-bottom: 10px !important; }
.foot-contact p b { font-size: 1.8em; }

.foot-nav li { font-size: 3em; text-transform: uppercase;}
.foot-nav li a:hover { text-decoration: none;}

.copyright { font-size: 1em; color: #a5a5a5; margin-bottom: 0 !important;}
p.copyright a { font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; font-size: 1.4em; margin-left: 4px; color: #a5a5a5 !important;}
p.copyright a:hover { color: #fff !important; text-decoration: none;}



/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


@media only screen
and (max-width : 2260px) {


}


@media only screen
and (max-width : 2000px) {


}


@media only screen
and (max-width : 1800px) {

}



@media only screen
and (max-width : 1770px) {


}

@media only screen
and (max-width : 1600px) {

	.image-split-wrap .right.pad-160 { padding: 120px !important;}

}


@media only screen
and (max-width : 1500px) {


}

@media only screen
and (max-width : 1350px) {

	.image-split-wrap .right.pad-160 { padding: 100px !important;}

}


@media only screen
and (max-width : 1300px) {


}



@media only screen
and (max-width : 1350px) {


}

@media only screen
and (max-width : 1200px) {

	.pad-100 { padding: 80px !important;}
	.pad-120 { padding: 80px !important;}
	.pad-160 { padding: 80px !important;}
	
	.pad-t-100 { padding-top: 80px !important;}
	.pad-t-120 { padding-top: 80px !important;}
	.pad-t-160 { padding-top: 80px !important;}
	.pad-t-200 { padding-top: 80px !important;}
	.pad-t-220 { padding-top: 80px !important;}
	.pad-b-100 { padding-bottom: 80px !important;}
	.pad-b-120 { padding-bottom: 80px !important;}
	.pad-b-160 { padding-bottom: 80px !important;}
	.pad-b-200 { padding-bottom: 80px !important;}
	.pad-b-220 { padding-bottom: 80px !important;}

	.pad-l-100 { padding-left: 80px !important;}
	.pad-l-120 { padding-left: 80px !important;}
	.pad-l-160 { padding-left: 80px !important;}
	.pad-l-200 { padding-left: 80px !important;}
	.pad-l-220 { padding-left: 80px !important;}
	.pad-r-100 { padding-right: 80px !important;}
	.pad-r-120 { padding-right: 80px !important;}
	.pad-r-160 { padding-right: 80px !important;}
	.pad-r-200 { padding-right: 80px !important;}
	.pad-r-220 { padding-right: 80px !important;}
	
	.pad-tb-100 { padding-top: 80px !important; padding-bottom: 80px !important;}
	.pad-tb-120 { padding-top: 80px !important; padding-bottom: 80px !important;}
	.pad-tb-160 { padding-top: 80px !important; padding-bottom: 80px !important;}
	.pad-tb-200 { padding-top: 80px !important; padding-bottom: 80px !important;}
	.pad-tb-220 { padding-top: 80px !important; padding-bottom: 80px !important;}

	.pad-lr-100 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-120 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-160 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-200 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-220 { padding-left: 80px !important; padding-right: 80px !important;}
	
	.marg-t-100 { margin-top: 80px !important;}
	.marg-t-120 { margin-top: 80px !important;}
	.marg-t-160 { margin-top: 80px !important;}
	.marg-t-200 { margin-top: 80px !important;}
	.marg-t-220 { margin-top: 80px !important;}
	.marg-b-100 { margin-bottom: 80px !important;}
	.marg-b-120 { margin-bottom: 80px !important;}
	.marg-b-160 { margin-bottom: 80px !important;}
	.marg-b-200 { margin-bottom: 80px !important;}
	.marg-b-220 { margin-bottom: 80px !important;}

	.marg-l-100 { margin-left: 80px !important;}
	.marg-l-120 { margin-left: 80px !important;}
	.marg-l-160 { margin-left: 80px !important;}
	.marg-l-200 { margin-left: 80px !important;}
	.marg-l-220 { margin-left: 80px !important;}
	.marg-r-100 { margin-right: 80px !important;}
	.marg-r-120 { margin-right: 80px !important;}
	.marg-r-160 { margin-right: 80px !important;}
	.marg-r-200 { margin-right: 80px !important;}
	.marg-r-220 { margin-right: 80px !important;}
	
	.marg-tb-100 { margin-top: 80px !important; margin-bottom: 80px !important;}
	.marg-tb-120 { margin-top: 80px !important; margin-bottom: 80px !important;}
	.marg-tb-160 { margin-top: 80px !important; margin-bottom: 80px !important;}
	.marg-tb-200 { margin-top: 80px !important; margin-bottom: 80px !important;}
	.marg-tb-220 { margin-top: 80px !important; margin-bottom: 80px !important;}

	.section { padding: 80px 0; }

	.image-split-wrap .right.pad-160 { padding: 80px !important;}

}

@media only screen
and (max-width : 1650px) {

	.grid-three .panel { width: 48%; margin-right: 4%; float:left; display:inline;}
	.grid-three .panel.last { margin-right: 4%; clear: left;}
	.grid-three .panel.second, .grid-three .panel.second.last { margin-right: 0;}
	.grid-three .panel.alt { clear: none !important;}

}

@media only screen
and (max-width : 1100px) {

	.footer-wrap { padding-left: 180px;}

}

@media only screen
and (max-width : 1000px) {

	.image-split-wrap .right.pad-160 { padding: 60px !important;}

}

@media only screen
and (max-width : 880px) {

	.form_wrapper label { font-size: 1.2em; }
	.form_wrapper input.large, .form_wrapper select.large, .form_wrapper input.large, .form_wrapper select.large, .form_wrapper input.medium, .form_wrapper select.medium,
	.form_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 1.5em !important; color: #000; }
	.form_wrapper textarea.large, .form_wrapper textarea.medium, .form_wrapper textarea { font-size: 1.5em !important; color: #000; }

	p { font-size:1.6em; }

	.wysiwyg h1 { font-size: 3em; }
	.wysiwyg h2 { font-size: 2.4em; }
	.wysiwyg h3, .wysiwyg h4 { font-size: 2em; }
	.wysiwyg ul li { font-size:1.6em; }
	.wysiwyg ol li { font-size:1.6em; }

	.footer-wrap { padding-left: 0;}
	.logo-footer { max-width: 120px; position: relative; margin-bottom: 40px;}

	.desktop { display: none !important;}
	.mobile { display: block !important;}
	
	a.btn-menu { width: 30px; padding: 10px; position: absolute;  top: 40px; right: 30px; z-index: 99;}

}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

	input { -webkit-appearance: none; border-radius: 0; }

}

@media only screen
and (max-width : 501px) {
	
	.pad-60 { padding: 40px !important;}
	.pad-80 { padding: 40px !important;}
	.pad-100 { padding: 40px !important;}
	.pad-120 { padding: 40px !important;}
	.pad-160 { padding: 40px !important;}
	
	.pad-t-50 { padding-top: 40px !important;}
	.pad-t-60 { padding-top: 40px !important;}
	.pad-t-80 { padding-top: 40px !important;}
	.pad-t-100 { padding-top: 40px !important;}
	.pad-t-120 { padding-top: 40px !important;}
	.pad-t-160 { padding-top: 40px !important;}
	.pad-t-200 { padding-top: 40px !important;}
	.pad-t-220 { padding-top: 40px !important;}
	.pad-b-50 { padding-bottom: 40px !important;}
	.pad-b-60 { padding-bottom: 40px !important;}
	.pad-b-80 { padding-bottom: 40px !important;}
	.pad-b-100 { padding-bottom: 40px !important;}
	.pad-b-120 { padding-bottom: 40px !important;}
	.pad-b-160 { padding-bottom: 40px !important;}
	.pad-b-200 { padding-bottom: 40px !important;}
	.pad-b-220 { padding-bottom: 40px !important;}

	.pad-l-50 { padding-left: 40px !important;}
	.pad-l-60 { padding-left: 40px !important;}
	.pad-l-80 { padding-left: 40px !important;}
	.pad-l-100 { padding-left: 40px !important;}
	.pad-l-120 { padding-left: 40px !important;}
	.pad-l-160 { padding-left: 40px !important;}
	.pad-l-200 { padding-left: 40px !important;}
	.pad-l-220 { padding-left: 40px !important;}
	.pad-r-50 { padding-right: 40px !important;}
	.pad-r-60 { padding-right: 40px !important;}
	.pad-r-80 { padding-right: 40px !important;}
	.pad-r-100 { padding-right: 40px !important;}
	.pad-r-120 { padding-right: 40px !important;}
	.pad-r-160 { padding-right: 40px !important;}
	.pad-r-200 { padding-right: 40px !important;}
	.pad-r-220 { padding-right: 40px !important;}
	
	.pad-tb-60 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-80 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-100 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-120 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-160 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-200 { padding-top: 40px !important; padding-bottom: 40px !important;}
	.pad-tb-220 { padding-top: 40px !important; padding-bottom: 40px !important;}

	.pad-lr-60 { padding-left: 40px !important; padding-right: 40px !important;}
	.pad-lr-80 { padding-left: 40px !important; padding-right: 40px !important;}
	.pad-lr-100 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-120 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-160 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-200 { padding-left: 80px !important; padding-right: 80px !important;}
	.pad-lr-220 { padding-left: 80px !important; padding-right: 80px !important;}
	
	.marg-t-50 { margin-top: 40px !important;}
	.marg-t-60 { margin-top: 40px !important;}
	.marg-t-80 { margin-top: 40px !important;}
	.marg-t-100 { margin-top: 40px !important;}
	.marg-t-120 { margin-top: 40px !important;}
	.marg-t-160 { margin-top: 40px !important;}
	.marg-t-200 { margin-top: 40px !important;}
	.marg-t-220 { margin-top: 40px !important;}
	.marg-b-50 { margin-bottom: 40px !important;}
	.marg-b-60 { margin-bottom: 40px !important;}
	.marg-b-80 { margin-bottom: 40px !important;}
	.marg-b-100 { margin-bottom: 40px !important;}
	.marg-b-120 { margin-bottom: 40px !important;}
	.marg-b-160 { margin-bottom: 40px !important;}
	.marg-b-200 { margin-bottom: 40px !important;}
	.marg-b-220 { margin-bottom: 40px !important;}

	.marg-l-50 { margin-left: 40px !important;}
	.marg-l-60 { margin-left: 40px !important;}
	.marg-l-80 { margin-left: 40px !important;}
	.marg-l-100 { margin-left: 40px !important;}
	.marg-l-120 { margin-left: 40px !important;}
	.marg-l-160 { margin-left: 40px !important;}
	.marg-l-200 { margin-left: 40px !important;}
	.marg-l-220 { margin-left: 40px !important;}
	.marg-r-50 { margin-right: 40px !important;}
	.marg-r-60 { margin-right: 40px !important;}
	.marg-r-80 { margin-right: 40px !important;}
	.marg-r-100 { margin-right: 40px !important;}
	.marg-r-120 { margin-right: 40px !important;}
	.marg-r-160 { margin-right: 40px !important;}
	.marg-r-200 { margin-right: 40px !important;}
	.marg-r-220 { margin-right: 40px !important;}
	
	.marg-tb-60 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-80 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-100 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-120 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-160 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-200 { margin-top: 40px !important; margin-bottom: 40px !important;}
	.marg-tb-220 { margin-top: 40px !important; margin-bottom: 40px !important;}

	.section { padding: 40px 0; width: 80%; }

	.popup-menu .left { width: 25%; }
	.popup-menu .right { width: 75%; padding: 40px; }

	.popup-menu ul { margin-top: 40px;}
	.popup-menu ul li { font-size: 5.25vw;}
	.popup-menu ul li a { display: block; padding: 10px 0; }
	.popup-menu h2 { margin-top: 16vh;}
	a.btn-close { top: 16px; right: 18px; z-index: 999;}

	.main-content { float:none; display:block; width: 100%}
	.sidebar { float:none; display:block; width: 100%}

	a.button { width: 100%; padding: 20px 0; float: none; text-align: center !important; }
	a.button.center { max-width: 100%;}

	.buttons a.button { width: 100%; }
	.buttons a.button.last { margin-top: 16px;}

	p { font-size:1.4em; }

	.wysiwyg h1 { font-size: 2.6em; }
	.wysiwyg h2 { font-size: 2em; }
	.wysiwyg h3, .wysiwyg h4 { font-size: 1.8em; }
	.wysiwyg ul li { font-size:1.4em; }
	.wysiwyg ol li { font-size:1.4em; }

	.wp-paginate { margin-top: 40px;}

	.form_wrapper ul li.gfield, .form_wrapper .gfield { margin-top: 14px !important;  }
	.form_wrapper ul.gform_fields li.gfield, .form_wrapper .gfield { width:100%; clear:left !important; padding-left:0 !important; padding-right:0 !important;  }
	.form_wrapper .gform_footer input.button,
	.form_wrapper .gform_footer input[type=image],
	.form_wrapper .gform_footer input[type=submit] { margin:14px auto 0 auto !important; padding: 16px 0; max-width: 100% !important; }
	.form_wrapper ul.gform_fields li.gfield span.name_first { padding: 0 !important;}
	.form_wrapper ul.gform_fields li.gfield span.name_last { padding-left: 0 !important; margin-right: -2px !important;}
	.split .form_wrapper ul.gform_fields li.gfield, .split .form_wrapper .gfield { max-width: 100% !important;}

	.grid-two .panel { width: 47.5%; margin-right: 5%; float:left; display:inline;}
	.grid-three .panel { width: 47.5%; margin-right: 5%; }
	.grid-three .panel.last { margin-right: 5%;}
	.grid-four .panel { width: 49%; margin-right: 2%; }
	.grid-two.mobile-full .panel, .grid-three.mobile-full .panel,.grid-four.mobile-full .panel { width: 100% !important; margin-right:0 !important; }
	.panel.alt-second { clear: left;}
	.panel.alt.second { clear: none !important;}
	.panel.second,.panel.second.last { margin-right: 0 !important;}

	.image-split { position: relative; width: 100%; height: 280px;}
	.image-split-wrap .right.pad-160 { width: 100%; padding-left: 8% !important; padding-right: 8% !important;}

	.footer-left {float:left; display:inline; width: 100%;}
	.footer-right { float:right; display:inline; width: 100%; margin-top: 40px;}
	.footer-left .foot-menu-wrap { width: 100%; }
	.footer-left .foot-contact { width: 100%; margin-top: 40px;}
	
	.foot-nav { margin-top: 16px; border-top: 1px solid #fff; }
	.foot-nav li { font-size: 2em; border-bottom: 1px solid #fff; margin: 0 !important; padding: 14px 0; }
	.footer { padding-bottom: 50px;}
	.footer a.button { float: none; display: block; padding-left: 0 !important; padding-right: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

	.social-media-icons { float: none; display: block; width: 120px; margin-right: auto; margin-left: 0; margin-top: 40px;}
	.social-media-icons svg, .social-media-icons li a { width: 24px !important; height: 24px !important;}
	
	.copyright { font-size: 1.4em; }
	p.copyright a { font-size: 1.2em; }

	.icon-content.icon-lr .panel { padding-left: 0 !important; width: 100% !important; margin-right: 0 !important; }
	.icon-content.icon-lr .icon { position: relative; width: 100%; max-width: 100px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 24px; }
	.icon-content.icon-lr .icon-content { width: 100%; padding-left: 0 !important; text-align: center;}

	a.btn-menu { top: 28px; right: 20px; z-index: 99;}

	.logo { max-width: 160px; margin-right: 0;}
	.header { padding-left: 30px; padding-right: 30px; padding-top: 15px !important;}
	
	.secondary-hero .overlay.pad-t-220 { padding-top: 100px !important;}

	.article-row .left { width: 100%; }
	.article-row .right { width: 100%; margin-top: 24px; }
	.article-row h2 { font-size: 2.2em; }
	.article-row h3 { font-size: 1.4em !important; letter-spacing: 2px; }

	.contact-wrap .left { width: 100%; }
	.contact-wrap .right { width: 100%; margin-top: 20px; }

	.titles { font-size: 3em !important; }
	.titles.small { font-size: 1.8em !important; }
	.titles.medium { font-size: 2.2em !important; }
	.titles.bigger { font-size: 3em !important; }
	.small-titles { font-size: 1.4em !important; letter-spacing: 3px; }
	.page-titles { font-size: 3em !important; }
	
	.hero-content.center-vh { top: 50% !important; }
	.hero-content.pad-lr-200 { padding-left: 10% !important; padding-right: 10% !important; }
	.hero-width { width: 100%; text-align: center;}

	.image-content .left { width: 100%;}
	.image-content .right { width: 100%; margin-top: 40px;}

	.two-image-content .left { width: 100%;}
	.two-image-content .right { width: 100%; margin-top: 40px;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	input { -webkit-appearance: none; border-radius: 0; }

}