@charset "utf-8";
.unlist { list-style: none }
.colgroup { list-style: none; position: relative; display: block; width: 100% }
.colgroup:after, .colgroup:before { content: " "; display: table }
.colgroup:after { clear: both }
.col { float: left; display: block; position: relative }
.colgroup-j { list-style: none; width: 100%; text-align: justify; font-size: 0; font-size: 12px }
.colgroup-j:after { content: ""; width: 100%; display: inline-block; zoom: 1 }
.col-j { position: relative; display: inline-block; font-size: 16px; vertical-align: top; text-align: left }
.fix:after, .fix:before { content: " "; display: table }
.fix:after { clear: both }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
a { background: 0 }
.landing-services .service-tabs-section-1 {
  text-align: center;
  padding-top: 35px;
  margin-bottom: 68px;
}
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
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; vertical-align: middle }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
button, input, select, textarea { margin: 0 }
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 }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
ol, ul { margin: 0; padding: 0; list-style-position: inside }
dd, dl, dt { padding: 0; margin: 0 }
p { margin: 0 }
button, input, select, textarea { font-family: Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.5 }
button:-moz-placeholder, input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #dad9d9 }
button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #dad9d9; opacity: 1 }
button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #dad9d9 }
button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #dad9d9 }
.placeholder { color: #dad9d9 }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }
[class*=" ico-"], [class^=ico-] { display: inline-block; position: relative; vertical-align: middle }
ul { list-style: disc inside }
@font-face { font-family: pfdin; src: url("libs/fonts/pfdintextcomppro-regular-webfont.eot"/); src: url("libs/fonts/pfdintextcomppro-regular-webfont.eot-#iefix") format('embedded-opentype'), url("libs/fonts/pfdintextcomppro-regular-webfont.woff") format('woff'), url("libs/fonts/pfdintextcomppro-regular-webfont.ttf") format('truetype'), url("libs/fonts/pfdintextcomppro-regular-webfont.svg#pfdintextcomppro-regular-webfont") format('svg'); font-weight: 400; font-style: normal }
html { -webkit-font-smoothing: antialiased }
body, html { min-width: 960px; width: 100%; height: 100% }
body { font-family: Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff }
a { color: #345483; text-decoration: underline; outline: 0 !important }
a:focus, a:hover { color: #4875b7; text-decoration: none }
a:active { color: #385a8d }
a:focus { outline: 0 }
h1, h2, h3, h4, h5, h6 { font-family: inherit; line-height: 1.5; color: inherit; font-weight: 400; text-transform: uppercase }
h1 { font-size: 70px }
h2 { font-size: 48px }
h3 { font-size: 26px; font-weight: 700 }
h4 { font-size: 24px; font-weight: 700 }
h5 { font-size: 16px; font-weight: 700 }
h6 { font-size: 12px; font-weight: 700 }
.wrap { max-width: 100%; min-width: 100%; padding-left: 20px; padding-right: 20px; position: relative; margin: auto }
.wrapn { position: relative; margin: auto; max-width: 1470px; min-width: 960px; padding-left: 20px; padding-right: 20px }
.center-pic { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.table { display: table; position: relative; width: 100%; height: 100%; text-align: center }
.cell { display: table-cell; position: relative; width: 100%; height: 100%; vertical-align: middle }
.flx { position: relative }
.flx:before { content: ""; display: block; padding-top: 100% }
.flx-c { position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.cfix:after, .cfix:before { content: " "; display: table }
.cfix:after { clear: both }
.none { display: none }
.style-nowrap { dislay: inline-block; white-space: nowrap }
.paragraph-reset { padding: 0 }
p { padding: .44em 0 }
p.lead { font-size: 23px; font-weight: 300 }
p.reset { padding: 0 }
strong.colour { color: #009fac }
.spacer { display: block; margin-bottom: 1em }
.spacer-inline { display: inline-block; width: 1em }
.gl-pager .hidden { display: none }
.bg-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center }

.flex { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100% }
.v-centered-outer { position: relative; width: 100%; height: 100%; display: table }
.v-centered-outer h3 { color: #fff }
.v-centered-outer a { color: #fff }
.v-centered-inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle }
.list-styled { color: #00a0ad; list-style-position: outside; padding-left: 1em }
.list-styled-in { color: #333 }
.tag { color: #00a0ad; border-bottom: 1px dashed #00a0ad; text-decoration: none; display: inline-block; position: relative; margin-left: 10px; -webkit-transition: all .15s ease; transition: all .15s ease }
.tag:before { content: "•"; top: -4px; left: -10px; font-size: 22px; position: absolute }
.tag.active, .tag:hover { border-bottom: 1px dashed transparent !important }
.tag.active { font-weight: 700 }
.parallax-bg { position: relative; top: 0; left: 0 }
.content-table { display: table; width: 100%; position: relative }
.content-table-row { display: table-row; position: relative }
.content-table-cell { display: table-cell; position: relative }
.custom-text { width: 100%; outline: 0; font-size: 15px; line-height: normal; padding: 15px 13px 18px; border-radius: 5px; border: 1px solid #d5d5d5; color: #626262; -webkit-transition: all 400ms cubic-bezier(0.25, .46, .45, .94); transition: all 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text:-moz-placeholder { color: #dad9d9 }
.custom-text::-moz-placeholder { color: #dad9d9; opacity: 1 }
.custom-text:-ms-input-placeholder { color: #dad9d9 }
.custom-text::-webkit-input-placeholder { color: #dad9d9 }
.custom-text:-moz-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text::-moz-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text:-ms-input-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text::-webkit-input-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text:focus { background-color: #bee3e6; border: 1px solid #fff }
.custom-text:focus:-moz-placeholder { color: #8c8c8c }
.custom-text:focus::-moz-placeholder { color: #8c8c8c; opacity: 1 }
.custom-text:focus:-ms-input-placeholder { color: #8c8c8c }
.custom-text:focus::-webkit-input-placeholder { color: #8c8c8c }
.custom-text:focus:hover { background-color: #bee3e6 }
.custom-text:hover:-moz-placeholder { color: #626262 }
.custom-text:hover::-moz-placeholder { color: #626262; opacity: 1 }
.custom-text:hover:-ms-input-placeholder { color: #626262 }
.custom-text:hover::-webkit-input-placeholder { color: #626262 }
.custom-text-transition { -webkit-transition: all 400ms cubic-bezier(0.25, .46, .45, .94); transition: all 400ms cubic-bezier(0.25, .46, .45, .94) }
.custom-text-placeholder-transition { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
.transition-none { -webkit-transition: none; transition: none }
.custom-text:hover { background-color: #f1f9fa }
.custom-text-phone { color: #dad9d9 !important }
.custom-text-phone:hover { color: #626262 !important }
.custom-text-phone:hover:-moz-placeholder { color: #8c8c8c !important }
.custom-text-phone:hover::-moz-placeholder { color: #8c8c8c !important }
.custom-text-phone:hover:-ms-input-placeholder { color: #8c8c8c !important }
.custom-text-phone:hover::-webkit-input-placeholder { color: #8c8c8c !important }
.custom-text-phone:focus { color: #626262 !important }
.custom-text-phone:focus:-moz-placeholder { color: #8c8c8c !important }
.custom-text-phone:focus::-moz-placeholder { color: #8c8c8c !important }
.custom-text-phone:focus:-ms-input-placeholder { color: #8c8c8c !important }
.custom-text-phone:focus::-webkit-input-placeholder { color: #8c8c8c !important }
.custom-text-changed.custom-text-phone { color: #626262 !important }
.error { background-color: #fe3b3b !important; color: #fff !important }
.error:-moz-placeholder { color: #fff !important }
.error::-moz-placeholder { color: #fff !important }
.error:-ms-input-placeholder { color: #fff !important }
.error::-webkit-input-placeholder { color: #fff !important }
.error:hover { color: #fff !important }
.error:hover:-moz-placeholder { color: #fff !important }
.error:hover::-moz-placeholder { color: #fff !important }
.error:hover:-ms-input-placeholder { color: #fff !important }
.error:hover::-webkit-input-placeholder { color: #fff !important }
.error-mes { font-size: 14px; color: #fe3b3b; margin-top: 2px; visibility: hidden; opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.25, .46, .45, .94); transition: all 200ms cubic-bezier(0.25, .46, .45, .94) }
.error+.error-mes { visibility: visible; opacity: 1 }
textarea.custom-text { width: 100%; outline: 0; font-size: 15px; line-height: normal; padding: 15px 13px 18px; border-radius: 5px; border: 1px solid #d5d5d5; color: #626262; resize: none; height: 115px; -webkit-transition: background-color 200ms cubic-bezier(0.25, .46, .45, .94); transition: background-color 200ms cubic-bezier(0.25, .46, .45, .94) }
textarea.custom-text:-moz-placeholder { color: #dad9d9 }
textarea.custom-text::-moz-placeholder { color: #dad9d9; opacity: 1 }
textarea.custom-text:-ms-input-placeholder { color: #dad9d9 }
textarea.custom-text::-webkit-input-placeholder { color: #dad9d9 }
textarea.custom-text:-moz-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
textarea.custom-text::-moz-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
textarea.custom-text:-ms-input-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
textarea.custom-text::-webkit-input-placeholder { -webkit-transition: color 400ms cubic-bezier(0.25, .46, .45, .94); transition: color 400ms cubic-bezier(0.25, .46, .45, .94) }
textarea.custom-text:focus { background-color: #bee3e6; border: 1px solid #fff }
textarea.custom-text:focus:-moz-placeholder { color: #8c8c8c }
textarea.custom-text:focus::-moz-placeholder { color: #8c8c8c; opacity: 1 }
textarea.custom-text:focus:-ms-input-placeholder { color: #8c8c8c }
textarea.custom-text:focus::-webkit-input-placeholder { color: #8c8c8c }
textarea.custom-text:focus:hover { background-color: #bee3e6 }
textarea.custom-text:hover:-moz-placeholder { color: #626262 }
textarea.custom-text:hover::-moz-placeholder { color: #626262; opacity: 1 }
textarea.custom-text:hover:-ms-input-placeholder { color: #626262 }
textarea.custom-text:hover::-webkit-input-placeholder { color: #626262 }
.custom-button { border: 0; outline: 0; display: inline-block; text-decoration: none; text-align: center; border-radius: 4px; text-transform: uppercase; color: #fff; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; background-color: #00a0ad; font-size: 12px; padding: 11px 41px }
.custom-button:after, .custom-button:before { content: " "; display: table }
.custom-button:after { clear: both }
.custom-button:visited { color: #fff }
.custom-button:hover { color: #fff; background-color: #06b8c6 }
.custom-button:active { background-color: #00717a }
.custom-button-large, .custom-button-middle { font-size: 13px; padding: 15px 60px }
.custom-button-extra-large { ont-size: 13px; padding: 20px 75px }
.custom-button-transparent { background-color: transparent; border: 1px solid #fff }
.custom-button-transparent:hover { background-color: #fff; color: #00a0ad }
.custom-buton { border: 0; outline: 0; display: inline-block; text-decoration: none; text-align: center; border-radius: 4px; text-transform: uppercase; color: #fff; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; background-color: #00a0ad; font-size: 20px; padding: 6px 41px }
.custom-buton:after, .custom-button:before { content: " "; display: table }
.custom-buton:after { clear: both }
.custom-buton:visited { color: #fff }
.custom-buton:hover { color: #fff; background-color: #06b8c6 }
.custom-buton:active { background-color: #00717a }
.custom-buton-large, .custom-button-middle { font-size: 13px; padding: 15px 60px }
.custom-buton-extra-large { ont-size: 13px; padding: 20px 75px }
.custom-buton-transparent { background-color: transparent; border: 1px solid #fff }
.custom-buton-transparent:hover { background-color: #fff; color: #00a0ad }
.slider { position: relative }
.slider .bx-wrapper { margin-bottom: 35px }
.slider ul { list-style: none }
.slider li { position: absolute; width: 100% }
.slide-1 { z-index: 1 }
.slider .bx-wrapper .bx-controls-direction a { position: absolute; margin-top: -16px; transition: all .4s cubic-bezier(0.455, .03, .515, .955); opacity: .8 }
.slider .bx-wrapper .bx-controls-direction a:hover { opacity: 1 }
.slider .bx-wrapper .bx-prev { left: 10px }
.slider .bx-wrapper .bx-next { right: 10px }
.slider [role=test] .slide { height: 300px }
.slider [role=test] .slide-1 { background-color: red }
.slider [role=test] .slide-2 { background-color: #00f }
.slider [role=test] .slide-3 { background-color: green }
.slider [role=test] .slide-4 { background-color: #ff0 }
.ico-app-1, .ico-app-2, .ico-app-3, .ico-app-4, .ico-arr-left, .ico-arr-quote-left, .ico-arr-quote-left-blue, .ico-arr-quote-right, .ico-arr-quote-right-blue, .ico-arr-right, .ico-arr-up, .ico-clients-adv, .ico-clients-adv2, .ico-clients-aurora, .ico-clients-aurora2, .ico-clients-bileter, .ico-clients-bileter2, .ico-clients-biocad, .ico-clients-biocad2, .ico-clients-carl, .ico-clients-carl2, .ico-clients-inttan, .ico-clients-inttan2, .ico-clients-mirage, .ico-clients-mirage2, .ico-clients-small-intan, .ico-clients-small-intan-a, .ico-clients-small-mirage, .ico-clients-small-mirage-a, .ico-clients-small-vmeste, .ico-clients-small-vmeste-a, .ico-cross, .ico-cross-small, .ico-mail, .ico-mail-a, .ico-map-marker, .ico-map-marker-a, .ico-market-1, .ico-market-10, .ico-market-11, .ico-market-12, .ico-market-13, .ico-market-14, .ico-market-2, .ico-market-3, .ico-market-4, .ico-market-5, .ico-market-6, .ico-market-7, .ico-market-8, .ico-market-9, .ico-n-clients-adv, .ico-n-clients-adv-a, .ico-n-clients-au, .ico-n-clients-au-a, .ico-n-clients-bilet, .ico-n-clients-bilet-a, .ico-n-clients-biocad, .ico-n-clients-biocad-a, .ico-n-clients-carl, .ico-n-clients-carl-a, .ico-n-clients-estel, .ico-n-clients-estel-a, .ico-n-clients-intan, .ico-n-clients-intan-a, .ico-n-clients-mirage, .ico-n-clients-mirage-a, .ico-n-clients-pz, .ico-n-clients-pz-a, .ico-phone, .ico-phone-a, .ico-platforms, .ico-point, .ico-search, .ico-service-brand, .ico-service-develop, .ico-service-mobile, .ico-service-promo, .ico-soc-fb, .ico-soc-inst, .ico-soc-vk, .ico-sprite { background: url("../images/ico.png") no-repeat }
.ico-app-1 { background-position: 0 -1378px; height: 76px; width: 76px }
.ico-app-2 { background-position: 0 -1299px; height: 76px; width: 76px }
.ico-app-3 { background-position: 0 -1156px; height: 76px; width: 76px }
.ico-app-4 { background-position: 0 -2064px; height: 76px; width: 76px }
.ico-arr-left { background-position: 0 -2923px; height: 87px; width: 37px }
.ico-arr-quote-left-blue { background-position: 0 -2397px; height: 74px; width: 63px }
.ico-arr-quote-left { background-position: 0 -1457px; height: 80px; width: 75px }
.ico-arr-quote-right-blue { background-position: 0 -2320px; height: 74px; width: 63px }
.ico-arr-quote-right { background-position: 0 -1540px; height: 80px; width: 75px }
.ico-arr-right { background-position: 0 -3053px; height: 87px; width: 37px }
.ico-arr-up { background-position: 0 -3822px; height: 15px; width: 27px }
.ico-clients-adv { background-position: 0 -179px; height: 35px; width: 167px }
.ico-clients-adv2 { background-position: 0 -52px; height: 35px; width: 167px }
.ico-clients-aurora { background-position: 0 -459px; height: 61px; width: 78px }
.ico-clients-aurora2 { background-position: 0 -395px; height: 61px; width: 78px }
.ico-clients-bileter { background-position: 0 -565px; height: 43px; width: 142px }
.ico-clients-bileter2 { background-position: 0 -261px; height: 43px; width: 142px }
.ico-clients-biocad { background-position: 0 -655px; height: 39px; width: 119px }
.ico-clients-biocad2 { background-position: 0 -523px; height: 39px; width: 119px }
.ico-clients-carl { background-position: 0 -127px; height: 49px; width: 138px }
.ico-clients-carl2 { background-position: 0 0; height: 49px; width: 138px }
.ico-clients-inttan { background-position: 0 -697px; height: 48px; width: 127px }
.ico-clients-inttan2 { background-position: 0 -344px; height: 48px; width: 127px }
.ico-clients-mirage { background-position: 0 -1861px; height: 40px; width: 135px }
.ico-clients-mirage2 { background-position: 0 -937px; height: 40px; width: 135px }
.ico-clients-small-intan-a { background-position: 0 -3707px; height: 24px; width: 14px }
.ico-clients-small-intan { background-position: 0 -3680px; height: 24px; width: 14px }
.ico-clients-small-mirage-a { background-position: 0 -3638px; height: 18px; width: 22px }
.ico-clients-small-mirage { background-position: 0 -3659px; height: 18px; width: 22px }
.ico-clients-small-vmeste-a { background-position: 0 -3450px; height: 23px; width: 23px }
.ico-clients-small-vmeste { background-position: 0 -3424px; height: 23px; width: 23px }
.ico-cross-small { background-position: 0 -3794px; height: 25px; width: 25px;cursor:pointer;}
.ico-cross { background-position: 0 -3734px; height: 57px; width: 57px }
.ico-mail-a { background-position: 0 -3476px; height: 24px; width: 24px }
.ico-mail { background-position: 0 -3397px; height: 24px; width: 24px }
.ico-map-marker-a { background-position: 0 -3597px; height: 38px; width: 22px }
.ico-map-marker { background-position: 0 -3503px; height: 38px; width: 22px }
.ico-market-1 { background-position: 0 -2002px; height: 59px; width: 53px }
.ico-market-10 { background-position: 0 -2869px; height: 51px; width: 41px }
.ico-market-11 { background-position: 0 -1940px; height: 59px; width: 59px }
.ico-market-12 { background-position: 0 -2634px; height: 54px; width: 57px }
.ico-market-13 { background-position: 0 -2818px; height: 48px; width: 48px }
.ico-market-14 { background-position: 0 -3216px; height: 50px; width: 57px }
.ico-market-2 { background-position: 0 -1235px; height: 61px; width: 62px }
.ico-market-3 { background-position: 0 -3269px; height: 49px; width: 57px }
.ico-market-4 { background-position: 0 -3143px; height: 49px; width: 49px }
.ico-market-5 { background-position: 0 -2759px; height: 33px; width: 57px }
.ico-market-6 { background-position: 0 -3325px; height: 42px; width: 48px }
.ico-market-7 { background-position: 0 -2536px; height: 37px; width: 57px }
.ico-market-8 { background-position: 0 -2474px; height: 59px; width: 38px }
.ico-market-9 { background-position: 0 -3013px; height: 37px; width: 53px }
.ico-n-clients-adv-a { background-position: 0 -90px; height: 34px; width: 163px }
.ico-n-clients-adv { background-position: 0 -307px; height: 34px; width: 163px }
.ico-n-clients-au-a { background-position: 0 -748px; height: 60px; width: 78px }
.ico-n-clients-au { background-position: 0 -1798px; height: 60px; width: 78px }
.ico-n-clients-bilet-a { background-position: 0 -1623px; height: 32px; width: 125px }
.ico-n-clients-bilet { background-position: 0 -2285px; height: 32px; width: 125px }
.ico-n-clients-biocad-a { background-position: 0 -811px; height: 36px; width: 114px }
.ico-n-clients-biocad { background-position: 0 -850px; height: 36px; width: 114px }
.ico-n-clients-carl-a { background-position: 0 -217px; height: 41px; width: 120px }
.ico-n-clients-carl { background-position: 0 -611px; height: 41px; width: 120px }
.ico-n-clients-estel-a { background-position: 0 -2143px; height: 34px; width: 120px }
.ico-n-clients-estel { background-position: 0 -2248px; height: 34px; width: 120px }
.ico-n-clients-intan-a { background-position: 0 -889px; height: 45px; width: 123px }
.ico-n-clients-intan { background-position: 0 -980px; height: 45px; width: 123px }
.ico-n-clients-mirage-a { background-position: 0 -2180px; height: 31px; width: 120px }
.ico-n-clients-mirage { background-position: 0 -2214px; height: 31px; width: 120px }
.ico-n-clients-pz-a { background-position: 0 -1028px; height: 61px; width: 99px }
.ico-n-clients-pz { background-position: 0 -1092px; height: 61px; width: 99px }
.ico-phone-a { background-position: 0 -3570px; height: 24px; width: 24px }
.ico-phone { background-position: 0 -3370px; height: 24px; width: 24px }
.ico-platforms { background-position: 0 -1904px; height: 33px; width: 115px }
.ico-point { background-position: 0 -3321px; height: 1px; width: 1px }
.ico-search { background-position: 0 -3840px; height: 12px; width: 12px }
.ico-service-brand { background-position: 0 -1658px; height: 73px; width: 50px }
.ico-service-develop { background-position: 0 -2576px; height: 55px; width: 67px }
.ico-service-mobile { background-position: 0 -2691px; height: 65px; width: 68px }
.ico-service-promo { background-position: 0 -1734px; height: 61px; width: 58px }
.ico-soc-fb { background-position: 0 -3195px; height: 18px; width: 9px }
.ico-soc-inst { background-position: 0 -3544px; height: 23px; width: 23px }
.ico-soc-vk { background-position: 0 -2795px; height: 20px; width: 35px }
.bx-wrapper { position: relative; margin: 0 auto 30px; padding: 0 }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -57px; width: 100% }
.bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item { display: inline-block }
.bx-wrapper .bx-pager.bx-default-pager a { background: #dae2ea; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 4.5px; outline: 0; border-radius: 100%; transition: all .2s cubic-bezier(0.455, .03, .515, .955) }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #0077c8 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0 }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80, 80, 80, .75); width: 100% }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px }
.main-intro-lead { display: none }
.bg-img { overflow: hidden }
.cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; z-index: 2000; -webkit-perspective: 260px !important; perspective: 260px !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.cover-preloader { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.cover-preloader-animate { -webkit-animation: move 1s infinite linear; animation: move 1s infinite linear }
.cover-preloader-animate .cover-simple-preloader-pic-1 { opacity: 1 !important }
@-webkit-keyframes move {
	 0 { opacity: 1; -webkit-transform: rotateY(-5deg) }
 25% { opacity: 0.2; }
 50% { opacity: 1; }
 75% { opacity: 0.5; }
 100% { opacity: 1; -webkit-transform: rotateY(360deg) }
}
@keyframes move {
	0 { opacity: 1;transform: rotateY(-5deg) }
 25% { opacity: 0.2; }
 50% { opacity: 1; }
 75% { opacity: 0.5; }
 100% { opacity: 1;transform: rotateY(360deg) }
}
.video-viewport { position: absolute; top: 0; overflow: hidden; z-index: -1; background-size: cover; background-position: 50% top; background-repeat: no-repeat; background-image: url("../images/poster.jpg") }
.bg-img-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; display: none; z-index: 2 }
.container { position: relative; margin: auto; width: 1400px; padding-left: 20px; padding-right: 20px }
@media screen and (max-width:1460px) {
	.container { width: 1200px }
}
@media screen and (max-width:1260px) {
	.container { width: 960px }
}
body.noscroll { position: fixed; overflow-y: scroll; width: 100% }
.content-section { position: relative; width: 100%; z-index: 4; }
.content-full { position: relative; width: 100%; height: 100% }
.content-fixed { position: fixed; top: 70px; color: #fff; background-color: #000 !important }
.content-fixed .bg-img.imagefill img { opacity: .2 }
.content-fixed .content-quote { margin: -3em 0 0; padding: 0 }
.mobile .content-fixed { position: relative }
.mobile #main .main-backside { position: smart-sc2absolute }
.content-empty { display: blotop: 0; left: 0; margin-top: 0px; background-color: rgba(0, 0, 0, .5) ck; position: relative; z-index: -10 }
.mobile .content-empty { display: none }
.content { position: relative; width: 100%; height: 100%; z-index: 2 }
.content-inner { padding-top: 70px }
.content-title { font-size: 24px; position: relative; top: -5em; color: #fff; text-align: center; z-index: 5 }
.content-title-hd .content-title-hd-inner, .content-title-hd h1, .content-title-hd h2, .content-title-hd .content-title-header { text-transform: uppercase; font-family: pfdin, Arial, sans-serif; line-height: 1; border-bottom: 1px solid rgba(255, 255, 255, .4); display: inline-block; font-size: 5em; padding-bottom: .26em; padding-left: .4em; padding-right: .4em; margin-bottom: .2em }
.content-title-caption { padding-left: 1.25em; padding-right: 1.25em; font-weight: 400 }
.content-title-sub { text-align: center }
.cover-preloader { position: absolute; top: 50%; left: 50%; margin-top: -104px; margin-left: -108px; opacity: .8 }
.content-hr { width: 235px; border: 0; height: 2px; background-color: #DDD }
.cover-simple-preloader { display: block; position: absolute; width: 204px; height: 216px; top: 50%; left: 50%; margin-top: -108px; margin-left: -104px }
.cover-simple-preloader img { position: absolute; top: 0; left: 0 }
.cover-simple-preloader-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.cover-simple-preloader-pic-1 { opacity: .4 }
.cover-simple-preloader-in-2 { height: 0 }
.overlay { position: fixed; z-index: 1100; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(40, 41, 41, .9); color: #fff; display: none; opacity: 0 }
.overlay-contacts-inner { top: 50%; position: relative; margin: -360px auto auto; padding-left: 10px; padding-right: 10px }
.overlay-button{cursor:pointer;}
.overlay-button-close { position: absolute; top: 16px; right: -40px }
.overlay-button-clients:visited { color: #fff }
.overlay-buton{cursor:pointer;}
.overlay-buton-close { position: absolute; top: 16px; right: -40px }
.overlay-buton-clients:visited { color: #fff }
.mobile #overlay-contacts { position: absolute !important }
.overlay-contacts-inner-clients, .overlay-contacts-inner-work { display: none }
.overlay-contacts-inner-success-sub a { color: #fff }
.overlay-contacts-inner-success { display: none; text-align: center; position: absolute; top: 50%; width: 100%; margin-top: -20px !important }
.overlay-contacts-inner-success .contacts-form-title-hd { font-size: 40px }
.overlay-contacts-inner-clients-inner { padding-top: 34px }
.postbox-filebox-custom-button { color: #fff; border-bottom: 1px dashed #fff; text-decoration: none }
.postbox-filebox-custom-button:active, .postbox-filebox-custom-button:focus, .postbox-filebox-custom-button:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed transparent }
.postbox-filebox-button input[type=file], .postbox-filebox-output { display: none }
.postbox-filebox-custom-button { vertical-align: middle }
.postbox-filebox-output-desc { display: inline-block; line-height: normal; overflow: hidden; text-overflow: ellipsis; max-width: 200px; white-space: nowrap; vertical-align: middle; border-bottom: 1px dashed transparent }
.postbox-filebox-output-close { display: inline-block; vertical-align: middle; margin-left: 5px; position: relative; top: -2px }
.ico-del { width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZJREFUeNpi+P///yIgNgJiBiIxDxD3gRi2QHyQSM0gTVuAOAMmYESEZpimRBAfWQKfZhRN6BpxacbQhE0jsmYFKB9DEy6NIKwCxHOBeAMQu2JTgy8EQZqeAbEQsRphfnIEYjEg3octwAiGHhAbYwttQppwhjYxmrBqBglIEqEJXbMDI5DoZWBguALE8xmIA8ZAnAQQYAAJ00Dpg/KccgAAAABJRU5ErkJggg==); vertical-align: middle }
.content-quote { position: relative; font-size: 60px; font-weight: 300; margin: auto; text-align: center; line-height: 1.2; z-index: 5 }
.content-quote-inner { display: inline-block; position: relative; width: auto }
.content-quote-inner:after, .content-quote-inner:before { content: " "; position: absolute; top: 50%; display: inline-block; margin-top: -37px }
.content-quote-inner:before { background: url("../images/ico.png") 0 -2397px no-repeat; height: 74px; width: 63px; left: -2.17em }
.content-quote-inner:after { background: url("../images/ico.png") 0 -2320px no-repeat; height: 74px; width: 63px; right: -2em }
.header { height: 70px; background-color: #000; z-index: 20; width: 100% }
.header:after, .header:before { content: " "; display: table }
.header:after { clear: both }
.header .wrap { height: 100%; max-width: 1470px }
.header-main { position: absolute; top: 0; left: 0; margin-top: 0%; background-color: rgba(0, 0, 0, .5) }
.header-fixed { position: fixed !important; top: 0 !important; left: 0 !important; margin-top: 0 !important; background-color: #000; z-index: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.header-logo { position: relative; float: left; z-index: 4; display: block; top: 0 }
.header-logo-img { width: 203px; height: 75px; position: relative; left: -20px }
.header-menu { height: 100%; position: relative; z-index: 3; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: 700 }
.header-menu ul { list-style: none; text-align: justify; font-size: 0; font-size: 12px; position: relative; margin: auto; width: 667px; top: 50% }
.header-menu ul:after { content: ""; width: 100%; display: inline-block; zoom: 1 }
.header-menu li { position: relative; display: inline-block; font-size: 16px; vertical-align: top; text-align: left }
.header-menu li.current a { color: #00a0ad !important }
.header-menu li.current a:hover { opacity: 1 !important }
.header-menu a { color: #fff; font-weight: 900; font-size: 18px; -webkit-font-smoothing: antialiased; text-transform: uppercase; text-decoration: none; -webkit-transition: opacity .1s cubic-bezier(0.455, .03, .515, .955); transition: opacity .1s cubic-bezier(0.455, .03, .515, .955); letter-spacing: 1px; top: -14px; position: relative }
.header-menu a:hover { opacity: .8 }
.header-contacts { color: #fff; float: right; position: relative; z-index: 5; height: 38px; top: 50%; margin-top: -21px }
.header-contacts-button { margin-left: 8px; padding-left: 50px; padding-right: 50px }
.header-contacts-button:visited { color: #fff }
.header-contacts-buton { margin-left: 8px; padding-left: 50px; padding-right: 50px }
.header-contacts-buton:visited { color: #fff }
.header-contacts-soc { position: relative; top: 2px; z-index: 5; text-decoration: none; opacity: .5; padding-left: 10px; padding-right: 10px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease }
.header-contacts-soc:hover { opacity: 1 }
.header-contacts-soc .ico-soc-fb { top: -2px }
.header-contacts-soc-2 { margin-right: 10px }
#footer { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.footer-main { height: 10%; width: 100%; background-color: #fff }
.main-lower .footer-main { position: absolute; bottom: 0; left: 0 }
.footer-main-upper { text-align: center; padding-top: 8%; }
.footer-main-soc-link { display: inline-block; width: 47px; height: 47px; background-color: #d8d8d8; text-align: center; border-radius: 100%; line-height: 47px; margin-left: 10px; margin-right: 10px; -webkit-transition: background-color 200ms cubic-bezier(0.445, .05, .55, .95); transition: background-color 200ms cubic-bezier(0.445, .05, .55, .95) }
.footer-main-soc-link .ico-soc-fb { top: -2px }
.footer-main-soc-link .ico-soc-inst { top: -3px }
.footer-main-soc-link:hover { background-color: #858585 }
.footer-main-lower { text-align: center }
.footer-main-lower-desc { padding-top: 18.5px; display: inline-block; font-size: 14px; color: #777; border-top: 1px solid #f1f1f1 }
.footer { background-color: #fff; position: relative; z-index: 15; font-size: 20px; border-top: 1px solid #e9e9e9 }
.footer .map-controls-button { width: 100% }
.footer-colgroup { list-style: none; position: relative; display: block; width: 100%; padding-bottom: 2.4em }
.footer-colgroup:after, .footer-colgroup:before { content: " "; display: table }
.footer-colgroup:after { clear: both }
.footer-col { float: left; display: block; position: relative }
.footer-col:after, .footer-col:before { content: " "; display: table }
.footer-col:after { clear: both }
.footer-col-1 { padding-top: 3.2em; width: 27%; text-align: center }
.footer-col-2 { width: 28%; padding-left: 3.4em }
.footer-col-2 .footer-address-ico { position: absolute; top: 9px; left: 20px }
.footer-col-3 { width: 23%; padding-left: 5% }
.footer-col-3 .footer-contacts-ico { top: -3px; margin-right: .45em }
.footer-contacts-row { margin-bottom: .3em }
.footer-contacts-map { top: 5px }
.footer-col-2, .footer-col-3 { margin-top: 3.95em }
.footer-col-4 { padding-top: 5%; width: 22%; padding-right: 2.2% }
.footer-lower { height: 95px; background-color: #071922; -webkit-transition: all .6s ease; transition: all .6s ease }
.footer-lower:hover { opacity: .92 }
.footer-lower-button { display: block; width: 100%; height: 100%; text-align: center; color: #fff }
.footer-lower-button:hover { color: #fff }
.footer-lower-button-title { font-size: 15px; display: inline-block; position: relative; margin-top: 51px }
.footer-lower-button-title:before { content: " "; background: url("../images/ico.png") 0 -3822px no-repeat; height: 15px; width: 27px; display: inline-block; position: absolute; top: -23px; left: 50%; margin-left: -13px }
.main .bg-img-cover { background-image: url("../images/vipdecbg.jpeg"); opacity: .5 }
.main, .main-content { width: 100%; height: 80%; position: relative }
.main-content:after, .main-content:before, .main:after, .main:before { content: " "; display: table }
.main-content:after, .main:after { clear: both }
.main-last { width: 100%; height: 100%; position: relative }
.main-backside { width: 100%; height: 80%; position: fixed; top: 0; left: 0; z-index: 1; background-color: #000 }
.main-backside img { opacity: .2 }
.main-backside-head { z-index: 3 }
.main-content { position: relative; z-index: 2 }
.main-first { width: 100%; height: 100%; position: relative; margin-top: -100% }
.main-intro { width: 100%; height: 70%; color: #fff; -moz-user-select: none; -webkit-user-select: none; cursor: default; font-size: 79px; display: table }
.main-intro.active .main-intro-content { opacity: 0 !important; -webkit-transform: scale(.9, .9); -ms-transform: scale(.9, .9); transform: scale(.9, .9) }
.main-intro-inner { display: table-cell; width: 100%; height: 70%; vertical-align: middle }
.mobile .main-intro-content *, .mobile .main-intro-lead-title span, .mobile .main-intro-tp { opacity: 1 !important }
.main-intro-content { vertical-align: middle; position: relative; width: 100%; top: -1.1em; display: inline-block; font-family: pfdin, Arial, sans-serif; -webkit-transition: opacity 800ms cubic-bezier(0.445, .05, .55, .95), -webkit-transform 900ms cubic-bezier(0.445, .05, .55, .95); transition: opacity 800ms cubic-bezier(0.445, .05, .55, .95), transform 900ms cubic-bezier(0.445, .05, .55, .95) }
.main-intro-tp { text-align: center; width: 100%; height:40%; top: 9%; left: 0; margin-top: 7%; position: absolute; bottom: 8em }
.main-intro-logo { display: inline-block; height: 50% }
.main-intro-lead { font-family: pfdin, Arial, sans-serif; font-size: 1.52em; margin-top: .17em; min-width: 960px; text-align: center; text-transform: uppercase; white-space: nowrap; margin-bottom: 3em; letter-spacing: 2px; position: absolute; width: 100%; height: 50%; top: 10%; left: 0; bottom: 5% }
.main-intro-lead h1 {font-family: inherit; line-height: 1.5; color: inherit; font-weight: 100%; text-transform: uppercase;}
.main-intro-lead-title { display: inline-block; padding-bottom: .15em }
.main-intro-bm { text-align: center; font-size: 24px; font-family: "PT Sans", sans-serif }
.main-intro-lower { width: 100%; bottom: 0; left: 0; height: 123px; background-color: red; position: fixed; top: -123px }
.main-front { background-color: #fcfcfc; z-index: 10; padding-top: 70px }
.main-front-content { position: relative; padding-top: 80px }
.main-front-quote { max-width: 1287px; min-width: 900px; margin: auto auto 46px; color: #333; position: relative; line-height: 1.39; padding-left: 100px; padding-right: 100px }
.main-front-quote .ico-arr-quote-left, .main-front-quote .ico-arr-quote-right { position: absolute; top: 41px }
.main-front-quote .ico-arr-quote-left { left: 0 }
.main-front-quote .ico-arr-quote-right { right: 0 }
.main-front-quote-content { text-align: center; font-size: 36px; font-weight: 300; margin-bottom: 35px }
.main-front-quote-sub { text-align: center }
.main-front-quote-sub-author { display: inline-block; font-style: italic; color: #696464; border-bottom: 1px solid #ddd; padding-left: 42px; padding-right: 42px; padding-bottom: 60px; font-weight: 300; font-size: 24px }
.main-front-article { text-align: center; font-size: 23px; line-height: 1.74; position: relative; max-width: 1072px; padding-left: 20px; padding-right: 20px; min-width: 900px; margin: auto auto 52px; font-weight: 100 }
.main-front-sub { text-align: center; margin-bottom: 83px }
.main-front-lower { text-align: center; background-color: #fff; height: 160px; line-height: 160px; border: 1px solid #f2f2f2 }
.overlay-contacts-inner-clients-colgroup { list-style: none; position: relative; display: block; width: 100% }
.overlay-contacts-inner-clients-colgroup:after, .overlay-contacts-inner-clients-colgroup:before { content: " "; display: table }
.overlay-contacts-inner-clients-colgroup:after { clear: both }
.overlay-contacts-inner-clients-col { float: left; display: block; position: relative; text-align: center; vertical-align: middle }
.overlay-contacts-inner-clients .ico { opacity: 0 }
.overlay-contacts-inner-clients .ico-clients-outer-active { opacity: 1 }
.ico-clients-outer { position: relative; display: inline-block; vertical-align: middle }
.ico-clients-outer-active { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease }
.ico-clients-outer:hover .ico-clients-outer-active { opacity: 1 }
.ico-clients-outer-intan { top: -12px }
.ico-clients-outer-smpl { top: -15px }
.ico-clients-outer-adv { top: 19px }
.ico-clients-outer-kls { top: -2px; left: 17px }
.ico-clients-outer-chr { top: 17px }
.ico-clients-outer-pop { top: 5px }
.ico-clients-outer-fmc { top: 17px }
.ico-clients-outer-dia { top: -25px }
.ico-clients-outer-carl { top: -5px }
.main-clients { height: 160px; list-style: none; text-align: justify; font-size: 0; font-size: 12px; width: auto; max-width: 1500px; min-width: 900px; position: relative; margin: auto; line-height: 160px }
.main-clients:after { content: ""; width: 100%; display: inline-block; zoom: 1 }
.main-clients li { height: 160px; line-height: 160px; position: relative; display: inline-block; font-size: 16px; vertical-align: top; text-align: left }
.main-clients li .main-clients-ico { -webkit-transition: all .3s ease; transition: all .3s ease }
.main-clients li .main-clients-ico-colored { position: absolute; top: 62px; left: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease }
.main-clients li:hover .main-clients-ico { opacity: 0 }
.main-clients li:hover .main-clients-ico-colored { opacity: 1 }
.main-clients-last .custom-button { line-height: normal !important; background-color: #d1d2d4 }
.main-clients-last .custom-button:hover { background-color: #bebfc2 }
.main-clients-ico-outer { display: inline-block; height: 160px; line-height: 160px; position: absolute; width: 100%; top: 0; left: 0; vertical-align: middle }
@media screen and (max-width:1250px) {
	.main-clients li.main-clients-hidden { display: none }
}
.overlay { overflow-y: scroll }
.overlay-contacts-inner { width: 750px }
.overlay-contacts-inner-clients-col { width: 25% }
.overlay-contacts-inner.overlay-contacts-inner-clients { margin-top: 0; top: 10% }
.overlay-contacts-inner-clients-row { margin-bottom: 50px }
.ico-n-clients-aud, .ico-n-clients-aud-a, .ico-n-clients-bug, .ico-n-clients-bug-a, .ico-n-clients-chr, .ico-n-clients-chr-a, .ico-n-clients-dia, .ico-n-clients-dia-a, .ico-n-clients-fmc, .ico-n-clients-fmc-a, .ico-n-clients-frm, .ico-n-clients-frm-a, .ico-n-clients-kls, .ico-n-clients-kls-a, .ico-n-clients-lescom, .ico-n-clients-lescom-a, .ico-n-clients-ls, .ico-n-clients-ls-a, .ico-n-clients-mrg, .ico-n-clients-mrg-a, .ico-n-clients-neo, .ico-n-clients-neo-a, .ico-n-clients-pepp, .ico-n-clients-pepp-a, .ico-n-clients-pop, .ico-n-clients-pop-a, .ico-n-clients-smpl, .ico-n-clients-smpl-a, .ico-n-clients-spbk, .ico-n-clients-spbk-a, .ico-n-clients-tpnk, .ico-n-clients-tpnk-a, .ico-n-clients-zpl, .ico-n-clients-zpl-a { background: url("../images/ico_logos.png") no-repeat }
.ico-n-clients-bug { background-position: 0 -2025px; height: 98px; width: 125px }
.ico-n-clients-bug-a { background-position: 0 -1922px; height: 98px; width: 125px }
.ico-n-clients-zpl { background-position: 0 -1211px; height: 100px; width: 124px }
.ico-n-clients-zpl-a { background-position: 0 -1102px; height: 100px; width: 124px }
.ico-n-clients-ls { background-position: 0 -1459px; height: 131px; width: 124px }
.ico-n-clients-ls-a { background-position: 0 -1321px; height: 131px; width: 124px }
.ico-n-clients-kls { background-position: 0 -69px; height: 63px; width: 120px; background-size: 101% }
.ico-n-clients-kls-a { background-position: 0 0; height: 63px; width: 120px; background-size: 101% }
.ico-n-clients-spbk { background-position: 0 -1688px; height: 87px; width: 120px }
.ico-n-clients-spbk-a { background-position: 0 -1595px; height: 87px; width: 120px }
.ico-n-clients-frm { background-position: 0 -277px; height: 109px; width: 120px }
.ico-n-clients-frm-a { background-position: 0 -162px; height: 109px; width: 120px }
.ico-n-clients-fmc-a { background-position: 0 -2323px; height: 24px; width: 120px }
.ico-n-clients-fmc { background-position: 0 -2356px; height: 24px; width: 120px }
.ico-n-clients-dia-a { background-position: 0 -2188px; height: 64px; width: 120px }
.ico-n-clients-dia { background-position: 0 -2256px; height: 64px; width: 120px }
.ico-n-clients-smpl-a { background-position: 0 -970px; height: 56px; width: 120px }
.ico-n-clients-smpl { background-position: 0 -1037px; height: 56px; width: 120px }
.ico-n-clients-chr-a { background-position: 0 -2127px; height: 26px; width: 120px }
.ico-n-clients-chr { background-position: 0 -2158px; height: 26px; width: 120px }
.ico-n-clients-mrg-a { background-position: 1px -392px; height: 41px; width: 131px }
.ico-n-clients-mrg { background-position: 0 -438px; height: 41px; width: 131px }
.ico-n-clients-neo-a { background-position: 0 -588px; height: 36px; width: 144px; background-size: 120% }
.ico-n-clients-neo { background-position: 0 -635px; height: 36px; width: 144px; background-size: 120% }
.ico-n-clients-aud-a { background-position: 0 -825px; height: 70px; width: 120px }
.ico-n-clients-aud { background-position: 0 -897px; height: 70px; width: 120px }
.ico-n-clients-tpnk-a { background-position: 0 -1846px; height: 34px; width: 120px }
.ico-n-clients-tpnk { background-position: 0 -1883px; height: 34px; width: 120px }
.ico-n-clients-lescom-a { background-position: 0 -1779px; height: 30px; width: 120px }
.ico-n-clients-lescom { background-position: 0 -1813px; height: 30px; width: 120px }
.ico-n-clients-pop-a { background-position: 0 -703px; height: 55px; width: 120px }
.ico-n-clients-pop { background-position: 0 -764px; height: 55px; width: 120px }
.ico-n-clients-pepp-a { background-position: 0 -555px; height: 68px; width: 120px }
.ico-n-clients-pepp { background-position: 0 -627px; height: 68px; width: 120px }
.mn-s { position: relative }
.mn-s2 { background-color: #00a0ad; color: #fff; font-size: 16px; text-align: center }
.mn-s2-quote { padding: 39px 5.31em 32px; position: relative; margin: auto; max-width: 1186px; display: inline-block }
.mn-s2-quote-c { position: relative; margin-bottom: 17px; font-size: 24px; text-align: left; line-height: 1.67 }
.mn-s2-quote-c:after, .mn-s2-quote-c:before { content: ""; position: absolute; top: 50%; display: block; width: 52px; height: 56px; margin-top: -29px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100% }
.mn-s2-quote-c:before { left: -3.81em; background-image: url("../images/main/s2-arr-lt.png") }
.mn-s2-quote-c:after { right: -3.81em; background-image: url("../images/main/s2-arr-rt.png") }
.mn-s2-quote-sub { text-align: right; font-family: "PT Sans", Arial, sans-serif; font-size: 14px; font-style: italic }
.mn-s3 { background-color: #f1f1f1; color: #333; font-family: "PT Sans", sans-serif; padding: 55px 0 47px }
.mn-s3-a { font-size: 16px; position: relative; margin: auto; max-width: 960px; left: 44px; line-height: 1.67em }
.mn-s3-a-c { margin-bottom: 2em }
.mn-s3-a-sub { text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 1.57; text-align: left }
.mn-s3-a-sub:after, .mn-s3-a-sub:before { content: " "; display: table }
.mn-s3-a-sub:after { clear: both }
.mn-s3-a-sub .custom-button { border: 1px solid #00a0ad; color: #00a0ad; float: right; top: -12px; position: relative }
.mn-s3-a-sub .custom-button:hover { background-color: #00a0ad; color: #fff }
@media screen and (max-width:1385px) {
	.mn-s2, .mn-s3 { font-size: 13px }
	.mn-s3-a { left: 0 }
}
@media screen and (max-width:1140px) {
	.mn-s2 { font-size: 11.4px }
}
.mn-s4 { overflow: hidden; width: 100%; height: 300px; background-color: #fff }
.mn-s4 .wrap { max-width: 1470px }
.mn-s4-c { width: 100%; height: 100% }
.mn-s4-in { width: 5000px; height: 100%; position: relative }
.mn-s4-slider { max-width: 1515px; position: relative }
.mn-s4-slider .slide { height: 300px }
.mn-s4-slider .bx-viewport { overflow: visible !important }
.mn-s4-slider .bx-controls { position: relative; top: -100px }
.mn-s4-hd { font-family: pfdin, Arial, sans-serif; color: #fff; font-size: 200%; width: 378px; position: absolute; top: 0; left: 0; background-color: #00a0ad; height: 150px; line-height: 150px; text-transform: uppercase; z-index: 2; text-align: center; cursor: pointer }
.mn-s4-arr { display: block; position: absolute; top: 150px; width: 60px; height: 60px; background-color: #00a0ad; z-index: 20; transition: background-color .4s cubic-bezier(0.455, .03, .515, .955); -webkit-transition: background-color .4s cubic-bezier(0.455, .03, .515, .955) }
.mn-s4-arr:hover { background-color: #06b8c6 }
.mn-s4-arr img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.mn-s4-arr-prev { left: -40px }
.mn-s4-arr-next { right: -40px }
@media screen and (max-width:1600px) {
	.mn-s4-arr-prev { left: 20px }
	.mn-s4-arr-next { right: 20px }
}
@media screen and (max-width:1620px) {
	.mn-s4-slider { max-width: 1136px }
	.mn-s4-hd { width: 285px; font-size: 40px }
}
.mn-s4-item { position: relative; width: 100%; height: 100% }
.mn-s4-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955); transition: all .4s cubic-bezier(0.455, .03, .515, .955); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.mn-s4-item img:first-child { opacity: 1 }
.mn-s4-item img:last-child, .mn-s4-item:hover img:first-child { opacity: 0 }
.mn-s4-item:hover img:last-child { opacity: 1 }
.slide:nth-child(odd) .mn-s4-item-upp { background-color: #fcfcfc }
.slide:nth-child(even) .mn-s4-item-upp, .slide:nth-child(odd) .mn-s4-item-low { background-color: #fff }
.slide:nth-child(even) .mn-s4-item-low { background-color: #fcfcfc }
.mn-s5 { width: 100%; height: 860px; background-color: #303030 }
.mn-s5-slider .slide { height: 860px; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.mn-s5-slider .main-slider .bx-wrapper { margin-bottom: 0 }
.mn-s5-c { position: relative; margin: auto; max-width: 1220px; height: 0; z-index: 10 }
.mn-s5-a { background-color: rgba(235, 2, 2, .5); width: 463px; left: 147px; height: 860px; position: relative; color: #fff; z-index: 2; padding: 273px 0 0 121px }
.mn-s5-slider-nav { position: relative; margin: auto; max-width: 1220px; height: 0; z-index: 2 }
.mn-s5-t { position: absolute; top: 273px; left: 121px; display: inline-block; z-index: 2; -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955); transition: all .4s cubic-bezier(0.455, .03, .515, .955); opacity: 0 }
.mn-s5-t .custom-button:hover { color: #750101 }
.mn-s5-t:nth-child(2) { margin-top: 17px }
.mn-s5-t:nth-child(3) { margin-top: -10px }
.mn-s5-t.active { opacity: 1; z-index: 10 }
.mn-s5-t-hd { font-family: pfdin, Arial, sans-serif; font-size: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: -2px }
.mn-s5-t-hd img { display: inline-block; margin-bottom: 5px; vertical-align: top }
.mn-s5-t-desc { font-family: "PT Sans", sans-serif; font-size: 15px; line-height: 1.57; margin-bottom: 6px }
.mn-s5-t-sub { font-family: "PT Sans", sans-serif; font-size: 15px; line-height: 1.57; margin-bottom: 50px }
#content .jbs_cover .bg-img-cover { background-image: url("../images/contacts/bg.jpg"); opacity: .5; display: block; -moz-background-image: url("../images/contacts/bg.jpg"); }
#content .about .bg-img-cover { background-image: url("/assets/images/poisk-vipdec.jpeg"); opacity: .7; display: block }
#content .contacts_cover .bg-img-cover { background-image: url("/assets/images/welcome-vipdec.jpg"); opacity: .5; display: block }
.jbs-c { min-height: 1639px }
.mn-s5-slider-nav .jbs-nav-menu { left: 24px; width: 84px; height: 684px; padding-top: 200px }
.mn-s5-slider-nav .jbs-nav-item-pic { left: -40px }
.mn-s5-slider-nav li { margin-bottom: -26px !important }
.mn-s5-slider-nav .jbs-nav-item .jbs-nav-item-pic { -webkit-transform: scale(0.42); transform: scale(0.42) }
.mn-s5-slider-nav .jbs-nav-item .jbs-nav-item-pic img { -webkit-transform: scale(1.6); transform: scale(1.6) }
.mn-s5-slider-nav .jbs-nav-item:hover .jbs-nav-item-pic { -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important }
.mn-s5-slider-nav .jbs-nav-item:hover .jbs-nav-item-pic img { -webkit-transform: scale(1.58) !important; transform: scale(1.58) !important }
.mn-s5-slider-nav .jbs-nav-item.active .jbs-nav-item-pic { -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important }
.mn-s5-slider-nav .jbs-nav-item.active .jbs-nav-item-pic img { -webkit-transform: scale(0.5) !important; transform: scale(1.58) !important }
.mn-s5-slider-nav .jbs-nav-item-circle { color: #fff; line-height: 176px; text-align: center; font-family: pfdin, Arial, sans-serif; font-size: 59px }
@media screen and (max-width:1400px) {
	.mn-s5, .mn-s5-a, .mn-s5-slider .slide { height: 605px }
	.mn-s5-slider-nav .jbs-nav-menu { padding-top: 70px }
	.mn-s5-t { top: 185px }
}
.main-intro-tp { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 3.5s; transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 1.5s }
.main-intro-lead-title span { opacity: 0 }
.main-intro-lead-title span:nth-child(1) { -webkit-transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) .5s; transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) .5s }
.main-intro-lead-title span:nth-child(2) { -webkit-transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 1.5s; transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 1.5s }
.main-intro-lead-title span:nth-child(3) { -webkit-transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 2.5s; transition: opacity 1s cubic-bezier(0.455, .03, .515, .955) 2.5s }
.ready .main-intro-lead-title span, .ready .main-intro-tp { opacity: 1 }
.no-delay { -webkit-transition-delay: 0 !important; transition-delay: 0 !important }
.hid { opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(0.455, .03, .515, .955); transition: opacity 1.2s cubic-bezier(0.455, .03, .515, .955) }
.appear .hid, .appear.hid { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.main-service { width: 100%; height: 85%; position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.main-service:after { content: ""; position: absolute; width: 100%; height: 85%; top: 0; left: 0; background-color: rgba(0, 160, 173, .5) }
.main-service .wrap { height: 85% }
.main-service-colgroup { background-color: #00a0ad; background-image: url("../images/bg-service.jpg"); list-style: none; position: relative; display: block; width: 100%; height: 100%; z-index: 2 }
.main-service-colgroup:after, .main-service-colgroup:before { content: " "; display: table }
.main-service-colgroup:after { clear: both }
.main-service-col { float: left; display: block; position: relative; height: 100%; width: 25%; border-right: 1px solid rgba(255, 255, 255, .18); -webkit-transition: all 500ms cubic-bezier(0.455, .03, .515, .955); transition: all 500ms cubic-bezier(0.455, .03, .515, .955); text-align: center }
.main-service-col:last-child { border-right: 0 }
.main-service-col:hover { background-color: rgba(0, 43, 58, .7) }
.main-service-col-table { width: 100%; height: 100%; display: table }
.main-service-col-cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle }
.main-service-item { max-width: 335px; min-width: 100px; margin-top: -2%; padding-left: 20px; padding-right: 20px; text-align: center; display: inline-block; color: #fff; -webkit-transition: all .2s ease; transition: all .7s ease }
.main-service-item-pic { height: 141px; line-height: 141px }
.main-service-item-hd { font-size: 30px; font-family: pfdin, Arial, sans-serif; text-transform: uppercase; line-height: 1.5; margin-bottom: 24px }
.main-service-item-desc { margin-bottom: 56px; font-size: 16px; font-family: "PT Sans", sans-serif }
.main-service-item-pic, .main-service-item-sub, .main-service-transition { -webkit-transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275); transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275) }
.main-service-item-pic img {
    border: 0;
    vertical-align: middle;
    width: 75px;
    height: 75px;}
.main-service-col-1 .main-service-item-lower, .main-service-col-1 .main-service-item-upper, .main-service-col-2 .main-service-item-lower, .main-service-col-2 .main-service-item-upper, .main-service-col-3 .main-service-item-lower, .main-service-col-3 .main-service-item-upper { -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px) }
.main-service-col-4 .main-service-item-lower, .main-service-col-4 .main-service-item-upper { -webkit-transform: translate(0, 90px); -ms-transform: translate(0, 90px); transform: translate(0, 90px) }
.main-service-item-upper { -webkit-transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275); transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275) }
.main-service-item-lower { opacity: 0; -webkit-transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275); transition: all 600ms cubic-bezier(0.175, .885, .32, 1.275); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.main-service-col:hover .main-service-item-pic, .mobile .main-service-col .main-service-item-pic { -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); transform: translate(0, 15px) }
.main-service-col:hover .main-service-item-upper, .mobile .main-service-col .main-service-item-upper { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.main-service-col:hover .main-service-item-sub, .mobile .main-service-col .main-service-item-sub { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px) }
.main-service-col:hover .main-service-item-lower, .mobile .main-service-col .main-service-item-lower { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
.main-slider { height: 1030px; width: 100%; background-color: #1c1d1f }
.main-slider:after, .main-slider:before { content: " "; display: table }
.main-slider:after { clear: both }
.main-slider-outer { position: relative; width: 100%; height: 100% }
.main-slider-inner { position: relative; width: 100%; height: 100%; list-style: none }
.main-slider-inner-slide { width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; color: #fff; padding-left: 57px; padding-right: 57px }
.main-slider-nav { position: relative; margin: auto; max-width: 1920px }
.main-slider-nav a { display: inline-block; position: relative; z-index: 10 }
.main-slider-nav .rslides_nav { position: absolute; top: -515px }
.main-slider-nav .rslides_nav.prev { left: 20px }
.main-slider-nav .rslides_nav.next { right: 20px }
.main-slider-pager { list-style: none; position: absolute; z-index: 10; bottom: 52px; left: 50%; margin-left: -93px }
.main-slider-pager li { float: left; margin-left: 11px; margin-right: 11px }
.main-slider-pager a { display: inline-block; border-radius: 100%; width: 47px; height: 47px; background-color: #919191; text-decoration: none; position: relative; -webkit-transition: background-color 200ms cubic-bezier(0.445, .05, .55, .95); transition: background-color 200ms cubic-bezier(0.445, .05, .55, .95) }
.main-slider-pager a:hover { background-color: #BBB }
.main-slider-pager .ico-clients-small-vmeste2, .main-slider-pager .ico-clients-small-vmeste2-a { margin-top: -15px; margin-left: -11.5px }
.main-slider-pager .ico-clients-small-intan, .main-slider-pager .ico-clients-small-intan-a { margin-top: -12px; margin-left: -7px }
.main-slider-pager .ico-clients-small-mirage, .main-slider-pager .ico-clients-small-mirage-a { margin-top: -9px; margin-left: -11px }
.main-slider-pager .rslides_here a { background-color: #fff }
.main-slider-pager .rslides_here .main-slider-pager-ico-active { opacity: 1 }
.ico-clients-small-vmeste2 { width: 24px; height: 33px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAhCAYAAADDAmudAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2JJREFUeNqklntoTmEYwL+dzS1sQizXuUb4ZEI2FCKZuz+wfSWXcskluWxuhS1FLiGbtFhruUYuaTFhcr+EJTZlJH9IxMJmLpvfU89Zb6/v+3a2PfXrOd/33M77nuc874nyhZFAIBCNmgVJEA+d1VQBJXADTuTl5d0PlSMiROJGqDWQCjHwDm7CW/gNrcAPidAUbsEqCj2qtQDJO6HOwhC4BNsJvBPiRqT4PNgArSEN310hCxDQBXVb73oBzqd9HoQ4SX4UpsAO4tJcW6Th1Ez3tB2Mw6nA51GKiooq/H7/KS47wAqu3/PfE7E5ht826A+zSf7AV0chpgq1BK7Dfm64a00B3ZqVkINjvq+eQuxf2VrNu7XmGVBA7n4T9MDpjf43CbUFBsAXyIIMSYJNVroPRkIZXIB12D5rbKYWinW3aAYUGslHoM7DYGgM7bXYAWxx2pZjQNq5LczXznMlV+OSHAJacNEPrhkOC6zn44rs8WXtMltGkauXXj+EbzBUksTpnyWGc7swW907jC3WeBavJbcUiFLjT8PxRT2ecbV1k/Jsoh199UXaGMYjGlAXOcedfzR+S74vUuCNJutmtNtL7RqvIqtPM15a2ZWeUOqQrJyLZzDWCloLxR4LrCbPK+P3cB2C99xOOQMJVB5orEIKT4evtSSXlzPT+m+hjvR8t8BBfZl2W2+mrGCaOgeTq7DIGnx9UMmQTfx3RxNJ8nTZJhxmWkUKtUillVxmzlTsv6y9z4EfMubtYSereAqHcexoFbmCmqiBPj0nJuk2mrIZhsEybB+CnQd9UY/hro7sKss+CJWiB8sfy5aop95JbMnhTrTF2qKpOO70eODEaCeKDCSuzLU5QUbuIZ2OGQTGe2zTLP0gSDGT+0IMNHfYfYLjFGley90HUHN0lN+27U6Ig0OSz9XBtjdM8u6oTH1m6cF8IsOcs6WcrS2lI9D8LCq2kktLXtTJO949bDytwJCN2rrZdutqS8pIWEry0lAJnFrO2Ep9K+WLI5cijtGScsQewycvXI5ID58kn9giWf5yKOf6ObpAR8tk7JUNKqBFHpE4XudOgn7eTHDP8HDi1GHmu607GtYH+w5tUAGjdWV79niNC/V1/Z8fBarV1kQefhCfBq2gmoQRbmd5TS7yT4ABAH2hSLQ0j8ETAAAAAElFTkSuQmCC) }
.ico-clients-small-vmeste2-a { width: 24px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAhCAYAAADDAmudAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwZJREFUeNqklntozmEUx397N0W0kZLCXEKKKDXMNfGHyyuTYm5Jm5gIIdclsyT31EzMJS2USEqLuU2Y2x/UwpRL/lrMndk7vPM99f3V2dPz+73PO6c+9b7P7zzn/M55zjm/Jy2z4KIXIulgNpgKhoIeXP8FasEtcBY8CDKQFrDeBqwF60EGeAeqwFvwG3QEg8FSsArcAavBYxcH3cEFkAUugx3gXsCLiPNFYBO4DzaAPVohYmzIBNVgAJgFoiHGRb6CA9SXl9kNdgY5aEclyftEcM5zl09gBjjKtObZHBSBQSAXPPSSlzgoADfBQdBTO5DUrAQnQYXXevnLtxe727SDfB54kVKOsipioA5sBal8JpFeB03gAzgGOvPZG3ACzAGdUtgHNVQcT6XRLEuzCErBLvCEFaTlNhjH3yNYLAvEQAcwENxQynkW4x5zfMViXGQs6Mffj8B3MEyM9OJirVLuEpLn/iHPuqqzeCW2I6rZGpXis1YccLPxktIj6RG2vqcOSeQ4NyQjcpjv1X+x9znCUxdjvdXD5zxQV2nkmNAjqC94LQ4awFMwwdi0DrxwdLAGvFT/s0FbmU9+pZwHI8EQpdTA9v+SwLg05yFjLZ8jvcJ3UCL5AnsNRYkgh8o2uQaWGGsy+OaCMvDDdyDGtzNNM40NVXQSM9Zl5kxnN+vcS0Q/OeZbNFMJO/QI6GYYuwqmcKPHqRtlGrUUguFgOcdLCwdNDE3G9ilLJ0unj2EacyzGR4Et4Awo9xdTM7JytVI9+AhW0MBdw0gdo4lbvmyV4BsjiwV90UQOg0ugmB96FynlhWAeO9gLc+APu3qG2z6B8fkczcWWiAMdiPGFHGz7Q4z3YQ9Uswo9VwcecyoHupgNZ7uRlKso/iTrQGQzS7fMUrqFHAnLZOYEGUjkIBZQun5JntYlaROzTIPOQ5duDdMn3T/N0uFOV0db6U5mpUxiurJZ96ESSWLm+6UrF4ONtnvo/zrwS1fSs891k2uKUvjVq+T1JO7qwDWCZjrxEh2qKf8EGACvr7NZ9SqUEgAAAABJRU5ErkJggg==) }
.main-slider-pager-ico { position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 100ms cubic-bezier(0.445, .05, .55, .95); transition: opacity 100ms cubic-bezier(0.445, .05, .55, .95) }
.main-slider-pager-ico-active { opacity: 0 }
.main-slider-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 1806px; margin: auto; height: 930px }
.main-slider-colgroup:after, .main-slider-colgroup:before { content: " "; display: table }
.main-slider-colgroup:after { clear: both }
.main-slider-col { float: left; display: block; position: relative; width: 50%; height: 100% }
.main-slider-col-1 { float: right }
.main-slider-col-2 { float: left; text-align: center; line-height: 1030px }
.main-slider-col-2 img { max-width: 83% }
.main-slider-capture { width: 412px; position: relative; margin: 244px auto auto }
.main-slider-capture-logo { margin-bottom: 37px }
.main-slider-capture-title { line-height: 1; margin-bottom: 23px }
.main-slider-capture-title-upper { font-size: 38px; font-weight: 300; margin-bottom: 5px }
.main-slider-capture-title-lower { font-size: 48px; font-weight: 900; text-transform: uppercase }
.main-slider-capture-desc { margin-bottom: 53px }
.main-slider-capture-extra { margin-top: 108px }
.main-slider-capture-extra a { text-decoration: none; margin-right: 22px }
.main-slider-inner-vmeste .main-slider-col-2 img { position: relative; left: 4% }
.main-slider-inner-intan .main-slider-capture { margin-top: 222px }
.main-slider-inner-intan .main-slider-capture-logo { margin-bottom: 34px }
.main-slider-inner-intan .main-slider-capture-title { margin-bottom: 16px }
.main-slider-inner-intan .main-slider-capture-desc { margin-bottom: 48px }
.main-slider-inner-intan .main-slider-pic { padding-left: 30px }
.main-slider-inner-intan .main-slider-pic img { margin-top: -12% }
.main-slider-inner-mirage .main-slider-capture { margin-top: 273px }
.main-slider-inner-mirage .main-slider-capture-title { margin-bottom: 21px }
.main-slider-inner-mirage .main-slider-capture-desc { margin-bottom: 48px }
.main-slider-inner-mirage .main-slider-col-2 { line-height: normal }
.main-slider-inner-mirage .main-slider-pic { padding-left: 30px }
.main-slider-inner-mirage .main-slider-pic img { max-width: 118%; left: -40px; position: relative }
.ico-clients-small-neot { width: 23px; height: 18px; margin-left: -11px; margin-top: -10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYRJREFUeNqk1c8rBGEcx/HZMX7/KDnisEg4uEjITeRKLg4ubkohieTHwcjmR4gc/AEOcnRxEMmJkwMpnBQHkUVpNxbvp75bT1PYZ+ap1+zs08xnn5nv8zwbcl13wbKsLnziCIu4tsxbBebQiEOMOxwaUCYXVCKMSZwYhuehCqWoRaHN4d1zUSs20G4YntCy1GdChX9Lxxue5bwOK+hGuuWz2dr5lbzv5OuoxhL6kRs0PIZtDOJY+orhYgIFQcKz4MjIB7CrFWoE8yjxG25p7/cMw9jCh/T3YQ01fsP1doMxmTmv0teJdTQHDVftDjOI4FH6WmQmdfx3v53CANT0XMU0bqWvHsvo/SvDTvH1qZm0KYU9l76wFHlIcqL40m9yDIqvbtzBE2bRhCKZqtnYR9zPyPV2IKPdk+85UnhX1kWgcNVOZbElp2o+2lD+W3jI8AfUdjEqtYh58tJUnq3tG5k+nuQeU7InvXh2yLgq6KU8zoW2WExaVNaBKmYPMuRP5+FHgAEAae9Po19F09kAAAAASUVORK5CYII=) }
.ico-clients-small-neot-a { width: 23px; height: 18px; margin-left: -11px; margin-top: -10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYZJREFUeNqk1c8rBGEcx/HZMX7/KDk44LBIOLhIyE3kSi4OLm5KIYnkx8GK/AiRgz/AQY4uDiKcODmQQg6Kg8iitBuL91Pfracp7DPz1Gt29mnms8/M93meDeQf3sxZltWOTxxgHleWeSvFNOqwjxGHQy2K5YIyBDGGY8PwLJSjCFXItTm8uy5qwhpaDMNjWpb6jKnwb+l4w7OcV2MJHUi2PDZbO7+U9x1/HRVYQA8y/YZHsIk+HElfAUIYRY6f8DQ4MvJebGuFGsQsCr2GW9r7PcUANvAh/d1YQaXXcL1dY1hmzqv0tWEVDX7DVbvDJGbwKH2NMpNa/7vfTmAAanouYwK30leDRXT9lWEn+PrUTFqXwp5JX1CK3C85YXzpNzkGxVc3buEJU6hHnkzVdOwi6mXketuT0e7I9wwpfEjWha9w1U5kscWnajaaUfJbeMDwB9R2MSS1iLjyklSere0bqR6e5B7jsie9uHbIqCrohTzOubZYTFpY1oEqZidS5E/n4UeAAQCVp0/RB+NzuQAAAABJRU5ErkJggg==) }
.map-controls { height: 162px; font-size: 18px; background-color: #fff; width: 100%; position: relative; z-index: 3 }
.map-controls:after, .map-controls:before { content: " "; display: table }
.map-controls:after { clear: both }
.map-controls .wrap { height: 100%; padding-left: 0; padding-right: 0 }
.map-controls-fixed { position: fixed; left: 0; top: 123px }
.map-controls-inner { width: 100% }
.map-controls-inner:after, .map-controls-inner:before { content: " "; display: table }
.map-controls-inner:after { clear: both }
.map-controls-button { width: 64%; margin: 0 10% 0 0 }
.map-controls-button.map-controls-button-not-mobile { -webkit-transition: background-color .15s cubic-bezier(0.455, .03, .515, .955); transition: background-color .15s cubic-bezier(0.455, .03, .515, .955) }
.mobile .map-controls-button:hover { background-color: none }
.map-controls-button { display: block; height: 100%; position: relative; font-family: "PT Sans", sans-serif }
.map-controls-button:after, .map-controls-button:before { content: " "; display: table }
.map-controls-button:after { clear: both }
.map-controls-button-lt { float: left; width: 57%; padding-left: 60px; height: 100%; padding-right: 30px }
.map-controls-button-lt-table { height: 100%; width: 100%; display: table }
.map-controls-button-lt-cell { height: 100%; width: 100%; display: table-cell; vertical-align: middle; line-height: 1.94 }
.map-controls-button-lt-ico { position: absolute; top: 50%; left: 30px; margin-top: -19px }
.map-controls-button-rt { float: right; width: 32%; margin-top: -6%; margin-right: -45% }
.map-controls-button-rt p { padding: 0; margin-bottom: 16px; position: relative }
.map-controls-button-rt-ico { margin-right: 5px; top: -2px }
.map-controls-button-spb .map-controls-button-lt-ico { left: 140px }
.map-controls-button-ico-active { display: none !important }
.map-controls-button-arr { position: absolute; bottom: -13px; margin-left: -17px; left: 50%; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 13px solid #00a0ad; display: none }
.map-controls-button.active { background-color: #00a0ad !important; color: #fff !important }
.map-controls-button.active .map-controls-button-ico { display: none !important }
.map-controls-button.active .map-controls-button-ico-active { display: inline-block !important }
.map-controls-button.active .map-controls-button-arr { display: block }
.main-sub { width: 100%; height: 1px }
.main-map-inner { height: 700px; width: 100%;}
.about-section { background-color: #fcfcfc }
.about-section-2 { min-height: 300px; padding-top: 93px; padding-bottom: 155px; font-size: 15px; font-weight: 300 }
.about-section-2 h3 { font-size: 28px; color: #00a0ad; line-height: 1.46; margin-bottom: 17px }
.about-section-2 .lead { font-size: 19px; line-height: 1.84 }
.about-section-2-colgroup { list-style: none; position: relative; display: block; width: 100%; margin: auto; max-width: 1024px }
.about-section-2-colgroup:after, .about-section-2-colgroup:before { content: " "; display: table }
.about-section-2-colgroup:after { clear: both }
.about-section-2-col { float: left; display: block; position: relative; width: 50% }
.about-section-2-col-1 { padding-right: 40px }
.about-section-2-col-2 { padding-left: 40px }
.about-section-2-col-2 p:first-child { padding-top: 4px }
.about-section-2-hr { width: 235px; border: 0; height: 2px; background-color: #ddd; margin-bottom: 55px }
.about-section-3 { background-color: #000 }
.about-workprocess-group { position: relative }
.about-workprocess-group:after, .about-workprocess-group:before { content: " "; display: table }
.about-workprocess-group:after { clear: both }
.about-workprocess-item { position: relative; width: 25%; float: left; overflow: hidden }
.about-workprocess-item img { -webkit-transition: -webkit-transform 8s ease; transition: transform 8s ease }
.about-workprocess-item:before { content: ""; display: block; padding-top: 83% }
.about-workprocess-item-content, .about-workprocess-item-half-vertical-content { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.about-workprocess-item-caption { background-color: rgba(0, 160, 173, .75); position: absolute; left: 0; width: 100%; color: #fff; font-size: 19px; padding: 1.68em 1.47em 1.58em; top: 100%; -webkit-transition: all 400ms cubic-bezier(0.455, .03, .515, .955); transition: all 400ms cubic-bezier(0.455, .03, .515, .955) }
.about-workprocess-item-half-vertical { position: relative; display: block; width: 100%; height: 50.1%; overflow: hidden }
.about-workprocess-hover-on:hover img { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.about-workprocess-group-title { position: absolute; top: 0; left: 25%; right: 25%; bottom: 50%; background-color: #071922; color: #fff; font-weight: 300; font-size: 36px; text-align: center }
.about-section-4 { text-align: center; font-size: 36px; font-weight: 300; padding-top: 1.67em; padding-bottom: 1.75em }
.about-section-4 p { padding-bottom: .78em }
.about-section, .services-item-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.about-team-group { position: relative; overflow: hidden }
.about-team-group:after, .about-team-group:before { content: " "; display: table }
.about-team-group:after { clear: both }
.about-team-item { display: block; position: relative; width: 12.5%; float: left; overflow: hidden; background-color: #000 }
.about-team-item .about-team-content { background-size: cover; background-position: 50%; background-repeat: no-repeat }
.about-team-item:before { content: ""; display: block; padding-top: 107% }
.about-team-content { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.about-team-item-caption { background-color: rgba(0, 160, 173, .75); position: absolute; left: 0; width: 100%; color: #fff; font-size: 15px; padding: 1.13em 1.2em 1.2em; top: 100%; -webkit-transition: all 300ms cubic-bezier(0.455, .03, .515, .955); transition: all 300ms cubic-bezier(0.455, .03, .515, .955) }
.about-team-item-caption-name { font-weight: 700; text-transform: uppercase }
.about-team-item-caption-state { font-size: .93em }
.about-team-item-desc { font-size: 20px; color: #fff; top: 1em; padding-left: 1em; padding-right: 1em }
.caption-bg { position: absolute; top: 0; left: 0; width: 101%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.ab-s { position: relative; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.ab-s1 { height: 616px; background-color: #00a0ac; background-position: top left; background-repeat: no-repeat; background-image: url("../images/jobs/bg.jpg") }
.ab-s1:after, .ab-s1:before { content: " "; display: table }
.ab-s1:after { clear: both }
.ab-s1-under { height: 260px; width: 50%; background-color: #007882; position: absolute; left: 0; bottom: 0; z-index: 2; display: block }
.ab-s1-layout { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0 }
@media screen and (min-width:1930px) {
	.ab-s1 { background-size: cover }
}
.ab-s1-c { position: relative; margin: auto; width: 100%; height: 100% }
.ab-s1-c .content-title { top: -500px }
.ab-s1-wrap { position: relative; margin: auto; max-width: 1000px; height: 100% }
@media screen and (max-width:1060px) {
	.ab-s1-c { width: 940px }
}
.ab-s1-a { position: absolute; bottom: 147px; left: 0; font-size: 20px; color: #333; font-family: "PT Sans", sans-serif; display: inline-block; line-height: 1.8; width: 61%; z-index: 4 }
.ab-s1-a-in { padding: 36px 43px 52px; display: inline-block; background-color: #fff }
.ab-s1-hgrp { position: absolute; right: 6px; width: 463px; z-index: 4; height: 371px; bottom: 16px }
.ab-s1-hgrp .jbs-front-numgrp { font-size: 297px; left: auto; top: 0; position: absolute; right: 66px }
.ab-s1-hgrp .jbs-front-numgrp-on { padding-top: 16px; padding-bottom: 14px }
.ab-s1-hgrp-hd { font-family: pfdin, Arial, sans-serif; font-size: 48px; color: #00a0ad; text-transform: uppercase; line-height: 1.08; position: absolute; bottom: 0; left: 0; white-space: nowrap; float: right }
@media screen and (max-width:1060px) {
	.ab-s1-hgrp .jbs-front-numgrp { top: 20px }
	.ab-s1-hgrp-hd { font-size: 42px }
	.ab-s1-hgrp { width: 420px }
}
.ab-s1-bar { height: 836px; width: 166px; position: absolute; left: 50%; margin-left: -83px; bottom: 0; z-index: 3 }
.ab-s1-bar .ab-s1-bar-line { position: absolute; width: 3px; left: 50%; top: 20px; bottom: 0 }
.ab-s1-bar .ab-s1-bar-line-bar1 { position: absolute; width: 100%; top: 17px; left: 0; background-color: #fff }
.ab-s1-bar .ab-s1-bar-line-bar2 { position: absolute; width: 100%; top: 381px; left: 0; background-color: #fff }
.ab-s1-bar .ab-s1-bar-line-point { position: absolute; display: block; width: 58px; height: 58px; margin-left: -28px; margin-top: -29px; left: 50%; top: 16px; z-index: 2; background: url("../images/jobs/point.png") no-repeat }
.ab-s1-bar .jbs-nav-item { padding-top: 182px; -webkit-transform: scale(1.6); transform: scale(1.6); cursor: default }
.ab-s1-bar .jbs-nav-item .jbs-nav-item-pic img { -webkit-transform: scale(1); transform: scale(1) }
.ab-s1-bar .jbs-nav-item:hover { -webkit-transform: scale(1.6) !important; transform: scale(1.6) !important }
.ab-s1-bar .jbs-nav-item:hover .jbs-nav-item-pic { -webkit-transform: scale(0.61) !important; transform: scale(0.61) !important }
.ab-s1-bar .jbs-nav-item:hover .jbs-nav-item-pic img { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.ab-s1-bar .jbs-nav-item.active { -webkit-transform: scale(1.6) !important; transform: scale(1.6) !important }
.ab-s1-bar .jbs-nav-item.active .jbs-nav-item-pic { -webkit-transform: scale(0.61) !important; transform: scale(0.61) !important }
.ab-s1-bar .jbs-nav-item.active .jbs-nav-item-pic img { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.ab-s1-bar-line-point { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955); transition: all .4s cubic-bezier(0.455, .03, .515, .955) }
.appear .ab-s1-bar-line-point { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) }
.ab-s1-bar-line-bar1 { height: 0; -webkit-transition: all .8s cubic-bezier(0.455, .03, .515, .955) .1s; transition: all .8s cubic-bezier(0.455, .03, .515, .955) .1s }
.appear .ab-s1-bar-line-bar1 { height: 203px }
.ab-s1-bar .jbs-nav-item-progress { -webkit-transition: all 2s cubic-bezier(0.455, .03, .515, .955) .8s !important; transition: all 2s cubic-bezier(0.455, .03, .515, .955) .8s !important }
.appear .ab-s1-bar .jbs-nav-item-progress { stroke-dashoffset: 0 }
.ab-s1-bar-line-bar2 { height: 0; -webkit-transition: all .8s cubic-bezier(0.455, .03, .515, .955) 1.8s; transition: all .8s cubic-bezier(0.455, .03, .515, .955) 1.8s }
.appear .ab-s1-bar-line-bar2 { height: 100px }
.ab-s1-bar .jbs-nav-item-circle img { -webkit-transform: scale(0) !important; transform: scale(0) !important; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) .8s !important; transition: all 1s cubic-bezier(0.455, .03, .515, .955) .8s !important }
.appear .jbs-nav-item-circle img { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.ab-s1-bar .jbs-nav-item-circle { opacity: 0; -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955) .9s; transition: all .4s cubic-bezier(0.455, .03, .515, .955) .9s }
.appear .ab-s1-bar .jbs-nav-item-circle { opacity: 1 }
.ab-s1-a { -webkit-perspective: 500px; perspective: 500px }
.ab-s1-a-in { opacity: 0; -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955) 2.6s; transition: all .4s cubic-bezier(0.455, .03, .515, .955) 2.6s }
.appear .ab-s1-a-in { opacity: 1 }
.ab-s1-c .jbs-front-numgrp-on { opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 1s cubic-bezier(0.175, .885, .32, 1.275) 1.8s; transition: all 2s cubic-bezier(0.175, .885, .32, 1.275) 1.8s }
.appear .ab-s1-c .jbs-front-numgrp-on { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.ab-s1-hgrp-hd { opacity: 0; -webkit-transform: translateX(200px) !important; transform: translateX(200px) !important; -webkit-transition: all 1.5s cubic-bezier(0.455, .03, .515, .955) 1.5s; transition: all 1.5s cubic-bezier(0.455, .03, .515, .955) 1.5s }
.appear .ab-s1-hgrp-hd { opacity: 1; -webkit-transform: translateX(0) !important; transform: translateX(0) !important }
.ab-s1-under { opacity: 0; -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.455, .03, .515, .955) 1.5s, opacity 1s cubic-bezier(0.455, .03, .515, .955) 2s; transition: transform 1.2s cubic-bezier(0.455, .03, .515, .955) 1.5s, opacity 1s cubic-bezier(0.455, .03, .515, .955) 2s; -webkit-transform: translateX(-200px) !important; transform: translateX(-200px) !important }
.appear .ab-s1-under { opacity: 1; -webkit-transform: translateX(0) !important; transform: translateX(0) !important }
#ab-counter { opacity: 0; -webkit-transform: scale(0.4) !important; transform: scale(0.4) !important; -webkit-transition: webkit-transform 1s cubic-bezier(0.455, .03, .515, .955) 0, opacity 1s cubic-bezier(0.455, .03, .515, .955); transition: transform 1s cubic-bezier(0.455, .03, .515, .955) 0, opacity 1s cubic-bezier(0.455, .03, .515, .955) }
.appear #ab-counter { opacity: 1; -webkit-transform: scale(1) !important; transform: scale(1) !important }
.ab-s2 { position: relative; min-height: 450px; max-height: 560px }
.ab-s2:before { content: ""; display: block; padding-top: 30% }
.ab-s2-c { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #151515 }
.ab-s2-cols { max-width: 1302px; position: relative; margin: auto; height: 100% }
.ab-s2-cols:after, .ab-s2-cols:before { content: " "; display: table }
.ab-s2-cols:after { clear: both }
.ab-s2-col { width: 33.33%; float: left; height: 100%; position: relative; font-size: 16px }
.ab-s2-col-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.ab-s2-a { display: inline-block; position: absolute; bottom: 1.19em; font-family: pfdin, Arial, sans-serif; text-transform: uppercase; font-weight: 400; line-height: 1; text-align: left }
.ab-s2-a-outer { position: absolute; width: 100%; text-align: center; bottom: 2.75em }
.ab-s2-hd { font-size: 1.88em; color: #fff; margin-bottom: .13em }
.ab-s2-title { font-family: "PT Sans", sans-serif; font-size: 1.25em; color: #4f4d4d; font-weight: 700 }
.ab-s2-col1 .ab-s2-a { right: 2.25em; padding-left: 1em }
.ab-s2-col2 { text-align: center }
.ab-s2-col2 .ab-s2-a { position: relative; bottom: 0 }
.ab-s2-col2 .ab-s2-title { text-align: center }
.ab-s2-col3 .ab-s2-a { left: .75em }
@media screen and (max-width:1340px) {
	.ab-s2-col { font-size: 14px }
}
.ab-s2-col { overflow: hidden }
.ab-s2-col-bg { opacity: 0; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) .3s; transition: all 1s cubic-bezier(0.455, .03, .515, .955) .3s }
.appear .ab-s2-col-bg { opacity: 1 }
.ab-s2-a { opacity: 0; -webkit-transition: all 2s cubic-bezier(0.455, .03, .515, .955) .3s; transition: all 2s cubic-bezier(0.455, .03, .515, .955) .3s }
.appear .ab-s2-a { opacity: 1 }
.ab-s3 { height: 150px; width: 100%; overflow: hidden; background-color: #fff }
.ab-s3 .wrap { height: 100%; padding-left: 0; padding-right: 0 }
.ab-s3-hd { background-color: #00a0ad; width: 20%; height: 100%; position: absolute; top: 0; left: 6%; z-index: 10; text-transform: uppercase; color: #fff; font-family: pfdin, Arial, sans-serif; font-size: 30px; text-align: center; line-height: 150px }
.ab-s3-slider { position: absolute; width: 68%; height: 100%; top: 0; left: 26% }
.ab-s3-slider .bx-wrapper { max-width: 100% !important }
.ab-s3-slider .bx-viewport { overflow: visible !important }
.ab-s3-slider .slide { min-width: 378px !important; padding-top: 21px; padding-left: 123px; height: 220px }
.ab-s3-slider .slide:nth-child(odd) { background-color: #fcfcfc }
.ab-s3-slider .slide:nth-child(even) { background-color: #fff }
.ab-s3-slider-i { position: absolute; display: inline-block }
.ab-s3-slider-i1 { top: 76px; left: 42px }
.ab-s3-slider-i2 { top: 41px; left: 30px }
.ab-s3-slider-hd { font-size: 21px; font-family: pfdin, Arial, sans-serif; color: #333232; line-height: 1.21; position: relative; z-index: 2; text-transform: uppercase; margin-bottom: 8px }
.ab-s3-slider-desc { position: relative; font-family: "PT Sans", sans-serif; color: #333; font-size: 13px; z-index: 2 }
.ab-s3-slider-pic { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; max-width: 80%; max-height: 100%; top: -20px }
.ab-s3-arr { display: block; position: absolute; bottom: 0; width: 60px; height: 60px; background-color: #00a0ad; z-index: 20; -webkit-transition: background-color .4s cubic-bezier(0.455, .03, .515, .955); transition: background-color .4s cubic-bezier(0.455, .03, .515, .955) }
.ab-s3-arr:hover { background-color: #06b8c6 }
.ab-s3-arr img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.ab-s3-prev { left: 6%; margin-left: -60px }
.ab-s3-next { right: 6%; margin-right: -60px }
.ab-s4-line { position: relative }
.ab-s4-line:before { content: ""; display: block; padding-top: 26% }
.ab-s4-line-c { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #00a0ad }
.ab-s4-item { height: 100%; position: relative; width: 20%; float: left }
.ab-s4-item.ab-s4-item-w24 { width: 24% }
.ab-s4-item.ab-s4-item-w26 { width: 26% }
.ab-s4-item.ab-s4-item-w46 { width: 48% }
.ab-s4-item.ab-s4-item-w50 { width: 50% }
.ab-s4-item .bx-viewport, .ab-s4-item .bx-wrapper, .ab-s4-item .slide { height: 100% !important; width: 100% !important }
.ab-s4-item .bx-wrapper { background-color: #000 }
.ab-s4-item-nw { position: absolute; width: 100%; height: 200%; top: -100%; left: 0; background-color: #00a0ad }
.ab-s4-slider { width: 100% !important; height: 100% !important; list-style: none }
.ab-s4-pic { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.ab-s4-item-pic { top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute !important; max-width: 80%; max-height: 80% }
.ab-s5 { background-color: #fff; min-height: 500px; padding: 118px 0 153px }
.ab-s5-c { position: relative; margin: auto; max-width: 1092px; padding-right: 20px; padding-left: 20px }
.ab-s5-r { position: relative }
.ab-s5-r:after, .ab-s5-r:before { content: " "; display: table }
.ab-s5-r:after { clear: both }
.ab-s5-r1 { height: 233px; color: #000; z-index: 5 }
.ab-s5-r1-col { position: relative; float: left; min-height: 1px }
.ab-s5-r1-col1 { width: 40%; text-align: center }
.ab-s5-r1-col2 { width: 60%; padding-top: 37px }
.ab-s5-r1-hd { font-family: pfdin, Arial, sans-serif; font-size: 30px; font-weight: 400; line-height: 1; margin-bottom: 11px }
.ab-s5-r1-desc { color: #333; font-family: "PT Sans", sans-serif; line-height: 1.8; font-size: 16px }
@media screen and (max-width:980px) {
	.ab-s5-r1 { height: auto; min-height: 233px }
	.ab-s5-r1-desc { padding-bottom: 50px }
}
.ab-s5-r1-pic { height: 285px; width: 285px; border-radius: 50%; border: 16px solid #fff; display: inline-block; position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-image: url("../images/index.htm") }
.ab-s5-r2 { width: 100%; height: 416px; z-index: 4; margin-bottom: 36px }
.ab-s5-r2-c { color: #fff; font-family: pfdin, Arial, sans-serif; font-size: 60px }
.ab-s5-r2-a { padding: 81px 0 0 9%; line-height: 1.17; display: inline-block }
.ab-s5-r2-c { text-transform: uppercase; margin-bottom: 12px }
.ab-s5-r2-sub { font-size: 21px; text-align: right; color: #fff; font-family: "PT Sans", sans-serif }
.ab-s5-r3-item { float: left; width: 31%; margin-right: 3.5% }
.ab-s5-r3-item:last-child { margin-right: 0 }
.ab-s5-r3-item-pic { width: 100%; height: 420px; background-color: #000; background-size: cover; background-position: 50%; background-repeat: no-repeat; margin-bottom: 27px }
.ab-s5-r3-item-hd { font-family: pfdin, Arial, sans-serif; font-size: 30px; text-transform: uppercase; color: #000; margin-bottom: 1px }
.ab-s5-r3-item-title { font-family: "PT Sans", sans-serif; font-size: 16px }
.ab-s5-r3-item-title:after { content: ""; position: relative; width: 59px; height: 3px; display: block; background-color: #000; margin-top: 12px }
.ab-s5-r1 { opacity: 0; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955); transition: all 1s cubic-bezier(0.455, .03, .515, .955) }
.appear .ab-s5-r1 { opacity: 1 }
.ab-s5-r2 { background-color: #fff }
.ab-s5-r2:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: #000; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) .5s; transition: all 1s cubic-bezier(0.455, .03, .515, .955) .5s }
.ab-s5-r2-a { position: relative; z-index: 2; opacity: 0; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) .5s; transition: all 1s cubic-bezier(0.455, .03, .515, .955) .5s }
.appear .ab-s5-r2-a, .appear .ab-s5-r2:after { opacity: 1 }
.ab-s5-r3 { opacity: 0; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) 1s; transition: all 1s cubic-bezier(0.455, .03, .515, .955) 1s }
.appear .ab-s5-r3 { opacity: 1 }
.services-section-1 { z-index: -1 }
.services-group { position: relative; z-index: 10 }
.services-section { background-color: #fcfcfc; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.services-section-2 { font-size: 36px; text-align: center; font-weight: 300; padding-top: 83px; padding-bottom: 139px }
.services-section-2-hr { margin-bottom: 40px }
.services-item { list-style: none; position: relative; display: block; width: 100% }
.services-item:after, .services-item:before { content: " "; display: table }
.services-item:after { clear: both }
.services-item.services-item-blue { background-color: #00a0ad; color: #fff }
.services-item-lt, .services-item-rt { display: block; position: relative; width: 50%; height: 100%; overflow: hidden }
.services-item-lt:before, .services-item-rt:before { content: ""; display: block; padding-top: 65.48% }
.services-item-lt { float: left }
.services-item-rt { float: right }
.services-item-content { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-decoration: none }
.services-item-content:visited { color: #fff }
.services-item-pic { color: #fff; background-color: #000 }
.services-item-pic img { -webkit-transition: -webkit-transform 2s ease; transition: transform 2s ease }
.services-item-pic .services-item-pic-cover { -webkit-transition: background-color 800ms cubic-bezier(0.455, .03, .515, .955); transition: background-color 800ms cubic-bezier(0.455, .03, .515, .955) }
.services-item-pic:hover { color: #fff }
.services-item-pic:hover img { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.services-item-pic:hover .services-item-pic-cover { background-color: transparent }
.services-item-pic-cover { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .46) }
.services-item-pic-hd { font-size: 60px; font-weight: 300; padding-left: 1em; padding-right: 1em; line-height: 1.2 }
.services-item-article { padding: 0 9%; font-weight: 300 }
.services-item-hd { font-size: 34px; font-weight: 400; text-transform: none; margin-bottom: 25px }
.services-item-colgroup { list-style: none; position: relative; display: block; width: 100%; font-weight: 500 }
.services-item-colgroup:after, .services-item-colgroup:before { content: " "; display: table }
.services-item-colgroup:after { clear: both }
.services-item-col { float: left; display: block; position: relative; white-space: nowrap; width: auto; padding-right: 3em }
.services-item-desc-row { margin-bottom: 37px }
.services-item-desc-row:last-child { margin-bottom: 0 }
.services-item-colgroup, .services-item-desc .list-styled { margin-top: 15px }
.services-item .custom-button-middle { padding: 20px 57px }
.services-item-link-extra { text-decoration: none; position: relative; margin-right: 27px; top: 6px }
.sv { position: relative; margin-top: 70px }
.sv:after, .sv:before { content: " "; display: table }
.sv:after { clear: both; content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #00a0ac; background-position: top left; background-repeat: no-repeat; background-image: url("../images/jobs/bg.jpg") }
body.mobile .sv:after { display: none }
body.mobile .sv-s { background-color: #08cbda }
@media screen and (max-width:1200px) {
	.sv { margin-top: 65px }
}
.sv-s { position: relative; width: 100%; height: 100%; min-height: 580px; z-index: 10 }
.sv-s .wrap { height: 100%; max-width: 1470px; padding-right: 0 }
.wrap-nav { height: 100%; max-width: 1470px; min-width: 940px }
.sv-s5 { height: 0; min-height: 0 }
.sv-s-aside { float: left; width: 175px; height: 100%; position: relative; z-index: 10 }
.sv-s-inside { height: 100%; float: right; width: 100%; margin-left: -175px }
.sv-s-inside-c { height: 100%; margin-left: 225px }
.sv-s-col1, .sv-s-col2 { position: relative; height: 100%; float: left }
.sv-s-col1 { width: 57% }
.sv-s-col2 { width: 43% }
.sv-s-item { width: 100%; height: 55%; display: block; position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; color: #000; overflow: hidden }
.sv-s-item:hover .sv-s-item-bg { -webkit-transform: scale(1.08); transform: scale(1.08) }
.sv-s-item-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: 50%; background-repeat: no-repeat; -webkit-transition: all .3s cubic-bezier(0.455, .03, .515, .955); transition: all .3s cubic-bezier(0.455, .03, .515, .955) }
.sv-s-item-bg-under { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, .5) }
.sv-s-item-a { text-align: left; display: inline-block; top: -18%; width: 260px; position: relative }
.sv-s-item.somberItem { color: #fff }
.sv-s-item-hd { line-height: 1; margin-bottom: 21px; font-size: 48px; font-family: pfdin, Arial, sans-serif; text-transform: uppercase; min-height: 1px }
.sv-s-item-desc { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 1.57; min-height: 1px }
.sv-s-item-sub { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 1.57; position: absolute; bottom: 10%; width: 260px; left: 50%; margin-left: -130px }
@media screen and (max-height:800px) {
	.sv-s-item-sub { bottom: 5% }
}
@media screen and (max-height:700px) {
	.sv-s-item-a { top: 0 }
	.sv-s-item-sub { display: none }
}
.sv-s-item:hover { color: #000 }
.sv-s-item.somberItem:hover { color: #fff }
.sv-s-a { color: #383d3f; text-align: left; font-family: "PT Sans", Arial, sans-serif; padding-right: 15%; padding-left: 10% }
.sv-s-a a { color: #fff }
.sv-s-hd { font-family: pfdin, Arial, sans-serif; font-size: 30px; color: #383d3f; font-weight: 400; line-height: 1; margin-bottom: 3px }
.sv-s-lead { font-size: 16px; font-weight: 700; text-transform: uppercase }
.sv-s-lead:after { content: ""; position: relative; display: block; width: 84px; height: 3px; background-color: #383d3f; margin-top: 15px; margin-bottom: 16px }
.sv-s-desc { text-transform: none; font-size: 14px; line-height: 1.8; margin-bottom: 13px }
.sv-s-sub { font-size: 14px }
.sv-s-a { transition: -webkit-transform 500ms cubic-bezier(0.175, .885, .32, 1.275), opacity .15s cubic-bezier(0.455, .03, .515, .955); -webkit-transition: transform 500ms cubic-bezier(0.175, .885, .32, 1.275), opacity .15s cubic-bezier(0.455, .03, .515, .955); -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0 }
.sv-s.active .sv-s-a { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.sv-s.visible .sv-s-a { -webkit-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important; transition: none !important }
.sv-nav { width: 175px; height: 100%; position: fixed; z-index: 11; top: 65px }
.sv-nav:after { content: ""; position: absolute; top: 0; width: 1px; height: 100%; left: 50%; display: block; background-color: #fff }
.sv-nav .jbs-nav-menu { padding-top: 0; top: 50%; -webkit-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all .6s cubic-bezier(0.455, .03, .515, .955) !important; transition: all .6s cubic-bezier(0.455, .03, .515, .955) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2 }
.sv-nav .jbs-nav-menu:before { display: none }
.sv-nav .jbs-nav-menu li { position: relative; height: 120px; margin-bottom: 0; padding-bottom: 0 }
.sv-nav .jbs-nav-item { -webkit-backface-visibility: hidden; backface-visibility: hidden }
.sv-nav .jbs-nav-item .jbs-nav-item-pic { -webkit-transform: scale(0.42); transform: scale(0.42) }
.sv-nav .jbs-nav-item .jbs-nav-item-pic img { -webkit-transform: scale(1.6); transform: scale(1.6) }
.sv-nav .jbs-nav-item:hover .jbs-nav-item-pic { -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important }
.sv-nav .jbs-nav-item:hover .jbs-nav-item-pic img { -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important }
.sv-nav .jbs-nav-item.active .jbs-nav-item-pic { -webkit-transform: scale(0.6) !important; transform: scale(0.6) !important }
.sv-nav .jbs-nav-item.active .jbs-nav-item-pic img { -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important }
.sv-nav .jbs-nav-item-pic { z-index: 3 }
.sv-nav .jbs-nav-item-cap { position: absolute; top: 59px; left: 89px; font-family: pfdin, Arial, sans-serif; background-color: #fff; display: inline-block; padding: 10px 25px 9px 85px; line-height: 1; font-size: 30px; border-radius: 7px; white-space: nowrap; color: #00a0ad; z-index: 2; -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955); transition: all .4s cubic-bezier(0.455, .03, .515, .955); opacity: 0; visibility: hidden; -webkit-transform: translateX(-30px); transform: translateX(-30px) }
.sv-nav .jbs-nav-item:hover .jbs-nav-item-cap { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
.mobile .jbs-nav-item-cap { display: none !important }
.sv-nav.level2 .jbs-nav-menu { -webkit-transform: translateY(-300px); transform: translateY(-300px) }
.sv-nav.level3 .jbs-nav-menu { -webkit-transform: translateY(-400px); transform: translateY(-400px) }
.sv-nav.level4 .jbs-nav-menu, .sv-nav.level5 .jbs-nav-menu, .sv-nav.level6 .jbs-nav-menu { -webkit-transform: translateY(-500px); transform: translateY(-500px) }
.contacts-section-1 { background-color: #06171f }
.contacts-section-1 .content-title-hd-inner { border: 0; line-height: 1.2; font-size: 120px; color: #fff; top: -1em; position: relative }
.contacts-section-1 .content-title { top: 0 }
.contacts-section-2 { top: -297px; -webkit-transform: translate(0, 297px); -ms-transform: translate(0, 297px); transform: translate(0, 297px) }
.contacts-section-3 { background-color: #fcfcfc; padding-top: 60px; padding-bottom: 81px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.contacts-section-3 .postbox-filebox-custom-button { color: #333; border-bottom: 1px dashed #333 }
.contacts-section-3 .postbox-filebox-custom-button:hover { border-bottom: 1px dashed transparent }
.contacts-section-3 .postbox-filebox .ico-del { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIFJREFUeNpiYGBgWATERgzEAx4g7gMxbIH4IJGaQZq2AHEGTMCICM0wTYnoEvg049SETzNBTeiaFaB8ojTBgAoQzwXiDUDsykAiAGl6BsRCpMQTyHmOQCwGxPuIiSpsAWFMKKrwhR7OqCImyDE0S5IQ5DDNDiBOLynxBPXzVIAAAwC28x0Qez6VJwAAAABJRU5ErkJggg==) }
.contacts-section-3-inner { position: relative; width: 548px; margin: auto }
.contacts-form-simple .contacts-form-title-desc { color: #848484 }
.contacts-form-simple .custom-text:focus, .contacts-form-simple textarea.custom-text:focus { border: 1px solid #00a0ad; background-color: #e7f7f8 }
.contacts-form-simple .error-mes { opacity: .5 }
.custom-text-captcha { padding-left: 7px; padding-right: 7px }
.contacts-form { position: relative; width: 100% }
.contacts-form-title { text-align: center; margin-bottom: 46px; -moz-user-select: none; -webkit-user-select: none }
.contacts-form-title-hd { font-size: 50px; text-transform: none; font-weight: 300; line-height: 1; margin-bottom: 5px }
.contacts-form-title-desc { font-size: 16px; opacity: .5 }
.contacts-form-row { margin-bottom: 15px }
.contacts-form-colgroup { list-style: none; position: relative; display: block; width: 100% }
.contacts-form-colgroup:after, .contacts-form-colgroup:before { content: " "; display: table }
.contacts-form-colgroup:after { clear: both }
.contacts-form-col { float: left; display: block; position: relative; width: 50% }
.contacts-form-col-1 { padding-right: 6px }
.contacts-form-col-2 { padding-left: 6px }
.contacts-form-legend { font-size: 16px; display: block; margin-bottom: 7px; min-height: 24px; -moz-user-select: none; -webkit-user-select: none }
.contacts-form-button { width: 100%; text-transform: uppercase; font-size: 15px; text-align: center; padding: 17px 0 16px }
.portfolio-section-1 { text-align: center; padding-top: 80px; padding-bottom: 88px }
.portfolio-section-1 .tag { margin-right: 15px }
.portfolio-section-1-hd { margin-bottom: 22px; font-size: 48px }
.portfolio-section-1-hr { margin-bottom: 30px }
.portfolio-section-2 { min-height: 400px; background-color: #000 }
.portfolio-group { position: relative }
.portfolio-item { overflow: hidden; width: 100%; height: 540px; display: block; position: relative; -webkit-perspective: 50px; -moz-perspective: 50px; perspective: 50px }
.portfolio-item:after, .portfolio-item:before { content: " "; display: table }
.portfolio-item:after { clear: both }
.portfolio-item .imagefill { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.455, .03, .515, .955); transition: transform 1200ms cubic-bezier(0.455, .03, .515, .955) }
.portfolio-item-inner { position: relative; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955); transition: all 1000ms cubic-bezier(0.455, .03, .515, .955); width: 100%; height: 100%; -webkit-transform: rotateX(3deg); transform: rotateX(3deg) }
.portfolio-item-colgroup { list-style: none; position: relative; display: block; width: 100%; height: 100%; z-index: 3 }
.portfolio-item-colgroup:after, .portfolio-item-colgroup:before { content: " "; display: table }
.portfolio-item-colgroup:after { clear: both }
.portfolio-item-col { float: left; display: block; position: relative; width: 50%; height: 100% }
.portfolio-item-pic { position: absolute; bottom: 0; opacity: 0; -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955); transition: all 600ms cubic-bezier(0.455, .03, .515, .955) }
.portfolio-item-article { position: relative; top: 10px; -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955); transition: all 600ms cubic-bezier(0.455, .03, .515, .955); opacity: 0 }
.portfolio-item-hd { font-size: 26px; font-weight: 500; margin-bottom: 22px }
.portfolio-item-hd a { line-height: 1.1; text-decoration: none; border-bottom: 1px solid #fff; -webkit-transition: all .15s ease; transition: all .15s ease; color: #fff }
.portfolio-item-hd a:hover { color: #fff; border-bottom: 1px solid transparent !important }
.portfolio-item-desc { margin-bottom: 30px }
.portfolio-item-sub .tag { margin-right: 15px }
.portfolio-item-mode-dark { color: #fff }
.portfolio-item-mode-dark .portfolio-item-hd a { border-bottom: 1px solid #fff }
.portfolio-item-mode-dark a { color: #fff }
.portfolio-item-mode-dark .tag { border-color: rgba(255, 255, 255, .4) }
.portfolio-item-mode-lt .portfolio-item-pic { right: 50px; -webkit-transform: translate(-500px, 0) scale(.8); -ms-transform: translate(-500px, 0) scale(.8); transform: translate(-500px, 0) scale(.8) }
.portfolio-item-mode-lt .portfolio-item-article { -webkit-transform: translate(300px, 0); -ms-transform: translate(300px, 0); transform: translate(300px, 0); padding-right: 134px }
.portfolio-item-mode-rt .portfolio-item-pic { left: 50px; -webkit-transform: translate(500px, 0) scale(.8); -ms-transform: translate(500px, 0) scale(.8); transform: translate(500px, 0) scale(.8) }
.portfolio-item-mode-rt .portfolio-item-article { -webkit-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); transform: translate(-300px, 0); padding-left: 100px }
.appear .portfolio-item-pic, .mobile .portfolio-item-pic, .portfolio-item:first-child .portfolio-item-pic { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
.appear .portfolio-item-article, .mobile .portfolio-item-article, .portfolio-item:first-child .portfolio-item-article { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
.appear .portfolio-item-inner, .mobile .portfolio-item-inner, .portfolio-item:first-child .portfolio-item-inner { -webkit-transform: rotateX(0); transform: rotateX(0) }
.appear .imagefill, .mobile .imagefill, .portfolio-item:first-child .imagefill { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important }
.mobile .portfolio-item .imagefill { -webkit-transition: none; transition: none; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important }
.mobile .portfolio-item * { -webkit-transition: none !important; transition: none !important }
.mobile .portfolio-item-inner { -webkit-transform: rotateX(0) !important; transform: rotateX(0) !important }
.portfolio-item-algeron .portfolio-item-col-1 img { bottom: -2% !important; width: 85%; position: relative; float: right }
.portfolio-vmeste .portfolio-item-hd a { color: #000; border-color: #000 }
.mobile .portfolio-item-algeron .portfolio-item-col-1 img { bottom: 0 !important; width: 85%; position: relative; float: right }
.portfolio-bec .portfolio-item-pic, .portfolio-intan-market .portfolio-item-pic, .portfolio-item-intan .portfolio-item-pic, .portfolio-item-neotour .portfolio-item-pic, .portfolio-mainstream .portfolio-item-pic { -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955); transition: all 800ms cubic-bezier(0.455, .03, .515, .955); -webkit-transform: translate(0, 0) scale(1.2); -ms-transform: translate(0, 0) scale(1.2); transform: translate(0, 0) scale(1.2); opacity: 1 }
.portfolio-bec.appear .portfolio-item-pic, .portfolio-intan-market.appear .portfolio-item-pic, .portfolio-item-intan.appear .portfolio-item-pic, .portfolio-item-neotour.appear .portfolio-item-pic, .portfolio-mainstream.appear .portfolio-item-pic { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.portfolio-bec .portfolio-item-inner, .portfolio-intan-market .portfolio-item-inner, .portfolio-item-intan .portfolio-item-inner, .portfolio-item-neotour .portfolio-item-inner, .portfolio-mainstream .portfolio-item-inner { -webkit-transform: rotateX(0) !important; transform: rotateX(0) !important }
.portfolio-bec .portfolio-item-pic, .portfolio-mainstream .portfolio-item-pic { -webkit-transform: translate(0, 0) scale(1.4); -ms-transform: translate(0, 0) scale(1.4); transform: translate(0, 0) scale(1.4) }
.portfolio-vmeste .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.portfolio-vmeste .v-centered-inner { vertical-align: middle; }
.portfolio-vmeste .v-centered-inner img { width: 59.5%; position: relative; bottom: auto; left: 5% }
.portfolio-vmeste .portfolio-item-desc, .portfolio-vmeste .portfolio-item-hd, .portfolio-vmeste .portfolio-item-sub { text-align: left }
.portfolio-koleso .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.portfolio-koleso .v-centered-inner { vertical-align: middle; }
.portfolio-koleso .v-centered-inner img { position: absolute; bottom: 0; left: 0; width: 95% }
.portfolio-koleso .portfolio-item-desc, .portfolio-koleso .portfolio-item-hd, .portfolio-koleso .portfolio-item-sub { text-align: left }
.portfolio-mirage .portfolio-item-pic { position: absolute }
.portfolio-algeron .bg-img { background-color: #f6f6f6 }
.portfolio-algeron .v-centered-inner { vertical-align: middle }
.portfolio-vkino .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.portfolio-aurora .bg-img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.portfolio-neotour .portfolio-item-col-1 { width: 42% }
.portfolio-neotour .portfolio-item-col-2 { width: 58% }
.portfolio-bec .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.portfolio-bec .v-centered-inner { vertical-align: middle }
.portfolio-bec .portfolio-item-pic { width: 85%; position: relative; bottom: auto; float: right }
.portfolio-mainstream .v-centered-inner { vertical-align: middle }
.portfolio-mainstream .portfolio-item-pic { width: 95%; position: relative; bottom: auto; float: left }
.portfolio-intan-market .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.2); transform: scale(1.2) }
.portfolio-intan-market .portfolio-item-pic { width: 75.4%; position: relative; bottom: auto; float: left; left: 3% }
.portfolio-intan-market .v-centered-inner { vertical-align: middle; }
.portfolio-intan-market .portfolio-item-desc, .portfolio-intan-market .portfolio-item-hd, .portfolio-intan-market .portfolio-item-sub { text-align: left }
.portfolio-bileter .portfolio-item-pic { width: 71.4%; position: relative; bottom: auto; float: left }
.portfolio-bileter .v-centered-inner { vertical-align: middle }
.portfolio-algeron-market .bg-img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.portfolio-algeron-market .v-centered-inner { vertical-align: middle;}
.portfolio-algeron-market .portfolio-item-pic { width: 59.5%; position: relative; bottom: auto; left: 5% }
.portfolio-algeron-market .portfolio-item-desc, .portfolio-algeron-market .portfolio-item-hd, .portfolio-algeron-market .portfolio-item-sub { text-align: left }
.portfolio-text { line-height: 1.71 }
.portfolio-text .portfolio-full-text-hd { margin-bottom: 27px }
.portfolio-gap { height: 192px; width: 100%; position: relative; display: block; text-align: center; line-height: 192px; font-size: 32px; font-weight: 300; color: #000; z-index: 3; box-shadow: 0 0 30px rgba(102, 102, 102, .5) }
.portfolio-item-intan .imagefill { background-color: #f4f5f6 }
.portfolio-item-intan a, .portfolio-item-intan p { color: #93c11f }
.portfolio-item-intan .portfolio-item-hd a { border-bottom: 1px solid #93c11f }
.portfolio-item-intan .portfolio-item-pic { left: 0 }
.portfolio-item-intan .tag { border-bottom: 1px dashed #93c11f }
html body .portfolio-item-intan .portfolio-item-site{
  color: #93c11f!important;
}
.portfolio-item-site{color: inherit!important; -webkit-transition: all .2s cubic-bezier(0.455, .03, .515, .955); transition: all .2s cubic-bezier(0.455, .03, .515, .955);text-decoration: none;display: inline-block;margin-right: 10px;border-bottom: 1px dashed;line-height: 1.3;}
.portfolio-item-site:hover{border-bottom: 1px dashed transparent}
@media screen and (max-width:1420px) {
	.portfolio-item-intan .portfolio-item-pic { width: 90% }
}
.portfolio-bileter .tag { color: #1d1a18; border-color: #1d1a18 }
.portfolio-koleso .tag { color: #00a0ad }
.portfolio-item-monpansie .portfolio-item-hd a { border-bottom: 1px solid #000; color: #000 }
@media screen and (max-width:1450px) {
	.portfolio-item-monpansie .bg-img img { left: -6% !important }
}
@media screen and (max-width:1350px) {
	.portfolio-item-monpansie .bg-img img { left: -11% !important }
}
@media screen and (max-width:1250px) {
	.portfolio-item-monpansie .bg-img img { left: -16% !important }
}
@media screen and (max-width:1150px) {
	.portfolio-item-monpansie .bg-img img { left: -21% !important }
}
@media screen and (max-width:1450px) {
	.web .content-title { top: -3em }
}
.servises-inner .content-title-hd h2 { border: 0; padding-bottom: 0 }
.servises-inner .content-title-caption { padding-bottom: 1.79em }
.servises-inner .custom-button-large { padding: 18px 81px }
.web-section { background-color: #fcfcfc }
.web-section-2 { text-align: center }
.web-section-2-article { padding-top: 61px }
.web-section-2-hd { font-size: 40px; font-weight: 300; text-transform: none; margin-bottom: 34px }
.web-section-2-hr { margin-bottom: 18px }
.web-section-2-lead { position: relative; margin: auto auto -2px; max-width: 995px; min-width: 955px; line-height: 1.74; padding-left: 20px; padding-right: 20px }
.web-section-2-desc { position: relative; margin: auto; max-width: 940px; min-width: 900px; color: #969595; line-height: 1.67; padding-left: 20px; padding-right: 20px }
.web-section-pic { max-width: 1116px; position: relative; margin: auto }
.web-section-pic img { padding-top: 5%; padding-bottom: 7%; width: 100% }
.bg-fixed { position: absolute; width: 100%; height: 100%; background-attachment: fixed; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.web-section-3 { color: #fff; background-color: #000 }
#web .web-section-3 { background-color: #000 }
#web .web-section-3 .bg-img.imagefill img { opacity: .2 }
.web-section-3-dash { position: relative; top: .12em }
.service-tabs-upper { width: 100%; position: relative; color: #fff }
.service-tabs-upper-hd { font-size: 30px; font-weight: 300; text-transform: none; text-align: center; padding-top: 3.5%; margin-bottom: 3.5% }
.service-tabs-upper-in { position: relative; z-index: 4; max-width: 1284px }
.service-tabs-upper-control { display: table; border-collapse: collapse; width: 100%; margin: auto }
.service-tabs-upper-control ul { display: table-row; width: 100%;font-size:0; }
.service-tabs-upper-control ul:last-child li { border-bottom: 0 }
.service-tabs-upper-control li {/* display: table-cell; */display:inline-block;border: 1px solid #579ba0; width: 33.33% }
.service-tabs-upper-control a { width: 100%; height: 100%; display: block; position: relative; color: #fff; text-decoration: none; text-align: center; -webkit-transition: background-color 500ms cubic-bezier(0.455, .03, .515, .955); transition: background-color 500ms cubic-bezier(0.455, .03, .515, .955); font-size: 24px; overflow: hidden }
.service-tabs-upper-control a.active, .service-tabs-upper-control a:hover { background-color: #20919d }
.service-tabs-upper-control a:before { content: " "; display: block; padding-top: 78% }
.service-tabs-upper-content { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; padding-top: 15% }
.service-tabs-upper-content-row { display: block; position: relative }
.service-tabs-upper-content-pic { margin-bottom: 10% }
.content-tabs-control { background-color: #06171f; text-align: center; width: 100%; top: 0; left: 0; list-style: none; position: absolute; min-width: 960px; font-size: 15px }
.content-tabs-control li { padding-top: 1.5em; padding-bottom: 1.5em; display: inline-block }
.content-tabs-control a { color: #fff; text-decoration: none; padding: 20px 1.12em; -webkit-transition: color .2s ease; transition: color .2s ease; outline: 0 }
.content-tabs-control .active a { color: #009fac }
.content-tabs-control-fixed { position: fixed; top: 70px; z-index: 100 }
.service-tabs-inner { position: relative; padding-top: 70px }
.service-tabs-section-1 { text-align: center; padding-top: 35px; margin-bottom: 51px }
.service-tabs-section-1-hd { text-align: center; font-weight: 300; font-size: 40px; text-transform: none; margin-bottom: 34px }
.service-tabs-section-1-hr { margin-bottom: 22px }
.service-tabs-section-1-lead { line-height: 1.74; max-width: 934px; position: relative; margin: auto auto -10px }
.service-tabs-section-2 { background-color: #eceff0; padding-top: 50px; padding-bottom: 41px }
.service-tabs-section-2-hd { text-align: center; text-transform: none; font-weight: 300; font-size: 23px; margin-bottom: 51px }
.service-tabs-section-2-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 1296px; margin: auto }
.service-tabs-section-2-colgroup:after, .service-tabs-section-2-colgroup:before { content: " "; display: table }
.service-tabs-section-2-colgroup:after { clear: both }
.service-tabs-section-2-col { float: left; display: block; position: relative; width: 50% }
.service-tabs-section-2-col-1 .service-tabs-section-2-list-title { padding-right: 1.5em }
.service-tabs-section-2-list { list-style: none; font-size: 18px }
.service-tabs-section-2-list li { margin-bottom: 16px; position: relative; min-height: 44px }
.service-tabs-section-2-list li .v-centered-outer { height: 44px }
.service-tabs-section-2-list-ico { position: absolute; top: 0; left: 0 }
.service-tabs-section-2-list-title { margin-left: 17px; display: inline-block; padding-left: 2.61em; vertical-align: middle; line-height: 1.4; height: 100%; top: -2px; position: relative }
.service-tabs-section-3 { background-color: #00a0ad; text-align: center; color: #fff; font-size: 24px; padding-top: 33px; padding-bottom: 33px }
.service-tabs-section-3 .custom-button-middle { margin-left: 3em }
.service-tabs-section-3-inner { position: relative; left: -.83em }
.service-tabs-section-3-inner-desc { position: relative; top: .13em }
.service-tabs-section-4 { background-color: #06171f; color: #fff; text-align: center; padding-top: 5%; padding-bottom: 5% }
.service-tabs-section-4-hd { font-size: 30px; font-weight: 300; text-transform: none }
.service-tabs-section-4-pic { margin-top: 4% }
.service-tabs-section-4-pic img { max-width: 100% }
.service-tabs-section-5 { width: 100%; color: #fff; position: relative }
.service-tabs-section-5 .wrap { height: 100%; max-width: 1635px }
.service-tabs-section-5-colgroup { list-style: none; position: relative; display: block; width: 100%; height: 100% }
.service-tabs-section-5-colgroup:after, .service-tabs-section-5-colgroup:before { content: " "; display: table }
.service-tabs-section-5-colgroup:after { clear: both }
.service-tabs-section-5-col { float: left; display: block; position: relative; height: 100% }
.service-tabs-section-5-col-1 { height: 100%; width: 55% }
.service-tabs-section-5-col-1 img { padding-top: 11%; max-width: 75%; float: right }
.service-tabs-section-5-col-2 { width: 45%; padding-top: 13.5%; padding-left: 4% }
.service-tabs-section-5-hd { font-size: 38px; font-weight: 300; text-transform: none; margin-bottom: -3px }
.service-tabs-section-5-desc { font-size: 20px; font-weight: 300; margin-bottom: 32px }
.service-tabs-section-5-sub .custom-button { padding: 19px 53px }
.service-tabs-section-2-list-ico { display: inline-block; width: 42px; height: 42px; vertical-align: middle; background: url("../images/services-sprite.png") no-repeat }
.i-service-inner-1 { background-position: 0 0; width: 42px; height: 42px }
.i-service-inner-10 { background-position: 0 -44px; width: 42px; height: 42px }
.i-service-inner-11 { background-position: 0 -88px; width: 42px; height: 42px }
.i-service-inner-12 { background-position: 0 -132px; width: 42px; height: 42px }
.i-service-inner-13 { background-position: 0 -176px; width: 42px; height: 42px }
.i-service-inner-14 { background-position: 0 -220px; width: 42px; height: 42px }
.i-service-inner-15 { background-position: 0 -264px; width: 42px; height: 42px }
.i-service-inner-16 { background-position: 0 -308px; width: 42px; height: 42px }
.i-service-inner-17 { background-position: 0 -352px; width: 42px; height: 42px }
.i-service-inner-18 { background-position: 0 -396px; width: 42px; height: 42px }
.i-service-inner-19 { background-position: 0 -440px; width: 42px; height: 42px }
.i-service-inner-2 { background-position: 0 -484px; width: 42px; height: 42px }
.i-service-inner-20 { background-position: 0 -528px; width: 42px; height: 42px }
.i-service-inner-21 { background-position: 0 -572px; width: 42px; height: 42px }
.i-service-inner-22 { background-position: 0 -616px; width: 42px; height: 42px }
.i-service-inner-23 { background-position: 0 -660px; width: 42px; height: 42px }
.i-service-inner-24 { background-position: 0 -704px; width: 42px; height: 42px }
.i-service-inner-25 { background-position: 0 -748px; width: 42px; height: 42px }
.i-service-inner-26 { background-position: 0 -792px; width: 42px; height: 42px }
.i-service-inner-27 { background-position: 0 -836px; width: 42px; height: 42px }
.i-service-inner-28 { background-position: 0 -880px; width: 42px; height: 42px }
.i-service-inner-29 { background-position: 0 -924px; width: 42px; height: 42px }
.i-service-inner-3 { background-position: 0 -968px; width: 42px; height: 42px }
.i-service-inner-30 { background-position: 0 -1012px; width: 42px; height: 42px }
.i-service-inner-31 { background-position: 0 -1056px; width: 42px; height: 42px }
.i-service-inner-32 { background-position: 0 -1100px; width: 42px; height: 42px }
.i-service-inner-4 { background-position: 0 -1144px; width: 42px; height: 42px }
.i-service-inner-5 { background-position: 0 -1188px; width: 42px; height: 42px }
.i-service-inner-6 { background-position: 0 -1232px; width: 42px; height: 42px }
.i-service-inner-7 { background-position: 0 -1276px; width: 42px; height: 42px }
.i-service-inner-8 { background-position: 0 -1320px; width: 42px; height: 42px }
.i-service-inner-9 { background-position: 0 -1364px; width: 42px; height: 42px }
.market-section-2 { padding-bottom: 94px }
#market .market-section-3 { background-color: #000 }
#market .market-section-3 .bg-img.imagefill img { opacity: .2 }
.market-section-3-sub { font-weight: 300; font-style: italic; color: #fff; font-size: 30px; text-align: center; margin-top: 20px }
@media screen and (max-width:1520px) {
	.market .content-quote { font-size: 50px }
}
@media screen and (max-width:1320px) {
	.market .content-quote { font-size: 40px }
}
@media screen and (max-width:1100px) {
	.market .content-quote { font-size: 35px }
}
.market-tabs-content-1-colgroup { list-style: none; display: block; width: 100% }
.market-tabs-content-1-colgroup:after, .market-tabs-content-1-colgroup:before { content: " "; display: table }
.market-tabs-content-1-colgroup:after { clear: both }
.market-tabs-content-1-col { float: left; display: block; position: relative; width: 33.33%; padding-left: 77px; padding-right: 30px }
.market-tabs-content-1-colgroup { position: relative; margin: auto; max-width: 1311px }
.market-tabs-content-1-ico { position: absolute; top: 0; left: 0 }
.market-capture-hd { text-transform: none; font-size: 16px; font-weight: 700; margin-bottom: 14px }
.market-capture-desc { font-size: 14px }
.market-scheme { padding-top: 59px }
.market-scheme-hd { font-size: 30px; font-weight: 300; text-transform: none; text-align: center; padding-bottom: 37px }
.market-scheme-pic { text-align: center; position: relative; max-width: 1332px; margin: auto; padding-left: 20px; padding-right: 20px; padding-bottom: 100px }
.market-scheme-pic img { width: 100% }
#market #tab-2 .market-scheme-pic img { width: 96% }
portfolio-item-monpansie #market #tab-3 .market-scheme-pic img { width: 93.45% }
.market-service-tabs-desc { width: 960px; color: #969595; position: relative; margin: auto }
.market-colgroup li { position: relative; padding-left: 20px; margin-bottom: 29px }
.market-colgroup .market-capture { padding-left: 68px; padding-right: 30px }
.market-colgroup-ico-market-9 { left: 7px }
.market-colgroup-ico { position: absolute; top: 0; left: 0; width: 61px; text-align: center }
.market-smm-colgroup-outer { position: relative; margin: auto; max-width: 1366px; padding-bottom: 43px }
.market-smm-colgroup-outer:after { content: ""; position: absolute; background-color: #c9d2d3; height: 16px; display: block; top: 25px; left: 17%; right: 17%; z-index: 1 }
.market-smm-colgroup { list-style: none; position: relative; display: block; width: 100%; margin: auto; max-width: 100%; text-align: center; z-index: 2 }
.market-smm-colgroup:after, .market-smm-colgroup:before { content: " "; display: table }
.market-smm-colgroup:after { clear: both }
.market-smm-col { float: left; display: block; position: relative; width: 33%; padding-left: 3%; padding-right: 3% }
.market-smm-hd { font-size: 18px; font-weight: 700; color: #24a9b4; text-transform: none; margin-bottom: 7px }
.market-smm-desc { font-size: 14px }
.market-smm-mark { position: relative; display: block; border-radius: 100%; background-color: #d6e2e2; color: #24a9b4; width: 63px; height: 63px; text-align: center; line-height: 63px; margin: auto auto 36px; font-size: 24px; font-weight: 700 }
.market-tabs-content-4 .service-tabs-section-2 { background-color: #fcfcfc }
.market-tabs-content-4 .market-scheme { background-color: #eceff0 }
.market-tabs-content-4 .market-scheme-pic { margin-bottom: 0; padding-bottom: 60px }
.service-tabs-content-5 .market-scheme { background-color: #eceff0 }
.service-tabs-content-5 .market-scheme h3 { margin-bottom: 20px }
.service-tabs-content-6 .market-scheme { padding-top: 47px }
.market-tabs-section-5 .service-tabs-section-5-col-1 { color: #fff; font-size: 24px; padding-top: 5%; padding-bottom: 9% }
.app-section { position: relative; z-index: 2; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.app-section-1 { position: fixed }
@media screen and (max-width:1150px) {
	.app-section-1 .content-title { font-size: 18px !important }
}
@media screen and (max-width:1024px) {
	.app-section-1 .content-title { font-size: 16px !important }
}
.app-section-1-ico-platforms { margin-left: .79em; top: -.13em }
.app-section-2 { text-align: left }
.app-section-2-hd { padding-top: 65px; text-align: center }
.app-section-2-inner { position: relative; margin: 16px auto auto; max-width: 1240px; padding-bottom: 62px }
.app-section-2-table { table-layout: fixed }
.app-section-2-table .content-table-row { margin-bottom: 30px }
.app-section-2-table .content-table-cell { width: 50%; height: 117px; vertical-align: middle; padding-right: 90px; padding-top: 38px; padding-bottom: 38px }
.app-section-2-table .content-table-cell:after, .app-section-2-table .content-table-cell:before { content: " "; display: table }
.app-section-2-table .content-table-cell:after { clear: both }
.app-section-2-table .v-centered-outer { height: 117px }
.app-section-2-ico { float: left }
.app-section-2-desc { padding-left: 116px; line-height: 1.5 }
.app-section-3 { background-color: #06171f; color: #fff }
.app-section-4 { position: relative; background-color: #fcfcfc; text-align: center; padding-top: 63px; padding-bottom: 65px }
.app-section-4:after, .app-section-4:before { content: " "; display: table }
.app-section-4:after { clear: both }
.app-section-5 { background-color: #eceff0; z-index: 2; display: block; position: relative }
.app-section-5:after, .app-section-5:before { content: " "; display: table }
.app-section-5:after { clear: both }
.app-section-5 .market-capture-hd { font-size: 21px; font-weight: 400; color: #009fac; margin-bottom: 4px }
.app-section-5 .market-colgroup .market-capture { padding-left: 82px }
.app-section-5 .market-colgroup-ico { top: 10px }
.app-section-5 .market-colgroup li { margin-bottom: 23px }
.app-section-7 { display: block; position: relative }
.app-section-7:after, .app-section-7:before { content: " "; display: table }
.app-section-7:after { clear: both }
@media screen and (max-width:1050px) {
	.app-section-7 .custom-button { margin-left: 14px }
}
.portfolio-section { overflow: hidden }
.portfolio-about { max-width: 1310px; position: relative; margin: auto; padding-bottom: 158px }
.portfolio-logo { padding-top: 165px; padding-bottom: 215px; text-align: center; position: relative; z-index: 2 }
.portfolio-about-colgroup { list-style: none; position: relative; display: block; width: 100%; text-align: center }
.portfolio-about-colgroup:after, .portfolio-about-colgroup:before { content: " "; display: table }
.portfolio-about-colgroup:after { clear: both }
.portfolio-about-col { float: left; display: block; position: relative; width: 33%; padding-left: 41px; padding-right: 41px }
.portfolio-about-col .portfolio-about-ico { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6) }
.portfolio-about-col .portfolio-about-capture { opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px) }
.portfolio-about-capture { position: relative }
.portfolio-about-col-1 { width: 32% }
.portfolio-about-col-1 .portfolio-about-capture, .portfolio-about-col-1 .portfolio-about-ico { -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 200ms; transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 200ms }
.portfolio-about-col-2 { width: 36% }
.portfolio-about-col-2 .portfolio-about-capture, .portfolio-about-col-2 .portfolio-about-ico { -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 500ms; transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 500ms }
.portfolio-about-col-3 { width: 32% }
.portfolio-about-col-3 .portfolio-about-capture, .portfolio-about-col-3 .portfolio-about-ico { -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 800ms; transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 800ms }
.on-start .portfolio-about-col .portfolio-about-ico { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.on-start .portfolio-about-col .portfolio-about-capture { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.portfolio-about-hd { font-weight: 300; font-size: 30px; text-transform: none; margin-bottom: .4em }
.portfolio-about-desc { font-weight: 300; font-size: 18px; line-height: 1.33 }
.portfolio-about-ico { display: block; width: 57px; height: 57px; position: absolute; top: -79px; left: 50%; margin-left: -28.5px }
.portfolio-about-ico svg { position: relative; top: -12px; left: -12px }
.portfolio-about-hr { border: 1px solid #fff; height: 0; position: absolute; top: -58px; left: 16%; right: 16% }
.portfolio-full-pic img { width: 100% }
@media screen and (max-width:1400px) {
	.portfolio-about-hd { font-size: 27px; margin-bottom: .2em }
	.portfolio-about-col p { font-size: 17px }
}
.portfolio-full-text-inner { position: relative; width: 830px; text-align: center; margin: auto; padding: 39px 0 60px }
.portfolio-full-text-hd { font-size: 35px; font-weight: 300; margin-bottom: 10px; text-transform: none }
.portfolio-full-text-desc { font-size: 17px; font-weight: 300; list-style: 1.71 }
.portfolio-full-text-sub { margin-top: 10% }
.portfolio-halves-colgroup-outer { display: table; width: 100%; position: relative; z-index: 2 }
.portfolio-halves-colgroup { height: 100%; display: table-row }
.portfolio-halves-col { width: 50%; height: 100%; display: table-cell; vertical-align: middle }
.portfolio-halves-col .portfolio-full-text-hd { margin-bottom: 28px }
.portfolio-halves-content-inner { padding-top: 3em; padding-bottom: 3em }
.portfolio-halves-pic-left img, .portfolio-halves-pic-right img { width: 100% }
.portfolio-halves-content-right { padding-right: 12%; padding-left: 5% }
.portfolio-halves-content-left { padding-left: 12%; padding-right: 5%; text-align: right }
.portfolio-section-credit-content { font-size: 32px; font-weight: 300; max-width: 1600px; padding: 179px 1em 160px; position: relative; margin: auto; z-index: 3; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; opacity: 1 }
.portfolio-section-credit-content p { padding: 0; margin-bottom: 10px }
.appear .portfolio-section-credit-content { opacity: 1 }
.portfolio-section-credit-upper { text-align: center; margin-bottom: 70px }
.portfolio-section-credit-lower { display: table; width: 100%; margin-bottom: 99px }
.portfolio-section-credit-colgroup { display: table-row; list-style: none }
.portfolio-section-credit-col { display: table-cell; width: 50% }
.portfolio-section-credit-col-1 { text-align: right; padding-right: 75px }
.portfolio-section-credit-col-2 { text-align: left; padding-left: 75px }
.portfolio-section-credit-sub { text-align: center }
.portfolio-section-credit-sub .custom-button { font-size: 17px; padding-left: 77px; padding-right: 77px }
.portfolio-sub-upper { text-align: center; padding-top: 89px; margin-bottom: 75px }
.portfolio-sub-hd { font-size: 40px; font-weight: 300; text-transform: none; margin-bottom: 35px }
.portfolio-sub-group { position: relative }
.portfolio-sub-group:after, .portfolio-sub-group:before { content: " "; display: table }
.portfolio-sub-group:after { clear: both }
.portfolio-sub-group1 { position: relative }
.portfolio-sub-group1:after, .portfolio-sub-group:before { content: " "; display: table }
.portfolio-sub-group1:after { clear: both }
.portfolio-sub-item { position: relative; width: 25%; float: left; overflow: hidden }
.portfolio-sub-item1 { position: relative; width: 25%; height:100px; float: left; overflow: hidden }
.portfolio-sub-item img { -webkit-transition: -webkit-transform 8s ease; transition: transform 8s ease }
.portfolio-sub-item:before { content: ""; display: block; padding-top: 83% }
.portfolio-sub-item1:before { content: ""; display: block; padding-top: 3% }
.portfolio-sub-item-content, .portfolio-sub-item-half-vertical-content { display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px }
.portfolio-sub-item-content1, .portfolio-sub-item-half-vertical-content1 { display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px }
.portfolio-sub-item-caption { background-color: rgba(0, 160, 173, .75); position: absolute; left: 0; width: 100%; color: #fff; font-size: 19px; padding: 1.68em 1.47em 1.58em; top: 100%; -webkit-transition: all 400ms cubic-bezier(0.455, .03, .515, .955); transition: all 400ms cubic-bezier(0.455, .03, .515, .955) }
.portfolio-sub-item-caption-tex { background-color: rgba(0, 160, 173, .75); color: #fff; width: 422px; height: auto; top: 33%; left: 0px;}
.portfolio-sub-item-half-vertical { position: relative; display: block; width: 100%; height: 50%; overflow: hidden }
.portfolio-sub-hover-on:hover img { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.portfolio-sub-group-title { position: absolute; top: 0; left: 25%; right: 25%; bottom: 50%; background-color: #071922; color: #fff; font-weight: 300; font-size: 36px; text-align: center }
.portfolio-sub-content { -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.appear .portfolio-sub-content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
@media screen and (max-width:1300px) {
	.portfolio-sub-item-caption { font-size: 17px }
	.about-section-4, .portfolio-sub-group-title { font-size: 31px }
}
@media screen and (max-width:1100px) {
	.portfolio-sub-item-caption { font-size: 15px }
	.about-section-4, .portfolio-sub-group-title { font-size: 28px }
}
@media screen and (max-width:1024px) {
	.portfolio-sub-item-caption { font-size: 14px }
	.about-section-4, .portfolio-sub-group-title { font-size: 25px }
}
.neotour-section { color: #434a54 }
.neotour-section-1 { background-color: #f8f8f8; color: #4a525d; position: relative; z-index: 2 }
.neotour-section-1 .imagefill { z-index: 3; margin-top: 100px }
.neotour-section-1 .portfolio-logo { padding-top: 131px; padding-bottom: 212px }
.neotour-section-1 .portfolio-about { padding-bottom: 53px }
.neotour-section-1 .portfolio-about-hr { border-color: #17c2de }
.neotour-section-1-bg { position: absolute !important; top: 20px; width: 1920px; left: 50%; margin-left: -960px }
.neotour-section-3 { padding-top: 4.5%; padding-bottom: 4.5%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.neotour-section-4 { color: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.neotour-section-4 .portfolio-halves-col { vertical-align: top }
.neotour-section-4 .portfolio-halves-content-inner { padding-top: 29%; -webkit-transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 0; opacity: 0; -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0) }
.neotour-section-4-object { float: right }
.neotour-section-4-object img { float: right; position: relative }
.neotour-section-4-object_1 { width: 104%; margin-top: 9%; z-index: 3; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.neotour-section-4-object_2 { width: 100%; margin-top: -11%; z-index: 2; margin-bottom: 10%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 300px); -ms-transform: translate(0, 300px); transform: translate(0, 300px) }
.appear.neotour-section-4 .neotour-section-4-object_1, .appear.neotour-section-4 .neotour-section-4-object_2 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.appear.neotour-section-4 .portfolio-halves-content-inner { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.neotour-section-6-colgroup { list-style: none; position: relative; display: block; width: 100% }
.neotour-section-6-colgroup:after, .neotour-section-6-colgroup:before { content: " "; display: table }
.neotour-section-6-colgroup:after { clear: both }
.neotour-section-6-col { float: left; display: block; position: relative; width: 50%; text-align: center; padding: 94px 30px 39px }
.neotour-section-6-col .portfolio-text { position: relative; margin: auto; max-width: 800px; opacity: 1; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms }
.appear.neotour-section-6 .portfolio-text { opacity: 1 }
.neotour-section-8 { color: #fff }
@media screen and (max-width:1640px) {
	.stellar-px .neotour-section-4 .bg-img { left: -15% }
	.stellar-px .neotour-section-8 .bg-img { right: -15% }
}
@media screen and (max-width:1560px) {
	.stellar-px .neotour-section-4 .bg-img { left: -25% }
	.stellar-px .neotour-section-8 .bg-img { right: -25% }
}
@media screen and (max-width:1400px) {
	.stellar-px .neotour-section-4 .bg-img { left: -35% }
	.stellar-px .neotour-section-8 .bg-img { right: -35% }
}
@media screen and (max-width:1300px) {
	.stellar-px .neotour-section-4 .bg-img { left: -45% }
	.stellar-px .neotour-section-8 .bg-img { right: -45% }
}
@media screen and (max-width:1200px) {
	.stellar-px .neotour-section-4 .bg-img { left: -65% }
	.stellar-px .neotour-section-8 .bg-img { right: -65% }
}
@media screen and (max-width:1100px) {
	.stellar-px .neotour-section-4 .bg-img { left: -75% }
	.stellar-px .neotour-section-8 .bg-img { right: -75% }
}
@media screen and (max-width:1024px) {
	.stellar-px .neotour-section-4 .bg-img { left: -85% }
	.stellar-px .neotour-section-8 .bg-img { right: -85% }
}
.mirodin-section { /*background-color: #fdfdfd; */ background-color: transparent;position: relative; color: #3a3a3a }
.mirodin-section-1 { color: #4a525d }
.mirodin-section-1 .portfolio-logo { padding-top: 115px; padding-bottom: 167px }
.mirodin-section-1 .portfolio-about { padding-bottom: 200px }
.mirodin-section-1 .portfolio-about-hr { border-color: #73abde }
.mirodin-section-2 { border-top: 1px solid #ebebeb; border-bottom: 1px solid #d8e6f3 }
.mirodin-section-3-object { position: relative; margin: auto; width: 100%; padding-top: 3.5% }
.mirodin-section-3-object:after, .mirodin-section-3-object:before { content: " "; display: table }
.mirodin-section-3-object:after { clear: both }
.mirodin-section-3-object img { position: relative; width: auto; float: right }
.mirodin-section-3-object_1 { width: 100% !important; margin-bottom: -13%; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.mirodin-section-3-object_2 { width: 93% !important; margin-bottom: -39%; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 300px); -ms-transform: translate(0, 300px); transform: translate(0, 300px) }
.mirodin-section-3-object_3 { width: 82% !important; margin-bottom: -40%; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 400px); -ms-transform: translate(0, 400px); transform: translate(0, 400px) }
.appear .mirodin-section-3-object img { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.mirodin-section-4 { border-top: 1px solid #ebebeb }
.mirodin-section-4 .portfolio-halves-colgroup-outer { margin-top: -2% }
.mirodin-section-4 .portfolio-halves-col { vertical-align: top }
.mirodin-section-4 .portfolio-halves-col-1 img { float: right; margin-right: -10%; margin-bottom: -25px; -webkit-transition: -webkit-transform 900ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 900ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px) scale(.8); -ms-transform: translate(0, 200px) scale(.8); transform: translate(0, 200px) scale(.8) }
.mirodin-section-4 .portfolio-halves-content-inner { margin-top: 25% }
.appear.mirodin-section-4 img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.mirodin-section-5 { border-top: 1px solid #ebebeb; border-bottom: 1px solid #d8e6f3 }
.mirodin-section-5 .portfolio-halves-col { vertical-align: top }
.mirodin-section-5 .portfolio-halves-col-2 img { float: left; margin-left: -17%; width: 113%; -webkit-transition: all 1100ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1100ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px) scale(.8); -ms-transform: translate(0, 200px) scale(.8); transform: translate(0, 200px) scale(.8) }
.mirodin-section-5 .portfolio-halves-content-inner { margin-top: 12% }
@media screen and (max-width:1640px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -15% }
	.stellar-px .mirodin-section-5 .bg-img { right: -15% }
}
@media screen and (max-width:1560px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -25% }
	.stellar-px .mirodin-section-5 .bg-img { right: -25% }
}
@media screen and (max-width:1400px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -35% }
	.stellar-px .mirodin-section-5 .bg-img { right: -35% }
}
@media screen and (max-width:1300px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -45% }
	.stellar-px .mirodin-section-5 .bg-img { right: -45% }
}
@media screen and (max-width:1200px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -65% }
	.stellar-px .mirodin-section-5 .bg-img { right: -65% }
}
@media screen and (max-width:1100px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -75% }
	.stellar-px .mirodin-section-5 .bg-img { right: -75% }
}
@media screen and (max-width:1024px) {
	.stellar-px .mirodin-section-4 .bg-img { left: -85% }
	.stellar-px .mirodin-section-5 .bg-img { right: -85% }
}
.appear.mirodin-section-5 img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.mirodin-section-6 { min-height: 1321px; background-color: #f5f5f5; padding-bottom: 2% }
@media screen and (max-width:1030px) {
	.mirodin-section-6 { margin-bottom: -5% }
}
@media screen and (max-width:1000px) {
	.mirodin-section-6 { margin-bottom: -10% }
}
.mirodin-section-6-pic { max-width: 1118px; padding-left: 20px; padding-right: 20px; text-align: center; position: relative; margin: auto }
.mirodin-section-6-pic img { width: 100%; -webkit-transition: all 1500ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 1500ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(0, 200px) scale(.6); -ms-transform: translate(0, 200px) scale(.6); transform: translate(0, 200px) scale(.6) }
.mirodin-section-6.appear img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.mirodin-section-6-text { position: relative; z-index: 2; text-align: center; width: 700px; margin: 80px auto 62px }
.mirodin-section-6-text .portfolio-full-text-hd { margin-bottom: 19px }
.mirodin-section-7 { background-color: #fff }
.mirodin-section-9 { color: #fff }
.bushnev-section-1 { background-color: #6a6a6a; color: #fff }
.bushnev-section-1 .portfolio-logo { padding-top: 61px; padding-bottom: 165px }
#bushnev .content-section img { position: relative }
.bushnev-section-3 { background-color: #1d1d1d; color: #fff }
.bushnev-section-3 .portfolio-full-text-inner { width: 670px }
.bushnev-section-3 .portfolio-full-text-hd { margin-bottom: 20px }
.bushnev-section-4 { background-color: #1d1d1d; position: relative; z-index: 1 }
.bushnev-section-4-object { position: relative; width: 78%; margin: auto }
.bushnev-section-4-object span { display: inline-block; position: relative }
.bushnev-section-4-object img { left: 0 !important; position: relative; display: inline !important; -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 1200ms cubic-bezier(0.455, .03, .515, .955) 100ms }
.bushnev-section-4-object_1 { width: 68.2%; z-index: 5; -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0) }
.bushnev-section-4-object_2 { width: 65%; z-index: 4; float: right; margin-top: -55%; top: -100px; -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0) }
.bushnev-section-4-object_3 { width: 77%; z-index: 6; margin-top: -48%; margin-bottom: -25%; margin-left: 12%; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.appear .bushnev-section-4-object img { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.bushnev-section-5 { background-color: #080706; color: #fff; position: relative }
.bushnev-section-5-colgroup { list-style: none; position: relative; display: block; width: 100% }
.bushnev-section-5-colgroup:after, .bushnev-section-5-colgroup:before { content: " "; display: table }
.bushnev-section-5-colgroup:after { clear: both }
.bushnev-section-5-col { float: left; display: block; position: relative; width: 50% }
.bushnev-section-5-col-1 img { max-width: 100% }
.bushnev-section-5-col-2 { width: 40% }
.bushnev-section-5-text { padding: 15% 10% 15% 13% }
.bushnev-section-6 { color: #fff; background-color: #1d1d1d }
.bushnev-section-7 { width: 100%; background-color: #1d1d1d; padding-bottom: 5.7% }
.bushnev-section-7 .bg-img { opacity: .53 }
.bushnev-section-7-object { position: relative; margin: auto; width: 79.5% }
.bushnev-section-7-object:after, .bushnev-section-7-object:before { content: " "; display: table }
.bushnev-section-7-object:after { clear: both }
.bushnev-section-7-object img { position: relative }
.bushnev-section-7-object_1 { width: 77%; z-index: 1; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0) }
.bushnev-section-7-object_2 { width: 40%; float: right; margin-top: -32%; z-index: 2; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 100px) scale(.7); -ms-transform: translate(0, 100px) scale(.7); transform: translate(0, 100px) scale(.7) }
.appear .bushnev-section-7-object_1 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.appear .bushnev-section-7-object_2 { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.bushnev-section-8 { color: #fff; padding-top: 43px; z-index: 2; margin-bottom: -2px }
.bushnev-section-8-text { position: relative; z-index: 2; text-align: center; margin: auto; width: 830px; padding: 39px 0 73px }
.bushnev-section-8-object { position: relative; margin: auto; width: 84% }
.bushnev-section-8-object:after, .bushnev-section-8-object:before { content: " "; display: table }
.bushnev-section-8-object:after { clear: both }
.bushnev-section-8-object img { position: relative }
.bushnev-section-8-object_1 { width: 83%; z-index: 2; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(-100px, 0) scale(.7); -ms-transform: translate(-100px, 0) scale(.7); transform: translate(-100px, 0) scale(.7) }
.bushnev-section-8-object_2 { width: 39%; float: right; margin-top: -44%; padding-top: 7%; z-index: 3; left: 4%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.455, .03, .515, .955) 200ms; transition: transform 800ms cubic-bezier(0.455, .03, .515, .955) 200ms; -webkit-transform: translate(0, 100px) scale(.7); -ms-transform: translate(0, 100px) scale(.7); transform: translate(0, 100px) scale(.7) }
.appear .bushnev-section-8-object img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.bushnev-section-9 { background-color: #000; color: #fff; padding: 18px 0 25px; z-index: 3 }
.bushnev-section-9 .portfolio-full-text-inner { width: 635px }
.bushnev-section-10 { overflow: visible !important; background-color: #000; position: relative; z-index: 5 }
.bushnev-section-10 img { margin-top: -9%; margin-bottom: -8% }
.bushnev-section-11 { z-index: 4; background-color: #000; color: #fff }
.bushnev-section-11 .portfolio-section-credit-content { padding-bottom: 50px }
.bushnev-section-11 { position: relative }
.bushnev-section-11 .portfolio-section-credit-content { position: relative; z-index: 5 }
.bushnev-section-11-sub { position: absolute; top: 0; width: 100%; margin-top: 10% }
@media screen and (max-width:1350px) {
	.bushnev-section-11-sub { display: none }
}
.bushnev-section-11-pic { position: relative; width: 25% }
.bushnev-section-11-pic-1 { float: left; padding-left: 4%; padding-top: 6% }
.bushnev-section-11-pic-2 { float: right; padding-right: 4px }
.bushnev-section-12 { background-color: #000; color: #fff }
.bushnev-section-12 .portfolio-sub-hr { opacity: .5 }
.carib-section-1-i1 { margin-left: 5px }
.carib-section-1 { height: 1570px; color: #061e5d }
.carib-section-1 .portfolio-about-hr { border-color: #061e5d }
.carib-section-2 { background-color: #2061a5; color: #fff }
.carib-section-3 { text-align: center; position: relative; z-index: 2; overflow: visible !important }
.carib-section-3-table { padding-top: 118px; display: table; width: 100% }
.carib-section-3-table-colgroup { display: table-row }
.carib-section-3-table-col { display: table-cell; width: 50% }
.carib-section-3-table-col-1 { padding-right: 40px }
.carib-section-3-table-col-2 { padding-left: 40px }
.carib-section-3-content { max-width: 1720px; position: relative; margin: auto; padding-left: 20px; padding-right: 20px }
.carib-section-3-colgroup { list-style: none; position: relative; display: block; width: 100% }
.carib-section-3-colgroup:after, .carib-section-3-colgroup:before { content: " "; display: table }
.carib-section-3-colgroup:after { clear: both }
.carib-section-3-col { float: left; display: block; position: relative; width: 50% }
.carib-section-3-col-1 { padding-right: 7.5px }
.carib-section-3-col-2 { padding-left: 7.5px }
.carib-section-3-pic img { width: 100%; border-radius: 8px }
.carib-section-3-text { margin-bottom: 78px }
.carib-section-3-col-1 img { opacity: 0; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px) scale(1); -ms-transform: translate(0, 200px) scale(1); transform: translate(0, 200px) scale(1) }
.carib-section-3-col-2 img { opacity: 0; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 200ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px) scale(1); -ms-transform: translate(0, 200px) scale(1); transform: translate(0, 200px) scale(1) }
.appear .carib-section-3-col-1 img, .appear .carib-section-3-col-2 img { opacity: 1; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.carib-section-4 { margin-top: -12%; background-color: #2061a5; position: relative; z-index: 1; color: #fff }
.carib-section-4-bg-top { width: 100%; height: 300px; background-color: #b4e8ed; display: block; position: relative }
.carib-section-4-upper { text-align: center; padding-top: 24% }
.carib-section-4-upper img { max-width: 100% }
.carib-section-4-colgroup { list-style: none; position: relative; display: block; width: 100%; height: 50% }
.carib-section-4-colgroup:after, .carib-section-4-colgroup:before { content: " "; display: table }
.carib-section-4-colgroup:after { clear: both }
.carib-section-4-col { float: left; display: block; position: relative }
.carib-section-4-col-1 { min-height: 2px; width: 55% }
.carib-section-4-col-2 { width: 45%; padding-right: 3% }
.carib-section-4-object { position: relative; width: 57%; text-align: center; margin: auto }
.carib-section-4-object img { display: block; position: relative }
.carib-section-4-text { opacity: 0; padding-top: 5%; margin-top: -65%; padding-bottom: 3em; padding-right: 3%; -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(200px, 0) scale(.5); -ms-transform: translate(200px, 0) scale(.5); transform: translate(200px, 0) scale(.5) }
.appear.carib-section-4-text { opacity: 1; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.carib-section-4-object_1 { width: 100% }
.carib-section-4-bg { position: absolute; top: 0; left: 0 }
.carib-section-4-object_2 { width: 45%; margin-top: -53% !important; margin-left: 5%; opacity: 0; -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 300ms; transition: all 600ms cubic-bezier(0.455, .03, .515, .955) 300ms; -webkit-transform: translate(0, 100px) scale(.7); -ms-transform: translate(0, 100px) scale(.7); transform: translate(0, 100px) scale(.7) }
.carib-section-4-object_3 { width: 91%; padding-top: 0; margin-top: -3%; margin-left: -35%; opacity: 0; -webkit-transition: all 500ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 500ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px) }
.appear .carib-section-4-object_2, .appear.carib-section-4-object_3 { opacity: 1; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
@media screen and (max-width:1450px) {
	.carib-section-4-text { padding-top: 0; margin-top: -55% }
}
.carib-section-5 { height: 538px }
.carib-section-5 img { margin-left: 5px }
.carib-section-6 { color: #fff }
.algeron-section-1 { width: 100%; background-color: #24a9e0; color: #fff }
.algeron-section-1 .portfolio-logo { padding-top: 8.5% }
@media screen and (max-width:1380px) {
	.algeron-section-1 .portfolio-logo { padding-bottom: 180px }
	.algeron-section-1 .portfolio-logo img { width: 22% }
}
.algeron-section-3 { color: #fff; background-color: #24a9e0 }
.algeron-section-4-desc .portfolio-full-text-inner { text-align: left; width: 654px; position: absolute; z-index: 2; top: 166px; left: 50%; color: #23a8e1; margin-left: 90px }
@media screen and (max-width:1550px) {
	.algeron-section-4-desc .portfolio-full-text-inner { width: 40%; top: 8%; margin-left: 5% }
}
@media screen and (max-width:1300px) {
	.algeron-section-4-desc .portfolio-full-text-inner { top: 4% }
}
@media screen and (max-width:1100px) {
	.algeron-section-4-desc .portfolio-full-text-inner { top: -1% }
	.portfolio-full-text-hd { font-size: 33px }
	.portfolio-full-text-desc { font-size: 16px }
}
.algeron-section-5 { color: #fff; background-color: #1191cb }
.algeron-section-5 .portfolio-halves-content-inner { opacity: 0; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(200px, 0) scale(.5); -ms-transform: translate(200px, 0) scale(.5); transform: translate(200px, 0) scale(.5) }
.algeron-section-5 .algeron-section-5-object { position: relative; width: 88%; height: 100%; float: right }
.algeron-section-5 .algeron-section-5-object_1 { width: 100%; top: 5%; position: relative; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: transform 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.algeron-section-5 .algeron-section-5-object_2 { width: 79%; margin-top: -80%; margin-left: -15%; position: relative; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 400ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 400ms; -webkit-transform: translate(0, 0) scale(.8); -ms-transform: translate(0, 0) scale(.8); transform: translate(0, 0) scale(.8) }
.algeron-section-5.appear .portfolio-halves-content-inner { opacity: 1; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.algeron-section-5.appear .algeron-section-5-object_1, .algeron-section-5.appear .algeron-section-5-object_2 { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.algeron-section-6 { color: #000 }
.algeron-section-6-object { position: relative; width: 45%; height: 100%; float: left; left: 50%; margin-left: -19% }
.algeron-section-6-object img { width: 100% }
.algeron-section-6-object { padding-top: 10% }
.algeron-section-6-object_2 { margin-top: -210%; margin-left: 55% }
.algeron-section-6-button { margin-right: 22px; margin-bottom: 22px; display: inline-block; text-decoration: none }
.algeron-section-6 .portfolio-halves-content-inner { opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(200px, 0) scale(.5); -ms-transform: translate(200px, 0) scale(.5); transform: translate(200px, 0) scale(.5) }
.algeron-section-6-object_1 { -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(-40%, 0) scale(.7); -ms-transform: translate(-40%, 0) scale(.7); transform: translate(-40%, 0) scale(.7) }
.algeron-section-6-object_2 { -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 120ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 120ms; -webkit-transform: translate(-30%, 0) scale(.7); -ms-transform: translate(-30%, 0) scale(.7); transform: translate(-30%, 0) scale(.7) }
.algeron-section-6.appear .portfolio-halves-content-inner { opacity: 1; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.algeron-section-6.appear .algeron-section-6-object img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.algeron-section-7 { color: #fff; overflow: visible !important; margin-top: -4% }
.algeron-section-7 .bg-img { top: 4%; bottom: 4% }
.algeron-section-7 .portfolio-halves-content-inner { text-align: right; opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(-200px, 0) scale(.5); -ms-transform: translate(-200px, 0) scale(.5); transform: translate(-200px, 0) scale(.5) }
.algeron-section-7-object { position: relative; width: 85%; height: 100%; float: right; left: -8% }
.algeron-section-7-object img { width: 100%; position: relative }
.algeron-section-7-object_1 { z-index: 2; margin-left: -10%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 50%) scale(1); -ms-transform: translate(0, 50%) scale(1); transform: translate(0, 50%) scale(1) }
.algeron-section-7-object_2 { z-index: 1; margin-top: -27%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 100ms; -webkit-transform: translate(0, 60%) scale(1); -ms-transform: translate(0, 60%) scale(1); transform: translate(0, 60%) scale(1) }
.algeron-section-7.appear .algeron-section-7-object img { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.algeron-section-7.appear .portfolio-halves-content-inner { opacity: 1; -webkit-transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 50ms; transition: all 1000ms cubic-bezier(0.455, .03, .515, .955) 50ms; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) }
.algeron-section-8 { text-align: center; color: #004c6c }
.algeron-section-8-content { width: 690px; position: relative; margin: auto auto 83px; padding-top: 67px }
.algeron-section-8-lower { width: 100%; position: relative; background: url("../images/portfolio/algeron/algeron-12.jpg") 0/contain no-repeat }
.algeron-section-8-object { width: 45%; position: relative; margin: auto; left: 6% }
.algeron-section-8-object .portfolio-full-text-hd { margin-bottom: 28px }
.algeron-section-8-object img { display: block; width: 90%; opacity: 0; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px) }
.algeron-section-8-object_1 { margin-left: -30%; -webkit-transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 100ms }
.algeron-section-8-object_2 { margin-top: -68%; -webkit-transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 180ms; transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 180ms }
.algeron-section-8-object_3 { margin-top: -68%; margin-left: 30%; -webkit-transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 260ms; transition: all 900ms cubic-bezier(0.455, .03, .515, .955) 260ms }
.algeron-section-8.appear .algeron-section-8-object img { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.algeron-section-9 { color: #fff }
.aurora-section-1 .portfolio-about { margin-top: 615px; padding-bottom: 84px }
.portfolio-about-colgroup { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.aurora-section-1-hr { border-color: #111 }
.aurora-section-2 { background-color: #e2e2e2; vertical-align: bottom }
.aurora-section-2-object { position: relative; margin: auto auto -2.5%; width: 100%; text-align: center; background-size: contain; background-position: 50%; background-repeat: no-repeat }
.aurora-section-2-object:after, .aurora-section-2-object:before { content: " "; display: table }
.aurora-section-2-object:after { clear: both }
.aurora-section-2-object img { position: relative }
@media screen and (max-width:1910px) {
	.aurora-section-2-object .bg-img { background-size: contain }
}
.aurora-section-2-object_1 { width: 72%; z-index: 2; border-radius: 13px 13px 0 0; -webkit-transition: -webkit-transform 700ms cubic-bezier(0.455, .03, .515, .955) 0; transition: transform 700ms cubic-bezier(0.455, .03, .515, .955) 0 }
.aurora-section-2-object_2 { width: 100%; z-index: 1; margin-top: -44%; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.455, .03, .515, .955) 0; transition: transform 1000ms cubic-bezier(0.455, .03, .515, .955) 0 }
.aurora-section-2-object .bg-img { margin-top: 10%; top: 0 }
.stellar-px .aurora-section-2-object .bg-img { margin-top: 0 }
.appear .aurora-section-2-object .bg-img { top: 0 }
.appear .aurora-section-2-object .aurora-section-2-object_1 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.aurora-section-2-parallax { display: inline-block; position: relative }
.aurora-section-3-gap { background-color: #eb5d57 }
.aurora-section-3 { z-index: 2 }
.aurora-section-3 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.aurora-section-3 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.aurora-section-3 .portfolio-halves-content-inner { width: 43%; position: relative; margin: auto; left: 15% }
.aurora-section-3 .portfolio-halves-content-inner:after { content: " "; position: absolute; width: 2px; height: 3000px; bottom: 100%; left: 50%; margin-left: -7%; display: block; background-color: #999 }
.aurora-section-3 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; height: 3000px; top: 90%; margin-left: -7%; left: 50%; display: block; background-color: #999 }
.aurora-section-3-object { position: relative; margin: auto auto -6%; width: 100% }
.aurora-section-3-object:after, .aurora-section-3-object:before { content: " "; display: table }
.aurora-section-3-object:after { clear: both }
.aurora-section-3-object img { position: relative }
.aurora-section-3-object_1 { width: 111%; z-index: 3; margin-top: -5%; margin-left: 4% }
.aurora-section-3-object_2 { width: 82%; z-index: 2; margin-left: 79%; margin-top: -131% }
.stellar-px .aurora-section-3-object_2 { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.aurora-section-4-gap { background-color: #40b8c3; color: #fff }
.aurora-section-4 { z-index: 2 }
.aurora-section-4 .portfolio-halves-col-1 { position: relative; z-index: 2 }
.aurora-section-4 .portfolio-halves-col-2 { position: relative; z-index: 1 }
.aurora-section-4 .portfolio-halves-content-inner { width: 43%; position: relative; margin: auto; left: -12% }
.aurora-section-4 .portfolio-halves-content-inner:after { content: " "; position: absolute; width: 2px; height: 3000px; bottom: 100%; left: 50%; margin-left: -7%; display: block; background-color: #999 }
.aurora-section-4 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; height: 3000px; top: 90%; margin-left: -7%; left: 50%; display: block; background-color: #999 }
.aurora-section-4-object { position: relative; margin: -6% auto -5%; width: 100% }
.aurora-section-4-object:after, .aurora-section-4-object:before { content: " "; display: table }
.aurora-section-4-object:after { clear: both }
.aurora-section-4-object img { position: relative }
.aurora-section-4-object_1 { width: 102%; margin-right: 10%; float: right; z-index: 2 }
.aurora-section-4-object_2 { width: 46%; left: -53%; margin-top: -110%; z-index: 1 }
.stellar-px .aurora-section-4-object_2 { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.aurora-section-5-gap { background-color: #5c5b5c; color: #fff }
.aurora-section-5 { z-index: 2 }
.aurora-section-5 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.aurora-section-5 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.aurora-section-5 .portfolio-halves-content-inner { width: 43%; position: relative; margin: auto; left: 15% }
.aurora-section-5 .portfolio-halves-content-inner:after { content: " "; position: absolute; width: 2px; height: 3000px; bottom: 100%; left: 50%; margin-left: -7%; display: block; background-color: #999 }
.aurora-section-5 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; height: 3000px; top: 90%; margin-left: -7%; left: 50%; display: block; background-color: #999 }
.aurora-section-5-object { position: relative; margin: auto auto -6%; width: 100% }
.aurora-section-5-object:after, .aurora-section-5-object:before { content: " "; display: table }
.aurora-section-5-object:after { clear: both }
.aurora-section-5-object img { position: relative }
.aurora-section-5-object_1 { width: 111%; z-index: 3; margin-top: -5%; margin-left: 4% }
.aurora-section-5-object_2 { width: 82%; z-index: 2; margin-left: 79%; margin-top: -131%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.aurora-section-6 { overflow: visible !important; z-index: 2 }
.aurora-section-6 img { margin-top: -9%; margin-bottom: -13%; opacity: 0; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: translate(0, 40%); -ms-transform: translate(0, 40%); transform: translate(0, 40%) }
.appear+.aurora-section-6 img { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.aurora-section-7 .portfolio-section-credit-content { padding-bottom: 50px }
.disable-hover, .disable-hover * { pointer-events: none !important }
.vkino { background: url("../images/portfolio/vkino/vkino-1.png") }
.vkino-section-1 { overflow: hidden }
.vkino-section-1 .portfolio-about { margin-top: 32%; position: relative; z-index: 5; color: #fff }
.vkino-section-1 .portfolio-about-hr { border-color: #fff }
.vkino-section-1-object { z-index: 6; position: relative; margin: auto; width: 100%; text-align: center }
.vkino-section-1-object:after, .vkino-section-1-object:before { content: " "; display: table }
.vkino-section-1-object:after { clear: both }
.vkino-section-1-object img { position: relative; margin-bottom: -2% }
.vkino-section-1-object_1 { width: 72%; margin-top: -60%; -webkit-transform: translate(0, 13.7%); -ms-transform: translate(0, 13.7%); transform: translate(0, 13.7%); border-radius: 14px 14px 0 0 }
.vkino-section-1-bg { z-index: 4; position: absolute; top: 0; left: 0; right: 0; text-align: center; margin-top: -10% }
.vkino-section-1-bg img { width: 100% }
.stellar-px .vkino-section-1-bg { -webkit-transform: translate(0, -14%); -ms-transform: translate(0, -14%); transform: translate(0, -14%) }
.vkino-section-1-object_2 { border-radius: 14px 14px 0 0 }
.stellar-px .vkino-section-1-object_2 { width: 72% !important }
@media screen and (max-width:1600px) {
	.vkino-section-1-object_2 { width: 89% }
}
@media screen and (max-width:1500px) {
	.vkino-section-1 .portfolio-about-col-1 { padding-left: 90px }
	.vkino-section-1 .portfolio-about-col-1 .portfolio-about-ico svg { left: 17px }
	.vkino-section-1 .portfolio-about-col-3 { padding-right: 90px }
	.vkino-section-1 .portfolio-about-col-3 .portfolio-about-ico svg { left: -37px }
}
.vkino-section-2-gap { background-color: #ed5889 }
.vkino-section-2 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.vkino-section-2 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.vkino-section-2 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: 10% }
.vkino-section-2 .portfolio-halves-content-inner:after, .vkino-section-2 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #999; margin-left: -7% }
.vkino-section-2 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.vkino-section-2 .portfolio-halves-content-inner:before { height: 3000px; top: 90% }
.vkino-section-2-object { position: relative; margin: -3% auto -10%; width: 100% }
.vkino-section-2-object:after, .vkino-section-2-object:before { content: " "; display: table }
.vkino-section-2-object:after { clear: both }
.vkino-section-2-object img { position: relative }
.vkino-section-2-object_1 { left: 12%; z-index: 2 }
.vkino-section-2-object_2 { z-index: 1; left: 83%; margin-top: -47% }
@media screen and (max-width:1910px) {
	.vkino-section-2-object_1 { width: 95.6% }
	.vkino-section-2-object_2 { width: 70.9% }
}
.stellar-px .vkino-section-2-object_2 { -webkit-transform: translate(0, -120%); -ms-transform: translate(0, -120%); transform: translate(0, -120%) }
.vkino-section-3-gap { background-color: #54cee5 }
.vkino-section-3 { margin-bottom: -2% }
.vkino-section-3 .portfolio-halves-col-1 { position: relative; z-index: 2 }
.vkino-section-3 .portfolio-halves-col-2 { position: relative; z-index: 1 }
.vkino-section-3 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: -5% }
.vkino-section-3 .portfolio-halves-content-inner:after, .vkino-section-3 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #999; margin-left: -7% }
.vkino-section-3 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.vkino-section-3 .portfolio-halves-content-inner:before { height: 3000px; top: 90% }
.vkino-section-3-object { position: relative; margin: -5% auto; width: 100% }
.vkino-section-3-object:after, .vkino-section-3-object:before { content: " "; display: table }
.vkino-section-3-object:after { clear: both }
.vkino-section-3-object img { position: relative }
.vkino-section-3-object_1 { right: 14%; width: 100%; z-index: 2 }
.vkino-section-3-object_2 { margin-top: -70%; z-index: 1; left: -95% }
.stellar-px .vkino-section-3-object_2 { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); transform: translate(0, -145%) }
@media screen and (max-width:1910px) {
	.vkino-section-3-object_1 { width: 97.2% }
	.vkino-section-3-object_2 { width: 77.8% }
}
.vkino-section-4-gap { background-color: #ed5889 }
.vkino-section-4 { margin-bottom: -7% }
.vkino-section-4 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.vkino-section-4 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.vkino-section-4 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: 10% }
.vkino-section-4 .portfolio-halves-content-inner:after, .vkino-section-4 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #999; margin-left: -7% }
.vkino-section-4 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.vkino-section-4 .portfolio-halves-content-inner:before { height: 3000px; top: 90% }
.vkino-section-4-object { position: relative; margin: -3% auto -10%; width: 100% }
.vkino-section-4-object:after, .vkino-section-4-object:before { content: " "; display: table }
.vkino-section-4-object:after { clear: both }
.vkino-section-4-object img { position: relative }
.vkino-section-4-object_1 { left: 12%; z-index: 2 }
.vkino-section-4-object_2 { z-index: 1; left: 100%; margin-top: -47% }
.stellar-px .vkino-section-4-object_2 { -webkit-transform: translate(0, -120%); -ms-transform: translate(0, -120%); transform: translate(0, -120%) }
@media screen and (max-width:1910px) {
	.vkino-section-4-object_1 { width: 95.6% }
	.vkino-section-4-object_2 { width: 70.9% }
}
.vkino-section-5-gap { background-color: #40b8c3; color: #fff }
.vkino-section-5 { background: url("../images/portfolio/vkino/vkino-12.png") top right no-repeat }
.vkino-section-5 .portfolio-halves-col-1 { position: relative; z-index: 2 }
.vkino-section-5 .portfolio-halves-col-2 { position: relative; z-index: 1 }
.vkino-section-5 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: -5% }
.vkino-section-5 .portfolio-halves-content-inner:after, .vkino-section-5 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #999; margin-left: -7% }
.vkino-section-5 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.vkino-section-5 .portfolio-halves-content-inner:before { height: 3000px; top: 90% }
.vkino-section-5-object { position: relative; margin: auto; width: 100% }
.vkino-section-5-object:after, .vkino-section-5-object:before { content: " "; display: table }
.vkino-section-5-object:after { clear: both }
.vkino-section-5-object img { position: relative }
.vkino-section-5-object_1 { margin-top: 27%; z-index: 2 }
.vkino-section-5-object_2 { z-index: 3; left: 10%; margin-top: -194% }
.stellar-px .vkino-section-5-object_2 { -webkit-transform: translate(0, -243%); -ms-transform: translate(0, -243%); transform: translate(0, -243%) }
@media screen and (max-width:1910px) {
	.vkino-section-5-object_1 { width: 90.7% }
	.vkino-section-5-object_2 { width: 26.5% }
}
@media screen and (max-width:1700px) {
	.vkino-section-5 { background-size: contain }
}
.vkino-sub-gradient { width: 100%; position: relative; display: block; margin-top: -30%; z-index: 5 }
.vkino-sub-gradient:before { content: ""; display: block; padding-top: 30% }
.vkino-sub-gradient-in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0) }
.vkino-section-6 { background-color: #fff; color: #222 }
.vkino-section-6 .portfolio-section-credit-content { padding-bottom: 90px }
.vkino-section-7 { background-color: #fff; color: #222 }
.vmeste { background-color: #fff }
.vmeste .portfolio-about-hr { border-color: #fff }
.vmeste-gap { width: 100%; position: relative; display: block; text-align: center; font-size: 32px; font-weight: 300; z-index: 3 }
.vmeste-gap-orange { background-color: #ffad10; color: #000; height: 192px }
.vmeste-gap-blue { height: 208px; background-color: #07213a; color: #fff }
.vmeste-gap-sh { box-shadow: 0 20px 56px #e5e5e5 }
.vmeste-section-1 { color: #fff; background: url("../images/portfolio/vmeste/vmeste-2.jpg") 50%/cover no-repeat #095d77; height: 1112px }
.vmeste-section-1 .portfolio-logo { padding-top: 16px; padding-bottom: 100px }
.vmeste-s1-front { height: 460px; width: 100%; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.vmeste-s1-front img { position: relative; top: -40px; left: -80px }
.vmeste-front-surface { position: relative; margin: auto; width: 960px; height: 300px }
.vmeste-front-label { position: absolute; color: #fff }
.vmeste-front-label-1 { top: 10px; left: 106px; font-size: 20px }
.vmeste-front-label-2 { bottom: -10px; right: -80px; font-size: 27px }
.vmeste-front-label-3 { bottom: -27px; right: 30px; font-size: 27px }
.vmeste-front-person { position: absolute; opacity: 0 }
.vmeste-front-person-1 { width: 55px; height: 55px; background: url("../images/portfolio/vmeste/person-1.png") no-repeat; top: 6px; left: 247px }
.vmeste-front-person-2 { width: 43px; height: 43px; background: url("../images/portfolio/vmeste/person-3.png") no-repeat; top: 30px; left: -17px }
.vmeste-front-person-3 { width: 55px; height: 55px; background: url("../images/portfolio/vmeste/person-1.png") no-repeat; top: -130px; left: -30px }
.vmeste-front-person-4 { width: 43px; height: 43px; background: url("../images/portfolio/vmeste/person-2.png") no-repeat; top: -50px; right: -20px }
.vmeste-front-person-5 { width: 43px; height: 43px; background: url("../images/portfolio/vmeste/person-4.png") no-repeat; top: -79px; left: -22px }
.vmeste-front-person-6 { width: 55px; height: 55px; background: url("../images/portfolio/vmeste/person-2.png") no-repeat; top: 13px; right: -30px }
.vmeste-front-field { position: absolute }
.vmeste-front-field-1 { top: 0; right: 0; width: 430px; height: 200px }
.vmeste-front-field-2 { top: 160px; left: 314px; width: 67px; height: 37px }
.vmeste-front-field-3 { width: 141px; height: 117px; top: 140px; left: 77px }
.pulse-outer { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.pulse-outer:after { content: " "; position: absolute; width: 30px; height: 30px; background-color: #fff; border-radius: 100%; top: -15px; left: -15px; display: block; z-index: 10; opacity: .5 }
.pulse-outer:before { content: " "; position: absolute; width: 9px; height: 9px; background-color: #fff; border-radius: 100%; top: -4.5px; left: -4.5px; display: block; z-index: 10; opacity: 1 }
.pulse-point { position: absolute; right: 0; top: 0; width: 0; height: 0; background-color: #fff; border-radius: 50%; border: 1px solid silver }
.pulse-outer-1 { top: 122px; left: 5px }
.pulse-outer-2 { top: 92px; right: 156px }
.pulse-outer-3 { top: 1px; left: 0 }
.pulse-outer-4 { bottom: 0; right: 5px }
.pulse-outer-5 { top: 0; left: 0 }
.pulse-outer-6 { bottom: 0; right: 1px }
.vmeste-front-field { opacity: 0 }
.vmeste-front-shape { position: absolute }
.vmeste-front-shape-1 { width: 624px; height: 129px; top: 0; left: 0; background: url("../images/portfolio/vmeste/shape-1.png") no-repeat }
.vmeste-front-shape-2 { width: 67px; height: 37px; top: 0; left: 0; background: url("../images/portfolio/vmeste/shape-2.png") no-repeat }
.vmeste-front-shape-3 { width: 141px; height: 117px; top: 0; left: 0; background: url("../images/portfolio/vmeste/shape-3.png") no-repeat }
.vmeste-front-zoom { width: 42px; height: 225px; position: absolute; top: -50px; left: -155px; background: url("../images/portfolio/vmeste/zoom.png") no-repeat }
.vmeste-front-zoom-data { font-size: 27px; position: absolute; left: 50px; white-space: nowrap }
.vmeste-front-zoom-data-tp { top: -15px }
.vmeste-front-zoom-data-bm { bottom: -15px }
.vmeste-section-2-gap { background-color: #ffad10; color: #060608 }
.vmeste-section-2 { min-height: 500px }
.vmeste-section-2 .portfolio-halves-colgroup .portfolio-halves-col-2 { text-align: center }
.vmeste-section-2 .portfolio-halves-colgroup img { width: 68%; position: relative; padding-top: 30%; padding-bottom: 30% }
.vmeste-section-2 .portfolio-halves-content-inner { position: relative; padding-left: 10% }
.vmeste-section-2 .portfolio-full-text-desc { color: #fff; font-size: 32px; padding: .44em 0; line-height: 1.71 }
.vmeste-section-2 .portfolio-full-text-desc .pseudo-row { display: block; font-weight: 100 }
.vmeste-section-2 .portfolio-full-text-desc .pseudo-row span { padding-left: 21px; padding-right: 21px; white-space: nowrap; display: inline-block; background-color: rgba(7, 33, 58, .9) }
.vmeste-section-2 .portfolio-full-text-desc .pseudo-row:first-child span { padding-top: 10px }
.vmeste-section-2 .portfolio-full-text-desc .pseudo-row:last-child span { padding-bottom: 6px }
.koleso-article { position: relative; z-index: 2 }
.koleso-article h2 { text-transform: none; font-size: 36px; line-height: 1.2; margin-bottom: 13px }
.koleso-s1 { height: 960px }
.koleso-s1 .portfolio-about { color: #fff }
.koleso-s1 .portfolio-about-hr { border-color: #fff }
.koleso-s2 { height: 596px }
.koleso-s2 .bg-img { overflow: visible !important }
@media screen and (max-width:1760px) {
	.stellar-px .koleso-s2 .bg-img { left: -15%; right: -15% }
}
@media screen and (max-width:1640px) {
	.stellar-px .koleso-s2 .bg-img { left: -20%; right: -20% }
}
@media screen and (max-width:1560px) {
	.stellar-px .koleso-s2 .bg-img { left: -25%; right: -25% }
}
@media screen and (max-width:1400px) {
	.stellar-px .koleso-s2 .bg-img { left: -30%; right: -30% }
}
@media screen and (max-width:1300px) {
	.stellar-px .koleso-s2 .bg-img { left: -35%; right: -35% }
}
@media screen and (max-width:1200px) {
	.stellar-px .koleso-s2 .bg-img { left: -40%; right: -40% }
}
@media screen and (max-width:1100px) {
	.stellar-px .koleso-s2 .bg-img { left: -45%; right: -45% }
}
@media screen and (max-width:1024px) {
	.stellar-px .koleso-s2 .bg-img { left: -50%; right: -50% }
}
.koleso-gap { background-color: #333; color: #fff; box-shadow: none }
.koleso-gap-title { position: relative; z-index: 2 }
@media screen and (max-width:1400px) {
	.koleso-gap { height: 130px; line-height: 130px; font-size: 26px }
}
.koleso-s3 { height: 758px }
.koleso-s3 .container { height: 100% }
.koleso-s3 .koleso-article { width: 390px; position: absolute; bottom: 77px; right: 0 }
.stellar-px .koleso-s3 .bg-img { left: -15px; right: -15% }
.koleso-s3-scene { height: 100%; width: 900px; position: absolute; top: 5%; left: 15% }
.koleso-s3-scene-pic-1 { width: 100% }
.koleso-s3-scene-pic-2 { width: 50%; margin-top: -100%; -webkit-transform: translate(-40%, 0); -ms-transform: translate(-40%, 0); transform: translate(-40%, 0); -webkit-transition: all .7s ease; transition: all .7s ease }
.appear .koleso-s3-scene-pic-2 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
@media screen and (max-width:1460px) {
	.koleso-s3 { height: 608px }
	.koleso-s3-scene { width: 700px; left: 12% }
}
@media screen and (max-width:1260px) {
	.koleso-s3-scene { width: 500px }
}
.koleso-s4 { height: 758px; background-color: #fff }
.koleso-s4 .container { height: 100% }
.koleso-s4 .colgroup-j { width: 90%; position: relative; margin: auto; padding-top: 3% }
.koleso-s4 .col-j { width: 360px; text-align: center }
.koleso-s4 .col-j-1, .koleso-s4 .col-j-3 { top: 150px }
.koleso-s4-article { width: 100%; position: relative; z-index: 2 }
.koleso-s4-scene { width: 100%; text-align: center; position: absolute; bottom: 0 }
.koleso-s4-scene-pic-1 { width: 100%; position: relative; top: 95px }
.koleso-s4-scene-pic-2 { position: absolute !important; bottom: 98px; margin-left: -249.5px; left: 50%; -webkit-transform: scale(0.5, .5); -ms-transform: scale(0.5, .5); transform: scale(0.5, .5); -webkit-transition: all .7s ease; transition: all .7s ease }
.appear .koleso-s4-scene-pic-2 { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) }
.koleso-s4-scene-pic-3 { position: absolute !important; left: 50%; top: 50%; margin-top: 20px; margin-left: -41.5px }
.koleso-s4-scene-pic-4 { position: absolute !important; left: 50%; bottom: 24px; margin-left: -176px }
.koleso-s4-article-arrows { position: absolute; width: 694px; height: 84px; top: 100px; left: 50%; margin-left: -347px; background: url("../images/portfolio/koleso/koleso-s4-arrows.png") }
@media screen and (max-width:1460px) {
	.koleso-s4-article-arrows { top: 80px }
	.koleso-s4 { height: 608px }
	.koleso-s4 .colgroup-j { width: 100% }
	.koleso-s4 .col-j-1, .koleso-s4 .col-j-3 { top: 145px }
	.koleso-s4-scene-pic-2 { width: 31%; margin-left: 0; left: 34.3%; bottom: 116px }
	.koleso-s4-scene-pic-3 { margin-top: 3px }
	.koleso-s4-scene-pic-4 { bottom: 35px }
}
@media screen and (max-width:1260px) {
	.colgroup-j { width: 100% }
	.koleso-s4 .col-j { width: 290px }
	.koleso-s4-scene-pic-1 { top: 50px }
	.koleso-s4-scene-pic-3 { margin-top: -27px }
}
.koleso-s5 { background-color: #f3f0e9 }
.koleso-s5-content { max-width: 1249px; min-width: 960px; position: relative; margin: auto; padding-top: 140px; padding-bottom: 197px }
@media screen and (max-width:1400px) {
	.koleso-s5-pic { margin-bottom: 7% }
	.koleso-s5-content { padding-top: 7%; padding-bottom: 9% }
}
.koleso-s5-colgroup { list-style: none; position: relative; display: block; width: 100% }
.koleso-s5-colgroup:after, .koleso-s5-colgroup:before { content: " "; display: table }
.koleso-s5-colgroup:after { clear: both }
.koleso-s5-col { float: left; display: block; position: relative; width: 33.33%; text-align: center; font-weight: 100 }
.koleso-s5-col-1 { padding-left: 20px; padding-right: 55px; -webkit-transition: all .8s ease 100ms; transition: all .8s ease 100ms; -webkit-transform: translate(0, 150px); -ms-transform: translate(0, 150px); transform: translate(0, 150px) }
.koleso-s5-col-2 { -webkit-transform: translate(0, 150px); -ms-transform: translate(0, 150px); transform: translate(0, 150px); -webkit-transition: all .8s ease 200ms; transition: all .8s ease 200ms }
.koleso-s5-col-3 { padding-left: 55px; padding-right: 20px; -webkit-transform: translate(0, 150px); -ms-transform: translate(0, 150px); transform: translate(0, 150px); -webkit-transition: all .8s ease 300ms; transition: all .8s ease 300ms }
.appear .koleso-s5-col { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.koleso-s5-pic { margin-bottom: 73px }
.koleso-s5-hd { font-size: 28px; margin-bottom: 12px }
.koleso-s5-desc { font-size: 18px }
.koleso-s6 img { width: 100% }
.stellar-px .koleso-s6 .bg-img { left: -15%; right: -15% }
.koleso-s6-outer { display: inline-block }
.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); transform: translate(0, 10%) }
.stellar-px .koleso-s6 { margin-bottom: -4% }
.koleso-s6-link { display: inline-block; position: absolute; width: 12%; height: 10%; background-color: #fff; top: 42%; left: 65%; z-index: 3; opacity: 0; filter: alpha(Opacity=0) }
.stellar-px .koleso-s6-link { top: 52% }
@media screen and (max-width:1760px) {
	.stellar-px .koleso-s6 .bg-img { left: -60%; right: -60% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 15%); -ms-transform: translate(0, 15%); transform: translate(0, 15%) }
	.stellar-px .koleso-s6-link { top: 57% }
}
@media screen and (max-width:1640px) {
	.stellar-px .koleso-s6 .bg-img { left: -65%; right: -65% }
}
@media screen and (max-width:1560px) {
	.stellar-px .koleso-s6 .bg-img { left: -70%; right: -70% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 20%); -ms-transform: translate(0, 20%); transform: translate(0, 20%) }
	.stellar-px .koleso-s6-link { top: 62% }
}
@media screen and (max-width:1400px) {
	.stellar-px .koleso-s6 .bg-img { left: -75%; right: -75% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 25%); -ms-transform: translate(0, 25%); transform: translate(0, 25%) }
	.stellar-px .koleso-s6-link { top: 67% }
}
@media screen and (max-width:1300px) {
	.stellar-px .koleso-s6 .bg-img { left: -80%; right: -80% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 30%); -ms-transform: translate(0, 30%); transform: translate(0, 30%) }
	.stellar-px .koleso-s6-link { top: 72% }
}
@media screen and (max-width:1200px) {
	.stellar-px .koleso-s6 .bg-img { left: -90%; right: -90% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 35%); -ms-transform: translate(0, 35%); transform: translate(0, 35%) }
	.stellar-px .koleso-s6-link { top: 77% }
}
@media screen and (max-width:1100px) {
	.stellar-px .koleso-s6 .bg-img { left: -95%; right: -95% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 40%); -ms-transform: translate(0, 40%); transform: translate(0, 40%) }
	.stellar-px .koleso-s6-link { top: 82% }
}
@media screen and (max-width:1024px) {
	.stellar-px .koleso-s6 .bg-img { left: -100%; right: -100% }
	.stellar-px .koleso-s6-link, .stellar-px .koleso-s6-outer { -webkit-transform: translate(0, 45%); -ms-transform: translate(0, 45%); transform: translate(0, 45%) }
	.stellar-px .koleso-s6-link { top: 87% }
}
.koleso-s11 { background-color: #f3f0e9 }
.koleso-s12 { background-color: #fff }
.mon-desc { color: #fff; font-size: 32px; font-weight: 100 }
@media screen and (max-width:1460px) {
	.mon-desc { font-size: 28px }
}
@media screen and (max-width:1260px) {
	.mon-desc { font-size: 23px }
}
.mon-s1 { background-color: #d8670e }
.mon-s1 .portfolio-logo { padding-top: 5%; padding-bottom: 10px; z-index: 99; position: relative }
.mon-s1 .portfolio-about { margin-top: 140px; color: #fff; padding-bottom: 68px; z-index: 99; position: relative }
.mon-s1-logo-sub { font-size: 24px; font-weight: 100; color: #fff; text-align: center; z-index: 99; position: relative }
.mon-s1-logo-sub-pic { text-align: center; padding-top: 30px; position: relative }
.mon-s1-img { position: relative; z-index: 5; -webkit-animation-duration: 1.6s !important; animation-duration: 1.6s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-timing-function: cubic-bezier(0.455, .03, .515, .955); animation-timing-function: cubic-bezier(0.455, .03, .515, .955) }
.mon-s1-img-1 { -webkit-animation-delay: 0; animation-delay: 0 }
.mon-s1-img-2 { top: -2px; -webkit-animation-delay: 50ms; animation-delay: 50ms }
.mon-s1-img-3 { top: 30px; -webkit-animation-delay: 100ms; animation-delay: 100ms }
.mon-s1-img-4 { top: 30px; -webkit-animation-delay: 150ms; animation-delay: 150ms }
.mon-s1-img-5 { left: 14px; -webkit-animation-delay: 200ms; animation-delay: 200ms }
.mon-s1-el { position: absolute !important; top: 0; left: 50%; z-index: 4; -webkit-animation-duration: 1.5s !important; animation-duration: 1.5s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.mon-s1-el-1 { top: 100px; margin-left: 430px; -webkit-animation-delay: 0; animation-delay: 0 }
.mon-s1-el-2 { top: 30px; margin-left: 480px; -webkit-animation-delay: 50ms; animation-delay: 50ms }
.mon-s1-el-3 { top: 140px; margin-left: 500px; -webkit-animation-delay: 100ms; animation-delay: 100ms }
.mon-s1-el-4 { top: 80px; margin-left: 590px; -webkit-animation-delay: 150ms; animation-delay: 150ms }
@media screen and (max-width:1590px) {
	.mon-s1-img-4 { display: none }
	.mon-s1-el-1 { top: 100px; margin-left: 290px }
	.mon-s1-el-2 { top: 30px; margin-left: 340px }
	.mon-s1-el-3 { top: 140px; margin-left: 360px }
	.mon-s1-el-4 { top: 80px; margin-left: 450px }
}
@media screen and (max-width:1250px) {
	.mon-s1-img-3 { display: none }
	.mon-s1-el-1 { top: 100px; margin-left: 150px }
	.mon-s1-el-2 { top: 30px; margin-left: 200px }
	.mon-s1-el-3 { top: 140px; margin-left: 220px }
	.mon-s1-el-4 { top: 80px; margin-left: 310px }
}
@-webkit-keyframes swing {
	20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) }
	40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) }
	60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) }
	80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) }
	100% { -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0) }
}
@keyframes swing {
	20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) }
	40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) }
	60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) }
	80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) }
	100% { -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0) }
}
.on-start .mon-s1-img, .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes bounceIn {
	0, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.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) }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes bounceIn {
	0, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.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) }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.bounceIn, .on-start .mon-s1-el { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s }
.mon-section-lead { background-color: #07213a; color: #fff; height: 192px; line-height: 192px; text-align: center; font-size: 45px; font-weight: 100; position: relative }
.mon-s2-bg { width: 100% }
.mon-s2-bg-2 { position: absolute !important; top: 0; left: 0; z-index: 2 }
.mon-s2-outer { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../images/portfolio/mon/mon-s2-bg-3.jpg") 0/cover no-repeat; opacity: 1; -webkit-transition: all 1s cubic-bezier(0.455, .03, .515, .955) 200ms; transition: all 1s cubic-bezier(0.455, .03, .515, .955) 200ms }
.mon-s2-outer-2 { display: block; position: absolute; top: 7%; left: 40%; width: 50%; height: 100%; background: url("../images/portfolio/mon/mon-s2-pic-2.png") 0 0/100% auto no-repeat; z-index: 3; opacity: 1; -webkit-transition: all 1.2s cubic-bezier(0.455, .03, .515, .955) 100ms; transition: all 1.2s cubic-bezier(0.455, .03, .515, .955) 100ms }
.appear .mon-s2-outer, .appear .mon-s2-outer-2 { opacity: 1 }
@media screen and (max-width:1460px) {
	.mon-section-lead { height: 150px; line-height: 150px; font-size: 35px }
}
@media screen and (max-width:1260px) {
	.mon-section-lead { height: 120px; line-height: 120px; font-size: 30px }
}
.mon-section-lead-version { background-color: #ae4704 }
.mon-section-lead-title { position: relative }
.mon-s2-content { margin-bottom: -5%; overflow: hidden; position: relative }
.mon-s2-content img { width: 100% }
.mon-s3-content { height: 971px; background: url("../images/portfolio/mon/mon-s3-bg.jpg") 30%/cover no-repeat; overflow: hidden }
.mon-s3-desc { position: absolute; top: 35%; left: 30% }
.stellar-px .mon-s3-desc { top: 15% }
.mon-s3-desc-a1 { left: 62%; position: relative; margin-bottom: 1em }
.mon-s3-desc-a2 { left: 93%; position: relative }
@media screen and (max-width:1800px) {
	.mon-s3-desc { font-size: 28px }
	.mon-s3-desc-a1 { left: 67% }
	.mon-s3-desc-a2 { left: 98% }
}
@media screen and (max-width:1700px) {
	.mon-s3-desc { font-size: 26px }
	.mon-s3-desc-a1 { left: 72% }
	.mon-s3-desc-a2 { left: 103% }
}
@media screen and (max-width:1700px) {
	.mon-s3-desc { font-size: 24px }
	.mon-s3-desc-a1 { left: 77% }
	.mon-s3-desc-a2 { left: 108% }
}
@media screen and (max-width:1500px) {
	.mon-s3-desc { top: 25%; left: 23% }
}
@media screen and (max-width:1400px) {
	.mon-s3-desc { left: 20% }
}
@media screen and (max-width:1225px) {
	.mon-s3-desc { top: 20%; left: 15% }
}
@media screen and (max-width:1100px) {
	.mon-s3-desc { top: 20%; left: 20%; font-size: 20px }
}
@media screen and (max-width:1460px) {
	.mon-s3-content { height: 771px }
}
.mon-s4 { color: #fff }
.mon-s4-content { padding-top: 6%; padding-bottom: 8%; background: url("../images/portfolio/mon/mon-s4-bg.jpg") 50%/cover no-repeat }
.mon-s4-pic img { -webkit-transition: all 1.2s ease 400ms; transition: all 1.2s ease 400ms }
.mon-s4-pic-1 { -webkit-transform: scale(0.7, .7); -ms-transform: scale(0.7, .7); transform: scale(0.7, .7) }
.mon-s4-pic-2 { -webkit-transform: rotate(45deg) scale(0.6, .6); -ms-transform: rotate(45deg) scale(0.6, .6); transform: rotate(45deg) scale(0.6, .6) }
.appear .mon-s4-pic img { -webkit-transform: rotate(0) scale(1, 1); -ms-transform: rotate(0) scale(1, 1); transform: rotate(0) scale(1, 1) }
.mon-s4-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 1460px; min-width: 960px; margin: auto }
.mon-s4-colgroup:after, .mon-s4-colgroup:before { content: " "; display: table }
.mon-s4-colgroup:after { clear: both }
.mon-s4-col { float: left; display: block; position: relative; width: 50% }
.mon-s4-col-1 { padding-right: 40px }
.mon-s4-col-2 { padding-left: 40px }
.mon-s4-pic { text-align: center }
.mon-s4-pic img { width: 90% }
.mon-s4-desc { padding-left: 14%; position: relative; margin: auto }
.mon-s4-desc-inner { margin-bottom: 26px }
.mon-s4-desc-lead { margin-bottom: 14px }
.mon-s4-pic-1 { position: relative; left: 5% }
.mon-s4-pic-2 { position: relative }
.mon-s5-content { height: 1188px; position: relative; overflow: hidden }
.mon-s5-pic-2 { position: relative; float: right; margin-top: -30%; width: 54%; border-radius: 10px 0 0 }
.mon-s5-desc { z-index: 5; bottom: 5%; left: 5%; width: 35%; color: #fff; position: absolute }
.mon-s5-desc span { background-color: #cb610d; display: inline; margin-bottom: 8px }
.vmeste-section-3 * { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.vmeste-s3-content { position: relative; color: #07213a; font-size: 32px }
.vmeste-s3-desc { padding: 4% 18% 4% 40.5%; font-weight: 100 }
.vmeste-s3-desc-sub { font-weight: 400 }
.vmeste-s3-desc-pic { text-align: right; padding-top: 5%; padding-bottom: 5% }
.vmeste-s3-desc-pic img { width: 71%; position: relative; left: 15% }
.vmeste-s3-content-pic-2-outer { position: relative; opacity: 1; -webkit-transition: all 1200ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 1200ms cubic-bezier(0.455, .03, .515, .955) 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); left: -39%; margin-top: -100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
.appear .vmeste-s3-content-pic-2-outer { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.vmeste-s3-content-pic-1 { width: 46%; left: 5%; margin-top: -50%; z-index: 2; position: relative }
.vmeste-s3-content-pic-2 { width: 25%; margin-top: -20%; z-index: 1; position: relative }
.stellar-px .vmeste-s3-content-pic { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) }
.vmeste-s4-desc { position: relative; color: #fff; font-size: 32px; padding-top: 8%; padding-left: 5%; padding-bottom: 5% }
.vmeste-s4-desc-row-inline { background-color: #07213a; display: inline-block; border-radius: 7px; padding-left: 12px; padding-right: 12px; padding-bottom: 4px; margin-bottom: 3px; font-weight: 100 }
.vmeste-section-4-pic { text-align: right; position: relative }
.vmeste-section-4-pic-1 { width: 60%; border-radius: 10px 0 0; left: 31% }
.vmeste-section-4-pic-2 { width: 10%; left: -22%; margin-top: -23%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 0 }
.vmeste-section-4-pic-3 { width: 10%; left: -14%; margin-top: -23%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 200ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 200ms }
.vmeste-section-4-pic-4 { width: 10%; left: -6%; margin-top: -23%; -webkit-transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 400ms; transition: all 800ms cubic-bezier(0.455, .03, .515, .955) 400ms }
.appear .vmeste-section-4-tip, .vmeste-section-4-tip { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 20%); -ms-transform: translate(0, 20%); transform: translate(0, 20%) }
.vmeste-section-4 .portfolio-halves-content-inner { position: relative; padding-left: 5% }
.vmeste-section-4 .portfolio-full-text-desc { position: relative; color: #fff; font-size: 32px; padding: .44em 0; line-height: 1.71 }
.vmeste-section-4 .portfolio-full-text-desc .pseudo-row { display: block; font-weight: 100 }
.vmeste-section-4 .portfolio-full-text-desc .pseudo-row span { padding-left: 21px; padding-right: 21px; white-space: nowrap; display: inline-block; background-color: rgba(7, 33, 58, .9) }
.vmeste-section-4 .portfolio-full-text-desc .pseudo-row:first-child span { padding-top: 7px }
.vmeste-section-4 .portfolio-full-text-desc .pseudo-row:last-child span { padding-bottom: 6px }
.stellar-px .vmeste-section-4 .portfolio-halves-content-inner .portfolio-full-text-desc { -webkit-transform: translate(0, 40%); -ms-transform: translate(0, 40%); transform: translate(0, 40%) }
.stellar-px .vmeste-section-4 .portfolio-halves-content-inner:after { top: 140%; margin-top: -115px }
.stellar-px .vmeste-section-4 .portfolio-halves-content-inner:before { bottom: 60%; margin-bottom: -38px }
.vmeste-s5-row { text-align: center; padding-top: 58px; padding-bottom: 0 }
.vmeste-s5-row a { text-decoration: none; padding-left: 15px; padding-right: 15px }
@media screen and (max-width:1800px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 30%); -ms-transform: translate(0, 30%); transform: translate(0, 30%) }
}
@media screen and (max-width:1750px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 35%); -ms-transform: translate(0, 35%); transform: translate(0, 35%) }
}
@media screen and (max-width:1640px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 40%); -ms-transform: translate(0, 40%); transform: translate(0, 40%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -25% }
}
@media screen and (max-width:1560px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 45%); -ms-transform: translate(0, 45%); transform: translate(0, 45%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -35% }
}
@media screen and (max-width:1400px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -46% }
}
@media screen and (max-width:1300px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 55%); -ms-transform: translate(0, 55%); transform: translate(0, 55%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -55% }
}
@media screen and (max-width:1200px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 60%); -ms-transform: translate(0, 60%); transform: translate(0, 60%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -75% }
}
@media screen and (max-width:1100px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 65%); -ms-transform: translate(0, 65%); transform: translate(0, 65%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -90% }
}
@media screen and (max-width:1024px) {
	.stellar-px .vmeste-section-4-pic { -webkit-transform: translate(0, 65%); -ms-transform: translate(0, 65%); transform: translate(0, 65%) }
	.stellar-px .vmeste-section-2 .bg-img, .stellar-px .vmeste-section-4 .bg-img { right: -95% }
}
.mirage { background-color: #0c0c0c }
.mirage-section { color: #FFF }
.mirage-section-1 .portfolio-logo { padding-top: 7%; padding-bottom: 215px }
.mirage-section-1 .portfolio-about-hr { border-color: #e1000e }
@media screen and (max-width:1380px) {
	.mirage-section-1 .portfolio-logo { padding-bottom: 180px }
	.mirage-section-1 .portfolio-logo img { width: 30% }
}
.mirage-section-1-bg { background: url("../images/portfolio/mirage/mirage-5.jpg") 50% 0 no-repeat }
.mirage-section-1-pic { position: absolute !important; top: 0; left: 0 }
@media screen and (max-width:1700px) {
	.mirage-section-1-pic { width: 1700px }
}
@media screen and (max-width:1600px) {
	.mirage-section-1-pic { width: 1600px }
}
@media screen and (max-width:1500px) {
	.mirage-section-1-pic { width: 1500px }
}
@media screen and (max-width:1400px) {
	.mirage-section-1-pic { width: 1400px }
}
@media screen and (max-width:1300px) {
	.mirage-section-1-pic { width: 1300px }
}
@media screen and (max-width:1200px) {
	.mirage-section-1-pic { width: 1200px }
}
@media screen and (max-width:1700px) {
	.mirage-section-1-bg { background-size: 1700px auto }
}
@media screen and (max-width:1500px) {
	.mirage-section-1-bg { background-size: 1500px auto }
}
@media screen and (max-width:1400px) {
	.mirage-section-1-bg { background-size: 1400px auto }
}
.mirage-section-1-object { margin-bottom: -4%; position: relative; width: 100% }
.mirage-section-1-object img { position: relative }
.mirage-section-1-object_1 { margin: auto; -webkit-transform: translate(0, 3%); -ms-transform: translate(0, 3%); transform: translate(0, 3%); z-index: 3 }
.mirage-section-1-object_2 { z-index: 2; margin-top: -190%; width: 17.95%; left: 75%; -webkit-transform: translate(0, -490%); -ms-transform: translate(0, -490%); transform: translate(0, -490%) }
@media screen and (max-width:1910px) {
	.mirage-section-1-object_1 { width: 100% }
}
.mirage-section-2-gap { background-color: #00a0ae; color: #FFF; line-height: 1.2 }
.mirage-section-2 { margin-bottom: -1% }
.mirage-section-2:before { content: " "; display: block; position: relative; padding-bottom: 55% }
.mirage-section-2-inner { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0 }
@media screen and (max-width:1800px) {
	.stellar-px .mirage-section-2:before { padding-bottom: 50% }
}
@media screen and (max-width:1500px) {
	.stellar-px .mirage-section-2:before { padding-bottom: 37% }
}
@media screen and (max-width:1100px) {
	.stellar-px .mirage-section-2:before { padding-bottom: 27% }
}
.mirage-section-2-colgroup { list-style: none; position: relative; display: block; width: 100% }
.mirage-section-2-colgroup:after, .mirage-section-2-colgroup:before { content: " "; display: table }
.mirage-section-2-colgroup:after { clear: both }
.mirage-section-2-col { float: left; display: block; position: relative; width: 33.33% }
.mirage-section-2-col img { width: 101% }
.mirage-section-3 { color: #fff }
.mirage-section-3 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.mirage-section-3 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.mirage-section-3 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: 5% }
.mirage-section-3 .portfolio-halves-content-inner:after, .mirage-section-3 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #e1000e; margin-left: -7% }
.mirage-section-3 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.mirage-section-3 .portfolio-halves-content-inner:before { height: 3000px; top: 100% }
.mirage-section-3 .portfolio-halves-colgroup img { -webkit-transform: translate(0, 5%); -ms-transform: translate(0, 5%); transform: translate(0, 5%); width: 108.8%; margin-left: -3% }
.stellar-px .mirage-section-3 .bg-img { top: -8% }
.stellar-px .mirage-section-3-pic { margin-top: 10%; margin-bottom: -10% }
@media screen and (max-width:1800px) {
	.stellar-px .mirage-section-3-pic { margin-top: 20%; margin-bottom: -20% }
	.stellar-px .mirage-section-3 .bg-img { top: -20% }
}
@media screen and (max-width:1650px) {
	.stellar-px .mirage-section-3 .bg-img { top: -30% }
}
@media screen and (max-width:1500px) {
	.stellar-px .mirage-section-3-pic { margin-top: 25%; margin-bottom: -25% }
	.stellar-px .mirage-section-3 .bg-img { top: -50% }
}
@media screen and (max-width:1300px) {
	.stellar-px .mirage-section-3-pic { margin-top: 35%; margin-bottom: -35% }
	.stellar-px .mirage-section-3 .bg-img { top: -80% }
}
@media screen and (max-width:1100px) {
	.stellar-px .mirage-section-3-pic { margin-top: 45%; margin-bottom: -45% }
	.stellar-px .mirage-section-3 .bg-img { top: -100% }
}
.mirage-section-4 { color: #fff }
.mirage-section-4:before { content: " "; position: relative; display: block; padding-top: 60% }
.mirage-section-4 .mirage-section-4-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.mirage-section-4 .portfolio-halves-colgroup-outer { height: 100% }
.mirage-section-4 .portfolio-halves-col-1 { position: relative; z-index: 1 }
.mirage-section-4 .portfolio-halves-col-2 { position: relative; z-index: 2 }
.mirage-section-4 .portfolio-halves-content-inner { width: 60%; position: relative; margin: auto; left: 5% }
.mirage-section-4 .portfolio-halves-content-inner:after, .mirage-section-4 .portfolio-halves-content-inner:before { content: " "; position: absolute; width: 2px; left: 50%; display: block; background-color: #e1000e; margin-left: -7% }
.mirage-section-4 .portfolio-halves-content-inner:after { bottom: 100%; height: 3000px }
.mirage-section-4 .portfolio-halves-content-inner:before { height: 3000px; top: 100% }
@media screen and (max-width:1800px) {
	.mirage-section-4 img { margin-top: 2% }
	.mirage-section-4:before { padding-top: 50% }
}
@media screen and (max-width:1700px) {
	.mirage-section-4 img { margin-top: 6% }
	.mirage-section-4:before { padding-top: 45% }
}
@media screen and (max-width:1200px) {
	.mirage-section-4 img { margin-top: 10% }
	.mirage-section-4:before { padding-top: 35% }
}
.mirage-gr { position: relative; display: block; margin-top: -20%; overflow: visible !important; z-index: 4; margin-bottom: 0 }
.mirage-gr:before { content: " "; position: relative; display: block; padding-top: 20% }
.mirage-gr .mirage-gr-in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: visible !important; z-index: 3; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0); color: #fff; font-size: 32px; font-weight: 300 }
.mirage-gr .mirage-gr-in span { position: absolute; width: 100%; text-align: center; bottom: -60%; left: 0 }
.mirage-gr-1:after { content: " "; top: 100%; left: 0; height: 200%; width: 100%; display: block; position: absolute; background-image: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0) }
.mirage-section-5-sub { width: 100%; overflow: hidden; display: block; margin-bottom: -42%; position: relative; margin-top: -48% }
@media screen and (max-width:1300px) {
	.stellar-px .mirage-section-6-pic { margin-top: 10% }
}
.mirage-section-7 { background-color: #000; color: #fff }
.mirage-section-7 .portfolio-section-credit-content { padding-bottom: 50px }
.mirage-section-8 { background-color: #000; color: #fff }
.intan-section { background-color: #fff; color: #383838 }
.intan-section .portfolio-full-text-desc { font-size: 23px; line-height: 1.52; position: relative }
@media screen and (max-width:1390px) {
	.intan-section .portfolio-full-text-desc { font-size: 20px }
}
.intan-section-1 .portfolio-about-hr { border-color: #94c11f }
.portfolio-gap-intan { height: 168px; background-color: #6ca034; background-image: -webkit-radial-gradient(circle, #84b54c 0, #6ca034 70%); background-image: radial-gradient(circle, #84b54c 0, #6ca034 70%); background-repeat: no-repeat; font-size: 48px; line-height: 1; color: #fafafa; font-weight: 300; box-shadow: inset 2px 2px 5px #59802e, inset -2px -2px 5px #59802e }
.portfolio-gap-intan .wrap { max-width: 1651px }
.portfolio-gap-intan .v-centered-inner { padding-left: 10%; padding-right: 10% }
.portfolio-gap-intan .v-centered-outer { z-index: 2 }
.portfolio-gap-intan-pic { position: absolute; top: 47px; left: 20px }
@media screen and (max-width:1380px) {
	.portfolio-gap-intan { font-size: 42px }
}
@media screen and (max-width:1200px) {
	.portfolio-gap-intan-pic { left: 25px }
}
.intan-section-1 { margin-bottom: -2% }
.intan-section-1 .portfolio-logo { padding-top: 3.45%; padding-bottom: 154px }
.intan-section-1 .portfolio-about { padding-bottom: 3% }
@media screen and (max-width:1380px) {
	.intan-section-1 .portfolio-logo { padding-bottom: 134px }
	.intan-section-1 .portfolio-logo img { width: 25% }
}
.intan-section-1-sub { text-align: center; padding-left: 5%; padding-right: 5% }
@media screen and (max-width:1600px) {
	.intan-section-1-sub img { width: 100% }
	.intan-section-1 { margin-bottom: -2.4% }
}
.intan-section-1-sub table { width: 100% }
.intan-section-1-sub td { width: 500px; height: 357px }
.intan-section-2 { background-color: #f5f6f6 }
.intan-section-2-colgroup { list-style: none; position: relative; display: block; width: 100% }
.intan-section-2-colgroup:after, .intan-section-2-colgroup:before { content: " "; display: table }
.intan-section-2-colgroup:after { clear: both }
.intan-section-2-col { float: left; display: block; position: relative; width: 50% }
.intan-section-2-desc { width: 627px; font-weight: 300; float: right; margin-top: 11.6%; z-index: 3; margin-bottom: 5% }
.intan-section-2-desc:after, .intan-section-2-desc:before { content: " "; display: table }
.intan-section-2-desc:after { clear: both }
@media screen and (max-width:1390px) {
	.intan-section-2-desc { width: 87% }
}
.intan-section-2-pic1 { width: 79%; margin-top: -12% }
.intan-section-2-pic2 { width: 78.82%; margin-left: 5%; margin-top: 8% }
.intan-section-3 { background: url("../images/portfolio/intan/intan-8.jpg"); color: #fff }
.intan-section-3 .portfolio-halves-col-1 { text-align: center }
.intan-section-3-pic { width: 114.13%; left: 10.8%; margin-top: 16%; margin-bottom: 13%; position: relative }
.intan-section-3-desc { left: 10.8% }
.intan-section-4 { background: url("../images/portfolio/intan/intan-6.jpg"); overflow: hidden }
.intan-section-4 .portfolio-halves-col { vertical-align: top; text-align: left }
.intan-section-4 .portfolio-full-text-desc { width: 627px; float: right; margin-top: 30% }
.intan-section-4 .portfolio-full-text-desc p { margin-bottom: 19% }
.intan-section-4 .portfolio-halves-col-1 { padding-right: 3.2% }
.intan-section-4 .portfolio-halves-col-2 { padding-left: 3.2%; overflow: hidden }
.intan-section-4 .portfolio-halves-col-2 img { margin-bottom: -2% }
.intan-section-4 a { color: #8bc531; text-decoration: none }
@media screen and (max-width:1550px) {
	.intan-section-4 .portfolio-full-text-desc { width: 87% }
}
.intan-section-4-pic { width: 75.7%; margin-top: 5%; margin-bottom: -68% !important; box-shadow: -2px 2px 6px #e4e4e4, 1px -1px 6px #e4e4e4 }
.intan-section-5 { background: url("../images/portfolio/intan/intan-9.jpg") }
.intan-market-section { padding-top: 5.4%; padding-bottom: 5.4%; font-size: 23px; color: #535353; font-weight: 100 }
.intan-market-section .wrap { max-width: 1702px; padding-left: 60px; padding-right: 60px }
.intan-market-section-1 .portfolio-about-hr { border-color: #94c11f }
.text-align-center { text-align: center }
.intan-market-colgroup { list-style: none; position: relative; display: block; width: 100% }
.intan-market-colgroup:after, .intan-market-colgroup:before { content: " "; display: table }
.intan-market-colgroup:after { clear: both }
.intan-market-col { float: left; display: block; position: relative; width: 50% }
.intan-market-col-1 { padding-right: 20px }
.intan-market-col-2 { padding-left: 20px }
.intan-market-section-1 { padding-bottom: 1.5% }
.intan-market-section-2 .intan-market-desc { margin-bottom: 17% }
.intan-market-section-2-pic-1 { width: 79.3%; margin-bottom: 4.3% }
.intan-market-section-2-pic-2 { width: 100% }
.intan-market-section-2-sub { font-size: 21px }
.intan-market-section-3 .intan-market-desc { margin-bottom: 5% }
.intan-market-section-3-pic-1 { width: 92.27% }
.intan-market-section-3-pic-2 { width: 100%; left: -2% }
.intan-market-section-4 { background: url("../images/portfolio/intan/intan-8.jpg"); color: #fff }
.intan-market-section-4 .intan-market-col-2 { padding-top: 1.4% }
.intan-market-section-4-pic { width: 100.3%; box-shadow: 0 2px 9px rgba(0, 0, 0, .3) }
.intan-market-section-5 a { color: #00a0ae; text-decoration: none }
.intan-market-section-5 a:hover { color: #00808a }
.intan-market-section-5-pic { width: 100%; left: -2% }
.intan-market-section-6 { background: url("../images/portfolio/intan/intan-8.jpg"); color: #fff }
.intan-market-section-6 .intan-market-col-2 { padding-top: 1.4% }
.intan-market-section-6-pic { width: 100.3%; box-shadow: 0 2px 9px rgba(0, 0, 0, .3) }
.mainstream-section { background-color: #fafafa; color: #535353; border-bottom: 1px solid #e5e5e5 }
.mainstream-section .portfolio-full-text-hd { font-size: 60px; line-height: 1.2; margin-bottom: .3em; color: #323232 }
.mainstream-section .portfolio-full-text-desc { font-size: 23px; color: #535353 }
@media screen and (max-width:1600px) {
	.mainstream-section .portfolio-full-text-hd { font-size: 50px }
	.mainstream-section .portfolio-full-text-desc { font-size: 20px }
}
.mainstream-section-1 { border-bottom: 1px solid #787878 }
.mainstream-section-1 .portfolio-logo { padding-top: 5%; padding-bottom: 167px }
.mainstream-section-1 .portfolio-about { padding-bottom: 3.5% }
.mainstream-section-1 .portfolio-about-hr { border-color: #4db6e5 }
@media screen and (max-width:1380px) {
	.mainstream-section-1 .portfolio-logo { padding-bottom: 134px }
	.mainstream-section-1 .portfolio-logo img { width: 35% }
}
.mainstream-section-1-sub { width: 100%; background: url("../images/portfolio/mainstream/mainstream-2.jpg") 50% 50% no-repeat; text-align: center; margin-bottom: 5% }
@media screen and (max-width:1155px) {
	.mainstream-section-1-sub img { width: 90% }
}
.mainstream-section-2 .portfolio-halves-content-inner { width: 636px }
.mainstream-section-2 .portfolio-halves-content-right { padding-right: 0 }
@media screen and (max-width:1600px) {
	.mainstream-section-2 .portfolio-halves-content-inner { width: 87% }
}
.mainstream-section-2-pic { margin-top: 4%; margin-bottom: 3% }
.mainstream-section-3 { background-color: #58b5e0; color: #fff }
.mainstream-section-3 img { width: 100% }
.mainstream-section-3 .portfolio-full-text-desc, .mainstream-section-3 .portfolio-full-text-hd { color: #fff }
.mainstream-section-3-colgroup { list-style: none; position: relative; display: block; width: 100% }
.mainstream-section-3-colgroup:after, .mainstream-section-3-colgroup:before { content: " "; display: table }
.mainstream-section-3-colgroup:after { clear: both }
.mainstream-section-3-col { float: left; display: block; position: relative }
.mainstream-section-3-col-1 { width: 25%; padding-left: 4%; padding-right: 4% }
.mainstream-section-3-col-2 { width: 75% }
@media screen and (max-width:1250px) {
	.mainstream-section-3-col-1 .portfolio-full-text-hd { font-size: 35px }
	.mainstream-section-3-col-1 .portfolio-full-text-desc { font-size: 16px }
}
.mainstream-section-4 .portfolio-halves-content-inner { width: 573px; float: right; padding-right: 5% }
.mainstream-section-4-pic { margin-top: 4%; margin-bottom: 3% }
@media screen and (max-width:1335px) {
	.mainstream-section-4 .portfolio-halves-content-inner { width: 87% }
}
.mainstream-section-5 { background-color: #58b5e0; color: #e1e1e1 }
.plk-section { padding-top: 4.2%; padding-bottom: 7% }
.plk-section:after, .plk-section:before { content: " "; display: table }
.plk-section:after { clear: both }
.plk-hd { text-align: center; font-size: 48px; font-weight: 700; margin-bottom: 3.8% }
.plk-desc { font-weight: 100; font-size: 23px }
.plk-section-1 { background: url("../images/portfolio/plk/plk-2.png") #f0ebd5 }
.plk-section-1 .portfolio-logo { padding-top: 3.2%; padding-bottom: 171px }
.plk-section-1 .portfolio-about { padding-bottom: 0 }
.plk-section-1 .portfolio-about-hr { border-color: #5e4e39 }
@media screen and (max-width:1380px) {
	.plk-section-1 .portfolio-logo { padding-bottom: 134px }
	.plk-section-1 .portfolio-logo img { width: 40% }
}
.plk-section-2 { background-color: #5e4e39; background-image: -webkit-linear-gradient(top, #5e4e39 0, #816f56 100%); background-image: linear-gradient(to bottom, #5e4e39 0, #816f56 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e4e39', endColorstr='#ff816f56', GradientType=0); color: #fff }
.plk-colgroup { list-style: none; position: relative; display: block; width: 100% }
.plk-colgroup:after, .plk-colgroup:before { content: " "; display: table }
.plk-colgroup:after { clear: both }
.plk-col { float: left; display: block; position: relative; width: 50% }
.plk-section-2 .plk-desc { padding-right: 22%; color: #efe9d1 }
.plk-section-2-pic { float: right; padding-right: 20%; padding-top: 2% }
@media screen and (max-width:1350px) {
	.plk-section-2 .plk-desc { padding-right: 10% }
	.plk-section-2-pic { width: 88%; padding-top: 10% }
}
.plk-section-3 { background-color: #efe9d1 }
.plk-section-3 .plk-hd { color: #5e4e39; text-transform: none }
.plk-section-3 .plk-desc { width: 648px; float: right }
@media screen and (max-width:1400px) {
	.plk-section-3 .plk-desc { width: 90% }
}
.plk-section-4 { background-color: #5e4e39; background-image: -webkit-linear-gradient(top, #5e4e39 0, #816f56 100%); background-image: linear-gradient(to bottom, #5e4e39 0, #816f56 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e4e39', endColorstr='#ff816f56', GradientType=0); color: #fff }
.plk-section-4 .plk-hd { text-transform: none }
.plk-section-4 .plk-desc { color: #efe9d1 }
@media screen and (max-width:1400px) {
	.plk-section-4 .plk-desc { width: 90% }
}
.plk-section-4 img { padding-bottom: 5%; width: 47.65% }
.plk-section-4 .plk-desc { float: none; position: relative; margin: auto; width: 739px }
.plk-section-4-row { text-align: center }
.plk-section-5 { background-color: #efe9d1 }
.plk-section-5 .plk-hd { color: #5e4e39 }
.plk-section-5 h3 { color: #535353; width: 657px; position: relative; margin: auto auto 54px; text-align: center; text-transform: none; font-weight: 100; font-size: 36px; line-height: normal }
.plk-section-5-pic-1 { width: 55.4%; padding-bottom: 5% }
.plk-section-5-row { text-align: center }
.plk-section-5-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 1417px; padding-left: 30px; padding-right: 30px; font-size: 18px; font-weight: 100; margin: auto }
.plk-section-5-colgroup:after, .plk-section-5-colgroup:before { content: " "; display: table }
.plk-section-5-colgroup:after { clear: both }
.plk-section-5-col { float: left; display: block; position: relative; width: 50% }
.plk-section-5-col-1 { padding-right: 20px }
.plk-section-5-col-2 { padding-left: 20px }
.plk-section-5-pic-outer { text-align: center }
.plk-section-5-pic-2 { width: 63.6%; padding-top: 9% }
.plk-section-5-pic-3 { width: 61.5%; padding-bottom: 8.1% }
.plk-section-6 { background-color: #5e4e39; background-image: -webkit-linear-gradient(top, #5e4e39 0, #816f56 100%); background-image: linear-gradient(to bottom, #5e4e39 0, #816f56 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e4e39', endColorstr='#ff816f56', GradientType=0); color: #fff }
.plk-section-6 .plk-desc { padding-right: 22%; color: #efe9d1; padding-top: 5% }
.plk-section-6-pic { float: right; padding-right: 20%; padding-top: 2% }
@media screen and (max-width:1350px) {
	.plk-section-6 .plk-desc { padding-right: 10% }
	.plk-section-6-pic { width: 88%; padding-top: 10% }
}
.plk-section-7 { padding-top: 111px; padding-bottom: 102px; background-color: #429343; color: #fff }
.plk-section-7 .portfolio-section-credit-upper { font-weight: 700; font-size: 48px }
.plk-section-7 .portfolio-section-credit-content { padding: 0 }
.plk-section-8 { padding-top: 0; padding-bottom: 0 }
.plk-anim, .soft-anim { -webkit-transition: all 600ms cubic-bezier(0.455, .03, .515, .955); transition: all 600ms cubic-bezier(0.455, .03, .515, .955); opacity: 0; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) }
.appear .plk-anim, .appear .soft-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.bileter .portfolio-about-hr { border-color: #cf2b2f }
.bileter-section { padding-top: 4.2%; padding-bottom: 7% }
.bileter-section:after, .bileter-section:before { content: " "; display: table }
.bileter-section:after { clear: both }
.bileter-hd { text-align: center; font-size: 48px; font-weight: 700; margin-bottom: 3.8%; text-transform: none }
.bileter-desc { font-weight: 100; font-size: 23px }
.bileter-section-1 { background: #fbc718 }
.bileter-section-1 .portfolio-logo { padding-top: 8%; padding-bottom: 171px }
.bileter-section-1 .portfolio-about { padding-bottom: 8.2% }
@media screen and (max-width:1380px) {
	.bileter-section-1 .portfolio-logo { padding-bottom: 134px }
	.bileter-section-1 .portfolio-logo img { width: 40% }
}
.bileter-colgroup { list-style: none; position: relative; display: block; width: 100% }
.bileter-colgroup:after, .bileter-colgroup:before { content: " "; display: table }
.bileter-colgroup:after { clear: both }
.bileter-col { float: left; display: block; position: relative; width: 50% }
.bileter-section-2 { background-color: #cf2b2f; color: #fff }
.bileter-section-2 .bileter-hd { margin-bottom: 91px }
.bileter-section-2 .bileter-col-1 .bileter-pic { float: right; padding-right: 10% }
.bileter-section-2 .bileter-desc { padding-right: 10% }
.bileter-section-3 .bileter-hd { font-size: 30px; color: #cf2b2f; margin-bottom: 5% }
.bileter-section-3-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 1215px; margin: auto; left: -2% }
.bileter-section-3-colgroup:after, .bileter-section-3-colgroup:before { content: " "; display: table }
.bileter-section-3-colgroup:after { clear: both }
.bileter-section-3-colgroup img { display: block; width: 100%; position: relative; left: 10%; margin-bottom: 8% }
.bileter-section-3-col { float: left; display: block; position: relative; width: 33%; text-align: center; padding-right: 20px; padding-left: 20px; color: #7a6f60 }
.bileter-section-3-col-2 { padding-top: 20% }
.bileter-section-4 { background-color: #fbc718; color: #1d1a18 }
.bileter-section-4 .bileter-colgroup, .bileter-section-4 .bileter-desc { max-width: 1218px }
.bileter-section-4 img { padding-left: 15% }
.bileter-section-5 .bileter-hd { font-size: 30px; margin-bottom: 5%; color: #fbc718 }
.bileter-section-5-colgroup { list-style: none; position: relative; display: block; width: 100%; max-width: 996px !important; margin: auto; left: -2% }
.bileter-section-5-colgroup:after, .bileter-section-5-colgroup:before { content: " "; display: table }
.bileter-section-5-colgroup:after { clear: both }
.bileter-section-5-colgroup img { display: block; width: 73%; position: relative; left: 20%; margin-bottom: 8% }
.bileter-section-5-col { float: left; display: block; position: relative; width: 50%; text-align: center; padding-right: 20px; padding-left: 20px; color: #7a6f60 }
.bileter-section-5-col-1 img { width: 68% }
.bileter-section-6 { background-color: #fbc718; padding-top: 111px; padding-bottom: 102px }
.bileter-section-6 .portfolio-section-credit-upper { font-weight: 700; font-size: 48px }
.bileter-section-6 .portfolio-section-credit-content { padding: 0 }
.bileter-section-6 .custom-button-transparent { border: 1px solid #1d1a18; color: #1d1a18; background-color: transparent }
.bileter-section-6 .custom-button-transparent:hover { background-color: #cf2b2f }
.algeron-market-section { padding-top: 4.2%; padding-bottom: 7% }
.algeron-market-section:after, .algeron-market-section:before { content: " "; display: table }
.algeron-market-section:after { clear: both }
.algeron-market-hd { text-align: center; font-size: 48px; font-weight: 100; margin-bottom: 3.8%; color: #24a9e0; text-transform: none }
.algeron-market-desc { font-weight: 100; font-size: 23px }
.algeron-market-colgroup { list-style: none; position: relative; display: block; width: 100% }
.algeron-market-colgroup:after, .algeron-market-colgroup:before { content: " "; display: table }
.algeron-market-colgroup:after { clear: both }
.algeron-market-col { float: left; display: block; position: relative; width: 50% }
.algeron-market-section-1 { width: 100%; background-color: #24a9e0; color: #fff }
.algeron-market-section-1 .portfolio-logo { padding-top: 8.5% }
@media screen and (max-width:1380px) {
	.algeron-market-section-1 .portfolio-logo { padding-bottom: 180px }
	.algeron-market-section-1 .portfolio-logo img { width: 22% }
}
.algeron-market-section-2 { padding-bottom: 0; background-color: #fff }
.algeron-market-section-2 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-2 img { float: right; width: 78%; position: relative; right: 11% }
.algeron-market-section-3 { background-color: #0084ba; color: #fff }
.algeron-market-section-3 .algeron-market-hd { color: #fff }
.algeron-market-section-3 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-3 img { float: left; width: 71.5%; position: relative; left: 11%; padding-top: 3% }
.algeron-market-section-4 { padding-bottom: 0; background-color: #fff; font-size: 24px }
.algeron-market-section-4 .algeron-market-hd { margin-bottom: 90px }
.algeron-market-section-4 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-4 .algeron-market-col { min-height: 1px }
.algeron-market-section-4 img { position: absolute; bottom: 0; width: 74%; left: -83% }
.algeron-market-section-4 .algeron-market-desc { margin-bottom: 10% }
@media screen and (max-width:1300px) {
	.algeron-market-section-4 .algeron-market-hd { margin-bottom: 30px }
}
.algeron-market-section-5 { background-color: #24a9e0; color: #fff }
.algeron-market-section-5 .algeron-market-hd { color: #fff }
.algeron-market-section-5 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-5 img { float: left; width: 58%; position: relative; left: 19%; padding-top: 3% }
.algeron-market-section-5 .algeron-market-desc-sub { opacity: .8 }
.algeron-market-section-6 { background-color: #fff }
.algeron-market-section-6 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-6 img { float: right; width: 79%; position: relative; right: 11%; padding-top: 5% }
.algeron-market-section-7 { background-color: #0084ba; color: #fff }
.algeron-market-section-7 .algeron-market-hd { color: #fff; max-width: 1040px; position: relative; margin: auto auto 76px; padding-left: 20px; padding-right: 20px }
.algeron-market-section-7 .algeron-market-colgroup { max-width: 1304px; position: relative; margin: auto }
.algeron-market-section-7 img { float: left; width: 90%; position: relative; left: 11%; padding-top: 3% }
.algeron-market-section-7 .algeron-market-desc { padding-left: 30px }
.algeron-market-section-7 .algeron-market-desc ul { list-style-position: outside }
.algeron-market-section-7 .algeron-market-desc li { margin-bottom: 35px }
.algeron-market-section-8 { background-color: #24a9e0; color: #fff; padding-top: 111px; padding-bottom: 102px }
.algeron-market-section-8 .portfolio-section-credit-upper { font-weight: 700; font-size: 48px }
.algeron-market-section-8 .portfolio-section-credit-content { padding: 0 }
.page404 { position: relative; width: 100%; height: 1052px; background-color: #000 }
.page404 img { opacity: .2 }
.page404-content { position: absolute; width: 100%; top: 50%; left: 0; color: #fff; text-align: center; margin-top: -200px; padding-left: 40px; padding-right: 40px }
.page404-content a { color: #0097a3 }
.page404-front { font-size: 120px; padding-bottom: 1px }
.page404-lead { text-transform: uppercase; font-size: 60px; max-width: 1519px; text-align: center; position: relative; margin: auto auto 43px; border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 11px }
@media screen and (max-width:1300px) {
	.page404-lead { font-size: 44px }
}
.page404-sub { font-size: 24px }
#jobs .job-tabs { white-space: nowrap; position: relative; background: #fff; z-index: 2 }
#jobs .jobs-50 { vertical-align: top; margin-right: -4px; display: inline-block; white-space: normal; max-width: 290px; width: 290px }
#jobs .job-tab-body { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(@onehp - 290px); max-width: 100% }
#jobs .jobs-50:first-child ul li span { width: 290px; text-align: center; display: inline-block; font-size: 21px; font-weight: 700; color: #000; text-decoration: none !important; text-transform: uppercase; padding-top: 20px; padding-bottom: 20px }
#jobs .jobs-50:first-child ul li a.active span { color: #fff }
#jobs .jobs-50:first-child ul li a.active:after { content: ""; position: absolute; right: -42px; top: 50%; margin-top: -16px; display: inline-block; border: 18px solid transparent; border-left: 24px solid #00a0ad }
#jobs .jobs-50:first-child ul li a.active { position: relative; background: #00a0ad }
#jobs .jobs-50:first-child ul li a { display: block }
#jobs .jobs-50:first-child ul li { text-align: right; display: block }
#jobs .jobs-50:first-child ul { list-style: none; text-align: right; display: block }
#jobs .jobs-50.job-tab-body { text-align: left }
#jobs .jobs-50+.jobs-50 { background: #edeeee }
.job-tab-body { padding: 35px 50px 50px 70px }
.job-tab-body h3 { font-size: 21px; font-weight: 700; color: #3e3d3d; margin-bottom: 20px }
.job-tab-body ul { margin-bottom: 50px }
.job-tab-body a { font-size: 21px; padding: 5px 40px }
.job-tab-body ul li { font-size: 16px; color: #3e3d3d; line-height: 1.3; padding-bottom: 8px }
.job-tab-body .job-tab.active { display: block }
.job-tab-body .job-tab { display: none; min-height: 500px }
#jobs .content-fixed { background-color: transparent }
#jobs .content-fixed .bg-img.imagefill img { opacity: 1 }
#jobs .v-centered-inner h1 { padding: 60px 70px; margin-bottom: 70px; border: 3px solid #000; color: #000; font-weight: 300 }
#jobs .v-centered-inner p { text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 70px }
#jobs .main-intro-lead-title { color: #000 !important; text-transform: uppercase; font-size: 72px; border-bottom: 1px solid rgba(0, 0, 0, .5) }
#jobs .v-centered-inner a { display: block; margin: auto; width: 210px }
#jobs .content-title-hd { position: relative; top: -11% }
.jobs-c-tabs { background-color: #fff; position: relative; z-index: 2 }
.jobs-c-tabs:after, .jobs-c-tabs:before { content: " "; display: table }
.jobs-c-tabs:after { clear: both }
.jobs-c-tabs-control { background-color: #fff; width: 290px; float: left; list-style: none; text-align: center; z-index: 10; position: relative }
.jobs-c-tabs-control a { font-size: 21px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; display: block; color: #000; border-bottom: 1px solid #EEE; padding-top: 20px; padding-bottom: 20px; position: relative }
.jobs-c-tabs-control a:after { content: ""; position: absolute; right: -42px; top: 50%; margin-top: -17px; border: 18px solid transparent; border-left: 24px solid #00a0ad; display: none }
.jobs-c-tabs-control .active a { background-color: #00a0ad; color: #fff; border-bottom: 1px solid transparent }
.jobs-c-tabs-control .active a:after { display: inline-block }
.jobs-c-tabs-content { background-color: #e4e4e4; float: left; width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(@onehp - 290px); max-width: 100%; padding: 35px 50px 50px 70px }
.jobs-c-tabs-content h3 { font-size: 21px; font-weight: 700; color: #3e3d3d; margin-bottom: 20px }
.jobs-c-tabs-content ul { margin-bottom: 50px }
.jobs-c-tabs-content a { font-size: 21px; padding: 5px 40px }
.jobs-c-tabs-content ul li { font-size: 16px; color: #3e3d3d; line-height: 1.3; padding-bottom: 8px }
.jbs-c { width: 100%; background-color: #00a0ac; background-position: top left; background-repeat: no-repeat; background-image: url("../images/jobs/bg.jpg") }
.jbs-c:after, .jbs-c:before { content: " "; display: table }
.jbs-c:after { clear: both }
@media screen and (min-width:1930px) {
	.jbs-c { background-size: cover }
}
.jbs-hd { display: block; font-size: 120px; font-family: pfdin, sans-serif; text-align: center; color: #edeeee; margin-bottom: 265px }
.jbs-front { width: 882px; padding-left: 20px; padding-right: 20px; position: relative; margin: auto }
.jbs-front:after { content: ""; height: 232px; width: 3px; background-color: #edeeee; position: absolute; left: 50%; margin-left: -3px; top: -232px }
.jbs-front:before { content: ""; position: absolute; width: 58px; height: 58px; margin-left: -30px; margin-top: -29px; left: 50%; top: -232px; z-index: 2; background: url("../images/jobs/point.png") no-repeat }
.jbs-front-c { background-color: #edeeee; position: relative; width: 100%; height: 100%; display: table }
.jbs-front-lt { background-color: #edeeee; display: table-cell; width: 44% }
.jbs-front-rt { background-color: #00a0ad; display: table-cell; width: 56%; vertical-align: top; position: relative }
.jbs-s1 { position: absolute; top: -546px; width: 100%; z-index: 8 }
.jbs-front-list { list-style: none; text-transform: uppercase }
.jbs-front-list span { display: inline-block; position: absolute; top: 0; left: 0 }
.jbs-front-list li { font-family: "PT Sans", sans-serif; font-size: 16px; padding-left: 20px; position: relative; margin-bottom: 24px; line-height: 1.6; font-weight: 700 }
.jbs-front-lt-upp { padding: 40px 39px 105px }
.jbs-front-lt-low { background-color: #050c13; color: #edeeee; font-family: pfdin, Arial, sans-serif; font-size: 30px; text-transform: uppercase; padding-left: 41px; padding-top: 24px; padding-bottom: 22px }
.jbs-front-rt { background-size: cover; background-position: 50% 83px; background-repeat: no-repeat; background-image: url("../images/jobs/s1-pic1.png") }
.jbs-front-rt-upp { color: #e3eaea; font-family: pfdin, Arial, sans-serif; font-size: 30px; padding: 26px 42px 29px; background-color: #00a0ad; line-height: 1.4 }
.jbs-front-numgrp { color: #fff; font-family: pfdin, Arial, sans-serif; font-size: 297px; line-height: 1; display: inline-block; position: relative; left: 316px; top: 40px }
.jbs-front-rt-low .jbs-front-numgrp { top: 123px; left: 222px }
.jbs-front-numgrp-on { background-color: rgba(235, 2, 2, .7); color: #fff; font-size: 58px; position: absolute; top: 119px; right: -68px; font-weight: 700; padding: 18px 25px 18px 38px; cursor: pointer }
@media screen and (max-width:1280px) {
	.jbs-front-numgrp { left: 35% }
}
.jbs-nav { position: absolute; top: 464px; left: -191px; width: 210px }
.jbs-nav-proto { width: 100%; height: 210px; background-color: #fff; position: relative }
.jbs-nav-proto img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 70%; max-height: 70% }
.jbs-nav-menu { position: relative; padding-bottom: 1px; list-style: none; width: 100%; padding-top: 100px }
.jbs-nav-menu:after { content: ""; position: absolute; height: 100%; width: 1px; background-color: #fff; left: 50%; top: 0; display: block; z-index: 2; }
.jbs-nav-menu:before { content: ""; position: absolute; width: 58px; height: 58px; z-index: 2; background: url("../images/jobs/point.png") no-repeat; margin-left: -28px; left: 50%; bottom: -30px }
.jbs-nav-menu li { margin-bottom: 90px; position: relative; z-index: 10 }
.jbs-nav-item-transition-a { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275) }
.jbs-nav-item-transition-b { -webkit-transition: all .6s cubic-bezier(0.455, .03, .515, .955) 0; transition: all .6s cubic-bezier(0.455, .03, .515, .955) 0 }
.jbs-nav-item { width: 100%; text-align: center; cursor: pointer; position: relative }
.jbs-nav-item .jbs-nav-item-pic { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); -webkit-transform: scale(0.61); transform: scale(0.61) }
.jbs-nav-item .jbs-nav-item-pic img { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); -webkit-transform: scale(1.3); transform: scale(1.3) }
.jbs-nav-item .jbs-nav-item-shadow { opacity: 0; -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275) }
.jbs-nav-item .jbs-nav-item-desc { color: #fff; -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); display: none }
.jbs-nav-item svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: -5px; left: -5px; z-index: 11 }
.jbs-nav-item-progress { stroke-dasharray: 516.78; stroke-dashoffset: 516.78; -webkit-transition: all .6s cubic-bezier(0.455, .03, .515, .955) 0; transition: all .6s cubic-bezier(0.455, .03, .515, .955) 0 }
.jbs-nav-item-pic { width: 166px; height: 166px; position: relative; display: block; margin: auto }
.jbs-nav-item-circle { width: 100%; height: 100%; background-color: #00a0ad; position: relative; border-radius: 50%; display: inline-block; z-index: 10 }
.jbs-nav-item-circle img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.jbs-nav-item:hover .jbs-nav-item-desc { color: #2a2b2b }
.jbs-nav-item:hover .jbs-nav-item-pic { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); -webkit-transform: scale(0.66); transform: scale(0.66) }
.jbs-nav-item:hover .jbs-nav-item-pic img { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); -webkit-transform: scale(1.3); transform: scale(1.3) }
.jbs-nav-item.active .jbs-nav-item-pic, .jbs-nav-item.active .jbs-nav-item-pic img { -webkit-transform: scale(1); transform: scale(1) }
.jbs-nav-item.active .jbs-nav-item-shadow { opacity: 1 }
.jbs-nav-item.active .jbs-nav-item-desc { color: #2a2b2b }
.jbs-nav-item.active .jbs-nav-item-progress { stroke-dashoffset: 0 }
.jbs-nav-item-shadow { width: 164px; height: 24px; display: inline-block; z-index: 9; background: url("../images/jobs/item-shadow.png") no-repeat; position: relative; top: -16px }
.jbs-nav-item-desc { position: absolute; height: 166px; width: 378px; top: 0; left: 252px; text-transform: uppercase; font-family: pfdin, Arial, sans-serif; font-size: 30px; text-align: left }
.jbs-nav-item-desc .cell { text-align: left }
.jbs-s2 { padding-top: 815px }
.jbs-s2-c2 { position: relative; margin: auto; padding: 642px 20px 161px; width: 882px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px }
.jbs-s2-c2-in { background-color: #edeeee; position: relative }
.jbs-s2-c-pic { height: 162px; width: 162px; position: absolute; top: -83px; right: 74px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px }
.jbs-s2-c-pic-i { position: absolute; top: 0; left: 0; }
.jbs-s2-c-pic-i img{ width: 100%; height: 100%;background-size: cover; background-position: 50%; background-repeat: no-repeat; border-radius: 50%; border: 6px solid #fff; background-color: #fff }
.jbs-s2-c-pic-i-animation .jbs-s2-c-pic-i { -webkit-animation: vanishIn .1s linear; animation: vanishIn.1s linear }
/*@-webkit-keyframes flip {
	from { -webkit-transform: rotateY(0) }
	to { -webkit-transform: rotateY(180deg) scaleX(-1) }
}
@keyframes flip {
	from { transform: rotateY(0) }
	to { transform: rotateY(360deg) scaleX(-1) }
}
*/
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(60px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(60px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
/*.jbs-s2-c-pic-i1 { background-image: url("../images/jobs/pic-acc1.jpg") }
.jbs-s2-c-pic-i2 { background-image: url("../images/jobs/pic-acc2.jpg") }
.jbs-s2-c-pic-i3 { background-image: url("../images/jobs/pic-acc3.jpg") }
.jbs-s2-c-pic-i4 { background-image: url("../images/jobs/pic-acc4.jpg") }
.jbs-s2-c-pic-i5 { background-image: url("../images/jobs/pic-acc5.jpg") }*/
.jbs-s2-c { padding: 58px 44px 72px }
.jbs-s2-c h3 { font-family: pfdin, Arial, sans-serif; font-size: 30px; font-weight: 400; margin-bottom: 33px; width: 380px }
.jbs-s2-c h4 { font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 22px }
.jbs-s2-c p { font-size: 14px; line-height: 1.43; padding-bottom: 11px }
.jbs-s2-c p+h4, .jbs-s2-c ul+h4 { margin-top: 33px }
.jbs-s2-c ul { list-style: none; line-height: 1.52; font-size: 14px }
.jbs-s2-c ul li { margin-bottom: 6px }
.jbs-s2-c-sub { margin-top: 51px }
.jbs-c .jbs-nav-menu { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.6); transform: scale(0.6) }
.jbs-c .jbs-nav-item { -webkit-transition: all .5s cubic-bezier(0.175, .885, .32, 1.275); transition: all .5s cubic-bezier(0.175, .885, .32, 1.275) }
.jbs-c .jbs-nav-item.active { -webkit-transform: scale(0.8); transform: scale(0.8) }
.jbs-c .jbs-nav-item.active .jbs-nav-item-pic img { -webkit-transform: scale(1.2); transform: scale(1.2) }
@media screen and (max-width:1400px) {
	.jbs-nav-item-desc, .jbs-nav-proto { display: none }
	.jbs-c .jbs-nav { top: 555px; left: -50px }
	.jbs-s2-c2:after, .jbs-s2-c2:before { content: " "; display: table }
	.jbs-s2-c2:after { clear: both }
	.jbs-s2-c { width: 85%; float: right; background-color: #edeeee }
	.jbs-s2-c2 { padding-top: 606px }
}
.jbs-front:before { -webkit-transition: all .4s cubic-bezier(0.455, .03, .515, .955); transition: all .4s cubic-bezier(0.455, .03, .515, .955) }
.jbs-front:after { -webkit-transition: all .8s cubic-bezier(0.455, .03, .515, .955) .1s; transition: all .8s cubic-bezier(0.455, .03, .515, .955) .1s }
.jbs-front-c { -webkit-transition: all .5s cubic-bezier(0.455, .03, .515, .955) .8s; transition: all .5s cubic-bezier(0.455, .03, .515, .955) .8s }
.jbs-front-c #ab-counter { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.jbs-front-c .jbs-front-numgrp-on { opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 2s cubic-bezier(0.175, .885, .32, 1.275) 1.3s; transition: all 2s cubic-bezier(0.175, .885, .32, 1.275) 1.3s }
.appear .jbs-front-c .jbs-front-numgrp-on { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.ppko { overflow: hidden; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0) }
.ppko h3 { font-size: 36px; font-weight: 100; text-transform: none; line-height: normal; margin-bottom: 21px }
.ppko p { font-size: 18px; font-weight: 100 }
.ppko-s { position: relative; width: 106%; left: 50%; margin-left: -53%; background-size: cover; background-position: 50%; background-repeat: no-repeat }
.ppko-wrap { max-width: 1600px; padding-left: 5%; padding-right: 5%; height: 100% }
.ppko-hdline { height: 90px; width: 100%; color: #383d3f; position: relative; top: -2px; background-color: #d7d7d7; text-align: center; font-size: 40px; line-height: 139px; text-transform: none; font-weight: 100; z-index: 10 }
.ppko-c { height: 100% }
.rotated { margin-bottom: -3.5%; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.rotateLeft { display: block; -webkit-transform-origin: 50% 53%; transform-origin: 50% 53%; -webkit-transform: rotate(2deg) translate3D(0, 0, 0) translateZ(0); transform: rotate(2deg) translate3D(0, 0, 0) translateZ(0) }
.rotateRight { display: block; -webkit-transform-origin: 50% 53%; transform-origin: 50% 53%; -webkit-transform: rotate(-2deg) translate3D(0, 0, 0) translateZ(0); transform: rotate(-2deg) translate3D(0, 0, 0) translateZ(0) }
.ppko-row { position: relative; width: 100%; height: 100%; margin-top: -8% }
.ppko-col { width: 50%; float: left; height: 100%; position: relative }
.ppko-a { text-align: left }
.ppko-s1 { background-color: #343434; color: #fff; height: 743px }
.ppko-s1 .portfolio-about-hr { border-color: #fff }
.ppko-logo { padding-top: 181px; padding-bottom: 145px }
.ppko-logo img { width: 424px }
.ppko-s2 { background-color: #fff; height: 1009px }
.ppko-s3 { background-color: #292929; color: #fff; height: 990px; background-size: cover }
.ppko-s3-hdline { background-color: #f53939; color: #fff }
.ppko-s3-a { display: inline-block }
.ppko-s3-i { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; top: -12% }
@media screen and (max-width:1720px) {
	.ppko-s3-i { top: 0; max-width: 90%; max-height: 90% }
}
.ppko-s4 { background-color: #fff; height: 964px; color: #051129; overflow: hidden }
.ppko-s4-col1 { width: 60%; padding-right: 10%; float: left }
.ppko-s4-col2 { width: 35%; float: right }
.ppko-s4-i { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; top: -5%; max-width: 90% }
@media screen and (max-width:1200px) {
	.ppko-s4-col1 { width: 50% }
	.ppko-s4-col2 { width: 45% }
}
.ppko-s5 { background-color: #171717; color: #fff; height: 990px; background-position: 50% 100px }
.ppko-s5-hdline { overflow: hidden; color: #fff; background-color: transparent }
.ppko-s5-hdline span { position: relative; z-index: 2 }
.ppko-s5-hdline:after { content: ""; position: absolute; width: 106%; height: 1000px; top: 50%; left: 50%; margin-left: -53%; margin-top: -700px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../images/portfolio/petrenko/s3-bg.jpg"); display: block; -webkit-transform-origin: 50% 53%; transform-origin: 50% 53%; -webkit-transform: rotate(2deg) translate3D(0, 0, 0) translateZ(0); transform: rotate(2deg) translate3D(0, 0, 0) translateZ(0); z-index: 0 }
.ppko-s5-wrap { max-width: 1100px }
.ppko-s5-wrap:after { content: ""; display: block; width: 1px; height: 100%; background-color: #f53939; position: absolute; left: 50%; top: 0 }
.ppko-s5-a { padding-top: 100px }
.ppko-s5-i { position: absolute; bottom: 0; right: 0; margin: auto; top: -200px; left: 150px }
@media screen and (max-width:1180px) {
	.ppko-s5-i { left: 134px; max-width: 80% }
}
.ppko-s6 { height: 879px }
.ppko-s6-bg { position: absolute; width: 100%; bottom: 0; top: 4%; background-size: cover; background-position: 50%; background-repeat: no-repeat; z-index: 0 }
.ppko-s6-hdline { z-index: 2; position: relative; background-color: #f53939; color: #fff; top: -60px }
.ppko-s6-i { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: auto; bottom: 209px }
.ppko-s6-wrap { position: relative; z-index: 10; overflow: hidden }
.ppko-s7, .ppko-s7 .portfolio-section-credit-upper, .ppko-s7 p { font-size: 36px }
.ppko-s7 .portfolio-section-credit-content { padding-bottom: 120px }
.restik-pg { position: relative; height: 3000px }
.restik-pg h2 { font-size: 36px; font-weight: 100; text-transform: none; line-height: normal; padding: 23px 0; color: #119d55 }
.restik-sc { position: relative }
.restik-leading { background-color: #119d55; color: #fff; font-size: 36px; font-weight: 100; font-family: Roboto, Arial, sans-serif; padding: 31px 0 34px; text-align: center }
.parallax-mirror { -webkit-backface-visibility: hidden; backface-visibility: hidden }
.restik-sc1 { color: #fff }
.restik-sc1 .portfolio-about { padding-bottom: 190px }
.restik-sc1-cover { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0 }
.restik-sc1-hd { text-align: center; padding: 42px 0 146px }
.restik-sc1-ft { background-color: rgba(3, 3, 3, .54); width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; vertical-align: bottom }
.restik-sc1-ft-i { margin-top: -9px; max-width: 100% }
.restik-sc2 { background-color: #fff; padding: 152px 0 134px }
.restik-sc2-hd { height: 123px; background: url("../images/portfolio/restik/s2-hd-bg.png"); margin-bottom: 82px; position: relative }
.restik-sc2-at { position: relative; margin: auto; width: 715px; padding: 0 20px; text-align: center }
.restik-sc2-hd-i { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; top: -12px }
.restik-sc3-cn { height: 796px; text-align: center; padding: 119px 0 0; color: #fff }
.restik-sc3-at { padding-top: 91px }
.restik-sc3-scene { position: relative; -webkit-perspective: 1000; perspective: 1000 }
.restik-sc4 { background-color: #fff; height: 720px; overflow: hidden }
.restik-sc4-row { max-width: 1045px; height: 100%; position: relative; margin: auto; padding: 0 20px }
.restik-sc4-col { float: left; width: 50%; min-height: 1px; height: 100%; position: relative }
.restik-sc4-col:nth-child(1) { width: 60% }
.restik-sc4-col:nth-child(2) { width: 40%; padding-top: 172px }
.restik-sc4-i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 98% }
.restik-sc5-cn { height: 718px; color: #fff }
.restik-sc5-wrap { max-width: 1132px; padding: 0 20px; position: relative; margin: auto }
.restik-sc5-ar { width: 430px; padding: 92px 0 0 }
.restik-sc5-ar-banner { margin-bottom: 45px }
.restik-sc6 { background-color: #fff; height: 858px; border-bottom: 10px solid #119d55 }
.restik-sc5-ar-ds { -webkit-backface-visibility: hidden; backface-visibility: hidden }
.restik-sc6-wrap { max-width: 1132px; padding: 0 20px; position: relative; margin: auto }
.restik-sc6-ar { padding-top: 118px }
.restik-sc6-scene { height: 524px; position: relative; top: -100px; white-space: nowrap }
.restik-sc6-scene img { vertical-align: bottom; position: relative; display: inline-block }
.restik-sc6-i2 { top: 12px }
.restik-sc6-i3 { top: 20px; left: -30px }
@media screen and (max-width:1190px) {
	.restik-sc6-scene { -webkit-transform: scale(0.8) translateX(-100px); -ms-transform: scale(0.8) translateX(-100px); transform: scale(0.8) translateX(-100px) }
}
.restik-sc7 { padding-top: 48px; -webkit-perspective: 1000; perspective: 1000 }
.restik-sc7 .portfolio-section-credit-content { padding-top: 102px; -webkit-transition: none; transition: none }
.restik-sc7-hd { text-align: center }
.restik-sc7-i { -webkit-transition: all .6s cubic-bezier(0.175, .885, .32, 1.275); transition: all .6s cubic-bezier(0.175, .885, .32, 1.275); -webkit-transform: scale(0.5); transform: scale(0.5) }
.appear .restik-sc7-i { -webkit-transform: scale(1); transform: scale(1) }
.restik-sc8 .portfolio-sub-content { background-color: #f8f8f8 }
.restik-sc8 .portfolio-sub-hd { font-size: 36px; margin-bottom: 22px }
.restik-sc8 .portfolio-sub-upper { padding-top: 40px; margin-bottom: 67px }
.smart-wrap { max-width: 1340px; min-width: 960px; position: relative; margin: auto; padding: 0 20px }
.smart-about { color: #000; font-weight: 700; margin-top: 140px; padding-bottom: 8px }
.smart-sc1 { width: 100%; z-index: 2 }
.smart-row1 img { width: 56%; max-width: 736px }
.smart-row3 { height: 1px; min-height: 208px; background-color: rgba(32, 32, 32, .9); color: #fff; font-size: 31px }
.smart-row3 .col { float: left; height: 100% }
.smart-row3 .col:nth-child(1) { width: 34% }
.smart-row3 .col:nth-child(1) img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 71%; max-width: 304px }
.smart-row3 .col:nth-child(2) { width: 66%; padding: 0 4% }
.smart-row3 .col:nth-child(2) .cell { text-align: left }
.smart-row4 img { width: 100% }
.smart-row5 { padding: 25px 0; background-color: #212020; color: #fff; font-weight: 100; font-size: 31px; text-align: center }
.smart-row6 { color: #fff }
.smart-row6 h3 { text-transform: none }
.smart-row6 img { width: 33% }
.smart-row6-ar { float: right; width: 54%; padding-top: 4% }
.smart-row7 img { width: 100%; position: relative; left: -1px }
.smart-sc2 { z-index: -1; background-color: #fff200; margin-top: -54% }
.smart-sc2:before { padding-top: 54% }
.smart-sc3, .smart-sc4 { background-color: #fff200 }
@media screen and (max-width:1300px) {
	.content-title { font-size: 22px }
	.content-quote { font-size: 55px }
	.content-quote-inner:before { left: -2.5em }
	.content-quote-inner:after { right: -2.4em }
}
@media screen and (max-width:1250px) {
	.content-quote { font-size: 45px }
}
@media screen and (max-width:1200px) {
	.content-title { font-size: 20px }
	.content-quote { font-size: 40px }
}
@media screen and (max-width:1100px) {
	.content-title { font-size: 18px }
}
@media screen and (max-width:1100px) {
	.content-title { font-size: 18px }
}
@media screen and (max-width:640px) {
	.overlay-contacts-inner { width: 468px }
	.contacts-form-legend { font-size: 13px; margin-bottom: 2px }
	.contacts-form-row { margin-bottom: 4px }
}
@media screen and (max-width:550px) {
	.overlay-contacts-inner { width: 360px }
	.contacts-form-legend { font-size: 12px; margin-bottom: 2px }
	.contacts-form-row { margin-bottom: 4px }
}
@media screen and (max-height:700px) {
	.overlay-contacts-inner { margin-top: -260px }
}
@media screen and (max-height:580px) {
	.overlay-contacts-inner { margin-top: -233px }
	.contacts-form-row-2 textarea.custom-text { height: 65px }
}
@media screen and (max-height:500px) {
	.overlay-contacts { overflow-y: scroll }
	.overlay-contacts-inner { height: auto; margin-top: 20px; margin-bottom: 20px; top: 0 }
	.contacts-form-row-2 textarea.custom-text { height: 115px }
}
@media screen and (max-width:1400px) {
	.header-menu ul { left: -1% }
}
@media screen and (max-width:1310px) {
	.header-contacts { color: #fff; float: right; position: relative; z-index: 5; height: 28px; top: 50%; margin-top: -20px }
	.header-contacts-button { padding: 7px 30px; font-size: 12px }
	.header-contacts-soc { margin-right: 0 }
}
@media screen and (max-width:1200px) {
	.header { height: 55px }
	.content-inner { padding-top: 55px }
	.content-tabs-control-fixed { top: 55px }
	.service-tabs-inner { padding-top: 55px }
	.content-fixed { top: 55px }
	.header-main { margin-top: 0% }
	.header-logo { top: -3px }
	.header-logo-img { width: 193px; height: 65px; position: relative }
}
@media screen and (max-width:1120px) {
	.header-menu ul { width: 520px }
	.header-logo { top: -1px }
	.header-logo-img { width: 188px; height: 60px; position: relative }
	.header-contacts-soc { padding-left: 5px; padding-right: 5px }
	.header-menu a { font-size: 13px }
}
@media screen and (max-width:1300px) {
	.footer { font-size: 18px }
	.footer-col-1 { width: 17% }
	.footer-col-2 { width: 32% }
	.footer-col-3 { width: 26% }
	.footer-col-4 { width: 25% }
}
@media screen and (max-width:1200px) {
	.footer { font-size: 16px }
}
@media screen and (max-width:1750px) {
	.main-intro { font-size: 70px }
	.main-intro-bm { font-size: 22px }
}
@media screen and (max-width:1600px) {
	.main-intro { font-size: 67px }
	.main-intro-bm { font-size: 20px }
}
@media screen and (max-width:1450px) {
	.main-intro { font-size: 56px }
	.main-intro-bm { font-size: 18px }
}
@media screen and (max-width:1200px) {
	.main-intro { font-size: 40px }
	.main-intro-bm { font-size: 16px }
}
@media screen and (max-height:550px) {
	.main-intro-lead { margin-top: .6em }
}
@media screen and (max-width:1150px) {
	.main-service { background-size: cover; height: 1319px }
	.main-service-col { height: 50%; border-bottom: 1px solid rgba(255, 255, 255, .18); width: 50% }
}
@media screen and (min-width:1925px) {
	.main-slider-inner-slide { background-size: cover }
}
@media screen and (max-width:1110px) {
	.main-slider-colgroup { height: auto }
	.main-slider-col { width: 100%; height: auto; height: 300px }
	.main-slider-col-2 { line-height: normal }
	.main-slider-col-2 img { max-height: 584px; left: 0 !important }
	.main-slider-capture { margin-top: 38px; text-align: center }
	.main-slider-capture-logo { margin-bottom: 16px }
	.main-slider-capture-logo img { width: 60% }
	.main-slider-capture-desc { margin-bottom: 26px }
	.main-slider-capture-extra, .main-slider-capture-title { display: none }
	.main-slider-inner-vmeste .main-slider-col-2 img { position: relative }
	.main-slider-inner-vmeste .main-slider-capture-logo { margin-bottom: 10px !important }
	.main-slider-inner-vmeste .main-slider-capture { margin-bottom: -30px }
	.main-slider-inner-intan .main-slider-capture { margin-top: 38px; text-align: center }
	.main-slider-inner-intan .main-slider-capture-logo { margin-bottom: 16px }
	.main-slider-inner-intan .main-slider-capture-logo img { width: 60% }
	.main-slider-inner-intan .main-slider-capture-desc { margin-bottom: 26px }
	.main-slider-inner-intan .main-slider-capture-extra, .main-slider-inner-intan .main-slider-capture-title { display: none }
	.main-slider-inner-intan .main-slider-pic { padding-left: 30px }
	.main-slider-inner-intan .main-slider-pic img { margin-top: 5px }
	.main-slider-inner-mirage .main-slider-capture { margin-top: 38px; text-align: center }
	.main-slider-inner-mirage .main-slider-capture-logo { margin-bottom: 16px }
	.main-slider-inner-mirage .main-slider-capture-logo img { width: 60% }
	.main-slider-inner-mirage .main-slider-capture-desc { margin-bottom: 26px }
	.main-slider-inner-mirage .main-slider-capture-extra, .main-slider-inner-mirage .main-slider-capture-title { display: none }
}
@media screen and (max-width:1650px) {
	.about-team-item-caption { font-size: 13px }
}
@media screen and (max-width:1550px) {
	.about-team-item { width: 14.2857142857% }
}
@media screen and (max-width:1400px) {
	.about-team-item { width: 16.6666666667% }
}
@media screen and (max-width:1300px) {
	.about-section-2 { padding-top: 63px; padding-bottom: 105px }
	.about-section-2-colgroup { width: 90% }
	.about-section-2-col-1 { padding-right: 30px }
	.about-section-2-col-2 { padding-left: 30px }
	.about-workprocess-item-caption { font-size: 17px }
	.about-section-4, .about-workprocess-group-title { font-size: 31px }
	.about-team-item { width: 20% }
}
@media screen and (max-width:1100px) {
	.about-workprocess-item-caption { font-size: 15px }
	.about-section-4, .about-workprocess-group-title { font-size: 28px }
	.about-team-item { width: 25% }
}
@media screen and (max-width:1024px) {
	.about-workprocess-item-caption { font-size: 14px }
	.about-section-4, .about-workprocess-group-title { font-size: 25px }
}
@media screen and (max-width:1600px) {
	.services-item-lt:before, .services-item-rt:before { padding-top: 85% }
}
@media screen and (max-width:1500px) {
	.services-item-lt:before, .services-item-rt:before { padding-top: 90% }
}
@media screen and (max-width:1400px) {
	.services-item-lt:before, .services-item-rt:before { padding-top: 95% }
}
@media screen and (max-width:1300px) {
	.services-item-lt:before, .services-item-rt:before { padding-top: 100% }
	.services-item-col { width: 50% }
}
@media screen and (max-width:1200px) {
	.services-item-lt:before, .services-item-rt:before { padding-top: 110% }
}
@media screen and (max-width:1130px) {
	.services-item-col { width: auto }
	.services-item-lt, .services-item-rt { width: 100% }
	.services-item-lt:before { padding-top: 50% }
	.services-item-rt:before { padding-top: 55% }
}
@media screen and (max-width:1330px) {
	.service-tabs-section-5-col-2 { padding-top: 10% }
}
@media screen and (max-width:1300px) {
	.service-tabs-upper-hd { font-size: 26px }
	.service-tabs-upper-control a { font-size: 18px }
	.service-tabs-upper-control img { width: 40% }
	.service-tabs-section-3 { font-size: 22px }
}
@media screen and (max-width:1250px) {
	.service-tabs-section-2-list { font-size: 16px }
}
@media screen and (max-width:1230px) {
	.content-tabs-control { font-size: 15px }
	.content-tabs-control a { padding-left: .7em; padding-right: .7em }
}
@media screen and (max-width:1100px) {
	.content-tabs-control { font-size: 14px }
	.service-tabs-section-3 { font-size: 20px }
	.service-tabs-section-2-list { font-size: 14px }
}
@-webkit-keyframes pace-theme-center-circle-spin {
	from { -webkit-transform: rotateY(0deg) }
	to { -webkit-transform: rotateY(360deg) }
}
@-moz-keyframes pace-theme-center-circle-spin {
	from { -moz-transform: rotateY(0deg) }
	to { -moz-transform: rotateY(360deg) }
}
@-ms-keyframes pace-theme-center-circle-spin {
	from { -ms-transform: rotateY(0deg) }
	to { -ms-transform: rotateY(360deg) }
}
@-o-keyframes pace-theme-center-circle-spin {
	from { -o-transform: rotateY(0deg) }
	to { -o-transform: rotateY(360deg) }
}
@keyframes pace-theme-center-circle-spin {
	from { transform: rotateY(0deg) }
	to { transform: rotateY(360deg) }
}
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.pace.pace-inactive .pace-progress { }
.pace { position: fixed; width: 100%; text-align: center; bottom: 50%; margin-bottom: -220px; z-index: 9001 }
.pace .pace-progress { position: static; z-index: 9001; top: 0; right: 0; height: 100%; height: 5rem; text-align: center; width: 100%; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important }
.pace .pace-progress:after { display: block; opacity: 0; text-align: center; height: 100%; width: 100%; top: 0; right: .5rem; content: attr(data-progress-text); font-family: "PT Sans", sans-serif; font-weight: 100; font-size: 26px; line-height: 1; font-weight: bold; text-align: center; color: rgba(255, 255, 255, .9) }
.pre-load-wrap { 
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
}
#loader-pers {
  height: 3px;
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.53);
}
.cases-slider *{opacity: 1!important}
.cases-slider .slide{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.cases-slider  .mn-s4-arr{top: auto ; bottom: 0;}
.landing-services-title{
	padding-top: 160px;
	font-family: pfdin;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 48px
}
.landing-services strong{
	font-size: 16px;
	line-height: 24px!important;
	display: block;
	padding-bottom: 40px;
}
.landing-services-lower-text{
	line-height: 1.74;
	max-width: 934px;
	position: relative;
	margin: auto auto -10px;
	color:  #383d3f;
	font-size: 14px;
	padding-bottom: 14px;
	line-height: 22px
}
.landing-services .custom-button-middle {
  font-size: 14px;
  padding: 8px 40px;
}
.cases-title{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: pfdin;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 36px
}
.cases-title.black{
	color:  #232323
}
.cases-items{

}
.cases-items {
	font-size: 0;
}
.slide-img{
	cursor: pointer;
	display: block;
}
.cases-items .slide:hover .slide-img{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.cases-items .slide .slide-img{
	background-size: cover;
	height: 100%;
	width: 100%;
	background-position: center;
	-webkit-transition:  8s ease;
	transition:  8s ease;
}
.cases-items .slide{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	height: 560px;
	width: 25%;
}



@media screen and (max-width:1500px) {
	.cases-items .slide{
		height: 260px;
		width: 50%;
	}
        .main-intro-lead-bottom {
            margin-top: 4.5em !important;
        }
}
@media screen and (max-width:1200px) {

        .main-intro-lead-bottom {
			margin-top: 0em !important;
		}
		.main-intro-tp{
			position:relative;
			bottom:0;
		}
		.main-intro-lead{
			position:relative;
			bottom:0;
			margin-bottom: 0px;
		}
}
@media screen and (max-width:1090px) {
	.cases-items .slide{
		height: 260px;
		width: 50%;
	}
        /*.main-intro-lead-bottom {
            margin-top: 2em !important;
        }*/
}
.main-intro-lead-bottom {
	text-align: center;
	margin-top: 1em;
	display: none;
}

.main-intro-lead-bottom h1 {
	  font-size: 0.5em;
}
.main-intro-lead-bottom span {
	font-size: 20px;
	line-height: 1.5;
	padding: 0 5%;
	display: block;
}
.main-intro-lead-bottom p {
	font-size: 20px;
	line-height: 1.5;
	padding: 7% 20% 0 20%;
	display: block;
}

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
	.main-intro-tp {
		bottom : 14em;

	}
	.main-intro-lead {
		bottom: 30%;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
	.main-intro-tp {
		bottom : 16em;

	}
	.main-intro-lead {
		bottom: 20%;
	}
}*/
.footer-contacts-row a {text-decoration: none; color: #000; cursor: pointer; }
.footer-col  a {text-decoration: none; color: #000; cursor: pointer; }
.map-controls-button-lt a {text-decoration: none; color: #000; cursor: pointer; }
.map-controls-button-rt a {text-decoration: none; color: #000; cursor: pointer; }
.overlay-contacts{-webkit-transition: opacity .9s ease; transition: opacity .9s ease }
.bx-controls.bx-has-controls-direction{display:none;}
.overlay-contacts-inner-success_ups{display:none;}
img.vericode{position: absolute;right: 1px;bottom: 1px;z-index: 2;height: 52px;border-radius: 5px;}