html{font-size:10px;}
html,
body{height:100%;}
body{background:#111111;font-family:"lato", serif;font-size:1.7rem;font-style:normal;font-weight:normal;line-height:1.765;color:#757575;margin:0;padding:0;}
a{color:#0087cc;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:hover,
a:focus,
a:active{color:#3e945a;}
a:hover,
a:active{outline:0;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family:"montserrat-bold", sans-serif;color:#000000;font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4{margin-top:6rem;margin-bottom:1.8rem;}
@media only screen and (max-width:600px){h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4{margin-top:5.1rem;}
}
h5,
.h5,
h6,
.h6{margin-top:4.2rem;margin-bottom:1.5rem;}
@media only screen and (max-width:600px){h5,
.h5,
h6,
.h6{margin-top:3.6rem;margin-bottom:0.9rem;}
}
h1,
.h1{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem;}
@media only screen and (max-width:600px){h1,
.h1{font-size:3.3rem;letter-spacing:-.07rem;}
}
h2,
.h2{font-size:3rem;line-height:1.3;}
h3,
.h3{font-size:2.4rem;line-height:1.25;}
h4,
.h4{font-size:2.1rem;line-height:1.286;}
h5,
.h5{font-size:1.6rem;line-height:1.313;}
h6,
.h6{font-size:1.3rem;line-height:1.385;text-transform:uppercase;letter-spacing:.16rem;}
p img{margin:0;}
p.lead{font-family:"montserrat-regular", sans-serif;font-size:2rem;font-weight:300;line-height:1.8;margin-bottom:3.6rem;color:#000000;}
@media only screen and (max-width:800px){p.lead{font-size:1.8rem;}
}
em,
i,
strong,
b{font-size:inherit;line-height:inherit;font-style:normal;font-weight:normal;}
em,
i{font-family:"lato-italic", serif;}
strong,
b{font-family:"lato-bold", serif;}
small{font-size:1.2rem;line-height:inherit;}
blockquote{margin:3.9rem 0;padding-left:4.5rem;position:relative;}
blockquote:before{content:"\201C";font-size:10rem;line-height:0px;margin:0;color:rgba(0, 0, 0, 0.25);font-family:arial, sans-serif;position:absolute;top:3.6rem;left:0;}
blockquote p{font-family:"montserrat-regular", sans-serif;padding:0;font-size:2.1rem;line-height:1.857;color:#111111;}
blockquote cite{display:block;font-family:"montserrat-regular", sans-serif;font-size:1.4rem;font-style:normal;line-height:1.5;}
blockquote cite:before{content:"\2014 \0020";}
blockquote cite a,
blockquote cite a:visited{color:#828282;border:none;}
abbr{font-family:"lato-bold", serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:.05rem;color:#828282;}
var,
kbd,
samp,
code,
pre{font-family:Consolas, "Andale Mono", Courier, "Courier New", monospace;}
pre{padding:2.4rem 3rem 3rem;background:#F1F1F1;overflow-x:auto;}
code{font-size:1.4rem;margin:0 .2rem;padding:.3rem .6rem;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:3px;}
pre > code{display:block;white-space:pre;line-height:2;padding:0;margin:0;}
pre.prettyprint > code{border:none;}
del{text-decoration:line-through;}
abbr[title],
dfn[title]{border-bottom:1px dotted;cursor:help;text-decoration:none;}
mark{background:#ffd900;color:#000000;}
hr{border:solid rgba(0, 0, 0, 0.1);border-width:1px 0 0;clear:both;margin:2.4rem 0 1.5rem;height:0;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{display:list-item;}
ol,
ul{margin-left:1.7rem;}
ul li{padding-left:.4rem;}
ul ul,
ul ol,
ol ol,
ol ul{margin:.6rem 0 .6rem 1.7rem;}
ul.disc li{display:list-item;list-style:none;padding:0 0 0 .8rem;position:relative;}
ul.disc li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3e945a;position:absolute;left:-17px;top:11px;vertical-align:middle;}
dt{margin:0;color:#3e945a;}
dd{margin:0 0 0 2rem;}
img.pull-right{margin:1.5rem 0 0 3rem;}
img.pull-left{margin:1.5rem 3rem 0 0;}
table{border-width:0;width:100%;max-width:100%;font-family:"lato", serif;}
th,
td{padding:1.5rem 3rem;text-align:left;border-bottom:1px solid #E8E8E8;}
th{color:#000000;font-family:"montserrat-bold", sans-serif;}
td{line-height:1.5;}
th:first-child,
td:first-child{padding-left:0;}
th:last-child,
td:last-child{padding-right:0;}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
button,
.btn{margin-bottom:1.2rem;}
fieldset{margin-bottom:1.5rem;}
input,
textarea,
select,
pre,
blockquote,
figure,
table,
p,
ul,
ol,
dl,
form,
.video-container,
.cl-custom-select{margin-bottom:3rem;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#3e945a;position:fixed;z-index:900;top:0;right:100%;width:100%;height:4px;}
.oldie .pace{display:none;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#111111;z-index:800;height:100%;width:100%;display:table;}
.no-js #preloader,
.oldie #preloader{display:none;}
#loader{display:table-cell;text-align:center;vertical-align:middle;}
.line-scale-pulse-out > div{background-color:#3e945a;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.62, 0.148, 0.90, 0.85);animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.62, 0.148, 0.90, 0.85);}
.line-scale-pulse-out > div:nth-child(2),
.line-scale-pulse-out > div:nth-child(4){-webkit-animation-delay:-0.4s !important;animation-delay:-0.4s !important;}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(5){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important;}
@-webkit-keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1);}
50%{-webkit-transform:scaley(0.4);transform:scaley(0.4);}
100%{-webkit-transform:scaley(1);transform:scaley(1);}
}
@keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1);}
50%{-webkit-transform:scaley(0.4);transform:scaley(0.4);}
100%{-webkit-transform:scaley(1);transform:scaley(1);}
}
fieldset{border:none;}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select{display:block;height:6rem;padding:1.5rem 0;border:0;outline:none;color:#333333;font-family:"montserrat-light", sans-serif;font-size:1.4rem;line-height:3rem;max-width:100%;background:transparent;border-bottom:2px solid rgba(0, 0, 0, 0.15);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cl-custom-select{position:relative;padding:0;}
.cl-custom-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-indent:0.01px;text-overflow:'';margin:0;line-height:3rem;vertical-align:middle;}
.cl-custom-select select option{padding-left:2rem;padding-right:2rem;}
.cl-custom-select select::-ms-expand{display:none;}
.cl-custom-select::after{border-bottom:2px solid rgba(0, 0, 0, 0.5);border-right:2px solid rgba(0, 0, 0, 0.5);content:'';display:block;height:8px;width:8px;margin-top:-7px;pointer-events:none;position:absolute;right:2.4rem;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
.oldie .cl-custom-select::after{display:none;}
textarea{min-height:25rem;}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{color:#000000;border-bottom:2px solid black;}
label,
legend{font-family:"montserrat-regular", sans-serif;font-size:1.4rem;font-weight:bold;margin-bottom:.9rem;line-height:1.714;color:#000000;display:block;}
input[type="checkbox"],
input[type="radio"]{display:inline;}
label > .label-text{display:inline-block;margin-left:1rem;font-family:"montserrat-regular", sans-serif;font-weight:normal;line-height:inherit;}
label > input[type="checkbox"],
label > input[type="radio"]{margin:0;position:relative;top:.15rem;}
::-webkit-input-placeholder{color:#828282;}
:-moz-placeholder{color:#828282;}
::-moz-placeholder{color:#828282;}
:-ms-input-placeholder{color:#828282;}
.placeholder{color:#828282 !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{-webkit-text-fill-color:#3e945a;transition:background-color 5000s ease-in-out 0s;}
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{display:inline-block;font-family:"montserrat-medium", sans-serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:.3rem;height:5.4rem;line-height:calc(5.4rem - .4rem);padding:0 3rem;margin:0 .3rem 1.2rem 0;color:#000000;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#c5c5c5;border:.2rem solid #c5c5c5;}
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus{background-color:#b8b8b8;border-color:#b8b8b8;color:#000000;outline:0;}
.btn.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary,
input[type="reset"].btn--primary,
input[type="button"].btn--primary{background:#3e945a;border-color:#3e945a;color:#FFFFFF;}
.btn.btn--primary:hover,
button.btn--primary:hover,
input[type="submit"].btn--primary:hover,
input[type="reset"].btn--primary:hover,
input[type="button"].btn--primary:hover,
.btn.btn--primary:focus,
button.btn--primary:focus,
input[type="submit"].btn--primary:focus,
input[type="reset"].btn--primary:focus,
input[type="button"].btn--primary:focus{background:#33a242;border-color:#33a242;}
.btn.full-width,
button.full-width{width:100%;margin-right:0;}
.btn--medium,
button.btn--medium{height:5.7rem !important;line-height:calc(5.7rem - .4rem) !important;}
.btn--large,
button.btn--large{height:6rem !important;line-height:calc(6rem - .4rem) !important;}
.btn--stroke,
button.btn--stroke{background:transparent !important;border:0.2rem solid #3e945a;color:#3e945a;}
.btn--stroke:hover,
button.btn--stroke:hover{border:0.2rem solid #000000;color:#000000;}
.btn--pill,
button.btn--pill{padding-left:3rem !important;padding-right:3rem !important;border-radius:1000px !important;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
.alert-box{padding:2.1rem 4rem 2.1rem 3rem;position:relative;margin-bottom:3rem;border-radius:3px;font-family:"montserrat-regular", sans-serif;font-size:1.5rem;line-height:1.6;}
.alert-box__close{position:absolute;right:1.8rem;top:1.8rem;cursor:pointer;}
.alert-box__close.fa{font-size:12px;}
.alert-box--error{background-color:#ffd1d2;color:#e65153;}
.alert-box--success{background-color:#c8e675;color:#758c36;}
.alert-box--info{background-color:#d7ecfb;color:#4a95cc;}
.alert-box--notice{background-color:#fff099;color:#bba31b;}
.drop-cap:first-letter{float:left;margin:0;padding:1.5rem .6rem 0 0;font-size:8.4rem;font-family:"montserrat-regular", sans-serif;font-weight:bold;line-height:6rem;text-indent:0;background:transparent;color:#000000;}
.lining dt,
.lining dd{display:inline;margin:0;}
.lining dt + dt:before,
.lining dd + dt:before{content:"\A";white-space:pre;}
.lining dd + dd:before{content:", ";}
.lining dd + dd:before{content:", ";}
.lining dd:before{content:": ";margin-left:-0.2em;}
.dictionary-style dt{display:inline;counter-reset:definitions;}
.dictionary-style dt + dt:before{content:", ";margin-left:-0.2em;}
.dictionary-style dd{display:block;counter-increment:definitions;}
.dictionary-style dd:before{content:counter(definitions, decimal) ". ";}
.pull-quote{position:relative;padding:2.1rem 3rem 2.1rem 0px;}
.pull-quote:before,
.pull-quote:after{height:1em;position:absolute;font-size:10rem;font-family:Arial, Sans-Serif;color:rgba(0, 0, 0, 0.25);}
.pull-quote:before{content:"\201C";top:-3.6rem;left:0;}
.pull-quote:after{content:'\201D';bottom:3.6rem;right:0;}
.pull-quote blockquote{margin:0;}
.pull-quote blockquote:before{content:none;}
.stats-tabs{padding:0;margin:3rem 0;}
.stats-tabs li{display:inline-block;margin:0 1.5rem 3rem 0;padding:0 1.5rem 0 0;border-right:1px solid rgba(0, 0, 0, 0.1);}
.stats-tabs li:last-child{margin:0;padding:0;border:none;}
.stats-tabs li a{display:inline-block;font-size:2.5rem;font-family:"montserrat-regular", sans-serif;font-weight:bold;border:none;color:#000000;}
.stats-tabs li a:hover{color:#3e945a;}
.stats-tabs li a em{display:block;margin:.6rem 0 0 0;font-size:1.4rem;font-family:"montserrat-regular", sans-serif;color:#828282;}
header .header-nav .skill-bars{list-style:none;margin:0;margin-top:30px;}
header .header-nav .header-nav__content .skill-bars h3{margin-top:35px;}
header .header-nav .skill-bars li{margin:0;list-style:none;}
header .header-nav .skill-bars li{height:3px;background:#666666;width:100%;margin-bottom:55px;padding:0;position:relative;}
header .header-nav .skill-bars li:first-of-type{margin-top:70px;}
header .header-nav .skill-bars li:last-of-type{margin-bottom:0;}
header .header-nav .skill-bars li strong{position:absolute;left:35px;top:-3rem;font-family:"montserrat-regular", sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:9px;line-height:2.4rem;}
header .header-nav .skill-bars li i{position:absolute;left:0;top:-28px;color:#fff;font-size:16px;}
header .header-nav .skill-bars li .progress{background:#3e945a;position:relative;height:100%;}
header .header-nav .skill-bars li .progress span{position:absolute;right:-16px;top:-3.6rem;display:block;font-family:"montserrat-regular", sans-serif;color:#3e945a;font-size:1.1rem;line-height:1;background:none;padding:.6rem .6rem;border-radius:3px;margin-bottom:0;letter-spacing:0;}
header .header-nav .skill-bars li .progress span::after{position:absolute;left:50%;bottom:-5px;margin-left:-5px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #3e945a;content:"";}
header .header-nav .skill-bars li .progress span::before{display:none;}
header .header-nav .skill-bars li .percent5{width:5%;}
header .header-nav .skill-bars li .percent10{width:10%;}
header .header-nav .skill-bars li .percent15{width:15%;}
header .header-nav .skill-bars li .percent20{width:20%;}
header .header-nav .skill-bars li .percent25{width:25%;}
header .header-nav .skill-bars li .percent30{width:30%;}
header .header-nav .skill-bars li .percent35{width:35%;}
header .header-nav .skill-bars li .percent40{width:40%;}
header .header-nav .skill-bars li .percent45{width:45%;}
header .header-nav .skill-bars li .percent50{width:50%;}
header .header-nav .skill-bars li .percent55{width:55%;}
header .header-nav .skill-bars li .percent60{width:60%;}
header .header-nav .skill-bars li .percent65{width:65%;}
header .header-nav .skill-bars li .percent70{width:70%;}
header .header-nav .skill-bars li .percent75{width:75%;}
header .header-nav .skill-bars li .percent80{width:80%;}
header .header-nav .skill-bars li .percent85{width:85%;}
header .header-nav .skill-bars li .percent90{width:90%;}
header .header-nav .skill-bars li .percent95{width:95%;}
header .header-nav .skill-bars li .percent100{width:100%;}
.wide{max-width:1400px;}
.narrow{max-width:800px;}
.display-1{font-family:"montserrat-medium", sans-serif;font-size:7.8rem;line-height:1.25;color:#222;margin-top:0;}
.display-1--light{color:#FFFFFF;}
.display-2{font-family:"montserrat-medium", sans-serif;font-size:14px;line-height:20px;color:#666666;margin-top:0;text-transform:uppercase;letter-spacing:5px;}
.display-2--light{color:#FFFFFF;}
.s-works .display-2--light, .s-contact .display-2--light{color:#3e945a;}
.subhead + .display-2{margin-top:.6rem;}
.subhead{font-family:"montserrat-bold", sans-serif;font-size:24px;line-height:1.333;text-transform:uppercase;letter-spacing:.25rem;color:#222;margin-top:0;margin-bottom:0;}
.subhead--dark{color:#000000;}
@media only screen and (max-width:800px){}
@media only screen and (max-height:800px){header .header-nav .skill-bars{display:none;}
}
.section-header{text-align:center;position:relative;margin-bottom:100px;margin-top:40px;max-width:960px;}
.section-header.has-bottom-sep{padding-bottom:2.1rem;position:relative;}
.section-header.has-bottom-sep::before{content:"";display:inline-block;height:1px;width:550px;background-color:rgba(0, 0, 0, 0.1);position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.section-header.has-bottom-sep.light-sep::before{background-color:rgba(255, 255, 255, 0.05);}
@media only screen and (max-width:1200px){.section-header{max-width:800px;}
}
@media only screen and (max-width:900px){.section-header{max-width:700px;}
}
@media only screen and (max-width:800px){.s-clients{padding-bottom:17.4rem;}
.section-header.has-bottom-sep::before{width:400px;}
}
@media only screen and (max-width:600px){.section-header.has-bottom-sep{padding-bottom:0;}
.section-header.has-bottom-sep::before{width:250px;}
}
.slick-slider .slick-slide{outline:none;}
.slick-slider .slick-dots{display:block;list-style:none;width:100%;padding:0;margin:3rem 0 0 0;text-align:center;position:absolute;top:100%;left:0;}
.slick-slider .slick-dots li{display:inline-block;width:27px;height:27px;margin:0;padding:9px;cursor:pointer;}
.slick-slider .slick-dots li button{display:block;width:10px;height:10px;border-radius:50%;background:#959595;border:none;line-height:10px;padding:0;margin:0;cursor:pointer;font:0/0 a;text-shadow:none;color:transparent;}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus{outline:none;}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li:hover button{background:#3e945a;}
.s-header{width:100%;background-color:transparent;position:absolute;top:0;z-index:500;}
.header-logo{width:50px;margin:0 auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:501;}
.header-logo a{display:block;padding:0;outline:0;border:none;width:50px;height:50px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header-nav{background:#111111;color:rgba(255, 255, 255, 0.25);font-family:"montserrat-light", sans-serif;font-size:1.3rem;line-height:1.846;padding:20px 45px 20px 25px;height:100%;width:280px;position:fixed;right:0;top:0;z-index:700;overflow-y:hidden;overflow-x:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:hidden;}
.realmenu .header-nav{padding:20px 20px 20px 0px;}
.header-nav a:hover,
.header-nav a:focus,
.header-nav a:active{color:white;}
header .header-nav .header-nav__content h3{font-family:"montserrat-regular", sans-serif;font-size:14px;color:#fff;letter-spacing:5px;margin-bottom:0;margin-top:40px;margin-right:0;text-align:left;}
header .header-nav .header-nav__content p{color:#fff;}
header .header-nav .header-nav__content span{position:relative;display:block;font-family:"lato", sans-serif;font-size:9px;text-transform:uppercase;color:#3e945a;letter-spacing:2px;margin-bottom:40px;}
header .header-nav .header-nav__content span:before{content:'';width:30px;height:3px;background-color:#fff;position:absolute;top:30px;}
.header-nav h3{font-family:"montserrat-regular", sans-serif;font-size:14px;line-height:1.5;text-transform:uppercase;letter-spacing:5px;color:#fff;margin-top:20px;margin-right:55px;text-align:right;}
.header-nav p{margin-bottom:2.7rem;}
.header-nav__content{position:relative;left:50px;opacity:0;visibility:hidden;}
.header-nav__list{font-family:"montserrat-regular", sans-serif;font-size:1.8rem;margin-top:50px;list-style:none;margin-left:0;}
.header-nav__list li{padding-left:0;line-height:4.5rem;text-align:right;font-size:11px;letter-spacing:3px;color:#666;font-family:'montserrat-regular', sans-serif;text-transform:uppercase;margin-bottom:15px;}
.header-nav__list li a{color:#666;display:block;padding-right:15px;}
.header-nav__list li a:hover{background-color:#2a2a2a;}
.header-nav__list li a.current{color:#fff;background-color:#2a2a2a;}
.header-nav__list i{font-size:18px;padding-left:20px;}
.header-nav__social{list-style:none;display:inline-block;margin:0;font-size:1.8rem;z-index:11;position:absolute;right:20px;bottom:100px;}
header .header-nav__social{bottom:45px;right:-10px;}
.header-nav__social li{margin-right:12px;padding-left:0;display:inline-block;}
.header-nav__social li a{color:rgba(255, 255, 255, 0.6);}
.header-nav__social li a:hover,
.header-nav__social li a:focus{color:white;}
.header-nav__social li:last-child{margin:0;}
.header-nav__close{display:block;height:30px;width:30px;border-radius:3px;background-color:rgba(0, 0, 0, 0.3);position:absolute;top:35px;right:35px;font:0/0 a;text-shadow:none;color:transparent;z-index:800;}
.header-nav__close span::before,
.header-nav__close span::after{content:"";display:block;height:2px;width:12px;background-color:#FFFFFF;position:absolute;top:50%;left:9px;margin-top:-1px;}
.header-nav__close span::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.header-nav__close span::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.menu-is-open header .header-nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-overflow-scrolling:touch;}
.menu-is-open header .header-nav .header-nav__content{opacity:1;visibility:visible;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0.3s;transition-delay:0.3s;left:0;height:100%;}
.menu-is-open1 .realmenu .header-nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-overflow-scrolling:touch;}
.menu-is-open1 .realmenu .header-nav .header-nav__content{opacity:1;visibility:visible;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0.3s;transition-delay:0.3s;left:0;height:100%;}
.header-menu-toggle{position:absolute;right:38px;top:24px;height:42px;width:42px;line-height:42px;font-family:"montserrat-medium", sans-serif;font-size:1.3rem;text-transform:uppercase;letter-spacing:.3rem;color:#3e945a;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:90;}
header .header-menu-toggle{width:40px;height:40px;top:40px;right:40px;color:#222;background-color:#fff;animation-name:color;animation-duration:2s;animation-iteration-count:infinite;}
@keyframes color{0%{background-color:rgba(255, 255, 255, 1);}
25%{background-color:rgba(255, 255, 255, 0.5);}
50%{background-color:rgba(255, 255, 255, 1);}
75%{background-color:rgba(255, 255, 255, 0.5);}
100%{background-color:rgba(255, 255, 255, 1);}
}
header .header-menu-toggle span{background:none;}
header .header-menu-toggle span:hover{background-color:#3e945a;}
header .header-menu-toggle:hover span{color:#fff;}
.realmenu .header-menu-toggle{position:fixed;right:20px;top:23px;width:115px;opacity:0;visibility:hidden;}
.realmenu .header-menu-toggle.opaque{opacity:1;visibility:visible;}
.realmenu .header-menu-toggle.white .header-menu-icon{background-color:#fff;}
.realmenu .header-menu-toggle.white .header-menu-text{color:#fff;}
.realmenu .header-menu-toggle.white:hover,
.realmenu .header-menu-toggle.white:focus{background-color:rgba(0, 0, 0, 0.8);top:35px;right:35px;}
.realmenu .header-menu-toggle .header-menu-icon,
.realmenu .header-menu-toggle .header-menu-icon{background-color:#222222;}
.realmenu .header-menu-toggle .header-menu-text,
.realmenu .header-menu-toggle .header-menu-text{color:#222222;}
.realmenu .header-menu-toggle:hover,
.realmenu .header-menu-toggle:focus{background-color:rgba(255, 255, 255, 0.8);top:35px;right:35px;}
.realmenu .header-menu-icon{left:79px;}
.header-menu-text{display:block;position:absolute;top:2px;left:50px;padding-right:12px;}
.header-menu-icon{display:block;width:40px;height:40px;padding-left:9px;position:absolute;background-color:white;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.realmenu .header-menu-icon{display:block;width:22px;height:2px;margin-top:-1px;position:absolute;left:15px;top:50%;right:auto;bottom:auto;background-color:white;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.realmenu .header-menu-icon::before,
.realmenu .header-menu-icon::after{content:'';width:100%;height:100%;background-color:inherit;position:absolute;left:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.realmenu .header-menu-icon::before{top:-7px;}
.realmenu .header-menu-icon::after{bottom:-7px;}
@media only screen and (max-width:600px){.header-logo{left:30px;}
.header-menu-toggle{right:25px;}
}
@media only screen and (max-width:400px){.header-menu-text{display:none;}
}
.s-home{width:100%;height:100%;min-height:auto;background-color:transparent;position:relative;display:table;}
.s-home .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;background-color:#000000;z-index:9;}
.texture{background:url(../images/bg_texture-grid.png) center center;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;opacity:0.8;}
.video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;}
.video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;}
.no-js .s-home{background:#000000;}
.home-content{display:table-cell;width:100%;height:100%;vertical-align:middle;padding-bottom:15.6rem;position:relative;overflow:hidden;z-index:11;}
.home-content h3{font-family:"montserrat-bold", sans-serif;font-size:1.6rem;color:rgba(255, 255, 255, 0.5);text-transform:uppercase;letter-spacing:.3rem;position:relative;margin-top:0;margin-bottom:1.2rem;margin-left:6px;}
.home-content h1{font-family:"montserrat-bold", sans-serif;font-size:2.3rem;line-height:1.333;margin-top:0;color:#FFFFFF;text-align:center;text-transform:uppercase;letter-spacing:16px;}
.home-content__main{padding-top:14rem;position:relative;}
.home-content__main h2{font-family:"lato", sans-serif;letter-spacing:5px;color:#3e945a;text-align:center;text-transform:uppercase;font-size:1.2rem;margin-top:5px;}
.home-content__buttons{padding-top:6rem;text-align:left;}
.home-content__buttons .btn{width:215px;border-color:#FFFFFF;color:#FFFFFF;margin:1.5rem 1.5rem 0 0;letter-spacing:.25rem;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.home-content__buttons .btn:last-child{margin-right:0;}
.home-content__buttons .btn:hover,
.home-content__buttons .btn:focus{background:#FFFFFF !important;color:#000000;}
.home-content__scroll{bottom:30px;margin-left:-7px;left:50%;position:absolute;z-index:150;}
.home-content__scroll a{font-family:"montserrat-semibold", sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.3rem;color:#FFFFFF;position:relative;display:inline-block;line-height:3rem;}
.home-content__line{display:block;width:2px;height:10.2rem;background-color:#3e945a;position:absolute;right:7.2rem;bottom:0;}
.home-social{font-family:"montserrat-regular", sans-serif;list-style:none;margin:0;position:absolute;top:50%;right:5.4rem;-webkit-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);z-index:11;}
.home-social a{color:white;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.home-social li{position:relative;padding:.9rem 0;}
.home-social li a{display:block;width:33px;height:33px;}
.home-social li a:hover{opacity:0.7;}
.home-social i,
.home-social span{position:absolute;top:0;line-height:33px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.home-social i{font-size:14px;right:-14px;text-align:center;display:inline-block;width:33px;height:33px;line-height:calc(33px - 4px);border:2px solid #FFFFFF;border-radius:5%;}
.home-social span{color:#ffffff;right:4.5rem;font-size:1.3rem;opacity:0;visibility:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;}
.home-social li:hover span{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
html.cl-preload .home-content__main{opacity:0;}
html.cl-loaded .home-content__main{animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
html.no-csstransitions .home-content__main{opacity:1;}
@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0, 150%, 0);-ms-transform:translate3d(0, 150%, 0);transform:translate3d(0, 150%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0, 150%, 0);-ms-transform:translate3d(0, 150%, 0);transform:translate3d(0, 150%, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes fadeOut{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -150%, 0);-ms-transform:translate3d(0, -150%, 0);transform:translate3d(0, -150%, 0);}
}
@keyframes fadeOut{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -150%, 0);-ms-transform:translate3d(0, -150%, 0);transform:translate3d(0, -150%, 0);}
}
@media only screen and (max-width:1500px){.home-content__main{max-width:1000px;}
}
@media only screen and (max-width:1200px){.home-content__main{max-width:800px;}
}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:1000px){.home-content br{display:none;}
.home-content__main{padding-top:21rem;max-width:680px;}
}
@media only screen and (max-width:800px){.home-content__main{max-width:550px;}
.logo svg.visible{display:none;}
.realmenu .header-menu-toggle{width:50px;}
.realmenu .header-menu-toggle:hover,
.realmenu .header-menu-toggle:focus{background-color:rgba(255, 255, 255, 0);top:23px;right:20px;}
.realmenu .header-menu-toggle span.header-menu-text{display:none;}
}
@media only screen and (max-width:700px){.home-content__main{max-width:490px;}
.home-social{right:4rem;}
.home-content__line{right:5.5rem;}
}
@media only screen and (max-width:600px){.home-social{display:none;right:2rem;}
.home-social li{padding:.6rem 0;}
.home-social i{font-size:17px;border:none;}
.home-social span{display:none;}
.home-content__line{height:7.2rem;}
}
@media only screen and (max-width:500px){.s-home{min-height:auto;}
.home-content__main{text-align:center;max-width:none;width:85%;}
.home-content__buttons{padding-top:1.2rem;}
.home-content__buttons .btn{width:auto;margin:1.5rem 0 0 0;}
.home-social{display:none;}
}
@media only screen and (max-width:450px){}
@media only screen and (max-width:400px){.s-home{min-height:auto;}
.home-content__main{padding-top:16.2rem;}
}
.logo{width:50px;height:50px;position:fixed;top:30px;left:30px;z-index:100;}
.logo svg{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.logo svg.visible{opacity:1;}
.logo svg.white{fill:#fff;}
.s-services{padding-top:20px;padding-bottom:100px;background-color:#ecf0f1;color:#757575;position:relative;width:100%;}
.services-list{margin-top:0rem;}
.services-list .service-item{height:250px;border-radius:10%;}
.services-list .service-item .content{height:100%;}
.services-list .first{padding-left:0px;}
.services-list .third{padding-right:0px;}
.services-list .top{padding:0;}
.services-list .bottom{padding:0;}
.services-list .service-item h3{font-family:"montserrat-semibold", sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#222;margin-top:0;margin-bottom:0;padding:0 20px;}
.services-list .service-text{text-align:center;}
.services-list .service-icon{text-align:center;}
.content figure{position:relative;overflow:hidden;width:100%;height:100%;margin:0;background-color:#fff;border:2px solid rgba(0, 0, 0, 0.1);}
.content figure figcaption{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.content figure figcaption::before,
.content figure figcaption::after{pointer-events:none;}
.content figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before{border-top:2px solid #3e945a;border-bottom:2px solid #3e945a;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after{border-right:2px solid #3e945a;border-left:2px solid #3e945a;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.effect-bubba .icon{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);display:block;margin:0 auto;}
figure.effect-bubba .bg-socialmedia{width:48px;height:42px;background:url('css_sprites.png') -90px -72px;}
figure.effect-bubba .bg-webdesign{width:94px;height:42px;background:url('css_sprites.png') -10px -10px;}
figure.effect-bubba .bg-development{width:60px;height:42px;background:url('css_sprites.png') -10px -72px;}
figure.effect-bubba .bg-branding{width:71px;height:42px;background:url('css_sprites.png') -124px -10px;}
figure.effect-bubba .bg-video{width:43px;height:42px;background:url('css_sprites.png') -10px -134px;}
figure.effect-bubba .bg-graphicdesign{width:42px;height:42px;background:url('css_sprites.png') -73px -134px;}
figure.effect-bubba h3{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);}
figure.effect-bubba p{font-family:'lato', sans-serif;font-size:12px;letter-spacing:1px;color:#222;margin-bottom:0;padding:0 20px;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,120px,0);transform:translate3d(0,120px,0);}
figure.effect-bubba i{padding-right:10px;}
figure.effect-bubba .service-text a{width:130px;height:30px;margin:0 auto;line-height:28px;font-family:'montserrat-regular', sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;background-color:#3e945a;border:2px solid #3e945a;color:#fff;display:block;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,140px,0);transform:translate3d(0,140px,0);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
figure.effect-bubba .service-text a:hover{background:none;color:#3e945a;border:2px solid #3e945a;}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:active figcaption::before,
figure.effect-bubba:active figcaption::after,
figure.effect-bubba:focus figcaption::before,
figure.effect-bubba:focus figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover .icon,
figure.effect-bubba:active .icon,
figure.effect-bubba:focus .icon{-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}
figure.effect-bubba:hover h3,
figure.effect-bubba:active h3,
figure.effect-bubba:focus h3{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-bubba:hover p,
figure.effect-bubba:active p,
figure.effect-bubba:focus p{opacity:1;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-bubba:hover a,
figure.effect-bubba:active a,
figure.effect-bubba:focus a{opacity:1;-webkit-transform:translate3d(0,72px,0);transform:translate3d(0,72px,0);}
@media only screen and (max-width:1200px){.services-list{max-width:1000px;}
.services-list .service-item:nth-child(2n+1){}
.services-list .service-item:nth-child(2n+2){}
figure.effect-bubba:hover .service-text a,
figure.effect-bubba:active .service-text a,
figure.effect-bubba:focus .service-text a{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);}
}
@media only screen and (max-width:1000px){.services-list h3{font-size:2.5rem;}
.services-list .service-item:nth-child(2n+1){}
.services-list .service-item:nth-child(2n+2){}
figure.effect-bubba:hover .icon,
figure.effect-bubba:active .icon,
figure.effect-bubba:focus .icon{-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}
figure.effect-bubba:hover h3,
figure.effect-bubba:active h3,
figure.effect-bubba:focus h3{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-bubba:hover p,
figure.effect-bubba:active p,
figure.effect-bubba:focus p{-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0);}
figure.effect-bubba:hover .service-text a,
figure.effect-bubba:active .service-text a,
figure.effect-bubba:focus .service-text a{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);}
}
@media only screen and (max-width:800px){.services-list{margin-top:4.2rem;max-width:500px;text-align:center;}
.services-list .service-item:nth-child(n){}
.services-list h3{font-size:3rem;}
.services-list .service-text{margin-left:0;}
.services-list .service-icon{font-size:4rem;float:none;margin-top:0;}
figure.effect-bubba:hover .icon,
figure.effect-bubba:active .icon,
figure.effect-bubba:focus .icon{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-bubba:hover h3,
figure.effect-bubba:active h3,
figure.effect-bubba:focus h3{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-bubba:hover p,
figure.effect-bubba:active p,
figure.effect-bubba:focus p{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);}
figure.effect-bubba:hover .service-text a,
figure.effect-bubba:active .service-text a,
figure.effect-bubba:focus .service-text a{-webkit-transform:translate3d(0,75px,0);transform:translate3d(0,75px,0);}
}
@media only screen and (max-width:600px){.s-services{}
.services-list .service-item:nth-child(n){}
.services-list h3{font-size:2.5rem;}
}
@media only screen and (max-width:500px){figure.effect-bubba:hover .icon{-webkit-transform:translate3d(0,35px,0);transform:translate3d(0,35px,0);}
figure.effect-bubba:hover h3,
figure.effect-bubba:active h3,
figure.effect-bubba:focus h3{-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0);}
figure.effect-bubba:hover p,
figure.effect-bubba:active p,
figure.effect-bubba:focus p{-webkit-transform:translate3d(0,55px,0);transform:translate3d(0,55px,0);}
figure.effect-bubba:hover .service-text a,
figure.effect-bubba:active .service-text a,
figure.effect-bubba:focus .service-text a{-webkit-transform:translate3d(0,70px,0);transform:translate3d(0,70px,0);}
}
@media only screen and (max-width:400px){.services-list .service-item:nth-child(n){padding-right:0;padding-left:0;}
.services-list .service-item{height:280px;}
.services-list h3{font-size:2.5rem;}
figure.effect-bubba:hover .icon,
figure.effect-bubba:active .icon,
figure.effect-bubba:focus .icon{-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}
figure.effect-bubba:hover h3,
figure.effect-bubba:active h3,
figure.effect-bubba:focus h3{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-bubba:hover p,
figure.effect-bubba:active p,
figure.effect-bubba:focus p{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-bubba:hover .service-text a,
figure.effect-bubba:active .service-text a,
figure.effect-bubba:focus .service-text a{-webkit-transform:translate3d(0,65px,0);transform:translate3d(0,65px,0);}
}
.s-works{background:#ecf0f1;padding:0;padding-bottom:100px;min-height:800px;position:relative;}
.s-works .intro-wrap{padding:20px 0 25.2rem;background:#111111;}
.works-content{max-width:1160px;margin-top:-23.4rem;}
.s-works h3.subhead, .s-contact h3.subhead{color:#fff;}
.masonry:after{content:"";display:table;clear:both;}
.masonry .grid-sizer,
.masonry__brick{width:100%;}
.masonry__brick{float:left;padding:0;}
.item-folio{position:relative;overflow:hidden;border-bottom:1px solid #ecf0f1;}
.item-folio img.logo-works{max-width: 200px; position:absolute;top:50%;right:50%;margin-right:-100px;margin-top:-40px;z-index:2;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
.item-folio:hover img.logo-works{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);}
.item-folio__thumb img{vertical-align:bottom;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.item-folio__thumb a{display:block;}
.item-folio__thumb a::before{display:block;background-color:rgba(0, 0, 0, 0.9);content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:1;}
.item-folio__thumb a::after{content:"+";font-family:georgia, serif;font-size:2.7rem;display:block;height:30px;width:30px;line-height:30px;margin-left:-15px;margin-top:-15px;position:absolute;left:50%;top:50%;text-align:center;color:rgba(255, 255, 255, 0.8);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);z-index:1;}
.item-folio__text{position:absolute;left:0;bottom:3.6rem;padding:0 3.3rem;z-index:2;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.item-folio__title{font-family:"montserrat-semibold", sans-serif;font-size:1.4rem;line-height:1.286;color:#FFFFFF;text-transform:uppercase;letter-spacing:.2rem;margin:0 0 .3rem 0;}
.item-folio__cat{color:#3e945a;font-family:"montserrat-light", sans-serif;font-size:1.4rem;line-height:1.714;margin-bottom:0;}
.item-folio__caption{display:none;}
.item-folio__project-link{display:none;color:#FFFFFF;box-shadow:0 0 0 1px #FFFFFF;border-radius:50%;height:4.2rem;width:4.2rem;text-align:center;z-index:500;position:absolute;top:3rem;left:3rem;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
.item-folio__project-link i{font-size:1.8rem;line-height:4.2rem;}
.item-folio__project-link::before{display:block;content:"";height:3rem;width:1px;background-color:rgba(255, 255, 255, 0.1);position:absolute;top:-3rem;left:50%;}
.item-folio__project-link:hover,
.item-folio__project-link:focus,
.item-folio__project-link:active{background-color:#FFFFFF;color:#000000;}
.item-folio:hover .item-folio__thumb a::before{background-color:rgba(0, 0, 0, 0.3);}
.item-folio:hover .item-folio__thumb a::after{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.item-folio:hover .item-folio__thumb img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.item-folio:hover .item-folio__project-link,
.item-folio:hover .item-folio__text{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
@media only screen and (max-width:800px){.s-works .intro-wrap{padding:20px 0 21.2rem;}
.item-folio__title, .item-folio__cat{font-size:1.3rem;}
}
@media only screen and (max-width:600px){.s-works .intro-wrap{padding:20px 0 18.2rem;}
.masonry__brick{float:none;width:100%;}
.masonry__brick .item-folio{height: 250px; background: url(../images/dark-blackboard.png) center center #111;}
.item-folio__thumb a::before {display: none;}
.item-folio__thumb img {display: none;}
.item-folio__title,
.item-folio__cat{font-size:1.4rem;display:none;}
.item-folio img.logo-works{width:150px;margin-right:-75px;margin-top:-28px;}
}
.s-clients{padding-top:16.2rem;padding-bottom:16.8rem;background-color:#e6e6e6;color:#757575;position:relative;}
.clients-outer{margin-top:3.6rem;padding-bottom:9rem;text-align:center;position:relative;}
.clients__slide{display:block;opacity:.55;padding:1.5rem 2.8rem;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.clients__slide:hover,
.clients__slide:focus{opacity:1;}
.clients-testimonials{margin-top:4.2rem;padding-top:7.2rem;text-align:center;position:relative;}
.clients-testimonials::before{content:"";display:block;height:1px;width:550px;background-color:rgba(0, 0, 0, 0.1);text-align:center;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.clients-testimonials .testimonials{margin:0 10%;}
.clients-testimonials .testimonials p{font-family:"lato", serif;font-size:3rem;line-height:1.8;color:#555555;margin-bottom:6rem;}
.clients-testimonials .testimonials__slide{padding:0 0 3rem 0;}
.clients-testimonials .testimonials__avatar{height:8.4rem;width:8.4rem;border-radius:50%;margin:0 auto 1.2rem auto;}
.clients-testimonials .testimonials__name,
.clients-testimonials .testimonials__pos{display:block;}
.clients-testimonials .testimonials__name{font-family:"montserrat-semibold", sans-serif;color:#000000;}
.clients-testimonials .testimonials__pos{font-family:"montserrat-light", sans-serif;font-size:1.4rem;}
.clients-testimonials .testimonials .slick-arrow{position:absolute;top:7.2rem;width:66px;height:66px;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-size:22px 15px;background-position:center;border:none;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font:0/0 a;text-shadow:none;color:transparent;z-index:2;}
.clients-testimonials .testimonials .slick-prev{left:-130px;background-image:url("../images/left-arrow.png");}
.clients-testimonials .testimonials .slick-next{right:-130px;background-image:url("../images/right-arrow.png");}
.clients-testimonials .testimonials .slick-dots{margin-top:-0.6px;}
@media only screen and (max-width:1200px){.clients-testimonials .testimonials{margin:0 12%;}
.clients-testimonials .testimonials p{font-size:2.6rem;}
.clients-testimonials .testimonials .slick-prev{left:-100px;}
.clients-testimonials .testimonials .slick-next{right:-100px;}
}
@media only screen and (max-width:1000px){.clients-testimonials .testimonials p{font-size:2.2rem;}
}
@media only screen and (max-width:800px){.clients-testimonials::before{width:400px;}
.clients-testimonials .testimonials{margin:0 2rem;}
.clients-testimonials .testimonials .slick-arrow{top:auto;bottom:3rem;}
.clients-testimonials .testimonials .slick-prev{left:0;}
.clients-testimonials .testimonials .slick-next{right:0;}
}
@media only screen and (max-width:600px){.s-clients{padding-top:12rem;}
.clients-testimonials::before{width:250px;}
.clients-testimonials .testimonials{margin:0;}
.clients-testimonials .testimonials p{font-size:2rem;}
}
@media only screen and (max-width:400px){.clients-testimonials .testimonials p{font-size:1.9rem;}
}
.s-contact{background-color:#111;padding-top:20px;padding-bottom:100px;color:rgba(255, 255, 255, 0.5);position:relative;}
.s-contact .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background-color:#151515;}
.s-contact .form-field{position:relative;}
.s-contact .form-field:after{content:"";display:table;clear:both;}
.s-contact .form-field label{font-family:"montserrat-light", sans-serif;font-size:1rem;line-height:2.4rem;position:absolute;bottom:-0.3rem;right:.6rem;text-transform:uppercase;letter-spacing:.1rem;padding:0 2rem;margin:0;color:#FFFFFF;background:#3e945a;}
.s-contact .form-field label::after{content:"";position:absolute;left:-5px;top:50%;margin-top:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #3e945a;}
.contact__line{display:block;width:2px;height:20.4rem;background-color:#3e945a;position:absolute;left:50%;top:-10.2rem;margin-left:-1px;}
.contact-content{max-width:1000px;background-color:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.4);padding-top:6rem;padding-bottom:6rem;font-family:"montserrat-light", sans-serif;font-size:1.5rem;line-height:2;position:relative;}
.contact-content h3{margin-top:0;margin-bottom:6.6rem;color:#FFFFFF;}
.contact-content h5{margin-top:0;color:#3e945a;}
.contact-content input[type="email"],
.contact-content input[type="number"],
.contact-content input[type="search"],
.contact-content input[type="text"],
.contact-content input[type="tel"],
.contact-content input[type="url"],
.contact-content input[type="password"],
.contact-content textarea,
.contact-content select{color:#ddd;border-bottom:1px solid #555;margin-bottom:.9rem;}
.contact-content input[type="email"]:focus,
.contact-content input[type="number"]:focus,
.contact-content input[type="search"]:focus,
.contact-content input[type="text"]:focus,
.contact-content input[type="tel"]:focus,
.contact-content input[type="url"]:focus,
.contact-content input[type="password"]:focus,
.contact-content textarea:focus,
.contact-content select:focus{color:#FFFFFF;border-bottom:1px solid #3e945a;}
.contact-content button,
.contact-content .btn{margin-top:3.6rem;}
.contact-content input::-webkit-input-placeholder,
.contact-content select::-webkit-input-placeholder,
.contact-content textarea::-webkit-input-placeholder{color:#555;}
.contact-content input:-moz-placeholder,
.contact-content select:-moz-placeholder,
.contact-content textarea:-moz-placeholder{color:#555;}
.contact-content input::-moz-placeholder,
.contact-content select::-moz-placeholder,
.contact-content textarea::-moz-placeholder{color:#555;}
.contact-content input:-ms-input-placeholder,
.contact-content select:-ms-input-placeholder,
.contact-content textarea:-ms-input-placeholder{color:#555;}
.contact-content input.placeholder,
.contact-content select.placeholder,
.contact-content textarea.placeholder{color:#4f4f4f !important;}
.contact-primary,
.contact-secondary{float:left;padding:0 5rem;}
.contact-primary{width:65%;}
.contact-primary #contactForm{margin-top:-1.5rem;}
.contact-secondary{width:35%;}
.contact-secondary::before{content:"";display:block;width:35%;position:absolute;top:0;bottom:0;right:0;background-color:#121212;}
.contact-secondary .contact-info{position:relative;}
.contact-secondary .cinfo{margin-bottom:4.8rem;}
.contact-social{list-style:none;display:inline-block;margin:0;font-size:2rem;}
.contact-social li{margin-right:15px;padding-left:0;display:inline-block;}
.contact-social li a{color:white;}
.contact-social li a:hover,
.contact-social li a:focus{color:#3e945a;}
.contact-social li:last-child{margin:0;}
.message-warning,
.message-success{display:none;background:#111111;font-size:1.5rem;line-height:2;padding:3rem;margin-bottom:3.6rem;width:100%;}
.message-warning{color:#ff6163;}
.message-success{color:#3e945a;}
.message-warning i,
.message-success i{margin-right:10px;font-size:1.2rem;}
.submit-loader{display:none;position:relative;left:0;top:1.8rem;width:100%;text-align:center;margin-bottom:3rem;}
.submit-loader .text-loader{display:none;font-family:"montserrat-regular", sans-serif;font-size:1.3rem;font-weight:bold;line-height:1.846;color:#FFFFFF;letter-spacing:.2rem;text-transform:uppercase;}
.oldie .submit-loader .s-loader{display:none;}
.oldie .submit-loader .text-loader{display:block;}
.s-loader{margin:1.2rem auto 3rem;width:70px;text-align:center;-webkit-transform:translateX(0.45rem);-ms-transform:translateX(0.45rem);transform:translateX(0.45rem);}
.s-loader > div{width:9px;height:9px;background-color:#3e945a;border-radius:100%;display:inline-block;margin-right:.9rem;-webkit-animation:bouncedelay 1.4s infinite ease-in-out both;animation:bouncedelay 1.4s infinite ease-in-out both;}
.s-loader .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.s-loader .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@media only screen and (max-width:1200px){.contact-content{max-width:900px;}
}
@media only screen and (max-width:1000px){.contact-content{max-width:700px;}
.contact-primary,
.contact-secondary{float:none;width:100%;}
.contact-primary #contactForm{margin-top:-1.5rem;margin-bottom:7.2rem;}
.contact-secondary::before{display:none;}
.message-warning,
.message-success{margin-bottom:6rem;}
}
@media only screen and (max-width:800px){.contact-content h3{text-align:center;}
.contact-content{padding-bottom:30px;text-align:center;}
}
@media only screen and (max-width:600px){.s-contact{padding-bottom:0;}
.contact__line{height:14.4rem;top:-7.2rem;}
.contact-primary,
.contact-secondary{padding:0 20px;}
}
@media only screen and (max-width:400px){.contact-primary,
.contact-secondary{padding:0 5px;}
}
footer{padding:20px 0 40px;font-family:"montserrat-light", sans-serif;font-size:15px;line-height:2;text-align:center;color:rgba(255, 255, 255, 0.3);}
footer h4{color:#FFFFFF;font-size:1.6rem;line-height:1.313;margin-top:0;margin-bottom:3.6rem;}
footer a{color:#FFFFFF;}
footer a:hover,
footer a:focus,
footer a:active{color:#3e945a;}
footer .row{max-width:980px;}
footer span{font-size:7px;}
.footer-bottom{text-align:center;font-size:14px;}
.footer-bottom .copyright span{display:inline-block;}
.footer-bottom .copyright span::after{content:"|";display:inline-block;padding:0 1rem 0 1.2rem;color:rgba(255, 255, 255, 0.05);}
.footer-bottom .copyright span:last-child::after{display:none;}
.go-top{position:fixed;bottom:35px;right:35px;z-index:600;display:none;}
.go-top a,
.go-top a:visited{text-decoration:none;border:0 none;display:block;height:60px;width:60px;line-height:60px;text-align:center;background:rgba(0, 0, 0, 0.5);color:#fff;text-align:center;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.go-top a i,
.go-top a:visited i{font-size:18px;line-height:inherit;}
.go-top a:hover,
.go-top a:focus{color:#fff;background:rgba(62, 148, 90, 1);}
#top-border,
#bottom-border,
#left-border,
#right-border{position:fixed;z-index:10000;background:#ffffff;}
#left-border,
#right-border{width:20px;}
#top-border,
#bottom-border{height:20px;}
#left-border{left:0;}
#right-border{right:0;}
#top-border{top:0;}
#bottom-border{bottom:0;}
#left-border,
#right-border{top:0;bottom:0;}
#top-border,
#bottom-border{left:0;right:0;}
@media only screen and (max-width:900px){.footer-main .left{padding-right:20px;}
.footer-main .right{padding-left:20px;}
}
@media only screen and (max-width:800px){footer .row{max-width:600px;}
.footer-main .left{padding-right:15px;margin-bottom:4.2rem;}
.footer-main .right{padding-left:15px;}
}
@media only screen and (max-width:600px){.footer-main .left{padding-right:10px;}
.footer-main .right{padding-left:10px;}
.footer-logo{margin:-.6rem auto 3.6rem;}
.footer-bottom{padding-bottom:.6rem;}
.footer-bottom .copyright span{display:block;}
.footer-bottom .copyright span::after{display:none;}
.go-top{right:30px;bottom:30px;}
.go-top a, .go-top a:visited{width:30px;height:30px;line-height:30px;}
}
@media only screen and (max-width:500px){.footer-subscribe #mc-form input[type="email"]{padding:1.2rem 20px 1.2rem;background:rgba(0, 0, 0, 0.1);text-align:center;}
.footer-subscribe #mc-form input[type=submit]{position:static;width:100%;margin-bottom:1.8rem;}
.footer-subscribe #mc-form label{text-align:center;}
}
@media only screen and (max-width:400px){.footer-main .left{padding-right:0;}
.footer-main .right{padding-left:0;}
}