@import url("fonts.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/**
 * GLOBAL STYLES
 */



/*
FONTS
*/





* { outline:none!important; }

body { overflow-x:hidden; font-weight:300;}
body.fixed { position: fixed;}

.pointer{cursor:pointer;}

.noscroll { overflow: hidden; }

.four-0-four { min-height: 400px; }
.four-0-four > div > div {margin: 120px 0 60px 0;}

.btn,
.form-control { box-shadow:0 0 0 3px rgba(87, 152, 67, 0)!important; border-radius:0; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background:#3D9B35!important; }
.btn-primary:active,
.btn-primary.active { background:#3D9B35!important; box-shadow:none; }

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary { background:#E0753E!important; }
.btn-secondary:active,
.btn-secondary.active { background:#E0753E!important; box-shadow:none; }

.btn-outline-primary,
.btn-outline-secondary { background:transparent!important; }
.btn-outline-secondary { border-color: #E86720;color: #E86720; }
.btn-outline-secondary:hover { background-color: #E86720;border-color: #E86720; }
.text-secondary { color: #E86720 !important; }

.modal-backdrop { z-index: -1040; }
.modal-backdrop.show { opacity: .5; }
.modal-content { border:0px solid rgba(0, 0, 0, 0); }
.modal-content .modal-body { padding: 1rem; }
.modal-content.nav {position: relative;display: flex;flex-direction: column;background-color: #3d9b35;background-clip: padding-box;border: 3px solid none;border-radius: 0;outline: 0;}
.modal-content.nav .modal-header {border-bottom: 0 solid #e9ecef;}
.modal-header .container-fluid { padding-right:0px; padding-left:0px; padding-top:5px; }
.modal-header .close { padding:1rem; margin:auto; }
.modal-dialog { max-width:100%; margin:0 auto;}
.modal-dialog .list-group-item {background-color: transparent; border: 0 solid rgba(0,0,0,.125);}
.modal-dialog h5 {font-size: 1.25rem;}
.modal.fade.show {z-index: 1050;}
.close { opacity:1; font-size: 1.5rem; cursor: pointer; }

h1, h2, h3, h4, h5, h6 { font-family:"GlacialIndifference Bold"; }
h1 { font-size:calc(32px + (80 - 32) * ((100vw - 300px) / (1600 - 300))); }
h2 { font-size:calc(20px + (60 - 24) * ((100vw - 300px) / (1600 - 300))); }
h3 { font-size:calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); }
h4 { font-size:calc(14px + (30 - 14) * ((100vw - 300px) / (1600 - 300))); }
h5 { font-size:calc(10px + (10 - 10) * ((100vw - 300px) / (1600 - 300))); }
/* h6{font-size: calc(22px + (60 - 22) * ((100vw - 300px) / (1600 - 300))); } */

.Gothic-Bold {font-family: 'Pathway Gothic One', sans-serif;}

/* For images inside of paragraphs */
.half-left { width:48%; float:left; margin-right:3%; margin-bottom:15px; margin-top:15px; }
.half-right { width:48%; float:right; margin-left:3%; margin-top:15px; margin-bottom: 15px; }

.alignleft { float: left;margin-right: 30px;margin-left: 0;margin-bottom: 20px; }
.alignright { float: right;margin-left: 30px;margin-right: 0;margin-bottom: 20px; }

.hvr-grow { display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {-webkit-transform: scale(1.1);transform: scale(1.1);}

p, li { font-size:calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300))); }
.body-text-1-4 { font-size:1.2rem; }
.steel { font-family:"SteelfishRg-Regular"; text-transform:uppercase; letter-spacing:3px; font-size:calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300))); line-height:calc(26px + (26 - 24) * ((100vw - 300px) / (1600 - 300)))!important; }

#menu-items { -webkit-overflow-scrolling: touch; }
#menu-items .list-group-item { text-align:center; color:#fff; }
#menu-items .list-group-item a { color:#fff; }
#menu-items .list-group-item a:hover, #menu-items .list-group-item a.active { text-decoration:underline; }


.form-group { margin-bottom:0px;position: relative; }
.form-control { font-weight:300; font-size:18px; }

.row { /* max-width:1920px; */ margin-left:auto; margin-right:auto; }

.select { border:0px solid #fff; width:100%; border-radius:0px; background:#fafafa; position:relative; background:#fff; font-size:18px; }
.select:before { font-family:'Font Awesome 5 Free'; content:"\f067"; font-weight:900; position:absolute; line-height:51px; top:2px; right:12px; font-size:16px; color:#E0753E; }
.select select { height:51px; padding:0rem 1.25rem; width:100%; border:none; box-shadow:none; background:transparent; background-image:none; -webkit-appearance:none; }
.select select:focus { outline:none; }

.nav-container { position:fixed; z-index:1000; }
.nav-container .container { max-height:135px; }

.fixed-top { -webkit-transition:all .5s; transition:all .5s; }

#custom-quote { -webkit-overflow-scrolling: touch; }
#custom-quote button { border-color:#E1E1E1!important; font-family:"SteelfishRg-Regular"; letter-spacing:3px; text-transform:uppercase; font-size:calc(16px + (28 - 16) * ((100vw - 300px) / (1600 - 300))); line-height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); }

/*.validation-text {display: none;font-size: 12px;text-align: right;color: #c50108;position: absolute;right: 1px;bottom: -23px;font-family: 'Open Sans', sans-serif;}*/

span.close-orange { background:url(../images/remove.png) no-repeat; background-size:100%; width:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); margin:auto 0 auto 10px; -webkit-transition:all .5s; transition:all .5s; line-height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); display:inline-block; float:right; margin-top:2px; }
span.close-orange { background:url(../images/remove.png) no-repeat; background-size:100%; width:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); margin:auto 0 auto 10px; -webkit-transition:all .5s; transition:all .5s; line-height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); display:inline-block; float:right; margin-top:2px; }

.sticky { background-color:#fff;height: 100px;box-shadow:0px 10px 50px 35px rgba(0, 0, 0, 0.6); }
.sticky .logo { background:transparent; }
.sticky .navbar-brand img { height: 60px; }

.logo { float:left; }

.navbar-brand img { height:calc(42px + (87 - 42) * ((100vw - 300px) / (1600 - 300))); }

.overlay-under-logo { background:url(../images/highlight-under-logo.png) no-repeat top left; background-size:contain; left:0px; top:0px; position:absolute; padding:24px 50px; width:calc(145px + (436 - 145) * ((100vw - 300px) / (1600 - 300))); height:calc(108px + (325 - 108) * ((100vw - 300px) / (1600 - 300))); z-index:1; }

.navigation { float:right !important; }

.hamburger-menu { float:right; width:60px; height:60px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; background-color:#3D9B35; cursor:pointer; }
.hamburger-menu span.hamburger-icon { background:url("../images/hamburger-icon.png"); width:26px; height:17px; margin:auto; }

.close-menu { float:right; width:60px; height:60px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; background-color:#2F8328; cursor:pointer; }
.close-menu span.close-icon { background:url("../images/close-icon-white.png") no-repeat center center; width:26px; height:17px; margin:auto; }

.quote-link { float:right; margin-right:19px; height:60px; background-color:#3D9B35; padding:0px 20px; font-size:20px; color:#fff; font-family:"SteelfishRg-Bold"; text-transform:uppercase; letter-spacing:3px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; cursor:pointer; }

span.right-arrow-white { background:url("../images/arrow-right-white.png") no-repeat 50% 50%; width:28px; min-width:28px; height:24px; -webkit-transition:all .5s; transition:all .5s; display:inline-block;}
.btn:hover > span.right-arrow-white { margin-right:-15px; width:43px; min-width:28px; }

/*.btn-lg,*/
/*.btn-group-lg > .btn { line-height:2.3; }*/

/* Slider */
.container-fluid.slick-slider { padding-left:0px; padding-right:0px; }
.slick-slider { position:relative; width:100%; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -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); }

.banner { position:relative; overflow:hidden; }
.banner .slick-track { position:relative; top:0; left:0; display:block; /* max-height: 1200px; */ overflow:hidden; }
.slick-track:before,
.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.banner .slick-slide { display:none; float:left; height:100vh!important; /* max-height: 1200px!important; */ min-height:1px; width:100%; padding:0px; }
.banner .slick-slide:focus, .banner .slick-slide:hover { outline:0; }


[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; height:auto; 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; }
.slick-arrow.slick-hidden { display:none; }
.slick-arrow img { position: absolute;left: 2px;top: 5px;}
.slick-loading .slick-list { background:#fff url('../vendors/slick/ajax-loader.gif') center center no-repeat; }


/* Arrows */
.slick-prev,
.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:auto; height:auto; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color:transparent; outline:none; background:transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity:1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,
.slick-next:before { font-family:'Font Awesome 5 Free'; font-size:42px; font-weight:bold; line-height:1; opacity:.75; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:opacity 0.25s; }
.slick-prev { left:35px; z-index:1; }
[dir='rtl'] .slick-prev { right:0; left:auto; }
.slick-prev:before { /* content: '\f104'; */ }
[dir='rtl'] .slick-prev:before { /* content: '\f105'; */ }
.slick-next { right:35px; }
[dir='rtl'] .slick-next { right:auto; left:0; }
.slick-next:before { /* content: ''; */ /* background-image: url("../images/right.png"); */ }
[dir='rtl'] .slick-next:before { /* content: '\f104'; */ }


/* Dots */
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-dots { position:absolute; bottom:8px; width:auto; padding:0; margin:0; list-style:none; text-align:center; float:left; margin-left:-90px; }
.slick-dots li { position:relative; display:inline-block; width:8px; height:8px; margin:0 8px; padding:0; cursor:pointer; }
.slick-dots li button { font-size:0; line-height:0; display:block; width:8px; height:8px; padding:8px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity:1; }
.slick-dots li button:before { font-family:'Font Awesome 5 Free'; content:"\f111"; font-weight:900; font-size:8px; line-height:1; position:absolute; top:0; left:0; width:8px; height:8px; text-align:center; opacity:1; color:#DBDCDE; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:opacity 0.25s; }
.slick-dots li.slick-active button:before { opacity:1; color:#66954D; }


/* Photo */
.photo { background-size:cover; background-position:center center; background-color:#000; padding-bottom:5%; will-change:transform; }
.photo.is-animating { animation:scale 5s ease-in-out forwards; }
.photo:before { content:""; display:block; }
.photo .container { height:100%; }
.photo .container .grid.group { height:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.photo * > { display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
.photo .container { height:100%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.photo .container .grid.group { margin:auto; display:-ms-flex; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.photo .col.span_4_of_12 { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.photo .overlay_behind { background:url(../images/highlight-under-text.png) no-repeat calc(50% - 300px) 0%; position:relative; z-index:1000; -webkit-transition:all .5s; transition:all .5s; }

.overlay-under-text { background:url(../images/highlight-under-text.png) no-repeat center center; background-size:contain; position:absolute; background-size:100% 100%; left:50%; top:50%; width:calc(504px + (1513 - 504) * ((100vw - 300px) / (1600 - 300))); height:calc(459px + (1377 - 459) * ((100vw - 300px) / (1600 - 300))); z-index:0; transform:translate(-52%, -43%); }
.overlay-under-text-left { background:url(../images/gradient-white-left-side.png) no-repeat left top; position:absolute; background-size:100% 100%; left:0; top:0; width:100%; height:100%; z-index:0; }

@media (max-width:992px) {}

@media (max-width:576px) {}

@keyframes scale {
    0% { transform:scale(1.0); }
    100% { transform:scale(1.0) rotate(0deg); /*Rotate fixes shaking animation in some browsers . http://stackoverflow.com/questions/28992549/internet-explorer-and-css-transform-value-of-scale-on-keyframes*/ }
}

.title_super h3 { font-size:28px; margin:44px 0px; font-family:"SteelfishRg-Regular"; text-transform:uppercase; letter-spacing:3px; }
.title_super:after { content:""; width:60px; height:3px; background:#3D9B35; display:block; }
.title h1 { font-family:"GlacialIndifference Bold"; font-size:96px; margin:46px 0px; }

.content p { font-size:24px; font-weight:300; line-height:46px; }

.quote-button { clear:both; float:left; margin-right:19px; margin-top:40px; height:80px; border:3px solid #E0753E; padding:0px 32px; line-height:80px; font-size:24px; color:#000; font-family:"SteelfishRg-Bold"; text-transform:uppercase; letter-spacing:3px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; cursor:pointer; }

span.right-arrow-orange { background:url("../images/right.png") no-repeat 50% 50%; width:50px; min-width:28px; height:42px; margin:auto 0 auto 10px; -webkit-transition:all .5s; transition:all .5s; display:inline-block; }
.btn:hover > span.right-arrow-orange { margin:auto -10px auto 20px; }


.photo iframe { position:absolute; left:0px; top:0px; /* max-height:1200px; */ }

.play_button { width:70px; height:70px; background:url("../images/play-arrow.png") no-repeat 55% 50%; background-color:#E0753E; background-size:20px 23px; margin:auto 0 auto auto; cursor:pointer; border-radius:50%; -webkit-transition:all .5s; transition:all .5s; }
.play_button:hover { background-position:70% 50%; }

.pause_button { width:70px; height:70px; background:url("../images/pause-icon.png") no-repeat 50% 50%; background-color:#E0753E; background-size:20px 23px; margin:auto 0 auto auto; cursor:pointer; border-radius:50%; -webkit-transition:all .5s; transition:all .5s; position:absolute; left:50px; bottom:24px; }
.pause_button:hover { /* background-position: 70% 50%; */ }

.scroll-down { position:absolute; z-index:1; width:32px; height:107px; left:calc(50% - 16px); bottom:0px; transform:translate(50% 0); cursor:pointer; }
.scroll-down .line { position:absolute; left:50%; bottom:0px; width:3px; height:32px; background:url("../images/line.png"); transform:translate(50% 0); }
.scroll-down .mouse { position:absolute; left:calc(50% - 14px); bottom:36px; width:30px; height:54px; background:url("../images/mouse.png"); -webkit-transition:all .5s; transition:all .5s; }
.scroll-down .mouse:hover { bottom:52px; }

.intro { text-align:center; }
.intro h2 p { font-size: calc(16px + (46 - 16) * ((100vw - 300px) / (1600 - 300))); }
.intro .title_super:after { margin:0 auto; }
.intro .title h1 { font-size:84px; }

/*.service { max-height:52rem; min-height:28rem; height:calc(96vh - 84px); background-size:cover; background-position:center center; display:flex; position:relative; overflow:hidden; }*/
.service { max-height:52rem; min-height:35rem; height:calc(96vh - 84px); background-size:cover; background-position:center center; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; position:relative; overflow:hidden; }
/*.service { height:575px; background-size:cover; background-position:center center; display:flex; position:relative; overflow:hidden; }*/

.service::after { content:""; filter:brightness(50%); }
.service sup { color:#fff; font-size:15px; font-weight:600; letter-spacing:1px; float:left; }
.service .ul_header { position:absolute; top:0; transform:translate(0, -100%); }
.service h3 { font-size:calc(22px + (40 - 18) * ((100vw - 300px) / (1600 - 300))); }
.service .less-content h2 { color:#fff; }
.service p { font-weight:300; color:#fff; font-size:calc(15px + (22 - 15) * ((100vw - 300px) / (1600 - 300))); }
.service .bucket-text.on { font-size:calc(9px + (22 - 14) * ((100vw - 300px) / (1600 - 300))); }
.service ul { list-style-type:none; margin:0; padding:0; /* margin:auto auto 125px auto; */ }
.service ul li { color:#fff; /* font-size:29px; */ font-weight:300; line-height:120%; padding-bottom:1rem; }
.service ul li:before { font-family:'Font Awesome 5 Free'; content:"\f0da"; font-weight:900; margin:0 10px 0 0px; color:#fff; }
.service-textbox p { font-size:calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300))); }
.active-slide-list ul li { font-size:calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300))); }
.service-carousel-text { padding-left: 30px; padding-right: 30px;}

.icon-gallery .col-custom-flex { margin: 5px 15px;flex: 0 1 calc(14% - 30px); }

@media (max-width:576px) {
    .service ul li { padding-bottom: 0.5rem;}
}

.more-btn { position:absolute; bottom:0px; right:0px; width:calc(80px + (140 - 80) * ((100vw - 300px) / (1600 - 300))); height:calc(80px + (140 - 80) * ((100vw - 300px) / (1600 - 300))); background:url("../images/plus.png"); background-size:contain; z-index:100; cursor:pointer; }
.less-btn { position:absolute; bottom:0px; right:0px; width:calc(80px + (140 - 80) * ((100vw - 300px) / (1600 - 300))); height:calc(80px + (140 - 80) * ((100vw - 300px) / (1600 - 300))); background:url("../images/minus.png"); background-size:contain; z-index:100; cursor:pointer; }

.less-content { /* margin:auto auto 30px 0px; */ position:absolute; left:0px; bottom:0px; z-index:100; }

.more-content { margin:auto; position:relative; z-index:100; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.more-content .quote-button { border-color:#fff; }
.more-content .col.span_3_of_12 { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }

.overlay_green.flexed { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; }
.overlay_green { background-color:rgba(65, 171, 60, 0.9); width:0px; height:0px; position:absolute; top:100%; left:100%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex; zoom:0; opacity:0; overflow:hidden; }
.overlay_green h2 { color:#fff; }
.overlay_green .add-to-custom-quote { border-color:#fff; color:#fff; }
.overlay_green .add-to-custom-quote span.plus-green-1 { background: url(../images/plus-white.png) no-repeat 50% 50%; background-size:100%; }

.less-content .title h1,
.more-content .title h1 { font-size:66px; color:#fff; }
.less-content .title,
.more-content .title { margin-bottom:30px; }
.less-content .title:after,
.more-content .title:after { content:""; width:60px; height:3px; background:#fff; display:block; }
.less-content .content p,
.more-content .content p { color:#fff; }

.load-more .col-2 { height:100px; margin:auto; clear:both; float:none; text-align:center; }
.load-more a { text-decoration:none; color:#000; }
.load-more span { font-size:20px; width:100%; display:block; font-family:"SteelfishRg-Regular"; letter-spacing:3px; text-align:center; }
.arrow-down-green { background:url("../images/arrow-down-green.png") no-repeat center 16px; background-size:34px 39px; width:34px; min-width:34px; height:60px; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:block;}
.load-more a:hover > .arrow-down-green { background-position:center 21px; }



/**
 * CORE VALUES PAGE
 */

.core-values { background:#FDFAF2; }

.anim { visibility:hidden; }

.core-row { max-width:100%; }

.see-framework.steel { font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300))); }


/* clients */
.client-slides .slick-slide img { width:auto; filter:grayscale(1); margin:auto; cursor:pointer; }
.client-slides .slick-slide img:hover { filter:grayscale(0); }


/* partnership */

.invert { filter:invert(100%); -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); }

.partnership { padding:55px 15px; background:url("../images/pattern.png"); }
.partnership-option { position:relative; color:#fff; white-space: initial; }
.partnership-option.active,
.partnership-option:hover { color:#000; }
.partnership-option.active:before { content:''; height:0; position:absolute; width:0; left:calc(50% - 20px); border:20px solid transparent; border-top-color:#f8f9fa; top:100%; }
.partnership-option .btn-text { line-height: 1.1em; }

.option-1,
.option-2 { display:none; }
.option-1 .btn,
.option-2 .btn { font-size:20px; letter-spacing:1px; }


.arrow-down-orange { background:url("../images/arrow-down-white.png") no-repeat center 12px; background-size:contain; width:34px; min-width:34px; height:60px; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; margin-left:20px; }
.partnership-option:hover > span.arrow-down-orange,
.partnership-option.active > span.arrow-down-orange { background:url("../images/arrow-down-orange.png") no-repeat; background-position:center 1px; background-size:contain; }


/**
 * CONTACT US
 */
.contact-us-text { font-size:calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300))); line-height:calc(22px + (42 - 22) * ((100vw - 300px) / (1600 - 300)))!important; }
.contact-us-text span { margin-left:8px; }
.contact-heading { color:#000; }
.contact-label { position: absolute; margin: -33px 0 0 0; font-size: 20px; font-weight: 700; }

#contact-form-anchor .banner-form-wrapper .message { height:100% !important; }
#contact-form-anchor .banner-form-wrapper .mb-xl-5.E2kl5kAMb { margin-bottom:0!important; }

.arrow-right-green { background:url("../images/arrow-right-green.png") no-repeat center center; width:44px; min-width:44px; height:41px; background-size:44px 34px; display:inline-block; margin-left:10px; }

.animated { display:block; }

a.text-primary.explore-link { /* margin-top:-8px; */ }
a.text-primary.explore-link:focus, a.text-primary.explore-link:hover { color: #ff600c !important; }



/**
 * FOOTER
 */

#footer {}
    #footer #footer-contact-form #contact-us-form .form-group.mb-5.reason { border:0px solid #fff; width:100%; border-radius:0px; position:relative; background:#fff; font-size:18px; }
    #footer #footer-contact-form #contact-us-form .form-group.mb-5.reason:before { font-family:'Font Awesome 5 Free'; content:"\f067"; font-weight:900; position:absolute; line-height:51px; top:2px; right:12px; font-size:16px; color:#E0753E; }
    #footer #footer-contact-form #contact-us-form select { height:51px; padding:0rem 1.25rem; width:100%; border:none; color:#000; box-shadow:none!important; background:transparent; background-image:none; -webkit-appearance:none; }

.copy-right { font-size:14px; color:#9b9dad; margin-bottom: 0rem; }
.disclaimer a { font-size:14px; color:#9b9dad; }

.map { padding:100px 0 65px 0; background:url("../images/map-image.png"); background-size:cover; background-position:center center; background-color:#000; color:#fff; }
    .map p { font-size:14px; }
    .map a,
    .map a:hover { color:#fff; font-size:14px; margin-right:20px; }
    .map .quote-link { height:51px;margin-right: 0; }
    .map .disclaimer, .map .disclaimer a { font-size:14px; color:#9b9dad; }
        .map .disclaimer a { margin-right: 5px; }
        .map .disclaimer a:hover { color: #fff; }
        .map .social a { font-size: 18px;margin-right: 24px; }

.bubble { background:url("../images/bubble.png") no-repeat center center; width:13px; height:26px; background-size:13px 17px; display:inline-block; margin-right:10px; float:left; }

.border-gray { border-color:#3A3A3A!important; }

.divider { width:40px; height:2px; display:block; }

.footer-white-arrow { margin: 0 0 0 .2em; }

.submit-btn button { min-width:97px; }

#footer input{height:51px;}

/**
 * DISCLAIMER
 */
.jump-link-bar {position: relative;}

.jump-link-section ul {list-style: none;padding: 0px;}
.jump-link-section ul li {text-align: left;font-size: 16px;line-height: 30px;margin-bottom: 10px;font-weight: 300;}
.jump-link-section ul li a {color: #3d9b35;text-decoration: underline;}

/**
 * ABOUT PAGE
 */

.image_block { background-size:cover; background-position: center center; background-repeat:no-repeat; background-color:#000; min-height:auto; will-change:transform; min-height:500px; height:calc(500px + (750 - 500) * ((100vw - 300px) / (1600 - 300))); max-height:750px; }

.bg-bianca { background:#FDFAF2; }

.bg-saltpan { background:#F1F7EF; }

.map-blk { width:100%; min-height:300px; }

.g-map p { font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))); }

/*.other-news .steel { font-size:calc(16px + (22 - 16) * ((100vw - 300px) / (1600 - 300))); }*/
.other-news .btn { line-height:calc(18px + (26 - 12) * ((100vw - 300px) / (1600 - 300)))!important;background-color: #3D9B35 !important;border: none;font-size: 18px; display: block;margin: 0 auto; }
.other-news h5 { font-size:calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300))); }
.other-news .divider.post { width:100%; margin:60px 0; }

.btn.expertise { margin-bottom: 10px; }

.expertise-subtext ul { margin-bottom: 0rem; }
.expertise-subtext p:last-child { margin-bottom: 0rem; }

.text-banner-subtext p:last-child { margin-bottom: 0; }



/**
 * CASE STUDY PAGE
 */

.stat-icon1,
.stat-icon2,
.stat-icon3 { width:54px; height:54px; display:block; background-size:auto; background-position:center center; background-repeat:no-repeat; margin:auto; }
.stat-icon1 { background-image:url("../images/Cup-FPO.png"); }
.stat-icon2 { background-image:url("../images/Bulb-FPO.png"); }
.stat-icon3 { background-image:url("../images/Diamond-FPO.png"); }

.dropdown-menu { top:-5px!important; border:3px solid #E86720; font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300))); width:100%; z-index:10; }
.dropdown-menu p { margin:0px; font-size:calc(12px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); cursor:pointer; white-space:initial; }

.dropdown-item.active,
.dropdown-item:active { color:inherit; text-decoration:none; background-color:transparent; }
.dropdown-item .fa-square { position:relative; color:#A4A4A4; font-size:22px; }
.dropdown-item .fa-check,
.dropdown-item .fa-check { display:none; position:absolute; left:4px; bottom:4px; }
.dropdown-item.active .fa-check,
.dropdown-item:active .fa-check { display:block; }
.dropdown-item.active .fa-check:before,
.dropdown-item:active .fa-check:before { /* content: "\f14a"; */ font-size:12px; }

.custom_btn .dropdown-toggle { padding:0 10px; height:100%; }
.custom_btn .dropdown-toggle:after { display:inline-block; width:calc(28px + (35 - 28) * ((100vw - 300px) / (1600 - 300))); min-width:width:calc(28px + (35 - 28) * ((100vw - 300px) / (1600 - 300))); height:calc(32px + (40 - 32) * ((100vw - 300px) / (1600 - 300))); margin-left:0em; vertical-align:0em; content:""; border-top:0em solid; border-right:0em solid transparent; border-left:0em solid transparent; background:url("../images/arrow-down-orange.png") no-repeat center center; background-size:contain; }
.custom_btn.show .dropdown-toggle:after { background:url("../images/arrow-up-orange.png") no-repeat center center; background-size:contain; }

.grid { position:relative; overflow:hidden; background:#000; }

.item { display:block; position:absolute; width:calc(100% / 3 - 1px); height:calc(200px + (500 - 200) * ((100vw - 300px) / (1600 - 300))); margin:0; z-index:1; background:transparent; color:#fff; overflow:hidden; }
.item.muuri-item-dragging { z-index:3; }
.item.muuri-item-releasing { z-index:2; }
.item.muuri-item-hidden { z-index:0; }
.item-content { position:relative; width:100%; height:100%; }

.main-goal { background: #fefbf2; }

@media (max-width:992px) {
    .item { width:calc(50% - 1px); height:calc(300px + (500 - 200) * ((100vw - 300px) / (1600 - 300))); }
}

@media (max-width:576px) {
    .item { width:100%; height:calc(300px + (500 - 200) * ((100vw - 300px) / (1600 - 300))); }
}

.cases { height:100%; background-size:cover; background-position:center center; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; position:relative; }
.cases h3 { font-size:calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)))!important; }
.cases p { font-weight:300; font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)))!important; }
.cases ul { list-style-type:none; margin:0; padding:0; /* margin:auto auto 125px auto; */ }
.cases ul li { color:#fff; /* font-size:29px; */ font-weight:300; line-height:120%; padding-bottom:1rem; }
.cases ul li:before { font-family:'Font Awesome 5 Free'; content:"\f0da"; font-weight:900; margin:0 10px 0 0px; color:#fff; }
.cases .less-content span { font-size:calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)))!important; }
.cases .brand-logo { background-position:center center; background-repeat:no-repeat; background-size:75%;}


/**
 * CASE STUDY SINGLE
 */

.lead-looking { border-color:#E1E1E1; border-width:2px!important; background: #F1F7EF; }
.lead-looking .add-to-custom-quote { white-space: initial; margin: 0 auto;}

span.plus-green { background:url(../images/plus-green.png) no-repeat 50% 50%; background-size:contain; width:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); height:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300))); margin:auto 0 auto 10px; -webkit-transition:all .5s; transition:all .5s; line-height:50px; display:inline-block; float:right; margin-top:2px; }

.caption { font-size:calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)))!important; font-weight:lighter; }

.list_style_1 { list-style-image:url('../images/list-bullet.png'); padding-left:30px;padding-top:30px; }
.list_style_1 li { padding-left:16px; }
.list_style_2 { list-style-image:url('../images/right1.png'); padding-left:38px; }
.list_style_2 li { padding-left:16px; }

.masonry-grid { position:relative; overflow:hidden; }
.masonry-grid .item { display:block; position:absolute; width:calc(100% / 3 - 33px); height:auto; margin:16px; z-index:1; color:#fff; overflow:hidden; background-color:transparent; }
.masonry-grid .item.muuri-item-dragging { z-index:3; }
.masonry-grid .item.muuri-item-releasing { z-index:2; }
.masonry-grid .item.muuri-item-hidden { z-index:0; }
.masonry-grid .item-content { position:relative; width:100%; height:100%; }
.masonry-grid .muuri-title { font-size: 16px; text-align: center;}

.case-study p { color: #fff; }

/*#case-study-filter button { white-space: initial;}*/

.main-goal-text.order-2:nth-child(even) {margin-left: 2.6%;}
.approach-arrow-text { margin-left: 2.6%; }

@media (max-width:992px) {
    .masonry-grid .item { width:calc(50% - 33px); height:auto; }
}

@media (max-width:576px) {
    .masonry-grid .item { width:calc(100% - 33px); height:auto; }

}

/* Service Bucket */
.q-slides { padding:0px; }

.quote-blk .slick-dots { margin-left:calc(50px + (80 - 50) * ((100vw - 300px) / (1600 - 300))); margin-top:20px; bottom:-20px; }
.quote-blk .q-slide { position:relative; }
.quote-blk .q-slide:before { content:'“'; font-family:"amasis-mt-bold"; font-size:calc(50px + (120 - 50) * ((100vw - 300px) / (1600 - 300))); padding-right:20px; float:left; transform:translate(0, -15%); height:100%; }
.quote-blk .quote { font-size:calc(16px + (48 - 16) * ((100vw - 300px) / (1600 - 300))); line-height:100%; font-weight:normal; letter-spacing:0px; }
.quote-blk .steel { font-size:calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300))); text-indent:calc(50px + (90 - 50) * ((100vw - 300px) / (1600 - 300))); }
.quote-blk span { font-size:calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300))); text-indent:calc(50px + (90 - 50) * ((100vw - 300px) / (1600 - 300))); }



/**
 * SERVICE PAGE
 */

.work-slides .cases { height:calc(300px + (500 - 200) * ((100vw - 300px) / (1600 - 300))); }
    .work-slides .cases .steel { color:#ffffff; }
    .work-slides .cases .steel:hover { color:#ef6e2a; }
.work-slides .slick-list { padding:0px!important; }
.work-slides .a-left,
.work-slides .a-right { border:3px solid #fff; }
.work-slides .slick-prev { left:-3px; }
.work-slides .slick-next { right: 4%; }
.work-slides .btn-service-carousel { margin:.5em 0 0 0; }

span.plus-green-1 { background:url(../images/plus-green-1.png) no-repeat 50% 50%; background-size:100%; width:calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300))); height:calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300))); margin:auto 0 auto 10px; -webkit-transition:all .5s; transition:all .5s; }

.full-width-text-field figure { margin: 0 0 0; }

/**
 * BLOG PAGE
 */

.blog .green-text { color: #3D9B35;font-weight: 700;font-size: 26px; }
.blog-tag {color: #ff5f0b;}
.blog h1 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }
.blog h2 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }
.blog h3 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }
.blog h4 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }
.blog h5 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }
.blog h6 { font-size: calc(18px + (40 - 14) * ((100vw - 300px) / (1600 - 300))); padding-top: 0.7rem; }

.blog .postdate,
.blog .author { font-size:calc(16px + (26 - 16) * ((100vw - 300px) / (1600 - 300))); }

/**
 * MIXER LANDING PAGE
 */

.approach-text.order-2:nth-child(even) {margin-left: 2.6%;}
.approach-section { padding-top: 6rem; padding-bottom: 6rem; }

.approach-linkout .arrow-down-orange { background:url(../images/arrow-right-white-big.png) no-repeat center 15px; background-size:contain; width:34px; min-width:34px; height:60px; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; margin-left:20px; }
    .approach-linkout .approach-anchor { background:#3d9b35; }
    .approach-linkout .approach-anchor:hover .arrow-down-orange,
    .approach-linkout .approach-anchor.active .arrow-down-orange { background:url(../images/right.png) no-repeat; background-position:0 center; background-size:contain; }

.suggestion-anchor { position:relative; white-space: initial; color: #fff; }
.suggestion-anchor.active, .suggestion-anchor:hover { color: #000; }
.suggestion-anchor:hover .arrow-down-orange, .suggestion-anchor.active .arrow-down-orange { background: url(../images/arrow-down-orange.png) no-repeat;background-position: center 21px;background-size: contain; }

.suggestion-linkout .suggestion-linkout-children .arrow-down-orange { background:url(../images/arrow-right-white-big.png) no-repeat center 15px; background-size:contain; width:34px; min-width:34px; height:60px; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; margin-left:20px; }
.suggestion-linkout .suggestion-linkout-children:last-child .arrow-down-orange { background:url(../images/arrow-down-white.png) no-repeat center 12px; background-size:contain; width:34px; min-width:34px; height:60px; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; margin-left:20px; }

.suggestion-linkout .suggestion-linkout-children .suggestion-anchor:hover .arrow-down-orange,
.suggestion-linkout .suggestion-linkout-children .suggestion-anchor.active .arrow-down-orange { background:url(../images/right.png) no-repeat; background-position:0 center; background-size:contain; }

.suggestion-linkout .suggestion-linkout-children:last-child .suggestion-anchor:hover .arrow-down-orange,
.suggestion-linkout .suggestion-linkout-children:last-child .suggestion-anchor.active .arrow-down-orange { background:url(../images/arrow-down-orange.png) no-repeat; background-position:center 21px; background-size:contain; }


.service-anchor,
.service-anchor:hover { background:#3d9b35; }
    .service-anchor:hover .arrow-down-orange,
    .service-anchor.active .arrow-down-orange { background:url(../images/arrow-down-orange.png) no-repeat; background-position:0 center; background-size:contain; }


.mixer-banner { position:relative; }

.banner.mixer .image_block { background-size:cover; background-position: center center; background-repeat:no-repeat; background-color:#000; min-height:auto; will-change:transform; min-height:750px; height:calc(750px + (1080 - 750) * ((100vw - 300px) / (1600 - 300))); max-height:1080px; }
.mixer-banner .overlay-under-logo { right:0px; top:0px; left:auto; }

.sponsor-logo { background:url(../images/sponsor-logo.png) no-repeat top right; right:0px; bottom:0px; position:absolute; margin:24px 50px; width:auto; height:155px; padding-right:160px; z-index:1; line-height:230px!important; }

@media (max-width:576px) {
    .sponsor-logo { zoom:.6; background-color:rgba(0, 0, 0, 0.2); padding:10px 162px 10px 10px; background-position:calc(100% - 10px) 10px; margin:0 auto; width:100%; }
    .overlay-under-logo { /* width: 100%; */ }

    .approach-linkout .approach-anchor { padding:0 1.25rem; }
}


/**
 * Dev Features Section
 */

.dev-features-section {}
    .dev-features-section .dev-featured-image { height:auto; max-width:16%; }




.mixer-banner h1 { font-size:calc(42px + (120 - 42) * ((100vw - 300px) / (1600 - 300))); line-height:95%; }

.date-block .date h2,
.date-block .date h4 { line-height:90%; }
.date-block .date h2 { font-size:calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300))); font-weight:800; font-family:'Open Sans', sans-serif; }
.date-block .date h4 { font-size:calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300))); font-weight:800; font-family:'Open Sans', sans-serif; }
.date-block .time h4 { font-size:calc(18px + (38 - 18) * ((100vw - 300px) / (1600 - 300))); font-weight:600; font-family:'Open Sans', sans-serif; padding-left:40px; }
.date-block .location h6 { font-size:calc(18px + (38 - 18) * ((100vw - 300px) / (1600 - 300))); font-weight:800; font-family:'Open Sans', sans-serif; }
.date-block .location .bubble { background:url("../images/location-icon.png") no-repeat center center; width:30px; height:38px; background-size:30px 38px; display:inline-block; margin-right:10px; float:left; margin-top:3px; }
.date-block .location p { font-size:calc(16px + (36 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight:300; font-family:'Open Sans', sans-serif; padding-left:40px; line-height:100%; }

.mixer-page .map-blk { width:100%; min-height:400px; }
.mixer-page .intro_block { font-weight:300; font-family:'Open Sans', sans-serif; }
.mixer-page ul { list-style-type:none; margin:0; padding:0; list-style-position:outside; }
.mixer-page ul li { color:#000; font-weight:300; line-height:120%; padding-left:20px; position:relative; padding-bottom:1rem; }
.mixer-page ul li:before { font-family:'Font Awesome 5 Free'; content:"\f0da"; font-weight:900; color:#000; font-size:16px; padding-right:10px; height:100%; position:absolute; left:0; top:0; }

.address-text { font-family:'Open Sans', sans-serif; font-weight:600; }
.address-text .fa-caret-right { margin-left:15px; margin-right:15px; font-size:24px; }

.partnership .steel { letter-spacing:2px; }

.help-form-btn { white-space: initial; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) { /* margin: auto -10% auto -10%; */ }

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767.98px) {

    .hamburger-menu,
    .close-menu { height:50px; width:50px; }
    .navigation .quote-link { height:50px; width:50px; position:relative; padding:0; }

    .option-1 .btn,
    .option-2 .btn { font-size:18px; }

    span.right-arrow-white { background:url("../images/arrow-right-white.png") no-repeat; background-size:contain; width:28px; min-width:28px; height:24px; margin:auto 0; -webkit-transition:all .5s; transition:all .5s; display:inline-block; }

    .btn:hover > span.right-arrow-white { margin:0; width:28px; min-width:28px; }

    span.right-arrow-orange { background-size:100%; width:28px; min-width:28px; height:24px; }

    .slick-prev,
    .slick-next { width:28px; height:24px; }

    .slick-prev { left:-15px; }

    .slick-next { right:-15px; }

    .arrow-down-green { height:28px; width:24px; min-width:24px; background-size:contain; background-position:center 0px; }
    .arrow-down-orange { height:28px; width:24px; min-width:24px; background-size:contain; background-position:center 0px; }

    .partnership-option:hover > div .arrow-down-orange,
    .partnership-option.active > div .arrow-down-orange { height:28px; width:24px; min-width:24px; background-size:contain; background-position:center 0px; }

    .arrow-right-green { width:28px; min-width:28px; height:24px; background-size:contain; }
}



/**
 * HOME PAGE
 */

/*mobile view modal start*/
.orange-mob-btn { background-image:url(../img/orange-btn-mob.png); background-size:contain; background-repeat:no-repeat; background-color:transparent; color:transparent; }
.orange-mob-btn:focus { outline:0; box-shadow:none; }

.modal-content.modal-transparent { background-color:transparent; border:0; border-radius:0rem; outline:0; color:white; }
.modal-header.modal-transparent { background-color:transparent; border:0; border-radius:0rem; outline:0; color:white; }
.modal-footer.modal-transparent { background-color:transparent; border:0; border-radius:0rem; outline:0; color:white; padding:0; }

.btn-mob-learn { color:#f38606; }
.btn-link.btn-mob-learn:hover { color:#f38606; text-decoration:none; }
.btn-mob-learn.close { color:#f38606; text-shadow:none; opacity:1; font-size:2.2rem; border:2px solid white; padding-top:0px; padding-left:6px; padding-right:6px; padding-bottom:3px; border-radius:38px; }

.modal-line-height { line-height:45px; }

.mobile-overlay { background:rgba(0, 0, 0, 0.8)!important; }

@media (max-width:570px) {
    .modal-body > h6.mobile-font-responsive { line-height:28px; font-size:14px; }
    .mobile-lm-btn-responsive { font-size:25px; }
}
/*mobile view modal end*/

/*modal*/

/*We Prove it start*/
.border-bottom-green-prove-it { border-bottom:2px solid #3c9b35; width:10%; }

#hero-video { background-size:cover; width:100%; top:0!important; left:0!important; }

@media screen and (max-width:1024px) and (min-width:642px) {
    .slick-next { width:50px; height:50px; right:10px; }
    .slick-prev { width:50px; height:50px; left:4%!important; z-index:99; }
}

@media screen and (max-width:767px)  and (min-width:642px) {
    .slick-prev { width:40px; height:30px; left:32%!important; z-index:99; }
    .slick-next { width:40px; height:30px; right:10px!important; }
}

@media (max-width:641px) {
    .mob-wdus-video-slider { display:none!important; }
    .slick-prev { width:40px; height:30px; left:10px!important; z-index:99; }
    .slick-next { width:40px; height:30px; right:10px!important; }
    .display-mob-hidden1 { display:none !important; }
}

@media (min-width:641px) { .display-mob-hidden { display:none !important; }
}
/*We Prove it end*/



/*top navigation*/
#no-b-radius.btn-success { border-radius:0; border:none; }
/*top navigation end*/


/**
 * FOOTER
 */

.bg-black { background-color:#252525; background-size:cover; }

ul.footer-1-col > li { text-decoration:none; list-style-type:none; }
ul.footer-1-col > li.display-inline-block { display:inline-block; }

.display-inline-block { display:inline-block; }

.border-bottom-green { border-bottom:2px solid #3c9b35; width:60%; }

.visibility-hidden { visibility:hidden; }

.border-gray { border-bottom:2px solid #3a3a3a; }

.contact-form { border-radius:0px; }
.form-control.contact-form:focus { outline:0!important; border-color:none; box-shadow:none; }

.color-gray { color:#9c9daf; }
.color-green { color:#3c9b35; }

.button-go { padding-left:0px; }
/*footer end*/


/*Already know what you need?*/
h4 > a.color-green-underline:hover { color:#298824; text-decoration:none; }
.form-input-align { border-radius:0px; width:100%!important; border:2px solid #3c9b35; }
.form-control.form-input-align:focus { outline:0!important; border-color:#3c9b35; box-shadow:none; }
.btn-getstartedtoday { background-color:#ef6e2a; color:white; border:1px solid #ef6e2a; border-color:#ef6e2a; border-radius:0px; }
.btn-getstartedtoday:hover { background-color:#ed5e12; border-color:#ed5e12; border-radius:0px; }
/*Already know what you need? end */


/*How Can we help?*/
.bg-how-can-we-help { background-color:#2eaa28; }
.btn-how-can-we-help { color:white; border:1px solid white; border-color:white; border-radius:0px; }
.btn-how-can-we-help:hover { background-color:transparent; border-color:white; border-radius:0px; color:white; }
.btn-how-can-we-help:active { background-color:transparent; border-color:white; border-radius:0px; color:white; }
.btn-how-can-we-help:focus { outline:0!important; border-color:white; box-shadow:none; }
/*How Can we help? end*/



/**
 * THESE LOOK LIKE GLOBAL STYLES AGAIN???
 */

.text-uppercase { text-transform:uppercase; }
.text-capitalize { text-transform:capitalize; }

.color-orange { color:#d3632d; }

.carrow-resize { opacity:1!important; }
a.carousel-control-next.carrow-resize > span.ti-arrow-left { width:0px!important; }
a.carousel-control-prev.carrow-resize > span.ti-arrow-right { width:0px!important; }

@media (max-width:767.98px) {
    .button-go { padding-left:40px; }
}

@media (max-width:1199px) {
    .menu-bg { background-color:#3c9b35!important; }
    .navbar-light .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
    .navbar-light .navbar-toggler { border:0; }
    .navbar-light .navbar-toggler:focus { outline:0!important; }
}

.image-overlay-section { background-size:cover; background-repeat:no-repeat; position:relative; padding-top:25%; }
.image-overlay-section-overlay { color:white; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(60, 155, 53, 0.9); display:none; }
.image-overlay-section-toggle { display:block; width:100px; height:100px; position:absolute; bottom:0; right:0; text-decoration:none!important; }
.image-overlay-section-toggle .fa { color:white!important; position:absolute; bottom:15px; right:15px; }
.image-overlay-section-toggle .fa.fa-minus { color:#3c9b35!important; }
.image-overlay-section-toggle:before { content:''; display:block; width:0; height:0; border-style:solid; border-width:0 0 100px 100px; border-color:transparent transparent #3c9b35 transparent; }
.image-overlay-section-toggle.opened:before { border-color:transparent transparent white transparent; }

/**
 * R & J NEW STYLES
 */

/* New globals */
.btn { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex;align-items:center; }
/*.btn-new { display:flex; align-items:center; border:3px solid transparent; padding:0.5rem 1rem; box-shadow:0 0 0 3px rgba(87, 152, 67, 0)!important; }*/
.hidden { display:none; }
.xHidden { display:none !important; }
.invisible { visibility:hidden; }
.flex-align-center { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; align-items:center; justify-content:center; }
.flex-align-h-center { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex; justify-content:center; }
.flex-align-v-center { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; align-items:center; }
.pointer { cursor:pointer; }
.background-none { background:none!important; }
.grecaptcha-badge { visibility:hidden; }
.form-submit-btn:disabled { background: #6c757d!important; cursor:default!important; }

/* Video embeds  */
.video-wrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* jQuery dot dot dot */
.ellip { display:block; height:100%; }
.ellip-line { display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:100%; }
.ellip,
.ellip-line { position:relative; overflow:hidden; }

/* Parsley JS styles */
input.parsley-success,
select.parsley-success,
textarea.parsley-success { color:#468847; background-color:#FFFFFF; border:3px solid #3D9B35; }
input.parsley-error:focus, /*keep error style in focus*/
select.parsley-error:focus, /*keep error style in focus*/
textarea.parsley-error:focus,  /*keep error style in focus*/
input.parsley-error,
select.parsley-error,
textarea.parsley-error { color:#B94A48; background-color:#F2DEDE; border:3px solid #C50108; }
.parsley-errors-list { margin:2px 0 3px; padding:0; list-style-type:none; opacity:0; transition:all .3s ease-in; -o-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; }
/*fixed position form*/
.parsley-errors-list { position:absolute; }
.parsley-errors-list.filled { opacity:1; }
.parsley-errors-list li {color:#C50108; font-size:15px;}

/* Buttons */
.signup-form-btn { white-space:initial; }
.get-started { height:60px; background-color:#3D9B35; padding:0px 20px; font-size:20px; color:#fff; font-family:"SteelfishRg-Bold"; text-transform:uppercase; letter-spacing:3px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display:flex; cursor:pointer; }
.add-to-custom-quote { padding:0.6rem 1rem }
.add-to-custom-quote .right-arrow-orange { height:calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300))); }
.added { border-color:#ff5f0b !important; }
.custom-quote-option button { white-space: initial; }

/* Nav */
.main-nav-modal { background:#3d9b35; }
    .main-nav-modal .navbar { z-index:1000; }
    .main-nav-modal .modal-body { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex;-webkit-justify-content: center;justify-content:center; align-items:center; position:absolute; height:100vh; width:100vw; }
        .main-nav-modal .modal-body h4 { font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))); }

.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

/* Home hero  */
#home-hero {}
    #home-hero .video-overlay { z-index:1049; }
    #home-hero #home-wrapper {position:relative; height:100vh; overflow:hidden;}
    #home-hero .photo { position:absolute; width:calc(100vh * (1000 / 562)); /*video width/height */ height:calc(100vw * (562 / 1000)); /*video height/width*/ min-width:100%; min-height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }
    #home-hero .photo #vimeo-player,
    #home-hero #outlined-svg { position:absolute; top:0; left:0; width:100%; height:100%; }
        #home-hero #outlined-svg .sprite { display:none; }
        #home-hero #outlined-svg .sprite.hidden { display:none !important; }
        #home-hero #outlined-svg .hotspot-rect { fill:transparent; cursor:pointer; }
        #home-hero #outlined-svg .sprite-close { cursor:pointer; display:block; }
        #home-hero #outlined-svg .sprite-play { cursor:pointer; }

/* Does it need a fixed height? */
    #home-hero #hero-cta-btn { padding:0.5rem 1rem; cursor:pointer; color:#fff; position:absolute; bottom:15%; left:15%; z-index:99; /*height:70px;*/ }
    #home-hero .modal-dialog { max-width:800px; }
    #home-hero .modal-content {  border:none; background-color:rgba(0, 0, 0, 0.4) !important; color:white; font-size:18px;}
        #home-hero .modal-content .close { color:#f38606!important; }
        #home-hero .modal-content p { padding:60px 70px 0 70px; margin-bottom:0; }
        #home-hero .modal-content a { padding-top:0; }

.fade-scale { transform:scale(0); opacity:0; -webkit-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear; }
.fade-scale.show { opacity:1; transform:scale(1); }
.modal-dialog-centered { min-height:100% !important; }

@media (min-width: 320px) and (max-width: 480px) {
    #home-hero .modal-content { font-size: 14px; }
    .modal-content .modal-body { padding: 1rem; }
}

@media (max-width:768px) {
    #home-hero #home-wrapper { height:70vh; }
}
@media (max-width:500px) {
    #home-hero #home-wrapper { height:50vh; }
}

/* Custom Quote  */
#custom-quote .divider { height:0; width:100%; border:0; border-bottom:1px solid black; }
    #custom-quote #custom-quote-form .form-group.message { height:100%!important; }

/* Our work page  */
#our-work {}
/*#our-work h3 {calc(10px + (40 - 14) * ((100vw - 300px) / (1600 - 300)))}*/
#our-work .grid {background:#F1F7EF;}

/*.dropdown { min-width:16rem; }*/
/*.dropdown .btn.text-dark { min-width:16rem; }*/
/* Filters for case study grid and blog page */
.dropdown.filtered .dropdown-toggle:after { background:url("../images/arrow-down-white.png") no-repeat center center!important; background-size:contain !important; }
.dropdown.filtered.show .dropdown-toggle:after { background:url("../images/arrow-up-white.png") no-repeat center center!important; background-size:contain; }
.dropdown.filtered .btn { background:#ff5f0b!important; color:#ffffff!important; }

/* Blog Ajax loaders */
.loader { position:absolute; left:50%; top:60px; margin-left:-55px; border:15px solid /*#f3f3f3*/#F1F7EF; border-radius:50%; border-top:15px solid #3d9b35; width:110px; height:110px; -webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite; }
#more-loader { top:0; }
.lead-form-loader { border:12px solid /*#f3f3f3*/#F1F7EF; border-radius:50%; border-top:12px solid #3d9b35; width:60px; height:60px; -webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite; }
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

/* Service bucket - tidy up!!!  */
.read-more { color:#ffffff; }
.read-more:hover { color:#3c9b35; }

/* Prove Analytics Services */
.analytics-logo { width: 100%; height: auto; }

.menu-bg { background-color:transparent!important; }




/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .scroll-down{ display: none; }
    /* Home hero  */
    #home-hero #hero-cta-btn {padding: 1rem 1rem;font-size: calc(20px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));bottom: 10%;}
    .custom-quote-text { margin-right: 1rem !important; }

    /* Home Service Buckets */
    /*.service .less-content h2 { font-size: calc(26px + (60 - 24) * ((100vw - 300px) / (1600 - 300)));} */
    /*.service p {font-weight: 600;font-size: calc(16px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: 1.2;margin-bottom: 0.5rem;}*/
    /*.service .overlay_green p { font-size: 15px;}*/

    /* Overlay Green */
    .overlay_green .service ul li { padding-bottom: 0.5rem; }
    /*.overlay_green .mb-4 { margin-bottom: 1rem !important; }*/
}


/*
  Bootstrap matched media queries
*/
/* col-xl //Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width */

/* col-lg //Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .approach-section { padding-top: 6rem;padding-bottom: 6rem; }

    .approach-text.order-2:nth-child(even), .main-goal-text.order-2:nth-child(even), .approach-arrow-text { margin-left: 2.6%;padding-right: 45px !important;padding-left: 10px !important; }
    .approach-text.order-2:nth-child(odd), .main-goal-text.order-2:nth-child(odd) {padding-left: 45px !important;padding-right: 20px !important;}

    #home-hero #hero-cta-btn { padding: 1.5rem 2rem; }
    #home-hero #hero-cta-btn.steel { font-size: calc(30px + (34 - 30) * ((100vw - 300px) / (1600 - 300))); }

    .cta-banner .steel { font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1600 - 300))); }
    .case-study .steel { font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1600 - 300))); }

    .contact-us-text { font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))); }

    .signup-form ul li { text-align: left; }
}
/* col-md //Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #home-hero #hero-cta-btn {padding: 1rem 1.5rem;}

    .approach-section { padding-top: 0; padding-bottom: 2.5rem; }

    .approach-text.order-2:nth-child(even), .main-goal-text.order-2:nth-child(even), .approach-arrow-text { margin-left: 8.333333%;padding-right: 3rem !important;padding-left: 3rem !important; }
    .approach-text.order-2:nth-child(odd), .main-goal-text.order-2:nth-child(odd) {padding-right: 3rem !important;padding-left: 3rem !important;}

    .blog .green-text { text-align: center; margin-bottom: 0rem; }

    .service {height: calc(105vh - 84px);}

    .icon-gallery .col-custom-flex { margin: 5px 15px;flex: 0 1 calc(17% - 30px); }

    .main-goal h4 { font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1600 - 300))); }
}
/* col-sm //Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navigation span.right-arrow-white { background:url("../images/arrow-right-white.png") no-repeat; background-size:contain; width:28px; min-width:28px; height:24px; position: absolute; align-items: center; top: 26%; left: 14%; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; }
    .navigation .btn:hover > span.right-arrow-white { margin:auto; width:28px; min-width:28px; position: absolute; align-items: center; top: 26%; left: 14%; }

    .approach-text.order-2:nth-child(even), .main-goal-text.order-2:nth-child(even), .approach-arrow-text { margin-left: 0%;padding-right: 30px !important;padding-left: 30px !important; }
    .approach-text.order-2:nth-child(odd), .main-goal-text.order-2:nth-child(odd) {padding-right: 30px !important;padding-left: 30px !important;}

    .select { font-size: 16px; }
    .form-control { font-size: 16px; }

    .half-left { width: 100%;max-width: 100%;margin-left: 0!important;margin-right: 0!important;margin-bottom: 30px; }

    .map { padding: 4px 0 35px 0; }

    .service { height:calc(140vh - 84px);  }

    .icon-gallery .col-custom-flex { margin: 5px 15px;flex: 0 1 calc(20% - 30px); }

    .main-goal h4 { font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300))); }

    .blog h4 { font-size: 18px; }

    .blog .contact-us-text { font-size: 24px; }

    .suggestion-anchor:hover .arrow-down-orange, .suggestion-anchor.active .arrow-down-orange { background-position: center center; }

    .sticky { height: 80px; }
    .sticky .navbar-brand img { height: 40px; }
}
/* col- //Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #home-hero #hero-cta-btn.steel { font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300))); }
    #custom-quote .modal-body .container {padding-left: 0; padding-right:0;}

    .cta-banner .steel { font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300))); }
    .case-study .steel { font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300))); }

    .navigation span.right-arrow-white { background:url("../images/arrow-right-white.png") no-repeat; background-size:contain; width:28px; min-width:28px; height:24px; position: absolute; align-items: center; top: 26%; left: 21%; margin:auto; -webkit-transition:all .5s; transition:all .5s; display:inline-block; }
    .navigation .btn:hover > span.right-arrow-white { margin:auto; width:28px; min-width:28px; position: absolute; align-items: center; top: 26%; left: 21%; }

    .select { font-size: 16px; }
    .form-control { font-size: 16px; }

    .map { padding: 4px 0 35px 0; }

    .filters .steel { letter-spacing: 2px; font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300))); }
    .steel { letter-spacing: 2px; font-size: calc(16px + (26 - 16) * ((100vw - 300px) / (1600 - 300))); }

    .service { height:calc(145vh - 84px);  }

    .icon-gallery .col-custom-flex { margin: 5px 15px;flex: 0 1 calc(25% - 30px); }

    .dropdown-menu {width: 100%;left: 0 !important;}

    .contact-heading {font-size: 26px;}
    .contact-us-text { font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1600 - 300))); }

    .intro h2 {font-size: 24px;}
    .intro h2 p {font-size: 24px;}

    #home-hero #hero-cta-btn {padding: .7rem .7rem;bottom: 8%;}

    .cases .less-content span {font-size: 16px !important;}
    .case-study-results h4 { font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1600 - 300))); }

    .g-map h4 {font-size: 20px;}

    .blog h4 {font-size: 18px;}

    .suggestion-anchor:hover .arrow-down-orange, .suggestion-anchor.active .arrow-down-orange {background-position: center center;}

    .main-goal h4 { font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))); }

    .lead-looking { padding: 0; }
    .lead-looking h3 { font-size: 18px; }

    .text-banner-subtext p { margin-bottom: 0; }

    .list_style_2 h4 { font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1600 - 300))); }
}





/*
  Targeting specific screen size segments
*/

/* col-xl //Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* col-lg //Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}
/* col-md //Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

}
/* col-sm //Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}
/* col- //Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* iPhone SE */
@media (max-width: 321px) {
    .cases .less-content span { font-size: 14px !important; }
}