@font-face { font-family: Tungsten Light; font-style: normal; font-weight: 400; src: url(../fonts/Tungsten-Light.eot?#iefix) format("embedded-opentype"),  url(../fonts/Tungsten-Light.woff2) format("woff2"),  url(../fonts/Tungsten-Light.woff) format("woff"),  url(../fonts/Tungsten-Light.ttf) format("truetype"); }
.slick-slider { 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, .slick-slider { position: relative; display: block }
.slick-list { overflow: hidden; margin: 0; padding: 0 }
.slick-track { position: relative; top: 0; left: 0; display: block }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
.slick-loading .slick-list { background: #fff url(../Css/ajax-loader.gif) 50% no-repeat }
.slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; border: none }
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: transparent }
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 }
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 }
.slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-prev { left: -25px }
[dir=rtl] .slick-prev { right: -25px; left: auto }
.slick-prev:before { content: '←' }
[dir=rtl] .slick-prev:before { content: '→' }
.slick-next { right: -25px }
[dir=rtl] .slick-next { right: auto; left: -25px }
.slick-next:before { content: '→' }
[dir=rtl] .slick-next:before { content: '←' }
.slick-slider { margin-bottom: 30px }
.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center }
.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0 }
.slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer }
.slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 5px; color: transparent; border: 0; outline: none; background: transparent }
.slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { opacity: .75; color: #000 }
.modaal-accessible-hide, .modaal-close span, .modaal-gallery-control span { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden }
.modaal-overlay, .modaal-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0 }
.modaal-wrapper { display: block; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.modaal-wrapper .modaal-close { border: none; background: 0 0; padding: 0; -webkit-appearance: none }
.modaal-fullscreen .modaal-outer-wrapper, .modaal-gallery-item img { display: block }
.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: 0 0; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: 0 0 }
.modaal-instagram .modaal-container { width: auto; background: 0 0; box-shadow: none!important }
.modaal-instagram .modaal-content-container { padding: 0; background: 0 0 }
.modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: 0 0; border: none; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto }
.modaal-iframe-elem, .modaal-iframe .modaal-content { width: 100%; height: 100% }
.modaal-iframe-elem { display: block }
.modaal-loading-spinner { background: 0 0; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(.25); transform: scale(.25) }
.modaal-loading-spinner>div:nth-of-type(2)>div, .modaal-loading-spinner>div:nth-of-type(3)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite }
.modaal-loading-spinner>div:nth-of-type(3)>div, .modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s }
.modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s }
.modaal-loading-spinner>div:nth-of-type(5)>div { -webkit-animation-delay: .5s; animation-delay: .5s }
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite }
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div, .modaal-loading-spinner>div:nth-of-type(8)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s }
.modaal-loading-spinner>div:nth-of-type(7)>div, .modaal-loading-spinner>div:nth-of-type(8)>div { -webkit-animation-delay: .75s; animation-delay: .75s }
.modaal-loading-spinner>div:nth-of-type(8)>div { -webkit-animation-delay: .87s; animation-delay: .87s }
body.chocolat-open>.chocolat-loader, body.chocolat-open>.chocolat-overlay { z-index: 15 }
 @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, to {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
 40% {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px)
}
 60% {
 -webkit-transform:translateY(-15px);
 transform:translateY(-15px)
}
}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
 [hidden], template {
 display: none
}
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: .67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
 button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
.modaal-noscroll { overflow: hidden }
.modaal-accessible-hide { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden }
.modaal-overlay { z-index: 999; opacity: 0 }
.modaal-overlay, .modaal-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100% }
.modaal-wrapper { display: block; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden }
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none }
.modaal-wrapper.modaal-start_none { display: none; opacity: 1 }
.modaal-wrapper.modaal-start_fade { opacity: 0 }
.modaal-wrapper [tabindex="0"] { outline: none!important }
.modaal-wrapper.modaal-fullscreen { overflow: hidden }
.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100% }
.modaal-fullscreen .modaal-outer-wrapper { display: block }
.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px }
.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top }
.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.2); cursor: auto }
.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden }
.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto }
.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: transparent; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff }
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #b93d0c }
.modaal-close span { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden }
.modaal-close:after, .modaal-close:before { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px }
.modaal-content-container { padding: 30px }
.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0 }
.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent }
.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f }
.modaal-confirm-btn.modaal-cancel { text-decoration: underline }
.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f }
 @keyframes instaReveal { 0% {
 opacity:0
}
to { opacity: 1 }
}
 @-webkit-keyframes instaReveal { 0% {
 opacity:0
}
to { opacity: 1 }
}
.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none!important }
.modaal-instagram .modaal-content-container { padding: 0; background: transparent }
.modaal-instagram .modaal-content-container>blockquote { width: 1px!important; height: 1px!important; opacity: 0!important }
.modaal-instagram iframe { opacity: 0; margin: -6px!important; border-radius: 0!important; width: 1000px!important; max-width: 800px!important; box-shadow: none!important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards }
.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px }
.modaal-image .modaal-container { width: auto; max-width: 100% }
.modaal-gallery-wrap { position: relative; color: #fff }
.modaal-gallery-item { display: none }
.modaal-gallery-item.is_active, .modaal-gallery-item img { display: block }
.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff }
.modaal-gallery-label:focus { outline: none }
.modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.modaal-gallery-control.is_hidden { opacity: 0; cursor: default }
.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff }
.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before { background: #afb7bc }
.modaal-gallery-control span { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden }
.modaal-gallery-control:after, .modaal-gallery-control:before { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
.modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.modaal-gallery-next { left: 100%; margin-left: 40px }
.modaal-gallery-prev { right: 100%; margin-right: 40px }
.modaal-gallery-prev:after, .modaal-gallery-prev:before { left: 22px }
.modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.modaal-video-wrap { margin: auto 50px; position: relative }
.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto }
.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.modaal-iframe-elem, .modaal-iframe .modaal-content { width: 100%; height: 100% }
.modaal-iframe-elem { display: block }
 @media only screen and (min-width:1400px) {
.modaal-video-container { padding-bottom: 0; height: 731px }
}
 @media only screen and (max-width:1140px) {
.modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px }
.modaal-gallery-control { top: auto; bottom: 20px; -webkit-transform: none; transform: none; background: rgba(0,0,0,.7) }
.modaal-gallery-control:after, .modaal-gallery-control:before { background: #fff }
.modaal-gallery-next { left: auto; right: 20px }
.modaal-gallery-prev { left: 20px; right: auto }
}
 @media screen and (max-width:900px) {
.modaal-instagram iframe { width: 500px!important }
}
 @media screen and (max-height:1100px) {
.modaal-instagram iframe { width: 700px!important }
}
 @media screen and (max-height:1000px) {
.modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px }
.modaal-instagram iframe { width: 600px!important }
}
 @media screen and (max-height:900px) {
.modaal-instagram iframe { width: 500px!important }
.modaal-video-container { max-width: 900px; max-height: 510px }
}
 @media only screen and (max-width:600px) {
.modaal-instagram iframe { width: 280px!important }
}
 @media only screen and (max-height:820px) {
.modaal-gallery-label { display: none }
}
.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(.25); transform: scale(.25) }
 @-webkit-keyframes modaal-loading-spinner { 0% {
 opacity:1;
 -webkit-transform:scale(1.5);
 transform:scale(1.5)
}
to { opacity: .1; -webkit-transform: scale(1); transform: scale(1) }
}
 @keyframes modaal-loading-spinner { 0% {
 opacity:1;
 -webkit-transform:scale(1.5);
 transform:scale(1.5)
}
to { opacity: .1; -webkit-transform: scale(1); transform: scale(1) }
}
.modaal-loading-spinner>div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute }
.modaal-loading-spinner>div>div { width: 100%; height: 100%; border-radius: 15px; background: #fff }
.modaal-loading-spinner>div:nth-of-type(1)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s }
.modaal-loading-spinner>div:nth-of-type(2)>div, .modaal-loading-spinner>div:nth-of-type(3)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite }
.modaal-loading-spinner>div:nth-of-type(1) { -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px); transform: translate(84px, 84px) rotate(45deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(2)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s }
.modaal-loading-spinner>div:nth-of-type(2) { -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px); transform: translate(84px, 84px) rotate(90deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(3)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s }
.modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite }
.modaal-loading-spinner>div:nth-of-type(3) { -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px); transform: translate(84px, 84px) rotate(135deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(4)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s }
.modaal-loading-spinner>div:nth-of-type(4) { -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px); transform: translate(84px, 84px) rotate(180deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(5)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s }
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite }
.modaal-loading-spinner>div:nth-of-type(5) { -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px); transform: translate(84px, 84px) rotate(225deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(6)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s }
.modaal-loading-spinner>div:nth-of-type(6) { -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px); transform: translate(84px, 84px) rotate(270deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(7)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s }
.modaal-loading-spinner>div:nth-of-type(7) { -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px); transform: translate(84px, 84px) rotate(315deg) translate(70px) }
.modaal-loading-spinner>div:nth-of-type(8)>div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s }
.modaal-loading-spinner>div:nth-of-type(8) { -webkit-transform: translate(84px, 84px) rotate(1turn) translate(70px); transform: translate(84px, 84px) rotate(1turn) translate(70px) }
.about-us .dt-team .bio_box .scanlines, .teambox .scanlines { position: absolute; overflow: hidden; height: 100%; width: 100%; opacity: 0; z-index: 2; -webkit-transition: all .5s; transition: all .5s }
.about-us .dt-team .bio_box .scanlines:after, .about-us .dt-team .bio_box .scanlines:before, .teambox .scanlines:after, .teambox .scanlines:before { display: block; pointer-events: none; content: ''; position: absolute }
.about-us .dt-team .bio_box .scanlines:before, .teambox .scanlines:before { width: 100%; height: 2px; z-index: 2147483649; background: rgba(34,44,49,.4); opacity: .75; -webkit-animation: scanline 6s linear infinite; animation: scanline 6s linear infinite }
.about-us .dt-team .bio_box .scanlines:after, .teambox .scanlines:after { top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483648; background: -webkit-linear-gradient(top, transparent 50%, rgba(34,44,49,.4) 51%); background: linear-gradient(180deg, transparent 50%, rgba(34,44,49,.4) 51%); background-size: 100% 4px; -webkit-animation: scanlines 1s steps(60) infinite; animation: scanlines 1s steps(60) infinite }
 @-webkit-keyframes scanline { 0% {
 -webkit-transform:translate3d(0, 200000%, 0);
 transform:translate3d(0, 200000%, 0)
}
}
 @keyframes scanline { 0% {
 -webkit-transform:translate3d(0, 200000%, 0);
 transform:translate3d(0, 200000%, 0)
}
}
 @-webkit-keyframes scanlines { 0% {
 background-position:0 50%
}
}
 @keyframes scanlines { 0% {
 background-position:0 50%
}
}
.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite { position: relative; content: ""; display: table; table-layout: fixed; max-width: 90%; margin-left: auto; margin-right: auto; width: 90%; z-index: 1 }
 @media screen and (min-width:1000px) {
.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite { content: ""; display: table; table-layout: fixed; max-width: 960px; margin-left: auto; margin-right: auto; width: 960px }
}
 @media screen and (min-width:1370px) {
.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite { content: ""; display: table; table-layout: fixed; max-width: 1330px; margin-left: auto; margin-right: auto; width: 1330px }
}
body, button, input, select, textarea { color: #7b8081; font-size: 1.25rem; text-shadow: 1px 1px 1px rgba(0,0,0,.004); text-rendering: optimizeLegibility!important; -webkit-font-smoothing: antialiased!important }
div.title, h1, h2, h3, h4, h5, h6 { font-family: Neutraface Bold; clear: both }
h1 { font-family: Tungsten Light; font-size: 5rem; line-height: 5rem }
h1, h6 { text-transform: uppercase; margin: 0 }
h6 { font-family: Tungsten Medium; font-size: 1.4375rem; letter-spacing: 3px }
p { margin-bottom: 1.125rem; line-height: 1.875rem; font-family: Quadon; letter-spacing: 1px }
 @media screen and (max-width:576px) {
p { font-size: 1rem }
}
cite, dfn, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
address { margin: 0 0 1.5em }
pre { background: #222628; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em }
code, kbd, tt, var { font-family: monospace; font-size: 15px; font-size: .9375rem
}
abbr, acronym { border-bottom: 1px dotted #e4e4e4; cursor: help }
ins, mark { background: #222628; text-decoration: none }
big { font-size: 125% }
a { -webkit-transition: all .3s; transition: all .3s }
a, a:visited { color: #222628 }
a:active, a:focus, a:hover { color: #e11f26; outline: 0 }
li, ul { margin: 0; padding: 0 }
.triangulation { text-decoration: none }
.triangulation .top { margin-right: -42px; padding-bottom: 32px; margin-left: -42px }
 @media screen and (max-width:1370px) {
.triangulation .top { padding-bottom: 15px }
}
.triangulation .top:after, .triangulation .top:before { content: ''; width: 22px; height: 21px }
.triangulation .top:after { float: left }
.triangulation .top:after, .triangulation .top:before { background-image: url(../images/svg/left_top.svg); background-repeat: no-repeat; background-position: 0 0 }
.triangulation .top:before { float: right; -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.triangulation .bottom { margin-right: -42px; padding-top: 15px; margin-left: -42px }
 @media screen and (max-width:1370px) {
.triangulation .bottom { padding-top: 12px }
}
.triangulation .bottom:after, .triangulation .bottom:before { content: ''; width: 22px; height: 21px }
.triangulation .bottom:after { float: left }
.triangulation .bottom:after, .triangulation .bottom:before { background-image: url(../images/svg/right_top.svg); background-repeat: no-repeat; background-position: 0 0 }
.triangulation .bottom:before { float: right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
html { box-sizing: border-box }
*, :after, :before { box-sizing: inherit }
body { font-family: Tungsten Light; background: #fff }
.barba-container, body { max-width: 100%; overflow-x: hidden }
main { position: relative; z-index: 3 }
blockquote, q { quotes: "" "" }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
hr { background-color: #c0cacd; border: 0; height: 1px; margin-bottom: 1.5em }
img { height: auto; max-width: 100% }
ol, ul { margin: 0 }
ul { list-style: disc }
ol { list-style: decimal }
li>ol, li>ul { margin-bottom: 0; margin-left: 1.5em }
dt { font-weight: 700 }
dd { margin: 0 1.5em 1.5em }
table { margin: 0 0 1.5em; width: 100% }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden }
.screen-reader-text:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; display: block; font-size: 14px; font-size: .875rem;
font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 }
#content[tabindex="-1"]:focus { outline: 0 }
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed }
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after { clear: both }
.sticky { display: block }
.hentry { margin: 0 0 1.5em }
.byline, .updated:not(.published) { display: none }
.group-blog .byline, .single .byline { display: inline }
.entry-content, .entry-summary, .page-content { margin: 1.5em 0 0 }
.page-links { clear: both; margin: 0 0 1.5em }
.archive .format-aside .entry-title, .blog .format-aside .entry-title, .our_cat .format-aside .entry-title { display: none }
.comment-content a { word-wrap: break-word }
.bypostauthor { display: block }
.widget { margin: 0 0 1.5em }
.widget select { max-width: 100% }
.xdebug-error { display: block; font-family: monospace; font-size: 12px; overflow: scroll }
.xdebug-error th, .xdebug-error th span { background-color: #fff!important }
.xdebug-error th span { color: #36c0cc!important }
.xdebug-error tr td { padding: 10px }
.fade-in-page { -webkit-animation-name: fadeIn ease-in-out 1.3s both; animation-name: fadeIn ease-in-out 1.3s both }
.light header.site-header div.banner_img { background: #fff!important }
.light header.site-header div.banner_img .overlay { background: #cee0df }
.light header.site-header div.banner_img .overlay:after { opacity: .05 }
.light header.site-header div.banner_img .banner-txt { color: #191c1c }
.light header.site-header div.banner_img .banner-txt .intro { font-size: 9.375rem }
 @media screen and (max-width:660px) {
.light header.site-header div.banner_img .banner-txt .intro { font-size: 5rem }
}
.light header.site-header div.banner_img .banner-txt .intro span { color: #df1f26 }
.light header.site-header div.banner_img .banner-txt .gliches { background-image: url(../images/seprater_b.png); background-repeat: no-repeat; background-position: 50% }
header.site-header { content: ""; display: table; table-layout: fixed; max-width: 100%; margin-left: auto; margin-right: auto; padding: 18px 36px; position: fixed; z-index: 200 }
header.site-header, header.site-header:after { width: 100%; -webkit-transition: all .4s ease-out; transition: all .4s ease-out }
header.site-header:after { content: ''; position: absolute; top: -95px; left: 0; display: inline; height: 95px; background: #fff; -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1); -o-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); z-index: -1 }
header.site-header .site-branding { float: left; position: absolute }
 @media screen and (min-width:420px) {
header.site-header .site-branding { position: relative }
}
header.site-header .site-branding .logo svg { height: 55px; width: 266px }
header.site-header .site-branding .logo svg .shades { fill: #fff; -webkit-transition: all .4s ease-out; transition: all .4s ease-out }
header.site-header .site-branding .logo svg #blast, header.site-header .site-branding .logo svg #d-icon, header.site-header .site-branding .logo svg #rocket { opacity: 0 }
header.site-header .site-branding .logo svg #rocket .spaceship { fill: #df1f26 }
header.site-header .site-branding .logo svg #rocket .window { fill: #fff }
header.site-header .site-branding .logo svg path[id^=letter-] { opacity: 0 }
header.site-header .site-branding .logo svg #digitech { display: none }
 @media screen and (min-width:400px) {
header.site-header .site-branding .logo svg #digitech { display: block }
}
header.site-header nav { float: right; margin-top: -66px; opacity: 0 }
.gform_wrapper .gform_footer header.site-header nav li.gform_button a, header.site-header nav .gform_wrapper .gform_footer li.gform_button a, header.site-header nav li.btn a, header.site-header nav li a { color: #fff }
header.site-header #hamburger.active .line { background: #fff }
header.site-header.sticky:after { top: 0 }
header.site-header.sticky .site-branding .logo svg .shades { fill: #212020 }
header.site-header.sticky #hamburger.active .line { background: #fff }
header.site-header.sticky #hamburger .line { background: #212020 }
header.site-header.sticky nav li a { color: #070808 }
header.site-header.sticky nav li:before { color: #7d0000; }
 @media screen and (min-width:1200px) {
}
 @media screen and (min-width:1370px) {
}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button, header.site-header.sticky nav li.btn { -ms-box-shadow: 3px 3px 25px rgba(193,33,43,.45); -o-box-shadow: 3px 3px 25px rgba(193,33,43,.45); box-shadow: 3px 3px 25px rgba(193,33,43,.45) }
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:hover, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:hover, header.site-header.sticky nav li.btn:hover { -ms-box-shadow: 3px 3px 25px rgba(159,29,38,.73); -o-box-shadow: 3px 3px 25px rgba(159,29,38,.73); box-shadow: 3px 3px 25px rgba(159,29,38,.73) }
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button a, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button a, header.site-header.sticky nav li.btn a { color: #fff; border-bottom: 0 }
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:before, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:before, header.site-header.sticky nav li.btn:before { color: #fff }
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:after, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:after, header.site-header.sticky nav li.btn:after { margin-top: -2px }
 @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
header.site-header:after { top: 0 }
header.site-header .site-branding .logo svg .shades { fill: #212020 }
header.site-header #hamburger.active .line { background: #fff }
header.site-header #hamburger .line { background: #212020 }
header.site-header nav li a { color: #070808 }
header.site-header nav li:before { color: #7b8081 }
header.site-header nav li:after { margin-top: 22px }
.gform_wrapper .gform_footer header.site-header nav li.gform_button, header.site-header nav .gform_wrapper .gform_footer li.gform_button, header.site-header nav li.btn { -ms-box-shadow: 3px 3px 25px rgba(193,33,43,.45); -o-box-shadow: 3px 3px 25px rgba(193,33,43,.45); box-shadow: 3px 3px 25px rgba(193,33,43,.45) }
.gform_wrapper .gform_footer header.site-header nav li.gform_button:hover, header.site-header nav .gform_wrapper .gform_footer li.gform_button:hover, header.site-header nav li.btn:hover { -ms-box-shadow: 3px 3px 25px rgba(159,29,38,.73); -o-box-shadow: 3px 3px 25px rgba(159,29,38,.73); box-shadow: 3px 3px 25px rgba(159,29,38,.73) }
.gform_wrapper .gform_footer header.site-header nav li.gform_button a, header.site-header nav .gform_wrapper .gform_footer li.gform_button a, header.site-header nav li.btn a { color: #fff; border-bottom: 0 }
.gform_wrapper .gform_footer header.site-header nav li.gform_button:before, header.site-header nav .gform_wrapper .gform_footer li.gform_button:before, header.site-header nav li.btn:before { color: #fff }
.gform_wrapper .gform_footer header.site-header nav li.gform_button:after, header.site-header nav .gform_wrapper .gform_footer li.gform_button:after, header.site-header nav li.btn:after { margin-top: -2px }
}
.main-navigation { font-family: Neutraface Bold; text-transform: uppercase; font-weight: 400 }
.main-navigation ul { list-style: none; margin: 0; padding-left: 0; font-size: 1rem }
 @media screen and (max-width:1200px) {
.main-navigation ul { display: none }
}
.main-navigation ul ul { -ms-box-shadow: 0 3px 3px rgba(0,0,0,.2); -o-box-shadow: 0 3px 3px rgba(0,0,0,.2); box-shadow: 0 3px 3px rgba(0,0,0,.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999 }
.main-navigation ul ul ul { left: -999em; top: 0 }
.main-navigation ul ul li.focus>ul, .main-navigation ul ul li:hover>ul { left: 100% }
.main-navigation ul ul a { width: 200px }
.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul { left: auto }
.main-navigation li { position: relative; margin: 0 25px; height: 71px; float: left; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; }
 @media screen and (max-width:1570px) {
.main-navigation li { margin: 0 15px }
}
 @media screen and (max-width:1370px) {
.main-navigation li { font-size: .875rem
}
}
.main-navigation li:before { content: ''; color: #bac6c5; height: 100%; width: 100%; margin-top: 4px; padding: 12px 2px; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: all .42s ease; transition: all .42s ease; -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1) }
.main-navigation li:nth-of-type(1):before { content: '首页' }
.main-navigation li:nth-of-type(2):before { content: '建站' }
.main-navigation li:nth-of-type(3):before { content: '推广' }
.main-navigation li:nth-of-type(4):before { content: '案例' }
.main-navigation li:nth-of-type(5):before { content: '新闻' }
.main-navigation li:nth-of-type(6):before { content: '联系' }
.gform_wrapper .gform_footer .main-navigation li.gform_button:before, .main-navigation .gform_wrapper .gform_footer li.gform_button:before, .main-navigation li.btn:before { margin-top: 1px; color: #fff; content: '0579-81022068'; font-family: Arial; font-size: 16px; }
.main-navigation li:after { position: absolute; height: 2px; content: ''; background: #df1f26; float: left; width: 0; margin-top: 5px; -webkit-transition: all .35s ease; transition: all .35s ease }
.main-navigation li a { color: #fff; display: block; font-weight: 400; text-decoration: none; margin-top: 4px; padding: 12px 2px; -webkit-transition: all .42s ease; transition: all .42s ease; -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1) }
.main-navigation li:focus { outline: none }
.main-navigation li:hover a { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); opacity: 0 }
.main-navigation li:hover:before { opacity: 1; color: #bac6c5; -webkit-transform: translateZ(0); transform: translateZ(0) }
.main-navigation .menu-start-a-project:hover:before { color: #fff!important; font-family: "Times New Roman"; font-size: 20px; font-weight: bold; }
.main-navigation li:hover:after { width: 100% }
.gform_wrapper .gform_footer .main-navigation li.gform_button, .main-navigation .gform_wrapper .gform_footer li.gform_button, .main-navigation li.btn { background: #df1f26; height: 100%; padding: 0; margin: 3px 0 0 25px; border: 0; padding: 2px; -ms-box-shadow: 0 0 18px rgba(223,31,38,.53); -o-box-shadow: 0 0 18px rgba(223,31,38,.53); box-shadow: 0 0 18px rgba(223,31,38,.53) }
 @media screen and (max-width:1200px) {
.gform_wrapper .gform_footer .main-navigation li.gform_button, .main-navigation .gform_wrapper .gform_footer li.gform_button, .main-navigation li.btn { margin: 0 }
}
.gform_wrapper .gform_footer .main-navigation li.gform_button:after, .main-navigation .gform_wrapper .gform_footer li.gform_button:after, .main-navigation li.btn:after { content: ''; height: 2px; width: 0; background: #c1212b; position: absolute; top: 22px; left: 6%; z-index: -1; -webkit-transition: all .5s; transition: all .5s }
.gform_wrapper .gform_footer .main-navigation li.gform_button a, .main-navigation .gform_wrapper .gform_footer li.gform_button a, .main-navigation li.btn a { margin-top: 0; padding: 11px 24px 8px; border: 0 }
.gform_wrapper .gform_footer .main-navigation li.gform_button:hover, .main-navigation .gform_wrapper .gform_footer li.gform_button:hover, .main-navigation li.btn:hover { -ms-box-shadow: 0 0 25px rgba(223,31,38,.8); -o-box-shadow: 0 0 25px rgba(223,31,38,.8); box-shadow: 0 0 25px rgba(223,31,38,.8) }
.gform_wrapper .gform_footer .main-navigation li.gform_button:hover:after, .main-navigation .gform_wrapper .gform_footer li.gform_button:hover:after, .main-navigation li.btn:hover:after { width: 88% }
.main-navigation .active:after, .main-navigation .current-menu-ancestor:after, .main-navigation .current-menu-item:after, .main-navigation .current_page_ancestor:after { width: 100% }
#mobilemenu { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #df1f26; font-family: Neutraface Medium; font-size: 1.125rem; visibility: hidden; opacity: 0; overflow-y: scroll; padding: 20px 0; -webkit-transition: all .4s ease; transition: all .4s ease }
#mobilemenu.opened { visibility: visible; opacity: 1 }
#mobilemenu .nav_bar { display: table; height: 100%; width: 100% }
#mobilemenu .nav_bar ul.nav { vertical-align: middle; display: table-cell; text-align: center }
#mobilemenu .nav_bar ul.nav li { float: none; height: 60px; margin-bottom: -2px }
#mobilemenu .nav_bar ul.nav li:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; content: '00'; height: auto; width: auto; color: #9f1d26; font-family: Native; font-size: 1rem; text-align: left; margin: 0; padding: 0; opacity: 1 }
#mobilemenu .nav_bar ul.nav li:nth-of-type(1):before { content: "01" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(2):before { content: "02" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(3):before { content: "03" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(4):before { content: "04" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(5):before { content: "05" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(6):before { content: "06" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(7):before { content: "07" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(8):before { content: "08" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(9):before { content: "09" }
#mobilemenu .nav_bar ul.nav li:nth-of-type(10):before { content: "010" }
#mobilemenu .nav_bar ul.nav li:after { left: 32px; height: 3px; background: #9f1d26; opacity: .37; z-index: -1 }
#mobilemenu .nav_bar ul.nav li:after, #mobilemenu .nav_bar ul.nav li a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
#mobilemenu .nav_bar ul.nav li a { left: 0; right: 0; font-family: Tungsten Book; font-size: 2.375rem; margin-top: -1px; padding: 12px 2px!important; color: #fff!important; border: 0!important; letter-spacing: 3px }
#mobilemenu .nav_bar ul.nav li:hover a { opacity: 1 }
#mobilemenu .nav_bar ul.nav li:hover:before { opacity: 1; margin: 0; padding: 0 }
#mobilemenu .nav_bar ul.nav li:hover:after { width: 100% }
#mobilemenu .nav_bar ul.nav li.active a { color: #272b2b }
#mobilemenu .nav_bar ul.nav li.active:after { width: 100% }
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button, #mobilemenu .nav_bar ul.nav li.btn, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button { background: #272b2b; display: list-item; height: auto; width: 80%; max-width: 380px; margin: 24px auto 0; margin-bottom: 0; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none }
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button a, #mobilemenu .nav_bar ul.nav li.btn a, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button a { position: relative; top: 0; -webkit-transform: none; transform: none; font-family: Neutraface Demi; font-size: 1.25rem; letter-spacing: 2px; color: #36c0cc!important; margin-top: 0; padding: 10px 24px 8px!important }
 @media screen and (min-width:375px) {
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button a, #mobilemenu .nav_bar ul.nav li.btn a, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button a { font-size: 1.5rem }
}
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button:after, #mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button:before, #mobilemenu .nav_bar ul.nav li.btn:after, #mobilemenu .nav_bar ul.nav li.btn:before, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button:after, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button:before { display: none }
.site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation { margin: 0 0 1.5em; overflow: hidden }
.comment-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous { float: left; width: 50% }
.comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; width: 50% }
.request_section { position: relative; border-right: 4px solid #df1f26; border-left: 4px solid #df1f26; background: #272b2b; clear: both; height: 125px; padding-right: 1.25rem; padding-left: 1.25rem; overflow: hidden; text-align: center; -ms-box-shadow: 0 9px 20px rgba(0,0,0,.2); -o-box-shadow: 0 9px 20px rgba(0,0,0,.2); box-shadow: 0 9px 20px rgba(0,0,0,.2); z-index: 3 }
 @media screen and (min-width:576px) {
.request_section { height: auto; padding: 2rem 2.875rem }
}
 @media screen and (min-width:960px) {
.request_section { margin-bottom: 510px }
}
 @media screen and (min-width:1200px) {
.request_section { height: 125px }
}
.request_section .title { font-family: Tungsten Book; font-size: 1rem; line-height: 2rem; text-transform: uppercase; letter-spacing: 4px; display: none; color: #fff; margin-bottom: 40px; font-weight: 400 }
 @media screen and (min-width:576px) {
.request_section .title { display: block; font-size: 1.4375rem }
}
 @media screen and (min-width:720px) {
.request_section .title { font-size: 2rem }
}
 @media screen and (min-width:1200px) {
.request_section .title { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; margin-right: 65px; margin-bottom: 0 }
}
.request_section .rocket_button { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
 @media screen and (min-width:576px) {
.request_section .rocket_button { position: relative; top: auto; -webkit-transform: none; transform: none }
}
 @media screen and (min-width:1200px) {
.request_section .rocket_button { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; margin-bottom: 0 }
}
.request_section .rocket_button a { border-color: #df1f26; color: #fff; line-height: 1rem; background-color: #212020; font-family: Neutraface Bold; padding: .6875rem 1.5625rem .5625rem 2.25rem
}
.request_section .rocket_button a svg { height: 4.625rem; width: 3.5625rem; float: left; position: absolute; z-index: 2; margin-top: -26px; margin-left: -66px; -webkit-transition: all .35s; transition: all .35s; -webkit-transition-timing-function: cubic-bezier(.3, .2, .47, .99); transition-timing-function: cubic-bezier(.3, .2, .47, .99) }
.request_section .rocket_button a svg .ship { fill: #df1f26 }
.request_section .rocket_button a svg .window { fill: #ddd }
.request_section .rocket_button a .ring { position: absolute; top: -12px; right: 0; left: 0; margin: 0 auto; height: 60px; width: 60px; border: 2px dashed #fff; opacity: 0; border-radius: 100%; -webkit-transition: all .35s; transition: all .35s }
 @media screen and (max-width:450px) {
.request_section .rocket_button a { font-size: .6875rem
}
}
.request_section .rocket_button a:after { display: none }
.request_section .rocket_button a:hover { border-color: #9f1d26; color: #12aaad }
.request_section .rocket_button a:hover svg { margin-top: -46px; margin-left: -58px; -webkit-transform: rotate(20deg); transform: rotate(20deg) }
.request_section .rocket_button a:hover .ring { top: -65px; height: 160px; width: 160px; opacity: .1 }
.request_section.loneranger { height: 3px; background: #9f1d26 }
 @media screen and (min-width:576px) {
.request_section.loneranger { height: auto; background: #272b2b }
}
 @media screen and (min-width:1200px) {
.request_section.loneranger { height: 125px }
}
.request_section.loneranger .title { display: none }
 @media screen and (min-width:576px) {
.request_section.loneranger .title { display: block; position: relative; top: auto; -webkit-transform: none; transform: none; display: inline-block; margin: 0 }
}
 @media screen and (min-width:1200px) {
.request_section.loneranger .title { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
}
.footer_box { content: ""; display: table; table-layout: fixed; max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; background-image: url(../images/texture-dark.jpg); background-repeat: repeat; background-position: 0 0; text-align: center; z-index: 0 }
 @media screen and (min-width:961px) {
.footer_box { position: fixed; bottom: 0 }
}
 @media screen and (max-width:960px) {
.footer_box { position: relative; bottom: 0 }
}
.footer_box:after { background-image: url(../images/svg/star-web.svg); background-repeat: no-repeat; background-position: 50%; background-size: 120%; content: ''; height: 100%; width: 100%; opacity: .05; position: absolute; top: 0; right: 0 }
.footer_box .container { width: 75rem; margin: 0 auto; position: relative; z-index: 20; padding: 3rem 3rem 1rem }
 @media screen and (max-width:1200px) {
.footer_box .container { width: 100% }
}
 @media screen and (max-width:450px) {
.footer_box .container { padding: 5% null }
}
.footer_box .container .nav { position: relative; top: -60px; list-style: none }
.footer_box .container .nav li { display: inline-block; visibility: hidden }
.footer_box .container .footer_info {
 font-size: .875rem; text-transform: uppercase }
 @media screen and (max-width:1000px) {
.footer_box .container .footer_info { font-size: 13px }
}
.footer_box .container .footer_info .logo { margin-bottom: 1.5625rem }
.footer_box .container .footer_info .logo img { width: 230px }
.footer_box .container .footer_info .info p {
 font-size: .875rem;
 line-height: .875rem; letter-spacing: 1px }
 @media screen and (max-width:960px) {
.footer_box .container .footer_info .info p { line-height: 12px; font-size: 12px }
}
 @media screen and (max-width:450px) {
.footer_box .container .footer_info .info p { line-height: 24px }
}
.footer_box .container .footer_info .info p.cr-text { font-family: Native; text-transform: none }
.footer_box .container .footer_info .info a { color: #fff; text-decoration: none }
.footer_box .container .footer_info .info .vcard .adr, .footer_box .container .footer_info .info .vcard .org, .footer_box .container .footer_info .info .vcard .tel { display: block; margin-bottom: 11px }
.footer_box .container .footer_info .info .vcard .tel { text-decoration: none; border: none }
.footer_box .container .socialmedia_footer ul { list-style: none; margin-top: 40px }
.footer_box .container .socialmedia_footer ul li { display: inline; margin-left: 5px; margin-right: 5px }
.footer_box .container .socialmedia_footer ul li a { padding-top: 9px; border-radius: 100%; color: #fff; font-size: 18px; height: 36px; width: 36px; display: inline-block; text-align: center; text-decoration: none }
.footer_box .container .socialmedia_footer ul li a:hover { background: #df1f26 }
.footer_box .container .socialmedia_footer ul li a i { content: '' }
input, select, textarea { text-shadow: none; outline: none }
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #222628; border-radius: 3px }
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { color: #222628 }
select { border: 1px solid #222628; -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { padding: 3px }
textarea { padding-left: 3px; width: 100% }
.contactform { position: relative; background: #e4e4e4; padding: 5%; float: left; width: 100%; font-size: 1.125rem; text-align: center; z-index: 1 }
 @media screen and (min-width:720px) {
.contactform { padding: 60px 5% }
}
 @media screen and (min-width:1100px) {
.contactform { padding: 60px 0 }
}
.contactform h2:after { margin: 19px auto 0 }
.contactform .description_box { width: 60%; float: none; margin: 0 auto }
 @media screen and (max-width:1570px) {
.contactform .description_box { width: 80% }
}
 @media screen and (max-width:1100px) {
.contactform .description_box { width: 100% }
}
.contactform .form { width: 85%; margin: 0 auto }
 @media screen and (max-width:1100px) {
.contactform .form { width: 100% }
}
.contactform .form .validation_error { display: none }
.form { text-align: center }
.gform_wrapper .gform_body { padding-top: 20px }
.gform_wrapper ul li { font-family: Quadon; font-size: 1rem; line-height: 1.5rem; list-style: none }
.gform_wrapper ul li .validation_message { display: none }
.gform_wrapper ul li.gfield_error input[type=email], .gform_wrapper ul li.gfield_error input[type=text] { border: 1px solid #df4335 }
 .gform_wrapper ul li.gfield_error input[type=email]::-webkit-input-placeholder, .gform_wrapper ul li.gfield_error input[type=text]::-webkit-input-placeholder {
 letter-spacing:2px
}
 .gform_wrapper ul li.gfield_error input[type=email]:-moz-placeholder, .gform_wrapper ul li.gfield_error input[type=email]::-moz-placeholder, .gform_wrapper ul li.gfield_error input[type=text]:-moz-placeholder, .gform_wrapper ul li.gfield_error input[type=text]::-moz-placeholder {
 letter-spacing:2px
}
 .gform_wrapper ul li.gfield_error input[type=email]:-ms-input-placeholder, .gform_wrapper ul li.gfield_error input[type=text]:-ms-input-placeholder {
 letter-spacing:2px
}
.gform_wrapper ul li.selectbo li { width: 25%; float: left; margin-bottom: 17px; color: #191c1c; font-family: Neutraface Bold; font-size: .8125rem;
margin-right: -.2% }
.gform_wrapper ul li.selectbo li:last-child { margin-right: 0 }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.selectbo li:last-child { margin-right: auto; margin-bottom: 23px }
}
 @media screen and (max-width:840px) {
.gform_wrapper ul li.selectbo li { width: 50% }
}
 @media screen and (max-width:420px) {
.gform_wrapper ul li.selectbo li { width: 80% }
}
 @media screen and (max-width:840px) {
.gform_wrapper ul li.selectbo li:nth-child(1), .gform_wrapper ul li.selectbo li:nth-child(2) { margin-bottom: -22px }
}
 @media screen and (max-width:576px) {
.gform_wrapper ul li.selectbo li:nth-child(1), .gform_wrapper ul li.selectbo li:nth-child(2) { margin-bottom: 0 }
}
 @media screen and (max-width:576px) {
.gform_wrapper ul li.selectbo li { float: none; margin: 0 auto }
}
.gform_wrapper ul li.selectbo li input { visibility: hidden }
.gform_wrapper ul li.selectbo li.selected label { background: #df1f26; color: #fff }
.gform_wrapper ul li.selectbo li label { display: inherit; background: transparent; border: 2px solid #191c1c; letter-spacing: 2px; text-transform: uppercase; padding: .625rem .875rem;
border-radius: 0; font-size: 18px; width: 100%; box-sizing: border-box; color: #191c1c; font-family: Neutraface Bold; text-align: center!important }
.gform_wrapper ul li input[type=email], .gform_wrapper ul li input[type=text], .gform_wrapper ul li select, .gform_wrapper ul li textarea { width: 100%; border: 1px solid #a8abad; border-radius: 0; background: #d1d3d5; padding: .625rem .875rem .5rem;
font-family: Neutraface Demi; letter-spacing: 1px; font-size: 1.125rem; color: #343535; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }
.gform_wrapper ul li input[type=email]:focus, .gform_wrapper ul li input[type=text]:focus, .gform_wrapper ul li select:focus, .gform_wrapper ul li textarea:focus { border-color: #212527; background: #212527; color: #fff }
 .gform_wrapper ul li input[type=email]::-webkit-input-placeholder, .gform_wrapper ul li input[type=text]::-webkit-input-placeholder, .gform_wrapper ul li select::-webkit-input-placeholder, .gform_wrapper ul li textarea::-webkit-input-placeholder {
 color:#7b8081;
 letter-spacing:1px
}
 .gform_wrapper ul li input[type=email]:-moz-placeholder, .gform_wrapper ul li input[type=email]::-moz-placeholder, .gform_wrapper ul li input[type=text]:-moz-placeholder, .gform_wrapper ul li input[type=text]::-moz-placeholder, .gform_wrapper ul li select:-moz-placeholder, .gform_wrapper ul li select::-moz-placeholder, .gform_wrapper ul li textarea:-moz-placeholder, .gform_wrapper ul li textarea::-moz-placeholder {
 color:#7b8081;
 letter-spacing:1px
}
 .gform_wrapper ul li input[type=email]:-ms-input-placeholder, .gform_wrapper ul li input[type=text]:-ms-input-placeholder, .gform_wrapper ul li select:-ms-input-placeholder, .gform_wrapper ul li textarea:-ms-input-placeholder {
 color:#7b8081;
 letter-spacing:1px
}
.gform_wrapper ul li input[type=email].LV_invalid_field, .gform_wrapper ul li input[type=text].LV_invalid_field, .gform_wrapper ul li select.LV_invalid_field, .gform_wrapper ul li textarea.LV_invalid_field { border: 1px solid #df4335 }
 .gform_wrapper ul li input[type=email].LV_invalid_field::-webkit-input-placeholder, .gform_wrapper ul li input[type=text].LV_invalid_field::-webkit-input-placeholder, .gform_wrapper ul li select.LV_invalid_field::-webkit-input-placeholder, .gform_wrapper ul li textarea.LV_invalid_field::-webkit-input-placeholder {
 letter-spacing:1px
}
 .gform_wrapper ul li input[type=email].LV_invalid_field:-moz-placeholder, .gform_wrapper ul li input[type=email].LV_invalid_field::-moz-placeholder, .gform_wrapper ul li input[type=text].LV_invalid_field:-moz-placeholder, .gform_wrapper ul li input[type=text].LV_invalid_field::-moz-placeholder, .gform_wrapper ul li select.LV_invalid_field:-moz-placeholder, .gform_wrapper ul li select.LV_invalid_field::-moz-placeholder, .gform_wrapper ul li textarea.LV_invalid_field:-moz-placeholder, .gform_wrapper ul li textarea.LV_invalid_field::-moz-placeholder {
 letter-spacing:1px
}
 .gform_wrapper ul li input[type=email].LV_invalid_field:-ms-input-placeholder, .gform_wrapper ul li input[type=text].LV_invalid_field:-ms-input-placeholder, .gform_wrapper ul li select.LV_invalid_field:-ms-input-placeholder, .gform_wrapper ul li textarea.LV_invalid_field:-ms-input-placeholder {
 letter-spacing:1px
}
.gform_wrapper ul li input[type=email] .LV_invalid, .gform_wrapper ul li input[type=text] .LV_invalid, .gform_wrapper ul li select .LV_invalid, .gform_wrapper ul li textarea .LV_invalid { display: none }
.gform_wrapper ul li select { height: auto; padding: 12px 12px 10px; background: transparent; border: 2px solid #212527; border-radius: 0; letter-spacing: 2px; text-transform: uppercase; text-align: center; -moz-text-align-last: center; text-align-last: center; color: #212527; font-family: Neutraface Bold; font-size: .875rem
}
.gform_wrapper ul li select:hover { border-color: #9daaa9 }
.gform_wrapper ul li select:focus { border-color: #fff; background: #fff; color: #212527 }
.gform_wrapper ul li input[type=file] { font-size: 15px; padding: 17px; width: 100%; border: 1px solid #a8abad; background: #d1d3d5; margin-bottom: 17px; font-family: Native; text-transform: uppercase }
.gform_wrapper ul li ul.gfield_checkbox { margin-top: 20px }
.gform_wrapper ul li ul.gfield_checkbox li { position: relative; float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.gform_wrapper ul li ul.gfield_checkbox li:last-child { margin-right: 0 }
 @media screen and (min-width:720px) {
.gform_wrapper ul li ul.gfield_checkbox li { float: left; display: block; width: 25.5894130058%; margin-right: 0 }
.gform_wrapper ul li ul.gfield_checkbox li:last-child { width: 23.2317609825% }
}
.gform_wrapper ul li ul.gfield_checkbox li label { display: block; height: 100%; width: 100%; padding: 12px 12px 10px; background: transparent; border: 2px solid #212527; border-bottom: 0; color: #212527; font-family: Neutraface Bold; font-size: .875rem;
letter-spacing: 2px; -webkit-transition: all .4s ease; transition: all .4s ease }
 @media screen and (min-width:720px) {
.gform_wrapper ul li ul.gfield_checkbox li label { border-right: 0; border-bottom: 2px solid #212527 }
}
.gform_wrapper ul li ul.gfield_checkbox li input[type=checkbox] { position: absolute; visibility: hidden }
.gform_wrapper ul li ul.gfield_checkbox li input[type=checkbox]:checked+label { background: #df1f26; color: #fff }
.gform_wrapper ul li ul.gfield_checkbox li:last-child { margin-bottom: 30px }
.gform_wrapper ul li ul.gfield_checkbox li:last-child label { border-bottom: 2px solid #212527 }
 @media screen and (min-width:720px) {
.gform_wrapper ul li ul.gfield_checkbox li:last-child label { border: 2px solid #212527 }
}
.gform_wrapper ul li textarea { resize: none }
.gform_wrapper ul li.fourblock { position: relative; display: block; margin-right: 2.3576520234%; width: 23.2317609825%; float: left; margin-bottom: 17px }
.gform_wrapper ul li.fourblock:last-child { margin-right: 0 }
.gform_wrapper ul li.fourblock label.gfield_label { display: none }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.fourblock { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
}
 @media screen and (max-width:576px) {
.gform_wrapper ul li.fourblock.smalllast, .gform_wrapper ul li.fourblock:last-child { margin-right: 0 }
}
.gform_wrapper ul li.fourblock.spacetitle { margin-top: 48px }
 @media screen and (min-width:576px) {
.gform_wrapper ul li.fourblock.spacetitle { margin-top: 0 }
}
.gform_wrapper ul li.fourblock.last { margin-right: 0 }
.gform_wrapper ul li.threeblock { position: relative; display: block; margin-right: 2.3576520234%; width: 100%; float: left; margin-bottom: 17px }
.gform_wrapper ul li.threeblock:last-child { margin-right: 0 }
.gform_wrapper ul li.threeblock label.gfield_label { display: none }
 @media screen and (min-width:1000px) {
.gform_wrapper ul li.threeblock { float: left; display: block; margin-right: 2.3576520234%; width: 31.7615653177% }
.gform_wrapper ul li.threeblock:last-child { margin-right: 0 }
}
.gform_wrapper ul li.threeblock.last { margin-right: 0 }
.gform_wrapper ul li.twoblock { position: relative; display: block; margin-right: 2.3576520234%; width: 48.8211739883%; float: left; margin-bottom: 17px }
.gform_wrapper ul li.twoblock:last-child { margin-right: 0 }
.gform_wrapper ul li.twoblock label.gfield_label { display: none }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.twoblock { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.gform_wrapper ul li.twoblock:last-child { margin-right: 0 }
}
.gform_wrapper ul li.twoblock.last { margin-right: 0 }
.gform_wrapper ul li.fullwidth { width: 100%; float: left; margin-bottom: 17px; margin-right: 0 }
.gform_wrapper ul li.fullwidth label.gfield_label { display: none }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.fullwidth { width: 100% }
}
.gform_wrapper ul li.fullwidth.last { margin-right: 0 }
.gform_wrapper ul li.titile label { font-family: Tungsten Light; font-size: 1.875rem; text-transform: uppercase; color: #171a1c; letter-spacing: 2px }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.titile.jumptitle { margin-bottom: 0 }
}
 @media screen and (max-width:576px) {
.gform_wrapper ul li.titile.jumptitle label { position: absolute; width: 100%; left: 0; margin-top: 70px }
}
.gform_wrapper ul li.fileupload label { display: block; color: #171a1c; letter-spacing: 2px; margin-bottom: 12px; margin-top: 24px; clear: both }
 @media screen and (max-width:576px) {
.gform_wrapper ul li.fileupload.jumptitle { margin-bottom: 0 }
}
 @media screen and (max-width:576px) {
.gform_wrapper ul li.fileupload.jumptitle label { position: absolute; width: 100%; left: 0; margin-top: 70px }
}
.gform_wrapper ul li.captcha_box { width: 100%; float: left; margin-top: 40px }
.gform_wrapper ul li.captcha_box .gfield_captcha_container { width: 50%; margin: 0 auto }
.gform_wrapper ul li.captcha_box .gfield_captcha_container .gfield_captcha { float: left; width: 40% }
.gform_wrapper ul li.captcha_box .gfield_captcha_container .gfield_captcha_input_container { width: 60%; float: right }
.gform_wrapper ul li .g-recaptcha { padding-top: 30px }
.gform_wrapper ul li .g-recaptcha div { width: 100%!important }
.gform_wrapper ul .hidetitle label, .gform_wrapper ul li.hidebutton, .gform_wrapper ul li:last-of-type label { display: none }
.gform_wrapper .gform_footer { position: relative; display: inline-block; margin: 4.875rem 0 2.1875rem }
 @media screen and (min-width:660px) {
.gform_wrapper .gform_footer { margin: 4.875rem 0 0 }
}
.gform_wrapper .gform_footer:before { content: ''; background-image: url(../images/svg/rocket.svg); background-repeat: no-repeat; background-position: 0 0; background-size: contain; height: 96px; width: 74px; float: left; position: absolute; z-index: 4; margin-top: -29px; margin-left: -21px; -webkit-transition: all .35s; transition: all .35s }
 @media screen and (max-width:450px) {
.gform_wrapper .gform_footer:before { height: 67px; width: 47px; margin-top: -14px; margin-left: 4px }
}
.gform_wrapper .gform_footer .gform_button { border-color: #df1f26!important; color: #fff; line-height: 1rem; background-color: #212020; font-family: Neutraface Bold; margin-left: 1.5rem; padding: .6875rem 1.5625rem .5625rem 2.25rem!important
}
 @media screen and (max-width:450px) {
.gform_wrapper .gform_footer .gform_button { font-size: 1rem!important }
}
.gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .gform_button:focus { color: #fff!important }
.gform_wrapper .gform_footer .gform_button:hover { border-color: #9f1d26; color: #12aaad!important }
.gform_wrapper .gform_footer:hover:before { margin-top: -39px }
 @media screen and (max-width:450px) {
.gform_wrapper .gform_footer:hover:before { margin-top: -24px }
}
.gform_wrapper .gform_footer .gform_ajax_spinner { display: none }
#hamburger { position: fixed; display: block; width: 30px; height: 10px; right: 1.5rem; margin: 13px auto 0; padding: 8px 0; z-index: 2000 }
 @media screen and (min-width:660px) {
#hamburger { width: 45px; height: 21px; margin-top: 11px; padding: 0 }
}
 @media screen and (min-width:1200px) {
#hamburger { display: none }
}
#hamburger .line { position: absolute; display: block; background: #fff; width: 30px; height: 1px; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease }
 @media screen and (min-width:660px) {
#hamburger .line { width: 45px }
}
#hamburger .line.line-1 { top: 0 }
#hamburger .line.line-2 { top: 50% }
#hamburger .line.line-3 { top: 100% }
#hamburger.active .line-1 { top: -5px; -webkit-transform: translateY(12.5px) rotate(45deg); transform: translateY(12.5px) rotate(45deg) }
 @media screen and (max-width:660px) {
#hamburger.active .line-1 { -webkit-transform: translateY(8.5px) rotate(45deg); transform: translateY(8.5px) rotate(45deg) }
}
#hamburger.active .line-2 { width: 0; opacity: 0 }
#hamburger.active .line-3 { -webkit-transform: translateY(-12.5px) rotate(-45deg); transform: translateY(-12.5px) rotate(-45deg) }
.about-us .calltoaction h2, .about-us .calltoaction h3, .about-us .calltoaction h4, .about-us .detail_box h2, .about-us .detail_box h3, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h2, .about-us .dt-team .dt-team-nav h3, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h2, .about_section .case_study h3, .about_section .case_study h4, .about_section .detail_box h2, .about_section .detail_box h3, .about_section .detail_box h4, .about_section .services_box h2, .about_section .services_box h3, .about_section .services_box h4, .base-holder .grid h2, .base-holder .grid h3, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h2, .career-modaal .modaal-container .modaal-content-container h3, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h2, .contact-us .calltoaction h3, .contact-us .calltoaction h4, .contactform h2, .contactform h3, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h2, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h2, .mobile_app_section .services_box h3, .mobile_app_section .services_box h4, .our_services .services_box .service_list h2, .our_services .services_box .service_list h3, .our_services .services_box .service_list h4, .ourwork_box .solution_box h2, .ourwork_box .solution_box h3, .ourwork_box .solution_box h4, .ourwork_box .work_services h2, .ourwork_box .work_services h3, .ourwork_box .work_services h4, .position-modal .modal-container h2, .position-modal .modal-container h3, .position-modal .modal-container h4, .Product_section .detail_list h2, .Product_section .detail_list h3, .Product_section .detail_list h4, .sitemap main .mapofthesite h2, .sitemap main .mapofthesite h3, .sitemap main .mapofthesite h4 { font-size: 2rem; color: #343535; text-transform: uppercase; margin-bottom: 1.8125rem; line-height: 2.1875rem; margin-top: 1.25rem }
 @media screen and (max-width:660px) {
.about-us .calltoaction h2, .about-us .calltoaction h3, .about-us .calltoaction h4, .about-us .detail_box h2, .about-us .detail_box h3, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h2, .about-us .dt-team .dt-team-nav h3, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h2, .about_section .case_study h3, .about_section .case_study h4, .about_section .detail_box h2, .about_section .detail_box h3, .about_section .detail_box h4, .about_section .services_box h2, .about_section .services_box h3, .about_section .services_box h4, .base-holder .grid h2, .base-holder .grid h3, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h2, .career-modaal .modaal-container .modaal-content-container h3, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h2, .contact-us .calltoaction h3, .contact-us .calltoaction h4, .contactform h2, .contactform h3, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h2, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h2, .mobile_app_section .services_box h3, .mobile_app_section .services_box h4, .our_services .services_box .service_list h2, .our_services .services_box .service_list h3, .our_services .services_box .service_list h4, .ourwork_box .solution_box h2, .ourwork_box .solution_box h3, .ourwork_box .solution_box h4, .ourwork_box .work_services h2, .ourwork_box .work_services h3, .ourwork_box .work_services h4, .position-modal .modal-container h2, .position-modal .modal-container h3, .position-modal .modal-container h4, .Product_section .detail_list h2, .Product_section .detail_list h3, .Product_section .detail_list h4, .sitemap main .mapofthesite h2, .sitemap main .mapofthesite h3, .sitemap main .mapofthesite h4 { font-size: 1.625rem; line-height: 1.625rem }
}
.about-us .calltoaction h2:after, .about-us .calltoaction h3:after, .about-us .calltoaction h4:after, .about-us .detail_box h2:after, .about-us .detail_box h3:after, .about-us .detail_box h4:after, .about-us .dt-team .dt-team-nav h2:after, .about-us .dt-team .dt-team-nav h3:after, .about-us .dt-team .dt-team-nav h4:after, .about_section .case_study h2:after, .about_section .case_study h3:after, .about_section .case_study h4:after, .about_section .detail_box h2:after, .about_section .detail_box h3:after, .about_section .detail_box h4:after, .about_section .services_box h2:after, .about_section .services_box h3:after, .about_section .services_box h4:after, .base-holder .grid h2:after, .base-holder .grid h3:after, .base-holder .grid h4:after, .career-modaal .modaal-container .modaal-content-container h2:after, .career-modaal .modaal-container .modaal-content-container h3:after, .career-modaal .modaal-container .modaal-content-container h4:after, .contact-us .calltoaction h2:after, .contact-us .calltoaction h3:after, .contact-us .calltoaction h4:after, .contactform h2:after, .contactform h3:after, .contactform h4:after, .mobile_app_section .detail_box .mobile_app_description h2:after, .mobile_app_section .detail_box .mobile_app_description h3:after, .mobile_app_section .detail_box .mobile_app_description h4:after, .mobile_app_section .services_box h2:after, .mobile_app_section .services_box h3:after, .mobile_app_section .services_box h4:after, .our_services .services_box .service_list h2:after, .our_services .services_box .service_list h3:after, .our_services .services_box .service_list h4:after, .ourwork_box .solution_box h2:after, .ourwork_box .solution_box h3:after, .ourwork_box .solution_box h4:after, .ourwork_box .work_services h2:after, .ourwork_box .work_services h3:after, .ourwork_box .work_services h4:after, .position-modal .modal-container h2:after, .position-modal .modal-container h3:after, .position-modal .modal-container h4:after, .Product_section .detail_list h2:after, .Product_section .detail_list h3:after, .Product_section .detail_list h4:after, .sitemap main .mapofthesite h2:after, .sitemap main .mapofthesite h3:after, .sitemap main .mapofthesite h4:after { content: ''; background: #df1f26; position: relative; display: inherit; margin-top: 18px; height: 4px; width: 106px }
.about-us .calltoaction h3, .about-us .detail_box h3, .about-us .dt-team .dt-team-nav h3, .about_section .case_study h3, .about_section .detail_box h3, .about_section .services_box h3, .base-holder .grid h3, .career-modaal .modaal-container .modaal-content-container h3, .contact-us .calltoaction h3, .contactform h3, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .services_box h3, .our_services .services_box .service_list h3, .ourwork_box .solution_box h3, .ourwork_box .work_services h3, .position-modal .modal-container h3, .Product_section .detail_list h3, .sitemap main .mapofthesite h3 { font-size: 1.75rem }
 @media screen and (max-width:660px) {
.about-us .calltoaction h3, .about-us .detail_box h3, .about-us .dt-team .dt-team-nav h3, .about_section .case_study h3, .about_section .detail_box h3, .about_section .services_box h3, .base-holder .grid h3, .career-modaal .modaal-container .modaal-content-container h3, .contact-us .calltoaction h3, .contactform h3, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .services_box h3, .our_services .services_box .service_list h3, .ourwork_box .solution_box h3, .ourwork_box .work_services h3, .position-modal .modal-container h3, .Product_section .detail_list h3, .sitemap main .mapofthesite h3 { font-size: 1.375rem }
}
.about-us .calltoaction h3:after, .about-us .detail_box h3:after, .about-us .dt-team .dt-team-nav h3:after, .about_section .case_study h3:after, .about_section .detail_box h3:after, .about_section .services_box h3:after, .base-holder .grid h3:after, .career-modaal .modaal-container .modaal-content-container h3:after, .contact-us .calltoaction h3:after, .contactform h3:after, .mobile_app_section .detail_box .mobile_app_description h3:after, .mobile_app_section .services_box h3:after, .our_services .services_box .service_list h3:after, .ourwork_box .solution_box h3:after, .ourwork_box .work_services h3:after, .position-modal .modal-container h3:after, .Product_section .detail_list h3:after, .sitemap main .mapofthesite h3:after { margin-top: 12px; height: 3px; width: 50px }
.about-us .calltoaction h3.expanded, .about-us .detail_box h3.expanded, .about-us .dt-team .dt-team-nav h3.expanded, .about_section .case_study h3.expanded, .about_section .detail_box h3.expanded, .about_section .services_box h3.expanded, .base-holder .grid h3.expanded, .career-modaal .modaal-container .modaal-content-container h3.expanded, .contact-us .calltoaction h3.expanded, .contactform h3.expanded, .mobile_app_section .detail_box .mobile_app_description h3.expanded, .mobile_app_section .services_box h3.expanded, .our_services .services_box .service_list h3.expanded, .ourwork_box .solution_box h3.expanded, .ourwork_box .work_services h3.expanded, .position-modal .modal-container h3.expanded, .Product_section .detail_list h3.expanded, .sitemap main .mapofthesite h3.expanded { font-size: 1.375rem; line-height: 1.625rem; letter-spacing: 2px }
.about-us .calltoaction h4, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h4, .about_section .detail_box h4, .about_section .services_box h4, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h4, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h4, .our_services .services_box .service_list h4, .ourwork_box .solution_box h4, .ourwork_box .work_services h4, .position-modal .modal-container h4, .Product_section .detail_list h4, .sitemap main .mapofthesite h4 { font-size: 1.5rem }
 @media screen and (max-width:660px) {
.about-us .calltoaction h4, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h4, .about_section .detail_box h4, .about_section .services_box h4, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h4, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h4, .our_services .services_box .service_list h4, .ourwork_box .solution_box h4, .ourwork_box .work_services h4, .position-modal .modal-container h4, .Product_section .detail_list h4, .sitemap main .mapofthesite h4 { font-size: 1.25rem }
}
.about-us .calltoaction h5, .about-us .detail_box h5, .about-us .dt-team .dt-team-nav h5, .about_section .case_study h5, .about_section .detail_box h5, .about_section .services_box h5, .base-holder .grid h5, .career-modaal .modaal-container .modaal-content-container h5, .contact-us .calltoaction h5, .contactform h5, .mobile_app_section .detail_box .mobile_app_description h5, .mobile_app_section .services_box h5, .our_services .services_box .service_list h5, .ourwork_box .solution_box h5, .ourwork_box .work_services h5, .position-modal .modal-container h5, .Product_section .detail_list h5, .sitemap main .mapofthesite h5 { font-size: 1.125rem; text-transform: uppercase; line-height: 1.125rem; margin-bottom: -.3125rem;
margin-top: 2.1875rem; letter-spacing: .0625rem;
color: #df1f26 }
.about-us .calltoaction ul.list, .about-us .detail_box ul.list, .about-us .dt-team .dt-team-nav ul.list, .about_section .case_study ul.list, .about_section .detail_box ul.list, .about_section .services_box ul.list, .base-holder .grid ul.list, .career-modaal .modaal-container .modaal-content-container ul.list, .contact-us .calltoaction ul.list, .contactform ul.list, .mobile_app_section .detail_box .mobile_app_description ul.list, .mobile_app_section .services_box ul.list, .our_services .services_box .service_list ul.list, .ourwork_box .solution_box ul.list, .ourwork_box .work_services ul.list, .position-modal .modal-container ul.list, .Product_section .detail_list ul.list, .sitemap main .mapofthesite ul.list { font-size: 1.125rem; margin: 1.5rem 1.5rem 1.125rem 0; font-family: Quadon; list-style: none }
.about-us .calltoaction ul.list li, .about-us .detail_box ul.list li, .about-us .dt-team .dt-team-nav ul.list li, .about_section .case_study ul.list li, .about_section .detail_box ul.list li, .about_section .services_box ul.list li, .base-holder .grid ul.list li, .career-modaal .modaal-container .modaal-content-container ul.list li, .contact-us .calltoaction ul.list li, .contactform ul.list li, .mobile_app_section .detail_box .mobile_app_description ul.list li, .mobile_app_section .services_box ul.list li, .our_services .services_box .service_list ul.list li, .ourwork_box .solution_box ul.list li, .ourwork_box .work_services ul.list li, .position-modal .modal-container ul.list li, .Product_section .detail_list ul.list li, .sitemap main .mapofthesite ul.list li { position: relative; padding: 0 0 .8125rem 1.5625rem;
color: #868a8b }
.about-us .calltoaction ul.list li:before, .about-us .detail_box ul.list li:before, .about-us .dt-team .dt-team-nav ul.list li:before, .about_section .case_study ul.list li:before, .about_section .detail_box ul.list li:before, .about_section .services_box ul.list li:before, .base-holder .grid ul.list li:before, .career-modaal .modaal-container .modaal-content-container ul.list li:before, .contact-us .calltoaction ul.list li:before, .contactform ul.list li:before, .mobile_app_section .detail_box .mobile_app_description ul.list li:before, .mobile_app_section .services_box ul.list li:before, .our_services .services_box .service_list ul.list li:before, .ourwork_box .solution_box ul.list li:before, .ourwork_box .work_services ul.list li:before, .position-modal .modal-container ul.list li:before, .Product_section .detail_list ul.list li:before, .sitemap main .mapofthesite ul.list li:before { content: ''; position: absolute; top: 8px; left: 2px; background: #df1f26; height: 6px; width: 6px; border-radius: 100% }
.about-us .calltoaction p, .about-us .detail_box p, .about-us .dt-team .dt-team-nav p, .about_section .case_study p, .about_section .detail_box p, .about_section .services_box p, .base-holder .grid p, .career-modaal .modaal-container .modaal-content-container p, .contact-us .calltoaction p, .contactform p, .mobile_app_section .detail_box .mobile_app_description p, .mobile_app_section .services_box p, .our_services .services_box .service_list p, .ourwork_box .solution_box p, .ourwork_box .work_services p, .position-modal .modal-container p, .Product_section .detail_list p, .sitemap main .mapofthesite p { font-size: 1.125rem; color: #7b8081 }
#preloader { position: fixed; width: 100%; height: 100vh; background: #171a1c; background: -webkit-radial-gradient(bottom ellipse, #1b2a35 0, #171a1c 100%); background: radial-gradient(ellipse at bottom, #1b2a35 0, #171a1c 100%); font-family: Native; font-size: .8125rem;
letter-spacing: 1px; color: #b4d7e0; overflow: hidden; z-index: 1000; -webkit-transition: all .6s ease; transition: all .6s ease }
#preloader.blastoff #preloader-launch { -webkit-animation-name: blastrocket; animation-name: blastrocket; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
#preloader.loaded { opacity: 0; visibility: hidden }
#preloader.loading { opacity: 1; visibility: visible }
#preloader #stars { -webkit-animation: animStar 50s linear infinite; animation: animStar 50s linear infinite }
#preloader #stars, #preloader #stars:after { height: 1px; width: 1px; background: transparent; box-shadow: 1025px 1043px #fff, 1442px 555px #fff, 1757px 991px #fff, 573px 635px #fff, 1730px 365px #fff, 1527px 1179px #fff, 390px 680px #fff, 649px 806px #fff, 1355px 752px #fff, 799px 956px #fff, 300px 1571px #fff, 163px 1742px #fff, 1912px 1180px #fff, 905px 42px #fff, 1110px 346px #fff, 1325px 934px #fff, 1474px 1678px #fff, 53px 1309px #fff, 813px 786px #fff, 745px 321px #fff, 1624px 760px #fff, 1427px 74px #fff, 904px 1838px #fff, 204px 86px #fff, 472px 1816px #fff, 1694px 922px #fff, 1229px 279px #fff, 332px 921px #fff, 1433px 1404px #fff, 793px 67px #fff, 1830px 756px #fff, 1959px 1332px #fff, 477px 1795px #fff, 1966px 100px #fff, 1820px 1333px #fff, 134px 1355px #fff, 585px 11px #fff, 1081px 1883px #fff, 591px 1144px #fff, 1421px 1247px #fff, 1524px 596px #fff, 131px 1376px #fff, 1233px 185px #fff, 366px 705px #fff, 1820px 1926px #fff, 688px 1675px #fff, 648px 138px #fff, 458px 295px #fff, 705px 339px #fff, 18px 1193px #fff, 586px 1005px #fff, 1013px 663px #fff, 1664px 1401px #fff, 749px 192px #fff, 686px 415px #fff, 1188px 487px #fff, 484px 1430px #fff, 1968px 94px #fff, 1416px 1986px #fff, 1406px 775px #fff, 1879px 1654px #fff, 53px 660px #fff, 572px 895px #fff, 886px 102px #fff, 1423px 1093px #fff, 532px 1408px #fff, 1786px 907px #fff, 963px 743px #fff, 1915px 1412px #fff, 1917px 1656px #fff, 1728px 1665px #fff, 1202px 146px #fff, 1071px 938px #fff, 248px 173px #fff, 1219px 838px #fff, 559px 304px #fff, 849px 1206px #fff, 1715px 49px #fff, 793px 1579px #fff, 423px 1148px #fff, 973px 491px #fff, 1493px 16px #fff, 1592px 110px #fff, 1514px 327px #fff, 126px 921px #fff, 754px 1327px #fff, 1642px 1439px #fff, 953px 283px #fff, 1386px 1143px #fff, 111px 859px #fff, 882px 582px #fff, 1160px 1797px #fff, 1724px 1081px #fff, 114px 1042px #fff, 607px 837px #fff, 1929px 883px #fff, 924px 1339px #fff, 392px 1415px #fff, 969px 79px #fff, 1025px 846px #fff, 1303px 921px #fff, 1041px 233px #fff, 1162px 248px #fff, 617px 305px #fff, 105px 1530px #fff, 1272px 1550px #fff, 525px 1699px #fff, 1655px 1734px #fff, 1000px 1657px #fff, 356px 250px #fff, 1916px 1990px #fff, 555px 513px #fff, 113px 288px #fff, 1773px 1596px #fff, 700px 1991px #fff, 653px 1376px #fff, 1485px 309px #fff, 802px 1430px #fff, 1846px 1110px #fff, 1119px 337px #fff, 602px 1282px #fff, 9px 833px #fff, 1052px 1762px #fff, 229px 962px #fff, 1839px 203px #fff, 1317px 1298px #fff, 507px 1297px #fff, 1883px 125px #fff, 620px 815px #fff, 796px 668px #fff, 1714px 123px #fff, 1418px 696px #fff, 1865px 1612px #fff, 1782px 1688px #fff, 1539px 912px #fff, 1348px 538px #fff, 14px 1573px #fff, 948px 170px #fff, 63px 355px #fff, 1927px 1186px #fff, 596px 125px #fff, 700px 1586px #fff, 887px 930px #fff, 1391px 487px #fff, 717px 1988px #fff, 982px 1532px #fff, 51px 1217px #fff, 1739px 285px #fff, 1559px 1529px #fff, 1104px 719px #fff, 625px 1096px #fff, 1325px 927px #fff, 1920px 641px #fff, 930px 1983px #fff, 1703px 861px #fff, 1831px 867px #fff, 520px 1890px #fff, 544px 1385px #fff, 819px 1307px #fff, 1642px 309px #fff, 1298px 665px #fff, 564px 1031px #fff, 1719px 373px #fff, 113px 1827px #fff, 1842px 269px #fff, 126px 1898px #fff, 625px 662px #fff, 1995px 279px #fff, 1358px 322px #fff, 1435px 1411px #fff, 1633px 729px #fff, 420px 535px #fff, 1062px 349px #fff, 67px 490px #fff, 881px 1972px #fff, 177px 643px #fff, 820px 678px #fff, 1931px 1739px #fff, 1751px 1366px #fff, 625px 561px #fff, 1185px 1969px #fff, 690px 806px #fff, 600px 670px #fff, 112px 606px #fff, 1570px 2000px #fff, 104px 1165px #fff, 617px 598px #fff, 868px 1753px #fff, 420px 167px #fff, 64px 1779px #fff, 200px 89px #fff, 1708px 1443px #fff, 987px 198px #fff, 633px 189px #fff, 347px 366px #fff, 1886px 703px #fff, 1130px 126px #fff, 1836px 796px #fff, 546px 572px #fff, 350px 805px #fff, 1773px 1712px #fff, 1105px 1955px #fff, 119px 1266px #fff, 1949px 1958px #fff, 217px 842px #fff, 970px 839px #fff, 672px 1408px #fff, 178px 840px #fff, 135px 1033px #fff, 158px 1796px #fff, 1537px 118px #fff, 296px 965px #fff, 579px 1165px #fff, 38px 352px #fff, 1528px 639px #fff, 778px 991px #fff, 643px 1267px #fff, 1869px 200px #fff, 1900px 471px #fff, 400px 1870px #fff, 497px 855px #fff, 1923px 1052px #fff, 1430px 744px #fff, 1209px 1937px #fff, 99px 1997px #fff, 491px 519px #fff, 1422px 1658px #fff, 84px 1105px #fff, 749px 962px #fff, 217px 788px #fff, 752px 1846px #fff, 17px 1908px #fff, 1297px 455px #fff, 899px 1214px #fff, 969px 1726px #fff, 1852px 510px #fff, 1338px 1096px #fff, 170px 889px #fff, 423px 902px #fff, 314px 224px #fff, 439px 882px #fff, 1526px 1176px #fff, 1432px 1470px #fff, 802px 115px #fff, 1340px 1380px #fff, 52px 1193px #fff, 1064px 494px #fff, 639px 1303px #fff, 48px 897px #fff, 675px 741px #fff, 1039px 1935px #fff, 805px 1557px #fff, 1520px 483px #fff, 1514px 824px #fff, 1925px 1005px #fff, 1623px 893px #fff, 808px 1275px #fff, 1078px 1191px #fff, 486px 1983px #fff, 1552px 1496px #fff, 214px 1947px #fff, 927px 852px #fff, 222px 1204px #fff, 34px 894px #fff, 1621px 646px #fff, 1850px 441px #fff, 547px 256px #fff, 1786px 443px #fff, 373px 1006px #fff, 155px 1726px #fff, 96px 58px #fff, 907px 683px #fff, 479px 1617px #fff, 1408px 210px #fff, 142px 1469px #fff, 1091px 282px #fff, 1289px 134px #fff, 1751px 260px #fff, 1432px 1877px #fff, 1187px 348px #fff, 1571px 1945px #fff, 270px 1005px #fff, 212px 707px #fff, 1005px 1363px #fff, 1517px 82px #fff, 904px 431px #fff, 1556px 1834px #fff, 267px 836px #fff, 629px 154px #fff, 1400px 1211px #fff, 122px 1126px #fff, 364px 405px #fff, 605px 1858px #fff, 736px 200px #fff, 874px 373px #fff, 101px 1873px #fff, 1010px 52px #fff, 1303px 1191px #fff, 1880px 1113px #fff, 754px 1068px #fff, 26px 1595px #fff, 1137px 1352px #fff, 262px 899px #fff, 962px 1581px #fff, 1970px 497px #fff, 690px 670px #fff, 1221px 1648px #fff, 1896px 1540px #fff, 200px 1712px #fff, 963px 310px #fff, 576px 1301px #fff, 381px 1159px #fff, 505px 1411px #fff, 715px 747px #fff, 337px 199px #fff, 153px 1557px #fff, 329px 453px #fff, 543px 225px #fff, 656px 572px #fff, 6px 560px #fff, 1257px 306px #fff, 1650px 1093px #fff, 1205px 349px #fff, 553px 1931px #fff, 1098px 380px #fff, 1608px 1362px #fff, 1819px 1376px #fff, 537px 1913px #fff, 539px 1262px #fff, 1839px 996px #fff, 607px 1588px #fff, 1407px 1016px #fff, 429px 1020px #fff, 1039px 978px #fff, 1782px 1642px #fff, 886px 1701px #fff, 864px 297px #fff, 1138px 370px #fff, 1157px 1130px #fff, 1040px 90px #fff, 544px 608px #fff, 59px 627px #fff, 1213px 1815px #fff, 233px 829px #fff, 1678px 603px #fff, 94px 1025px #fff, 1041px 1066px #fff, 1159px 1234px #fff, 750px 224px #fff, 1229px 507px #fff, 1475px 1323px #fff, 874px 1525px #fff, 787px 948px #fff, 1675px 795px #fff, 1325px 378px #fff, 1283px 1311px #fff, 411px 1325px #fff, 1715px 596px #fff, 708px 1608px #fff, 1358px 1790px #fff, 1728px 537px #fff, 1105px 1529px #fff, 1708px 998px #fff, 1694px 1992px #fff, 1991px 162px #fff, 66px 151px #fff, 572px 1924px #fff, 15px 225px #fff, 1189px 281px #fff, 667px 1040px #fff, 60px 1751px #fff, 713px 522px #fff, 1509px 1070px #fff, 829px 1770px #fff, 1113px 1648px #fff, 679px 1667px #fff, 152px 1600px #fff, 1203px 1361px #fff, 1898px 318px #fff, 6px 939px #fff, 601px 273px #fff, 1723px 418px #fff, 1284px 1034px #fff, 1448px 1368px #fff, 130px 1642px #fff, 1923px 408px #fff, 512px 1903px #fff, 1933px 280px #fff, 262px 756px #fff, 1117px 427px #fff, 619px 644px #fff, 1336px 1010px #fff, 915px 410px #fff, 604px 197px #fff, 63px 627px #fff, 477px 1089px #fff, 1587px 1656px #fff, 1367px 1682px #fff, 716px 1512px #fff, 400px 154px #fff, 1612px 1360px #fff, 781px 768px #fff, 805px 1237px #fff, 531px 106px #fff, 1462px 1842px #fff, 1869px 696px #fff, 1383px 1519px #fff, 804px 1928px #fff, 1544px 1993px #fff, 535px 1051px #fff, 433px 1487px #fff, 1781px 125px #fff, 1459px 1721px #fff, 877px 321px #fff, 1479px 1397px #fff, 1923px 558px #fff, 618px 112px #fff, 1708px 414px #fff, 739px 909px #fff, 1981px 1968px #fff, 630px 928px #fff, 167px 1880px #fff, 1485px 1559px #fff, 275px 1677px #fff, 1928px 1314px #fff, 1945px 1062px #fff, 20px 1568px #fff, 42px 170px #fff, 1576px 257px #fff, 1358px 1300px #fff, 1636px 716px #fff, 867px 47px #fff, 1037px 243px #fff, 1876px 194px #fff, 1162px 1150px #fff, 1229px 84px #fff, 1666px 1186px #fff, 872px 78px #fff, 809px 1620px #fff, 195px 1634px #fff, 1486px 777px #fff, 428px 263px #fff, 529px 601px #fff, 119px 1945px #fff, 1632px 1510px #fff, 363px 1440px #fff, 1348px 376px #fff, 875px 625px #fff, 1524px 1370px #fff, 14px 830px #fff, 1125px 128px #fff, 686px 1233px #fff, 1246px 1959px #fff, 593px 1870px #fff, 305px 1821px #fff, 1632px 446px #fff, 630px 1175px #fff, 988px 1968px #fff, 1112px 575px #fff, 780px 25px #fff, 1159px 1137px #fff, 332px 842px #fff, 1155px 1831px #fff, 1294px 731px #fff, 1852px 599px #fff, 115px 1192px #fff, 393px 827px #fff, 1220px 1812px #fff, 1641px 1115px #fff, 1001px 285px #fff, 1748px 493px #fff, 1735px 510px #fff, 1726px 1699px #fff, 1346px 1438px #fff, 1001px 96px #fff, 1887px 604px #fff, 135px 534px #fff, 1139px 507px #fff, 550px 1692px #fff, 987px 312px #fff, 123px 1020px #fff, 1066px 286px #fff, 364px 1044px #fff, 548px 1957px #fff, 1078px 331px #fff, 1075px 425px #fff, 500px 109px #fff, 1267px 1141px #fff, 1626px 1384px #fff, 1556px 995px #fff, 563px 1671px #fff, 875px 442px #fff, 136px 452px #fff, 207px 1229px #fff, 536px 1484px #fff, 350px 1257px #fff, 1280px 1950px #fff, 26px 362px #fff, 1742px 1386px #fff, 631px 457px #fff, 1207px 1816px #fff, 496px 1940px #fff, 1640px 130px #fff, 1153px 498px #fff, 1904px 1779px #fff, 1958px 585px #fff, 273px 1603px #fff, 1556px 1554px #fff, 218px 1202px #fff, 1161px 563px #fff, 1648px 1187px #fff, 677px 1565px #fff, 1966px 215px #fff, 92px 1917px #fff, 1017px 1157px #fff, 1062px 1589px #fff, 902px 1721px #fff, 685px 1209px #fff, 159px 1036px #fff, 1874px 400px #fff, 1062px 713px #fff, 1908px 884px #fff, 1971px 1570px #fff, 334px 1496px #fff, 1427px 1806px #fff, 718px 142px #fff, 1123px 1px #fff, 555px 1272px #fff, 663px 1541px #fff, 1440px 1041px #fff, 1771px 1751px #fff, 775px 1618px #fff, 507px 183px #fff, 1343px 193px #fff, 226px 1157px #fff, 1572px 751px #fff, 633px 963px #fff, 1027px 1021px #fff, 1326px 1478px #fff, 1207px 276px #fff, 839px 78px #fff, 513px 405px #fff, 1726px 1045px #fff, 183px 1577px #fff, 1975px 864px #fff, 625px 420px #fff, 1019px 1527px #fff, 974px 723px #fff, 891px 1216px #fff, 1282px 1400px #fff, 1220px 517px #fff, 15px 325px #fff, 889px 1222px #fff, 17px 1301px #fff, 816px 1771px #fff, 62px 1285px #fff, 321px 1109px #fff, 871px 792px #fff, 588px 171px #fff, 1654px 985px #fff, 172px 478px #fff, 1700px 1291px #fff, 744px 455px #fff, 764px 862px #fff, 805px 1936px #fff, 80px 93px #fff, 692px 1054px #fff, 1234px 1717px #fff, 1231px 1940px #fff, 1426px 1807px #fff, 1317px 1419px #fff, 1498px 87px #fff, 416px 477px #fff, 1079px 1619px #fff, 1231px 1180px #fff, 657px 8px #fff, 413px 361px #fff, 1246px 326px #fff, 1550px 739px #fff, 388px 590px #fff, 142px 1257px #fff, 1058px 1843px #fff, 497px 334px #fff, 1369px 104px #fff, 257px 373px #fff, 1754px 915px #fff, 168px 1056px #fff, 643px 1402px #fff, 1686px 783px #fff, 511px 1925px #fff, 1908px 258px #fff, 1422px 731px #fff, 1296px 442px #fff, 1643px 536px #fff, 427px 153px #fff, 1852px 1867px #fff, 40px 1627px #fff, 560px 123px #fff, 670px 530px #fff, 810px 909px #fff, 1809px 1918px #fff, 1161px 1979px #fff, 1749px 633px #fff, 1998px 1910px #fff, 1705px 1641px #fff, 1163px 817px #fff, 1467px 9px #fff, 1451px 1836px #fff, 397px 950px #fff, 999px 650px #fff, 1758px 1482px #fff, 1700px 92px #fff, 897px 569px #fff, 437px 60px #fff, 192px 1px #fff, 1240px 79px #fff, 528px 1221px #fff, 370px 655px #fff, 213px 1094px #fff, 97px 1155px #fff, 1585px 629px #fff, 301px 1509px #fff, 1863px 722px #fff, 1098px 1033px #fff, 1300px 1838px #fff, 799px 905px #fff, 677px 1807px #fff, 1585px 127px #fff, 780px 1127px #fff, 395px 272px #fff, 1317px 1326px #fff, 1147px 1634px #fff, 182px 1851px #fff, 1187px 1759px #fff, 777px 791px #fff, 54px 409px #fff, 1938px 311px #fff, 1359px 1562px #fff, 687px 520px #fff, 1652px 742px #fff, 1225px 22px #fff, 244px 1304px #fff, 1324px 1080px #fff, 1936px 701px #fff, 1925px 408px #fff, 1047px 504px #fff, 1189px 747px #fff, 1404px 625px #fff, 1960px 1457px #fff, 1852px 1937px #fff, 1575px 48px #fff, 727px 1828px #fff, 1534px 588px #fff, 1078px 1083px #fff, 734px 1674px #fff, 221px 467px #fff, 1309px 782px #fff, 1013px 743px #fff, 1324px 1177px #fff, 424px 1955px #fff, 313px 552px #fff, 19px 237px #fff, 1857px 1890px #fff, 831px 1918px #fff, 1017px 1883px #fff, 1798px 1707px #fff, 1271px 221px #fff, 1970px 424px #fff, 1573px 1859px #fff, 1915px 1394px #fff, 200px 364px #fff, 1428px 1854px #fff, 1759px 1422px #fff, 1625px 376px #fff, 1993px 196px #fff, 1625px 304px #fff, 806px 1560px #fff, 739px 416px #fff, 1236px 229px #fff, 1379px 325px #fff, 772px 284px #fff, 1092px 377px #fff, 1293px 350px #fff, 1182px 1826px #fff, 1040px 1780px #fff, 1918px 1479px #fff, 1730px 1033px #fff, 728px 1397px #fff, 1150px 1314px #fff, 1802px 1260px #fff, 1453px 99px #fff, 360px 186px #fff, 1198px 1205px #fff, 1208px 1571px #fff, 210px 481px #fff, 1060px 924px #fff, 1036px 470px #fff, 451px 70px #fff, 408px 941px #fff, 438px 1666px #fff }
#preloader #stars:after { content: ''; position: absolute; top: 2000px }
#preloader #stars2 { -webkit-animation: animStar 100s linear infinite; animation: animStar 100s linear infinite }
#preloader #stars2, #preloader #stars2:after { height: 2px; width: 2px; background: transparent; box-shadow: 1126px 1244px #fff, 414px 1214px #fff, 377px 1997px #fff, 1404px 294px #fff, 1649px 818px #fff, 1565px 237px #fff, 483px 1395px #fff, 1382px 1222px #fff, 1652px 584px #fff, 1421px 1637px #fff, 1967px 960px #fff, 691px 1880px #fff, 1567px 1119px #fff, 917px 1408px #fff, 1894px 1695px #fff, 566px 783px #fff, 1031px 1447px #fff, 1056px 152px #fff, 1678px 132px #fff, 831px 1841px #fff, 1425px 1052px #fff, 175px 1727px #fff, 1326px 532px #fff, 1388px 1267px #fff, 1205px 669px #fff, 314px 1560px #fff, 84px 563px #fff, 1601px 482px #fff, 1683px 619px #fff, 685px 1775px #fff, 220px 891px #fff, 1078px 148px #fff, 599px 1513px #fff, 1889px 533px #fff, 777px 1132px #fff, 1905px 1668px #fff, 663px 131px #fff, 565px 1702px #fff, 1166px 1973px #fff, 1917px 994px #fff, 1661px 1539px #fff, 756px 1260px #fff, 217px 1704px #fff, 1671px 1338px #fff, 544px 319px #fff, 635px 49px #fff, 1740px 961px #fff, 1030px 1701px #fff, 1413px 18px #fff, 1036px 1055px #fff, 124px 1415px #fff, 105px 1482px #fff, 897px 862px #fff, 345px 186px #fff, 1505px 1012px #fff, 1639px 1758px #fff, 118px 1222px #fff, 740px 770px #fff, 111px 1470px #fff, 949px 669px #fff, 1156px 1296px #fff, 1066px 572px #fff, 656px 1692px #fff, 1120px 1103px #fff, 1298px 1031px #fff, 1349px 1620px #fff, 7px 524px #fff, 782px 913px #fff, 855px 1507px #fff, 1472px 268px #fff, 300px 403px #fff, 241px 1984px #fff, 892px 23px #fff, 462px 1856px #fff, 1971px 1159px #fff, 1004px 485px #fff, 164px 491px #fff, 732px 656px #fff, 299px 489px #fff, 1241px 1642px #fff, 1525px 315px #fff, 1156px 1327px #fff, 1823px 705px #fff, 580px 766px #fff, 1478px 1790px #fff, 1952px 1293px #fff, 1937px 811px #fff, 495px 224px #fff, 89px 370px #fff, 1370px 1849px #fff, 533px 197px #fff, 1939px 222px #fff, 469px 1723px #fff, 1888px 195px #fff, 1151px 1918px #fff, 406px 1959px #fff, 935px 103px #fff, 607px 1132px #fff, 1878px 1792px #fff, 440px 1098px #fff, 643px 96px #fff, 569px 93px #fff, 1908px 1006px #fff, 638px 798px #fff, 1925px 1858px #fff, 1887px 1410px #fff, 346px 1397px #fff, 959px 838px #fff, 1654px 1793px #fff, 459px 205px #fff, 1634px 756px #fff, 803px 702px #fff, 1321px 1212px #fff, 143px 486px #fff, 1847px 199px #fff, 304px 1345px #fff, 1319px 896px #fff, 598px 1973px #fff, 309px 1566px #fff, 1766px 1431px #fff, 194px 810px #fff, 844px 1727px #fff, 1223px 309px #fff, 1029px 1420px #fff, 928px 1267px #fff, 903px 930px #fff, 1564px 56px #fff, 320px 1951px #fff, 172px 1163px #fff, 963px 73px #fff, 1968px 523px #fff, 1838px 1304px #fff, 1700px 496px #fff, 88px 669px #fff, 1014px 1126px #fff, 175px 628px #fff, 1059px 846px #fff, 1377px 1099px #fff, 1277px 1493px #fff, 1735px 1202px #fff, 1556px 465px #fff, 1897px 1749px #fff, 665px 119px #fff, 864px 926px #fff, 1093px 1028px #fff, 780px 1387px #fff, 614px 1899px #fff, 1705px 477px #fff, 1957px 1969px #fff, 1954px 706px #fff, 152px 1659px #fff, 1034px 1391px #fff, 1208px 248px #fff, 576px 857px #fff, 784px 1100px #fff, 334px 743px #fff, 66px 1923px #fff, 1531px 716px #fff, 307px 67px #fff, 748px 408px #fff, 1579px 1660px #fff, 915px 1377px #fff, 47px 1825px #fff, 886px 63px #fff, 800px 454px #fff, 1980px 920px #fff, 1843px 1902px #fff, 1290px 1512px #fff, 1658px 968px #fff, 220px 317px #fff, 128px 1115px #fff, 626px 1580px #fff, 666px 1039px #fff, 316px 1048px #fff, 98px 960px #fff, 1231px 1772px #fff, 589px 1035px #fff, 634px 1114px #fff, 182px 1360px #fff, 1098px 804px #fff, 1895px 1898px #fff, 1959px 147px #fff, 1229px 1121px #fff, 113px 69px #fff, 1902px 1675px #fff, 517px 1737px #fff, 263px 1042px #fff, 587px 1246px #fff, 1710px 757px #fff, 550px 1830px #fff, 864px 24px #fff, 1444px 468px #fff, 361px 1124px #fff, 847px 325px #fff, 665px 1703px #fff, 141px 421px #fff, 1970px 1286px #fff, 717px 1212px #fff, 1104px 765px #fff, 588px 1225px #fff }
#preloader #stars2:after { content: ''; position: absolute; top: 2000px }
#preloader #stars3 { -webkit-animation: animStar 10s linear infinite; animation: animStar 10s linear infinite }
#preloader #stars3, #preloader #stars3:after { height: 3px; width: 3px; background: transparent; box-shadow: 661px 1595px #fff, 1775px 1370px #fff, 365px 1266px #fff, 1183px 987px #fff, 922px 1482px #fff, 1887px 1754px #fff, 1808px 1603px #fff, 1515px 282px #fff, 1142px 88px #fff, 1118px 792px #fff, 796px 261px #fff, 1835px 405px #fff, 629px 517px #fff, 1498px 862px #fff, 1337px 1459px #fff, 1101px 1495px #fff, 1080px 1407px #fff, 1097px 1895px #fff, 587px 1033px #fff, 192px 1608px #fff, 657px 972px #fff, 474px 1275px #fff, 1035px 354px #fff, 1600px 549px #fff, 840px 1407px #fff, 533px 1809px #fff, 642px 786px #fff, 806px 1050px #fff, 64px 1564px #fff, 665px 795px #fff, 1864px 510px #fff, 294px 236px #fff, 464px 79px #fff, 95px 1185px #fff, 1560px 1671px #fff, 744px 1441px #fff, 1796px 99px #fff, 92px 63px #fff, 901px 1535px #fff, 932px 1467px #fff, 102px 63px #fff, 22px 946px #fff, 623px 679px #fff, 1333px 1886px #fff, 1900px 263px #fff, 1772px 1203px #fff, 1726px 878px #fff, 58px 123px #fff, 1209px 1931px #fff, 719px 844px #fff, 411px 968px #fff, 467px 1508px #fff, 601px 1154px #fff, 661px 393px #fff, 1471px 260px #fff, 687px 1028px #fff, 1403px 1220px #fff, 1632px 1423px #fff, 1730px 1560px #fff, 671px 262px #fff, 1403px 660px #fff, 1402px 1088px #fff, 537px 197px #fff, 1118px 1433px #fff, 747px 783px #fff, 1937px 1739px #fff, 1812px 439px #fff, 346px 1993px #fff, 1735px 971px #fff, 348px 746px #fff, 107px 267px #fff, 812px 284px #fff, 589px 372px #fff, 1462px 17px #fff, 895px 1588px #fff, 1980px 303px #fff, 676px 1204px #fff, 763px 941px #fff, 1727px 357px #fff, 1651px 1335px #fff, 1622px 491px #fff, 1133px 1446px #fff, 1758px 1315px #fff, 784px 183px #fff, 522px 908px #fff, 113px 1348px #fff, 419px 641px #fff, 1616px 1460px #fff, 1534px 806px #fff, 1386px 218px #fff, 1498px 831px #fff, 820px 1124px #fff, 510px 395px #fff, 1477px 1313px #fff, 1324px 895px #fff, 1469px 268px #fff, 210px 1603px #fff, 1706px 1398px #fff, 1412px 1823px #fff, 79px 1666px #fff }
#preloader #stars3:after { content: ''; position: absolute; top: 2000px }
#preloader #preloader-launch { position: absolute; top: 40vh; width: 100%; float: left; text-align: center; z-index: 3; -webkit-transform: translateY(100vh); transform: translateY(100vh); -webkit-animation-name: launchprerocket; animation-name: launchprerocket; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
#preloader #preloader-launch .digirocket { height: 269px; width: 206px; -webkit-animation: rocketFloat 1s ease-in-out infinite; animation: rocketFloat 1s ease-in-out infinite }
#preloader #preloader-launch .digirocket #blast { opacity: 1!important }
 @-webkit-keyframes launchprerocket { 0% {
 -webkit-transform:translateY(100vh);
 opacity:0
}
to { -webkit-transform: translateY(0); opacity: 1 }
}
 @keyframes launchprerocket { 0% {
 -webkit-transform:translateY(100vh);
 transform:translateY(100vh);
 opacity:0
}
to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
 @-webkit-keyframes blastrocket { 0% {
 -webkit-transform:translateY(0);
 opacity:1
}
to { -webkit-transform: translateY(-100vh); opacity: 1 }
}
 @keyframes blastrocket { 0% {
 -webkit-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}
to { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); opacity: 1 }
}
 @-webkit-keyframes rocketFloat { 0% {
 -webkit-transform:translateY(12px)
}
 50% {
 -webkit-transform:translateY(-12px)
}
to { -webkit-transform: translateY(12px) }
}
 @keyframes rocketFloat { 0% {
 -webkit-transform:translateY(12px);
 transform:translateY(12px)
}
 50% {
 -webkit-transform:translateY(-12px);
 transform:translateY(-12px)
}
to { -webkit-transform: translateY(12px); transform: translateY(12px) }
}
 @-webkit-keyframes animStar { 0% {
 -webkit-transform:translateY(-2000px)
}
to { -webkit-transform: translateY(0) }
}
 @keyframes animStar { 0% {
 -webkit-transform:translateY(-2000px);
 transform:translateY(-2000px)
}
to { -webkit-transform: translateY(0); transform: translateY(0) }
}
 @-webkit-keyframes flicker { 0% {
 opacity:.6
}
to { opacity: .8 }
}
 @keyframes flicker { 0% {
 opacity:.6
}
to { opacity: .8 }
}
 @-webkit-keyframes hashloader { 0% {
 content:'//#'
}
 5% {
 content:'//##'
}
 10% {
 content:'//###'
}
 15% {
 content:'//####'
}
 20% {
 content:'//#####'
}
 25% {
 content:'//######'
}
 30% {
 content:'//#######'
}
 35% {
 content:'//########'
}
 40% {
 content:'//#########'
}
 45% {
 content:'//##########'
}
 50% {
 content:'//###########'
}
 55% {
 content:'//############'
}
 60% {
 content:'//#############'
}
 65% {
 content:'//##############'
}
 70% {
 content:'//###############'
}
 75% {
 content:'//################'
}
 80% {
 content:'//#################'
}
 85% {
 content:'//##################'
}
 90% {
 content:'//###################'
}
 95% {
 content:'//####################'
}
to { content: '//######################' }
}
 @keyframes hashloader { 0% {
 content:'//#'
}
 5% {
 content:'//##'
}
 10% {
 content:'//###'
}
 15% {
 content:'//####'
}
 20% {
 content:'//#####'
}
 25% {
 content:'//######'
}
 30% {
 content:'//#######'
}
 35% {
 content:'//########'
}
 40% {
 content:'//#########'
}
 45% {
 content:'//##########'
}
 50% {
 content:'//###########'
}
 55% {
 content:'//############'
}
 60% {
 content:'//#############'
}
 65% {
 content:'//##############'
}
 70% {
 content:'//###############'
}
 75% {
 content:'//################'
}
 80% {
 content:'//#################'
}
 85% {
 content:'//##################'
}
 90% {
 content:'//###################'
}
 95% {
 content:'//####################'
}
to { content: '//######################' }
}
#preloader .loaderspinner { position: relative; top: 6px; left: 6px; display: block; height: 100px; width: 100px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(500px) rotateX(70deg) rotate(45deg); transform: perspective(500px) rotateX(70deg) rotate(45deg) }
#preloader .loaderspinner .circle:nth-child(0) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 0; top: 0; width: 100px; height: 100px; -webkit-animation: spin Infinitys infinite linear; animation: spin Infinitys infinite linear }
#preloader .loaderspinner .circle:nth-child(1) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 4.545454545454546px; top: 4.545454545454546px; width: 90.9090909090909px; height: 90.9090909090909px; -webkit-animation: spin 10s infinite linear; animation: spin 10s infinite linear }
#preloader .loaderspinner .circle:nth-child(2) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 9.090909090909092px; top: 9.090909090909092px; width: 81.81818181818181px; height: 81.81818181818181px; -webkit-animation: spin 5s infinite linear; animation: spin 5s infinite linear }
#preloader .loaderspinner .circle:nth-child(3) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 13.636363636363637px; top: 13.636363636363637px; width: 72.72727272727272px; height: 72.72727272727272px; -webkit-animation: spin 3.3333333333s infinite linear; animation: spin 3.3333333333s infinite linear }
#preloader .loaderspinner .circle:nth-child(4) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 18.181818181818183px; top: 18.181818181818183px; width: 63.63636363636363px; height: 63.63636363636363px; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear }
#preloader .loaderspinner .circle:nth-child(5) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 22.72727272727273px; top: 22.72727272727273px; width: 54.54545454545454px; height: 54.54545454545454px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear }
#preloader .loaderspinner .circle:nth-child(6) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 27.272727272727273px; top: 27.272727272727273px; width: 45.45454545454545px; height: 45.45454545454545px; -webkit-animation: spin 1.6666666667s infinite linear; animation: spin 1.6666666667s infinite linear }
#preloader .loaderspinner .circle:nth-child(7) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 31.81818181818182px; top: 31.81818181818182px; width: 36.36363636363636px; height: 36.36363636363636px; -webkit-animation: spin 1.4285714286s infinite linear; animation: spin 1.4285714286s infinite linear }
#preloader .loaderspinner .circle:nth-child(8) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 36.36363636363637px; top: 36.36363636363637px; width: 27.272727272727266px; height: 27.272727272727266px; -webkit-animation: spin 1.25s infinite linear; animation: spin 1.25s infinite linear }
#preloader .loaderspinner .circle:nth-child(9) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 40.909090909090914px; top: 40.909090909090914px; width: 18.181818181818173px; height: 18.181818181818173px; -webkit-animation: spin 1.1111111111s infinite linear; animation: spin 1.1111111111s infinite linear }
#preloader .loaderspinner .circle:nth-child(10) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 45.45454545454546px; top: 45.45454545454546px; width: 9.09090909090908px; height: 9.09090909090908px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear }
#preloader .loaderspinner .circle:nth-child(11) { position: absolute; background: transparent; border: 2px solid #b4d7e0; border-radius: 50%; left: 50.00000000000001px; top: 50.00000000000001px; width: 14px; height: 14px; -webkit-animation: spin .9090909091s infinite linear; animation: spin .9090909091s infinite linear }
#preloader .loaderspinner .circle:nth-child(2n) { border: 2px dashed #b4d7e0 }
 @-webkit-keyframes spin { 0% {
 -webkit-transform:rotateX(0deg)
}
to { -webkit-transform: rotateX(1turn) }
}
 @keyframes spin { 0% {
 -webkit-transform:rotateX(0deg);
 transform:rotateX(0deg)
}
to { -webkit-transform: rotateX(1turn); transform: rotateX(1turn) }
}
 @-webkit-keyframes spin2 { 0% {
 -webkit-transform:perspective(500px) rotateX(70deg) rotate(0deg)
}
to { -webkit-transform: perspective(500px) rotateX(70deg) rotate(1turn) }
}
 @keyframes spin2 { 0% {
 -webkit-transform:perspective(500px) rotateX(70deg) rotate(0deg);
 transform:perspective(500px) rotateX(70deg) rotate(0deg)
}
to { -webkit-transform: perspective(500px) rotateX(70deg) rotate(1turn); transform: perspective(500px) rotateX(70deg) rotate(1turn) }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog_detail #comments .form .form-submit input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .btn, .formbox form .gform_page_footer input[type=button], .formbox form .gform_page_footer input[type=submit], .gform_wrapper .gform_footer .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { position: relative; cursor: pointer; -webkit-appearance: none; display: inline-block; text-align: center; text-decoration: none; color: #fff; font-family: Neutraface Bold; font-size: 1rem; text-transform: uppercase; border: 2px solid #fff; padding: .875rem 1.6875rem .625rem;
border-radius: 10rem; outline: 0; z-index: 0; white-space: nowrap; letter-spacing: 2px; -webkit-transition: all .5s ease; transition: all .5s ease }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler, .blog_detail #comments .form .form-submit input[type=submit] .filler, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler, .btn .filler, .formbox form .gform_page_footer input[type=button] .filler, .formbox form .gform_page_footer input[type=submit] .filler, .gform_wrapper .gform_footer .gform_button .filler, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler { position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; border-radius: 10rem; z-index: -1 }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .blog_detail #comments .form .form-submit input[type=submit] .filler:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .btn .filler:after, .formbox form .gform_page_footer input[type=button] .filler:after, .formbox form .gform_page_footer input[type=submit] .filler:after, .gform_wrapper .gform_footer .gform_button .filler:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after { background: #fff; content: ''; height: 100%; width: 0; position: absolute; top: 0; left: -10px; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); -webkit-transition: all .4s; transition: all .4s; z-index: -1 }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .blog_detail #comments .form .form-submit input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .btn:after, .formbox form .gform_page_footer input[type=button]:after, .formbox form .gform_page_footer input[type=submit]:after, .gform_wrapper .gform_footer .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after { background: #36c0cc; content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 10rem; opacity: 0; z-index: -2; -webkit-transition: all .4s; transition: all .4s }
 @supports (-ms-accelerator:true) {
 .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .blog_detail #comments .form .form-submit input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .btn:after, .formbox form .gform_page_footer input[type=button]:after, .formbox form .gform_page_footer input[type=submit]:after, .gform_wrapper .gform_footer .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after {
 top:-19%;
 left:-9px;
 height:138%;
 width:calc(100% + 18px)
}
}
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:focus, .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:visited, .blog_detail #comments .form .form-submit input[type=submit]:focus, .blog_detail #comments .form .form-submit input[type=submit]:visited, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:focus, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:visited, .btn:focus, .btn:visited, .formbox form .gform_page_footer input[type=button]:focus, .formbox form .gform_page_footer input[type=button]:visited, .formbox form .gform_page_footer input[type=submit]:focus, .formbox form .gform_page_footer input[type=submit]:visited, .gform_wrapper .gform_footer .gform_button:focus, .gform_wrapper .gform_footer .gform_button:visited, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:focus, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:visited { color: #fff }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:focus, .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:visited, .blog_detail #comments .form .form-submit input[type=submit]:hover, .blog_detail #comments .form .form-submit input[type=submit]:hover:focus, .blog_detail #comments .form .form-submit input[type=submit]:hover:visited, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:focus, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:visited, .btn:hover, .btn:hover:focus, .btn:hover:visited, .formbox form .gform_page_footer input[type=button]:hover, .formbox form .gform_page_footer input[type=button]:hover:focus, .formbox form .gform_page_footer input[type=button]:hover:visited, .formbox form .gform_page_footer input[type=submit]:hover, .formbox form .gform_page_footer input[type=submit]:hover:focus, .formbox form .gform_page_footer input[type=submit]:hover:visited, .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .gform_button:hover:focus, .gform_wrapper .gform_footer .gform_button:hover:visited, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:focus, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:visited { color: #df1f26 }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover .filler:after, .blog_detail #comments .form .form-submit input[type=submit]:hover .filler:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover .filler:after, .btn:hover .filler:after, .formbox form .gform_page_footer input[type=button]:hover .filler:after, .formbox form .gform_page_footer input[type=submit]:hover .filler:after, .gform_wrapper .gform_footer .gform_button:hover .filler:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover .filler:after { width: 112% }
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .blog_detail #comments .form .form-submit input[type=submit]:hover:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .btn:hover:after, .formbox form .gform_page_footer input[type=button]:hover:after, .formbox form .gform_page_footer input[type=submit]:hover:after, .gform_wrapper .gform_footer .gform_button:hover:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after { top: -19%; left: -9px; height: 138%; width: calc(100% + 18px); opacity: .4 }
button, input[type=button], input[type=reset], input[type=submit] { border: none; border-radius: 3px; background: #e11f26; color: #fff; font-size: 12px; font-size: .75rem;
line-height: 1; padding: .6em 1em .4em }
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { border-color: #e4e4e4 }
button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { color: #fff; border-color: #e4e4e4 }
.linearrow { position: relative; height: 10px; width: 72px; display: inline-block; margin-left: 6px; -webkit-transition: all .35s ease; transition: all .35s ease }
.linearrow:before { top: 4px; background: #df1f26; height: 2px; width: 100% }
.linearrow:after, .linearrow:before { content: ''; position: absolute; display: block; -webkit-transition: all .35s ease; transition: all .35s ease }
.linearrow:after { top: -1px; right: -10px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #df1f26 }
.slick-loading .slick-list { background: #fff url(../images/ajax-loader.gif) 50% no-repeat }
.slick-next, .slick-prev { position: absolute; background-color: transparent; height: 30px; width: 72px; display: inline-block; margin-left: 6px; line-height: 0; font-size: 0; cursor: pointer; border: none; outline: none; opacity: 1; -webkit-transition: all .35s ease; transition: all .35s ease }
.slick-next:before, .slick-prev:before { top: 15px; right: 0; background: #36c0cc; opacity: 1; height: 2px; width: 100% }
.slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before { content: ''; position: absolute; display: block; -webkit-transition: all .35s ease; transition: all .35s ease }
.slick-next:after, .slick-prev:after { top: 10px; right: -10px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #36c0cc }
.slick-next:hover:before, .slick-prev:hover:before { width: 140%; right: -10px }
.slick-next:hover:after, .slick-prev:hover:after { right: -20px }
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 1; background: #525656 }
.slick-next.slick-disabled:after, .slick-prev.slick-disabled:after { border-left: 12px solid #525656 }
.slick-prev { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.slick-slider { margin-bottom: 30px; outline: none }
.slick-dots { display: none; position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0 }
.slick-dots li, .slick-dots li button { height: 20px; width: 20px; cursor: pointer }
.slick-dots li button { border: 0; background: transparent; display: block; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px }
.slick-dots li button:focus, .slick-dots li button:hover { outline: none }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { color: #000; opacity: .75 }
.slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list, .slick-slider { position: relative; display: block }
.slick-list { overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0) }
.slick-track { position: relative; left: 0; top: 0; display: block }
.slick-track:after, .slick-track:before { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block }
.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 }
table.ui-datepicker-calendar { margin: 0!important }
body div#ui-datepicker-div[style] { z-index: 9999!important }
.ui-datepicker { position: absolute; width: 280px; left: 50%!important; top: 50%!important; margin: -145px 0 0 -140px; background: #fff; font-family: Native; -ms-box-shadow: 0 0 40px 0 rgba(33,32,32,.5); -o-box-shadow: 0 0 40px 0 rgba(33,32,32,.5); box-shadow: 0 0 40px 0 rgba(33,32,32,.5); border-radius: 4px; overflow: hidden }
.ui-datepicker-header { height: 50px; line-height: 50px; color: #fff; background: #df1f26; margin-bottom: 10px }
.ui-datepicker-header select { border: none; background: transparent; font-family: Tungsten Medium; text-transform: uppercase; letter-spacing: 1px; font-size: 1.75rem; margin-top: 2px; color: #fff }
.ui-datepicker-next, .ui-datepicker-prev { position: absolute; height: 10px; width: 52px; display: inline-block; margin-top: 20px; text-indent: 9999px; cursor: pointer; -webkit-transition: all .35s ease; transition: all .35s ease }
.ui-datepicker-next:before, .ui-datepicker-prev:before { content: ''; position: absolute; top: 4px; display: block; background: #fff; height: 2px; width: 100%; -webkit-transition: all .35s ease; transition: all .35s ease }
.ui-datepicker-next:after, .ui-datepicker-prev:after { content: ''; position: absolute; top: -1px; right: -2px; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #fff; -webkit-transition: all .35s ease; transition: all .35s ease }
.ui-datepicker-prev { left: 0; margin-left: 12px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.ui-datepicker-next { right: 0; margin-right: 12px }
.ui-datepicker-next:hover, .ui-datepicker-prev:hover { width: 70px }
.ui-datepicker-next:hover:before, .ui-datepicker-prev:hover:before { background: #36c0cc }
.ui-datepicker-next:hover:after, .ui-datepicker-prev:hover:after { border-left: 12px solid #36c0cc }
.ui-datepicker-title { text-align: center }
.ui-datepicker-calendar { width: 100%; text-align: center }
.ui-datepicker-calendar thead tr th span { display: block; width: 40px; color: #12aaad; margin-bottom: 5px; font-size: 13px; font-weight: 400 }
.ui-state-default { display: block; text-decoration: none; color: #272b2b; line-height: 40px; font-size: 12px }
.ui-state-default:hover { color: #fff; background: #343535 }
.ui-state-highlight { color: #272b2b!important; background: #ddd }
.ui-state-highlight:hover { color: #fff!important }
.ui-state-active { color: #df1f26!important }
.ui-state-active:hover { color: #fff!important }
.ui-datepicker-unselectable .ui-state-default { color: #eee; border: 2px solid transparent }
.gallery { margin-bottom: 1.5em }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-caption { display: block }
.modaal-container { background-color: #212020 }
.modaal-close { background: transparent; top: 20px!important; right: 24px!important; z-index: 2; -webkit-transition: all .35s ease; transition: all .35s ease }
.modaal-close:after, .modaal-close:before { top: 0; left: 25px; width: 2px; height: 50px; background: #fff }
.modaal-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.modaal-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.modaal-close:focus, .modaal-close:hover { background: transparent; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #36c0cc }
.modaal-fullscreen .modaal-close { background: transparent }
.teambox { position: absolute; background-color: #212020 }
.teambox, .teambox .gradient { top: 0; left: 0; height: 100%; width: 100% }
.teambox .gradient { display: none; position: fixed; background-color: rgba(25,28,28,.8); background-image: -webkit-linear-gradient(left, rgba(25,28,28,.8), rgba(33,37,39,0)); background-image: linear-gradient(90deg, rgba(25,28,28,.8), rgba(33,37,39,0)); background-color: rgba(25,28,28,0); z-index: 1 }
 @media screen and (min-width:1000px) {
.teambox .gradient { display: block; height: 100%; width: 72% }
}
.teambox .gradient-vert { display: block; position: absolute; top: 190px; left: 0; height: 160px; width: 100%; background-color: #212020; background-image: -webkit-linear-gradient(bottom, #212020, rgba(33,32,32,0)); background-image: linear-gradient(0deg, #212020, rgba(33,32,32,0)); background-color: rgba(33,32,32,0); z-index: 2 }
 @media screen and (min-width:576px) {
.teambox .gradient-vert { top: 390px }
}
 @media screen and (min-width:1000px) {
.teambox .gradient-vert { display: none }
}
.teambox .scanlines { position: absolute; height: 350px; opacity: 1 }
 @media screen and (min-width:576px) {
.teambox .scanlines { height: 550px }
}
 @media screen and (min-width:1000px) {
.teambox .scanlines { position: fixed; height: 100% }
}
.teambox .initial { position: absolute; top: 0; right: 0; left: 10%; font-family: Tungsten Medium; font-size: 20rem; opacity: .8; color: #df1f26; mix-blend-mode: screen; z-index: 2; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:576px) {
.teambox .initial { font-size: 32rem }
}
 @media screen and (min-width:1000px) {
.teambox .initial { position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: auto; right: 18%; font-size: 44rem }
}
.teambox .image { position: absolute; height: 350px; width: 100%; background-position: 80% top; background-size: cover; background-repeat: no-repeat; opacity: 0; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:420px) {
.teambox .image { background-position: 100% 0 }
}
 @media screen and (min-width:576px) {
.teambox .image { height: 550px; background-position: top }
}
 @media screen and (min-width:1000px) {
.teambox .image { position: fixed; height: 100% }
}
 @media screen and (min-width:1280px) {
.teambox .image { background-position: 100% 0 }
}
 @media screen and (min-width:1570px) {
.teambox .image { background-position: 100% }
}
.teambox .info-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; width: 100%; z-index: 2 }
.teambox .info-container .info { position: relative; color: #fff; margin: 400px 5% 35px; width: 100%; float: left; z-index: 1 }
 @media screen and (min-width:576px) {
.teambox .info-container .info { margin-top: 600px }
}
 @media screen and (min-width:1000px) {
.teambox .info-container .info { margin: 160px 0 80px 5%; width: 420px }
}
.teambox .info-container .info h2, .teambox .info-container .info h3 { font-size: 2rem; color: #fff; font-family: Tungsten Book; text-transform: uppercase; line-height: 2.1875rem; margin: 0; letter-spacing: 3.2px; font-weight: 100; -webkit-transition: all .5s; transition: all .5s }
.teambox .info-container .info h3 {
 font-size: .8125rem; letter-spacing: 2.2px; font-family: Neutraface Demi }
.teambox .info-container .info .glitches { height: 3px; width: 30px; background: #df1f26; margin-bottom: -4px; margin-top: 15px; -webkit-transition: all .5s; transition: all .5s }
.teambox .info-container .info p { font-size: 1rem; margin: 0; line-height: 25px; font-weight: 100; margin-bottom: 30px; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (max-width:450px) {
.teambox .info-container .info p {
 font-size: .875rem; line-height: 25px; width: 100% }
}
.modaal-container .teambox .image { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.career-modaal .modaal-container { background-color: #efefef }
.career-modaal .modaal-container .modaal-close:after, .career-modaal .modaal-container .modaal-close:before { background: #212527 }
.career-modaal .modaal-container .modaal-close:hover:after, .career-modaal .modaal-container .modaal-close:hover:before { background: #df1f26 }
.career-modaal .modaal-container .modaal-content-container svg { width: 56px }
.career-modaal .modaal-container .modaal-content-container svg path { fill: #df1f26 }
.career-modaal .modaal-container .modaal-content-container .designation { font-family: Native; font-weight: 400; text-transform: uppercase; font-size: 1rem; letter-spacing: 4px; margin-bottom: 30px }
.career-modaal .modaal-container .modaal-content-container .designation:after { display: none }
.career-modaal .modaal-container .modaal-content-container .position-title { font-family: Tungsten Light; font-weight: 400; text-transform: uppercase; font-size: 3.375rem; margin-top: 0; margin-bottom: 0 }
.career-modaal .modaal-container .modaal-content-container .position-title:after { display: none }
.career-modaal .modaal-container .modaal-content-container h3 { padding-top: 20px }
.career-modaal .modaal-container .modaal-content-container .form { margin-bottom: 40px }
.career-modaal .modaal-container .modaal-content-container .form .validation_error { display: none }
.position-modal { position: fixed; top: 0; left: 0; display: block; height: 100%; width: 100%; min-height: 100vh; background-color: #efefef; overflow: scroll; visibility: hidden; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 5 }
.position-modal.open { visibility: visible; opacity: 1 }
.position-modal .modaal-close { position: absolute }
.position-modal .modaal-close:after, .position-modal .modaal-close:before { background: #212527 }
.position-modal .modaal-close:hover:after, .position-modal .modaal-close:hover:before { background: #df1f26 }
.position-modal .modal-container { padding: 40px 0 }
.position-modal .modal-container svg { width: 56px }
.position-modal .modal-container svg path { fill: #df1f26 }
.position-modal .modal-container .designation { font-family: Native; font-weight: 400; text-transform: uppercase; font-size: 1rem; letter-spacing: 4px; margin-bottom: 30px }
.position-modal .modal-container .designation:after { display: none }
.position-modal .modal-container .position-title { font-family: Tungsten Light; font-weight: 400; text-transform: uppercase; font-size: 3.375rem; margin-top: 0; margin-bottom: 0 }
.position-modal .modal-container .position-title:after { display: none }
.position-modal .modal-container h3 { padding-top: 20px }
.position-modal .modal-container .form { margin-bottom: 40px }
.position-modal .modal-container .form .validation_error { display: none }
.chocolat-zoomable.chocolat-zoomed .chocolat-img { cursor: zoom-out }
.chocolat-open { overflow: hidden }
.chocolat-overlay { z-index: 10; background-color: #fff; display: none; opacity: .8 }
.chocolat-overlay, .chocolat-wrapper { height: 100%; width: 100%; position: fixed; left: 0; top: 0 }
.chocolat-wrapper { z-index: 16; color: #fff }
.chocolat-zoomable .chocolat-img { cursor: zoom-in }
.chocolat-loader { height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 11; background: url(../images/loader.gif); display: none }
.chocolat-content { position: fixed; width: 0; height: 0; left: 50%; top: 50%; z-index: 14; text-align: left }
.chocolat-content .chocolat-img { position: absolute; width: 100%; height: 100% }
.chocolat-wrapper .chocolat-left { left: 0; background: url(../images/left.png) 50% 50% no-repeat }
.chocolat-wrapper .chocolat-left, .chocolat-wrapper .chocolat-right { position: absolute; width: 50px; height: 100px; top: 50%; margin-top: -50px; cursor: pointer; z-index: 17; display: none }
.chocolat-wrapper .chocolat-right { right: 0; background: url(../images/right.png) 50% 50% no-repeat }
.chocolat-wrapper .chocolat-left.active, .chocolat-wrapper .chocolat-right.active { display: block }
.chocolat-wrapper .chocolat-top { position: absolute; top: 0; right: 0; left: 0; line-height: 50px; height: 50px; overflow: hidden; z-index: 17; margin-bottom: 10px }
.chocolat-wrapper .chocolat-close { width: 50px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 0; background: url(../images/close.png) 50% 50% no-repeat }
.chocolat-wrapper .chocolat-bottom { position: absolute; bottom: 0; left: 0; right: 0; line-height: 40px; height: 40px; font-size: 12px; z-index: 17; padding-left: 15px; padding-right: 15px; background: rgba(0,0,0,.2); text-align: right; margin-top: 10px }
.chocolat-wrapper .chocolat-set-title { display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid hsla(0,0%,100%,.3) }
.chocolat-wrapper .chocolat-pagination { float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px }
.chocolat-wrapper .chocolat-fullscreen { width: 16px; height: 40px; background: url(../images/fullscreen.png) 50% 50% no-repeat; display: block; margin: auto; cursor: pointer; float: right }
.chocolat-wrapper .chocolat-description { display: inline-block; float: left }
body.chocolat-open>.chocolat-loader, body.chocolat-open>.chocolat-overlay { z-index: 15 }
body.chocolat-open>.chocolat-content { z-index: 17 }
.chocolat-in-container { position: relative }
.chocolat-in-container .chocolat-content, .chocolat-in-container .chocolat-overlay, .chocolat-in-container .chocolat-wrapper { position: absolute }
.comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 }
.wp-caption, embed, iframe, object { max-width: 100% }
.wp-caption { margin-bottom: 1.5em }
.wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto }
.wp-caption .wp-caption-text { margin: .8075em 0 }
.wp-caption-text { text-align: center }
.our_work .ourproject .project .infinite-scroll.neverending .site-footer, .our_work .ourproject .project .infinite-scroll .posts-navigation { display: none }
.our_work .ourproject .project .infinity-end.neverending .site-footer { display: block }
.our_work .ourproject .project #infscr-loading { float: left; width: 100%; position: absolute; bottom: 0; text-align: center; padding: 1.25rem 0; font-size: 19px }
.our_work .ourproject .project #infscr-loading img { display: none }
.blog .newsletter_box .form .gform_wrapper .gform_footer .our_work .ourproject .project #infscr-loading input[type=submit], .blog_detail #comments .form .form-submit .our_work .ourproject .project #infscr-loading input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .our_work .ourproject .project #infscr-loading input[type=submit], .formbox form .gform_page_footer .our_work .ourproject .project #infscr-loading input[type=button], .formbox form .gform_page_footer .our_work .ourproject .project #infscr-loading input[type=submit], .gform_wrapper .gform_footer .our_work .ourproject .project #infscr-loading .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .our_work .ourproject .project #infscr-loading input[type=submit], .our_work .ourproject .project #infscr-loading .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .our_work .ourproject .project #infscr-loading .blog_detail #comments .form .form-submit input[type=submit], .our_work .ourproject .project #infscr-loading .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .our_work .ourproject .project #infscr-loading .btn, .our_work .ourproject .project #infscr-loading .formbox form .gform_page_footer input[type=button], .our_work .ourproject .project #infscr-loading .formbox form .gform_page_footer input[type=submit], .our_work .ourproject .project #infscr-loading .gform_wrapper .gform_footer .gform_button, .our_work .ourproject .project #infscr-loading .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] {
 font-size: .875rem; background: #df1f26; border-color: #df1f26 }/*!



 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s }
 @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
 40%, 43% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -30px, 0);
 transform:translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -15px, 0);
 transform:translate3d(0, -15px, 0)
}
 90% {
 -webkit-transform:translate3d(0, -4px, 0);
 transform:translate3d(0, -4px, 0)
}
}
 @keyframes bounce { 0%, 20%, 53%, 80%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
 40%, 43% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -30px, 0);
 transform:translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -15px, 0);
 transform:translate3d(0, -15px, 0)
}
 90% {
 -webkit-transform:translate3d(0, -4px, 0);
 transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom }
 @-webkit-keyframes flash { 0%, 50%, to {
 opacity:1
}
 25%, 75% {
 opacity:0
}
}
 @keyframes flash { 0%, 50%, to {
 opacity:1
}
 25%, 75% {
 opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
 @-webkit-keyframes pulse { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 50% {
 -webkit-transform:scale3d(1.05, 1.05, 1.05);
 transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
 @keyframes pulse { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 50% {
 -webkit-transform:scale3d(1.05, 1.05, 1.05);
 transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
 @-webkit-keyframes rubberBand { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 30% {
 -webkit-transform:scale3d(1.25, .75, 1);
 transform:scale3d(1.25, .75, 1)
}
 40% {
 -webkit-transform:scale3d(.75, 1.25, 1);
 transform:scale3d(.75, 1.25, 1)
}
 50% {
 -webkit-transform:scale3d(1.15, .85, 1);
 transform:scale3d(1.15, .85, 1)
}
 65% {
 -webkit-transform:scale3d(.95, 1.05, 1);
 transform:scale3d(.95, 1.05, 1)
}
 75% {
 -webkit-transform:scale3d(1.05, .95, 1);
 transform:scale3d(1.05, .95, 1)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
 @keyframes rubberBand { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 30% {
 -webkit-transform:scale3d(1.25, .75, 1);
 transform:scale3d(1.25, .75, 1)
}
 40% {
 -webkit-transform:scale3d(.75, 1.25, 1);
 transform:scale3d(.75, 1.25, 1)
}
 50% {
 -webkit-transform:scale3d(1.15, .85, 1);
 transform:scale3d(1.15, .85, 1)
}
 65% {
 -webkit-transform:scale3d(.95, 1.05, 1);
 transform:scale3d(.95, 1.05, 1)
}
 75% {
 -webkit-transform:scale3d(1.05, .95, 1);
 transform:scale3d(1.05, .95, 1)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
 @-webkit-keyframes shake { 0%, to {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform:translate3d(-10px, 0, 0);
 transform:translate3d(-10px, 0, 0)
}
 20%, 40%, 60%, 80% {
 -webkit-transform:translate3d(10px, 0, 0);
 transform:translate3d(10px, 0, 0)
}
}
 @keyframes shake { 0%, to {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform:translate3d(-10px, 0, 0);
 transform:translate3d(-10px, 0, 0)
}
 20%, 40%, 60%, 80% {
 -webkit-transform:translate3d(10px, 0, 0);
 transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
 @-webkit-keyframes headShake { 0% {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
 6.5% {
 -webkit-transform:translateX(-6px) rotateY(-9deg);
 transform:translateX(-6px) rotateY(-9deg)
}
 18.5% {
 -webkit-transform:translateX(5px) rotateY(7deg);
 transform:translateX(5px) rotateY(7deg)
}
 31.5% {
 -webkit-transform:translateX(-3px) rotateY(-5deg);
 transform:translateX(-3px) rotateY(-5deg)
}
 43.5% {
 -webkit-transform:translateX(2px) rotateY(3deg);
 transform:translateX(2px) rotateY(3deg)
}
 50% {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
}
 @keyframes headShake { 0% {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
 6.5% {
 -webkit-transform:translateX(-6px) rotateY(-9deg);
 transform:translateX(-6px) rotateY(-9deg)
}
 18.5% {
 -webkit-transform:translateX(5px) rotateY(7deg);
 transform:translateX(5px) rotateY(7deg)
}
 31.5% {
 -webkit-transform:translateX(-3px) rotateY(-5deg);
 transform:translateX(-3px) rotateY(-5deg)
}
 43.5% {
 -webkit-transform:translateX(2px) rotateY(3deg);
 transform:translateX(2px) rotateY(3deg)
}
 50% {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
}
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake }
 @-webkit-keyframes swing { 20% {
 -webkit-transform:rotate(15deg);
 transform:rotate(15deg)
}
 40% {
 -webkit-transform:rotate(-10deg);
 transform:rotate(-10deg)
}
 60% {
 -webkit-transform:rotate(5deg);
 transform:rotate(5deg)
}
 80% {
 -webkit-transform:rotate(-5deg);
 transform:rotate(-5deg)
}
to { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
}
 @keyframes swing { 20% {
 -webkit-transform:rotate(15deg);
 transform:rotate(15deg)
}
 40% {
 -webkit-transform:rotate(-10deg);
 transform:rotate(-10deg)
}
 60% {
 -webkit-transform:rotate(5deg);
 transform:rotate(5deg)
}
 80% {
 -webkit-transform:rotate(-5deg);
 transform:rotate(-5deg)
}
to { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
 @-webkit-keyframes tada { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 10%, 20% {
 -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
 transform:scale3d(.9, .9, .9) rotate(-3deg)
}
 30%, 50%, 70%, 90% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
 transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
 40%, 60%, 80% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
 transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
 @keyframes tada { 0% {
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
 10%, 20% {
 -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
 transform:scale3d(.9, .9, .9) rotate(-3deg)
}
 30%, 50%, 70%, 90% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
 transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
 40%, 60%, 80% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
 transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.tada { -webkit-animation-name: tada; animation-name: tada }
 @-webkit-keyframes wobble { 0% {
 -webkit-transform:none;
 transform:none
}
 15% {
 -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
 transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
 30% {
 -webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
 transform:translate3d(20%, 0, 0) rotate(3deg)
}
 45% {
 -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
 transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
 60% {
 -webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
 transform:translate3d(10%, 0, 0) rotate(2deg)
}
 75% {
 -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
 transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform: none; transform: none }
}
 @keyframes wobble { 0% {
 -webkit-transform:none;
 transform:none
}
 15% {
 -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
 transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
 30% {
 -webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
 transform:translate3d(20%, 0, 0) rotate(3deg)
}
 45% {
 -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
 transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
 60% {
 -webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
 transform:translate3d(10%, 0, 0) rotate(2deg)
}
 75% {
 -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
 transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform: none; transform: none }
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
 @-webkit-keyframes jello { 0%, 11.1%, to {
 -webkit-transform:none;
 transform:none
}
 22.2% {
 -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
 transform:skewX(-12.5deg) skewY(-12.5deg)
}
 33.3% {
 -webkit-transform:skewX(6.25deg) skewY(6.25deg);
 transform:skewX(6.25deg) skewY(6.25deg)
}
 44.4% {
 -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
 transform:skewX(-3.125deg) skewY(-3.125deg)
}
 55.5% {
 -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
 transform:skewX(1.5625deg) skewY(1.5625deg)
}
 66.6% {
 -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
 transform:skewX(-.78125deg) skewY(-.78125deg)
}
 77.7% {
 -webkit-transform:skewX(.390625deg) skewY(.390625deg);
 transform:skewX(.390625deg) skewY(.390625deg)
}
 88.8% {
 -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
 transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
 @keyframes jello { 0%, 11.1%, to {
 -webkit-transform:none;
 transform:none
}
 22.2% {
 -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
 transform:skewX(-12.5deg) skewY(-12.5deg)
}
 33.3% {
 -webkit-transform:skewX(6.25deg) skewY(6.25deg);
 transform:skewX(6.25deg) skewY(6.25deg)
}
 44.4% {
 -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
 transform:skewX(-3.125deg) skewY(-3.125deg)
}
 55.5% {
 -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
 transform:skewX(1.5625deg) skewY(1.5625deg)
}
 66.6% {
 -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
 transform:skewX(-.78125deg) skewY(-.78125deg)
}
 77.7% {
 -webkit-transform:skewX(.390625deg) skewY(.390625deg);
 transform:skewX(.390625deg) skewY(.390625deg)
}
 88.8% {
 -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
 transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center }
 @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
 20% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1);
 transform:scale3d(1.1, 1.1, 1.1)
}
 40% {
 -webkit-transform:scale3d(.9, .9, .9);
 transform:scale3d(.9, .9, .9)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(1.03, 1.03, 1.03);
 transform:scale3d(1.03, 1.03, 1.03)
}
 80% {
 -webkit-transform:scale3d(.97, .97, .97);
 transform:scale3d(.97, .97, .97)
}
to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) }
}
 @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
 20% {
 -webkit-transform:scale3d(1.1, 1.1, 1.1);
 transform:scale3d(1.1, 1.1, 1.1)
}
 40% {
 -webkit-transform:scale3d(.9, .9, .9);
 transform:scale3d(.9, .9, .9)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(1.03, 1.03, 1.03);
 transform:scale3d(1.03, 1.03, 1.03)
}
 80% {
 -webkit-transform:scale3d(.97, .97, .97);
 transform:scale3d(.97, .97, .97)
}
to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
 @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -3000px, 0);
 transform:translate3d(0, -3000px, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(0, 25px, 0);
 transform:translate3d(0, 25px, 0)
}
 75% {
 -webkit-transform:translate3d(0, -10px, 0);
 transform:translate3d(0, -10px, 0)
}
 90% {
 -webkit-transform:translate3d(0, 5px, 0);
 transform:translate3d(0, 5px, 0)
}
to { -webkit-transform: none; transform: none }
}
 @keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -3000px, 0);
 transform:translate3d(0, -3000px, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(0, 25px, 0);
 transform:translate3d(0, 25px, 0)
}
 75% {
 -webkit-transform:translate3d(0, -10px, 0);
 transform:translate3d(0, -10px, 0)
}
 90% {
 -webkit-transform:translate3d(0, 5px, 0);
 transform:translate3d(0, 5px, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
 @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(-3000px, 0, 0);
 transform:translate3d(-3000px, 0, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(25px, 0, 0);
 transform:translate3d(25px, 0, 0)
}
 75% {
 -webkit-transform:translate3d(-10px, 0, 0);
 transform:translate3d(-10px, 0, 0)
}
 90% {
 -webkit-transform:translate3d(5px, 0, 0);
 transform:translate3d(5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
 @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(-3000px, 0, 0);
 transform:translate3d(-3000px, 0, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(25px, 0, 0);
 transform:translate3d(25px, 0, 0)
}
 75% {
 -webkit-transform:translate3d(-10px, 0, 0);
 transform:translate3d(-10px, 0, 0)
}
 90% {
 -webkit-transform:translate3d(5px, 0, 0);
 transform:translate3d(5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
 @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(3000px, 0, 0);
 transform:translate3d(3000px, 0, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(-25px, 0, 0);
 transform:translate3d(-25px, 0, 0)
}
 75% {
 -webkit-transform:translate3d(10px, 0, 0);
 transform:translate3d(10px, 0, 0)
}
 90% {
 -webkit-transform:translate3d(-5px, 0, 0);
 transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
 @keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(3000px, 0, 0);
 transform:translate3d(3000px, 0, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(-25px, 0, 0);
 transform:translate3d(-25px, 0, 0)
}
 75% {
 -webkit-transform:translate3d(10px, 0, 0);
 transform:translate3d(10px, 0, 0)
}
 90% {
 -webkit-transform:translate3d(-5px, 0, 0);
 transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
 @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 3000px, 0);
 transform:translate3d(0, 3000px, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(0, -20px, 0);
 transform:translate3d(0, -20px, 0)
}
 75% {
 -webkit-transform:translate3d(0, 10px, 0);
 transform:translate3d(0, 10px, 0)
}
 90% {
 -webkit-transform:translate3d(0, -5px, 0);
 transform:translate3d(0, -5px, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
 @keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 3000px, 0);
 transform:translate3d(0, 3000px, 0)
}
 60% {
 opacity:1;
 -webkit-transform:translate3d(0, -20px, 0);
 transform:translate3d(0, -20px, 0)
}
 75% {
 -webkit-transform:translate3d(0, 10px, 0);
 transform:translate3d(0, 10px, 0)
}
 90% {
 -webkit-transform:translate3d(0, -5px, 0);
 transform:translate3d(0, -5px, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
 @-webkit-keyframes bounceOut { 20% {
 -webkit-transform:scale3d(.9, .9, .9);
 transform:scale3d(.9, .9, .9)
}
 50%, 55% {
 opacity:1;
 -webkit-transform:scale3d(1.1, 1.1, 1.1);
 transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
}
 @keyframes bounceOut { 20% {
 -webkit-transform:scale3d(.9, .9, .9);
 transform:scale3d(.9, .9, .9)
}
 50%, 55% {
 opacity:1;
 -webkit-transform:scale3d(1.1, 1.1, 1.1);
 transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
 @-webkit-keyframes bounceOutDown { 20% {
 -webkit-transform:translate3d(0, 10px, 0);
 transform:translate3d(0, 10px, 0)
}
 40%, 45% {
 opacity:1;
 -webkit-transform:translate3d(0, -20px, 0);
 transform:translate3d(0, -20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
 @keyframes bounceOutDown { 20% {
 -webkit-transform:translate3d(0, 10px, 0);
 transform:translate3d(0, 10px, 0)
}
 40%, 45% {
 opacity:1;
 -webkit-transform:translate3d(0, -20px, 0);
 transform:translate3d(0, -20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
 @-webkit-keyframes bounceOutLeft { 20% {
 opacity:1;
 -webkit-transform:translate3d(20px, 0, 0);
 transform:translate3d(20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
 @keyframes bounceOutLeft { 20% {
 opacity:1;
 -webkit-transform:translate3d(20px, 0, 0);
 transform:translate3d(20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
 @-webkit-keyframes bounceOutRight { 20% {
 opacity:1;
 -webkit-transform:translate3d(-20px, 0, 0);
 transform:translate3d(-20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
 @keyframes bounceOutRight { 20% {
 opacity:1;
 -webkit-transform:translate3d(-20px, 0, 0);
 transform:translate3d(-20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
 @-webkit-keyframes bounceOutUp { 20% {
 -webkit-transform:translate3d(0, -10px, 0);
 transform:translate3d(0, -10px, 0)
}
 40%, 45% {
 opacity:1;
 -webkit-transform:translate3d(0, 20px, 0);
 transform:translate3d(0, 20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
 @keyframes bounceOutUp { 20% {
 -webkit-transform:translate3d(0, -10px, 0);
 transform:translate3d(0, -10px, 0)
}
 40%, 45% {
 opacity:1;
 -webkit-transform:translate3d(0, 20px, 0);
 transform:translate3d(0, 20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
 @-webkit-keyframes fadeIn { 0% {
 opacity:0
}
to { opacity: 1 }
}
 @keyframes fadeIn { 0% {
 opacity:0
}
to { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
 @-webkit-keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -100%, 0);
 transform:translate3d(0, -100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -20%, 0);
 transform:translate3d(0, -20%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInDownBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -2000px, 0);
 transform:translate3d(0, -2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInDownBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, -2000px, 0);
 transform:translate3d(0, -2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
 @-webkit-keyframes fadeInLeft { 0% {
 opacity:0;
 -webkit-transform:translate3d(-100%, 0, 0);
 transform:translate3d(-100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInLeft { 0% {
 opacity:0;
 -webkit-transform:translate3d(-100%, 0, 0);
 transform:translate3d(-100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
 @-webkit-keyframes fadeInLeftBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(-2000px, 0, 0);
 transform:translate3d(-2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInLeftBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(-2000px, 0, 0);
 transform:translate3d(-2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
 @-webkit-keyframes fadeInRight { 0% {
 opacity:0;
 -webkit-transform:translate3d(100%, 0, 0);
 transform:translate3d(100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInRight { 0% {
 opacity:0;
 -webkit-transform:translate3d(100%, 0, 0);
 transform:translate3d(100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
 @-webkit-keyframes fadeInRightBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(2000px, 0, 0);
 transform:translate3d(2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInRightBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(2000px, 0, 0);
 transform:translate3d(2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
 @-webkit-keyframes fadeInUp { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInUp { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes fadeInUpBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 2000px, 0);
 transform:translate3d(0, 2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes fadeInUpBig { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 2000px, 0);
 transform:translate3d(0, 2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
 @-webkit-keyframes fadeOut { 0% {
 opacity:1
}
to { opacity: 0 }
}
 @keyframes fadeOut { 0% {
 opacity:1
}
to { opacity: 0 }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
 @-webkit-keyframes fadeOutDown { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
 @keyframes fadeOutDown { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
 @-webkit-keyframes fadeOutDownBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
 @keyframes fadeOutDownBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
 @-webkit-keyframes fadeOutLeft { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
 @keyframes fadeOutLeft { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
 @-webkit-keyframes fadeOutLeftBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
 @keyframes fadeOutLeftBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
 @-webkit-keyframes fadeOutRight { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
 @keyframes fadeOutRight { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
 @-webkit-keyframes fadeOutRightBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
 @keyframes fadeOutRightBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
 @-webkit-keyframes fadeOutUp { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
 @keyframes fadeOutUp { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
 @-webkit-keyframes fadeOutUpBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
 @keyframes fadeOutUpBig { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
 @-webkit-keyframes flip { 0% {
 -webkit-transform:perspective(400px) rotateY(-1turn);
 transform:perspective(400px) rotateY(-1turn);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
 40% {
 -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
 transform:perspective(400px) translateZ(150px) rotateY(-190deg);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
 50% {
 -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
 transform:perspective(400px) translateZ(150px) rotateY(-170deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 80% {
 -webkit-transform:perspective(400px) scale3d(.95, .95, .95);
 transform:perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
 @keyframes flip { 0% {
 -webkit-transform:perspective(400px) rotateY(-1turn);
 transform:perspective(400px) rotateY(-1turn);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
 40% {
 -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
 transform:perspective(400px) translateZ(150px) rotateY(-190deg);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
 50% {
 -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
 transform:perspective(400px) translateZ(150px) rotateY(-170deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 80% {
 -webkit-transform:perspective(400px) scale3d(.95, .95, .95);
 transform:perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
 @-webkit-keyframes flipInX { 0% {
 -webkit-transform:perspective(400px) rotateX(90deg);
 transform:perspective(400px) rotateX(90deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in;
 opacity:0
}
 40% {
 -webkit-transform:perspective(400px) rotateX(-20deg);
 transform:perspective(400px) rotateX(-20deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 60% {
 -webkit-transform:perspective(400px) rotateX(10deg);
 transform:perspective(400px) rotateX(10deg);
 opacity:1
}
 80% {
 -webkit-transform:perspective(400px) rotateX(-5deg);
 transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
 @keyframes flipInX { 0% {
 -webkit-transform:perspective(400px) rotateX(90deg);
 transform:perspective(400px) rotateX(90deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in;
 opacity:0
}
 40% {
 -webkit-transform:perspective(400px) rotateX(-20deg);
 transform:perspective(400px) rotateX(-20deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 60% {
 -webkit-transform:perspective(400px) rotateX(10deg);
 transform:perspective(400px) rotateX(10deg);
 opacity:1
}
 80% {
 -webkit-transform:perspective(400px) rotateX(-5deg);
 transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
 @-webkit-keyframes flipInY { 0% {
 -webkit-transform:perspective(400px) rotateY(90deg);
 transform:perspective(400px) rotateY(90deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in;
 opacity:0
}
 40% {
 -webkit-transform:perspective(400px) rotateY(-20deg);
 transform:perspective(400px) rotateY(-20deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 60% {
 -webkit-transform:perspective(400px) rotateY(10deg);
 transform:perspective(400px) rotateY(10deg);
 opacity:1
}
 80% {
 -webkit-transform:perspective(400px) rotateY(-5deg);
 transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
 @keyframes flipInY { 0% {
 -webkit-transform:perspective(400px) rotateY(90deg);
 transform:perspective(400px) rotateY(90deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in;
 opacity:0
}
 40% {
 -webkit-transform:perspective(400px) rotateY(-20deg);
 transform:perspective(400px) rotateY(-20deg);
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
 60% {
 -webkit-transform:perspective(400px) rotateY(10deg);
 transform:perspective(400px) rotateY(10deg);
 opacity:1
}
 80% {
 -webkit-transform:perspective(400px) rotateY(-5deg);
 transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
 @-webkit-keyframes flipOutX { 0% {
 -webkit-transform:perspective(400px);
 transform:perspective(400px)
}
 30% {
 -webkit-transform:perspective(400px) rotateX(-20deg);
 transform:perspective(400px) rotateX(-20deg);
 opacity:1
}
to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
}
 @keyframes flipOutX { 0% {
 -webkit-transform:perspective(400px);
 transform:perspective(400px)
}
 30% {
 -webkit-transform:perspective(400px) rotateX(-20deg);
 transform:perspective(400px) rotateX(-20deg);
 opacity:1
}
to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important }
 @-webkit-keyframes flipOutY { 0% {
 -webkit-transform:perspective(400px);
 transform:perspective(400px)
}
 30% {
 -webkit-transform:perspective(400px) rotateY(-15deg);
 transform:perspective(400px) rotateY(-15deg);
 opacity:1
}
to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
}
 @keyframes flipOutY { 0% {
 -webkit-transform:perspective(400px);
 transform:perspective(400px)
}
 30% {
 -webkit-transform:perspective(400px) rotateY(-15deg);
 transform:perspective(400px) rotateY(-15deg);
 opacity:1
}
to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
}
.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY }
 @-webkit-keyframes lightSpeedIn { 0% {
 -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
 transform:translate3d(100%, 0, 0) skewX(-30deg);
 opacity:0
}
 60% {
 -webkit-transform:skewX(20deg);
 transform:skewX(20deg);
 opacity:1
}
 80% {
 -webkit-transform:skewX(-5deg);
 transform:skewX(-5deg);
 opacity:1
}
to { -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes lightSpeedIn { 0% {
 -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
 transform:translate3d(100%, 0, 0) skewX(-30deg);
 opacity:0
}
 60% {
 -webkit-transform:skewX(20deg);
 transform:skewX(20deg);
 opacity:1
}
 80% {
 -webkit-transform:skewX(-5deg);
 transform:skewX(-5deg);
 opacity:1
}
to { -webkit-transform: none; transform: none; opacity: 1 }
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
 @-webkit-keyframes lightSpeedOut { 0% {
 opacity:1
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }
}
 @keyframes lightSpeedOut { 0% {
 opacity:1
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
 @-webkit-keyframes rotateIn { 0% {
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-transform:rotate(-200deg);
 transform:rotate(-200deg);
 opacity:0
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes rotateIn { 0% {
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-transform:rotate(-200deg);
 transform:rotate(-200deg);
 opacity:0
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
 @-webkit-keyframes rotateInDownLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes rotateInDownLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
 @-webkit-keyframes rotateInDownRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes rotateInDownRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
 @-webkit-keyframes rotateInUpLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes rotateInUpLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
 @-webkit-keyframes rotateInUpRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg);
 opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
 @keyframes rotateInUpRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg);
 opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
 @-webkit-keyframes rotateOut { 0% {
 -webkit-transform-origin:center;
 transform-origin:center;
 opacity:1
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 }
}
 @keyframes rotateOut { 0% {
 -webkit-transform-origin:center;
 transform-origin:center;
 opacity:1
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 }
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
 @-webkit-keyframes rotateOutDownLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 }
}
 @keyframes rotateOutDownLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
 @-webkit-keyframes rotateOutDownRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 }
}
 @keyframes rotateOutDownRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
 @-webkit-keyframes rotateOutUpLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 }
}
 @keyframes rotateOutUpLeft { 0% {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom;
 opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
 @-webkit-keyframes rotateOutUpRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}
 @keyframes rotateOutUpRight { 0% {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom;
 opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
 @-webkit-keyframes hinge { 0% {
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 20%, 60% {
 -webkit-transform:rotate(80deg);
 transform:rotate(80deg);
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 40%, 80% {
 -webkit-transform:rotate(60deg);
 transform:rotate(60deg);
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 opacity:1
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 }
}
 @keyframes hinge { 0% {
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 20%, 60% {
 -webkit-transform:rotate(80deg);
 transform:rotate(80deg);
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 40%, 80% {
 -webkit-transform:rotate(60deg);
 transform:rotate(60deg);
 -webkit-transform-origin:top left;
 transform-origin:top left;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 opacity:1
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 }
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
 @-webkit-keyframes rollIn { 0% {
 opacity:0;
 -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
 transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
 @keyframes rollIn { 0% {
 opacity:0;
 -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
 transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
 @-webkit-keyframes rollOut { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) }
}
 @keyframes rollOut { 0% {
 opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) }
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
 @-webkit-keyframes zoomIn { 0% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
 50% {
 opacity:1
}
}
 @keyframes zoomIn { 0% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
 50% {
 opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
 @-webkit-keyframes zoomInDown { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
 @keyframes zoomInDown { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
 @-webkit-keyframes zoomInLeft { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
 @keyframes zoomInLeft { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
 @-webkit-keyframes zoomInRight { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
 @keyframes zoomInRight { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
 @-webkit-keyframes zoomInUp { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
 @keyframes zoomInUp { 0% {
 opacity:0;
 -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
 60% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
 animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
 @-webkit-keyframes zoomOut { 0% {
 opacity:1
}
 50% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
to { opacity: 0 }
}
 @keyframes zoomOut { 0% {
 opacity:1
}
 50% {
 opacity:0;
 -webkit-transform:scale3d(.3, .3, .3);
 transform:scale3d(.3, .3, .3)
}
to { opacity: 0 }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
 @-webkit-keyframes zoomOutDown { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
 @keyframes zoomOutDown { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
 @-webkit-keyframes zoomOutLeft { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center }
}
 @keyframes zoomOutLeft { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center }
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft }
 @-webkit-keyframes zoomOutRight { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center }
}
 @keyframes zoomOutRight { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center }
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight }
 @-webkit-keyframes zoomOutUp { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
 @keyframes zoomOutUp { 40% {
 opacity:1;
 -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
 animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp }
 @-webkit-keyframes slideInDown { 0% {
 -webkit-transform:translate3d(0, -100%, 0);
 transform:translate3d(0, -100%, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
 @keyframes slideInDown { 0% {
 -webkit-transform:translate3d(0, -100%, 0);
 transform:translate3d(0, -100%, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
 @-webkit-keyframes slideInLeft { 0% {
 -webkit-transform:translate3d(-100%, 0, 0);
 transform:translate3d(-100%, 0, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
 @keyframes slideInLeft { 0% {
 -webkit-transform:translate3d(-100%, 0, 0);
 transform:translate3d(-100%, 0, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
 @-webkit-keyframes slideInRight { 0% {
 -webkit-transform:translate3d(100%, 0, 0);
 transform:translate3d(100%, 0, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
 @keyframes slideInRight { 0% {
 -webkit-transform:translate3d(100%, 0, 0);
 transform:translate3d(100%, 0, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
 @-webkit-keyframes slideInUp { 0% {
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
 @keyframes slideInUp { 0% {
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0);
 visibility:visible
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
 @-webkit-keyframes slideOutDown { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
 @keyframes slideOutDown { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
 @-webkit-keyframes slideOutLeft { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
 @keyframes slideOutLeft { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
 @-webkit-keyframes slideOutRight { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
 @keyframes slideOutRight { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
 @-webkit-keyframes slideOutUp { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
 @keyframes slideOutUp { 0% {
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
.blog_detail #comments .comments { background: #ddd; width: 100%; padding: 66px 5%; float: left; color: #272b2b }
.blog_detail #comments .comments h3 { font-family: Tungsten Light; color: #9daaa9; text-transform: uppercase; font-size: 1.75rem; letter-spacing: 2px; margin-bottom: 76px }
.blog_detail #comments .comments .comment-list { margin-left: 2px; list-style: none }
.blog_detail #comments .comments .comment-list li article { background: #fff; width: 78%; border: 1px solid #acacac; margin-left: 155px; padding: 21px; position: relative; margin-top: 57px }
.blog_detail #comments .comments .comment-list li .comment-author { font-size: 24px; font-family: Quadon }
.blog_detail #comments .comments .comment-list li .comment-author .fn { position: absolute; margin-top: 2.4375rem }
.blog_detail #comments .comments .comment-list li .comment-author .fn a { text-decoration: none }
.blog_detail #comments .comments .comment-list li .comment-author .says { display: none }
.blog_detail #comments .comments .comment-list li .comment-author img { position: absolute; top: 0; height: 112px; width: 112px; margin-left: -170px; border-radius: 100% }
.blog_detail #comments .comments .comment-list li .comment-awaiting-moderation { float: right; font-size: 12px; margin-top: 18px; opacity: .7; color: #df1f26 }
.blog_detail #comments .comments .comment-list li .edit-link, .blog_detail #comments .comments .comment-list li .reply { display: none }
.blog_detail #comments .comments .comment-list li .comment-metadata a { text-decoration: none; font-family: Native; color: #b9b9b9; font-size: 1rem }
.blog_detail #comments .comments .comment-list li .comment-content { margin-top: 37px }
.blog_detail #comments .comments .comment-list li .comment-content p { margin-bottom: 0 }
.blog_detail #comments .comments .comment-list li ul { margin-left: 151px }
.blog_detail #comments .form { background: #efefef; color: #868a8b; width: 100%; padding: 40px 5%; font-size: 1.125rem; float: left }
.blog_detail #comments .form h3 { font-size: 1.5rem; margin-bottom: 6px; color: #070808 }
.blog_detail #comments .form p { padding: 0; margin-top: 0 }
.blog_detail #comments .form input[type=text], .blog_detail #comments .form textarea { border: 1px solid #868a8b; background: #fff; padding: .625rem .875rem;
border-radius: 0; font-size: 18px; width: 49%; font-family: Neutraface Medium; box-sizing: content-box }
 @media screen and (max-width:840px) {
.blog_detail #comments .form input[type=text], .blog_detail #comments .form textarea { width: 100%; box-sizing: border-box }
}
 .blog_detail #comments .form input[type=text]:-webkit-input-placeholder, .blog_detail #comments .form textarea:-webkit-input-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
 .blog_detail #comments .form input[type=text]:-moz-placeholder, .blog_detail #comments .form textarea:-moz-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
 .blog_detail #comments .form input[type=text]:-ms-input-placeholder, .blog_detail #comments .form textarea:-ms-input-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
.blog_detail #comments .form .form-submit input[type=submit] { font-size: 1rem; border: 1px solid #df4335!important; background: #df4335 }
.blog_detail #comments .form .form-submit input[type=submit]:hover { border-color: #c1212b!important; background: #c1212b }
.ui-slider { height: 32px; position: relative; margin-bottom: -42px; z-index: 100 }
.ui-slider input.slider { border: 0; padding: 0; display: block }
.range-container { position: relative; width: 100% }
.range-container label { display: block; width: 100%; text-align: center; margin-top: 2.625rem; margin-bottom: 3.75rem }
.range-container span {
 font-size: .9375rem; letter-spacing: 1px; margin-bottom: 25px }
.range-container .budget { position: absolute; top: 40px; right: 0; left: 0; margin: 0 auto; font-family: Native; color: #12aaad; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none }
.label-container { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; flex-basis: 100%; -ms-flex-preferred-size: 100%; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; margin-top: 1rem }
.bar { z-index: 1 }
.bar, .bar ul li { position: relative; width: 100% }
.bar ul li { top: 12px; display: inline-block; height: 6px; text-align: center; text-decoration: none; color: #d1d3d5; font-family: Native; border: 1px solid #a8abad; border-radius: 10em; background: #d1d3d5; letter-spacing: 2px }
.steps { position: relative; margin-bottom: 40px }
.steps span { color: #868a8b; font-size: 1rem; margin-top: .9375rem;
font-family: Native; float: left; text-align: right; text-align: center; margin-left: 20.2%; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none }
.steps span.first { text-align: left; margin-left: 0 }
.steps span:nth-child(n+2):nth-child(-n+4) { position: absolute; left: 0 }
.steps span:nth-child(2) { margin-left: 25% }
.steps span:nth-child(3) { margin-left: 50% }
.steps span:nth-child(4) { margin-left: 75% }
.steps span:last-child { text-align: right; float: right; margin-left: 0 }
 @media screen and (max-width:1200px) {
.steps span { font-size: .8125rem
}
}
 @media screen and (max-width:840px) {
.steps span { margin-left: 19.2% }
}
.slider-container { position: relative; height: 100%; width: 100%; z-index: 2 }
.ui-slider-range { position: absolute; top: 12px; left: 0; width: 100%; background-color: #9f1d26; background-image: -webkit-linear-gradient(left, #9f1d26, #df1f26 55%, #f9595f 75%, #36c0cc); background-image: linear-gradient(90deg, #9f1d26 0, #df1f26 55%, #f9595f 75%, #36c0cc); height: 6px; pointer-events: none; border-radius: 40px }
.ui-slider-range .rocket_img { height: 80px; width: 80px; background-image: url(../images/flatrocket.png); background-repeat: no-repeat; background-position: 0 0; background-size: contain; float: right; padding: 19px 0 0 28px; margin-top: -27px; margin-right: -40px; font-family: Native; font-size: .875rem;
color: #fff; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none }
.pagedown { position: absolute; right: 0; bottom: -114px; left: 0; width: 54px; margin: 0 auto; z-index: 2 }
.pagedown .rocket { height: 70px; width: 54px }
.pagedown .rocket .ship { fill: #df1f26 }
.pagedown .rocket .window { fill: #ddd }
.pagedown .scroll-blast { height: 28px; width: 14px; margin-top: -6px; margin-left: 20px }
.pagedown .scroll-blast path { fill: #fff; -webkit-animation: arrowHint 1.5s infinite; animation: arrowHint 1.5s infinite; -webkit-animation-delay: 3.5s; animation-delay: 3.5s }
.pagedown .scroll-blast path.a1 { fill: #5fcdd6; -webkit-animation-delay: -.75s; animation-delay: -.75s }
.pagedown .scroll-blast path.a2 { fill: #87dae1; -webkit-animation-delay: -.375s; animation-delay: -.375s }
.pagedown .scroll-blast path.a3 { fill: #b0e6eb; -webkit-animation-delay: 0s; animation-delay: 0s }
.glitch-wide { height: 7px; width: 124px }
.glitch-wide .gbase { fill: #df1f26 }
.glitch-wide .gdot30, .glitch-wide .gdot60, .glitch-wide .gdot100 { fill: #535760; -webkit-animation: glitchDots 1.5s infinite; animation: glitchDots 1.5s infinite; -webkit-animation-delay: 3.5s; animation-delay: 3.5s }
.glitch-wide .gdot100 { -webkit-animation-delay: -.75s; animation-delay: -.75s }
.glitch-wide .gdot60 { -webkit-animation-delay: -.375s; animation-delay: -.375s }
.glitch-wide .gdot30 { -webkit-animation-delay: 0s; animation-delay: 0s }
 @-webkit-keyframes glitchDots { 0% {
 opacity:0
}
 40% {
 opacity:1
}
 80% {
 opacity:.1
}
to { opacity: 0 }
}
 @keyframes glitchDots { 0% {
 opacity:0
}
 40% {
 opacity:1
}
 80% {
 opacity:.1
}
to { opacity: 0 }
}
.glitch { height: 6px; width: 84px }
.glitch .gbase { fill: #36c0cc; -webkit-transition: all .4s ease; transition: all .4s ease }
.glitch .gdot30, .glitch .gdot60, .glitch .gdot100 { fill: #cee0df; -webkit-transition: all .4s ease; transition: all .4s ease }
.glitch .gdot100 { opacity: 1 }
.glitch .gdot60 { opacity: .6 }
.glitch .gdot30 { opacity: .3 }
.reputation { display: none; border-right: 4px solid #36c0cc; border-left: 4px solid #36c0cc; background: #272b2b; clear: both; min-height: 120px; padding: 0 46px }
 @media screen and (min-width:1000px) {
.reputation { display: block }
}
.reputation .container { position: relative; height: 120px; width: 100%; max-width: 1330px; margin: 0 auto }
.reputation .container span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 486px; font-family: Tungsten Book; font-size: 2rem; line-height: 2rem; text-transform: uppercase; letter-spacing: .4rem;
display: inline; color: #fff; font-weight: 400; padding-top: 4px }
.reputation .container ul { margin: 0; padding: 0; float: right; width: calc(100% - 486px); height: 120px }
.reputation .container ul li { position: relative; display: inline-block; float: left; width: 25%; padding: 20px; text-align: center; height: 120px }
.reputation .container ul li svg { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 35px; height: auto; fill-rule: evenodd; clip-rule: evenodd; fill: #7b8081; -webkit-transition: all .3s ease; transition: all .3s ease }
.reputation .container ul li svg:hover { fill: #bac6c5 }
.our_clients { position: relative; overflow: hidden; padding: 92px 5% 185px; float: left; width: 100%; background-color: #efefef; background-image: url(../images/tiles.png); background-repeat: repeat; background-position: 0 0; background-attachment: fixed }
 @media screen and (max-width:960px) {
.our_clients { display: none; padding: 120px 5% 71px; background: #fff }
}
.our_clients .glitches { height: 2px; width: 118px; background: #df1f26; margin: 0 auto 54px }
.our_clients .title { text-align: center; text-transform: uppercase; color: #343535; margin-top: 0; font-size: 2rem; margin-bottom: 1.3125rem }
.our_clients .glitchfilter { position: absolute; left: 0 }
.our_clients ul li { position: relative; display: inline; width: 20%; text-align: center; padding: 20px; float: left; opacity: .7; -webkit-transition: opacity .4s; transition: opacity .4s }
.our_clients ul li:hover { opacity: 1 }
.our_clients ul li img { position: absolute; max-width: 100%; max-height: 62px; height: auto; left: 0; right: 0; margin: 0 auto }
.our_clients ul li .glitchani { -webkit-filter: url(#glitchfilter); filter: url(#glitchfilter); -webkit-animation: shakeit .2s ease-in; animation: shakeit .2s ease-in }
 @-moz-document url-prefix() {
 .our_clients ul li .glitchani {
 -webkit-filter:none;
 filter:none;
 -webkit-animation:none;
 animation:none
}
}
 @-webkit-keyframes shakeit { 0% {
 left:-3px
}
 1% {
 left:6px
}
 2% {
 left:2px
}
 3% {
 left:-1px
}
 4% {
 left:2px
}
 5% {
 left:1px
}
 6% {
 left:-5px
}
 7% {
 left:6px
}
 8% {
 left:-3px
}
 9% {
 left:1px
}
 10% {
 left:5px
}
 11% {
 left:5px
}
 12% {
 left:-1px
}
 13% {
 left:4px
}
 14% {
 left:-1px
}
 15% {
 left:4px
}
 16% {
 left:-4px
}
 17% {
 left:5px
}
 18% {
 left:6px
}
 19% {
 left:-1px
}
 20% {
 left:4px
}
 21% {
 left:5px
}
 22% {
 left:-1px
}
 23% {
 left:1px
}
 24% {
 left:6px
}
 25% {
 left:5px
}
 26% {
 left:-3px
}
 27% {
 left:-2px
}
 28% {
 left:-3px
}
 29% {
 left:1px
}
 30% {
 left:-1px
}
 31% {
 left:5px
}
 32% {
 left:1px
}
 33% {
 left:1px
}
 34% {
 left:6px
}
 35% {
 left:-1px
}
 36% {
 left:-1px
}
 37% {
 left:1px
}
 38% {
 left:6px
}
 39% {
 left:6px
}
 40% {
 left:5px
}
 41% {
 left:-5px
}
 42% {
 left:3px
}
 43% {
 left:-1px
}
 44% {
 left:-4px
}
 45% {
 left:3px
}
 46% {
 left:0
}
 47% {
 left:-3px
}
 48% {
 left:-2px
}
 49% {
 left:6px
}
 50% {
 left:-5px
}
 51% {
 left:1px
}
 52% {
 left:-4px
}
 53% {
 left:2px
}
 54% {
 left:-4px
}
 55% {
 left:-1px
}
 56% {
 left:-4px
}
 57% {
 left:-3px
}
 58% {
 left:-1px
}
 59% {
 left:2px
}
 60% {
 left:0
}
 61% {
 left:-3px
}
 62% {
 left:3px
}
 63% {
 left:-3px
}
 64% {
 left:-5px
}
 65% {
 left:5px
}
 66% {
 left:4px
}
 67% {
 left:4px
}
 68% {
 left:5px
}
 69% {
 left:-1px
}
 70% {
 left:3px
}
 71% {
 left:-5px
}
 72% {
 left:1px
}
 73% {
 left:-1px
}
 74% {
 left:6px
}
 75% {
 left:-2px
}
 76% {
 left:-4px
}
 77% {
 left:-3px
}
 78% {
 left:1px
}
 79% {
 left:1px
}
 80% {
 left:-5px
}
 81% {
 left:0
}
 82% {
 left:2px
}
 83% {
 left:1px
}
 84% {
 left:-1px
}
 85% {
 left:5px
}
 86% {
 left:-1px
}
 87% {
 left:-1px
}
 88% {
 left:6px
}
 89% {
 left:-3px
}
 90% {
 left:-5px
}
 91% {
 left:1px
}
 92% {
 left:-2px
}
 93% {
 left:4px
}
 94% {
 left:1px
}
 95% {
 left:-1px
}
 96% {
 left:-2px
}
 97% {
 left:-2px
}
 98% {
 left:-3px
}
 99% {
 left:1px
}
to { left: -2px }
}
 @keyframes shakeit { 0% {
 left:4px
}
 1% {
 left:2px
}
 2% {
 left:-5px
}
 3% {
 left:6px
}
 4% {
 left:-4px
}
 5% {
 left:2px
}
 6% {
 left:2px
}
 7% {
 left:3px
}
 8% {
 left:-1px
}
 9% {
 left:5px
}
 10% {
 left:4px
}
 11% {
 left:-3px
}
 12% {
 left:-5px
}
 13% {
 left:-5px
}
 14% {
 left:1px
}
 15% {
 left:-5px
}
 16% {
 left:0
}
 17% {
 left:-2px
}
 18% {
 left:-4px
}
 19% {
 left:5px
}
 20% {
 left:3px
}
 21% {
 left:3px
}
 22% {
 left:5px
}
 23% {
 left:4px
}
 24% {
 left:-5px
}
 25% {
 left:5px
}
 26% {
 left:0
}
 27% {
 left:4px
}
 28% {
 left:4px
}
 29% {
 left:6px
}
 30% {
 left:6px
}
 31% {
 left:-3px
}
 32% {
 left:-3px
}
 33% {
 left:-4px
}
 34% {
 left:-3px
}
 35% {
 left:4px
}
 36% {
 left:-3px
}
 37% {
 left:2px
}
 38% {
 left:-2px
}
 39% {
 left:-5px
}
 40% {
 left:6px
}
 41% {
 left:4px
}
 42% {
 left:-1px
}
 43% {
 left:2px
}
 44% {
 left:1px
}
 45% {
 left:4px
}
 46% {
 left:-5px
}
 47% {
 left:3px
}
 48% {
 left:3px
}
 49% {
 left:4px
}
 50% {
 left:-5px
}
 51% {
 left:-2px
}
 52% {
 left:6px
}
 53% {
 left:3px
}
 54% {
 left:4px
}
 55% {
 left:0
}
 56% {
 left:2px
}
 57% {
 left:3px
}
 58% {
 left:4px
}
 59% {
 left:-1px
}
 60% {
 left:-3px
}
 61% {
 left:-2px
}
 62% {
 left:5px
}
 63% {
 left:5px
}
 64% {
 left:4px
}
 65% {
 left:-3px
}
 66% {
 left:-5px
}
 67% {
 left:-4px
}
 68% {
 left:5px
}
 69% {
 left:-1px
}
 70% {
 left:6px
}
 71% {
 left:0
}
 72% {
 left:1px
}
 73% {
 left:6px
}
 74% {
 left:5px
}
 75% {
 left:1px
}
 76% {
 left:-3px
}
 77% {
 left:5px
}
 78% {
 left:2px
}
 79% {
 left:5px
}
 80% {
 left:-1px
}
 81% {
 left:-5px
}
 82% {
 left:0
}
 83% {
 left:-4px
}
 84% {
 left:2px
}
 85% {
 left:2px
}
 86% {
 left:-3px
}
 87% {
 left:4px
}
 88% {
 left:-3px
}
 89% {
 left:6px
}
 90% {
 left:3px
}
 91% {
 left:-3px
}
 92% {
 left:-5px
}
 93% {
 left:5px
}
 94% {
 left:-2px
}
 95% {
 left:6px
}
 96% {
 left:0
}
 97% {
 left:-3px
}
 98% {
 left:4px
}
 99% {
 left:5px
}
to { left: -4px }
}
 @media screen and (max-width:1000px) {
.our_clients ul li { padding: 21px; width: 20% }
}
 @media screen and (max-width:960px) {
.our_clients ul li { width: 33%; margin-bottom: 24px }
.our_clients ul li:nth-child(4) { clear: left }
}
 @media screen and (max-width:576px) {
.our_clients ul li { width: 50% }
.our_clients ul li:nth-child(4) { clear: none }
}
.about_section .services_box, .mobile_app_section .services_box { float: left; width: 100%; padding: 5% 7% 1% }
.about_section .services_box ul li, .mobile_app_section .services_box ul li { display: table; width: 36%; float: left; padding-right: 6%; font-size: 1.125rem; margin-bottom: 42px }
.about_section .services_box ul li:nth-child(3n), .mobile_app_section .services_box ul li:nth-child(3n) { margin-right: 0 }
.about_section .services_box ul li:nth-child(3n+1), .mobile_app_section .services_box ul li:nth-child(3n+1) { clear: left }
 @media screen and (max-width:960px) {
.about_section .services_box ul li, .mobile_app_section .services_box ul li { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.about_section .services_box ul li:last-child, .mobile_app_section .services_box ul li:last-child { margin-right: 0 }
}
 @media screen and (min-width:961px) {
.about_section .services_box ul li:nth-child(3n+1), .mobile_app_section .services_box ul li:nth-child(3n+1) { clear: left }
}
 @media screen and (min-width:961px) {
.about_section .services_box ul li:nth-child(3n), .mobile_app_section .services_box ul li:nth-child(3n) { margin-right: 0; padding-right: 0; width: 28% }
}
.about_section .services_box ul li img, .mobile_app_section .services_box ul li img { height: 8.3125rem; width: 8.3125rem }
.about_section .services_box ul li h2, .mobile_app_section .services_box ul li h2 { font-size: 1.4375rem }
.ourproject { clear: both }
.ourproject ul.projects { width: 100%; display: table; background: #272b2b }
.ourproject ul.projects li { display: table-cell; float: left; background: #191c1c; width: 33.33333%; height: 395px; position: relative; overflow: hidden }
 @media screen and (max-width:1000px) {
.ourproject ul.projects li, .ourproject ul.projects li:nth-of-type(3n) { width: 50% }
}
 @media screen and (max-width:660px) {
.ourproject ul.projects li, .ourproject ul.projects li:nth-of-type(3n) { width: 100% }
}
 @media screen and (min-width:2300px) {
.ourproject ul.projects li:nth-of-type(3n) { width: 33.33333% }
}
.ourproject ul.projects li .image { position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; z-index: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.ourproject ul.projects li .overlay { top: 0; right: 0; height: 110%; width: 110%; background: #191c1c; opacity: .3 }
.ourproject ul.projects li .overlay, .ourproject ul.projects li .star-web { position: absolute; -webkit-transition: all .6s ease; transition: all .6s ease }
.ourproject ul.projects li .star-web { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center center; transform-origin: center center; margin: 0 auto; background-image: url(../images/svg/star-web.svg); background-repeat: no-repeat; background-position: 50%; content: ''; height: 200%; width: 200%; background-size: 40%; opacity: 0; z-index: 1 }
.ourproject ul.projects li a { text-decoration: none; display: table; position: absolute; height: 100%; width: 101% }
.ourproject ul.projects li a .project_desc { position: relative; text-align: center; color: #fff; display: table-cell; vertical-align: middle; z-index: 2 }
.ourproject ul.projects li a .project_desc .separator { position: relative; height: 15px; width: 130px; margin: 0 auto; display: block; clear: both; -webkit-transition: all .5s ease; transition: all .5s ease }
.ourproject ul.projects li a .project_desc .separator .dot { position: absolute; left: 0; right: 0; height: 15px; width: 15px; border-radius: 50%; background: #fff; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.ourproject ul.projects li a .project_desc .separator .dot.dtleft, .ourproject ul.projects li a .project_desc .separator .dot.dtright { height: 13px; width: 13px; -webkit-transform: translateY(1px); transform: translateY(1px) }
.ourproject ul.projects li a .project_desc .separator .line { position: absolute; top: 6px; right: 0; left: 0; height: 2px; width: 0; background: #fff; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.ourproject ul.projects li a .project_desc .title { text-transform: uppercase; margin-bottom: .875rem;
padding: 0 10%; font-size: 1.5rem }
.ourproject ul.projects li:hover a .project_desc .separator .dot.dtleft { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(-65px); transform: translateY(0) translateX(-65px) }
.ourproject ul.projects li:hover a .project_desc .separator .dot.dtright { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(65px); transform: translateY(0) translateX(65px) }
.ourproject ul.projects li:hover a .project_desc .separator .line { width: 100% }
.ourproject ul.projects li:hover .overlay { background: #df1f26; opacity: .8 }
.ourproject ul.projects li:hover .star-web { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); background-size: 90%; opacity: .4 }
.ourproject ul.projects li:hover .image { -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.diginews { background: #272b2b; content: ""; display: table; table-layout: fixed; float: left }
.diginews .news_title { position: absolute; width: 100%; margin-top: -80px; z-index: 2 }
 @media screen and (max-width:960px) {
.diginews .news_title { display: none }
}
.diginews .news_title .title { width: 132px; border: 5px solid #fff; display: block; border-radius: 100%; font-size: 2rem; color: #fff; background: #df4335; padding: 38px 8px 33px; margin: 0 auto; text-align: center; box-sizing: content-box; text-transform: uppercase }
.diginews ul.blog_post { display: inherit; background: #7b8081 }
.diginews ul.blog_post li { display: inline; list-style: none }
.diginews ul.blog_post li a.container { position: relative; display: block; height: 465px; width: 50%; float: left; text-decoration: none; overflow: hidden; z-index: 1 }
.diginews ul.blog_post li a.container .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .6 }
 @media screen and (max-width:960px) {
.diginews ul.blog_post li a.container { width: 100% }
}
 @media screen and (max-width:576px) {
.diginews ul.blog_post li a.container { height: 355px; width: 100% }
}
.diginews ul.blog_post li a.container .image, .diginews ul.blog_post li a.container .overlay { -webkit-transition: all .5s ease; transition: all .5s ease }
.diginews ul.blog_post li a.container .image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; -webkit-filter: grayscale(20%); filter: grayscale(20%); z-index: -1 }
.diginews ul.blog_post li a.container .blog_desc { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; z-index: 2; padding: 0 5.375rem }
 @media screen and (max-width:960px) {
.diginews ul.blog_post li a.container .blog_desc { padding: 0 5% }
}
.diginews ul.blog_post li a.container .blog_desc .time { position: relative; display: block; font-size: .875rem;
font-family: Native; color: #fff; text-transform: uppercase; color: #ddd; letter-spacing: 2px; -webkit-transition: all .5s ease; transition: all .5s ease }
 @media screen and (max-width:960px) {
.diginews ul.blog_post li a.container .blog_desc .time { margin-bottom: 33px; display: table }
}
.diginews ul.blog_post li a.container .blog_desc .author { position: absolute; z-index: -10; opacity: 0 }
.diginews ul.blog_post li a.container .blog_desc .title { font-size: 2rem; margin: 0; color: #fff; text-transform: uppercase; margin-bottom: .6875rem
}
 @media screen and (max-width:960px) {
.diginews ul.blog_post li a.container .blog_desc .title { margin-bottom: 0 }
}
 @media screen and (max-width:576px) {
.diginews ul.blog_post li a.container .blog_desc .title { font-size: 1.25rem }
}
.diginews ul.blog_post li a.container .blog_desc p { color: #ddd; -webkit-transition: all .5s ease; transition: all .5s ease }
 @media screen and (max-width:960px) {
.diginews ul.blog_post li a.container .blog_desc p { margin-top: 10px }
}
 @media screen and (max-width:576px) {
.diginews ul.blog_post li a.container .blog_desc p { font-size: 1rem }
}
.diginews ul.blog_post li a.container .blog_desc .readmore { display: table; color: #fff; text-transform: uppercase; text-decoration: none; font-family: Neutraface Bold; font-size: 1rem; margin-top: 29px; letter-spacing: 2.5px }
.diginews ul.blog_post li a.container:hover .image { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.4); transform: scale(1.4) }
.diginews ul.blog_post li a.container:hover .time, .diginews ul.blog_post li a.container:hover p { color: #212527 }
.diginews ul.blog_post li a.container:hover .glitch .gbase { fill: #9f1d26 }
.diginews ul.blog_post li a.container:hover .glitch .gdot30, .diginews ul.blog_post li a.container:hover .glitch .gdot60, .diginews ul.blog_post li a.container:hover .glitch .gdot100 { fill: #343535 }
.diginews ul.blog_post li a.container:hover .overlay { background: #df4335; opacity: .94 }
.diginews ul.blog_post li a.container:hover .linearrow { width: 170px; margin-left: -120px }
.diginews ul.blog_post li a.container:hover .linearrow:before { background: #fff }
.diginews ul.blog_post li a.container:hover .linearrow:after { border-left: 12px solid #fff }
.diginews #pagination { position: relative; display: table; background: #191c1c; width: 100%; text-align: center }
.diginews #pagination a { position: relative; display: inline-block; width: 50%; padding: 20px 40px; font-family: Tungsten Medium; font-size: 1.75rem; text-decoration: none; text-transform: uppercase; letter-spacing: 4px; color: #df1f26; overflow: hidden; z-index: 1 }
.diginews #pagination a:after { content: ''; position: absolute; top: 0; height: 100%; width: 100%; background: #efefef; -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1); transition: all .6s cubic-bezier(.645, .045, .355, 1); z-index: -1 }
.diginews #pagination a:visited { color: #df1f26 }
.diginews #pagination a:nth-of-type(1) { text-align: left; float: left }
.diginews #pagination a:nth-of-type(1):after { left: -100% }
.diginews #pagination a:nth-of-type(2), .diginews #pagination a:nth-of-type(3) { text-align: right; float: right }
.diginews #pagination a:nth-of-type(2):after, .diginews #pagination a:nth-of-type(3):after { right: -100% }
.diginews #pagination a.takemeanywhere { display: none }
.diginews #pagination a:hover:nth-of-type(1):after { left: 0 }
.diginews #pagination a:hover:nth-of-type(2):after, .diginews #pagination a:hover:nth-of-type(3):after { right: 0 }
.diginews .bottom_blog { background: #efefef; padding: 2.25rem 0; text-align: center }
.diginews .bottom_blog a { border-color: #343535; color: #343535 }
.diginews .bottom_blog a .filler:after { background: #343535 }
.diginews .bottom_blog a:after { background: #bac6c5 }
.diginews .bottom_blog a:hover { color: #fff }
.blog .newsletter_box, .blog_detail .newsletter_box, .our_cat .newsletter_box { border-right: 4px solid #df1f26; border-left: 4px solid #df1f26; background: #272b2b; clear: both; float: left; width: 100% }
.blog .newsletter_box .share_box, .blog_detail .newsletter_box .share_box, .our_cat .newsletter_box .share_box { display: none; float: left; font-family: Native }
 @media screen and (max-width:1200px) {
.blog .newsletter_box .share_box, .blog_detail .newsletter_box .share_box, .our_cat .newsletter_box .share_box { display: none }
}
.blog .newsletter_box .share_box label, .blog_detail .newsletter_box .share_box label, .our_cat .newsletter_box .share_box label { font-size: 12px; text-transform: uppercase; border-radius: 1px; border-right: 1px solid #868a8b; padding: 27px 24px 24px 0; float: left; letter-spacing: 1.5px }
.blog .newsletter_box .share_box .socialmedia_sidebar, .blog_detail .newsletter_box .share_box .socialmedia_sidebar, .our_cat .newsletter_box .share_box .socialmedia_sidebar { float: left }
.blog .newsletter_box .share_box .socialmedia_sidebar ul, .blog_detail .newsletter_box .share_box .socialmedia_sidebar ul, .our_cat .newsletter_box .share_box .socialmedia_sidebar ul { list-style: none; margin-top: 18px; margin-left: 16px }
.blog .newsletter_box .share_box .socialmedia_sidebar ul li, .blog_detail .newsletter_box .share_box .socialmedia_sidebar ul li, .our_cat .newsletter_box .share_box .socialmedia_sidebar ul li { display: inline-block; margin-left: -2px; margin-right: -2px }
.blog .newsletter_box .share_box .socialmedia_sidebar ul li a, .blog_detail .newsletter_box .share_box .socialmedia_sidebar ul li a, .our_cat .newsletter_box .share_box .socialmedia_sidebar ul li a { padding: 9px; border-radius: 100%; color: #e4e4e4; font-size: 14px; width: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; text-decoration: none; margin-left: 4px }
.blog .newsletter_box .share_box .socialmedia_sidebar ul li a:hover, .blog_detail .newsletter_box .share_box .socialmedia_sidebar ul li a:hover, .our_cat .newsletter_box .share_box .socialmedia_sidebar ul li a:hover { color: #fff; background: #df1f26 }
.blog .newsletter_box .share_box .socialmedia_sidebar ul li a i, .blog_detail .newsletter_box .share_box .socialmedia_sidebar ul li a i, .our_cat .newsletter_box .share_box .socialmedia_sidebar ul li a i { content: '' }
.blog .newsletter_box .form, .blog_detail .newsletter_box .form, .our_cat .newsletter_box .form { position: relative; display: block; width: 100%; text-align: center; padding: 0 46px }
 @media screen and (min-width:1200px) {
.blog .newsletter_box .form, .blog_detail .newsletter_box .form, .our_cat .newsletter_box .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
.blog .newsletter_box .form .label, .blog_detail .newsletter_box .form .label, .our_cat .newsletter_box .form .label { display: inline-block; color: #fff; font-size: 1.25rem; width: 100%; text-transform: uppercase; padding-top: 16px; letter-spacing: 4px }
 @media screen and (min-width:1200px) {
.blog .newsletter_box .form .label, .blog_detail .newsletter_box .form .label, .our_cat .newsletter_box .form .label { width: auto; margin-bottom: 0; padding-top: 6px }
}
 @media screen and (min-width:1280px) {
.blog .newsletter_box .form .label, .blog_detail .newsletter_box .form .label, .our_cat .newsletter_box .form .label { font-size: 1.5rem }
}
 @media screen and (min-width:1370px) {
.blog .newsletter_box .form .label, .blog_detail .newsletter_box .form .label, .our_cat .newsletter_box .form .label { font-size: 1.875rem; margin: 0 }
}
.blog .newsletter_box .form .gform_wrapper, .blog_detail .newsletter_box .form .gform_wrapper, .our_cat .newsletter_box .form .gform_wrapper { display: inline-block; padding: 6px 0 17px }
 @media screen and (min-width:1200px) {
.blog .newsletter_box .form .gform_wrapper, .blog_detail .newsletter_box .form .gform_wrapper, .our_cat .newsletter_box .form .gform_wrapper { padding: 20px 0 17px }
}
.blog .newsletter_box .form .gform_wrapper .validation_error, .blog_detail .newsletter_box .form .gform_wrapper .validation_error, .our_cat .newsletter_box .form .gform_wrapper .validation_error { display: none }
.blog .newsletter_box .form .gform_wrapper .gform_body, .blog_detail .newsletter_box .form .gform_wrapper .gform_body, .our_cat .newsletter_box .form .gform_wrapper .gform_body { display: inline-table; padding-top: 0 }
.blog .newsletter_box .form .gform_wrapper .gform_body ul, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul { overflow: hidden }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li { list-style: none; display: inline-table; width: 100% }
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li { float: none }
}
 @media screen and (min-width:576px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1) { width: 23% }
}
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(1) { width: auto; margin-left: 19px }
}
 @media screen and (min-width:576px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2) { width: 29%; margin-left: 19px }
}
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(2) { width: auto }
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3) { overflow: hidden }
 @media screen and (min-width:576px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3) { width: 40%; margin-left: 19px }
}
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3), .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li:nth-child(3) { width: auto; overflow: visible }
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li label, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li label, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li label { display: none }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar { position: relative; display: block; width: 100% }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar:before, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar:before, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container .bar:before { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #12aaad; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input { background: transparent!important; border-top: none; border-right: none; border-bottom: 2px solid #3b3f3f; border-left: none; padding: .625rem .25rem;
border-radius: 0; font-size: 1rem; letter-spacing: 0; color: #c8d4d4; background: #343535; font-family: Native; box-sizing: content-box }
 .blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-webkit-input-placeholder, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-webkit-input-placeholder, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-webkit-input-placeholder {
 color:#6b7474;
 letter-spacing:0
}
 .blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-moz-placeholder, .blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-moz-placeholder, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-moz-placeholder, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-moz-placeholder, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-moz-placeholder, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input::-moz-placeholder {
 color:#6b7474;
 letter-spacing:0
}
 .blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-ms-input-placeholder, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-ms-input-placeholder, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:-ms-input-placeholder {
 color:#6b7474;
 letter-spacing:0
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small { width: 56px }
 @media screen and (max-width:1400px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small { width: 2.1875rem }
}
 @media screen and (max-width:1300px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small { width: 3.5rem }
}
 @media screen and (max-width:840px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small { width: 95%; box-sizing: border-box; margin-left: 5% }
}
 @media screen and (max-width:450px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.small { width: 100%; margin-left: 0; margin-bottom: 10px }
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium { width: 100%; box-sizing: border-box }
 @media screen and (min-width:720px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium { margin-bottom: 0 }
}
 @media screen and (min-width:1200px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium { width: 87px }
}
 @media screen and (min-width:1370px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium { width: 130px }
}
 @media screen and (min-width:1570px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.medium { width: 150px }
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large { width: 100%; box-sizing: border-box }
 @media screen and (min-width:1200px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large { width: 190px }
}
 @media screen and (min-width:1370px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large { width: 210px }
}
 @media screen and (min-width:1570px) {
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input.large { width: 250px }
}
.blog .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:focus~.bar:before, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:focus~.bar:before, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li .ginput_container input:focus~.bar:before { width: 100% }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input { border-bottom: 2px solid #8a3e37 }
.blog .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input:focus, .blog_detail .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input:focus, .our_cat .newsletter_box .form .gform_wrapper .gform_body ul li.gfield_error input:focus { border-bottom: 2px solid #df4335 }
.blog .newsletter_box .form .gform_wrapper .gform_footer, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer, .our_cat .newsletter_box .form .gform_wrapper .gform_footer { display: block; margin-top: 16px; margin-bottom: 0 }
.blog .newsletter_box .form .gform_wrapper .gform_footer:before, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer:before, .our_cat .newsletter_box .form .gform_wrapper .gform_footer:before { display: none }
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer, .our_cat .newsletter_box .form .gform_wrapper .gform_footer { display: inline-table; margin: 0 }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { font-size: 1rem; border: 1px solid #df4335!important; margin-left: 0; padding: .875rem 1.6875rem .625rem!important;
background: #df4335; -webkit-transition: all .35s ease; transition: all .35s ease }
 @media screen and (min-width:1000px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { margin-left: 16px }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover { border-color: #c1212b!important; color: #fff!important; -ms-box-shadow: 0 0 25px rgba(223,67,53,.45); -o-box-shadow: 0 0 25px rgba(223,67,53,.45); box-shadow: 0 0 25px rgba(223,67,53,.45) }
.about-us .dt-team { position: relative; float: left; height: 660px; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
 @media screen and (min-width:720px) {
.about-us .dt-team { height: 760px }
}
.about-us .dt-team .dt-team-slider { position: relative; height: 100%; width: 100%; overflow: hidden; background-color: #212020 }
.about-us .dt-team .dt-team-slider li { position: absolute; top: 0; left: 0; list-style: none; height: 100%; width: 100%; opacity: 0; -webkit-transition: all .1s; transition: all .1s }
.about-us .dt-team .dt-team-slider li .image { position: absolute; height: 65%; width: 100%; opacity: 0; background-position: 80% top; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:420px) {
.about-us .dt-team .dt-team-slider li .image { background-position: 100% 0 }
}
 @media screen and (min-width:576px) {
.about-us .dt-team .dt-team-slider li .image { background-position: top }
}
 @media screen and (min-width:720px) {
.about-us .dt-team .dt-team-slider li .image { height: 100% }
}
 @media screen and (min-width:1280px) {
.about-us .dt-team .dt-team-slider li .image { background-position: 100% 0 }
}
 @media screen and (min-width:1570px) {
.about-us .dt-team .dt-team-slider li .image { background-position: 100% }
}
.about-us .dt-team .dt-team-slider li.selected, .about-us .dt-team .dt-team-slider li.selected .image, .about-us .dt-team .dt-team-slider li.selected .scanlines { opacity: 1 }
.about-us .dt-team .dt-team-slider li.selected .bio_box .info h2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.about-us .dt-team .dt-team-slider li.selected .bio_box .info h3 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .55s; animation-duration: .55s; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.about-us .dt-team .dt-team-slider li.selected .bio_box .info .glitches { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 3px; width: 30px }
.about-us .dt-team .dt-team-slider li.selected .bio_box .info p { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.about-us .dt-team .dt-team-slider li.selected .bio_box .info a { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.about-us .dt-team .dt-team-slider li.selected .bio_box .initial { opacity: .8; right: 0; left: 0; margin: 0 auto; text-align: center }
 @media screen and (min-width:720px) {
.about-us .dt-team .dt-team-slider li.selected .bio_box .initial { right: 18%; text-align: right }
}
.about-us .dt-team .dt-team-slider li.hidden { opacity: 0 }
.about-us .dt-team .dt-team-slider .dt-full-width, .about-us .dt-team .dt-team-slider .dt-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; padding-top: 100px; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) }
.about-us .dt-team .dt-team-slider .dt-img-container { display: none }
.about-us .dt-team .dt-team-slider .dt-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) }
.about-us .dt-team .dt-team-slider h2, .about-us .dt-team .dt-team-slider p { text-shadow: 0 1px 3px rgba(0,0,0,.1); line-height: 1.2; margin: 0 auto 14px; color: #fff; width: 90%; max-width: 400px }
.about-us .dt-team .dt-team-slider h2 { font-size: 2.4rem }
.about-us .dt-team .dt-team-slider p { font-size: 1.4rem; line-height: 1.4 }
.about-us .dt-team .dt-team-slider .dt-btn { display: inline-block; padding: 1.2em 1.4em; margin-top: .8em; background-color: rgba(212,68,87,.9); font-size: 1.3rem; font-weight: 700; letter-spacing: 1px; color: #fff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0,0,0,.1); -webkit-transition: background-color .2s; transition: background-color .2s }
.about-us .dt-team .dt-team-slider .dt-btn.secondary { background-color: rgba(22,26,30,.8) }
.about-us .dt-team .dt-team-slider .dt-btn:nth-of-type(2) { margin-left: 1em }
.inner-banner { position: relative; float: right; height: 500px; width: 100%; display: block; overflow: hidden; background-color: #191c1c; z-index: 2; -webkit-transform: translateY(0); transform: translateY(0) }
.inner-banner #particlewave { position: absolute; top: 0; left: 0; z-index: 2 }
.inner-banner .banner_img { height: 500px; width: 100%; position: absolute; overflow: hidden; float: left; display: table }
.inner-banner .banner_img .overlay { background: #212020; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .75; z-index: 2 }
.inner-banner .banner_img .hero { height: 100%; width: 100%; position: absolute; background-size: cover; background-position: 50% }
.inner-banner .banner-txt { position: relative; display: table-cell; vertical-align: middle; font-family: Tungsten Light; padding: 0 10%; color: #fff; text-transform: uppercase; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 3 }
.inner-banner .banner-txt .intro { font-size: 8.125rem; line-height: 8.125rem; margin: 4rem auto .3125rem
}
 @media screen and (max-width:660px) {
.inner-banner .banner-txt .intro { font-size: 5rem; line-height: 5rem }
}
.inner-banner .banner-txt .intro.small { font-size: 3.75rem; margin: 4rem auto 1.5rem }
 @media screen and (max-width:660px) {
.inner-banner .banner-txt .intro.small { font-size: 1.875rem }
}
.inner-banner .banner-txt .separator { position: relative; width: 130px; display: block; clear: both; opacity: 0 }
.inner-banner .banner-txt .separator, .inner-banner .banner-txt .separator .dot { height: 15px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.inner-banner .banner-txt .separator .dot { position: absolute; left: 0; right: 0; width: 15px; border-radius: 50%; background: #fff }
.inner-banner .banner-txt .separator .dot.dtleft, .inner-banner .banner-txt .separator .dot.dtright { height: 13px; width: 13px; -webkit-transform: translateY(1px); transform: translateY(1px) }
.inner-banner .banner-txt .separator .line { position: absolute; top: 6px; right: 0; left: 0; height: 2px; width: 0; background: #fff; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.inner-banner .banner-txt .separator.animate .dot.dtleft { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(-65px); transform: translateY(0) translateX(-65px) }
.inner-banner .banner-txt .separator.animate .dot.dtright { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(65px); transform: translateY(0) translateX(65px) }
.inner-banner .banner-txt .separator.animate .line { width: 100% }
.inner-banner .banner-txt .button { font-family: Neutraface Bold; margin-top: 37px }
.inner-banner .banner-txt .button a { font-size: 1rem; padding: .75rem 1.6875rem .625rem
}
.inner-banner .banner-txt .button a:nth-child(1) { margin-right: 22px }
.inner-banner .banner-txt .button a:hover { color: #df1f26 }
body.home { float: left; width: 100% }
 @media screen and (max-width:960px) {
body.home { background: #fff!important }
}
body.home .site-banner { position: relative; display: block; /* height: 100vh; */ width: 100vw; max-width: 100%; background-color: #191c1c; overflow: hidden; z-index: 2; -webkit-transform: translateY(0); transform: translateY(0) }
body.home .site-banner canvas { position: absolute; height: 100%; width: 100%; z-index: 1 }
body.home .site-banner .overlay { position: absolute; height: 100%; width: 100%; background-color: #171a1c; opacity: .8; z-index: 0;
background:rgba(0,0,0,.1);
	background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}
body.home .site-banner .hero-video { position: absolute; display: block; height: 100%; height: 100vh; width: 100%; width: 100vw; min-height: 28.125rem; overflow: hidden; z-index: -100 }
body.home .site-banner .banner { position: absolute; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom }
 @media screen and (min-width:960px) {
body.home .site-banner .banner { display: none }
}
body.home .site-banner .banner-txt { position: relative; display: block; height: 100%; width: 100%; z-index: 1 }
body.home .site-banner .banner-txt .container { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: Tungsten Light; padding: 0 5%; color: #fff; text-transform: uppercase; text-align: center }
body.home .site-banner .banner-txt .container .intro { font-size: 3.125rem; line-height: 3.125rem }
 @media screen and (min-width:576px) {
body.home .site-banner .banner-txt .container .intro { font-size: 4.6875rem; line-height: 4.6875rem }
}
 @media screen and (min-width:660px) {
body.home .site-banner .banner-txt .container .intro { font-size: 6.25rem; line-height: 6.25rem }
}
 @media screen and (min-width:960px) {
body.home .site-banner .banner-txt .container .intro { font-size: 7.5rem; line-height: 7.5rem }
}
 @media screen and (min-width:1200px) {
body.home .site-banner .banner-txt .container .intro { font-size: 9.375rem; line-height: 9.375rem; margin-bottom: 15px; }
}
body.home .site-banner .banner-txt .container .services-txt { position: relative }
body.home .site-banner .banner-txt .container .services-txt span { position: inherit; font-size: .75rem;
font-family: "Microsoft YaHei"; }
body.home .site-banner .banner-txt .container .services-txt span.spacing { padding: 0 2px; opacity: .5 }
 @media screen and (min-width:576px) {
body.home .site-banner .banner-txt .container .services-txt span.spacing { padding: 0 4px }
}
 @media screen and (min-width:660px) {
body.home .site-banner .banner-txt .container .services-txt span.spacing { padding: 0 12px }
}
 @media screen and (min-width:960px) {
body.home .site-banner .banner-txt .container .services-txt span.spacing { padding: 0 20px }
}
 @media screen and (min-width:576px) {
body.home .site-banner .banner-txt .container .services-txt span {
 font-size: .875rem; letter-spacing: 2px }
}
 @media screen and (min-width:660px) {
body.home .site-banner .banner-txt .container .services-txt span { font-size: .9375rem;
}
}
 @media screen and (min-width:960px) {
body.home .site-banner .banner-txt .container .services-txt span { font-size: 1.25rem }
}
 @media screen and (min-width:1200px) {
body.home .site-banner .banner-txt .container .services-txt span { font-size: 1.5rem }
}
body.home .site-banner .banner-txt .container .herobuttons { font-family: Neutraface Demi; margin-top: 37px }
 @media screen and (max-width:960px) {
body.home .site-banner .banner-txt .container .herobuttons { margin-top: 23px }
}
 @media screen and (max-width:576px) {
body.home .site-banner .banner-txt .container .herobuttons { margin-top: 32px }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=button], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .btn, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=button], body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .gform_button, body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { color: #fff }
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:nth-child(1), .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:nth-child(1), .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:nth-child(1), .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=button]:nth-child(1), .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:nth-child(1), .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .gform_button:nth-child(1), .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input[type=submit]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .btn:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=button]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=submit]:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .gform_button:nth-child(1), body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:nth-child(1) { margin-right: 22px }
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:hover, .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:hover, .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=button]:hover, .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:hover, .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .gform_button:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit]:hover, body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input[type=submit]:hover, body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, body.home .site-banner .banner-txt .container .herobuttons .btn:hover, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=button]:hover, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=submit]:hover, body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .gform_button:hover, body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover { color: #df1f26 }
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=button], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .mobile.gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .btn.mobile, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input.mobile[type=button], body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .mobile.gform_button, body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit] { display: none }
 @media screen and (max-width:960px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=button], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .mobile.gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .btn.mobile, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input.mobile[type=button], body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input.mobile[type=submit], body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .mobile.gform_button, body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input.mobile[type=submit] { display: inline-block }
}
 @media screen and (max-width:960px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .blog_detail #comments .form .form-submit body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=button], .formbox form .gform_page_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer body.home .site-banner .banner-txt .container .herobuttons input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail #comments .form .form-submit input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .btn, body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=button], body.home .site-banner .banner-txt .container .herobuttons .formbox form .gform_page_footer input[type=submit], body.home .site-banner .banner-txt .container .herobuttons .gform_wrapper .gform_footer .gform_button, body.home .site-banner .banner-txt .container .herobuttons .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { display: none }
}
body.home .intro-about { position: relative; background-color: #efefef; float: left; width: 100%; text-align: center }
body.home .intro-about .container { position: relative; width: 59%; margin: 76px auto; line-height: 2.2rem; z-index: 3 }
 @media screen and (max-width:1200px) {
body.home .intro-about .container { width: 70% }
}
 @media screen and (max-width:1100px) {
body.home .intro-about .container { margin: 30px auto }
}
 @media screen and (max-width:1000px) {
body.home .intro-about .container { width: 80% }
}
 @media screen and (max-width:960px) {
body.home .intro-about .container { width: 90%; margin: 76px auto }
}
 @media screen and (max-width:576px) {
body.home .intro-about .container { width: 100%; padding: 0 20px }
}
body.home .intro-about .container .triangulation { display: table; margin: 0 auto; padding-top: 50px; margin-bottom: 40px }
 @media screen and (min-width:1370px) {
body.home .intro-about .container .triangulation { padding-top: 0; margin-bottom: 75px }
}
body.home .intro-about .container .triangulation div { display: none }
 @media screen and (min-width:960px) {
body.home .intro-about .container .triangulation div { display: block }
}
body.home .intro-about .container h1 { font-family: Neutraface Bold; font-size: 2rem; line-height: 2.2rem; margin: 0; color: #343535; text-transform: uppercase }
 @media screen and (max-width:1570px) {
body.home .intro-about .container h1 { font-size: 1.75rem }
}
 @media screen and (max-width:1370px) {
body.home .intro-about .container h1 { font-size: 1.5rem }
}
 @media screen and (max-width:1000px) {
body.home .intro-about .container h1 { font-size: 1.125rem; line-height: 1.4375rem }
}
 @media screen and (max-width:960px) {
body.home .intro-about .container h1 { font-size: 1.4375rem; line-height: 2rem }
}
body.home .intro-about .container p { padding-top: 80px }
 @media screen and (min-width:960px) {
body.home .intro-about .container p { padding-top: 0 }
}
body.home .intro-about .glitch-wide { z-index: 2 }
body.home .intro-about .galaxy, body.home .intro-about .glitch-wide { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: 0; margin: 0 auto }
body.home .intro-about .galaxy { height: 250px; width: 250px; z-index: 1 }
body.home .intro-about .galaxy .form { fill: none; stroke: #e1e1e1; stroke-width: 3; stroke-linecap: round; stroke-miterlimit: 10 }
body.home .intro-about .vertical-line { position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; height: 100%; width: 1px; background-color: #d9dde2 }
body.home .intro-about .horizontal-line { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100%; background-color: #d9dde2 }
body.home .intro-about .frame { position: absolute; top: 35px; left: 35px; height: calc(100% - 70px); width: calc(100% - 70px); border: 1px solid #d9dde2 }
body.home .services_box { position: relative; background: #0f212f; width: 100%; float: left; overflow: hidden }
 @media screen and (min-width:1000px) {
body.home .services_box { padding-bottom: 47px }
}
body.home .services_box .stars-background { position: absolute; height: 120%; width: 100%; background-image: url(../images/stars-background.jpg); background-repeat: repeat; background-position: right 0; background-size: 200%; background-attachment: fixed }
 @media screen and (min-width:720px) {
body.home .services_box .stars-background { background-position: 0 0; background-size: 100% }
}
body.home .services_box #starcanvas { position: absolute; display: block; z-index: 1 }
body.home .services_box .asteroids-small { height: 149px; width: 483px; background-image: url(../images/asteroids-small.png); background-size: 100%; z-index: 1 }
body.home .services_box .asteroids-small, body.home .services_box .astronaut { position: absolute; right: 80px; background-repeat: no-repeat; background-position: 0 0 }
body.home .services_box .astronaut { top: 650px; height: 494px; width: 460px; display: none; background-image: url(../images/astronaut-forward.png); background-size: 460px 494px; z-index: 3 }
 @media screen and (min-width:1000px) {
body.home .services_box .astronaut { display: block }
}
body.home .services_box .astronaut .airblast, body.home .services_box .astronaut .laser, body.home .services_box .astronaut .led01, body.home .services_box .astronaut .led02 { position: absolute; height: 100%; width: 100% }
body.home .services_box .astronaut .airblast { background-image: url(../images/astronaut-airblast.png); background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
body.home .services_box .astronaut .laser { background-image: url(../images/astronaut-laser.png); background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
body.home .services_box .astronaut .led01 { background-image: url(../images/astronaut-led01.png); background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
body.home .services_box .astronaut .led02 { background-image: url(../images/astronaut-led02.png); background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
body.home .services_box .asteroids-bottom { position: absolute; bottom: 0; left: 80px; height: 471px; width: 791px; background-image: url(../images/asteroids-bottom.png); background-repeat: no-repeat; background-position: 0 0; background-size: 791px 471px; z-index: 3 }
body.home .services_box .planet-large { top: 730px; left: 28%; overflow: hidden; box-shadow: 0 0 60px -20px rgba(255,189,3,.5), -14px -15px 40px -10px rgba(255,238,191,.2); z-index: 2 }
body.home .services_box .planet-large, body.home .services_box .planet-large .wrap { position: absolute; height: 277px; width: 277px; border-radius: 50% }
body.home .services_box .planet-large .wrap .background { -webkit-animation: largePlanet 40s infinite linear; animation: largePlanet 40s infinite linear; background-image: url(../images/planet_arnessk.jpg); background-size: 519px 227px }
body.home .services_box .planet-large .wrap .background, body.home .services_box .planet-large .wrap .clouds { background-repeat: repeat; background-position: 0 0; height: 277px; width: 277px; position: absolute; border-radius: 50% }
body.home .services_box .planet-large .wrap .clouds { background-image: url(../images/planet-clouds.png); background-size: 554px 227px; -webkit-animation: lgPlanetClouds 30s infinite linear; animation: lgPlanetClouds 30s infinite linear; opacity: .8 }
body.home .services_box .planet-large .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 100px #070808, inset 10px 10px 40px -10px rgba(255,234,159,.8); border-radius: 50% }
body.home .services_box .planet-small { top: 1500px; left: 48%; overflow: hidden; box-shadow: 0 0 60px -20px hsla(20,88%,73%,.5), -14px -15px 40px -10px rgba(255,238,191,.2); z-index: 2 }
body.home .services_box .planet-small, body.home .services_box .planet-small .wrap { position: absolute; height: 129px; width: 129px; border-radius: 50% }
body.home .services_box .planet-small .wrap .background { -webkit-animation: smallPlanet 30s infinite linear; animation: smallPlanet 30s infinite linear; background-image: url(../images/mars.jpg) }
body.home .services_box .planet-small .wrap .background, body.home .services_box .planet-small .wrap .clouds { background-repeat: repeat; background-position: 0 0; background-size: 258px 129px; height: 129px; width: 129px; position: absolute; border-radius: 50% }
body.home .services_box .planet-small .wrap .clouds { background-image: url(../images/planet-clouds.png); -webkit-animation: smPlanetClouds 20s infinite linear; animation: smPlanetClouds 20s infinite linear; opacity: .8 }
body.home .services_box .planet-small .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 100px #070808, inset 10px 10px 40px -10px hsla(20,88%,73%,.8); border-radius: 50% }
body.home .services_box .galaxy-small { position: absolute; top: 850px; left: 111px; height: 111px; width: 111px; background-image: url(../images/galaxy-small.png); background-repeat: no-repeat; background-position: 0 0; background-size: 111px 111px; z-index: 1 }
body.home .services_box .row { position: relative; display: table; width: 100%; table-layout: fixed; z-index: 3 }
 @media screen and (max-width:1000px) {
body.home .services_box .row.web { display: none }
}
body.home .services_box .row.mobile { display: none; z-index: 5 }
 @media screen and (max-width:1000px) {
body.home .services_box .row.mobile { display: block }
}
body.home .services_box .row.mobile .services { width: 100%; float: left; margin-bottom: 0 }
body.home .services_box .row.mobile .services li.slick-slide { position: relative; padding: 0; height: auto }
body.home .services_box .row.mobile .services li.slick-slide .detail { position: relative; padding: 40px 40px 120px; height: auto; background-position: 50%; background-repeat: no-repeat; background-size: cover }
body.home .services_box .row.mobile .services li.slick-slide .detail .content { position: relative; z-index: 30; padding: 10% }
 @media screen and (max-width:450px) {
body.home .services_box .row.mobile .services li.slick-slide .detail .content { padding: 10% }
}
body.home .services_box .row.mobile .services li.slick-slide .detail .glitches { display: none }
body.home .services_box .row.mobile .services .slick-arrow { z-index: 30 }
body.home .services_box .row.mobile .services .slick-arrow.slick-prev { left: 40px; top: 102% }
body.home .services_box .row.mobile .services .slick-arrow.slick-next { right: 40px; top: 104% }
body.home .services_box .row:first-child:after { content: ''; width: 100%; float: left; border-top: 1px dashed #fff; opacity: .2; margin-top: -1px }
body.home .services_box .row ul li.services_cont { list-style: none }
body.home .services_box .row ul li.services_cont a.container { position: relative; overflow: hidden; height: 805px; width: 33.33%; float: left; margin-right: 0; padding: 140px 90px; line-height: 28px; font-size: 1.125rem; text-decoration: none; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease }
 @media screen and (max-width:1570px) {
body.home .services_box .row ul li.services_cont a.container { padding: 140px 35px }
}
 @media screen and (max-width:1200px) {
body.home .services_box .row ul li.services_cont a.container { height: 850px; width: 33.33%; padding: 75px 40px }
}
 @media screen and (max-width:1000px) {
body.home .services_box .row ul li.services_cont a.container { width: 100%; height: auto; min-height: 500px; padding: 80px 40px 10px }
}
body.home .services_box .row ul li.services_cont a.container:before { left: 170% }
body.home .services_box .row ul li.services_cont a.container:after, body.home .services_box .row ul li.services_cont a.container:before { content: ''; opacity: 0; background: #c1212b; height: 100%; width: 130%; position: absolute; top: 0; -webkit-transform: skewX(40deg); transform: skewX(40deg); z-index: -1; -webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1); transition: all .5s cubic-bezier(.645, .045, .355, 1) }
body.home .services_box .row ul li.services_cont a.container:after { left: -200% }
body.home .services_box .row ul li.services_cont a.container .content { text-decoration: none }
body.home .services_box .row ul li.services_cont a.container .content .mainicon { height: 158px; width: auto; margin-bottom: 14px }
body.home .services_box .row ul li.services_cont a.container .content .mainicon circle, body.home .services_box .row ul li.services_cont a.container .content .mainicon ellipse, body.home .services_box .row ul li.services_cont a.container .content .mainicon line, body.home .services_box .row ul li.services_cont a.container .content .mainicon path { fill: none; stroke: #df4335; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; -webkit-transition: all .4s ease; transition: all .4s ease }
body.home .services_box .row ul li.services_cont a.container .content .title { color: #fff; text-transform: uppercase; margin-bottom: .375rem;
font-size: 1.875rem }
body.home .services_box .row ul li.services_cont a.container .content p { color: #ddd }
 @media screen and (max-width:420px) {
body.home .services_box .row ul li.services_cont a.container .content p { font-size: 1rem }
}
body.home .services_box .row ul li.services_cont a.container .content .readmore { display: table; font-family: Neutraface Demi; color: #fff; text-transform: uppercase; font-size: 1rem; letter-spacing: 2px; margin-top: 50px }
 @media screen and (min-width:960px) {
body.home .services_box .row ul li.services_cont a.container:hover:before { opacity: 1; left: 40% }
body.home .services_box .row ul li.services_cont a.container:hover:after { opacity: 1; left: -80% }
body.home .services_box .row ul li.services_cont a.container:hover .mainicon circle, body.home .services_box .row ul li.services_cont a.container:hover .mainicon ellipse, body.home .services_box .row ul li.services_cont a.container:hover .mainicon line, body.home .services_box .row ul li.services_cont a.container:hover .mainicon path { stroke: #d9dde2 }
body.home .services_box .row ul li.services_cont a.container:hover .glitch .gbase { fill: #9f1d26 }
body.home .services_box .row ul li.services_cont a.container:hover .glitch .gdot30, body.home .services_box .row ul li.services_cont a.container:hover .glitch .gdot60, body.home .services_box .row ul li.services_cont a.container:hover .glitch .gdot100 { fill: #343535 }
}
body.home .services_box .row ul li.services_cont a.container:hover .linearrow { width: 170px; margin-left: -120px }
body.home .services_box .row ul li.services_cont a.container:hover .linearrow:before { background: #fff }
body.home .services_box .row ul li.services_cont a.container:hover .linearrow:after { border-left: 12px solid #fff }
body.home .services_box #parallax-blocks { position: relative; z-index: 4 }
body.home .services_box #parallax-blocks .progressbox { display: table; margin: 0 auto; padding-top: 80px }
 @media screen and (min-width:1000px) {
body.home .services_box #parallax-blocks .progressbox { padding-top: 103px }
}
 @media screen and (min-width:960px) {
body.home .services_box #parallax-blocks .progressbox .left { float: left; text-align: right }
body.home .services_box #parallax-blocks .progressbox .left .glitches { float: right; margin-right: -12% }
body.home .services_box #parallax-blocks .progressbox .left h2 { margin-right: -4% }
body.home .services_box #parallax-blocks .progressbox .left:before { right: 0; margin-right: -10% }
}
 @media screen and (min-width:960px) {
body.home .services_box #parallax-blocks .progressbox .right { float: right; text-align: left }
body.home .services_box #parallax-blocks .progressbox .right .glitches { float: left; margin-left: -12% }
body.home .services_box #parallax-blocks .progressbox .right h2 { margin-left: -4% }
body.home .services_box #parallax-blocks .progressbox .right:before { left: 0; margin-left: -10% }
}
body.home .services_box #parallax-blocks .progressbox .image { position: relative; height: 352px; width: calc(100% - 35px); margin: 0 auto; z-index: 1; background-position: 50%; background-size: cover }
body.home .services_box #parallax-blocks .progressbox .image .overlay { background: #272b2b; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .3 }
 @media screen and (min-width:960px) {
body.home .services_box #parallax-blocks .progressbox .image { height: 442px; width: 43%; margin: 0 }
}
body.home .services_box #parallax-blocks .progressbox .content { width: 57%; padding: 0 50px; position: relative; z-index: 1 }
 @media screen and (max-width:960px) {
body.home .services_box #parallax-blocks .progressbox .content { width: 100%; text-align: center; padding: 70px 51px 60px }
}
 @media screen and (max-width:576px) {
body.home .services_box #parallax-blocks .progressbox .content { padding: 0 20px }
}
body.home .services_box #parallax-blocks .progressbox .content .title, body.home .services_box #parallax-blocks .progressbox .content h2 { color: #fff; text-transform: uppercase }
 @media screen and (max-width:960px) {
body.home .services_box #parallax-blocks .progressbox .content .title, body.home .services_box #parallax-blocks .progressbox .content h2 { margin: 0 }
}
body.home .services_box #parallax-blocks .progressbox .content .glitches { height: 3px; width: 75%; background: #df1f26; margin-bottom: 50px }
 @media screen and (max-width:960px) {
body.home .services_box #parallax-blocks .progressbox .content .glitches { display: none }
}
body.home .services_box #parallax-blocks .progressbox .content p { color: #ddd; font-size: 1.25rem; clear: both; margin-bottom: 1.25rem }
 @media screen and (max-width:420px) {
body.home .services_box #parallax-blocks .progressbox .content p { font-size: 1rem }
}
body.home .services_box #parallax-blocks .progressbox .circle { height: 354px; width: 354px; position: absolute; right: -130px; left: 0; border: 1px dashed #fff; border-radius: 100%; z-index: -1; opacity: .2; margin: -60px auto 0 }
 @media screen and (max-width:960px) {
body.home .services_box #parallax-blocks .progressbox .circle { display: none }
}
body.home .services_box #parallax-blocks .progressbox.parallax-block02 .circle { right: 0; left: -130px }
body.home .services_box #parallax-blocks .tri-header .triangulation { margin-bottom: 75px; display: table; margin: 90px auto 0 }
body.home .services_box #parallax-blocks .tri-header .triangulation .bottom, body.home .services_box #parallax-blocks .tri-header .triangulation .top { opacity: .4 }
body.home .services_box #parallax-blocks .tri-header .triangulation div.title { font-size: 2rem; margin: 0; color: #fff; text-transform: uppercase }
body.home .services_box #parallax-blocks .project-title { background-color: #212527; margin-top: 30px; padding: 30px 2%; text-align: center; border-left: 4px solid #12aaad; border-right: 4px solid #12aaad }
body.home .services_box #parallax-blocks .project-title .title { font-family: Tungsten Book; font-size: 1.375rem; letter-spacing: 4px; margin: 0; color: #df4335; text-transform: uppercase }
 @media screen and (min-width:450px) {
body.home .services_box #parallax-blocks .project-title .title { font-size: 2rem }
}
body.home .ourproject { background-color: #212527 }
body.home .infobox_box { background-color: #191c1c; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 1rem; clear: both }
body.home .infobox_box .graphic { position: relative; overflow: hidden; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex }
 @media screen and (max-width:960px) {
body.home .infobox_box .graphic { display: none }
}
body.home .infobox_box .graphic .shuttle-launch { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/svg/shuttle-launch.svg); background-repeat: no-repeat; background-position: bottom; z-index: 4 }
body.home .infobox_box .graphic .red-rings { height: 160%; background-image: url(../images/svg/icon-rings-red.svg); z-index: 3 }
body.home .infobox_box .graphic .grey-rings, body.home .infobox_box .graphic .red-rings { position: absolute; top: 0; left: 0; width: 100%; background-repeat: repeat-y; background-position: top; background-size: 100% }
body.home .infobox_box .graphic .grey-rings { height: 140%; background-image: url(../images/svg/icon-rings-grey.svg); z-index: 2 }
body.home .infobox_box .graphic .space-icons { position: absolute; top: 0; left: 0; height: 140%; width: 100%; background-image: url(../images/svg/space-icons.svg); background-repeat: repeat-y; background-position: top; background-size: 100% }
body.home .infobox_box .content { width: 50%; display: inline; padding: 25px 4% 35px }
 @media screen and (max-width:960px) {
body.home .infobox_box .content { color: #868a8b; width: 100%; padding: 20px 5% 60px }
}
 @media screen and (max-width:576px) {
body.home .infobox_box .content { padding: 20px 20px 60px }
}
body.home .infobox_box .content h2, body.home .infobox_box .content h3, body.home .infobox_box .content h4 { font-size: 2rem; color: #fff; margin: 40px 0 0 }
 @media screen and (max-width:960px) {
body.home .infobox_box .content h2, body.home .infobox_box .content h3, body.home .infobox_box .content h4 { margin: 60px 0 0 }
}
 @media screen and (max-width:420px) {
body.home .infobox_box .content h2, body.home .infobox_box .content h3, body.home .infobox_box .content h4 { font-size: 28px; margin: 10px 0 0 }
}
body.home .infobox_box .content span { color: #df4335; font-size: 1.125rem; letter-spacing: 2px; font-family: Neutraface Demi }
body.home .infobox_box .content p { font-size: 1.125rem }
 @media screen and (max-width:420px) {
body.home .infobox_box .content p { font-size: 1rem }
}
.about-us .detail_box { content: ""; display: table; table-layout: fixed; display: block; float: left; width: 100%; padding: 5%; background: #efefef }
.about-us .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 100%; font-size: 1.125rem; margin-right: 0 }
.about-us .detail_box .detail_description:last-child { margin-right: 0 }
 @media screen and (min-width:960px) {
.about-us .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 74.4105869942% }
.about-us .detail_box .detail_description:last-child { margin-right: 0 }
}
.about-us .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.about-us .detail_box .detail_image:last-child { margin-right: 0 }
 @media screen and (min-width:960px) {
.about-us .detail_box .detail_image { display: block; margin-right: 2.3576520234%; width: 23.2317609825%; float: left }
.about-us .detail_box .detail_image:last-child { margin-right: 0 }
}
.about-us .detail_box .detail_image svg { position: relative; display: block; height: auto; max-width: 270px; margin: 0 auto }
 @media screen and (min-width:960px) {
.about-us .detail_box .detail_image svg { max-width: 400px }
}
.about-us .detail_box .detail_image svg .atom { position: absolute; height: 80%; width: 80% }
.about-us .detail_box .detail_image svg .atom .nucleus { fill: #df1f26 }
.about-us .detail_box .detail_image svg .atom .particlepaths { fill: none; stroke: #212527; stroke-width: 14 }
.about-us .detail_box .detail_image svg .atom .negative { fill: #fff }
.about-us .detail_box .detail_image svg .atom .electrons { fill: #36c0cc }
.about-us .detail_box .detail_image svg path { stroke-width: 6px; fill: none; stroke: #212527 }
.about-us .dt-team .bio_box { position: relative; float: left; height: 100%; width: 100%; background-position: 100% 0; background-size: cover }
.about-us .dt-team .bio_box .gradient { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(25,28,28,.8); background-image: -webkit-linear-gradient(left, rgba(25,28,28,.8), rgba(33,37,39,0)); background-image: linear-gradient(90deg, rgba(25,28,28,.8), rgba(33,37,39,0)); background-color: rgba(25,28,28,0); z-index: 1 }
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .gradient { display: block }
}
 @media screen and (min-width:840px) {
.about-us .dt-team .bio_box .gradient { height: 100%; width: 72% }
}
.about-us .dt-team .bio_box .gradient-vert { display: block; position: absolute; top: 270px; left: 0; height: 160px; width: 100%; background-color: #212020; background-image: -webkit-linear-gradient(bottom, #212020, rgba(33,32,32,0)); background-image: linear-gradient(0deg, #212020, rgba(33,32,32,0)); background-color: rgba(33,32,32,0); z-index: 1 }
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .gradient-vert { display: none }
}
.about-us .dt-team .bio_box .initial { position: absolute; font-family: Tungsten Medium; font-size: 38rem; right: 5%; color: #df1f26; opacity: 0; mix-blend-mode: screen; z-index: 2; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .initial { font-size: 44rem }
}
.about-us .dt-team .bio_box .info { position: relative; color: #fff; width: 90%; margin-top: 440px; margin-right: 5%; margin-left: 5%; float: left; z-index: 2 }
 @media screen and (min-width:450px) {
.about-us .dt-team .bio_box .info { width: 81%; margin-right: 6%; margin-left: 6% }
}
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .info { margin-top: 140px }
}
 @media screen and (min-width:1000px) {
.about-us .dt-team .bio_box .info { width: 355px; margin-top: 180px; margin-right: 0; margin-left: 26% }
}
 @media screen and (min-width:1370px) {
.about-us .dt-team .bio_box .info { margin-left: 22% }
}
.about-us .dt-team .bio_box .info h2, .about-us .dt-team .bio_box .info h3 { font-size: 2rem; color: #fff; font-family: Tungsten Book; text-transform: uppercase; line-height: 2.1875rem; margin: 0; letter-spacing: 3.2px; font-weight: 100; opacity: 0; -webkit-transition: all .5s; transition: all .5s }
.about-us .dt-team .bio_box .info h3 {
 font-size: .8125rem; letter-spacing: 2.2px; font-family: Neutraface Demi }
.about-us .dt-team .bio_box .info .glitches { height: 3px; width: 280px; background: #df1f26; margin-bottom: 15px; margin-top: 10px; opacity: 0; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .info .glitches { margin-bottom: -4px; margin-top: 15px }
}
.about-us .dt-team .bio_box .info p { display: none; font-size: .875rem;
margin: 0; line-height: 25px; font-weight: 400; margin-bottom: 30px; opacity: 0; -webkit-transition: all .5s; transition: all .5s }
 @media screen and (min-width:450px) {
.about-us .dt-team .bio_box .info p { font-size: 1rem }
}
 @media screen and (min-width:720px) {
.about-us .dt-team .bio_box .info p { display: block }
}
.about-us .dt-team .bio_box .info a.readmore { font-family: Neutraface Demi; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1rem; letter-spacing: 2px; margin-top: 50px; opacity: 0; z-index: 1 }
.about-us .dt-team .bio_box .info a.readmore .linearrow { z-index: -1 }
.about-us .dt-team .bio_box .info a.readmore:hover .linearrow { width: 170px; margin-left: -120px }
.about-us .dt-team .bio_box .info a.readmore:hover .linearrow:before { background: #df1f26 }
.about-us .dt-team .bio_box .info a.readmore:hover .linearrow:after { border-left: 12px solid #df1f26 }
.about-us .dt-team .dt-team-nav { position: absolute; display: none; top: 4.625rem; margin-left: 6%; z-index: 2 }
 @media screen and (min-width:1000px) {
.about-us .dt-team .dt-team-nav { display: block }
}
.about-us .dt-team .dt-team-nav h2 { color: #fff }
.about-us .dt-team .dt-team-nav ul { margin-top: -7px; float: left }
.about-us .dt-team .dt-team-nav ul li { text-decoration: none; list-style: none; padding: .625rem 0
}
.about-us .dt-team .dt-team-nav ul li a { font-family: Tungsten Medium; text-transform: uppercase; font-size: 1.5rem; letter-spacing: 5px; color: #fff; text-decoration: none; opacity: .5 }
.about-us .dt-team .dt-team-nav ul li:hover a { opacity: 1 }
.about-us .dt-team .dt-team-nav ul li.selected a { color: #36c0cc; opacity: 1 }
.about-us .dt-team .dt-team-nav-np { position: relative; display: block; margin-top: -60px; width: 100%; padding: 0 5%; z-index: 2 }
 @media screen and (min-width:1000px) {
.about-us .dt-team .dt-team-nav-np { display: none }
}
.about-us .dt-team .dt-team-nav-np nav ul li { float: left; list-style: none; height: 55px; width: 90px }
.about-us .dt-team .dt-team-nav-np nav ul li.right { float: right }
.about-us .dt-team .dt-team-nav-np nav ul li a { position: relative; display: block; height: 100%; width: 100% }
.about-us .dt-team .dt-team-nav-np nav ul li a .navigate-team { position: relative; background-color: transparent; height: 10px; width: 72px; display: inline-block; margin-left: 6px; line-height: 0; font-size: 0; cursor: pointer; border: none; outline: none; -webkit-transition: all .35s ease; transition: all .35s ease }
.about-us .dt-team .dt-team-nav-np nav ul li a .navigate-team:before { content: ''; position: absolute; top: 4px; right: 0; display: block; background: #36c0cc; height: 2px; width: 100%; -webkit-transition: all .35s ease; transition: all .35s ease }
.about-us .dt-team .dt-team-nav-np nav ul li a .navigate-team:after { content: ''; position: absolute; top: -1px; right: -10px; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #36c0cc; -webkit-transition: all .35s ease; transition: all .35s ease }
.about-us .dt-team .dt-team-nav-np nav ul li a.prev .navigate-team { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.about-us .dt-team .dt-team-nav-np nav ul li a:hover .navigate-team:before { width: 140%; right: -10px }
.about-us .dt-team .dt-team-nav-np nav ul li a:hover .navigate-team:after { right: -20px }
.about-us .calltoaction { padding: 80px 5%; float: left; width: 100%; font-size: 1.125rem; text-align: center }
 @media screen and (min-width:960px) {
.about-us .calltoaction { padding: 80px 2% }
}
.about-us .calltoaction h2:after { margin: 19px auto 0 }
.about-us .calltoaction .description_box { width: 100%; float: none; margin: 0 auto }
 @media screen and (min-width:1570px) {
.about-us .calltoaction .description_box { width: 60% }
}
.about-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit], .about-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about-us .calltoaction .description_box .btn, .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button], .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit], .about-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button, .about-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit], .blog_detail #comments .form .form-submit .about-us .calltoaction .description_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit], .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=button], .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=submit], .gform_wrapper .gform_footer .about-us .calltoaction .description_box .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit] { color: #fff; font-family: Neutraface Bold; background-color: #df1f26; border-color: #df1f26 }
.about-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit]:after, .about-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about-us .calltoaction .description_box .btn:after, .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button]:after, .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit]:after, .about-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button:after, .about-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:after, .blog_detail #comments .form .form-submit .about-us .calltoaction .description_box input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:after, .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=button]:after, .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=submit]:after, .gform_wrapper .gform_footer .about-us .calltoaction .description_box .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:after { background-color: #c1212b }
.about-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit]:hover, .about-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about-us .calltoaction .description_box .btn:hover, .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button]:hover, .about-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit]:hover, .about-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button:hover, .about-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .blog .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:hover, .blog_detail #comments .form .form-submit .about-us .calltoaction .description_box input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:hover, .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=button]:hover, .formbox form .gform_page_footer .about-us .calltoaction .description_box input[type=submit]:hover, .gform_wrapper .gform_footer .about-us .calltoaction .description_box .gform_button:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about-us .calltoaction .description_box input[type=submit]:hover { border-color: #c1212b }
.about_section { float: left; width: 100%; font-size: 1.125rem }
.about_section .detail_box { float: left; width: 100%; padding: 5%; background: #fff }
.about_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 40.291369653% }
.about_section .detail_box .detail_image:last-child { margin-right: 0 }
 @media screen and (max-width:960px) {
.about_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 100%; text-align: center }
.about_section .detail_box .detail_image:last-child { margin-right: 0 }
}
.about_section .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 57.3509783236% }
.about_section .detail_box .detail_description:last-child { margin-right: 0 }
 @media screen and (max-width:960px) {
.about_section .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 100%; margin-top: 28px }
.about_section .detail_box .detail_description:last-child { margin-right: 0 }
}
.about_section .our_clients { position: relative; background: #fff; padding: 5.75rem 5% 5.8125rem }
.about_section .our_clients:after, .about_section .our_clients:before { background: #9daaa9; height: .0625rem;
width: 93%; content: ''; position: absolute; top: 0; left: 3% }
.about_section .our_clients:after { position: absolute; top: auto; bottom: 0; left: 3% }
.about_section .case_study { float: left; width: 100%; padding: 5% 3%; font-size: 1.125rem }
.about_section .case_study .description_box, .about_section .case_study .image_box { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.about_section .case_study .description_box:last-child, .about_section .case_study .image_box:last-child { margin-right: 0 }
 @media screen and (min-width:840px) {
.about_section .case_study .description_box, .about_section .case_study .image_box { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
.about_section .case_study .description_box:last-child, .about_section .case_study .image_box:last-child { margin-right: 0 }
}
.about_section .case_study .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about_section .case_study .description_box .blog_detail #comments .form .form-submit input[type=submit], .about_section .case_study .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about_section .case_study .description_box .btn, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=button], .about_section .case_study .description_box .formbox form .gform_page_footer input[type=submit], .about_section .case_study .description_box .gform_wrapper .gform_footer .gform_button, .about_section .case_study .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about_section .case_study .image_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about_section .case_study .image_box .blog_detail #comments .form .form-submit input[type=submit], .about_section .case_study .image_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .about_section .case_study .image_box .btn, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=button], .about_section .case_study .image_box .formbox form .gform_page_footer input[type=submit], .about_section .case_study .image_box .gform_wrapper .gform_footer .gform_button, .about_section .case_study .image_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit], .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit], .blog_detail #comments .form .form-submit .about_section .case_study .description_box input[type=submit], .blog_detail #comments .form .form-submit .about_section .case_study .image_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit], .formbox form .gform_page_footer .about_section .case_study .description_box input[type=button], .formbox form .gform_page_footer .about_section .case_study .description_box input[type=submit], .formbox form .gform_page_footer .about_section .case_study .image_box input[type=button], .formbox form .gform_page_footer .about_section .case_study .image_box input[type=submit], .gform_wrapper .gform_footer .about_section .case_study .description_box .gform_button, .gform_wrapper .gform_footer .about_section .case_study .image_box .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit], .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit] { color: #fff; letter-spacing: 2px; background: #df1f26 }
.about_section .case_study .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about_section .case_study .description_box .blog_detail #comments .form .form-submit input[type=submit]:after, .about_section .case_study .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about_section .case_study .description_box .btn:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=button]:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=submit]:after, .about_section .case_study .description_box .gform_wrapper .gform_footer .gform_button:after, .about_section .case_study .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about_section .case_study .image_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about_section .case_study .image_box .blog_detail #comments .form .form-submit input[type=submit]:after, .about_section .case_study .image_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .about_section .case_study .image_box .btn:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=button]:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=submit]:after, .about_section .case_study .image_box .gform_wrapper .gform_footer .gform_button:after, .about_section .case_study .image_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:after, .blog_detail #comments .form .form-submit .about_section .case_study .description_box input[type=submit]:after, .blog_detail #comments .form .form-submit .about_section .case_study .image_box input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=button]:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=submit]:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=button]:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=submit]:after, .gform_wrapper .gform_footer .about_section .case_study .description_box .gform_button:after, .gform_wrapper .gform_footer .about_section .case_study .image_box .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:after { background: #df1f26 }
.about_section .case_study .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .about_section .case_study .description_box .blog_detail #comments .form .form-submit input[type=submit] .filler:after, .about_section .case_study .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .about_section .case_study .description_box .btn .filler:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=button] .filler:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=submit] .filler:after, .about_section .case_study .description_box .gform_wrapper .gform_footer .gform_button .filler:after, .about_section .case_study .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .about_section .case_study .image_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .about_section .case_study .image_box .blog_detail #comments .form .form-submit input[type=submit] .filler:after, .about_section .case_study .image_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .about_section .case_study .image_box .btn .filler:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=button] .filler:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=submit] .filler:after, .about_section .case_study .image_box .gform_wrapper .gform_footer .gform_button .filler:after, .about_section .case_study .image_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] .filler:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit] .filler:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit] .filler:after, .blog_detail #comments .form .form-submit .about_section .case_study .description_box input[type=submit] .filler:after, .blog_detail #comments .form .form-submit .about_section .case_study .image_box input[type=submit] .filler:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit] .filler:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit] .filler:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=button] .filler:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=submit] .filler:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=button] .filler:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=submit] .filler:after, .gform_wrapper .gform_footer .about_section .case_study .description_box .gform_button .filler:after, .gform_wrapper .gform_footer .about_section .case_study .image_box .gform_button .filler:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit] .filler:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit] .filler:after { background: #212527 }
.about_section .case_study .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about_section .case_study .description_box .blog_detail #comments .form .form-submit input[type=submit]:hover, .about_section .case_study .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about_section .case_study .description_box .btn:hover, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=button]:hover, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=submit]:hover, .about_section .case_study .description_box .gform_wrapper .gform_footer .gform_button:hover, .about_section .case_study .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about_section .case_study .image_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about_section .case_study .image_box .blog_detail #comments .form .form-submit input[type=submit]:hover, .about_section .case_study .image_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .about_section .case_study .image_box .btn:hover, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=button]:hover, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=submit]:hover, .about_section .case_study .image_box .gform_wrapper .gform_footer .gform_button:hover, .about_section .case_study .image_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover, .blog_detail #comments .form .form-submit .about_section .case_study .description_box input[type=submit]:hover, .blog_detail #comments .form .form-submit .about_section .case_study .image_box input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=button]:hover, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=submit]:hover, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=button]:hover, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=submit]:hover, .gform_wrapper .gform_footer .about_section .case_study .description_box .gform_button:hover, .gform_wrapper .gform_footer .about_section .case_study .image_box .gform_button:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover { color: #36c0cc }
.about_section .case_study .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .about_section .case_study .description_box .blog_detail #comments .form .form-submit input[type=submit]:hover:after, .about_section .case_study .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .about_section .case_study .description_box .btn:hover:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=button]:hover:after, .about_section .case_study .description_box .formbox form .gform_page_footer input[type=submit]:hover:after, .about_section .case_study .description_box .gform_wrapper .gform_footer .gform_button:hover:after, .about_section .case_study .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .about_section .case_study .image_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .about_section .case_study .image_box .blog_detail #comments .form .form-submit input[type=submit]:hover:after, .about_section .case_study .image_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .about_section .case_study .image_box .btn:hover:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=button]:hover:after, .about_section .case_study .image_box .formbox form .gform_page_footer input[type=submit]:hover:after, .about_section .case_study .image_box .gform_wrapper .gform_footer .gform_button:hover:after, .about_section .case_study .image_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover:after, .blog .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover:after, .blog_detail #comments .form .form-submit .about_section .case_study .description_box input[type=submit]:hover:after, .blog_detail #comments .form .form-submit .about_section .case_study .image_box input[type=submit]:hover:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=button]:hover:after, .formbox form .gform_page_footer .about_section .case_study .description_box input[type=submit]:hover:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=button]:hover:after, .formbox form .gform_page_footer .about_section .case_study .image_box input[type=submit]:hover:after, .gform_wrapper .gform_footer .about_section .case_study .description_box .gform_button:hover:after, .gform_wrapper .gform_footer .about_section .case_study .image_box .gform_button:hover:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .description_box input[type=submit]:hover:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .about_section .case_study .image_box input[type=submit]:hover:after { background: #9daaa9 }
.careers .barba-container { position: relative }
.careers .careers-container { position: relative; display: block; height: auto; width: 100%; min-height: 100vh; overflow: hidden; z-index: 2; -webkit-transform: translateY(0); transform: translateY(0) }
 @media screen and (min-width:960px) {
.careers .careers-container { height: 100vh; width: 100%; min-height: 830px }
}
.careers .careers-container .banner_bg { position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; z-index: -1 }
.careers .careers-container .banner_bg .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .8 }
.careers .careers-container .career_box { position: relative; display: block; height: 100%; width: 100% }
.careers .careers-container .career_box .career-txt { position: relative; color: #fff; text-align: center; width: 100%; float: left; margin: 130px auto 0; padding: 0 10%; z-index: 1 }
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career-txt { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; text-align: left; width: 50%; margin: 0; vertical-align: middle; display: table-cell; padding: 80px 0 0 80px }
}
 @media screen and (min-width:1100px) {
.careers .careers-container .career_box .career-txt { width: 35% }
}
 @media screen and (min-width:1370px) {
.careers .careers-container .career_box .career-txt { width: 40% }
}
.careers .careers-container .career_box .career-txt.wide { width: 100% }
.careers .careers-container .career_box .career-txt .intro {
 font-size: .8125rem; font-family: Neutraface Medium; text-transform: uppercase; letter-spacing: 4px }
 @media screen and (min-width:450px) {
.careers .careers-container .career_box .career-txt .intro { font-size: 1.0625rem; letter-spacing: 6.5px }
}
 @media screen and (min-width:576px) {
.careers .careers-container .career_box .career-txt .intro { font-size: 1.3125rem }
}
.careers .careers-container .career_box .career-txt h2 { font-size: 3.8125rem; line-height: 4.0625rem; text-transform: uppercase; font-family: Tungsten Light; font-weight: 400; margin: 3px 0 }
 @media screen and (min-width:450px) {
.careers .careers-container .career_box .career-txt h2 { font-size: 6.8125rem; line-height: 5.5625rem; margin: 14px 0 }
}
 @media screen and (min-width:576px) {
.careers .careers-container .career_box .career-txt h2 { font-size: 6.8125rem; line-height: 5.9375rem }
}
 @media screen and (min-width:840px) {
.careers .careers-container .career_box .career-txt h2 { font-size: 9.375rem; line-height: 7.625rem }
}
.careers .careers-container .career_box .career-txt .tagline {
 font-size: .875rem; font-family: Quadon; padding-left: 16px }
 @media screen and (min-width:450px) {
.careers .careers-container .career_box .career-txt .tagline { margin: 0 9% }
}
 @media screen and (min-width:660px) {
.careers .careers-container .career_box .career-txt .tagline { font-size: 1.0625rem; margin: 0 18% }
}
 @media screen and (min-width:840px) {
.careers .careers-container .career_box .career-txt .tagline { font-size: 1.25rem; margin: 0 8% }
}
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career-txt .tagline { font-size: 1.4375rem; border-left: 2px solid #df1f26; margin: 0 }
}
.careers .careers-container .career_box .career-txt .button { position: relative; font-family: Neutraface Bold; margin-top: 22px }
 @media screen and (min-width:450px) {
.careers .careers-container .career_box .career-txt .button { margin-top: 37px }
}
.careers .careers-container .career_box .career-txt .button a { position: relative }
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career-txt .button a { position: absolute }
}
.careers .careers-container .career_box .career_row { position: relative; width: 100%; padding-top: 40px; float: left }
 @media screen and (min-width:450px) {
.careers .careers-container .career_box .career_row { padding-top: 80px }
}
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; right: 0; float: right }
}
.careers .careers-container .career_box .career_row .career_title { display: none }
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row .career_title { position: absolute; display: block; height: auto; width: 20px; margin-left: -2.25rem }
}
 @media screen and (min-width:1570px) {
.careers .careers-container .career_box .career_row .career_title { margin-left: auto }
}
.careers .careers-container .career_box .career_row .career_title .title { height: 52px; width: 602px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); float: left; margin-left: -295px; margin-top: 240px }
.careers .careers-container .career_box .career_row .career_title .title h2 { font-size: 1.3125rem; font-family: Neutraface Medium; text-transform: uppercase; letter-spacing: 4.2px; color: #fff }
.careers .careers-container .career_box .career_row .career_title .title h2:after { border-bottom: 2px solid #df1f26; content: ''; width: 314px; height: 2px; display: inline-block; margin-bottom: 4px; margin-left: 34px }
.careers .careers-container .career_box .career_row .career_list { width: auto }
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row .career_list { float: right }
}
 @media screen and (min-width:1570px) {
.careers .careers-container .career_box .career_row .career_list { width: 96% }
}
.careers .careers-container .career_box .career_row .career_list .row-fade { display: none }
 @media screen and (min-width:1100px) {
.careers .careers-container .career_box .career_row .career_list .row-fade { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 100vh; width: 200px; list-style: none; background-image: -webkit-linear-gradient(left, rgba(25,28,28,0), #191c1c 90%); background-image: linear-gradient(90deg, rgba(25,28,28,0) 0, #191c1c 90%); background-color: rgba(25,28,28,0); z-index: 1 }
}
.careers .careers-container .career_box .career_row .career_list ul.career { list-style: none; width: 350px; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 50px }
 @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.careers .careers-container .career_box .career_row .career_list ul.career { display: block }
}
 @media screen and (min-width:420px) {
.careers .careers-container .career_box .career_row .career_list ul.career { width: 400px }
}
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row .career_list ul.career { margin: 0 0 30px auto }
}
 @media screen and (min-width:1100px) {
.careers .careers-container .career_box .career_row .career_list ul.career { width: 549px }
}
 @media screen and (min-width:1280px) {
.careers .careers-container .career_box .career_row .career_list ul.career { width: 769px }
}
 @media screen and (min-width:1570px) {
.careers .careers-container .career_box .career_row .career_list ul.career { width: 881px }
}
.careers .careers-container .career_box .career_row .career_list ul.career .slick-list { overflow: hidden; padding-bottom: 10px }
.careers .careers-container .career_box .career_row .career_list ul.career .slick-list, .careers .careers-container .career_box .career_row .career_list ul.career .slick-list .slick-track { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex }
 @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-list, .careers .careers-container .career_box .career_row .career_list ul.career .slick-list .slick-track { display: block }
}
 @supports (-ms-accelerator:true) {
 .careers .careers-container .career_box .career_row .career_list ul.career .slick-list {
 display:block
}
}
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; outline: none }
 @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList { display: block }
}
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container { position: relative; color: #fff; width: 350px; height: 100%; float: left; padding: 30px 30px 75px; border: 2px solid #fff; margin-right: 40px; text-decoration: none }
 @media screen and (min-width:420px) {
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container { width: 400px }
}
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container { width: 383px }
}
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container svg { width: 56px }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container svg path { fill: #df1f26; -webkit-transition: all .4s ease; transition: all .4s ease }
 @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container svg { max-height: 82px }
}
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container h3 { font-family: Native; font-weight: 400; text-transform: uppercase; font-size: 1rem; letter-spacing: 4px; margin-bottom: 30px; -webkit-transition: all .4s ease; transition: all .4s ease }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container h2 { font-family: Tungsten Light; font-weight: 400; text-transform: uppercase; font-size: 3rem; margin-top: 0; margin-bottom: 0 }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container .careerContent p { color: #ddd; font-size: 1rem; margin-top: 0; -webkit-transition: all .4s ease; transition: all .4s ease }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container .readmore { position: absolute; bottom: 30px; display: table; font-family: Neutraface Demi; color: #fff; text-transform: uppercase; font-size: 1rem; letter-spacing: 2px; margin-top: 50px }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:after { content: ''; position: absolute; top: -15px; left: -15px; background: #df1f26; opacity: 0; height: 100%; width: 100%; -webkit-transition: top .5s ease-out, left .5s ease-out, opacity .35s ease; transition: top .5s ease-out, left .5s ease-out, opacity .35s ease; z-index: -1 }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover h3 { color: #272b2b }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover p { color: #fff }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover:after { top: 12px; left: 12px; opacity: 1 }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover svg path { fill: #fff }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover .linearrow { width: 170px; margin-left: -120px }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover .linearrow:before { background: #fff }
.careers .careers-container .career_box .career_row .career_list ul.career li.careerliList a.container:hover .linearrow:after { border-left: 12px solid #fff }
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-prev { left: 30px; top: 572px }
 @media screen and (min-width:420px) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-prev { top: 572px }
}
 @media screen and (min-width:960px) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-prev { left: 25px }
}
 @media screen and (min-width:1570px) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-prev { top: 570px }
}
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-next { right: 35px; top: 584px; z-index: 2 }
 @media screen and (min-width:420px) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-next { top: 584px }
}
 @media screen and (min-width:1570px) {
.careers .careers-container .career_box .career_row .career_list ul.career .slick-arrow.slick-next { top: 584px; right: 100px }
}
.careers .careers-container .career_box .career_row.mobile { display: none }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post { background-size: cover; padding-top: 8.5rem; padding-bottom: 2.5rem; position: relative }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .8 }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop { color: #fff; width: 70%; position: relative; z-index: 20; margin: 0 auto; text-align: left; padding: 1.9375rem; border: 2px solid #fff }
 @media screen and (max-width:576px) {
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop { width: 80%; padding: 5% }
}
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop:after { content: '' }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop svg { width: 56px }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop h3 { text-transform: uppercase; font-size: 1.125rem; font-weight: 400; letter-spacing: 4px; font-family: Neutraface Bold; margin-bottom: 5.9375rem }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop h2 { text-transform: uppercase; margin-bottom: 0; font-size: 3rem; margin-top: 0; font-weight: 400; font-family: Tungsten Light }
 @media screen and (max-width:576px) {
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop h2 { font-size: 2.1875rem }
}
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop p { color: #ddd; font-size: 20px; margin-top: 0 }
 @media screen and (max-width:576px) {
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop p { font-size: 1rem }
}
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop a { color: #fff; font-size: 1rem; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; font-family: Neutraface Bold }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop a i { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); height: .625rem;
width: 4.5rem; display: inline-block; -webkit-transition: all 1s ease; transition: all 1s ease; margin-left: 6px }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop:after { background: #df1f26; width: 0; content: ''; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; position: absolute; top: 0; left: 0 }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop:hover i { background-image: url(../images/arrow_d.png); background-repeat: no-repeat; background-position: 0 0 }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop:hover:after { width: 100% }
.careers .careers-container .career_box .career_row.mobile .career_list ul li .career_post .career_loop:hover svg path { fill: #9f1d26 }
.popbox { width: 90.625rem }
 @media screen and (max-width:1570px) {
.popbox { width: 100% }
}
.popbox .career-txt { font-family: Tungsten Light; color: #fff; text-align: left; width: 32%; float: left; padding-top: 9.875rem; position: relative; z-index: 1 }
 @media screen and (max-width:1570px) {
.popbox .career-txt { padding-top: 4.6875rem }
}
 @media screen and (max-width:1370px) {
.popbox .career-txt { padding-top: 6.25rem }
}
.popbox .career-txt h2 { font-size: 7.5rem; text-transform: uppercase; font-weight: 400; margin: 20px 0; font-family: Tungsten Light; line-height: 7.625rem }
 @media screen and (max-width:1370px) {
.popbox .career-txt h2 { font-size: 6.25rem; line-height: 5.5rem }
}
 @media screen and (max-width:1200px) {
.popbox .career-txt h2 { font-size: 5.625rem; line-height: 4.375rem }
}
.popbox .career-txt .intro { font-size: 1.3125rem; font-family: Neutraface Medium; text-transform: uppercase; letter-spacing: 6.5px }
 @media screen and (max-width:1370px) {
.popbox .career-txt .intro { font-size: 1.125rem }
}
 @media screen and (max-width:1200px) {
.popbox .career-txt .intro { font-size: 1rem }
}
.popbox .career-txt .tagline { font-size: 1.125rem; font-family: Quadon; border-left: 2px solid #df1f26; line-height: 1.625rem; padding-left: 1rem }
.popbox .career-txt span { font-size: 1.5rem; color: #df1f26; font-family: Neutraface Bold }
.formbox { width: 64%; float: right }
.formbox form { width: 100%; float: right; background: #cee0df; padding: 32px }
 @media screen and (max-width:1570px) {
.formbox form { padding: 20px }
}
.formbox form .gf_page_steps .gf_step { display: inline-block; text-align: center; text-decoration: none; color: #9daaa9; font-family: Neutraface Display Bold; text-transform: uppercase; border: 1px solid #b9b9b9; padding-top: .8em; padding-bottom: .6em; border-radius: 10em; background: #ddd; position: relative; width: 33%; outline: 0; font-size: 18px; letter-spacing: 3px }
.formbox form .gf_page_steps .gf_step.gf_step_first .gf_step_number { margin-left: -2px }
.formbox form .gf_page_steps .gf_step .gf_step_number { margin-left: -4px; position: absolute }
.formbox form .gf_page_steps .gf_step:nth-child(2) { width: 40%; margin-left: -6%; position: relative; z-index: 100; margin-right: -5% }
.formbox form .gf_page_steps .gf_step:nth-child(3) { width: 37%; position: relative; z-index: 50 }
.formbox form .gf_page_steps .gf_step.gf_step_active { border: 1px solid #df1f26; background: #df1f26; position: relative; z-index: 150; color: #fff }
.formbox form .gform_body { padding-top: 2rem; padding-right: 1.25rem; padding-left: 1.25rem }
.formbox form .gform_body ul { list-style: none }
.formbox form .gform_body .form_content_box h2 { font-size: 1.3125rem; font-family: Neutraface Titling; color: #343535; text-transform: uppercase; line-height: 19px; letter-spacing: 3px; margin: 0 }
.formbox form .gform_body .form_content_box ul { font-size: 1.125rem; margin: 1.875rem 0; font-family: Quadon; list-style: none; display: inline-block }
 @media screen and (max-width:1600px) {
.formbox form .gform_body .form_content_box ul { margin: .9375rem 0
}
}
.formbox form .gform_body .form_content_box ul.list li { WIDTH: 50%; FLOAT: LEFT }
.formbox form .gform_body .form_content_box ul li { background-image: url(../images/bullets.png); background-repeat: no-repeat; background-position: 1px 9px; background-size: 8px; padding-bottom: .4375rem;
padding-left: 1.125rem; color: #343535; font-size: 18px }
 @media screen and (max-width:1570px) {
.formbox form .gform_body .form_content_box ul li { font-size: 16px }
}
.formbox form .gform_page_footer input[type=button], .formbox form .gform_page_footer input[type=submit] { font-size: 1rem; border: 1px solid #df4335!important; background: transparent; color: #df4335; margin-right: 1.0625rem }
 @media screen and (max-width:1370px) {
.formbox form .gform_page_footer input[type=button], .formbox form .gform_page_footer input[type=submit] { font-size: .8125rem
}
}
.formbox form .gform_page_footer input[type=button]:hover, .formbox form .gform_page_footer input[type=submit]:hover { border: 1px solid #df4335!important; background: #c1212b; color: #fff }
.formbox form .applyform_box ul li .validation_message, .formbox form .applyform_box ul li label { display: none }
.formbox form .applyform_box ul li input[type=text], .formbox form .applyform_box ul li textarea { border: 1px solid #9daaa9; background: #cee0df; padding: .625rem .875rem;
border-radius: 0; font-size: 18px; width: 100%; font-family: Neutraface Medium; box-sizing: border-box }
.formbox form .applyform_box ul li input[type=text].LV_invalid_field, .formbox form .applyform_box ul li textarea.LV_invalid_field { border: 1px solid #df1f26; background: #df1f26; color: #fff }
 .formbox form .applyform_box ul li input[type=text].LV_invalid_field::-webkit-input-placeholder, .formbox form .applyform_box ul li textarea.LV_invalid_field::-webkit-input-placeholder {
 color:#fff;
 letter-spacing:2px
}
 .formbox form .applyform_box ul li input[type=text].LV_invalid_field:-moz-placeholder, .formbox form .applyform_box ul li textarea.LV_invalid_field:-moz-placeholder {
 color:#fff;
 letter-spacing:2px
}
 .formbox form .applyform_box ul li input[type=text].LV_invalid_field:-ms-input-placeholder, .formbox form .applyform_box ul li textarea.LV_invalid_field:-ms-input-placeholder {
 color:#fff;
 letter-spacing:2px
}
.formbox form .applyform_box ul li input[type=text] .LV_invalid, .formbox form .applyform_box ul li textarea .LV_invalid { display: none }
 .formbox form .applyform_box ul li input[type=text]::-webkit-input-placeholder, .formbox form .applyform_box ul li textarea::-webkit-input-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
 .formbox form .applyform_box ul li input[type=text]:-moz-placeholder, .formbox form .applyform_box ul li textarea:-moz-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
 .formbox form .applyform_box ul li input[type=text]:-ms-input-placeholder, .formbox form .applyform_box ul li textarea:-ms-input-placeholder {
 color:#868a8b;
 letter-spacing:2px
}
 @media screen and (max-width:1370px) {
.formbox form .applyform_box ul li textarea { height: 12.3125rem }
}
.formbox form .applyform_box ul li input[type=file] { font-size: 15px; padding: 17px 21px; width: 100%; background: #cee0df; margin-bottom: 17px; font-family: Neutraface Medium; text-transform: uppercase }
.formbox form .applyform_box ul li.threeblock { width: 31.3%; float: left; margin-bottom: 17px; margin-right: 3% }
.formbox form .applyform_box ul li.threeblock.last { margin-right: 0 }
.formbox form .applyform_box ul li.twoblock { width: 48.4%; float: left; margin-bottom: 17px; margin-right: 3% }
.formbox form .applyform_box ul li.twoblock.last { margin-right: 0 }
.formbox form .applyform_box ul li.showtitle label { display: block; background: #df4335; float: left; position: relative; margin-bottom: -59px; margin-top: 13px; color: #fff; padding: 7px 5px 5px; font-size: 15px; font-family: neutrafacemedium; border-radius: 4px; margin-left: 9px; letter-spacing: 1.3px; cursor: pointer }
.contact-us .calltoaction { padding: 3.75rem 0; float: left; width: 100%; font-size: 1.125rem; text-align: center }
.contact-us .calltoaction h2:after { margin: 19px auto 0 }
.contact-us .calltoaction .description_box { width: 200%; float: none; margin: 0 auto }
 @media screen and (min-width:1570px) {
.contact-us .calltoaction .description_box { width: 60% }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit], .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .btn, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button], .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit], .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=button], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=submit], .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit] { color: #343535; font-size: 1rem; width: 90%; font-family: Neutraface Display Bold; background: transparent; border-color: #343535; letter-spacing: 2px; margin-bottom: 16px; margin-left: 0; margin-left: 1.4375rem }
 @media screen and (min-width:960px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit], .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .btn, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button], .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit], .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=button], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=submit], .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit] { width: 50%; margin-left: 1.4375rem; margin-bottom: 0 }
}
 @media screen and (min-width:660px) {
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit], .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit], .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .contact-us .calltoaction .description_box .btn, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button], .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit], .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=button], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=submit], .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit] { width: 100% }
}
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:after, .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:after, .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit]:after, .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .contact-us .calltoaction .description_box .btn:after, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button]:after, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit]:after, .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button:after, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=button]:after, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=submit]:after, .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:after { background-color: #343535 }
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:hover, .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:hover, .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input[type=submit]:hover, .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .contact-us .calltoaction .description_box .btn:hover, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=button]:hover, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input[type=submit]:hover, .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .gform_button:hover, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=button]:hover, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input[type=submit]:hover, .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .gform_button:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input[type=submit]:hover { border-color: #343535; color: #fff }
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit], .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input.active[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit], .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit], .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input.active[type=submit], .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit], .contact-us .calltoaction .description_box .btn.active, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input.active[type=button], .contact-us .calltoaction .description_box .formbox form .gform_page_footer input.active[type=submit], .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .active.gform_button, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input.active[type=button], .formbox form .gform_page_footer .contact-us .calltoaction .description_box input.active[type=submit], .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .active.gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit] { color: #fff }
.blog .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit]:after, .blog_detail #comments .form .form-submit .contact-us .calltoaction .description_box input.active[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit]:after, .contact-us .calltoaction .description_box .blog .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit]:after, .contact-us .calltoaction .description_box .blog_detail #comments .form .form-submit input.active[type=submit]:after, .contact-us .calltoaction .description_box .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit]:after, .contact-us .calltoaction .description_box .btn.active:after, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input.active[type=button]:after, .contact-us .calltoaction .description_box .formbox form .gform_page_footer input.active[type=submit]:after, .contact-us .calltoaction .description_box .gform_wrapper .gform_footer .active.gform_button:after, .contact-us .calltoaction .description_box .our_cat .newsletter_box .form .gform_wrapper .gform_footer input.active[type=submit]:after, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input.active[type=button]:after, .formbox form .gform_page_footer .contact-us .calltoaction .description_box input.active[type=submit]:after, .gform_wrapper .gform_footer .contact-us .calltoaction .description_box .active.gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .contact-us .calltoaction .description_box input.active[type=submit]:after { width: 100% }
.contact-us .contactdetail { height: 33.625rem; width: 100%; float: left; display: table; position: relative }
 @media screen and (max-width:1000px) {
.contact-us .contactdetail { height: auto; width: 100%; display: block }
}
.contact-us .contactdetail .info_box, .contact-us .contactdetail .map_box { display: table-cell; width: 50%; position: relative }
 @media screen and (max-width:1000px) {
.contact-us .contactdetail .info_box, .contact-us .contactdetail .map_box { height: 21.875rem; width: 100%; display: block }
}
.contact-us .contactdetail .info_box { background-image: url(../images/contactinfo.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; color: #fff; vertical-align: middle; position: relative; padding: 0 9% }
.contact-us .contactdetail .info_box .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .8 }
 @media screen and (max-width:1000px) {
.contact-us .contactdetail .info_box { padding: 10% 9%; height: auto }
}
.contact-us .contactdetail .info_box .detail { position: relative; z-index: 10 }
.contact-us .contactdetail .info_box .detail h2 { font-size: 2rem; color: #fff; text-transform: uppercase; margin-bottom: 2rem; line-height: 2.1875rem; margin-top: 1.25rem }
.contact-us .contactdetail .info_box .detail h2:after { background: red; content: ''; position: relative; display: inherit; margin-top: 1.25rem; height: .25rem;
width: 6.625rem }
 @media screen and (max-width:576px) {
.contact-us .contactdetail .info_box .detail h2 { font-size: 1.5rem }
}
.contact-us .contactdetail .info_box .detail .info { color: #fff; font-family: Neutraface Display Bold; letter-spacing: 2px; font-size: 1.125rem; letter-spacing: 4px; text-transform: uppercase; line-height: 33px; font-weight: 100 }
 @media screen and (max-width:576px) {
.contact-us .contactdetail .info_box .detail .info {
 font-size: .875rem; letter-spacing: 1px }
}
.contact-us .contactdetail .info_box .detail .info a { color: #df4335; text-decoration: none }
.contact-us .contactdetail .map_box { background-image: url(../images/map.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: cover }
 @media screen and (min-width:1570px) {
.contact-us .contactdetail .map_box { background-size: 100% }
}
 @media screen and (max-width:1000px) {
.contact-us .contactdetail .map_box { background-position: -3% 37%; background-size: cover; float: left }
}
 @media screen and (max-width:450px) {
.contact-us .contactdetail .map_box { height: 15.625rem; width: 100% }
}
.contact-us .contactdetail .map_box .icon { background-image: url(../images/rocket_map.png); background-repeat: no-repeat; background-position: 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.contact-us .offices { position: relative; display: table; padding: 40px 0; width: 100%; background: #1f2222 }
.contact-us .offices .locations .office { position: relative; float: left; display: block; margin-right: 2.3576520234%; width: 100%; margin-bottom: 30px; min-height: 200px; text-align: center }
.contact-us .offices .locations .office:last-child { margin-right: 0 }
 @media screen and (min-width:450px) {
.contact-us .offices .locations .office { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
.contact-us .offices .locations .office:last-child, .contact-us .offices .locations .office:nth-of-type(2n) { margin-right: 0 }
}
 @media screen and (min-width:840px) {
.contact-us .offices .locations .office { float: left; display: block; margin-right: 2.3576520234%; width: 31.7615653177% }
.contact-us .offices .locations .office:last-child, .contact-us .offices .locations .office:nth-of-type(3n) { margin-right: 0 }
}
 @media screen and (min-width:1000px) {
.contact-us .offices .locations .office { float: left; display: block; margin-right: 2.3576520234%; width: 23.2317609825% }
.contact-us .offices .locations .office:last-child, .contact-us .offices .locations .office:nth-of-type(4n) { margin-right: 0 }
}
.contact-us .offices .locations .office .simplified { opacity: 1; font-family: Neutraface Demi; color: #656d6d; font-size: 1.625rem; letter-spacing: 1.5px }
.contact-us .offices .locations .office .descriptive, .contact-us .offices .locations .office .simplified { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-transform: uppercase; -webkit-transition: all .5s ease; transition: all .5s ease }
.contact-us .offices .locations .office .descriptive { opacity: 0; font-family: Native; color: #8c9f9f; font-size: 1rem }
.contact-us .offices .locations .office .abrv { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-family: Tungsten Light; color: #242828; font-size: 8.625rem }
.contact-us .offices .locations .office .light-circle { position: absolute; top: 20%; right: 35%; height: 136px; width: 136px; border: 2px solid #242828; opacity: 0; border-radius: 100%; -webkit-transition: all .6s ease; transition: all .6s ease }
.contact-us .offices .locations .office .dark-circle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; height: 182px; width: 182px; border: 2px solid #1d1f1f; border-radius: 100% }
.contact-us .offices .locations .office:hover .simplified { opacity: 0 }
.contact-us .offices .locations .office:hover .descriptive { opacity: 1 }
.contact-us .offices .locations .office:hover .light-circle { opacity: .5; top: 1px; right: 15% }
.base-holder { background: #efefef; content: ""; display: table; table-layout: fixed; max-width: 100%; margin-left: auto; margin-right: auto; height: auto; width: 100%; float: left; padding: 6%; line-height: 25px }
.base-holder .grid { float: left }
.base-holder .grid .col { font-size: 1rem }
.base-holder .grid .col.image img { min-width: 100%; height: auto }
.base-holder .grid .col-100 { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.base-holder .grid .col-100:last-child { margin-right: 0 }
.base-holder .grid .col-50 { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
.base-holder .grid .col-50:last-child { margin-right: 0 }
 @media screen and (max-width:840px) {
.base-holder .grid .col-50 { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.base-holder .grid .col-50:last-child { margin-right: 0 }
}
.base-holder .grid .col-33 { float: left; display: block; margin-right: 2.3576520234%; width: 31.7615653177% }
.base-holder .grid .col-33:last-child { margin-right: 0 }
 @media screen and (max-width:840px) {
.base-holder .grid .col-33 { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.base-holder .grid .col-33:last-child { margin-right: 0 }
}
.base-holder .grid .col-77 { float: left; display: block; margin-right: 2.3576520234%; width: 65.8807826589% }
.base-holder .grid .col-77:last-child { margin-right: 0 }
 @media screen and (max-width:840px) {
.base-holder .grid .col-77 { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.base-holder .grid .col-77:last-child { margin-right: 0 }
}
.base-holder .grid.right .image { float: right; margin-right: 0 }
.base-holder .grid.right .col { position: relative; text-align: right }
 @media screen and (max-width:840px) {
.base-holder .grid.right .col { text-align: left }
}
.base-holder .grid.seprater:after {
 height: .0625rem; width: 100%; background: #9daaa9; margin: 5.625rem 0; content: ''; float: left }
 @media screen and (max-width:840px) {
.base-holder .grid.seprater:after { margin: 2.1875rem 0 }
}
.base-holder .grid.seprater:last-child:after { display: none }
.Product_section { float: left; width: 100%; font-size: 1.125rem }
.Product_section .detail_box { float: left; width: 100%; padding: 5% 3%; background: #fff }
.Product_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883%; margin-bottom: -12rem; position: relative }
.Product_section .detail_box .detail_image:last-child { margin-right: 0 }
 @media screen and (max-width:1370px) {
.Product_section .detail_box .detail_image { margin-bottom: 0 }
}
 @media screen and (max-width:1100px) {
.Product_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 100%; text-align: center }
.Product_section .detail_box .detail_image:last-child { margin-right: 0 }
}
.Product_section .detail_box .detail_description { font-size: 1.125rem; float: left; display: block; margin-right: 2.3576520234%; width: 40.291369653% }
.Product_section .detail_box .detail_description:last-child { margin-right: 0 }
 @media screen and (max-width:1570px) {
.Product_section .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
.Product_section .detail_box .detail_description:last-child { margin-right: 0 }
}
 @media screen and (max-width:1100px) {
.Product_section .detail_box .detail_description { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.Product_section .detail_box .detail_description:last-child { margin-right: 0 }
}
.Product_section .detail_box .detail_description h2 { font-size: 2rem; color: #343535; text-transform: uppercase; margin-top: 1.25rem; margin-bottom: .3125rem;
line-height: 2.1875rem }
 @media screen and (max-width:660px) {
.Product_section .detail_box .detail_description h2 { font-size: 1.625rem; line-height: 1.625rem }
}
.Product_section .detail_box .detail_description h5 { font-size: 1.125rem; text-transform: uppercase; line-height: 1.125rem; margin-bottom: -.3125rem;
margin-top: 0; letter-spacing: .1875rem;
color: #df1f26 }
.Product_section .detail_box .detail_description h5:after { background: red; content: ''; position: relative; display: inherit; margin-top: 1.1875rem; height: .125rem;
width: 4.1875rem }
.Product_section .detail_box .detail_description ul { font-size: 1.125rem; margin: 1.5rem 1.5rem 1.125rem 0; font-family: Quadon; list-style: none }
.Product_section .detail_box .detail_description ul li { background-image: url(../images/bullets.png); background-repeat: no-repeat; background-position: 1px 8px; padding-bottom: .8125rem;
padding-left: 1.5625rem; color: #868a8b }
.blog .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit], .blog_detail #comments .form .form-submit .Product_section .detail_box .detail_description input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit], .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=button], .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=submit], .gform_wrapper .gform_footer .Product_section .detail_box .detail_description .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit], .Product_section .detail_box .detail_description .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .Product_section .detail_box .detail_description .blog_detail #comments .form .form-submit input[type=submit], .Product_section .detail_box .detail_description .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .Product_section .detail_box .detail_description .btn, .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=button], .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=submit], .Product_section .detail_box .detail_description .gform_wrapper .gform_footer .gform_button, .Product_section .detail_box .detail_description .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] { color: #fff; background-color: #df1f26; border-color: #df1f26; font-family: Neutraface Bold }
.blog .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:after, .blog_detail #comments .form .form-submit .Product_section .detail_box .detail_description input[type=submit]:after, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:after, .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=button]:after, .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=submit]:after, .gform_wrapper .gform_footer .Product_section .detail_box .detail_description .gform_button:after, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:after, .Product_section .detail_box .detail_description .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .Product_section .detail_box .detail_description .blog_detail #comments .form .form-submit input[type=submit]:after, .Product_section .detail_box .detail_description .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after, .Product_section .detail_box .detail_description .btn:after, .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=button]:after, .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=submit]:after, .Product_section .detail_box .detail_description .gform_wrapper .gform_footer .gform_button:after, .Product_section .detail_box .detail_description .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:after { background-color: #c1212b }
.blog .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:hover, .blog_detail #comments .form .form-submit .Product_section .detail_box .detail_description input[type=submit]:hover, .blog_detail .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:hover, .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=button]:hover, .formbox form .gform_page_footer .Product_section .detail_box .detail_description input[type=submit]:hover, .gform_wrapper .gform_footer .Product_section .detail_box .detail_description .gform_button:hover, .our_cat .newsletter_box .form .gform_wrapper .gform_footer .Product_section .detail_box .detail_description input[type=submit]:hover, .Product_section .detail_box .detail_description .blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .Product_section .detail_box .detail_description .blog_detail #comments .form .form-submit input[type=submit]:hover, .Product_section .detail_box .detail_description .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover, .Product_section .detail_box .detail_description .btn:hover, .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=button]:hover, .Product_section .detail_box .detail_description .formbox form .gform_page_footer input[type=submit]:hover, .Product_section .detail_box .detail_description .gform_wrapper .gform_footer .gform_button:hover, .Product_section .detail_box .detail_description .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit]:hover { border-color: #c1212b }
.Product_section .detail_list { float: left; width: 100%; padding: 5% 7% }
 @media screen and (max-width:1100px) {
.Product_section .detail_list { padding: 5% }
}
.Product_section .detail_list h2 { margin-top: 68px }
.mobile_app_section { float: left; width: 100%; font-size: 1.125rem }
.mobile_app_section .detail_box { float: left; width: 100%; padding: 5% 3%; background: #fff }
.mobile_app_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883%; position: relative }
.mobile_app_section .detail_box .detail_image:last-child { margin-right: 0 }
 @media screen and (max-width:1100px) {
.mobile_app_section .detail_box .detail_image { float: left; display: block; margin-right: 2.3576520234%; width: 100%; text-align: center }
.mobile_app_section .detail_box .detail_image:last-child { margin-right: 0 }
}
.mobile_app_section .detail_box .mobile_app_description { font-size: 1.125rem; float: left; display: block; margin-right: 2.3576520234%; width: 40.291369653% }
.mobile_app_section .detail_box .mobile_app_description:last-child { margin-right: 0 }
 @media screen and (max-width:1100px) {
.mobile_app_section .detail_box .mobile_app_description { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.mobile_app_section .detail_box .mobile_app_description:last-child { margin-right: 0 }
}
.mobile_app_section .detail_box .mobile_app_description h2 { font-size: 1.75rem; line-height: 1.75rem }
.mobile_app_section .services_box { margin-top: -14rem }
.mobile_app_section .services_box .title { font-family: Tungsten Light; color: #191c1c; font-size: 3rem; width: 100%; display: block; text-align: center; text-transform: uppercase; margin-bottom: 50px }
 @media screen and (max-width:1570px) {
.mobile_app_section .services_box { margin-top: 0 }
}
.our_process { width: 100%; float: left; background: #0f212f; overflow: hidden }
.our_process .stars-background { position: absolute; height: 120%; width: 100%; background-image: url(../images/stars-background.jpg); background-repeat: repeat; background-position: 0 0; background-size: 100%; background-attachment: fixed; z-index: -1 }
.our_process #starcanvas { position: absolute; display: block; z-index: 1 }
.our_process .galaxy-small { top: 850px; left: 111px; height: 111px; width: 111px; background-image: url(../images/galaxy-small.png); background-size: 111px 111px; z-index: 1 }
.our_process .galaxy-small, .our_process .wormhole { position: absolute; background-repeat: no-repeat; background-position: 0 0 }
.our_process .wormhole { top: 220px; right: 120px; height: 468px; width: 503px; display: none; background-image: url(../images/wormhole.png); background-size: 503px 468px; opacity: .42; z-index: 3 }
 @media screen and (min-width:1000px) {
.our_process .wormhole { display: block }
}
.our_process .asteroids-top { position: absolute; top: 0; left: 0; height: 392px; width: 773px; background-image: url(../images/asteroids-top.png); background-repeat: no-repeat; background-position: 0 0; background-size: 773px 392px; z-index: 3 }
.our_process .planet-large { top: 36%; right: 48%; overflow: hidden; box-shadow: 0 0 60px -20px hsla(9,76%,62%,.5), -14px -15px 40px -10px rgba(128,55,39,.4); z-index: 2 }
.our_process .planet-large, .our_process .planet-large .wrap { position: absolute; height: 277px; width: 277px; border-radius: 50% }
.our_process .planet-large .wrap .background { -webkit-animation: largePlanet 40s infinite linear; animation: largePlanet 40s infinite linear; background-image: url(../images/planet-muunilinst.jpg); background-size: 454px 227px }
.our_process .planet-large .wrap .background, .our_process .planet-large .wrap .clouds { background-repeat: repeat; background-position: 0 0; height: 277px; width: 277px; position: absolute; border-radius: 50% }
.our_process .planet-large .wrap .clouds { background-image: url(../images/planet-clouds.png); background-size: 554px 227px; -webkit-animation: lgPlanetClouds 30s infinite linear; animation: lgPlanetClouds 30s infinite linear; opacity: .8 }
.our_process .planet-large .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 100px #070808, inset 10px 10px 40px -10px hsla(38,68%,69%,.8); border-radius: 50% }
.our_process .planet-small { top: 75%; right: 30%; overflow: hidden; box-shadow: 0 0 60px -20px rgba(184,215,221,.5), -14px -15px 40px -10px rgba(113,122,148,.3); z-index: 2 }
.our_process .planet-small, .our_process .planet-small .wrap { position: absolute; height: 129px; width: 129px; border-radius: 50% }
.our_process .planet-small .wrap .background { -webkit-animation: smallPlanet 30s infinite linear; animation: smallPlanet 30s infinite linear; background-image: url(../images/pluto.jpg) }
.our_process .planet-small .wrap .background, .our_process .planet-small .wrap .clouds { background-repeat: repeat; background-position: 0 0; background-size: 258px 129px; height: 129px; width: 129px; position: absolute; border-radius: 50% }
.our_process .planet-small .wrap .clouds { background-image: url(../images/planet-clouds.png); -webkit-animation: smPlanetClouds 20s infinite linear; animation: smPlanetClouds 20s infinite linear; opacity: .8 }
.our_process .planet-small .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 50px #070808, inset 10px 10px 40px -10px rgba(184,215,221,.8); border-radius: 50% }
.our_process .asteroids-small { top: 1700px; left: 320px; height: 149px; width: 483px; background-image: url(../images/asteroids-small.png); background-size: 100% }
.our_process .asteroids-small, .our_process .cargo-ship { position: absolute; background-repeat: no-repeat; background-position: 0 0; z-index: 1 }
.our_process .cargo-ship { top: 50%; left: 80px; height: 531px; width: 396px; background-image: url(../images/cargo-ship.png); background-size: 396px 531px }
.our_process .spaceman { position: absolute; top: 520px; right: 0; height: 652px; width: 442px; display: none; z-index: 3 }
 @media screen and (min-width:1000px) {
.our_process .spaceman { display: block }
}
.our_process .spaceman .thespaceman { background-image: url(../images/spaceman.png) }
.our_process .spaceman .thespaceman, .our_process .spaceman .thespaceman .glare { position: absolute; top: 0; right: 0; height: 652px; width: 442px; background-repeat: no-repeat; background-position: 0 0; background-size: 442px 652px }
.our_process .spaceman .thespaceman .glare { background-image: url(../images/spaceman-glare.png) }
.our_process .spaceman .thespaceman .blasts { position: absolute; top: 0; right: 0; height: 652px; width: 442px; background-image: url(../images/spaceman-blasts.png); background-repeat: no-repeat; background-position: 0 0; background-size: 442px 652px }
.our_process .planet-bottom { position: absolute; bottom: 0; height: 596px; width: 100%; background-image: url(../images/planet-bottom.png); background-repeat: repeat; background-position: top; background-size: cover; z-index: 1 }
.our_process .title_bar { position: relative; text-align: center; padding-top: 337px; z-index: 5 }
.our_process .title_bar h2 { font-size: 6.5rem; line-height: 5.625rem; text-transform: uppercase; font-family: Tungsten Light; font-weight: 400; margin: 28px 0 0; color: #fff }
 @media screen and (min-width:1200px) {
.our_process .title_bar h2 { font-size: 9.375rem; line-height: 7.625rem }
}
.our_process .title_bar h3 { font-family: Neutraface Display Bold; font-size: 1.25rem; line-height: 1.125rem; text-transform: uppercase; font-weight: 400; letter-spacing: 6px; color: #df4335; margin-top: 14px }
 @media screen and (min-width:1200px) {
.our_process .title_bar h3 { font-size: 1.5rem }
}
.our_process .title_bar .toppagination { background-image: url(../images/top_pagination.png); background-repeat: no-repeat; background-position: 50%; height: 251px; width: 100%; text-align: center; margin-top: 67px }
.our_process .list_info { position: relative; clear: both; float: left; width: 100%; min-height: 700px; margin-bottom: 118px; padding: 0 5%; z-index: 5 }
 @media screen and (min-width:1200px) {
.our_process .list_info { padding: 0 10% }
}
 @media screen and (min-width:1570px) {
.our_process .list_info { padding: 0 13% }
}
.our_process .list_info.first { margin-bottom: 0 }
.our_process .list_info.first .pagination { padding: 17px 22px 27px }
.our_process .list_info.first .process_box .celestial-markers { top: 0 }
.our_process .list_info .pagination { background-image: url(../images/pagination_center.png); background-repeat: no-repeat; background-position: bottom; text-align: center; padding: 133px 22px 27px; margin-top: 33px; margin-bottom: 77px; float: left; width: 100% }
.our_process .list_info .pagination span { font-size: 3.125rem; color: #bfc7cd; font-family: Tungsten Medium }
.our_process .list_info .process_box .celestial-markers { position: absolute; top: 122px; left: 0; background-image: url(../images/circle.png); background-repeat: no-repeat; background-position: bottom; width: 100%; height: 650px; opacity: .25; z-index: 0 }
.our_process .list_info .process_box .image_block { float: left; display: block; margin-right: 2.3576520234%; width: 23.2317609825% }
.our_process .list_info .process_box .image_block:last-child { margin-right: 0 }
 @media screen and (max-width:840px) {
.our_process .list_info .process_box .image_block { display: none }
}
.our_process .list_info .process_box .image_block img { width: 100% }
.our_process .list_info .process_box .content_block { position: relative; float: left; display: block; margin-right: 2.3576520234%; width: 74.4105869942%; margin-right: 0; z-index: 2 }
.our_process .list_info .process_box .content_block:last-child { margin-right: 0 }
 @media screen and (max-width:840px) {
.our_process .list_info .process_box .content_block { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.our_process .list_info .process_box .content_block:last-child { margin-right: 0 }
}
.our_process .list_info .process_box .content_block h3 { position: absolute; top: -77px; left: 0; font-size: 9.3125rem; color: #fff; opacity: .05; font-family: Tungsten Book; margin: 0; padding: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 11px }
 @media screen and (max-width:840px) {
.our_process .list_info .process_box .content_block h3 { display: none }
}
.our_process .list_info .process_box .content_block h2 { color: #fff; text-transform: uppercase; margin-bottom: 21px }
.our_process .list_info .process_box .content_block .glitch .gbase { fill: #df1f26 }
.our_process .list_info .process_box .content_block p { color: #ddd }
.our_process .list_info.right .image_block { float: right; margin-right: 0 }
.our_process .list_info.right .content_block { float: left; margin-right: 2.3576520234% }
.our_process .rocket_bg { position: relative; height: 860px; width: 100%; float: left; margin-top: 15px; text-align: center; z-index: 3 }
.our_process .rocket_bg .digirocket { height: 269px; width: 206px }
.error404 .site-banner .banner-txt .intro { margin-bottom: 11px }
.error404 .site-banner, .thanks_page .site-banner, .unsupported_page .site-banner { float: right; position: relative; height: 100vh; width: 100%; display: table; background-color: #191c1c; z-index: 2; -webkit-transform: translateY(0); transform: translateY(0); overflow: hidden }
.error404 .site-banner .overlay, .thanks_page .site-banner .overlay, .unsupported_page .site-banner .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .6 }
.error404 .site-banner .hero, .thanks_page .site-banner .hero, .unsupported_page .site-banner .hero { height: 100%; width: 100%; position: absolute; background-size: cover; background-position: 50% }
.error404 .site-banner .banner-txt, .thanks_page .site-banner .banner-txt, .unsupported_page .site-banner .banner-txt { position: relative; display: table-cell; vertical-align: middle; font-family: Tungsten Light; padding: 0; color: #fff; text-transform: uppercase; text-align: center; z-index: 1 }
 @media screen and (min-width:450px) {
.error404 .site-banner .banner-txt, .thanks_page .site-banner .banner-txt, .unsupported_page .site-banner .banner-txt { padding: 0 10% }
}
.error404 .site-banner .banner-txt .intro, .thanks_page .site-banner .banner-txt .intro, .unsupported_page .site-banner .banner-txt .intro { font-size: 4.375rem; line-height: 4.6875rem; margin-top: 12px }
 @media screen and (min-width:960px) {
.error404 .site-banner .banner-txt .intro, .thanks_page .site-banner .banner-txt .intro, .unsupported_page .site-banner .banner-txt .intro { font-size: 9.375rem; line-height: 7.75rem }
}
.error404 .site-banner .banner-txt span, .thanks_page .site-banner .banner-txt span, .unsupported_page .site-banner .banner-txt span { display: block; max-width: 800px; margin: 0 auto; font-size: 1rem; color: #df1f26; letter-spacing: 2px; font-family: Neutraface Demi }
 @media screen and (min-width:960px) {
.error404 .site-banner .banner-txt span, .thanks_page .site-banner .banner-txt span, .unsupported_page .site-banner .banner-txt span { font-size: 1.5rem }
}
.error404 .site-banner .banner-txt span.mono, .thanks_page .site-banner .banner-txt span.mono, .unsupported_page .site-banner .banner-txt span.mono { font-family: Native; color: #fff; font-size: 1rem; text-transform: none; padding-bottom: 20px }
.error404 .site-banner .banner-txt .button, .thanks_page .site-banner .banner-txt .button, .unsupported_page .site-banner .banner-txt .button { font-family: Tungsten Light; letter-spacing: 2px; margin-top: 18px }
 @media screen and (min-width:660px) {
.error404 .site-banner .banner-txt .button, .thanks_page .site-banner .banner-txt .button, .unsupported_page .site-banner .banner-txt .button { margin-top: 23px }
}
.our_work { width: 100%; float: left; background: #191c1c }
.our_work .ourproject .project { float: left; display: inline }
.our_work .ourproject .project li { display: inline; width: 33.3%; padding: 0 }
 @media screen and (max-width:1000px) {
.our_work .ourproject .project li { width: 50% }
}
 @media screen and (max-width:960px) {
.our_work .ourproject .project li { width: 100% }
}
.ourwork_box { float: left; width: 100%; font-size: 1.125rem; background-color: #191c1c }
.ourwork_box .banner_bg { position: relative; min-height: 620px; height: 100vh; width: 100%; overflow: hidden }
.ourwork_box .banner_bg .hero { position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; z-index: -1 }
.ourwork_box .banner_bg .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .6 }
.ourwork_box .banner_bg .pagedown { display: none }
 @media screen and (min-width:960px) {
.ourwork_box .banner_bg .pagedown { display: block }
}
.ourwork_box .work_info_box { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: table; width: 90%; padding: 0 5% }
 @media screen and (min-width:1100px) {
.ourwork_box .work_info_box { width: 100%; padding: 0 100px }
}
.ourwork_box .work_info_box .work_info-txt { font-family: Tungsten Light; color: #fff; text-align: left; width: 60%; float: left; position: relative; z-index: 1 }
 @media screen and (max-width:1100px) {
.ourwork_box .work_info_box .work_info-txt { display: table-cell; vertical-align: middle; float: none }
}
 @media screen and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt { display: table-cell; vertical-align: middle; float: none }
}
.ourwork_box .work_info_box .work_info-txt h2 { font-size: 9.375rem; text-transform: uppercase; font-family: Tungsten Light; font-weight: 400; margin: 22px 0; line-height: 7.625rem; opacity: 0 }
 @media screen and (max-width:1100px) {
.ourwork_box .work_info_box .work_info-txt h2 { font-size: 4.6875rem; line-height: 4.6875rem; margin: 10px 0 }
}
 @media screen and (max-width:660px) {
.ourwork_box .work_info_box .work_info-txt h2 { font-size: 3.4375rem; line-height: 3.4375rem; margin: 10px 0 }
}
 @media screen and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt h2 { font-size: 4.6875rem; line-height: 4.6875rem; margin: 10px 0 }
}
.ourwork_box .work_info_box .work_info-txt h2.molecular { font-size: 3.4375rem; line-height: 3.4375rem; margin: 10px 0 }
 @media screen and (min-width:720px) {
.ourwork_box .work_info_box .work_info-txt h2.molecular { font-size: 4.6875rem; line-height: 4.6875rem; margin: 10px 0 }
}
 @media screen and (min-width:1100px) {
.ourwork_box .work_info_box .work_info-txt h2.molecular { font-size: 6.875rem; line-height: 5.625rem }
}
 @media screen and (min-width:1100px) and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt h2.molecular { font-size: 4.6875rem; line-height: 4.6875rem; margin: 10px 0 }
}
.ourwork_box .work_info_box .work_info-txt .intro { font-size: 1.3125rem; font-family: Neutraface Medium; text-transform: uppercase; letter-spacing: 6.5px; margin-left: 4px; opacity: 0 }
 @media screen and (max-width:1100px) {
.ourwork_box .work_info_box .work_info-txt .intro { font-size: 1.125rem }
}
 @media screen and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt .intro { font-size: 1.125rem }
}
.ourwork_box .work_info_box .work_info-txt .tagline { font-size: 1.4375rem; font-family: Quadon; border-left: 2px solid #df1f26; padding-left: 1rem; width: 60%; line-height: 35px; opacity: 0 }
 @media screen and (max-width:1100px) {
.ourwork_box .work_info_box .work_info-txt .tagline { width: 90%; font-size: 1.125rem; line-height: 1.75rem }
}
 @media screen and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt .tagline { width: 90%; font-size: 1.125rem; line-height: 1.75rem }
}
 @media screen and (max-width:660px) {
.ourwork_box .work_info_box .work_info-txt .tagline { font-size: 1rem; line-height: 1.375rem }
}
 @media screen and (max-width:375px) {
.ourwork_box .work_info_box .work_info-txt .tagline { display: none }
}
.ourwork_box .work_info_box .work_info-txt span { font-size: 1.5rem; color: #df1f26; font-family: Neutraface Bold }
.ourwork_box .work_info_box .work_info-txt .button { position: relative; font-family: Neutraface Bold; margin-top: 2.3125rem; opacity: 0 }
 @media screen and (max-width:1100px) {
.ourwork_box .work_info_box .work_info-txt .button { margin-top: 20px }
}
 @media screen and (max-height:820px) {
.ourwork_box .work_info_box .work_info-txt .button { margin-top: 20px }
}
.ourwork_box .work_info_box .work_info-txt .button a { position: absolute }
.ourwork_box .work_services { float: left; width: 100%; padding: 4.8125rem 5%; font-size: 1.25rem; line-height: 2.1875rem; display: table }
 @media screen and (max-width:960px) {
.ourwork_box .work_services { background: #fff }
}
.ourwork_box .work_services .scroll_bar { text-align: center; position: absolute; width: 100%; margin-top: -215px; z-index: 20; left: 0 }
.ourwork_box .work_services .scroll_bar a { background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-position: 0 0; width: 43px; height: 83px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 35px }
.ourwork_box .work_services h2 { font-size: 1.125rem; margin-bottom: 1.0625rem }
.ourwork_box .work_services h2:after {
 margin-top: .4375rem; width: 3.125rem }
.ourwork_box .work_services ul.list { margin-top: 0 }
 @media screen and (max-width:960px) {
.ourwork_box .work_services ul.list { font-size: 1rem }
}
.ourwork_box .work_services ul.list li { padding-bottom: 9px; line-height: 24px }
.ourwork_box .work_services .logo_box { width: 28%; vertical-align: middle; display: table-cell }
 @media screen and (max-width:840px) {
.ourwork_box .work_services .logo_box { width: 100%; display: table; text-align: center; margin-bottom: 23px }
}
.ourwork_box .work_services .logo_box img { width: 100% }
.ourwork_box .work_services .objective_box { width: 43%; margin-left: 10%; float: left; margin-right: 10% }
.ourwork_box .work_services .objective_box p { font-size: 1.125rem; margin-bottom: 0 }
 @media screen and (max-width:840px) {
.ourwork_box .work_services .objective_box { width: 100%; margin: 0 }
}
.ourwork_box .work_services .services_box { width: 35%; float: right }
 @media screen and (max-width:840px) {
.ourwork_box .work_services .services_box { width: 100% }
}
.ourwork_box .design_box { position: relative; background: #e4e4e4; min-height: 420px; max-height: 420px; height: 100vh; width: 100%; float: left }
 @media screen and (min-width:450px) {
.ourwork_box .design_box { min-height: 570px; max-height: 570px }
}
 @media screen and (min-width:576px) {
.ourwork_box .design_box { min-height: 600px; max-height: 600px }
}
 @media screen and (min-width:660px) {
.ourwork_box .design_box { min-height: 660px; max-height: 660px }
}
 @media screen and (min-width:840px) {
.ourwork_box .design_box { min-height: 720px; max-height: 720px }
}
 @media screen and (min-width:960px) {
.ourwork_box .design_box { min-height: 820px; max-height: 820px }
}
 @media screen and (min-width:1200px) {
.ourwork_box .design_box { min-height: 920px; max-height: 920px }
}
 @media screen and (min-width:1570px) {
.ourwork_box .design_box { min-height: 1120px; max-height: 1120px }
}
.ourwork_box .design_box.alonespaceman { min-height: 260px; max-height: 260px }
 @media screen and (min-width:450px) {
.ourwork_box .design_box.alonespaceman { min-height: 370px; max-height: 370px }
}
 @media screen and (min-width:576px) {
.ourwork_box .design_box.alonespaceman { min-height: 400px; max-height: 400px }
}
 @media screen and (min-width:660px) {
.ourwork_box .design_box.alonespaceman { min-height: 500px; max-height: 500px }
}
 @media screen and (min-width:840px) {
.ourwork_box .design_box.alonespaceman { min-height: 580px; max-height: 580px }
}
 @media screen and (min-width:960px) {
.ourwork_box .design_box.alonespaceman { min-height: 680px; max-height: 680px }
}
 @media screen and (min-width:1200px) {
.ourwork_box .design_box.alonespaceman { min-height: 980px; max-height: 980px }
}
 @media screen and (min-width:1570px) {
.ourwork_box .design_box.alonespaceman { min-height: 1120px; max-height: 1120px }
}
.ourwork_box .design_box .design { position: relative; margin-top: -20px; margin-bottom: 20px; width: 100%; z-index: 20 }
.ourwork_box .design_box .design img { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1820px }
.ourwork_box .design_box .design img.mockup { z-index: 2 }
.ourwork_box .design_box .design img.wireframe { top: 40px }
 @media screen and (min-width:450px) {
.ourwork_box .design_box .design img.wireframe { top: 75px }
}
 @media screen and (min-width:660px) {
.ourwork_box .design_box .design img.wireframe { top: 100px }
}
 @media screen and (min-width:960px) {
.ourwork_box .design_box .design img.wireframe { top: 140px }
}
 @media screen and (min-width:1570px) {
.ourwork_box .design_box .design img.wireframe { top: 200px }
}
 @media screen and (min-width:720px) {
.ourwork_box .design_box .design { margin-top: -75px; margin-bottom: 0 }
}
 @media screen and (min-width:1100px) {
.ourwork_box .design_box .design { margin-top: -100px }
}
.ourwork_box .design_box .checkout_box { position: absolute; width: 40%; bottom: 86px; margin-left: 5%; margin-top: 0; z-index: 20 }
 @media screen and (max-width:1370px) {
.ourwork_box .design_box .checkout_box { width: 50% }
}
 @media screen and (max-width:1100px) {
.ourwork_box .design_box .checkout_box { width: 90%; padding-bottom: 32px; position: absolute; bottom: 40px }
}
 @media screen and (max-width:450px) {
.ourwork_box .design_box .checkout_box { padding-top: 118px; padding-left: 0; padding-bottom: 0; bottom: 28px; background-size: 39% }
}
.ourwork_box .design_box .checkout_box svg { display: inline-block; float: left; margin-right: 20px; height: 64px; width: 64px }
 @media screen and (min-width:450px) {
.ourwork_box .design_box .checkout_box svg { height: auto; width: auto }
}
.ourwork_box .design_box .checkout_box span { font-size: 1.4375rem; font-family: Quadon; margin-bottom: 13px; display: block; color: #000 }
 @media screen and (max-width:576px) {
.ourwork_box .design_box .checkout_box span { font-size: 1.125rem }
}
.ourwork_box .design_box .checkout_box a { color: #df1f26; border-color: #df1f26 }
.ourwork_box .design_box .checkout_box a:nth-child(1) { margin-right: 22px }
.ourwork_box .design_box .checkout_box a:after { background: #df4335 }
.ourwork_box .design_box .checkout_box a .filler:after { background: #df1f26 }
.ourwork_box .design_box .checkout_box a:hover { color: #fff }
.ourwork_box .solution_box { float: left; width: 100%; background: #fff; padding: 6.875rem 5% 4.8125rem; font-size: 1.25rem; display: table }
.ourwork_box .solution_box h2 { font-size: 1.125rem; margin-bottom: 1.0625rem }
.ourwork_box .solution_box h2:after {
 margin-top: .4375rem; width: 3.125rem }
.ourwork_box .solution_box ul.list { margin-top: 0 }
.ourwork_box .solution_box ul.list li { padding-bottom: 9px; line-height: 24px }
.ourwork_box .solution_box .designimage { width: 55%; max-width: 778px; float: left }
 @media screen and (max-width:1370px) {
.ourwork_box .solution_box .designimage { width: 100%; text-align: center }
}
.ourwork_box .solution_box .designimage .frame { background-image: url(../images/pc_bg.png); background-repeat: no-repeat; background-position: 0 0; background-size: contain; height: 44.625rem; width: 100%; padding: 3% 4% 0; position: relative }
 @media screen and (max-width:1370px) {
.ourwork_box .solution_box .designimage .frame { background-position: top; padding: 0 }
.ourwork_box .solution_box .designimage .frame img { width: 740px; padding-top: 20px }
}
 @media screen and (max-width:840px) {
.ourwork_box .solution_box .designimage .frame { height: 42.5rem; width: 100%; padding: 3% 4% 0 }
.ourwork_box .solution_box .designimage .frame img { width: 100%; padding-top: 0 }
}
 @media screen and (max-width:660px) {
.ourwork_box .solution_box .designimage .frame { height: 33.875rem; width: 100% }
}
 @media screen and (max-width:576px) {
.ourwork_box .solution_box .designimage .frame { height: 27.625rem; width: 100%; padding: 3% 5.2% 0 }
}
 @media screen and (max-width:450px) {
.ourwork_box .solution_box .designimage .frame { height: 22.8125rem; width: 100%; padding: 3% 4% 0 }
}
 @media screen and (max-width:420px) {
.ourwork_box .solution_box .designimage .frame { height: 20.625rem; width: 100%; padding: 3% 4.5% 0 }
}
 @media screen and (max-width:375px) {
.ourwork_box .solution_box .designimage .frame { height: 20.625rem; width: 100% }
}
.ourwork_box .solution_box .designimage .frame:after { background-image: url(../images/mac_shadow.png); background-repeat: no-repeat; background-position: 100% 0; background-size: contain; position: absolute; top: -1px; right: 0; content: ''; height: 100%; width: 100%; opacity: .3 }
.ourwork_box .solution_box .designimage .frame img { position: relative }
.ourwork_box .solution_box .content { width: 41%; margin-top: 1.625rem; float: right }
 @media screen and (max-width:1370px) {
.ourwork_box .solution_box .content { width: 100%; text-align: center }
}
.ourwork_box .solution_box .content h2 { text-align: left }
.ourwork_box .solution_box .content p {
 margin-bottom: .625rem; text-align: left }
.ourwork_box .solution_box .content a { color: #fff; letter-spacing: 2px; background: #df1f26 }
.ourwork_box .solution_box .content a:after { background: #df1f26 }
.ourwork_box .solution_box .content a .filler:after { background: #212527 }
.ourwork_box .solution_box .content a:hover { color: #36c0cc }
.ourwork_box .solution_box .content a:hover:after { background: #9daaa9 }
.ourwork_box .rightlist { position: fixed; top: 50%; right: 3%; margin-top: -60px; z-index: 100; text-align: right }
 @media screen and (max-width:960px) {
.ourwork_box .rightlist { display: none }
}
.ourwork_box .rightlist.darkHeader ul li a, .ourwork_box .rightlist.darkHeader ul li a span { color: #191c1c }
.ourwork_box .rightlist.darkHeader ul li.active a span, .ourwork_box .rightlist.darkHeader ul li:hover a span { color: #fff; background: #df1f26; border-color: #df1f26 }
.ourwork_box .rightlist ul li { font-family: Neutraface Medium; list-style: none; display: block; clear: both; margin-bottom: 26px }
.ourwork_box .rightlist ul li a { color: #fff; text-transform: uppercase; text-decoration: none; font-size: 12px; letter-spacing: 2px }
.ourwork_box .rightlist ul li a span { color: #fff; float: right; border: 1px solid #fff; border-radius: 100%; padding: 4px 8px; margin-left: 16px }
.ourwork_box .rightlist ul li.active a span, .ourwork_box .rightlist ul li:hover a span { color: #191c1c; background: #fff }
.ourwork_box .pagination { background: #e4e4e4; padding: 2.6875rem 5%; font-family: Neutraface Bold; font-size: 1rem; clear: both; width: 100%; float: left }
.ourwork_box .pagination a { -webkit-transition: all .3 ease; transition: all .3 ease }
.ourwork_box .pagination .next, .ourwork_box .pagination .provious { text-transform: uppercase; display: inline; height: 1.1875rem; height: 19px; width: 35% }
 @media screen and (max-width:660px) {
.ourwork_box .pagination .next, .ourwork_box .pagination .provious { display: none }
}
.ourwork_box .pagination .next a, .ourwork_box .pagination .provious a { text-decoration: none }
.ourwork_box .pagination .next i, .ourwork_box .pagination .provious i { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 100% 0; width: 72px; height: 10px; float: left; margin-top: 2px }
 @media screen and (max-width:1100px) {
.ourwork_box .pagination .next span, .ourwork_box .pagination .provious span { display: none }
}
.ourwork_box .pagination .next { float: left }
.ourwork_box .pagination .next i { margin-right: 21px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg) }
.ourwork_box .pagination .back { margin: 0 auto; width: 30%; float: left; text-align: center; text-transform: uppercase; text-decoration: none }
 @media screen and (max-width:660px) {
.ourwork_box .pagination .back { width: 100% }
}
.ourwork_box .pagination .back i { background-image: url(../images/blocks_img.png); background-repeat: no-repeat; background-position: 100% 0; width: 45px; height: 40px; padding: 15px 30px; margin-right: 16px }
 @media screen and (max-width:1100px) {
.ourwork_box .pagination .back span { display: none }
}
 @media screen and (max-width:660px) {
.ourwork_box .pagination .back span { display: inline }
}
.ourwork_box .pagination .provious { float: right }
.ourwork_box .pagination .provious i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); float: right; margin-left: 16px }
.ourwork_box .pagination .provious span { float: right }
.blog, .our_cat { width: 100%; float: left; background: #191c1c }
.blog .cat-list, .our_cat .cat-list { display: none }
 @media screen and (min-width:840px) {
.blog .cat-list, .our_cat .cat-list { display: block; background: #1f2222; color: #272b2b; font-family: Neutraface Bold; text-align: center; text-transform: uppercase }
}
.blog .cat-list ul, .our_cat .cat-list ul { display: inline-table }
.blog .cat-list ul li, .our_cat .cat-list ul li { display: inline-table; font-family: Neutraface Demi; font-size: .875rem;
padding: 9px 8px 7px; border-right: 2px solid #242828 }
 @media screen and (min-width:960px) {
.blog .cat-list ul li, .our_cat .cat-list ul li { font-family: Neutraface Bold; padding: 9px 15px 7px }
}
 @media screen and (min-width:1200px) {
.blog .cat-list ul li, .our_cat .cat-list ul li { padding: 9px 31px 7px }
}
.blog .cat-list ul li a, .our_cat .cat-list ul li a { color: #656d6d; text-decoration: none }
.blog .cat-list ul li a:hover, .our_cat .cat-list ul li a:hover { color: #8c9f9f }
.blog .cat-list ul li.current-cat a, .our_cat .cat-list ul li.current-cat a { color: #12aaad }
.blog_detail .blog_head { background-color: #272b2b; background-image: url(../images/slider.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; float: left; height: 599px; width: 100%; position: relative; font-size: 1.125rem }
.blog_detail .blog_head .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .6 }
.blog_detail .blog_head .blog_banner { width: 100%; padding: 0 5%; position: absolute; bottom: 1.625rem; z-index: 2 }
.blog_detail .blog_head .blog_banner h1 { font-size: 2rem; color: #fff; font-family: Neutraface Bold; text-transform: uppercase; margin-bottom: 0; line-height: 2.1875rem; margin-top: 1.25rem }
 @media screen and (max-width:660px) {
.blog_detail .blog_head .blog_banner h1 { font-size: 1.625rem }
}
.blog_detail .blog_head .blog_banner p { font-size: 1.25rem; width: 50%; color: #fff; margin: 8px 0 0; line-height: 1.75rem; margin-bottom: 2rem }
 @media screen and (max-width:1370px) {
.blog_detail .blog_head .blog_banner p { width: 80% }
}
 @media screen and (max-width:660px) {
.blog_detail .blog_head .blog_banner p { width: 100%; font-size: 1rem }
}
.blog_detail .blog_head .blog_banner .author { font-size: 1rem; color: #fff; font-family: Native; text-transform: uppercase; letter-spacing: 1px; line-height: 46px }
 @media screen and (max-width:660px) {
.blog_detail .blog_head .blog_banner .author { font-size: .75rem
}
}
.blog_detail .blog_head .blog_banner .author img { height: 42px; width: 42px; border-radius: 100%; float: left; margin-right: 30px }
 @media screen and (max-width:576px) {
.blog_detail .blog_head .blog_banner .author .info { float: left; width: 72%; line-height: 16px; margin-top: 6px }
}
.blog_detail .blog_head .blog_banner .author span { color: #12aaad }
.blog_detail .blog_content { float: left; width: 100% }
.blog_detail .blog_content .cat { color: #9daaa9; font-size: .75rem;
font-family: Neutraface Demi; text-align: center; margin-top: 2.375rem; margin-bottom: 1.125rem; text-transform: uppercase; clear: both; float: left; width: 100% }
 @media screen and (max-width:960px) {
.blog_detail .blog_content .cat { padding-right: 5%; padding-left: 5%; margin-top: 1.125rem; margin-bottom: 1.125rem }
}
.blog_detail .blog_content .content { width: 90%; clear: both; padding: 4% 5%; margin: 0 auto; background: #fff; font-size: 1.25rem; color: #343535; line-height: 32px }
.blog_detail .blog_content .content a { color: #df1f26; text-decoration: none }
.blog_detail .blog_content .content a:hover { text-decoration: none }
.blog_detail .blog_content .content .alignleft { float: left; padding: 0 20px 15px 0; box-sizing: content-box }
.blog_detail .blog_content .content .alignright { float: right; padding: 0 0 15px 20px; box-sizing: content-box }
.blog_detail .blog_content .content h2, .blog_detail .blog_content .content h3, .blog_detail .blog_content .content h4 { font-size: 2rem; margin-bottom: 1.8125rem; line-height: 2.1875rem; font-family: Quadon; margin-top: 2.1875rem }
.blog_detail .blog_content .content h2 a, .blog_detail .blog_content .content h3 a, .blog_detail .blog_content .content h4 a { color: #343535; text-decoration: none }
.blog_detail .blog_content .content h2 a:hover, .blog_detail .blog_content .content h3 a:hover, .blog_detail .blog_content .content h4 a:hover { color: #df1f26 }
.blog_detail .blog_content .content h3 { font-size: 1.625rem }
.blog_detail .blog_content .content h4 { font-size: 1.25rem }
.blog_detail .blog_content .bottom_bar { width: 100%; padding: 49px 5% 55px; float: left }
 @media screen and (max-width:660px) {
.blog_detail .blog_content .bottom_bar { padding: 0 }
}
.blog_detail .blog_content .bottom_bar .author { float: left; font-size: 1rem; color: #212527; font-family: Neutraface Demi; text-transform: uppercase; letter-spacing: 2px; line-height: 96px }
 @media screen and (max-width:660px) {
.blog_detail .blog_content .bottom_bar .author { padding: 30px 5% 20px }
}
.blog_detail .blog_content .bottom_bar .author img { height: 96px; width: 96px; border-radius: 100%; float: left; margin-right: 30px }
.blog_detail .blog_content .bottom_bar .author span { color: #df1f26 }
.blog_detail .blog_content .bottom_bar .share_box { display: none; float: right; font-family: Neutraface Bold; margin-top: 1.5rem }
 @media screen and (max-width:660px) {
.blog_detail .blog_content .bottom_bar .share_box { border-right: 4px solid #df1f26; border-left: 4px solid #df1f26; background: #272b2b; clear: both; padding: 1.0625rem 2.875rem; float: left; width: 100% }
}
 @media screen and (max-width:375px) {
.blog_detail .blog_content .bottom_bar .share_box { padding: 1.0625rem 5% }
}
.blog_detail .blog_content .bottom_bar .share_box label { font-size: 12px; text-transform: uppercase; border-radius: 1px; border-right: 1px solid #868a8b; padding: 27px 24px 24px 0; float: left }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar { float: left }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar ul { list-style: none; margin-top: 18px; margin-left: 16px }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar ul li { display: inline; margin-left: 6px; margin-right: 6px }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar ul li a { padding: 8px 0 6px; border-radius: 100%; color: #343535; font-size: 14px; width: 34px; float: left; text-align: center; margin-left: 4px }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar ul li a:hover { background: #df1f26; color: #fff }
.blog_detail .blog_content .bottom_bar .share_box .socialmedia_sidebar ul li a i { content: '' }
 @media screen and (max-width:660px) {
.blog_detail #comments { display: none }
}
.blog_detail .blog_pagination .next_now, .blog_detail .blog_pagination .prev_now { float: left; width: 50%; height: 20.875rem; color: #fff; position: relative; display: table }
.blog_detail .blog_pagination .next_now .overlay, .blog_detail .blog_pagination .prev_now .overlay { background: #191c1c; height: 100%; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; position: absolute; top: 0; right: 0; opacity: .68 }
 @media screen and (max-width:840px) {
.blog_detail .blog_pagination .next_now, .blog_detail .blog_pagination .prev_now { width: 100% }
}
.blog_detail .blog_pagination .next_now .info, .blog_detail .blog_pagination .prev_now .info { position: relative; display: table-cell; vertical-align: middle; padding: 0 9% }
.blog_detail .blog_pagination .next_now .info h3, .blog_detail .blog_pagination .prev_now .info h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 14px }
 @media screen and (max-width:660px) {
.blog_detail .blog_pagination .next_now .info h3, .blog_detail .blog_pagination .prev_now .info h3 { font-size: .8125rem
}
}
.blog_detail .blog_pagination .next_now .info h2, .blog_detail .blog_pagination .prev_now .info h2 { font-size: 2rem; text-transform: uppercase; margin-top: 0; margin-bottom: 4px }
 @media screen and (max-width:660px) {
.blog_detail .blog_pagination .next_now .info h2, .blog_detail .blog_pagination .prev_now .info h2 { font-size: 1.25rem }
}
 @media screen and (max-width:1370px) {
.blog_detail .blog_pagination .next_now .info h2, .blog_detail .blog_pagination .prev_now .info h2 { font-size: 1.25rem }
}
.blog_detail .blog_pagination .next_now .info p, .blog_detail .blog_pagination .prev_now .info p { font-size: 1rem; margin: 0; height: 60px; margin-bottom: 18px; color: #ddd }
 @media screen and (max-width:1370px) {
.blog_detail .blog_pagination .next_now .info p, .blog_detail .blog_pagination .prev_now .info p { line-height: 25px }
}
.blog_detail .blog_pagination .next_now .info a, .blog_detail .blog_pagination .prev_now .info a { color: #fff; text-transform: uppercase; font-size: 1rem; text-decoration: none; font-family: Neutraface Bold }
.blog_detail .blog_pagination .next_now .info a i, .blog_detail .blog_pagination .prev_now .info a i { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); height: .625rem;
width: 4.5rem; -webkit-transition: all 1s ease; transition: all 1s ease; display: inline-block; margin-left: 6px }
.our_services { position: relative; width: 100%; float: left; background: #0f212f; overflow: hidden }
.our_services .stars-background { position: absolute; height: 120%; width: 100%; background-image: url(../images/stars-background.jpg); background-repeat: repeat; background-position: 0 0; background-size: 100%; background-attachment: fixed; z-index: -1 }
.our_services #starcanvas { position: absolute; display: block; z-index: 1 }
.our_services .galaxy-small { top: 850px; left: 111px; height: 111px; width: 111px; background-image: url(../images/galaxy-small.png); background-size: 111px 111px; z-index: 1 }
.our_services .astronaut, .our_services .galaxy-small { position: absolute; background-repeat: no-repeat; background-position: 0 0 }
.our_services .astronaut { top: 650px; right: 80px; height: 494px; width: 460px; display: none; background-image: url(../images/astronaut-forward.png); background-size: 460px 494px; z-index: 3 }
 @media screen and (min-width:1000px) {
.our_services .astronaut { display: block }
}
.our_services .astronaut .airblast, .our_services .astronaut .laser, .our_services .astronaut .led01, .our_services .astronaut .led02 { position: absolute; height: 100%; width: 100% }
.our_services .astronaut .airblast { background-image: url(../images/astronaut-airblast.png) }
.our_services .astronaut .airblast, .our_services .astronaut .laser { background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
.our_services .astronaut .laser { background-image: url(../images/astronaut-laser.png) }
.our_services .astronaut .led01 { background-image: url(../images/astronaut-led01.png) }
.our_services .astronaut .led01, .our_services .astronaut .led02 { background-repeat: no-repeat; background-position: 0 0; background-size: 460px 494px }
.our_services .astronaut .led02 { background-image: url(../images/astronaut-led02.png) }
.our_services .planet-large { top: 75%; right: 30%; overflow: hidden; box-shadow: 0 0 60px -20px rgba(115,176,163,.5), -14px -15px 40px -10px rgba(75,105,99,.4); z-index: 2 }
.our_services .planet-large, .our_services .planet-large .wrap { position: absolute; height: 277px; width: 277px; border-radius: 50% }
.our_services .planet-large .wrap .background { -webkit-animation: largePlanet 40s infinite linear; animation: largePlanet 40s infinite linear; background-image: url(../images/jakurra.jpg); background-size: 454px 227px }
.our_services .planet-large .wrap .background, .our_services .planet-large .wrap .clouds { background-repeat: repeat; background-position: 0 0; height: 277px; width: 277px; position: absolute; border-radius: 50% }
.our_services .planet-large .wrap .clouds { background-image: url(../images/planet-clouds.png); background-size: 554px 227px; -webkit-animation: lgPlanetClouds 30s infinite linear; animation: lgPlanetClouds 30s infinite linear; opacity: .8 }
.our_services .planet-large .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 100px #1d312d, inset 10px 10px 40px -10px rgba(115,176,163,.8); border-radius: 50% }
.our_services .planet-small { top: 10%; left: 8%; overflow: hidden; box-shadow: 0 0 60px -20px hsla(45,35%,79%,.5), -14px -15px 40px -10px hsla(50,14%,51%,.3); z-index: 2 }
.our_services .planet-small, .our_services .planet-small .wrap { position: absolute; height: 129px; width: 129px; border-radius: 50% }
.our_services .planet-small .wrap .background { -webkit-animation: smallPlanet 30s infinite linear; animation: smallPlanet 30s infinite linear; background-image: url(../images/planet-cerca-trova.jpg) }
.our_services .planet-small .wrap .background, .our_services .planet-small .wrap .clouds { background-repeat: repeat; background-position: 0 0; background-size: 258px 129px; height: 129px; width: 129px; position: absolute; border-radius: 50% }
.our_services .planet-small .wrap .clouds { background-image: url(../images/planet-clouds.png); -webkit-animation: smPlanetClouds 20s infinite linear; animation: smPlanetClouds 20s infinite linear; opacity: .8 }
.our_services .planet-small .mask { width: 100%; height: 100%; position: absolute; box-shadow: inset -20px -20px 50px #070808, inset 10px 10px 40px -10px rgba(184,215,221,.8); border-radius: 50% }
 @-webkit-keyframes largePlanet { 0% {
 background-position-x:0
}
to { background-position-x: -454px }
}
 @keyframes largePlanet { 0% {
 background-position-x:0
}
to { background-position-x: -454px }
}
 @-webkit-keyframes lgPlanetClouds { 0% {
 background-position-x:0
}
to { background-position-x: -554px }
}
 @keyframes lgPlanetClouds { 0% {
 background-position-x:0
}
to { background-position-x: -554px }
}
 @-webkit-keyframes smallPlanet { 0% {
 background-position-x:0
}
to { background-position-x: -258px }
}
 @keyframes smallPlanet { 0% {
 background-position-x:0
}
to { background-position-x: -258px }
}
 @-webkit-keyframes smPlanetClouds { 0% {
 background-position-x:0
}
to { background-position-x: -258px }
}
 @keyframes smPlanetClouds { 0% {
 background-position-x:0
}
to { background-position-x: -258px }
}
.our_services .asteroids-small { right: 80px; height: 149px; width: 483px; background-image: url(../images/asteroids-small.png); background-size: 100%; z-index: 1 }
.our_services .asteroids-small, .our_services .astronaut-02 { position: absolute; background-repeat: no-repeat; background-position: 0 0 }
.our_services .astronaut-02 { top: 77%; left: 40px; height: 359px; width: 271px; display: none; background-image: url(../images/astronaut-02.png); background-size: 271px 359px; z-index: 3 }
 @media screen and (min-width:1000px) {
.our_services .astronaut-02 { display: block }
}
.our_services .head { position: relative; z-index: 5; padding: 110px 30px 0 }
 @media screen and (min-width:960px) {
.our_services .head { padding: 135px 5% 0 }
}
 @media screen and (min-width:1100px) {
.our_services .head { padding: 135px 15% 0 }
}
 @media screen and (min-width:1370px) {
.our_services .head { padding: 211px 18% 0 }
}
 @media screen and (min-width:1570px) {
.our_services .head { padding: 211px 21% 0 }
}
.our_services .head .title_bar { text-align: center }
.our_services .head .title_bar h2 { font-family: Tungsten Light; font-size: 5rem; line-height: 5rem; text-transform: uppercase; font-weight: 400; margin: 10px 0; color: #fff; opacity: 0 }
 @media screen and (min-width:576px) {
.our_services .head .title_bar h2 { font-size: 6.25rem; line-height: 5.625rem; margin: 16px 0 }
}
 @media screen and (min-width:840px) {
.our_services .head .title_bar h2 { font-size: 9.375rem; line-height: 7.625rem; margin: 28px 0 38px }
}
.our_services .head .title_bar .separator { position: relative; height: 15px; width: 130px; margin: 0 auto; display: block; clear: both; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.our_services .head .title_bar .separator .dot { position: absolute; left: 0; right: 0; height: 15px; width: 15px; border-radius: 50%; background: #df1f26; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.our_services .head .title_bar .separator .dot.dtleft, .our_services .head .title_bar .separator .dot.dtright { height: 13px; width: 13px; -webkit-transform: translateY(1px); transform: translateY(1px) }
.our_services .head .title_bar .separator .line { position: absolute; top: 6px; right: 0; left: 0; height: 2px; width: 0; background: #df1f26; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease }
.our_services .head .title_bar .separator.animate .dot.dtleft { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(-65px); transform: translateY(0) translateX(-65px) }
.our_services .head .title_bar .separator.animate .dot.dtright { height: 15px; width: 15px; -webkit-transform: translateY(0) translateX(65px); transform: translateY(0) translateX(65px) }
.our_services .head .title_bar .separator.animate .line { width: 100% }
.our_services .head .welcome_section { margin-top: 40px }
 @media screen and (min-width:840px) {
.our_services .head .welcome_section { margin-top: -80px }
}
 @media screen and (min-width:1000px) {
.our_services .head .welcome_section { margin-top: 60px }
}
.our_services .head .welcome_section .welcome_box { opacity: 0; background-image: url(../images/tiles.png); background-repeat: repeat; background-position: 50%; padding: 45px 5% 25px 4%; text-align: center }
 @media screen and (min-width:1280px) {
.our_services .head .welcome_section .welcome_box { padding: 106px 5% 85px 4% }
}
.our_services .head .welcome_section .welcome_box h2 { margin-top: 0; text-transform: uppercase; font-size: 1.625rem; color: #525656; margin-bottom: 0 }
 @media screen and (min-width:660px) {
.our_services .head .welcome_section .welcome_box h2 { font-size: 2rem; margin-bottom: 14px }
}
.our_services .head .welcome_section .welcome_box p { font-size: 1rem; line-height: 1.625rem; margin-bottom: 0 }
 @media screen and (min-width:840px) {
.our_services .head .welcome_section .welcome_box p { font-size: 1.125rem; line-height: 1.8125rem }
}
.our_services #definition { position: relative; z-index: 4 }
.our_services #definition .strip { position: relative; width: 90%; max-width: 930px; border-bottom: 1px solid hsla(0,0%,100%,.3); margin: 140px auto 60px; padding-bottom: 6px; text-align: center }
 @media screen and (min-width:1100px) {
.our_services #definition .strip { margin-top: 104px }
}
.our_services #definition .strip .top { display: table; width: 100% }
.our_services #definition .strip .top span { font-family: Native; color: #fff; letter-spacing: 4px; font-size: .875rem;
display: inline; float: left; margin-top: -9px }
.our_services #definition .strip .top .line { border-bottom: 1px solid hsla(0,0%,100%,.3); display: -webkit-box; display: -ms-flexbox; display: flex }
.our_services #definition .strip .overlay { position: absolute; top: -57px; left: 0; font-size: 8.9375rem; color: #fff; opacity: .06; font-family: Tungsten Book; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 16px; width: 100%; text-align: center }
.our_services #definition .strip .tagline { font-size: 1.125rem; letter-spacing: 2px; font-family: Tungsten Medium; color: #fff; text-transform: uppercase }
 @media screen and (min-width:840px) {
.our_services #definition .strip .tagline { font-size: 1.25rem; letter-spacing: 4px }
}
 @media screen and (min-width:1100px) {
.our_services #definition .strip .tagline { font-size: 1.4375rem; letter-spacing: 6.7px }
}
.our_services #definition .scroll-blast { display: block; height: 28px; width: 14px; margin: -6px auto 40px }
.our_services #definition .scroll-blast path { fill: #fff; -webkit-animation: arrowHint 1.5s infinite; animation: arrowHint 1.5s infinite; -webkit-animation-delay: 3.5s; animation-delay: 3.5s }
 @-webkit-keyframes arrowHint { 0% {
 opacity:0
}
 40% {
 opacity:1
}
 80% {
 opacity:0
}
to { opacity: 0 }
}
 @keyframes arrowHint { 0% {
 opacity:0
}
 40% {
 opacity:1
}
 80% {
 opacity:0
}
to { opacity: 0 }
}
.our_services #definition .scroll-blast path.a1 { fill: #5fcdd6; -webkit-animation-delay: -.75s; animation-delay: -.75s }
.our_services #definition .scroll-blast path.a2 { fill: #87dae1; -webkit-animation-delay: -.375s; animation-delay: -.375s }
.our_services #definition .scroll-blast path.a3 { fill: #b0e6eb; -webkit-animation-delay: 0s; animation-delay: 0s }
.our_services .services_box { position: relative; width: 100%; float: left; z-index: 5 }
 @media screen and (min-width:1100px) {
.our_services .services_box { margin-top: 64px }
}
.our_services .services_box .horizon-line { position: absolute; top: 55px; display: block; background-image: url(../images/services_round.png); background-repeat: no-repeat; background-position: top; float: left; width: 100%; height: 106px; opacity: .3 }
.our_services .services_box .pagination { background-image: url(../images/pagination_service.png); background-repeat: no-repeat; background-position: top; text-align: center; padding: 24px 22px 90px; float: left; width: 100% }
 @media screen and (min-width:1100px) {
.our_services .services_box .pagination { padding-bottom: 127px }
}
.our_services .services_box .pagination .number { font-size: 3.125rem; color: #bfc7cd; font-family: Tungsten Medium }
.our_services .services_box.first .service_content { padding-top: 0 }
 @media screen and (min-width:450px) {
.our_services .services_box.first .service_content { padding-top: 150px }
}
.our_services .services_box .service_content { position: relative; width: 100%; float: left; padding: 0 5% 50px; margin-bottom: 154px; z-index: 10 }
 @media screen and (min-width:450px) {
.our_services .services_box .service_content { padding-bottom: 116px; margin-bottom: 0 }
}
 @media screen and (min-width:960px) {
.our_services .services_box .service_content { margin-bottom: 2.5rem }
}
.our_services .services_box .service_content .service_img { display: none }
 @media screen and (min-width:960px) {
.our_services .services_box .service_content .service_img { display: block; width: 13%; float: left; margin-right: 3%; margin-top: 5.1875rem }
}
.our_services .services_box .service_content .service_img svg { max-height: 6.3125rem; width: 100% }
 @media screen and (min-width:960px) {
.our_services .services_box .service_content .service_img svg { width: 12.875rem }
}
.our_services .services_box .service_content .service_detail { width: 100%; float: left; font-size: 1rem }
 @media screen and (min-width:576px) {
.our_services .services_box .service_content .service_detail { width: 60% }
}
 @media screen and (min-width:720px) {
.our_services .services_box .service_content .service_detail { width: 66.7% }
}
 @media screen and (min-width:960px) {
.our_services .services_box .service_content .service_detail { width: 50%; font-size: 1.125rem }
}
.our_services .services_box .service_content .service_detail h2 { color: #fff; font-size: 3.1875rem; line-height: 4rem; text-transform: uppercase; font-family: Tungsten Light; margin-top: 16px; margin-bottom: 0; font-weight: 400 }
 @media screen and (min-width:1000px) {
.our_services .services_box .service_content .service_detail h2 { font-size: 5.625rem; margin-top: 0; margin-bottom: 21px }
}
.our_services .services_box .service_content .service_detail p { color: #ddd }
.our_services .services_box .service_content .service_detail a.readmore { font-family: Neutraface Demi; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1rem; letter-spacing: 2px; margin-top: 50px; z-index: 1 }
.our_services .services_box .service_content .service_detail a.readmore .linearrow { z-index: -1 }
.our_services .services_box .service_content .service_detail a.readmore:hover .linearrow { width: 170px; margin-left: -120px }
.our_services .services_box .service_content .service_detail a.readmore:hover .linearrow:before { background: #df1f26 }
.our_services .services_box .service_content .service_detail a.readmore:hover .linearrow:after { border-left: 12px solid #df1f26 }
.our_services .services_box .service_list { display: none }
 @media screen and (min-width:576px) {
.our_services .services_box .service_list { display: block; width: 40%; padding-top: 30px; padding-left: 30px; float: left; color: #fff }
}
 @media screen and (min-width:720px) {
.our_services .services_box .service_list { width: 33.3% }
}
 @media screen and (min-width:960px) {
.our_services .services_box .service_list { width: 25%; padding-left: 0; float: right }
}
.our_services .services_box .service_list h2 { font-size: 1rem; margin-bottom: 17px; color: #fff; letter-spacing: 3px }
.our_services .services_box .service_list h2:after { width: 39px; height: 2px; margin-top: 10px; margin-bottom: 13px }
.our_services .services_box .service_list ul.list { margin-top: 0 }
.our_services .services_box .service_list ul.list li { font-family: Native; color: #fff; padding-bottom: 7px; line-height: 24px; font-size: .875rem;
background-size: 6px }
 @media screen and (min-width:720px) {
.our_services .services_box .service_list ul.list li { font-family: Quadon; font-size: 1rem }
}
.page-template-template-after-before .banner-txt .gliches { background-image: url(../images/seprater_r.png)!important }
.after_before_box { width: 100%; position: relative; float: left; border-top: 11px solid #df4335; background-image: url(../images/after_before.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; padding-top: 5.625rem }
.after_before_box .container { width: 59%; margin: 0 auto; line-height: 2.2rem }
.after_before_box .container .triangulation { display: table; margin: 0 auto; margin-bottom: -65px }
.after_before_box .container .title_cont { width: 437px; overflow: hidden }
.after_before_box .container .title_cont button { display: none }
.after_before_box .container .title_cont li .title { font-size: 2.5rem; margin: 0; color: #fff; text-align: center; text-transform: uppercase }
.after_before_box .container .title_cont .slick-dots { display: none }
.after_before_box .slide { overflow: hidden; padding-top: 110px; position: relative; z-index: 10 }
.after_before_box .slide .slick-list { padding: 0!important }
.after_before_box .slide button { display: none }
.after_before_box .slide li { width: 100%; overflow: hidden; outline: none }
.after_before_box .slide li .slidebox { width: 48%; float: left; position: relative }
 @media screen and (max-width:960px) {
.after_before_box .slide li .slidebox { width: 100% }
}
.after_before_box .slide li .slidebox .image { background-image: url(../images/macbook.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; width: 100%; padding: 12% 16% 9% 0; position: relative; margin-bottom: 94px }
 @media screen and (max-width:960px) {
.after_before_box .slide li .slidebox .image { background-image: url(../images/macbook_m.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% }
}
.after_before_box .slide li .slidebox .image:after { background-image: url(../images/macbook_shadow.png); background-repeat: no-repeat; background-position: 100% 0; background-size: contain; position: absolute; top: 57px; right: 94px; content: ''; height: 100%; width: 100%; opacity: .3 }
.after_before_box .slide li .slidebox .image img { position: relative; width: 100% }
.after_before_box .slide li .slidebox .label { position: absolute; z-index: 10 }
.after_before_box .slide li .slidebox .label .title { font-size: 2rem; color: #fff; text-transform: uppercase; font-size: 1.125rem; font-family: Neutraface Bold }
.after_before_box .slide li .slidebox.before .label { background-image: url(../images/white_mark.png); background-repeat: no-repeat; background-position: 0 0; right: -80px; top: 18%; padding: 39px 82px 39px 147px }
 @media screen and (max-width:1370px) {
.after_before_box .slide li .slidebox.before .label { top: 18% }
}
 @media screen and (max-width:1100px) {
.after_before_box .slide li .slidebox.before .label { right: -75px }
}
.after_before_box .slide li .slidebox.after { float: right }
.after_before_box .slide li .slidebox.after .image { padding: 12% 0 9% 16.4%; background-image: url(../images/macbook_a.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% }
 @media screen and (max-width:960px) {
.after_before_box .slide li .slidebox.after .image { background-image: url(../images/macbook_m.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; margin: 0 auto; width: 80%; padding: 12% 13% 9% 14% }
}
.after_before_box .slide li .slidebox.after .label { background-image: url(../images/red_mark.png); background-repeat: no-repeat; background-position: 0 0; left: -80px; top: 36%; padding: 40px 214px 39px 23px }
 @media screen and (max-width:1370px) {
.after_before_box .slide li .slidebox.after .label { top: 42% }
}
 @media screen and (max-width:1100px) {
.after_before_box .slide li .slidebox.after .label { left: -62px }
}
.after_before_box .slide ul.slick-dots { bottom: inherit; top: 15px; text-align: center }
.after_before_box .slide ul.slick-dots li { margin: 0 20px 0 0; width: 20px; overflow: inherit }
.after_before_box .slide ul.slick-dots li button { height: 30px; width: 30px; line-height: 18px; font-size: 16px; color: #fff; border: 2px solid; font-family: Neutraface Display Bold; border-radius: 50%; display: block }
.after_before_box li.slick-active button { border-color: #df1f26 }
.after_before_box .strip { background: #efefef; width: 100%; height: 15rem; position: absolute; bottom: 0; z-index: 0 }
 @media screen and (max-width:1370px) {
.after_before_box .strip { height: 10.5625rem }
}
.our_team { float: left; height: 832px; width: 100%; font-size: 1.125rem }
 @media screen and (max-width:576px) {
.our_team { height: auto; background: #191c1c }
}
.our_team .bio_box { float: left; height: 100%; width: 100%; position: relative; background-position: 100% 0; background-size: cover }
 @media screen and (max-width:960px) {
.our_team .bio_box { background-position: 70% 0 }
}
 @media screen and (max-width:576px) {
.our_team .bio_box { background-size: 100%; background-repeat: no-repeat }
}
.our_team .bio_box:before { content: ''; background-image: url(../images/gradient.png); background-repeat: repeat-y; background-position: 0 0; height: 100%; width: 95%; position: absolute; top: 0; left: 0; z-index: 0 }
 @media screen and (max-width:1370px) {
.our_team .bio_box:before { height: 100%; width: 100% }
}
.our_team .bio_box .info { color: #fff; position: relative; z-index: 1; margin-left: 5%; margin-top: 10rem; width: 35.375rem; float: left }
 @media screen and (max-width:960px) {
.our_team .bio_box .info { width: 45% }
}
 @media screen and (max-width:660px) {
.our_team .bio_box .info { width: 60% }
}
 @media screen and (max-width:576px) {
.our_team .bio_box .info { width: 88%; margin-top: 19.25rem }
}
.our_team .bio_box .info h2, .our_team .bio_box .info h3 { font-size: 7.5rem; color: #fff; font-family: Tungsten Light; text-transform: uppercase; margin: 0; letter-spacing: 3.2px; font-weight: 100 }
 @media screen and (max-width:960px) {
.our_team .bio_box .info h2, .our_team .bio_box .info h3 { font-size: 3.75rem; line-height: 53px }
}
 @media screen and (max-width:576px) {
.our_team .bio_box .info h2, .our_team .bio_box .info h3 { font-size: 2.1875rem; line-height: 45px }
}
.our_team .bio_box .info h3 { font-size: 2rem; letter-spacing: 2.2px; font-family: Neutraface Bold }
 @media screen and (max-width:960px) {
.our_team .bio_box .info h3 { font-size: 1.625rem }
}
 @media screen and (max-width:576px) {
.our_team .bio_box .info h3 { font-size: 1.1875rem }
}
.our_team .bio_box .info .glitches {
 height: .1875rem; width: 7.375rem; background: #df1f26; margin-bottom: 22px; margin-top: 22px }
 @media screen and (max-width:576px) {
.our_team .bio_box .info .glitches { margin-top: 6px }
}
.our_team .bio_box .info p { font-size: 1rem; margin: 0; line-height: 29px; font-weight: 100; margin-bottom: 30px }
 @media screen and (max-width:576px) {
.our_team .bio_box .info p { height: auto }
}
 @media screen and (max-width:960px) {
.our_team .bio_box .info p {
 font-size: .875rem; line-height: 24px }
}
 @media screen and (max-width:576px) {
.our_team .bio_box .socialmedia_profile { margin-bottom: 2.1875rem }
}
.our_team .bio_box .socialmedia_profile h3 { font-size: .875rem
}
.our_team .bio_box .socialmedia_profile ul { list-style: none; margin-top: 0 }
.our_team .bio_box .socialmedia_profile ul li { display: inline; margin-left: 6px; margin-right: 6px }
.our_team .bio_box .socialmedia_profile ul li a { padding: 8px 9px; border-radius: 100%; color: #fff; font-size: 14px; width: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; text-decoration: none }
.our_team .bio_box .socialmedia_profile ul li a:hover { background: #df1f26 }
.our_team .bio_box .socialmedia_profile ul li a i { content: '' }
.thanks_page { display: table; width: 100%; overflow: hidden }
.thanks_page .site-banner .banner-txt .intro { margin-bottom: 11px }
.sitemap main { background-image: url(../images/repeat_text.jpg); background-repeat: repeat; background-position: 0 0 }
.sitemap main .mapofthesite { padding: 3.75rem 0 }
.sitemap main .mapofthesite .blogmap, .sitemap main .mapofthesite .websitemap { float: left; display: block; margin-right: 2.3576520234%; width: 100% }
.sitemap main .mapofthesite .blogmap:last-child, .sitemap main .mapofthesite .websitemap:last-child { margin-right: 0 }
 @media screen and (min-width:960px) {
.sitemap main .mapofthesite .blogmap, .sitemap main .mapofthesite .websitemap { float: left; display: block; margin-right: 2.3576520234%; width: 48.8211739883% }
.sitemap main .mapofthesite .blogmap:last-child, .sitemap main .mapofthesite .websitemap:last-child { margin-right: 0 }
}
.sitemap main .mapofthesite .blogmap .sitemap, .sitemap main .mapofthesite .websitemap .sitemap { font-family: Native; font-size: 1rem; line-height: 1.5rem; list-style: none }
.sitemap main .mapofthesite .blogmap .sitemap li, .sitemap main .mapofthesite .websitemap .sitemap li { list-style: none }
.sitemap main .mapofthesite .blogmap .sitemap li a, .sitemap main .mapofthesite .websitemap .sitemap li a { position: relative; text-decoration: none }
.sitemap main .mapofthesite .blogmap .sitemap li a:before, .sitemap main .mapofthesite .websitemap .sitemap li a:before { content: ''; position: absolute; top: 6px; height: 6px; width: 0; background: #df4335; opacity: .7; z-index: -1; -webkit-transition: all .3s ease; transition: all .3s ease }
.sitemap main .mapofthesite .blogmap .sitemap li a:hover, .sitemap main .mapofthesite .websitemap .sitemap li a:hover { color: #212527 }
.sitemap main .mapofthesite .blogmap .sitemap li a:hover:before, .sitemap main .mapofthesite .websitemap .sitemap li a:hover:before { width: 100% }
.about-us .detail_box, .texture_grey, body.home .intro-about { background-image: url(../images/repeat_text.jpg); background-repeat: repeat; background-position: 0 0 }
.dark_grey, .normal_grey { background: #efefef }
/*new*/

.index_p8 { padding: 80px 0 10px; background: #fff; }
.index_main { width: 1200px; height: 370px; margin: 0 auto; }
.index_main .one_item { width: 340px; margin-left: 80px; margin-right: 0; float: left; }
.index_main .one_item:first-child { margin-left: 20px; }
.index_main .one_item .tit0 { font-size: 22px; padding-left: 5x; padding-bottom: 30px; }
.index_main .one_item a.newmore { font-size: 14px; float: right; margin-top: 5px; }
.index_main .one_item ul { list-style: none; }
.index_main .one_item li { width: 340px; line-height: 36px; height: 36px; padding-left: 5x; font-size: 16px; border-bottom: #ddd 1px dashed; list-style: disc; white-space: nowrap; }
.pingpai { width: 1200px; padding-top: 150px; text-align: center; color: #2A2B2D; margin: 0 auto; }
.pingpai h1 { width: 1200px; height: 50px; line-height: 50px; font-size: 30px; color: #E06161; font-weight: lighter }
.pingpai h2 { width: 1200px; line-height: 30px; font-size: 14px; font-weight: normal; color: #7F7F7F; text-align: center }
.pingpai h3 { width: 1200px; height: 20px; line-height: 20px; color: #999; font-size: 13px; font-weight: normal; }
.Why_about { width: 1200px; clear: both; margin: 0px auto; padding-bottom: 100px }
.Why_about>ul { clear: both; width: 1250px }
.Why_about>ul>dl { width: 200px; margin-right: 5px; float: left; background: url(../images/why_about1.jpg) repeat-y 50% 0px; color: #E16161 }
.Why_about>ul>dl:nth-child(2) { color: #7FB3E3; background: url(../images/why_about2.jpg) repeat-y 50% 0px }
.Why_about>ul>dl:nth-child(3) { color: #A9CF8A; background: url(../images/why_about3.jpg) repeat-y 50% 0px }
.Why_about>ul>dl:nth-child(4) { color: #DFC882; background: url(../images/why_about4.jpg) repeat-y 50% 0px }
.Why_about>ul>dl:nth-child(5) { color: #EFA2EF; background: url(../images/why_about5.jpg) repeat-y 50% 0px }
.Why_about>ul>dl:nth-child(6) { color: #71D3C0; background: url(../images/why_about6.jpg) repeat-y 50% 0px }
.Why_about>ul>dl>dt { background: #E16161; font-size: 24px; height: 105px; line-height: 105px; text-align: center; color: #fff; width: 100% }
.Why_about>ul>dl:nth-child(2)>dt { background: #7FB3E3; }
.Why_about>ul>dl:nth-child(3)>dt { background: #A9CF8A; }
.Why_about>ul>dl:nth-child(4)>dt { background: #DFC882; }
.Why_about>ul>dl:nth-child(5)>dt { background: #EFA2EF; }
.Why_about>ul>dl:nth-child(6)>dt { background: #71D3C0; }
.Why_about>ul>dl>dd { margin: 0px auto; padding: 0px; background: #fff; text-align: center; height: 41px; line-height: 41px; margin-top: 20px; width: 85%; border: 2px solid #E16161; font-size: 16px; cursor: pointer; }
.Why_about>ul>dl:nth-child(2)>dd { border: 2px solid #7FB3E3; }
.Why_about>ul>dl:nth-child(3)>dd { border: 2px solid #A9CF8A; }
.Why_about>ul>dl:nth-child(4)>dd { border: 2px solid #DFC882; }
.Why_about>ul>dl:nth-child(5)>dd { border: 2px solid #EFA2EF; }
.Why_about>ul>dl:nth-child(6)>dd { border: 2px solid #71D3C0; }
.Why_about>ul>dl>dt:hover { -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }
 @-webkit-keyframes rotateplane {  0% {
 -webkit-transform:perspective(220px);
}
 50% {
 -webkit-transform:perspective(220px) rotateY(180deg);
}
}
/*旋转*/
.nav-menu li a { display: block; text-decoration: none; padding: 16px 10px 18px 11px; font-size: 14px; cursor: pointer; margin: 0px 10px; margin-top: 20px; text-align: center }
.three-d { /* 任务三、设置3D舞台布景 */
-webkit-perspective: 200px; -moz-perspective: 200px; -ms-perspective: 200px; -o-perspective: 200px; perspective: 200px; /*任务四、设置3D舞台布景过渡效果*/

position: relative; }
.three-d:not(.active):hover { cursor: pointer; }
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
.three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { -wekbit-transform: translateZ(-25px) rotateX(90deg); -moz-transform: translateZ(-25px) rotateX(90deg); -o-transform: translateZ(-25px) rotateX(90deg); -ms-transform: translateZ(-25px) rotateX(90deg); transform: translateZ(-25px) rotateX(90deg);/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
       /*   -webkit-transform:rotatex(90deg);*/
}
.three-d-box { /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translatez(-25px); -moz-transform: translatez(-25px); -ms-transform: translatez(-25px); -o-transform: translatez(-25px); transform: translatez(-25px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
/*任务七、给导航设置3D前，与3D后变形效果*/
.front { -webkit-transform: rotatex(0deg) translatez(25px); -moz-transform: rotatex(0deg) translatez(25px); -ms-transform: rotatex(0deg) translatez(25px); -o-transform: rotatex(0deg) translatez(25px); transform: rotatex(0deg) translatez(25px); }
.back { -webkit-transform: rotatex(-90deg) translatez(25px); -moz-transform: rotatex(-90deg) translatez(25px); -ms-transform: rotatex(-90deg) translatez(25px); -o-transform: rotatex(-90deg) translatez(25px); transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; }
.front, .back { /*          border:1px solid red;*/
display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; padding: 12px 10px 15px 11px; color: #000; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fronta { color: #E16161; border: 2px solid #E16161 }
.frontb { color: #7FB3E3; border: 2px solid #7FB3E3 }
.frontc { color: #A9CF8A; border: 2px solid #A9CF8A }
.frontd { color: #DFC882; border: 2px solid #DFC882 }
.fronte { color: #EFA2EF; border: 2px solid #EFA2EF }
.frontf { color: #71D3C0; border: 2px solid #71D3C0 }
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu li a:hover .front, .nav-menu li a:hover .back { background-color: #43A1E9; color: #FFF; -webkit-background-size: 5px 5px; background-size: 5px 5px; border: #43A1E9 2px solid; }
/* 结束 */
.pingpai { width: 1200px; padding-top: 50px; text-align: center; color: #2A2B2D; }
.pingpai h1 { width: 1200px; height: 50px; line-height: 50px; font-size: 30px; color: #E06161; font-weight: lighter }
.pingpai h2 { width: 1200px; line-height: 30px; font-size: 14px; font-weight: normal; color: #7F7F7F; text-align: center }
.pingpai h3 { width: 1200px; height: 20px; line-height: 20px; color: #999; font-size: 13px; font-weight: normal; }
/****--------********/
.index_ads { color: #E16161; clear: both; height: 422px; width: 100%; margin-bottom: 30px }
.index_ads>ul { width: 1120px; margin: 0px auto; padding-left: 80px; padding-top: 70px }
.index_ads>ul>li { width: 120px; height: 120px; background: #1eff00; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0px; border-radius: 5px; box-shadow: 0px 0px 8px #ccc; font-size: 18px; color: #FFF; overflow: hidden; float: left; margin-right: 66px; cursor: pointer; }
.index_ads>ul>li>h1 { -webkit-transform: rotate(45deg); font-size: 18px; color: #FFF; text-align: center; line-height: 120px; font-weight: lighter }
.index_ads>ul>li:nth-child(1) { background: #3696E0; margin-left: 93px }
.index_ads>ul>li:nth-child(2) { background: #88B662; }
.index_ads>ul>li:nth-child(3) { background: #E37F09; }
.index_ads>ul>li:nth-child(4) { background: #2B3741; clear: right }
.index_ads>ul>li:nth-child(5) { background: #E16161; }
.index_ads>ul>li:nth-child(6) { background: #F0A3F1; margin-top: -25px }
.index_ads>ul>li:nth-child(7) { background: #E16160; margin-top: -25px }
.index_ads>ul>li:nth-child(8) { background: #71D4C0; margin-top: -25px }
.index_ads>ul>li:nth-child(9) { background: #E0C983; margin-top: -25px }
.index_ads>ul>li:nth-child(10) { background: #3696E0; margin-top: -25px }
.index_ads>ul>li:nth-child(11) { background: #71D4C0; margin-top: -25px }
.index_ads>ul>li:nth-child(12) { background: #2B3741; margin-left: 93px; margin-top: -25px }
.index_ads>ul>li:nth-child(13) { background: #80B4E3; margin-top: -25px }
.index_ads>ul>li:nth-child(14) { background: #F0A3F1; margin-top: -25px }
.index_ads>ul>li:nth-child(15) { background: #EB1249; margin-top: -25px }
.index_ads>ul>li:nth-child(16) { background: #ABD08B; margin-top: -25px }
.pic_tx { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.pic_tx:hover { -webkit-transform: rotate(-45deg); transform: rotate(315deg); }
.index_ads>ul>li:hover { background: #D93600 }
.index_ads>ul>li:hover>h1 { color: #fff }
/****---------------------------------------------------------------------------------********/
.index_Ct { width: 1200px; margin: 0 auto; }
.ywPart1 { margin: 0 auto; padding: 20px 10px 20px 50px; }
/**蜂巢样式***/
.hex { float: left; margin-left: 10px; cursor: pointer; }
.hex .hex_top { width: 0; border: 85px solid transparent; border-bottom: 85px solid #f0ce8b; margin-top: -1px\9\0; margin-top: -70px; border-top: 0px; overflow: hidden }
.hex .hex_middle { width: 170px; height: 0px; line-height: 0px; text-align: center; color: #fff; font-size: 18px; }
.hex .hex_bottom { width: 0; border: 85px solid transparent; border-top: 85px solid #f0ce8b; margin-top: -1px\9\0; margin-top: 0px\0; border-bottom: 0px }
.hex:nth-child(1) .hex_top, .hex:nth-child(10) .hex_top { border-bottom-color: #3595DF; }
.hex:nth-child(1) .hex_bottom, .hex:nth-child(10) .hex_bottom { border-top-color: #3595DF; }
.hex:nth-child(2) .hex_top { border-bottom-color: #88B662; }
.hex:nth-child(2) .hex_bottom { border-top-color: #88B662; }
.hex:nth-child(3) .hex_top { border-bottom-color: #E37F09; }
.hex:nth-child(3) .hex_bottom { border-top-color: #E37F09; }
.hex:nth-child(4) .hex_top, .hex:nth-child(12) .hex_top { border-bottom-color: #2B3741; }
.hex:nth-child(4) .hex_bottom, .hex:nth-child(12) .hex_bottom { border-top-color: #2B3741; }
.hex-row.even { margin-left: 100px; }
.hex:hover .hex_top { border-bottom-color: #000; }
.hex:hover .hex_middle { background: #f0ce8b; color: #f00; }
.hex:hover .hex_bottom { border-top-color: #000; }

/*icpbeian*/
.icpbeian { width:300px;margin:0 auto; padding:20px 0 58px 0;}
.beianhao {float:left;height:43px;line-height:43px;margin: 0px 0px 0px 10px; color:#939393;}
.revolvermaps {float:left; display:block}
.icpbeian a { -webkit-transition: all .3s; transition: all .3s }
.icpbeian a, a:link, a:visited { color: #222628 }
.icpbeian a:active, a:focus, a:hover { color: #e11f26; outline: 0 }