/* Theme Name: Antigo Construction Custom Theme Theme URI: Author: Antenna | Digital Author URI: https://www.antennagroup.com Description: The Antigo Construction Family of Companies does one thing very well – break concrete pavements. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- CSS BASE --- *********************************************************************************/ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html {font-size: 100%;} body {margin:0;padding:0;font-size:16px; line-height:1.5; color:#363636;background:#fff; font-family:'Montserrat',sans-serif;} html,body {height:100%;} /* Titles */ h1, h2, h3, h4, h5, h6 {margin:0px 0px 20px 0px;line-height: 1.2;font-weight:900;font-style: normal; color:#363636;} h1 {font-size: 42px; line-height:1.1;} h2 { font-size: 32px;} h3 { font-size: 26px;} h4 { font-size: 22px;} h5 { font-size: 18px;} h6 { font-size: 16px;} .subheader {color: #595959; font-weight:300; margin:0 0 10px 0;} .hsmall {font-size:12px; color:#898989; text-transform:uppercase; margin:0; font-weight:normal;} .hlarge {font-size:50px;} .vspace {margin:0 0 5px 0;} /* Lists */ ul, ol {margin:0px 0px 18px 32px; padding: 0;} ul, ol, li {font-family:'Montserrat',sans-serif;} /* Paragraphs */ p {margin:0px 0px 18px 0px; font-family:'Montserrat',sans-serif;} address {margin: .75em 0;font-style: normal;} /* Links */ a {color:#c51d22; text-decoration:none; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} a:hover { color: #db2228; text-decoration:none;} a:hover, a:active, a:focus {outline:none;} a img {border: none;} /* Responsive Images */ img {max-width:100%; height:auto;} /* Misc inline elements */ em { font-style: italic;} strong { font-weight: bold;} /* Form */ input[type="text"], select, textarea {font-family:'Montserrat',sans-serif; font-size:16px;} /* Stopping superscript and subscript from augmenting the line's leading */ sup, sub {line-height: 0;} /* --- ADDITIONAL BASIC STYLES --- */ article, aside, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} abbr[title] {border-bottom: 1px dotted;cursor: help;} blockquote {margin: .75em 0 .75em 20px;padding: 0 0 0 10px;border-left: solid 2px #ddd;} q, cite {font-style: italic;} q cite, q q {font-style: normal} q:before, q:after {content: "";} blockquote p, li p {margin:0 0 18px 0;} dl {margin: .75em 0;} dt {margin: .75em 0 0 0;font-weight: bold;} dd {margin: .25em 0 .25em 32px;} table { margin: 0; border:0px; border-collapse: collapse; border-spacing: 0;} table td, table th { padding: 4px; border:0px; vertical-align: top;} .clr {clear:both;} .clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1} textarea{resize:vertical} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} ::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /******************************************************************************** --- Template - Main Layouts --- *********************************************************************************/ .container {margin:0 auto; padding:0px 15px; width:960px; position:relative;} .container:before,.container:after{content:" ";display:table}.container:after{clear:both}.container{*zoom:1} .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width:1440px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -10px; margin-right: -10px; margin-top: 0; margin-bottom: 0; max-width: none; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 10px; padding-right: 10px; width: 100%; float: left; } [class*="column"] + [class*="column"]:last-child { } [class*="column"] + [class*="column"].end { float: left; } /******************************************************************************** --- Template - Header --- *********************************************************************************/ #header {background:#fff; height:120px; color:#fff; position:fixed; top:0; left:0; width:100%; z-index:6; -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;} #header .row {max-width:none;} /******************************************************************************** --- Template - Header - Logo --- *********************************************************************************/ #logo {height:120px; display:inline-block; float:left; line-height:120px; -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; margin:0 0 0 15px;} #logo img {display:inline-block; vertical-align:middle;} /******************************************************************************** --- Template - Header - Companies --- *********************************************************************************/ #companies {float:right;} #companies ul {list-style:none; margin:0; padding:0;} #companies ul li {display:block;} #companies ul li a {display:block; color:#363636;} #companies li:not(.recycles) img {max-height: 50px; width: auto;} /******************************************************************************** --- Template - Nav/Body Framework --- *********************************************************************************/ #nav { position: fixed; height: 100%; left: 0; top: 0; bottom: 0; z-index: 3; width: 0; background:#363636 url(assets/images/nav-bg.jpg) repeat; -webkit-backface-visibility: hidden; transition: width 0.5s ease; -moz-transition: width 0.5s ease; -webkit-transition: width 0.5s ease; -o-transition: width 0.5s ease; padding-top: 120px; -webkit-box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35); overflow-y: auto; } #nav::-webkit-scrollbar {display: none;} #wrapper {min-height:100%;position:relative; transition:margin-left 0.5s ease;-moz-transition:margin-left 0.5s ease;-webkit-transition:margin-left 0.5s ease;-o-transition:margin-left 0.5s ease; position:relative; z-index:4; -webkit-backface-visibility: hidden;} #wrapper:before,#wrapper:after{content:" ";display:table}#wrapper:after{clear:both}#wrapper{*zoom:1} .overflow-hidden {overflow:hidden;} .nav-trigger {width:100%; height:60px; line-height:60px; text-align:left!important; border:none; margin:0; padding:0 15px; background:none; outline:none; color:#fff; text-transform:uppercase; text-align:left; position:relative;} .nav-trigger span.trigger-text {color:rgba(255,255,255,1); -webkit-transition:color 200ms ease-out;-moz-transition:color 200ms ease-out;transition:color 200ms ease-out;} .nav-trigger span.trigger-ico:after {content:"\f00d"; font-family:"FontAwesome";} .nav-collapse-toggle .nav-trigger span.trigger-ico:after {content:"\f0c9"; color:rgba(255,255,255,0.55); -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} .nav-collapse-toggle .nav-trigger:hover span.trigger-ico:after {color:rgba(255,255,255,1)} .nav-collapse-toggle .nav-trigger span.trigger-text {color:rgba(255,255,255,0);} #header .nav-trigger .trigger-text {display:none;} /******************************************************************************** --- Template - Nav - Login and Search Form --- *********************************************************************************/ #search-login input[type="text"]:focus, #search-login input[type="password"]:focus {border-color: rgba(0,0,0, 0.9);-webkit-box-shadow: 0 0 12px rgba(0,0,0, 0.9);-moz-box-shadow: 0 0 12px rgba(0,0,0, 0.9);box-shadow: 0 0 12px rgba(0,0,0, 0.9);} .search-login-top {padding:12px 15px; overflow:hidden; position:relative; background:rgba(37,37,37,0.50); border-top:1px solid rgba(24,24,24,0.50); border-bottom:1px solid rgba(24,24,24,0.50)} #search-form {width:100%; float:left; padding-right:90px;} #search-form .search-row {position:relative;} #search-form button {position:absolute; top:0; right:0; width:40px; height:40px; display:block; line-height:40px; text-align:center; color:rgba(0,0,0,0.65); -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out; font-size:16px;} #search-form button:hover {color:rgba(0,0,0,1);} #search-form input[type="text"] {margin:0; height:40px; border-color: rgba(0,0,0, 0.75);} #search-login .login, #search-login .account-link {position:absolute; top:12px; right:15px; height:40px; width:80px; text-align:center; margin:0;} #search-login .account-link {line-height: 40px;} #search-login .login a, #search-login .account-link a {color:#fff; line-height:40px; font-size:14px; display:block;} #search-login .account-link a {font-size: 12px; display: inline-block; vertical-align: middle; line-height: 1.2;} #search-login .login a:after {content:"\f0d7"; font-family:"FontAwesome"; margin:0 0 0 5px;} #search-login .account-link a:before {content:"\f007"; font-family:"FontAwesome"; margin:0 5px 0 0; font-size:12px;} .search-login-bottom {background:rgba(0,0,0,1.00) url(assets/images/bg-a.png) repeat; height:0; visibility:hidden; opacity:0; -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;-webkit-box-shadow:inset 0px 1px 8px 0px rgba(0, 0, 0, 0.55);-moz-box-shadow:inset 0px 1px 8px 0px rgba(0, 0, 0, 0.55);box-shadow:inset 0px 1px 8px 0px rgba(0, 0, 0, 0.55);} #search-login.active .search-login-bottom {height:auto; visibility:visible; opacity:1; padding:15px; } .search-login-bottom input[type="text"], .search-login-bottom input[type="password"] {background:rgba(54,54,54,0.50); border:none; color:#fff;} #login-form .l-row {position:relative; margin:0 0 15px 0;} #login-form input[type="text"], #login-form input[type="password"] {padding-left:45px; position:relative; margin:0;} #login-form .fa {position:absolute; top:50%; margin-top:-9px; left:15px; display:block; width:12px; height:18px; line-height:18px; z-index:1; font-size:17px; color:#9a9a99;} #login-form .fa-lock {font-size:18px; left:18px; margin-top:-7px;} #login-form .alert p {font-size:14px;} .search-login-bottom a.slide-toggle, .search-login-bottom a.slide-toggle:after {color:#636363; font-size:14px;} .search-login-bottom a.slide-toggle:hover, .search-login-bottom a.slide-toggle:hover:after {color:#fff;} .search-login-bottom .slide-content p {color:#fff; line-height:1.3; font-size:14px;} #forgotpassword-container > p {margin:0;} /******************************************************************************** --- Password Reset Form --- *********************************************************************************/ #resetpassform #pass1-text, #resetpassform .show-password #pass1 {display: none;} .login-username {margin-bottom: 1.25em;} .login-username input[type="password"] {margin-bottom: 0;} #pass-strength-result {display: none!important; padding: 0.3125em 0.9375em;} #pass-strength-result.short, #pass-strength-result.bad, #pass-strength-result.good, #pass-strength-result.strong {display: block!important;} #pass-strength-result.short, #pass-strength-result.bad {background-color: #f1adad; border-color: #e35b5b;} #pass-strength-result.good {background-color: #ffe399; border-color: #ffc733;} #pass-strength-result.strong {background-color: #c1e1b9; border-color: #83c373;} /******************************************************************************** --- Template - Nav - Main Menu --- *********************************************************************************/ #menu-wrap {position:relative;} #menu:after {content:""; display:block; width:5px; height:100%; position:absolute; top:0; right:0; -webkit-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35); z-index:10;} #menu ul { padding: 0; margin: 0; list-style: none; background: rgba(37,37,37,1.00);} #menu li {line-height:1.2;} #menu li, #menu a {display: block; outline: none; line-height:1.2;} #menu a {font-family: 'Montserrat',sans-serif; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; transition:all 300ms ease-out; position:relative; color:#fff; text-transform: uppercase;} #menu a:hover, #menu ul li.active > a, #menu ul ul li.selected a {background: rgba(255,255,255,0.08);} #menu > ul > li > a {padding: 12px 20px; font-size: 16px; font-weight: 300; color: #fff; border-bottom: 1px solid rgba(24,24,24,0.75);} #menu ul li.selected > a:before, #menu > ul > li.selected-disabled > a:before {content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: #c51d22; display: block; } #menu .menu-arrow { position: absolute; top: 0; right: 0; color: rgba(255,255,255,0.40); height:100%; width: 50px; text-align: center; line-height:1; display: block; background: rgba(250,250,250,0.05); } #menu .menu-arrow:after {font-family: "FontAwesome"; content: "\f078"; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease;} #menu li.active > a .menu-arrow:after, #menu li.selected > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } #menu li.active > ul, #menu li.selected > ul { display: block;} #menu ul ul { background:#1d1d1d; display:none;} #menu ul ul li a {text-transform: capitalize; font-size: 14px; padding-left: 24px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.75); color:rgba(255,255,255,0.80)} #menu ul ul li.selected > a:before {background: #464646;} #menu ul ul ul {background:#151515;} #menu ul ul ul li a { font-size: 12px; padding-left: 36px; border-bottom: 1px solid rgba(0,0,0,0.85);} /******************************************************************************** --- Template - Nav - Modules --- *********************************************************************************/ .nav-module {padding:0 30px; margin:25px 0;} .pm-module {display:block; background:rgba(37,37,37,0.50) url(assets/images/map-module-bg.png) top right no-repeat; border: 1px solid rgba(24,24,24,0.50); color:#fff; padding:18px 25px; text-shadow:0px 1px 2px rgba(0,0,0,0.50)} .pm-module:hover {color:#fff;} .pm-module p.pm-title {font-size:21px; margin:0 0 3px 0;} .pm-module p.pm-link {text-transform:uppercase; font-size:16px; font-weight:bold; color:#c51d22; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out; margin:0;} .pm-module:hover p.pm-link {color:#db2228;} .pm-module p.pm-link:after {content:"\f054"; font-family:"FontAwesome"; margin:0 0 0 7px;} /******************************************************************************** --- Template - Nav - Social Links--- *********************************************************************************/ .social-label {float:left; color:#fff; text-transform:uppercase; font-size:12px; line-height:28px;} .social-links {} .social-links ul {float:right; list-style:none; margin:0; padding:0;} .social-links ul li {display:block; float:left; margin:0 0 0 8px;} .social-links ul li a {display:block; color:#fff; width:28px; height:28px; line-height:28px; text-align:center; font-size:14px; transition:background .25s ease;} .social-links a.fa-facebook {background:#3B5999;} .social-links a.fa-facebook:hover {background:#496ebd;} .social-links a.fa-twitter {background:#4099FF;} .social-links a.fa-twitter:hover {background:#57a5ff;} .social-links a.fa-google-plus {background:#d34836;} .social-links a.fa-google-plus:hover {background:#e34e3b;} .social-links a.fa-youtube {background:#c4302b;} .social-links a.fa-youtube:hover {background:#d3342e;} .social-links a.fa-linkedin {background:#007bb6;} .social-links a.fa-linkedin:hover {background:#088ac8;} .social-links span {display:none;} /******************************************************************************** --- Template - Hero --- *********************************************************************************/ #hero {padding-top:120px;} #hero .slick-arrows {position:absolute; bottom:40px; right:20px; display:block; width:40px; height:40px; text-align:center; line-height:40px;} #hero .slick-prev {right:70px;} #hero .slick-arrows:after {font-family:"FontAwesome"; color:#fff; font-size:32px; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} #hero .slick-arrows:hover:after {color:#e6171e;} #hero .slick-prev:after {content:"\f053";} #hero .slick-next:after {content:"\f054";} #hero .slick-arrows span {display:none;} #hero .caption {position:absolute; bottom:0; left:0; padding:30px; text-shadow:0px 1px 2px rgba(0,0,0,0.45)} #hero .details {font-size:18px; color:#fff; line-height:1.2; margin:0 0 5px 0;} #hero .details span.loc:not(:empty):after {content:"|"; margin:0 7px 0 13px;} #hero .details .tag {color:#fff; border-bottom:1px dotted rgba(255,255,255,0.65); margin:0 7px 0 0 ;} #hero .details a.tag:hover {color:#e6171e;} #hero .details .tag:not(:empty):before {content:"\f02c"; font-family:"FontAwesome"; margin:0 5px 0 0;} #hero .details :last-child {margin:0;} #hero .name {font-size:36px; color:#fff; line-height:1.2; margin:0 0 10px 0;} #hero .more-link {color:#fff; font-weight:bold; text-transform:uppercase; font-size:20px; line-height:1.2;} #hero .more-link:hover {color:#ff282f;} #hero .more-link:after {content:"\f054"; font-family:"FontAwesome"; margin:0 0 0 10px; font-size:18px;} #hero .slick-dots {list-style:none; margin:0; padding:0; position:absolute; bottom:50px; right:120px;} #hero .slick-dots li {display:block; float:left;} #hero .slick-dots button {width:20px; height:20px; background:#fff; text-indent:-9999em; margin:0 5px; display:block; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} #hero .slick-dots button:hover {background:#ccc;} #hero .slick-dots li.slick-active button, #hero .slick-dots button:active {background:#e6171e;} .touch #hero .slick-arrows, .touch #hero .slick-dots {display:none!important;} /******************************************************************************** --- Slick Slider --- *********************************************************************************/ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(assets/images/ajax-loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; width:100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /******************************************************************************** --- Section - About --- *********************************************************************************/ #section-about {overflow:hidden;} #section-about :last-child {margin:0;} .about-left {float:left; width:50%; padding:25px; background:#f1f1f1;} .about-right {float:right; width:50%; #fff;} .about-cta {padding:25px; background:#c51d22; color:#fff;} .about-cta h5 {color:#fff; font-size:28px;} .about-cta p {color:#fff;} .about-companies {padding:25px; overflow:hidden;} .company-item {float:left; width:49%; margin:0 2% 18px 0;} .company-item:nth-child(2n) {margin-right:0;} .company-item p {margin:0;} .company-item p.name {font-weight:bold;} .company-item p.loc {margin:0 0 10px 0;} .company-item p.actions {font-size:14px;} .company-item p.actions a:after {content:"\f054"; font-family:"FontAwesome"; margin:0 0 0 7px; color:#363636;} /******************************************************************************** --- Module - General Contact --- *********************************************************************************/ .module-contact-top {padding:20px; background:#c51d22; color:#fff;} .module-contact-top h5 {color:#fff; font-size:24px; margin:0 0 12px 0;} .module-contact-top p {color:#fff; margin:0;} .module-contact-actions {padding:25px; background:#fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(215,215,215, 1);-moz-box-shadow: inset 0px 0px 0px 1px rgba(215,215,215, 1);box-shadow: inset 0px 0px 0px 1px rgba(215,215,215, 1);} .module-contact-actions a {font-size:16px; margin:0 10px 0 0; font-weight:bold;} .module-contact-actions a:after {content:"\f054"; font-family:"FontAwesome"; margin:0 0 0 7px; color:#363636; font-size:14px;} #project-detail .module-contact {overflow:hidden; background:#fff; margin:35px 0;} #project-detail .module-contact-top {float:left; width:65%;} #project-detail .module-contact-actions {float:right; width:35%; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} #webapp-sub-cat, #webapp-primary-cat {display:none;} /******************************************************************************** --- Sections Layouts --- *********************************************************************************/ .section-dark {padding:35px 0; background:#363636 url(assets/images/bg-b.png) repeat;} .section-light {padding:35px 0; background:#fff url(assets/images/bg-rocks.jpg) center center; background-size:cover;} .section-nobg {padding:35px 0;} /******************************************************************************** --- Service List --- *********************************************************************************/ .service-item {background:#fff;} .service-item .image {position:relative;} .service-item .image img {display:block; width:100%;} .service-item .image .overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} .service-item .image .overlay em {display:block; width:80px; height:80px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; color:#fff; font-size:38px; text-align:center; line-height:80px} .service-item:hover .image .overlay {opacity:1;} .service-item p.title {padding:15px; font-size:20px; margin:0; color:#363636; font-weight:bold;} .service-item p.more {display:block; padding:0 15px; height:55px; line-height:55px; color:#c51d22; text-transform:uppercase; font-size:16px; border-top:1px solid #d7d7d7; position:relative; font-weight:bold; margin:0;} .service-item p.more:after {content:"\f054"; font-family:"FontAwesome"; position:absolute; bottom:0; right:0; width:60px; height:100%; border-left:1px solid #d7d7d7; text-align:center; font-size:21px; color:#363636; } /******************************************************************************** --- Machines List --- *********************************************************************************/ .machines-item .image {text-align:center; position:relative;} .machines-item p.name {text-align:center; font-size:20px; font-weight:bold; color:#c51d22;} .machines-item .image .overlay {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} .machines-item .image .overlay em {display:block; width:80px; height:80px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0.85); position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; color:#fff; font-size:38px; text-align:center; line-height:80px} .machines-item:hover .image .overlay {opacity:1;} /******************************************************************************** --- Media List --- *********************************************************************************/ .media-list-container {min-height:475px;} .media-item {background:#fff; position:relative; padding-bottom:55px;} .media-header {padding:15px; position:relative;} .media-header.media-header-new {padding-right:50px; overflow:hidden;} .media-header p {margin:0; font-size:12px; text-transform:uppercase;} .media-header a.cat:after {content:"-"; margin:0 3px 0 5px; color:#363636;} .media-header a.tag {border-bottom:1px dotted rgba(255,255,255,0.65)} .media-header .sub-cat:empty {display:none;} .media-header .sub-cat:before {content:" > "; padding: 0 2px;} .media-header a.tag:hover {color:#e6171e;} .media-header a.tag:not(:empty):before {content:"\f02c"; font-family:"FontAwesome"; margin:0 5px 0 0; color:#363636;} .media-header p.date {color:#898989;} .new-flag {position:absolute; top:-32px; right:-7px; width: 0;height: 0;border-style: solid;border-width:50px 0 50px 50px;border-color: transparent transparent transparent #c51d23; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .new-flag i {color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; top:-14px; left:-51px; -ms-transform: rotate(92deg); -webkit-transform: rotate(92deg); transform: rotate(92deg);} .media-item.news .media-post :last-child {margin:0;} .media-item p.more {margin:0; position:absolute; bottom:0; left:0; width:100%;} .media-item p.more a {display:block; padding:0 15px; height:55px; line-height:55px; color:#c51d22; text-transform:uppercase; font-size:16px; border-top:1px solid #d7d7d7; position:relative; font-weight:bold; margin:0;} .media-item p.more a:after {content:"\f054"; font-family:"FontAwesome"; position:absolute; bottom:0; right:0; width:60px; height:100%; border-left:1px solid #d7d7d7; text-align:center; font-size:21px; color:#363636; } .media-item p.testimonial-short {font-style:italic;} .media-item p.testimonial-cite {font-weight:600; line-height:1.2;} #media-detail .media-header {padding:0; margin:0 0 12px 0;} #media-detail blockquote {font-size:20px;} .media-video-container {margin:0 0 24px 0;} .media-footer-bar {background:#fff; height:50px; line-height:50px; padding:0 20px; margin:40px 0 10px 0; border:1px solid #ccc;} .media-footer-bar a {color:#363636; font-weight:600;} .media-footer-bar a:hover {color:#c51d22;} /******************************************************************************** --- Media List - Filter --- *********************************************************************************/ .media-filter {margin:20px 0 60px 0;} .media-filter h4 {margin:0 0 5px 0;} .media-filter [class*="column"] + [class*="column"]:last-child {float:left;} /******************************************************************************** --- Media List - Testimonial --- *********************************************************************************/ .media-item.testimonial .media-post {padding:15px;} .media-list-a .media-item-parent:nth-child(3n+1) {clear:both;} .media-list-a {position:relative;} .media-list-a [class*="column"] + [class*="column"]:last-child {float:left;} .media-list-a, .media-featured-row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .media-list-a .media-item, .media-featured-row .media-item {height: 100%;} .media-list-a .media-item-parent, .media-featured-row .media-item-parent {margin-bottom: 1.875em} /******************************************************************************** --- Media List - Video --- *********************************************************************************/ .media-item.video .media-post .title {margin:0; font-size:18px; height:46px; font-weight:bold; padding:0 15px; color:#363636; line-height:1.3;} .media-post .video {position:relative; max-height:300px; overflow:hidden; display:block;} .media-post .video img {width:100%; display:block;} .media-post .vid-overlay {position:absolute; width:100%; height:100%; display:block; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .media-post .vid-overlay i {position:absolute; top:50%; left:50%; width:68px; height:68px; margin:-40px 0 0 -40px; font-size:32px; background:rgba(255,255,255,0.65); text-align:center; line-height:68px; color:#c51d22; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .media-post .video:hover .vid-overlay {background:rgba(0,0,0,0.65);} /******************************************************************************** --- Media List - Article --- *********************************************************************************/ .media-item.articles .media-post .title {margin:0 0 5px; font-size:18px; height:46px; font-weight:bold; padding:0 15px; color:#363636; line-height:1.3;} .media-item.articles .post-short {font-size:16px; padding:0 15px; color:#363636; line-height:1.3;} /******************************************************************************** --- Media List - News --- *********************************************************************************/ .media-item.news .media-post {padding:15px;} .media-item.news .media-post .title {margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#363636; line-height:1.3;} .media-item.news .media-post p {font-size:14px; line-height:1.3;} /******************************************************************************** --- Media List - Downloads --- *********************************************************************************/ .media-item.downloads .media-post {padding:15px;} .media-item.downloads .media-post .title {margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#363636; line-height:1.3;} .media-item.downloads .media-post p {font-size:14px; line-height:1.3;} .media-item.downloads p.more a:after {content:"\f1c1";} /******************************************************************************** --- Load More Pagination Replacement --- *********************************************************************************/ .load-more-pagination__settings, .load-more-pagination__filter-settings, .load-more-pagination__bucket, .load-more-wrap {display:none;} .load-more-wrap {height:60px; line-height:60px; background:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; margin:50px 0;} .load-more, .load-all {display:inline-block; height:60px; line-height:60px; background:#c51d22; color:#fff; font-size:24px; font-weight:900; padding:0 30px; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .load-more:hover {color:#fff; background:#363636;} .load-all {background:#363636; color:#fff; font-size:17px; vertical-align:top; padding:0 18px;} .load-all:hover {background:#c51d22; color:#fff;} /******************************************************************************** --- Load More Pagination --- *********************************************************************************/ /******************************************************************************** --- Projects - Main --- *********************************************************************************/ #project-main {} #project-main .about-cta {margin-top:40px;} #project-main .about-cta h5 {margin:0 0 5px 0;} #project-main .about-cta p {margin:0;} #project-main .about-companies {background:#fff; border-bottom:1px solid #d7d7d7; margin:0 0 45px 0;} #project-main .company-item {width:30.66666666666667%; margin-right:4%;} #project-main .company-item:nth-child(3n) {margin-right:0;} #project-main .service-item {margin-bottom:20px;} /******************************************************************************** --- Projects Sub --- *********************************************************************************/ .project-process {margin:0 0 40px 0;} .process-item {background:#fff;} .process-item a {display:block;} .process-item a:hover .image i {background:rgba(0,0,0,0.75);} .process-item .image {position:relative;} .process-item .image i {position:absolute; top:20px; right:20px; width:36px; height:36px; line-height:36px; text-align:center; background:rgba(0,0,0,0.50); color:#fff; font-size:20px; -webkit-transition:background-color 300ms ease;-moz-transition:background-color 300ms ease;transition:background-color 300ms ease;} .process-item .image img {display:block; width:100%;} .process-item .description {padding:12px 12px 20px 56px; position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px rgba(215,215,215, 1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(215,215,215, 1);box-shadow:inset 0px 0px 0px 1px rgba(215,215,215, 1); min-height:46px;} .process-item .description p {color:#363636; margin:0;} .process-item .counter {position:absolute; top:0; left:0; width:46px; height:46px; line-height:46px; font-size:26px; font-weight:bold; color:#fff; background:#c51d22; text-align:center;} /******************************************************************************** --- Project --- *********************************************************************************/ .project-details h5 {margin:0;} .media-btn {display: block;padding: 0 15px 0 75px;height: 65px;line-height: 65px;color: #c51d22;text-transform: uppercase;font-size: 16px;border: 1px solid #d7d7d7; position: relative;font-weight: bold;margin: 0 0 30px 0; background:#fff;} .media-btn span {display: inline-block; vertical-align: middle; line-height: 1.2;} .media-btn:before {content: "\f00a";font-family: "FontAwesome";position: absolute;bottom: 0;left: 0;width: 60px;height: 100%;border-right: 1px solid #d7d7d7;text-align: center;font-size: 21px;color: #363636;} /******************************************************************************** --- Association List --- *********************************************************************************/ .association-list .assoc-item {border:1px solid #d7d7d7; } .association-list .assoc-item a {color:#363636;} .assoc-item img {display:block; margin:0 auto;} .assoc-item span {background:#fff; display:block; padding:15px; line-height:1.2; font-weight:bold; border-top:1px solid #d7d7d7;} /******************************************************************************** --- Badger Breaker --- *********************************************************************************/ .badger-detail img.alignright {margin-bottom:20px;} /******************************************************************************** --- Template - Footer --- *********************************************************************************/ #footer {background:#fff;} #f-companies {font-size: 16px; border-bottom:1px solid #ccc;} #f-companies.row {max-width:none;} #f-companies > div {text-align:center; border-right:1px solid #ccc; padding:2.1875em 0; height:200px;} #f-companies > div:last-child {border-right:none;} #f-companies > div span {display:block; margin:0 0 0.75em 0;} #f-companies p {font-size:0.875em; margin:0 0.75em; line-height:1.3;} #f-companies a {color:#363636;} #f-companies img {max-height: 3.125em; width: auto;} #f-companies p:before {font-weight:bold;} #f-companies p.email:before {content:"Email: "; } #f-companies p.phone:before {content:"Phone: ";} #f-bottom {padding:0.9375em 1.25em;} #f-bottom p {font-size:0.8125em; line-height:1.3; margin:0;} #f-bottom .copy a {color:#363636;} #f-bottom .copy a.cred {font-size:0.6875em;} #f-bottom .equal {text-align:right; color:#c51d22;} @media only screen and (max-width: 1299px) { #f-companies {font-size: 14px;} } @media only screen and (max-width: 959px) { #f-companies {font-size: 13px;} } @media only screen and (max-width: 640px) { #f-companies {font-size: 15px;} #f-companies > div {height: auto;} } /******************************************************************************** --- Template - Grid --- *********************************************************************************/ [class*="block-grid-"] { display: block; padding: 0; margin: 0 -7px; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 7px 20px; } /******************************************************************************** --- Template - Page Layouts --- *********************************************************************************/ .content-a {padding-top:120px; padding-bottom:45px; min-height:600px; background:#f1f1f1;} .primary-a {width:73%; float:right;} .secondary-a {width:24%; float:left;} /******************************************************************************** --- Template - Inner - Banner --- *********************************************************************************/ .banner {max-height:400px; width:100%; overflow:hidden; position:relative;} .banner img {display:block; width:100%;} .banner-body {margin:18px 0 24px 0;} .banner-b-margin {margin-bottom:25px;} /******************************************************************************** --- Template - Inner - Breadcrumbs --- *********************************************************************************/ .breadcrumbs {padding:12px 25px; border-bottom:1px solid #cccccc; margin:0 0 25px 0;} .breadcrumbs {color:#f1f1f1; font-size:0;} .breadcrumbs a {font-size:16px; color:#363636; font-weight:bold; line-height:1.2;} .breadcrumbs a:not(:last-child):after {content:"\f105"; font-family:"FontAwesome"; margin:0 7px;} .breadcrumbs a:last-child {color:#898989;} /******************************************************************************** --- Template - Inner - Select List --- *********************************************************************************/ .select-list {position:relative;} .select-list ul {list-style:none; margin:0; padding:0; background:#fff; border:1px solid #d7d7d7; border-top:none; display:none; position:absolute; width:100%; top:60px; left:0; z-index:100; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.15);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.15);} .select-list ul li {display:block;} .select-list ul li a {display:block; padding:12px; font-size:16px; color:#363636; border-bottom: 1px solid #d7d7d7; -webkit-transition:color 200ms ease-out, background-color 200ms ease-out;-moz-transition:color 200ms ease-out, background-color 200ms ease-out;transition:color 200ms ease-out, background-color 200ms ease-out;} .select-list ul li a:hover, .select-list ul li.selected {background:#ececec;} .select-list ul li.selected {cursor:default; pointer-events: none;} .select-list ul li:last-child a {border:none;} .select-toggle {background: #fff; border:1px solid #d7d7d7; height:60px; line-height:60px; font-size:18px; padding:0 10px; display:block; cursor:pointer;position:relative; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-weight:bold;} .select-toggle:after {content: "\f0d7";font-family: 'FontAwesome';display: block;position: absolute;top: 0px;right:0; width:60px; border-left:1px solid #d7d7d7; font-size:24px;text-align:center;} .select-toggle.active:after {content: "\f0d8";} /******************************************************************************** --- Template - Page Layouts Elements --- *********************************************************************************/ .intro {font-size:18px;} .content-box {background:#fff; padding:25px; border:1px solid #ccc;} ol.order-a { list-style: none; margin: 0 0 18px 0; padding-left: 25px; overflow:hidden; } ol.order-a li { position: relative; margin: 0 0 5px 0; counter-increment: ol; } ol.order-a li:before { content: counter(ol) '.'; position: absolute; margin: 0 0 0 -25px; font-weight: bold; color: #c51d22; } ul.bullet-a { list-style: none; margin: 0 0 18px 0; padding: 0; overflow:hidden; } ul.bullet-a li {margin: 0 0 5px 0; padding: 0px 0px 0px 17px; position:relative; } ul.bullet-a li:before {content: "\F054";font-family: 'FontAwesome'; font-size:13px;position: absolute;top: 3px;left: 0; color:#c51d22;} hr { border: none; height: 1px; background: #ccc; clear: both; margin: 25px 0; } img.aligntop { margin: 0 0 18px 0; } img.alignleft { float: left; margin: 6px 25px 0 0; } img.alignright { float: right; margin: 6px 0 0 25px; } img.border {border:1px solid #ccc; padding:4px; background:#fff;} p.back-link a {font-size:18px; margin:0 7px 0 0;} p.back-link a:last-child {margin:0;} p.back-link em {font-size:15px; margin-right:3px; color:#363636;} p.more-link a {font-size:18px; text-transform:uppercase;} p.more-link a:after {content: "\F054";font-family: 'FontAwesome'; margin:0 0 0 7px; color:#363636;} blockquote { font-size: 24px; font-weight: 300; font-style: italic; border-left: 4px solid #c51d22; margin: 0 0 25px 0; padding: 5px 0 10px 32px } blockquote .cite { font-style: normal; font-size: 18px; font-weight: 600; } blockquote :last-child { margin: 0; } .headline-a {position:relative;} .headline-a a {font-size:16px; text-transform:uppercase;} .headline-a a:after {content: "\F054";font-family: 'FontAwesome'; margin:0 0 0 12px;} .headline-a.light {color:#363636;} .headline-a.dark {color:#fff;} .headline-a.dark a {color:#898989;} .headline-a.dark a:hover {color:#e4e4e4} .headline-a.dark a:before { background:#363636; } .headline-a.dark a:after {color:#898989;} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /******************************************************************************** --- System Pages --- *********************************************************************************/ #system-box {padding:25px; background:#fff; border:1px solid #ccc; margin:40px 0;} /******************************************************************************** --- Site Search--- *********************************************************************************/ .search-results {background: #fff; padding: 1.25em 1.875em; border-bottom: 1px solid #d7d7d7} .search-results__item {} .search-results__item h3 {font-size: 1.1875em;} .search-results__item :last-child {margin-bottom: 0} /******************************************************************************** --- Custom Post Pagination --- *********************************************************************************/ .pagination {font-size:16px; margin-top:3.000em} .pagination:before,.pagination:after{content:" ";display:table}.pagination:after{clear:both} .pag-button {text-decoration: none; text-align: center; display:block; padding:0 1.250em; height:2.250em; line-height:2.250em; outline: none; color: #fff; background-color:#c51d22; text-transform: uppercase; font-weight: 700; transition:all 250ms ease;} .pag-button:hover {background-color: #db2228; color: #fff;} .pag-next, .pag-prev, .pag-jump {float:left;} .pag-prev {margin-right:0.250em;} .pag-jump {width:7.500em; position:relative; cursor:pointer; list-style:none; margin:0 0 0 0.938em; padding:0;} .pag-jump-label {display:block; text-align:center; height:2.250em; line-height:2.250em; background:#fff; border: 1px solid #d7d7d7; color:#898989; text-transform:uppercase;} .pag-jump-label:after {content:"\f078"; font-family: 'FontAwesome'; margin-left:0.375em;} .drop-active .pag-jump-label:after {content:"\f077"} .pag-jump ul {display:none; position:absolute; top:auto; right:0; width:100%; text-align:center; background:#fff; border: 1px solid #d7d7d7; list-style:none; margin:0.188em 0 0 0; padding:0;} .pag-jump ul li a {display:block; padding:0.375em 0.625em; line-height:1.2; border-bottom:1px solid #d7d7d7; transition:all 250ms ease;} .pag-jump ul li a:hover {background:#f1f1f1;} .pag-jump ul li.active a {background:#f1f1f1; color:#898989; cursor:default;} .pag-jump ul.dropdown-active {display:block; z-index:1; max-height:12.500em; overflow-y:auto} @media only screen and (max-width: 767px) { .pagination {font-size:15px;} } @media only screen and (max-width: 639px) { .pagination {font-size:14px;} } @media only screen and (max-width: 479px) { .pagination {font-size:13px;} } @media only screen and (max-width: 320px) { .pagination {font-size:11px;} } /******************************************************************************** --- Buttons --- *********************************************************************************/ button:not(.reset), .button {border-style: solid; border-width: 0px; cursor: pointer; font-weight: normal; line-height: normal; margin: 0 0 20px; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top:12px; padding-right: 45px; padding-bottom:12px; padding-left: 45px; font-size: 16px; background-color: #c51d22; color: white; transition: background-color 300ms ease-out; outline:none;} button:not(.reset):hover, button:not(.reset):focus, .button:hover, .button:focus { background-color: #db2228; color: white;} button.secondary, .button.secondary { background-color: #5b6477; color: #fff; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #6c768c; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #fff; } button.tertiary, .button.tertiary { background-color: #363636; color: #fff; } button.tertiary:hover, button.tertiary:focus, .button.tertiary:hover, .button.tertiary:focus { background-color: #4a4a4a; } button.tertiary:hover, button.tertiary:focus, .button.tertiary:hover, .button.tertiary:focus { color: #fff; } button.success, .button.success { background-color: #5995c1; border-color: #0088a0; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #0088a0; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #75c05d; border-color: #98204e; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #98204e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 18px; padding-right: 36px; padding-bottom: 19px; padding-left: 36px; font-size: 20px; } button.small, .button.small { padding-top: 14px; padding-right: 28px; padding-bottom: 15px; padding-left: 28px; font-size: 13px; } button.tiny, .button.tiny { padding-top: 10px; padding-right: 20px; padding-bottom: 11px; padding-left: 20px; font-size: 11px; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 12px; } button.right-align, .button.right-align { text-align: right; padding-right: 12px; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.reset {border:none; background:none; cursor: pointer; font-weight: normal; line-height: normal; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; outline:none;} @media only screen and (min-width: 40.063em) { button, .button { display: inline-block; } } /******************************************************************************** --- Template - Inner - Side Nav --- *********************************************************************************/ .side-nav {margin: 0px 0px 30px 0px; } .side-nav ul { list-style: none; margin: 0px; padding: 0px; overflow: hidden; } .side-nav a { font-size: 16px; color: #555; } .side-nav > ul > li { display: block; } .side-nav > ul > li > a { display: block; padding: 12px 15px; border-bottom: 1px solid #e9e9e9; font-size: 18px; transition: background .15s ease, color .15s ease; position: relative; color:#78bf9b; font-weight:700; } .side-nav > ul > li > a:hover, .side-nav > ul > li.selected > a {} /*--- #second level nav ---*/ .side-nav > ul > li.selected > ul { display: block; } .side-nav ul ul { } .side-nav ul ul li { display: block; } .side-nav ul ul li a { padding: 6px 15px 8px 27px; display: block; border-bottom: 1px solid #dddddd; font-size:16px; color:#0b486c; font-weight:700; } .side-nav ul ul li a:hover, .side-nav ul ul li.selected > a { background-position: 15px -43px; color: #78bf9b } /*--- #third level nav ---*/ .side-nav ul ul ul {display:none;} .side-nav ul ul li.selected ul {display:block;} .side-nav ul ul ul li a { padding: 4px 15px 4px 40px; background: none; font-size: 13px; font-weight:400; position:relative; } .side-nav ul ul ul li a:before {content: "\F054";font-family: 'FontAwesome'; font-size:10px;position: absolute;top: 6px;left: 25px; color:#0b486c;} .side-nav ul ul ul li a:hover, .side-nav ul ul ul li.selected a, .side-nav ul ul ul li a:hover:before { color: #78bf9b; } /******************************************************************************** --- Employee Secure Zone --- *********************************************************************************/ .account-links {font-size:16px;} .account-logout {color:#949494;} #company-documents {} .media-dl-item {padding:10px 15px; border-bottom:1px solid #ececec; position:relative; padding-left:24px;} .media-dl-item span.icon {display:block; position:absolute; top:50%; left:0; margin-top:-8px;} /******************************************************************************** --- Form Styling --- *********************************************************************************/ /* Standard Forms */ form { margin:0; } form h4 {margin:14px 0 10px 0;} /* Label Styles */ label { font-size:16px; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0;/* Styles for required inputs */ } /* Required */ .req {color:#c51d22; font-weight:900;} /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { -webkit-appearance: none; background-color: white; font-family: inherit; border: 1px solid #e5e5e5; color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin:0 0 12px 0; padding: 8px; height: 40px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border-color: rgba(197,29,34, 0.6);outline: 0;outline: thin dotted \9;-webkit-box-shadow:0 0 8px rgba(197,29,34, 0.6);-moz-box-shadow:0 0 8px rgba(197,29,34, 0.6);box-shadow:0 0 8px rgba(197,29,34, 0.6); outline: none;} input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #dddddd; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius { border-radius: 3px; } input[type="submit"] { -webkit-appearance: none; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; background-color: #fff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: 97% center; padding: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 40px; } select.radius { border-radius: 3px; } select:hover {} /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 16px 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 8px; margin-right: 16px; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: 1px solid #dddddd; padding: 20px; margin: 18px 0; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } /* Gravity Forms */ .gform_wrapper div.validation_error, .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .gfield_required, .gform_wrapper .validation_message {color:#c51d22!important; } .gform_wrapper div.validation_error, .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {border-color: #c51d22!important} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color:rgba(197, 29, 34, 0.05)!important; border-color:rgba(197, 29, 34, 0.10) } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {vertical-align: top!important;} .gform_wrapper ul li.gfield {margin-top: 1.875rem!important;} /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content {display:none;} .slide-toggle:after {content: "\f055";font-family: 'FontAwesome';margin: 0 0 0 5px;color: #c51d22; -webkit-transition: color .15s linear; transition: color .15s linear;} .slide-toggle.active:after {content:"\f056";} .slide-toggle.active, .slide-toggle:hover:after, .slide-toggle.active:after {color:#c51d22;} .button.slide-toggle:after, .button.slide-toggle.active, .button.slide-toggle:hover:after, .button.slide-toggle.active:after {color:#363636;} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert {display:none; padding:8px 15px; margin-bottom: 20px; border: 1px solid transparent; background: rgba(37,37,37,1.00); border-color: rgba(0,0,0,1.00); color:#fff; font-size:18px;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert a {color:#fff; text-decoration:underline;} .alert a:hover {color:#29dba1;} .alert p:before {font-family: 'FontAwesome'; margin:0 7px 0 0; } .alert-success, .alert-info, .alert-warning, .alert-danger {display:block;} .alert-success p:before {content:"\f058"; color:#299d51;} .alert-info p:before {content:"\f059"; color:#fff;} .alert-warning p:before {content:"\f071 "; color:#ffd376;} .alert-danger p:before {content:"\f06a"; color:#901314;} /******************************************************************************** --- Tables --- *********************************************************************************/ table.table-a { background: white; margin-bottom:18px; border: solid 1px #dddddd; table-layout: auto; } table.table-a caption { background: transparent; color: #222222; font-size:16px; font-weight: bold; } table.table-a thead { background:#b31c27; } table.table-a thead tr th, table.table-a thead tr td { padding: 7px 8px; font-size:14px; font-weight:700; text-transform:uppercase; color: #fff; border:none; } table.table-a tfoot { background:#f4f6f9; } table.table-a tfoot tr th, table.table-a tfoot tr td { padding: 7px 8px; font-size: 16px; font-weight:700; text-transform:uppercase;} table.table-a tr th, table.table-a tr td { padding:8px; font-size: 16px; text-align: left; border:1px solid #e4e4e6; } table.table-a tr.even, table.table-a tr.alt, table.table-a tr:nth-of-type(even) { background: #dcdcdc; } table.table-a thead tr th, table.table-a tfoot tr th, table.table-a tfoot tr td, table.table-a tbody tr th, table.table-a tbody tr td, table.table-a tr td { display: table-cell; line-height:1.3; } /******************************************************************************** --- Hidden Elements --- *********************************************************************************/ #isLoggedIn, .ms-l767 {display:none!important;} /******************************************************************************** --- Font Awesome 4.2.0 --- *********************************************************************************/ @font-face { font-family: 'FontAwesome'; src: url(assets/fonts/fontawesome-webfont.eot?v=4.2.0); src: url(assets/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(assets/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(assets/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(assets/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa-left {margin:0 5px 0 0;} .fa-right {margin:0 0 0 5px;} .fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} /******************************************************************************** --- Magnific Popup CSS --- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.92; filter: alpha(opacity=92); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } button.mfp-close, button.mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0;} button.mfp-close {position: absolute; right: 0; top: -7px; color:#c51d22; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out; font-size:0; text-indent:-9999em;} button.mfp-close:before {content:"\f00d"; font-family: 'FontAwesome'; font-size:36px;} button.mfp-close:hover, button.mfp-close:focus {color:#e0262b;} .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } button.mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } button.mfp-arrow:hover {} button.mfp-arrow:before {font-family: 'FontAwesome'; color:#c51d22; font-size:42px; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} button.mfp-arrow:hover:before, button.mfp-arrow:focus:before {color:#e0262b;} button.mfp-arrow-left { left: 0; } button.mfp-arrow-left:before {content:"\f053";} button.mfp-arrow-right { right: 0; } button.mfp-arrow-right:before {content:"\f054";} .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder button.mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile button.mfp-close {} } @media all and (max-width: 900px) { button.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } button.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } button.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 button.mfp-close {} /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /******************************************************************************** --- Media Queries --- *********************************************************************************/ @media only screen { .small-push-0 { position: relative; left: 0%; right: auto; } .small-pull-0 { position: relative; right: 0%; left: auto; } .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0% !important; } .small-offset-1 { margin-left: 8.33333% !important; } .small-offset-2 { margin-left: 16.66667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.33333% !important; } .small-offset-5 { margin-left: 41.66667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.33333% !important; } .small-offset-8 { margin-left: 66.66667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.33333% !important; } .small-offset-11 { margin-left: 91.66667% !important; } .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; list-style: none; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; list-style: none; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 641px) { .medium-push-0 { position: relative; left: 0%; right: auto; } .medium-pull-0 { position: relative; right: 0%; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 15px; padding-right: 15px; float: left; } .row .row {margin-left: -15px; margin-right: -15px;} .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0% !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } [class*="block-grid-"] {margin: 0 -10px; } [class*="block-grid-"] > li {padding: 0 10px 20px; } .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 1025px) { .large-push-0 { position: relative; left: 0%; right: auto; } .large-pull-0 { position: relative; right: 0%; left: auto; } .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 15px; padding-right: 15px; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0% !important; } .large-offset-1 { margin-left: 8.33333% !important; } .large-offset-2 { margin-left: 16.66667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.33333% !important; } .large-offset-5 { margin-left: 41.66667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.33333% !important; } .large-offset-8 { margin-left: 66.66667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.33333% !important; } .large-offset-11 { margin-left: 91.66667% !important; } .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; list-style: none; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; list-style: none; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 768px) { /* Navigation */ .nav-trigger span.trigger-ico {display:block; width:50px; height:50px; text-align:center; line-height:50px; position:absolute; top:50%; right:12px; margin:-25px 0 0 0; font-size:24px;} } @media only screen and (min-width: 961px) { .headline-a span.text {padding-right:20px; position:relative; z-index:1;} .headline-a span.line {width:100%; height:2px; position:absolute; top:50%; left:0; display:block; z-index:-1} .headline-a:after {content:""; width:100%; height:1px; position:absolute; top:50%; left:0; display:block; z-index:0;} .headline-a.dark span.line {background:#363636 url(assets/images/bg-b.png) center;} .headline-a.dark:after {background:rgba(255,255,255,0.25);} .headline-a.light span.line {background:#f1f1f1;} /*.headline-a.light:after {background:rgba(0,0,0,0.25);}*/ .headline-a.light:after {background:none;} .headline-a a {position:absolute; top:10px; right:0; z-index:1; padding-left:15px;} .headline-a a:before {content:""; display:block; height:2px; width:100%;position:absolute; top:50%; margin:-1px 0 0 0; right:0; z-index:-1;} .headline-a.light a:before { background:#f1f1f1; } .headline-a.light a:after { color:#363636;} } @media only screen and (min-width: 1025px) { /* Header- Companies Dropdown */ #companies ul li {float:left; text-align:center;} #companies ul li a {padding:0 12px; border-left:1px solid #cccccc; height:120px; max-width:135px;} #companies img {display:inline-block; margin:10px 0 0 0;} .companies-drop {display:none!important;} #companies span {display:block; line-height:1; font-size:13px;} #companies ul li.recycles {padding:0 20px;} #companies ul li.c1 img {margin:21px 0 0 0;} #companies ul li.c2 img {margin:21px 0 0 0;} #companies ul li.c3 img {margin:21px 0 0 0;} #companies ul li.c4 img {margin:21px 0 0 0;} } @media only screen and (min-width: 1201px) { /* Main Layouts */ #wrapper {margin-left:340px;} /* Navigation */ #nav {width:340px;} .nav-collapse-toggle #nav {width:70px;} .nav-collapse-toggle #wrapper {margin-left:70px;} .nav-collapse-toggle #nav-inner {height:0; visibility:hidden; opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} #nav-inner {height:auto; visibility:visible; opacity:1;} /* Header- Companies Dropdown */ #companies ul li a {padding:0 25px; max-width:200px;} #companies span {display:block; line-height:1; font-size:14px;} } @media only screen and (min-width: 1341px) { /* Inner - Banner */ .banner img {margin-top:-3%;} } @media only screen and (max-width: 1340px) { /* Services List */ .service-item p.more {font-size:14px;} .service-item p.more:after {font-size:18px;} } @media only screen and (max-width: 1200px) { /* Main Layouts */ #wrapper {margin-left:70px;} /* Navigation */ #nav {width:70px;} .nav-expand-toggle #nav {width:280px;} .nav-expand-toggle #wrapper {margin-left:280px;} .nav-expand-toggle .dl-menuwrapper li a {font-size:14px;} .nav-trigger span.trigger-text {color:rgba(255,255,255,0);} .nav-expand-toggle .nav-trigger span.trigger-text {color:rgba(255,255,255,1)} .nav-trigger span.trigger-ico:after {content:"\f0c9"; color:rgba(255,255,255,0.55); -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} .nav-trigger:hover span.trigger-ico:after { color:rgba(255,255,255,1);} .nav-expand-toggle .nav-trigger span.trigger-ico:after {content:"\f00d";color:rgba(255,255,255,1); } #nav-inner {height:0; visibility:hidden; opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} .nav-expand-toggle #nav-inner {height:auto; visibility:visible; opacity:1;} /* Tablet Nav Expanded */ .nav-expand-toggle .small-6 {width:50%;} .nav-expand-toggle .service-item {margin-bottom:35px;} /* Project */ #project-detail .module-contact-top, #project-detail .module-contact-actions {float:none; width:100%;} #project-detail .module-contact-actions {border-bottom: 1px solid #d7d7d7;} } @media only screen and (max-width: 1024px) { /* Header- Companies Dropdown */ #companies ul {position:absolute; top:100%; right:0; width:100%; background:#fff; border-top:1px solid #cccccc; -webkit-box-shadow:-2px 3px 3px 0px rgba(0,0,0, 0.15); -moz-box-shadow:-2px 3px 3px 0px rgba(0,0,0, 0.15);box-shadow:-2px 3px 3px 0px rgba(0,0,0, 0.15); height:0; visibility:hidden; opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} .companies-drop {display:block!important; float:right; border-left:1px solid #cccccc!important; height:120px;color:#363636; padding:0 15px; font-size:14px; font-weight:bold!important;} .companies-drop:after {content:"\f0d7"; font-family:"FontAwesome"; margin:0 0 0 7px; color:#c51d22;} #companies.active .companies-drop:after {content:"\f0d8";} #companies.active ul {display:block; height:auto; visibility:visible; opacity:1; } #companies .companies-drop:before {content:""; background:#fff; height:1px; width:100%; position:absolute; bottom:-1px; right:0; z-index:1; opacity:0; -webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;} #companies.active .companies-drop:before {opacity:1;} #companies ul li.recycles {display:none;} #companies ul li a {padding:15px; overflow:hidden; border-bottom:1px solid #cccccc; text-align:center;} #companies ul li:last-child a {border:none;} #companies img {display:inline-block; margin:0 20px 0 0;} #companies span {display:block;} /* Services List */ .service-item {margin-bottom:35px;} /* Machines List */ .headline-a {font-size:24px;} .headline-a a {font-size:14px; top:7px;} /* Media List */ .media-item {margin-bottom:25px;} /* Tablet Nav Expanded */ .nav-expand-toggle .about-left, .nav-expand-toggle .about-right {float:none; width:100%; margin:0;} .nav-expand-toggle .about-cta, .nav-expand-toggle .about-left, .nav-expand-toggle .about-companies {padding:25px 15px;} .nav-expand-toggle .about-cta h5 {font-size:21px;} .nav-expand-toggle .small-6 {width:50%;} .nav-expand-toggle #hero .caption {width:100%; padding:12px 15px;} .nav-expand-toggle #hero .details {font-size:14px;} .nav-expand-toggle #hero .name {font-size:18px;} .nav-expand-toggle #hero .more-link {font-size:14px;} /* Media Filter */ .media-filter .select-list {margin:0 0 20px 0;} .media-filter {margin:15px 0 30px 0;} /* Projects - Sub Category */ .project-top-info {margin:0 0 30px 0;} /* Projects - Main */ .project-main-overview {margin:0 0 18px 0;} } @media only screen and (max-width: 960px) { /* Header */ #header {height:76px;} /* Navigation */ #nav {padding-top:76px;} /* Header- Companies Dropdown */ .companies-drop {height:76px;} /* Header - Logo */ #logo {height:76px; line-height:76px; width:36%;} /* Home - Hero */ #hero {padding-top:76px;} #hero .slick-dots {bottom:14px; right:85px;} #hero .slick-dots button {width:12px; height:12px; margin:0 2px;} #hero .slick-prev {right:50px;} #hero .slick-arrows {bottom:10px; width:20px; height:20px; line-height:20px;} #hero .slick-arrows:after {font-size:20px;} /* Breadcrumbs */ .breadcrumbs {padding:12px 15px;} .breadcrumbs a {font-size:14px;} /* Page Elements */ .headline-a {font-size:24px;} .headline-a a {top:inherit; position:relative; right:inherit; padding:0; display:block; margin:10px 0 0 0;} .headline-a span.text {display:block;} .headline-a.dark span.text {border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:5px;} .headline-a.light span.text {border-bottom:1px solid rgba(0,0,0,0.25);; padding-bottom:5px;} /* Inner */ .content-a {padding-top:76px;} } @media only screen and (max-width: 767px) { /* Headlines - Paragraphs */ h1, h2, h3, h4, h5, h6 {margin-bottom:15px;} h1:not(.hsmall), .hlarge {font-size: 28px; line-height:1;} h2 { font-size: 22px; line-height:1;} h3 { font-size: 20px;} h4 { font-size: 18px;} h5 { font-size: 17px;} h6 { font-size: 16px;} p {font-size:14px;} .hsmall {margin:0 0 5px 0; font-size:10px;} /* Main Layouts */ #wrapper {margin-left:0;} /* Navigation */ #nav { width: 280px; left: -280px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform, left, right; -moz-transition: -moz-transform, left, right; -o-transition: -o-transform, left, right; transition: transform, left, right; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; z-index: 5; } .nav-expand-toggle { overflow: hidden; } .nav-expand-toggle #nav { -webkit-transform: translate3d(280px, 0, 0); -moz-transform: translate3d(280px, 0, 0); -ms-transform: translate3d(280px, 0, 0); -o-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } .nav-expand-toggle #wrapper { overflow: hidden; margin: 0; } .nav-trigger {float:left; width:60px; height:76px;} .nav-trigger {padding:0 15px; margin:0;} .nav-trigger span.trigger-ico {font-size:32px;} .nav-trigger span.trigger-ico:after {color:#000;} .nav-trigger:hover span.trigger-ico:after, .nav-expand-toggle .nav-trigger span.trigger-ico:after {color:#c51d22;} /* Header */ #header .column {padding:0;} /* Header - Logo */ #logo {float:left; margin:0 0 0 7px;} /* Header- Companies Dropdown */ .companies-drop {width:96px; padding:0;} .companies-drop span {margin-top:-15px;} .companies-drop:after {position:absolute; bottom:12px; right:50%; font-size:20px; margin:0 -6px 0 0;} /* Device Hidden/Show */ .ms-l767 {display:block!important;} .mh-l767 {display:none!important} /* Home - Hero */ #hero .caption {width:100%; padding:12px 15px;} #hero .details {display:none;} #hero .name {font-size:21px;} #hero .more-link {font-size:18px;} #hero .slick-arrows, #hero .slick-dots {display:none!important;} /* Home - About */ .about-left, .about-right {float:none; width:100%; margin:0;} .about-cta, .about-left, .about-companies {padding:25px 15px;} .about-cta h5 {font-size:21px;} /* Home - Sections */ #section-services, #section-machines, #section-media {padding:25px 0;} /* Services List */ .service-item p.title {font-size:17px;} .service-item p.more {font-size:14px; height:45px; line-height:45px;} .service-item p.more:after {font-size:18px; width:45px;} /* Page Elements */ p.more-link a {font-size:16px;} /* Footer */ #f-bottom p, #f-bottom .equal {text-align:center;} #f-bottom p.copy {margin:0 0 15px 0;} } @media only screen and (max-width: 640px) { /* Inner Banner */ .banner-body {margin:0 0 14px 0;} /* Breadcrumbs */ .breadcrumbs {padding:12px;} .breadcrumbs a {font-size:12px;} /* Footer */ #f-companies > div {border-bottom:1px solid #ccc;} /* Page Elements */ img.alignleft, img.alignright { float:none;} img.alignleft, img.alignright, img.aligntop {margin:0 auto 14px 0; display:block;} /* Home - Hero */ #hero .name {font-size:19px;} #hero .more-link {font-size:17px;} #hero .more-link:after {font-size:14px;} /* Load More */ .load-more-wrap {height:40px; line-height:40px; margin:24px 0;} .load-more, .load-all {height:40px; line-height:40px; font-size:18px; padding:0 20px;} .load-all {font-size:16px; padding:0 12px;} } @media only screen and (max-width: 480px) { /* Header - Logo */ #logo {width:50%;} /* Home - Hero */ #hero .name {font-size:15px; margin:0 0 2px 0; line-height:1.1;} #hero .more-link {font-size:13px;} #hero .more-link:after {font-size:11px;} /* Home - About */ .about-cta, .about-left, .about-companies {padding:25px 8px;} .company-item p.loc {margin:0 0 5px 0;} .company-item p, .company-item a {font-size:12px; line-height:1.3;} /* Home - Sections */ #section-services, #section-machines, #section-media {padding:25px 0;} /* Services List */ .service-item p.title {padding:10px;} .service-item p.more {padding:0 10px;} .service-item p.title {font-size:14px;} .service-item p.more {font-size:12px;} .service-item p.more:after {font-size:16px;} /* Page Elements */ .content-box {padding:20px 15px;} .headline-a {font-size:20px;} /* Buttons */ .button {display:block; width:100%; padding-left:12px; padding-right:12px;} /* Machines List */ .machines-item p.name {font-size:17px;} /* Media List */ .media-item p.more a:after {width:40px; font-size:18px;} /* Media List - Video */ .media-item {margin-bottom:12px;} .media-item.video .media-post .title {font-size:16px;} .media-item p.more a {padding:0 12px; height:40px; line-height:40px; font-size:14px;} /* Breadcrumbs */ .breadcrumbs {padding:8px 7px;} .breadcrumbs a {font-size:10px;} /* Footer */ #f-companies > div span {font-size:14px;} #f-companies p {font-size:11px;} #f-companies p.email:before, #f-companies p.phone:before {content:"";} {content:"";} /* Association List */ .assoc-item span {font-size:12px; padding:10px;} /* Employee Secure Zone */ .account-links {display:block; font-size:14px; margin-top:4px;} } @media only screen and (max-width: 360px) { /* Navigation */ .nav-trigger {padding:0 12px; width:47px;} .nav-trigger span.trigger-ico {font-size:26px;} /* Page Elements */ .headline-a {font-size:18px;} .headline-a a {font-size:12px;} /* Machines List */ .machines-item p.name {font-size:14px;} /* Media List - Video */ .media-item.video .media-post .title {font-size:14px;} } /******************************************************************************** --- WP Toolbar --- *********************************************************************************/ /* This might require updating based on header whether it's fixed or not */ .admin-bar #header {top: 32px;} .admin-bar #nav {padding-top:152px;} @media only screen and (max-width: 782px) { .admin-bar #header {top: 46px;} #wpadminbar {position: fixed;} .admin-bar #nav {padding-top:122px;} }