@import 'https://fonts.googleapis.com/css?family=Comfortaa|Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic';

.monitor_phone {
    background: url(../img/monitor_top.png) top center no-repeat,
                url(../img/monitor_bottom.png) bottom center no-repeat !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    height: 51% !important;
}
.monitor_phone:before {
    content: '';
    display: block;
    width: 18px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 83px;
    background: #0f0f0f;
    z-index: -1;
}
.monitor_phone:after {
    content: '';
    display: block;
    width: 18px;
    height: 150px;
    position: absolute;
    right: 0;
    bottom: 83px;
    background: #0f0f0f;
    z-index: -1;
}
.text_slide_opacity {
    opacity: 1 !important;
}
.gallery_group {
    display: none;
}
.wrapper_button_text {
    position: absolute;
    top: 118px;
    left: 35px;
    z-index: 9999999;
    display: none;
}
.wrapper_button_text * {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.button_shadow {
    width: 56px;
    height: 56px;
    box-shadow: 1px 2px 19px 2px rgba(0, 0, 0, 0.36);
    background: rgba(255, 255, 255, .4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: shadow 2s infinite linear;
    -o-animation: shadow 2s infinite linear;
    animation: shadow 2s infinite linear;
    text-align: center;
}
.button_shadow:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 1px 2px 19px 2px rgba(0, 0, 0, 0.36);
    background: rgba(255, 255, 255, .4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse 2s infinite linear;
    -o-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}
.button_text_close {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: #fff url(../img/close.svg) center no-repeat;
    -webkit-background-size: 22px;
    background-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 6px;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.wrapper_button_text_active .button_text_close,
.wrapper_button_text_active .number_slide, 
.wrapper_button_text_active .text_slide {
    opacity: 1 !important;
}

.wrapper_button_text_active .text_slide p {
    color: #000 !important;
}

.wrapper_button_text_active .text_slide {
    width: 90% !important;
    top: 214px !important;
    left: 5% !important;
}
.onepage-wrapper .section {
    overflow: hidden;
}
.button_text_open {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: #fff url(../img/info.svg) center no-repeat;
    -webkit-background-size: 22px;
    background-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 6px;
}
.button_text_bg {
    background: #fff;
    position: absolute;
    top: 140px;
    left: 46px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    display: none;
}
.wrapper_button_text_active .button_text_bg {
    -webkit-transform: scale(100);
    -moz-transform: scale(100);
    -ms-transform: scale(100);
    -o-transform: scale(100);
    transform: scale(100);
}
@keyframes shadow {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: .2;
    }

    70% {
        -webkit-transform: scale(1.3);
        opacity: .35;
    }

    80% {
        -webkit-transform: scale(1.35);
        opacity: .2;
    }

    100% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
}

.slider_bg_ar {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../img/slider_bg_ar.png) top 54px center no-repeat;
    background-size: cover;
    z-index: -1;
}

/*стили для слайдера 3Д*/
.slide3d .projects__preview {
    display: table;
    width: 66%;
    height: 350px;
    margin: 0 auto;
}
.slide3d_text {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    padding-right: 10%;
    color: #fff;
}
.slide3d_text h2 {
    color: #e8e8e8;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.3;
}
.slide3d_text p {
    color: #e8e8e8;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}
.slide3d_img {
    display: table-cell;
    vertical-align: middle;
    width: 59%;
    position: relative;
}
.slide3d_img img {
    max-width: 100%;
    height: auto;
}
.slide3d_img a {
    cursor: default;
}

.triangle_3d {
    width: 77px;
    height: 77px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -38.5px;
    margin-top: -38.5px;
    background: transparent url(../img/t3d.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-animation: 3s cubic-bezier(0.15, -0.03, 0, 1.08);
    -o-animation: 3s cubic-bezier(0.15, -0.03, 0, 1.08);
    animation: 3s cubic-bezier(0.15, -0.03, 0, 1.08);
    cursor: pointer;
    opacity: 0;
}


@-webkit-keyframes pulse2 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
    
}

.triangle_3d:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.slide3d_cul:before {
    content: '+';
    display: block;
    color: #e8e8e8;
    font-size: 30px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -9px;
    margin-top: -17px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}
.slide3d_cul:hover + .triangle_3d {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.slide3d_img a:hover .triangle_3d {
    -webkit-transition: opacity .5 linear;
    -moz-transition: opacity .5 linear;
    -ms-transition: opacity .5 linear;
    -o-transition: opacity .5 linear;
    transition: opacity .5 linear;
    opacity: 1;
}
.slide3d_img a:hover .slide3d_cul:before {
    -webkit-transition: opacity .2;
    -moz-transition: opacity .2;
    -ms-transition: opacity .2;
    -o-transition: opacity .2;
    transition: opacity .2;
    opacity: 1;
}



















/**/
/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	width: 100%;/*
	background: #3085a3;*/
	text-align: center;
	cursor: pointer;
	
	
   /* min-height: 251px;
	line-height: 251px;*/
}

.grid figure img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.2;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #96490b;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	max-width: 85%;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	line-height: 1.2;
	color: #ff7100;
	font-family: Ubuntu;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 0;
    padding-bottom: 46px;
    padding-left: 53px;
	line-height: 20px;
	font-size: 14px;
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.grid figure:hover {
    background: rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

.footer__inner {
    position: relative;
}
.polit_link {
    position: absolute;
    left: 15px;
    bottom: -35px;
    color: #e8e8e8;
    text-decoration: none;
}
.polit_link:hover {
    text-decoration: underline;
}
.one_page_nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -25px;
    width: 55px;
    height: 55px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 999999999;
    display: inline-block;
    cursor: pointer;
}
.around-up {
    width: 100%;
    height: 25px;
    
}
.around-up::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border: 4px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.around-up::before {
  left: 17.2px;
      transform: rotate(134deg);
      top: 8px;
  border-right: 0;
  border-top: 0;
}

.around-down {
    width: 100%;
    height: 25px;
}



.around-down::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border: 4px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.around-down::before {
  left: 17.2px;
      transform: rotate(-44deg);
      top: 25px;
  border-right: 0;
  border-top: 0;
}
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{
	padding:0;
	margin:0;
	border:0;
	outline:none;
	vertical-align:top
}
.fancybox-wrap{
	position:absolute;
	top:0;
	left:0;
	z-index:8020
}
.fancybox-skin{
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	border-radius:4px
}
.fancybox-opened{
	z-index:8030
}
.fancybox-opened .fancybox-skin{
	box-shadow:0 10px 25px rgba(0,0,0,.5)
}
.fancybox-inner,.fancybox-outer{
	position:relative
}
.fancybox-inner{
	overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
	-webkit-overflow-scrolling:touch
}
.fancybox-error{
	color:#444;
	font:14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
	margin:0;
	padding:15px;
	white-space:nowrap
}
.fancybox-iframe,.fancybox-image{
	display:block;
	width:100%;
	height:100%
}
.fancybox-image{
	max-width:100%;
	max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
	background-image:url(../img/fancybox/fancybox_sprite.png)
}
#fancybox-loading{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:.8;
	cursor:pointer;
	z-index:8060
}
#fancybox-loading div{
	width:44px;
	height:44px;
	background:url(../img/fancybox/fancybox_loading.gif) 50% no-repeat
}
.fancybox-close{
	top:-18px;
	right:-18px;
	width:36px;
	height:36px
}
.fancybox-close,.fancybox-nav{
	position:absolute;
	cursor:pointer;
	z-index:8040
}
.fancybox-nav{
	top:0;
	width:40%;
	height:100%;
	text-decoration:none;
	background:transparent url(../img/fancybox/blank.gif);
	-webkit-tap-highlight-color:transparent
}
.fancybox-prev{
	left:0
}
.fancybox-next{
	right:0
}
.fancybox-nav span{
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden
}
.fancybox-prev span{
	left:10px;
	background-position:0 -36px
}
.fancybox-next span{
	right:10px;
	background-position:0 -72px
}
.fancybox-nav:hover span{
	visibility:visible
}
.fancybox-tmp{
	position:absolute;
	top:-99999px;
	left:-99999px;
	max-width:99999px;
	max-height:99999px;
	overflow:visible!important
}
.fancybox-lock{
	overflow:visible!important;
	width:auto
}
.fancybox-lock body{
	overflow:hidden!important
}
.fancybox-lock-test{
	overflow-y:hidden!important
}
.fancybox-overlay{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:url(../img/fancybox/fancybox_overlay.png)
}
.fancybox-overlay-fixed{
	position:fixed;
	bottom:0;
	right:0
}
.fancybox-lock .fancybox-overlay{
	overflow:auto;
	overflow-y:scroll
}
.fancybox-title{
	visibility:hidden;
	font:normal 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050
}
.fancybox-opened .fancybox-title{
	visibility:visible
}
.fancybox-title-float-wrap{
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
	text-align:center
}
.fancybox-title-float-wrap .child{
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent;
	background:rgba(0,0,0,.8);
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#fff;
	font-weight:700;
	line-height:24px;
	white-space:nowrap
}
.fancybox-title-outside-wrap{
	position:relative;
	margin-top:10px;
	color:#fff
}
.fancybox-title-inside-wrap{
	padding-top:10px
}
.fancybox-title-over-wrap{
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0,0,0,.8)
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger{
	padding:15px;
	display:inline-block;
	cursor:pointer;
	transition-property:opacity,-webkit-filter;
	-webkit-transition-property:opacity,-webkit-filter;
	transition-property:opacity,filter;
	transition-property:opacity,filter,-webkit-filter;
	-webkit-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
	font:inherit;
	color:inherit;
	text-transform:none;
	background-color:transparent;
	border:0;
	margin:0;
	overflow:visible
}
.hamburger:hover{
	opacity:.7
}
.hamburger-box{
	width:40px;
	height:24px;
	display:inline-block;
	position:relative
}
.hamburger-inner{
	display:block;
	top:50%;
	margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
	width:40px;
	height:4px;
	background-color:#000;
	border-radius:4px;
	position:absolute;
	transition-property:-webkit-transform;
	-webkit-transition-property:-webkit-transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease
}
.hamburger-inner:after,.hamburger-inner:before{
	content:"";
	display:block
}
.hamburger-inner:before{
	top:-10px
}
.hamburger-inner:after{
	bottom:-10px
}
.hamburger--3dx .hamburger-box{
	-webkit-perspective:80px;
	perspective:80px
}
.hamburger--3dx .hamburger-inner{
	transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)
}
.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{
	transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx.is-active .hamburger-inner{
	background-color:transparent;
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box{
	-webkit-perspective:80px;
	perspective:80px
}
.hamburger--3dx-r .hamburger-inner{
	transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)
}
.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{
	transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r.is-active .hamburger-inner{
	background-color:transparent;
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box{
	-webkit-perspective:80px;
	perspective:80px
}
.hamburger--3dy .hamburger-inner{
	transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)
}
.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{
	transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy.is-active .hamburger-inner{
	background-color:transparent;
	-webkit-transform:rotateX(-180deg);
	transform:rotateX(-180deg)
}
.hamburger--3dy.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box{
	-webkit-perspective:80px;
	perspective:80px
}
.hamburger--3dy-r .hamburger-inner{
	transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)
}
.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{
	transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;
	transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r.is-active .hamburger-inner{
	background-color:transparent;
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
	transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrow.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
	transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:before{
	-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);
	transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
	transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt .hamburger-inner:before{
	transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	-webkit-transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);
	transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt .hamburger-inner:after{
	transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	-webkit-transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);
	transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
	transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
	transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	-webkit-transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
	transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
	transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	-webkit-transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt-r .hamburger-inner:before{
	transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	-webkit-transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);
	transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r .hamburger-inner:after{
	transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	-webkit-transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
	transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);
	transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
	transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
	transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	-webkit-transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
	transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
	transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	-webkit-transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
	transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s
}
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{
	-webkit-transition-property:none;
	transition-property:none
}
.hamburger--boring.is-active .hamburger-inner{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner:before{
	top:0;
	opacity:0
}
.hamburger--boring.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.hamburger--collapse .hamburger-inner{
	top:auto;
	bottom:0;
	-webkit-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-delay:.15s;
	transition-delay:.15s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse .hamburger-inner:after{
	top:-20px;
	-webkit-transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear;
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before{
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg);
	-webkit-transition-delay:.32s;
	transition-delay:.32s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--collapse.is-active .hamburger-inner:after{
	top:0;
	opacity:0;
	-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s
}
.hamburger--collapse.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	-webkit-transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s
}
.hamburger--collapse-r .hamburger-inner{
	top:auto;
	bottom:0;
	-webkit-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-delay:.15s;
	transition-delay:.15s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r .hamburger-inner:after{
	top:-20px;
	-webkit-transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear;
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner:before{
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,-10px,0) rotate(45deg);
	transform:translate3d(0,-10px,0) rotate(45deg);
	-webkit-transition-delay:.32s;
	transition-delay:.32s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--collapse-r.is-active .hamburger-inner:after{
	top:0;
	opacity:0;
	-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s
}
.hamburger--collapse-r.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	-webkit-transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s
}
.hamburger--elastic .hamburger-inner{
	top:2px;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
	transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic .hamburger-inner:before{
	top:10px;
	-webkit-transition:opacity .15s ease .4s;
	transition:opacity .15s ease .4s
}
.hamburger--elastic .hamburger-inner:after{
	top:20px;
	transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
	-webkit-transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
	transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);
	transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,10px,0) rotate(135deg);
	transform:translate3d(0,10px,0) rotate(135deg);
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.hamburger--elastic.is-active .hamburger-inner:before{
	-webkit-transition-delay:0s;
	transition-delay:0s;
	opacity:0
}
.hamburger--elastic.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);
	transform:translate3d(0,-20px,0) rotate(-270deg);
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.hamburger--elastic-r .hamburger-inner{
	top:2px;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
	transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r .hamburger-inner:before{
	top:10px;
	-webkit-transition:opacity .15s ease .4s;
	transition:opacity .15s ease .4s
}
.hamburger--elastic-r .hamburger-inner:after{
	top:20px;
	transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
	-webkit-transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
	transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);
	transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,10px,0) rotate(-135deg);
	transform:translate3d(0,10px,0) rotate(-135deg);
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.hamburger--elastic-r.is-active .hamburger-inner:before{
	-webkit-transition-delay:0s;
	transition-delay:0s;
	opacity:0
}
.hamburger--elastic-r.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-20px,0) rotate(270deg);
	transform:translate3d(0,-20px,0) rotate(270deg);
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.hamburger--emphatic{
	overflow:hidden
}
.hamburger--emphatic .hamburger-inner{
	-webkit-transition:background-color .2s ease-in .25s;
	transition:background-color .2s ease-in .25s
}
.hamburger--emphatic .hamburger-inner:before{
	left:0;
	transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	-webkit-transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s;
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)
}
.hamburger--emphatic .hamburger-inner:after{
	top:10px;
	right:0;
	transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	-webkit-transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s;
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)
}
.hamburger--emphatic.is-active .hamburger-inner{
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	background-color:transparent
}
.hamburger--emphatic.is-active .hamburger-inner:before{
	left:-80px;
	top:-80px;
	-webkit-transform:translate3d(80px,80px,0) rotate(45deg);
	transform:translate3d(80px,80px,0) rotate(45deg);
	transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	-webkit-transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s
}
.hamburger--emphatic.is-active .hamburger-inner:after{
	right:-80px;
	top:-80px;
	-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);
	transform:translate3d(-80px,80px,0) rotate(-45deg);
	transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	-webkit-transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s
}
.hamburger--emphatic-r{
	overflow:hidden
}
.hamburger--emphatic-r .hamburger-inner{
	-webkit-transition:background-color .2s ease-in .25s;
	transition:background-color .2s ease-in .25s
}
.hamburger--emphatic-r .hamburger-inner:before{
	left:0;
	transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	-webkit-transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s;
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)
}
.hamburger--emphatic-r .hamburger-inner:after{
	top:10px;
	right:0;
	transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	-webkit-transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s;
	transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)
}
.hamburger--emphatic-r.is-active .hamburger-inner{
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	background-color:transparent
}
.hamburger--emphatic-r.is-active .hamburger-inner:before{
	left:-80px;
	top:80px;
	-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);
	transform:translate3d(80px,-80px,0) rotate(-45deg);
	transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	-webkit-transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s
}
.hamburger--emphatic-r.is-active .hamburger-inner:after{
	right:-80px;
	top:80px;
	-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);
	transform:translate3d(-80px,-80px,0) rotate(45deg);
	transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	-webkit-transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
	transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s
}
.hamburger--slider .hamburger-inner{
	top:2px
}
.hamburger--slider .hamburger-inner:before{
	top:10px;
	transition-property:opacity,-webkit-transform;
	-webkit-transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:.2s;
	transition-duration:.2s
}
.hamburger--slider .hamburger-inner:after{
	top:20px
}
.hamburger--slider.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner:before{
	-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
	transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
	opacity:0
}
.hamburger--slider.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);
	transform:translate3d(0,-20px,0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner{
	top:2px
}
.hamburger--slider-r .hamburger-inner:before{
	top:10px;
	transition-property:opacity,-webkit-transform;
	-webkit-transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:.2s;
	transition-duration:.2s
}
.hamburger--slider-r .hamburger-inner:after{
	top:20px
}
.hamburger--slider-r.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,10px,0) rotate(-45deg);
	transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner:before{
	-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);
	transform:rotate(45deg) translate3d(5.71429px,-6px,0);
	opacity:0
}
.hamburger--slider-r.is-active .hamburger-inner:after{
	-webkit-transform:translate3d(0,-20px,0) rotate(90deg);
	transform:translate3d(0,-20px,0) rotate(90deg)
}
.hamburger--spring .hamburger-inner{
	top:2px;
	-webkit-transition:background-color 0s linear .15s;
	transition:background-color 0s linear .15s
}
.hamburger--spring .hamburger-inner:before{
	top:10px;
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring .hamburger-inner:after{
	top:20px;
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring.is-active .hamburger-inner{
	-webkit-transition-delay:.32s;
	transition-delay:.32s;
	background-color:transparent
}
.hamburger--spring.is-active .hamburger-inner:before{
	top:0;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	-webkit-transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner:after{
	top:0;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	-webkit-transform:translate3d(0,10px,0) rotate(-45deg);
	transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner{
	top:auto;
	bottom:0;
	-webkit-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r .hamburger-inner:after{
	top:-20px;
	-webkit-transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear;
	transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear
}
.hamburger--spring-r .hamburger-inner:before{
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);
	transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r.is-active .hamburger-inner{
	-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
	transform:translate3d(0,-10px,0) rotate(-45deg);
	-webkit-transition-delay:.32s;
	transition-delay:.32s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spring-r.is-active .hamburger-inner:after{
	top:0;
	opacity:0;
	-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;
	transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s
}
.hamburger--spring-r.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	-webkit-transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;
	transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s
}
.hamburger--stand .hamburger-inner{
	transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;
	-webkit-transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;
	transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s;
	transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s
}
.hamburger--stand .hamburger-inner:before{
	transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	-webkit-transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand .hamburger-inner:after{
	transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	-webkit-transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand.is-active .hamburger-inner{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	background-color:transparent;
	transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;
	-webkit-transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;
	transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;
	transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s
}
.hamburger--stand.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	-webkit-transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s
}
.hamburger--stand.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	-webkit-transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s
}
.hamburger--stand-r .hamburger-inner{
	transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;
	-webkit-transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;
	transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s;
	transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s
}
.hamburger--stand-r .hamburger-inner:before{
	transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	-webkit-transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r .hamburger-inner:after{
	transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	-webkit-transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;
	transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	background-color:transparent;
	transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;
	-webkit-transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;
	transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;
	transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s
}
.hamburger--stand-r.is-active .hamburger-inner:before{
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	-webkit-transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s
}
.hamburger--stand-r.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	-webkit-transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
	transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s
}
.hamburger--spin .hamburger-inner{
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin .hamburger-inner:before{
	-webkit-transition:top .1s ease-in .34s,opacity .1s ease-in;
	transition:top .1s ease-in .34s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after{
	transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner{
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
	-webkit-transition-delay:.14s;
	transition-delay:.14s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin.is-active .hamburger-inner:before{
	top:0;
	opacity:0;
	-webkit-transition:top .1s ease-out,opacity .1s ease-out .14s;
	transition:top .1s ease-out,opacity .1s ease-out .14s
}
.hamburger--spin.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	-webkit-transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s
}
.hamburger--spin-r .hamburger-inner{
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r .hamburger-inner:before{
	-webkit-transition:top .1s ease-in .34s,opacity .1s ease-in;
	transition:top .1s ease-in .34s,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner:after{
	transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r.is-active .hamburger-inner{
	-webkit-transform:rotate(-225deg);
	transform:rotate(-225deg);
	-webkit-transition-delay:.14s;
	transition-delay:.14s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin-r.is-active .hamburger-inner:before{
	top:0;
	opacity:0;
	-webkit-transition:top .1s ease-out,opacity .1s ease-out .14s;
	transition:top .1s ease-out,opacity .1s ease-out .14s
}
.hamburger--spin-r.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	-webkit-transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s
}
.hamburger--squeeze .hamburger-inner{
	-webkit-transition-duration:.1s;
	transition-duration:.1s;
	-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze .hamburger-inner:before{
	-webkit-transition:top .1s ease .14s,opacity .1s ease;
	transition:top .1s ease .14s,opacity .1s ease
}
.hamburger--squeeze .hamburger-inner:after{
	transition:bottom .1s ease .14s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition:bottom .1s ease .14s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19);
	transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze.is-active .hamburger-inner{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition-delay:.14s;
	transition-delay:.14s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--squeeze.is-active .hamburger-inner:before{
	top:0;
	opacity:0;
	-webkit-transition:top .1s ease,opacity .1s ease .14s;
	transition:top .1s ease,opacity .1s ease .14s
}
.hamburger--squeeze.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;
	-webkit-transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;
	transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s
}
.hamburger--vortex .hamburger-inner{
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
	transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{
	-webkit-transition-duration:0s;
	transition-duration:0s;
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear
}
.hamburger--vortex .hamburger-inner:before{
	-webkit-transition-property:top,opacity;
	transition-property:top,opacity
}
.hamburger--vortex .hamburger-inner:after{
	transition-property:bottom,-webkit-transform;
	-webkit-transition-property:bottom,-webkit-transform;
	transition-property:bottom,transform;
	transition-property:bottom,transform,-webkit-transform
}
.hamburger--vortex.is-active .hamburger-inner{
	-webkit-transform:rotate(765deg);
	transform:rotate(765deg);
	-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
	transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.hamburger--vortex.is-active .hamburger-inner:before{
	top:0;
	opacity:0
}
.hamburger--vortex.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner{
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
	transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{
	-webkit-transition-duration:0s;
	transition-duration:0s;
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear
}
.hamburger--vortex-r .hamburger-inner:before{
	-webkit-transition-property:top,opacity;
	transition-property:top,opacity
}
.hamburger--vortex-r .hamburger-inner:after{
	transition-property:bottom,-webkit-transform;
	-webkit-transition-property:bottom,-webkit-transform;
	transition-property:bottom,transform;
	transition-property:bottom,transform,-webkit-transform
}
.hamburger--vortex-r.is-active .hamburger-inner{
	-webkit-transform:rotate(-765deg);
	transform:rotate(-765deg);
	-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
	transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.hamburger--vortex-r.is-active .hamburger-inner:before{
	top:0;
	opacity:0
}
.hamburger--vortex-r.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.messg{
	position:fixed;
	z-index:9999;
	left:10px;
	right:10px;
	border:0 none;
	border-radius:2px;
	box-shadow:inset 0 -1px rgba(0,0,0,.25);
	font-size:14px;
	line-height:1.4286;
	text-align:left;
	cursor:pointer
}
.messg--default{
	background-color:#323232
}
.messg--success{
	background-color:#4caf50
}
.messg--info{
	background-color:#00bcd4
}
.messg--warning{
	background-color:#ff9800
}
.messg--error{
	background-color:#f44336
}
.messg__text{
	padding:10px 14px
}
.messg__buttons{
	float:right;
	padding:10px
}
.messg,.messg__button{
	color:#f5f5f5;
	font-family:Lucida Sans Unicode,Lucida Grande,sans-serif
}
.messg__button{
	display:inline-block;
	border:0 none;
	border-radius:1px;
	margin:0 0 0 5px;
	padding:0 6px;
	background:none;
	cursor:pointer
}
.messg--default .messg__button{
	background-color:#212121
}
.messg--default .messg__button:hover{
	background-color:#000
}
.messg--success .messg__button{
	background-color:#43a047
}
.messg--success .messg__button:hover{
	background-color:#388e3c
}
.messg--info .messg__button{
	background-color:#00acc1
}
.messg--info .messg__button:hover{
	background-color:#0097a7
}
.messg--warning .messg__button{
	background-color:#fb8c00
}
.messg--warning .messg__button:hover{
	background-color:#f57c00
}
.messg--error .messg__button{
	background-color:#e53935
}
.messg--error .messg__button:hover{
	background-color:#d32f2f
}
html{
	height:100%;
	font-size:14px
}
body{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow-x:hidden;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100%;
	min-height:100vh;
	font-family:Ubuntu,Arial,sans-serif;
	background-color:#17191a
}
body.errorPage{
	height:100%
}
@font-face{
	font-family:icomoon;
	src:url(../fonts/icons/icomoon.eot?r6xug);
	src:url(../fonts/icons/icomoon.eot?r6xug#iefix) format('embedded-opentype'),url(../fonts/icons/icomoon.ttf?r6xug) format('truetype'),url(../fonts/icons/icomoon.woff?r6xug) format('woff'),url(../fonts/icons/icomoon.svg?r6xug#icomoon) format('svg');
	font-weight:400;
	font-style:normal
}
.projectsDetails__previewLink:after,[class*=" icon-"],[class^=icon-]{
	font-family:icomoon!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-graphic-tool:before{
	content:"\e900"
}
.icon-sitecreative:before{
	content:"\e901"
}
.icon-youtube:before{
	content:"\e902"
}
.icon-vk:before{
	content:"\e903"
}
.icon-twitter:before{
	content:"\e904"
}
.icon-telephone:before{
	content:"\e905"
}
.icon-left-arrow:before{
	content:"\e90e"
}
.icon-right-arrow:before{
	content:"\e906"
}
.icon-palette:before{
	content:"\e907"
}
.icon-paint-brush:before{
	content:"\e908"
}
.icon-search:before{
	content:"\e909"
}
.icon-monitor-with-text:before{
	content:"\e90a"
}
.icon-envelope:before{
	content:"\e90b"
}
.icon-location:before{
	content:"\e90c"
}
.icon-line-graphic:before{
	content:"\e90d"
}
.icon-mobile:before{
	content:"\e90f"
}
.icon-global:before{
	content:"\e910"
}
.icon-facebook:before{
	content:"\e911"
}
.icon-double-angle-right:before{
	content:"\e912"
}
.icon-discussion:before{
	content:"\e913"
}
.icon-computer-config:before{
	content:"\e914"
}
.icon-community:before{
	content:"\e915"
}
.icon-close:before{
	content:"\e918"
}
.icon-caret-down:before{
	content:"\e916"
}
.icon-business-card:before{
	content:"\e917"
}
.icon-insta:before{
	content:"\1f34c"
}
.icon-gp:before{
	content:"\f0d5"
}
*{
	margin:0;
	padding:0;
	font:inherit;
	box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
}
audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]){
	display:none;
	height:0
}
[hidden],template{
	display:none
}
html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-focus-ring-color:hsla(0,0%,100%,0);
	cursor:default
}
body{
	font-size:100%;
	line-height:1;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased
}
a{
	background:transparent
}
:active,:focus,:hover{
	outline:none
}
hr{
	box-sizing:content-box;
	height:0
}
ol,ul{
	list-style:none
}
pre{
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	white-space:pre-wrap
}
q{
	quotes:'\201C' '\201D' '\2018' '\2019'
}
img{
	border:none
}
svg:not(:root){
	overflow:hidden
}
button,input{
	line-height:normal
}
button,select{
	text-transform:none
}
button{
	overflow:visible
}
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
}
 input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
 height:auto
}
input[type=search]{
	-webkit-appearance:textfield;
	box-sizing:content-box
}
 input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
 -webkit-appearance:none
}
 button::-moz-focus-inner,input::-moz-focus-inner{
 border:none;
 padding:0
}
textarea{
	overflow:auto;
	vertical-align:top
}
button,input,select[multiple],textarea{
	background-image:none
}
input,select,textarea{
	border-radius:0;
	box-shadow:none
}
input,textarea{
	resize:none;
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text
}
 [placeholder]:focus::-webkit-input-placeholder{
 color:transparent
}
 [placeholder]:focus::-moz-placeholder{
 color:transparent
}
 [placeholder]:focus:-ms-input-placeholder{
 color:transparent
}
 [placeholder]:focus::placeholder{
 color:transparent
}
table{
	border-collapse:collapse;
	border-spacing:0
}
.b-text{
	color:#fff
}
.b-text h1,.b-text h2,.b-text h3,.b-text h4,.b-text h5,.b-text h6{
	margin:0 0 25px;
	font-family:Ubuntu,Arial,sans-serif;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.5;
	color:#ff6c00
}
.b-text h1{
	font-size:2.15rem
}
.b-text h2{
	font-size:2rem
}
.b-text h3{
	font-size:1.85rem
}
.b-text h4{
	font-size:1.6rem
}
.b-text h5{
	font-size:1.3rem
}
.b-text h6{
	font-size:1rem
}
.b-text blockquote,.b-text ol,.b-text p,.b-text table,.b-text ul{
	margin:0 0 20px;
	font-family:Ubuntu,Arial,sans-serif;
	font-size:1rem;
	font-weight:300;
	line-height:1.5
}
.b-text blockquote:last-child,.b-text ol:last-child,.b-text p:last-child,.b-text table:last-child,.b-text ul:last-child{
	margin-bottom:0
}
.b-text ul{
	list-style:square
}
.b-text ol{
	list-style:decimal
}
.b-text ol,.b-text ul{
	padding:0 0 0 20px
}
.b-text ol li,.b-text ul li{
	margin:0 0 10px;
	padding:0 0 0 10px
}
.b-text blockquote{
	margin:30px auto;
	padding:20px;
	font-style:italic;
	border-left:5px solid #ff6c00
}
.b-text a{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	text-decoration:underline;
	color:#ff6c00
}
.b-text a:hover{
	color:#fff
}
.b-text strong{
	font-weight:700
}
.b-text em{
	font-style:italic
}
.b-text table thead{
	font-weight:700
}
.b-text table thead tr{
	background:#ff6c00
}
.b-text table tbody tr{
	background:#17191a
}
.b-text table tbody tr:nth-child(odd){
	background:#212223
}
.b-text table td,.b-text table th{
	padding:10px;
	border:1px solid #595b5b
}
.b-text img{
	margin:10px auto
}
.b-text .tableWrap{
	margin:30px 0;
	overflow-x:auto
}
.content__row{
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1220px
}
.footer__inner,.header__inner,.navigation__inner,.partners__inner{
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1200px
}
.about{
	padding:25px 0
}
.about__columns{
	padding:0 0 50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.about__column_logo{
	width:30%;
	height:auto
}
.about__column_text{
	width:70%;
	height:auto
}
.about__text{
	padding:0 0 0 30px
}
.about__image{
	width:100%;
	height:auto
}
.articlePreview{
	margin:0 0 25px
}
.articlePreview__image{
	width:100%;
	height:auto;
	display:block
}
.article__title{
	margin:0 0 25px;
	font-family:Ubuntu,Arial,sans-serif;
	font-size:2.15rem;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.5;
	color:#ff6c00
}
.blog__item{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	position:relative;
	margin:0 0 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	overflow:hidden
}
.blog__item:hover{
	box-shadow:0 0 0 3px #ff6c00
}
.blog__preview{
	-webkit-box-flex:2;
	-ms-flex:2;
	flex:2;
	border-right:3px solid #17191a
}
.blog__previewLink{
	width:100%;
	height:100%;
	display:block;
	background-position:50%;
	background-size:cover
}
.blog__text{
	padding:25px 30px;
	-webkit-box-flex:6;
	-ms-flex:6;
	flex:6;
	background:url(../img/pattern-1.jpg) repeat
}
.blog__titleLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	margin:0 0 20px;
	display:inline-block;
	font-size:1.7rem;
	font-weight:300;
	line-height:1.4;
	text-transform:uppercase;
	text-decoration:none;
	color:#e8e8e8
}
.blog__titleLink:hover{
	color:#ff6c00
}
.blog__descr{
	font-weight:300;
	line-height:1.5;
	color:#fff
}
.blog__readMore{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	padding:25px 0 0;
	display:inline-block;
	font-size:.9rem;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
	color:#ff6c00
}
.blog__readMore:hover{
	color:#fff
}
.blog__iconArrows{
	padding:0 0 0 5px;
	font-size:.7rem
}
.breadcrumbs{
	padding:10px 0;
	font-size:.85rem;
	font-weight:300;
	line-height:1.4;
	text-transform:uppercase;
	color:#ff6c00
}
.breadcrumbs__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.breadcrumbs__line{
	border-top:1px solid #ff6c00;
	-webkit-box-flex:10;
	-ms-flex:10;
	flex:10
}
.breadcrumbs__line_left{
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.breadcrumbs__main{
	padding:0 20px
}
.breadcrumbs__separator{
	position:relative;
	top:3px;
	padding:0 10px;
	font-size:1.14rem
}
.breadcrumbs__link{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	text-decoration:none;
	color:#ff6c00
}
.breadcrumbs__link:hover{
	color:#fff
}
.contactForm{
	width:70%;
	height:auto;
	padding:35px;
	background:url(../img/contact-form-bg.png) no-repeat 100% 100% #212223
}
.contactForm__columns{
	margin:0 -20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.contactForm__column{
	width:50%;
	height:auto;
	position:relative;
	padding:0 20px
}
.contactForm__input,.contactForm__inputWrap{
	width:100%;
	height:auto
}
.contactForm__input,.contactForm__text{
	margin:0 0 20px;
	padding:6px 0;
	color:#fff;
	background:transparent;
	border:0;
	border-bottom:1px solid #808081
}
.contactForm__text{
	width:100%;
	height:125px
}
.contactForm__btnWrap{
	padding:20px 0 0
}
.contactForm__btn{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	padding:8px 22px;
	font-size:.8rem;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	background:transparent;
	border:1px solid #808081;
	border-radius:30px
}
.contactForm__btn:hover{
	background-color:#ff6c00;
	border-color:#ff6c00
}
.contactForm__errorMessgClient,.contactForm__errorMessgServer,.contactForm__successMessg{
	display:none
}
.contactInfo{
	width:30%;
	height:auto
}
.contactInfo__inner{
	margin:0 20px 0 0;
	padding:30px 40px;
	background:url(../img/pattern-1.jpg) repeat
}
.contactInfo__person{
	padding:0 0 20px
}
.contactInfo__department{
	padding:0 0 10px;
	font-weight:400;
	color:#ff6c00
}
.contactInfo__manager{
	font-weight:300;
	color:#fff
}
.contactInfo__data{margin-right:-20px;}
.contactInfo__dataItem{
	padding:0 0 15px
}
.contactInfo__icon{
	width:42px;
	height:42px;
	margin:0 10px 0 0;
	padding:12px;
	font-size:1.3rem;
	color:#ff6c00;
	background:#212223;
	border-radius:99%
}
.contactInfo__icon,.contactInfo__text{
	display:inline-block;
	vertical-align:middle
}
.contactInfo__text{
	width:70%;
	height:auto;
	font-weight:400;
	line-height:1.4;
	color:#fff
}
.contactInfo__linkPhone{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff
}
.contactInfo__linkPhone:hover{
	color:#ff6c00
}
.contactInfo__linkEmail{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:1.2rem;
	font-weight:300;
	text-decoration:underline;
	color:#ff6c00
}
.contactInfo__linkEmail:hover{
	color:#fff
}
.content__row{
	padding:0 10px
}
.content__rowMap{
	padding:0 50px 0 50px;
}
.content__row_fluid{
	padding:0;
	max-width:100%
}
.content__blockWithSidebar,.content__contacts{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.content__contacts{
	margin:0 0 20px
}
.detailsSeparator__inner{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.detailsSeparator__detailsLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:.9rem;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
	color:#ff6c00
}
.detailsSeparator__detailsLink:hover{
	color:#fff
}
.detailsSeparator__iconArrows{
	padding:0 30px 0 10px;
	font-size:.7rem
}
.detailsSeparator__line{
	border-top:1px solid #ff6c00;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.footer{
	padding:50px 10px 60px
}
.footer__panels{
	width:100%;
	height:65px;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.footer__navPanel,.footer__panels{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.footer__navPanel{
	margin:0 5px 0 0;
	padding:25px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:#212223
}
.footer__navPanel,.footer__navWrap{
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.footer__navItems{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.footer__navItem{
	margin:0 20px 0 0
}
.footer__navItem:last-child{
	margin:0
}
.footer__navItemLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-weight:300;
	text-decoration:none;
	color:#e8e8e8
}
.footer__navItemLink:hover{
	color:#ff6c00
}
.footer__copy{
	font-weight:300;
	line-height:18px;
	color:#e8e8e8
}
.header{
	padding:0 10px
}
.header__inner{
	padding:25px 0
}
.header__basePanel{
	display:none;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.header__basePanel_active{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.header__navBtnWrap{
	width:65px;
	height:65px;
	background:#212223
}
.header__middle{
	margin:0 5px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:justify;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	background:#212223
}
.header__middle,.header__tools{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between
}
.header__tools{
	width:131px;
	height:65px;
	-ms-flex-pack:justify
}
.header__switchLangBtnWrap{
	position:relative
}
.header__switchLangBtn{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:63px;
	height:65px;
	font-weight:500;
	text-transform:uppercase;
	color:#ff6c00;
	background-color:#212223;
	border:0
}
.header__switchLangBtn:hover{
	color:#fff;
	background-color:#ff6c00
}
.header__switchLangBtn:hover .header__iconBottomArrow{
	color:#fff
}
.header__switchLangBtn_active{
	color:#fff;
	background-color:#595b5b
}
.header__switchLangBtn_active .header__iconBottomArrow{
	display:none
}
.header__innerBtn{
	display:block
}
.header__iconBottomArrow{
	padding:3px 0 0;
	display:block;
	font-size:.7rem;
	color:#595b5b
}
.header__langLinksWrap{
	position:absolute;
	z-index:5;
	top:65px;
	left:-6px;
	padding:0 6px 6px;
	display:none;
	background:#17191a
}
.header__langLinksWrap_active{
	display:block
}
.header__otherLangLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:63px;
	height:65px;
	margin:6px 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background:#595b5b
}
.header__otherLangLink:hover{
	color:#fff;
	background:#ff6c00
}
.header__searchBtn{
	width:63px;
	height:65px;
	background:#212223;
	border:0
}
.header__searchBtn_white{
	color:#000;
	background:#fff
}
.header__searchBtn:hover>I{
	color:#ff6c00
}
.header__searchIcon{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:1.4rem;
	color:#595b5b
}
.header__logo{
	display:inline-block
}
.header__logoLink{
	padding:5px 0 0 3px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-family:Comfortaa,cursive;
	font-size:1.7rem;
	font-weight:400;
	text-decoration:none;
	color:#ff6c00
}
.header__logoIcon{
	display:inline-block;
	vertical-align:middle;
	font-size:3.6rem
}
.header__logoText{
	padding:0 0 5px 3px
}
.header__phoneLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	margin:0 25px 0 0;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	color:#ff6c00
}
.header__phoneLink:hover{
	color:#fff
}
.header__searchPanel{
	width:100%;
	height:65px;
	position:relative;
	z-index:11;
	display:none;
	background:#fff
}
.header__searchPanel_active{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.header__input,.header__searchForm{
	width:100%;
	height:100%
}
.header__input{
	padding:10px 20px;
	font-size:1.7rem;
	border:0
}
.header__navBtn{
	width:100%;
	height:100%
}
.header__navBtn:hover{
	opacity:1
}
.header__navBtn:hover .header__hamburgerInner{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	background-color:#ff6c00
}
.header__navBtn:hover .header__hamburgerInner:after,.header__navBtn:hover .header__hamburgerInner:before{
	background-color:inherit
}
.header__navBtn:hover.is-active .header__hamburgerInner{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	background-color:transparent
}
.header__navBtn:hover.is-active .header__hamburgerInner:after,.header__navBtn:hover.is-active .header__hamburgerInner:before{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	background-color:#ff6c00
}
.header__navBtn.is-active .header__hamburgerInner{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s
}
.header__navBtn.is-active .header__hamburgerInner:after,.header__navBtn.is-active .header__hamburgerInner:before{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	background-color:#595b5b
}
.header__hamburgerInner{
	background-color:#595b5b
}
.header__hamburgerInner,.header__hamburgerInner:before{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:100%;
	height:3px
}
.header__hamburgerInner:before{
	background-color:inherit
}
.header__hamburgerInner:after{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:100%;
	height:3px;
	background-color:inherit
}
.header__hamburgerBox{
	width:100%;
	height:100%
}
.homeServices{
	padding:25px 0
}
.homeServices__sectionTitle{
	margin:0 0 2px;
	padding:25px 0;
	font-size:2.15rem;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	color:#ff6c00;
	background:#212223
}
.homeServices__items{
	margin:0 -2px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.homeServices__item{
	width:16.66%;
	height:200px;
	padding:2px
}
.homeServices__itemInner{
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	background-color:#212223
}
.homeServices__preview{
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.homeServices__previewLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:100%;
	height:100%;
	padding:25px;
	display:block;
	text-decoration:none
}
.homeServices__previewLink:hover{
	background:url(../img/pattern-1.jpg) repeat
}
.homeServices__previewLink:hover .homeServices__previewIcon,.homeServices__previewLink:hover .homeServices__title{
	color:#ff6c00
}
.homeServices__previewIcon{
	font-size:7.1rem;
	color:#595b5b
}
.homeServices__previewIcon,.homeServices__title{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s
}
.homeServices__title{
	padding:14px 0 0 10px;
	display:block;
	font-size:1rem;
	font-weight:300;
	line-height:1.4;
	text-transform:uppercase;
	text-align:right;
	color:#e8e8e8
}
.main{
	width:905px;
	height:auto;
	padding:30px 40px;
	background:url(../img/pattern-1.jpg) repeat
}
.map{
	position:relative
}
.map__titleBox{
	width:400px;
	height:auto;
	position:absolute;
	z-index:3;
	left:calc(50% - 200px);
	padding:30px 10px;
	text-align:center;
	background-color:rgba(255,108,0,.8)
}
.map__title{
	font-size:2.15rem;
	font-weight:300;
	text-transform:uppercase;
	color:#fff
}
.map__subtitle{
	padding:10px 0 0;
	font-size:1.14rem;
	font-weight:500;
	color:#fff
}
.map__container{
	width:100%;
	height:380px
}
.map__container_home{
	height:560px
}
.map__markers{
	display:none
}
.map__markerInfo{
	width:auto;
	height:auto;
	padding:10px
}
.map__markerInfoTitle{
	padding:0 0 10px;
	font-size:1.4rem;
	font-weight:700;
	color:#ff6c00
}
.map__markerInfoDescr{
	font-size:1rem;
	color:#000
}
.navigation{
	width:100%;
	height:auto;
	margin:0 0 25px;
	padding:35px 10px 55px;
	display:none;
	background:url(../img/pattern-nav.jpg) repeat
}
.navigation__items{
	padding:0 0 25px
}
.navigation__itemLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:2.15rem;
	font-weight:300;
	line-height:1.6;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff
}
.navigation__itemLink:hover{
	font-weight:400;
	color:#ff6c00
}
.pageMask{
	width:100%;
	height:100%;
	position:fixed;
	z-index:10;
	display:none;
	background:rgba(0,0,0,.7)
}
.pagination{
	width:100%;
	height:auto;
	padding:10px 0 25px;
	display:block;
	text-align:center
}
.pagination__item{
	display:inline-block;
	vertical-align:middle;
	padding:0 12px
}
.pagination__item_active>a,.pagination__item_active>a:hover{
	color:#ff6c00
}
.pagination__link{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:1.4rem;
	font-weight:400;
	text-decoration:none;
	color:#fff
}
.pagination__link:hover{
	color:#ff6c00
}
.pagination__icon{
	display:inline-block;
	vertical-align:middle;
	padding:0 15px;
	font-size:1.7rem
}
.partners{
	padding:25px 0
}
.partners__carousel{
	position:relative;
	padding:30px 0 50px;
 border-bottom:1px solid $grayLight
}
.partners__listWrap{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden
}
.partners__items{
	width:20000em;
	height:auto;
	position:relative;
	margin:0;
	padding:0;
	list-style:none
}
.partners__item{
	width:145px;
	height:auto;
	padding:0 20px;
	float:left
}
.partners__link{
	display:block
}
.partners__image{
	-webkit-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
	width:100%;
	height:auto;
	display:block;
	max-width:100%;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}
.partners__image:hover{
	-webkit-filter:grayscale(100%) sepia(100%);
	filter:grayscale(100%) sepia(100%)
}
.partners__control{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	position:absolute;
	top:-62px;
	padding:10px 16px;
	display:block;
	text-decoration:none;
	color:#ff6c00;
	background:#17191a
}
.partners__control_prev{
	left:0
}
.partners__control_next{
	right:0
}
.partners__control:hover{
	color:#fff
}
.partners__controlIcon{
	font-size:1.85rem
}
.portfolio__item{
	margin:20px 0
}
.portfolio__year{
	padding:10px 25px;
	display:none;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	color:#ff6c00;
	background:url(../img/pattern-1.jpg) repeat
}
.preloaderPage{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100000;
	top:0;
	left:0;
	background:#17191a
}
.preloaderPage__loader{
	width:100%;
	height:100%;
	position:absolute;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.cssload-thecube{
	width:62px;
	height:62px
}
.cssload-thecube,.cssload-thecube .cssload-cube{
	position:relative;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.cssload-thecube .cssload-cube{
	float:left;
	width:50%;
	height:50%;
	position:relative;
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.cssload-thecube .cssload-cube:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ff6a00;
	-webkit-animation:a 1.92s infinite linear both;
	animation:a 1.92s infinite linear both;
	-webkit-transform-origin:100% 100%;
	transform-origin:100% 100%
}
.cssload-thecube .cssload-c2{
	-webkit-transform:scale(1.1) rotate(90deg);
	transform:scale(1.1) rotate(90deg)
}
.cssload-thecube .cssload-c3{
	-webkit-transform:scale(1.1) rotate(180deg);
	transform:scale(1.1) rotate(180deg)
}
.cssload-thecube .cssload-c4{
	-webkit-transform:scale(1.1) rotate(270deg);
	transform:scale(1.1) rotate(270deg)
}
.cssload-thecube .cssload-c2:before{
	-webkit-animation-delay:.235s;
	animation-delay:.235s
}
.cssload-thecube .cssload-c3:before{
	-webkit-animation-delay:.48s;
	animation-delay:.48s
}
.cssload-thecube .cssload-c4:before{
	-webkit-animation-delay:.715s;
	animation-delay:.715s
}
 @-webkit-keyframes a{
 0%, 10%{
 -webkit-transform:perspective(115px) rotateX(-180deg);
 transform:perspective(115px) rotateX(-180deg);
 opacity:0
}
 25%, 75%{
 -webkit-transform:perspective(115px) rotateX(0deg);
 transform:perspective(115px) rotateX(0deg);
 opacity:1
}
 90%, to{
 -webkit-transform:perspective(115px) rotateY(180deg);
 transform:perspective(115px) rotateY(180deg);
 opacity:0
}
}
 @keyframes a{
 0%, 10%{
 -webkit-transform:perspective(115px) rotateX(-180deg);
 transform:perspective(115px) rotateX(-180deg);
 opacity:0
}
 25%, 75%{
 -webkit-transform:perspective(115px) rotateX(0deg);
 transform:perspective(115px) rotateX(0deg);
 opacity:1
}
 90%, to{
 -webkit-transform:perspective(115px) rotateY(180deg);
 transform:perspective(115px) rotateY(180deg);
 opacity:0
}
}
.projectsDetails__items{
	margin:0 -10px
}
.projectsDetails__item{
	display:inline-block;
	vertical-align:top;
	width:50%;
	height:auto;
	margin:0 0 20px;
	padding:0 10px
}
.projectsDetails__itemInner{
	width:100%;
	height:100%;
	background-color:#212223
}
.projectsDetails__info{
	padding:30px 35px
}
.projectsDetails__title{
	font-size:2.15rem;
	font-weight:300;
	line-height:1.4;
	text-transform:uppercase;
	color:#ff6c00
}
.projectsDetails__siteLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	margin:20px 0 35px;
	padding:10px 12px;
	display:inline-block;
	font-size:1.3rem;
	font-weight:300;
	text-decoration:none;
	color:#d7d7d7;
	background-color:#595b5b
}
.projectsDetails__siteLink:hover{
	color:#fff;
	background-color:#ff6c00
}
.projectsDetails__descr{
	font-size:1rem;
	font-weight:300;
	line-height:1.5;
	color:#fff
}
.projectsDetails__previewLink{
	position:relative;
	display:block
}
.projectsDetails__previewLink:after{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:2.4rem;
	content:'\e909';
	color:#fff;
	background-color:rgba(255,108,0,.85);
	opacity:0;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:c;
	animation-name:c
}
.projectsDetails__previewLink:hover:after{
	opacity:1;
	-webkit-animation-name:b;
	animation-name:b
}
.projectsDetails__previewImage{
	width:100%;
	height:auto;
	display:block
}
.projects__items{
	margin:0 -10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.projects__item{
	width:33.33%;
	height:auto
}
.projects__itemInner{
	padding:10px
}
.projects__preview{
	position:relative
}
.projects__previewImg{
	width:100%;
	height:auto;
	display:block
}
.projects__info{
	width:100%;
	height:100%;
	position:absolute;
	padding:20px;
	z-index:2;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:center;
	background:rgba(255,108,0,.9);
	opacity:0
}
.projects__descr{
	padding:0 0 25px;
	font-size:1rem;
	font-weight:500;
	line-height:1.5;
	text-transform:uppercase;
	color:#fff
}
.projects__detailsLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	padding:8px 20px;
	font-size:.9rem;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	width:126px;
	height:33px;
	border:1px solid hsla(0,0%,100%,.5);
	border-radius:15px
}
.projects__detailsLink:hover{
	color:#000;
	background-color:#fff
}
.recentProjects{
	padding:50px 0 25px
}
.recentProjects__items{
	margin:0 -10px;
	padding:20px 0 50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.recentProjects__item{
	width:33.33%;
	height:auto
}
.recentProjects__itemInner{
	padding:10px
}
.recentProjects__preview{
	position:relative
}
.recentProjects__previewImg{
	width:100%;
	height:auto;
	display:block
}
.recentProjects__info{
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:center;
	background:rgba(255,108,0,.9);
	opacity:0
}
.recentProjects__descr{
	padding:0 0 25px;
	font-weight:500;
	line-height:1.5;
	text-transform:uppercase;
	color:#fff
}
.recentProjects__detailsLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	padding:8px 20px;
	font-size:.9rem;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	width:126px;
	height:33px;
	border:1px solid hsla(0,0%,100%,.5);
	border-radius:15px
}
.recentProjects__detailsLink:hover{
	color:#000;
	background-color:#fff
}
.screenSize{
	margin:0 0 20px
}
.screenSize__items{
	margin:0 -10px;
	padding:24px 0 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.screenSize__item{
	width:50%;
	height:auto;
	padding:0 10px
}
.screenSize__itemInner{
	width:100%;
	height:100%;
	padding:35px 45px;
	text-align:center
}
.screenSize__itemInner_desktop{
	background:url(../img/pattern-1.jpg) repeat
}
.screenSize__itemInner_mobile{
	background:url(../img/pattern-2.jpg) repeat
}
.screenSize__image{
	width:100%;
	height:auto
}
.searchResults{
	color:#fff
}
.searchResults__inner{
	width:100%;
	height:auto
}
.searchResults__resultsCounter{
	margin:10px 0 30px;
	font-size:16px
}
.searchResults__highlight{
	padding:0 3px;
	font-weight:700;
	color:#ff6c00
}
.searchResults__list{
	margin:0 0 20px
}
.searchResults__item{
	padding:20px 0 40px
}
.searchResults__itemLinkWrap{
	margin:0 0 20px;
	font-size:22px;
	font-weight:700;
	color:#fff
}
.searchResults__itemLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	margin:0 0 0 15px;
	font-size:28px;
	text-decoration:none;
	color:#ff6c00
}
.searchResults__itemLink:hover{
	color:#fff
}
.searchResults__itemDescr{
	font-size:15px;
	line-height:1.5
}
.searchResults__pagination{
	padding:10px;
	text-align:center
}
.searchResults__pages{
	margin:0;
	padding:0;
	list-style:none
}
.searchResults__page{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	font-size:17px;
	font-weight:700
}
.searchResults__page_active{
	color:#ff6c00
}
.searchResults__paginationLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:17px;
	font-weight:700;
	text-decoration:none;
	color:#fff
}
.searchResults__paginationLink:hover{
	color:#ff6c00
}
.sectionTitle{
	margin:0 0 25px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:2.15rem;
	font-weight:300;
	text-transform:uppercase;
	color:#ff6c00
}
.sectionTitle__line{
	border-top:1px solid #ff6c00;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.sectionTitle__text{
	padding:0 45px
}
.servicesSmall__items{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.servicesSmall__item{
	width:50%;
	height:145px;
	padding:0 0 3px 3px
}
.servicesSmall__itemInner{
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	background-color:#212223
}
.servicesSmall__preview{
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.servicesSmall__previewLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:100%;
	height:100%;
	padding:12px;
	display:block;
	text-decoration:none
}
.servicesSmall__previewLink:hover{
	background:url(../img/pattern-1.jpg) repeat
}
.servicesSmall__previewLink:hover .servicesSmall__previewIcon,.servicesSmall__previewLink:hover .servicesSmall__title{
	color:#ff6c00
}
.servicesSmall__previewIcon{
	font-size:5.4rem;
	color:#595b5b
}
.servicesSmall__previewIcon,.servicesSmall__title{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s
}
.servicesSmall__title{
	padding:14px 0 0 10px;
	display:block;
	font-size:.7rem;
	font-weight:300;
	line-height:1.4;
	text-transform:uppercase;
	text-align:right;
	color:#e8e8e8
}
.services__items{
	margin:0 -12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.services__item{
	width:50%;
	height:auto
}
.services__itemInner{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	position:relative;
	margin:0 12px 25px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	overflow:hidden
}
.services__itemInner:hover{
	box-shadow:0 0 0 3px #ff6c00
}
.services__preview{
	min-width:183px;
	-webkit-box-flex:2;
	-ms-flex:2;
	flex:2;
	background-color:#212223;
	border-right:3px solid #17191a
}
.services__previewLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-decoration:none;
	color:#595b5b
}
.services__previewLink:hover{
	color:#ff6c00
}
.onepage-pagination {
    top: 41%;
}
.portfolio__item .portfolio_group{
	display:table;
	margin-bottom:34px;
	width:100%;
	text-align: center;
}
	.portfolio__item .portfolio_group>div{display:inline-block;text-align:center;}
	.portfolio__item .portfolio_group a{
		color:#dbdbdb;
		display:block;
		padding:9px 0;
		text-decoration:none;
		text-transform:uppercase;
		margin: 20px;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
		.portfolio__item .portfolio_group a.active,.portfolio__item .portfolio_group a:hover{ 
		    color:#ff6c00;
		    font-size: 18px;
		    font-weight: 700;
		}
		.portfolio__item .portfolio_group a.active{
			font-size:18px;
			font-weight:700;
			
		}
.services__previewIcon{
	font-size:7.1rem
}
.services__text{
	padding:25px 30px;
	-webkit-box-flex:6;
	-ms-flex:6;
	flex:6;
	background:url(../img/pattern-1.jpg) repeat
}
.services__titleLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	margin:0 0 20px;
	display:inline-block;
	font-size:1.7rem;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
	color:#e8e8e8
}
.services__titleLink:hover{
	color:#ff6c00
}
.services__descr{
	font-weight:300;
	line-height:1.5;
	color:#fff
}
.services__readMore{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	padding:25px 0 0;
	display:inline-block;
	font-size:.9rem;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
	color:#ff6c00
}
.services__readMore:hover{
	color:#fff
}
.services__iconArrows{
	padding:0 0 0 5px;
	font-size:.7rem
}
.sidebar{
	width:295px;
	height:auto;
	padding:0 0 0 20px
}
.slider{
	position:relative;
	overflow:hidden
}
.slider,.slider__slides{
	width:100%;
	height:600px
}
.slider__slide,.slider__slideLink{
	width:100%;
	height:inherit
}
.slider__slideLink{
	display:block
}
.slider__slideInner{
	width:100%;
	height:inherit;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:cover
}
.flex-control-nav{
	position:relative;
	z-index:3;
	top:-30px;
	margin:0 auto;
	padding:0 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:1220px
}
.flex-control-nav li a{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:12px;
	height:12px;
	margin:0 10px 0 0;
	display:block;
	text-indent:-99999px;
	background-color:#17191a;
	border-radius:99%
}
.flex-control-nav li a:hover{
	background-color:#ff6c00
}
.flex-control-nav li a.flex-active{
	width:21px;
	height:21px;
	background-color:#ff6c00
}
.socialFooter{
	width:65px;
	height:65px
}
.socialFooter__items{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.socialFooter__item:last-child{
	margin:0
}
.socialFooter__socialLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	width:65px;
	height:65px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:2.5rem;
	text-decoration:none;
	color:#808081;
	background-color:#212223
}
.socialFooter__socialLink_insta:hover{
	background-color:#e1306c
}
.socialFooter__socialLink_twitter:hover{
	background-color:#1da1f2
}
.socialFooter__socialLink_facebook:hover{
	background-color:#3b5998
}
.socialFooter__socialLink_vk:hover{
	background-color:#45668e
}
.socialFooter__socialLink_gp:hover{
	background-color:#dd4b39
}
.socialFooter__socialLink:hover{
	color:#fff
}
.social{
	display:inline-block
}
.social__inner{
	border-top:1px solid hsla(0,0%,100%,.5)
}
.social__title{
	padding:25px 0;
	font-weight:300;
	color:#fff
}
.social__items{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.social__item{
	margin:0 40px 0 0
}
.social__item:last-child{
	margin:0
}
.social__socialLink{
	-webkit-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	font-size:3rem;
	text-decoration:none;
	color:#808081
}
.social__socialLink_insta:hover{
	color:#e1306c
}
.social__socialLink_twitter:hover{
	color:#1da1f2
}
.social__socialLink_facebook:hover{
	color:#3b5998
}
.social__socialLink_vk:hover{
	color:#45668e
}
.social__socialLink_gp:hover{
	color:#dd4b39
}
.animateZoomIn{
	opacity:1;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:b;
	animation-name:b
}
.animateZoomOut{
	opacity:0;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:c;
	animation-name:c
}
 @-webkit-keyframes b{
 0%{
 opacity:0;
 -webkit-transform:scale3d(.3,.3,.3);
 transform:scale3d(.3,.3,.3)
}
 50%{
 opacity:1
}
}
 @keyframes b{
 0%{
 opacity:0;
 -webkit-transform:scale3d(.3,.3,.3);
 transform:scale3d(.3,.3,.3)
}
 50%{
 opacity:1
}
}
 @-webkit-keyframes c{
 0%{
 opacity:1
}
 50%{
 opacity:0;
 -webkit-transform:scale3d(.3,.3,.3);
 transform:scale3d(.3,.3,.3)
}
 to{
 opacity:0
}
}
 @keyframes c{
 0%{
 opacity:1
}
 50%{
 opacity:0;
 -webkit-transform:scale3d(.3,.3,.3);
 transform:scale3d(.3,.3,.3)
}
 to{
 opacity:0
}
}
.error{
	width:100%;
	height:100%;
	overflow-x:hidden;
	min-width:100%;
	background:#17191a
}
.error__inner{
	width:auto;
	height:100%;
	padding:0 15%
}
.error__inner:before{
	width:auto;
	height:100%;
	content:''
}
.error__content,.error__inner:before,.error__label{
	display:inline-block;
	vertical-align:middle
}
.error__label{
	margin-right:40px;
	padding:20px;
	font-size:70px;
	font-weight:600;
	color:#fff;
	background:#ff6c00;
	border-radius:3px
}
.error__messageWrap{
	display:inline-block;
	vertical-align:middle
}
.error__title{
	margin-bottom:20px;
	font-size:26px;
	font-weight:400;
	color:#fff
}

@media (min-width:768px){
.messg{
	left:23%;
	right:23%
}
}

@media (min-width:992px){
.messg{
	left:28%;
	right:28%
}
}

@media (min-width:1200px){
.messg{
	left:33%;
	right:33%
}
}

@media only screen and (max-width:1220px){
.main{
	width:70%
}
.sidebar{
	width:30%
}
}

@media only screen and (max-width:1100px){
.contactForm, .contactInfo{
	width:100%
}
.contactInfo__inner{
	margin:0 0 20px;
	text-align: left;
}
}

@media only screen and (max-width:1024px){
.blog__preview{
	-webkit-box-flex:4;
	-ms-flex:4;
	flex:4
}
.homeServices__item{
	width:25%
}
.main{
	width:100%
}
.servicesSmall__item{
	width:25%
}
.services__item, .sidebar{
	width:100%
}
.sidebar{
	padding:20px 0 0
}
.error__inner{
	text-align:center
}
.error__label{
	margin-right:0
}
.error__messageWrap{
	margin:40px 0 0;
	display:block
}
}

@media only screen and (max-width:990px){
/*.footer__panels{
	display:block;
	height:auto
}
.footer__navPanel, .footer__socialPanel{
	width:100%
}
.footer__navItems{
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}*/
.map__titleBox{
	left:0;
	width:100%
}
.projects__item, .recentProjects__item{
	width:50%
}
.slider, .slider__slides{
	height:400px
}
.flex-control-nav{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.flex-control-nav li a{
	margin:0 5px
}
/*.socialFooter{
	margin:10px 0 0;
	width:100%
}
.socialFooter__item{
	width:25%
}
.socialFooter__socialLink{
	width:100%
}*/
    .portfolio__item .portfolio_group {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:800px){
    .slider, .slider__slides{
    	height:300px
    }
    .logo_slide {
        position: absolute;
        display: block;
        top: 98px;
        height: 305px;
        text-align: center;
    }
    .logo_slide img {
        max-width: 80%;
        display: inline-block;
    }
    .slider_bg_ar {
        top: 45px;
    }
}

@media only screen and (max-width:768px){
.about__column_logo{
	display:none
}
.about__column_text{
	width:100%
}
.about__text{
	padding:0
}
.homeServices__item{
	width:33.33%
}
}

@media only screen and (max-width:760px){
.blog__item{
	display:block
}
.blog__preview{
	width:100%;
	height:300px
}
.projectsDetails__item{
	width:100%
}
.screenSize{
	margin:0
}
.screenSize__item{
	width:100%;
	height:auto;
	margin:0 0 20px
}
.slider_bg_ar {
    top: 66px;
}
}

@media only screen and (max-width:710px){
.header__phoneLink{
	display:none
}
}

@media only screen and (max-width:650px){
.contactForm__column{
	width:100%
}
.contactForm__btn{
	padding:12px 22px;
	width:100%;
	font-size:1rem;
	background-color:#212223
}
.footer__navPanel{
	display:block
}
.footer__navItems{
	width:100%;
	height:100%;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.footer__navItem{
	margin-bottom:10px
}
.footer__copy{
	width:100%;
	height:100%;
	padding:0 0 25px;
	text-align:center
}
.partners__inner{
	padding:0 60px
}
.partners__control_prev{
	left:-50px
}
.partners__control_next{
	right:-50px
}
.partners__control{
	top:calc(50% - 20px);
	background:transparent
}
.servicesSmall__item{
	width:33.33%
}
}

@media only screen and (max-width:580px){
.slider, .slider__slides{
	height:200px
}
}

@media only screen and (max-width:550px){
.header__logoLink{
	font-size:1.3rem
}
.projects__item, .recentProjects__item{
	width:100%
}
.screenSize__itemInner{
	padding:15px 25px
}
.services__itemInner{
	display:block
}
.services__preview{
	padding:15px 0
}
}

@media only screen and (max-width:498px){
.blog__text{
	padding:20px 15px
}
.blog__titleLink{
	font-size:1.3rem
}
.contactForm, .contactInfo__inner{
	padding:15px 10px
}
.footer{
	padding:30px 10px
}
.footer__navPanel{
	padding:15px 10px
}
.header__logoLink{
	font-size:1.14rem
}
.header__logoIcon{
	font-size:2rem
}
.homeServices__sectionTitle{
	font-size:1.3rem
}
.homeServices__item{
	width:50%
}
.homeServices__previewIcon{
	font-size:5.7rem
}
.main{
	padding:20px 15px
}
.navigation__itemLink{
	padding:0 0 10px;
	display:block;
	font-size:1.6rem
}
.pagination__item_next, .pagination__item_prev{
	padding:0
}
.projectsDetails__info{
	padding:20px 15px
}
.projectsDetails__title, .sectionTitle{
	font-size:1.3rem
}
.sectionTitle__text{
	padding:0 20px
}
.servicesSmall__item{
	width:50%
}
.services__text{
	padding:20px 15px
}
.services__titleLink{
	font-size:1.3rem
}
.social{
	display:block
}
.footer {
    padding-bottom: 45px;
}
}

@media only screen and (max-width:430px){
.header__logo{
	width:100%;
	height:auto;
	text-align:center
}
.header__logoLink{
	display:block;
	text-align:center
}
.header__logoIcon{
	font-size:4.2rem
}
.header__logoText{
	display:none
}
.social__socialLink{
	font-size:2.6rem
}
.portfolio__item .portfolio_group a {
    margin: 0;
}
.portfolio__item .portfolio_group>div {
    margin-right: 20px;
}
.portfolio__item .portfolio_group>div:last-child {
    margin-right: 0;
}
    .slider_bg_ar {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 102px;
        background: transparent url(../img/slider_bg_ar.png) top 54px center no-repeat;
        background-size: 198%;
        z-index: -1;
    }
    .slick-slide .projects__itemInner {
        margin: 0 !important;
    }
    .slider_bg_ar {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: -31px;
        background: transparent url(../img/slider_bg_ar.png) top 54px center no-repeat;
        background-size: 324%;
        z-index: -1;
    }
    .footer__navPanel, .footer__panels {
        display: block;
    }
    .polit_link {
        bottom: -166px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .footer__navPanel {
        margin: 0;
    }
    .socialFooter {
        width: 100%;
    }
    .socialFooter__items {
        display: block;
    }
    .socialFooter__socialLink {
        width: 100%;
    }
}

@media only screen and (max-width:375px) {
    .portfolio__item .portfolio_group>div {
        margin-right: 15px;
    }
}



@media only screen and (max-width:360px){
.blog__preview{
	height:250px
}
.services__previewIcon{
	font-size:5rem
}
}

@media only screen and (max-width:330px){
.homeServices__item, .servicesSmall__item{
	width:100%
}
}

@media only screen and (max-width:330px) {
    .portfolio__item .portfolio_group a {
        font-size: 11px;
    }
}




@media only screen and (max-width:220px){
.error__inner:before{
	height:auto
}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span{
	background-image:url(../img/fancybox/fancybox_sprite@2x.png);
	background-size:44px 152px
}
#fancybox-loading div{
	background-image:url(../img/fancybox/fancybox_loading@2x.gif);
	background-size:24px 24px
}
}
.myvideo{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.myvideo iframe,.myvideo object,.myvideo embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.header-project{
    top: 0;
}
.navigation-project{
    position: absolute;
    top: 115px;
    z-index: 1050;
}
.footer-project{
    bottom: 0;
}
.header-project,
.footer-project{
    position: absolute;
    width: 100%;
    z-index: 2;
}
/* * * * * * * * * * */
/* Portfolio Section */
/* * * * * * * * * * */

#pagination_slide{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	position: fixed;
    right: 20px;
    z-index: 3;
}
.onepage-pagination li a{
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 6px 0;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.onepage-pagination li a:before{
    content:"";
    display: block;
    background-color: transparent;
    width: 0px;
    height: 0px;
    border-radius: 50%;
}
.onepage-pagination li a.active:before{
    content:"";
    display: block;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.back_to_portfolio{
    text-decoration: none;
    color: #90908c;
    border: 2px solid #90908c;
    padding: 0.5rem 1.5rem;
    border-radius: 16px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 2;
}
.link_to_port_site a{
    text-decoration: none;
    color: #212223;
    border: 2px solid #212223;
    padding: 0.5rem 1.5rem;
    border-radius: 20px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: block;
    margin: 0 auto;
    width: 225px;
    font-size: 1.5rem;
}
.link_to_port_site a:hover{
    background-color: #212223;
    color: #90908c;
}
.back_to_portfolio:hover{
    background-color: #212223;
    /* color: #fff; */
    border-color: #212223;
     color: #ff6c00;
    border-color: #ff6c00;
}
.link_to_port_site p{
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #212223;
    text-align: center;
}
.back_to_portfolio{
    position: absolute;
    /*bottom: calc(100vh - 60px);*/
    top: 17%;
    left: 30px;
    
    background-color: #212223;
    color: #fff;
    border-color: #212223;
}
.link_to_port_site{
    width: 300px;
    min-height: 100px;
    bottom: calc(50vh - 50px);
    position: absolute;
    left: calc(50% - 150px);
    z-index: 2;
}
.section_slide{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
    z-index: 1;
}
.body_project{
    position: relative;
}
.number_slide{
    position: absolute;
    background-image: url(../img/slide_number.png);
    width: 76px;
    height: 76px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    align-items: center;
    justify-content: center;
    top: 18%;
    left: 5%;
    z-index: 9;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.number_slide span{
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}
.text_slide{
    position: absolute;
    width: 300px;
    height: 200px;
    padding: 0 1rem;
    top: 18%;
    left: calc(5% + 100px);
    color: #191818;
    font-size: 1.5rem;
    line-height: 1.4;
    z-index: 9;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.logo_slide{
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.logo_slide img{
    max-width: 100%;
    display: inline-block;
}
.first_slide{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    align-items: center;
    justify-content: center;
}
.monitor{
    background-image: url(uploads/monitor.png);
    width: 65%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 0;
    top: 10%;
    height: 90%;
}
.monitor div{
    width: 92.5%;
    height: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    overflow-y: auto;
}
.monitor img{
    width: 100%;
}
.left_image{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}



.link_to_port_site {
    width: 100%;
    left: auto;
    text-align: center;
}
.link_to_port_site a {
    min-width: 225px;
    width: auto;
    display: inline-block;
}


.projects__preview {
    position: relative;
   /* border: 6px solid rgba(123, 122, 123, .1);
    border-radius: 6px;*/
}

/**
 *  Progress Bar
 */
 .progress_wrap_glo {
     width: 285px;
     position: relative;
     display: block;
     margin: 0 auto;
     overflow: hidden;
     height: 15px;
     display: none;
 }
 .progress_wrap {
    display: block;
  width: 271px;
  margin: 0 auto;
  height: 15px;
  position: absolute;
  left: 0;
     top: 0;
  
 }
.progress {
  display: block;
  width: 271px;
  margin: 0 auto;
  height: 1px;
  background-color: #666666;
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease-in-out;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 50%;
}

.sr-only {
  position: absolute;
  left: 0;
  width: 100%;
  left: -100%;
  height: 1px;/*
  padding: 0;
  clip: rect(0,0,0,0);
  border: 0;*/
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
   background: #ff6c00;
   top: 50%;
   font-size: 0;
}
.sr-only:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url("/en/assets/img/progress_bar.png") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: -14px;
    top: -7px;
    
}
.caption_project_first_slide {
    
    position: absolute;
    bottom: 120px;
    color: #2e2c2c;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;

}
.polit {
    color: #fff;
}
.polit a {
    color: #ff6c00;
}
.polit input {
    margin-right: 6px;
}
@media (max-height: 1080px) and (max-width: 1920px) {
    .monitor div {
    width: 88.5%;
    height: 64%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    overflow-y: auto;
}
}


@media (max-height: 946px) and (max-width: 1920px) {
    .monitor div {
        width: 77.5%;
        height: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        overflow-y: auto;
    }
}

@media (max-height: 974px) and (max-width: 1920px){
    .monitor div {
        width: 79.5%;
        height: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 42px;
        overflow-y: auto;
    }
}


@media only screen and (max-width: 1680px){ 
    .monitor div {
        width: 92.5%;
        height: 60.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 67px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1600px){ 
    .monitor div {
        width: 88.5%;
        height: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 38px;
        overflow-y: auto;
    }
}
@media (max-height: 759px) and (max-width: 1536px) {
    .monitor div {
        width: 77.5%;
        height: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
        overflow-y: auto;
    }
}
@media only screen and (max-width: 1440px) {
    .monitor div {
        width: 92.5%;
        height: 60.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 57px;
        overflow-y: auto;
    }
    .onepage-pagination {
        top: 39%;
    }
}

@media only screen and (max-width: 1366px) {
    .monitor div {
        width: 88%;
        height: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
        overflow-y: auto;
    }
}

@media (max-height: 662px) and (max-width: 1366px) {
    .monitor div {
    width: 76%;
    height: 64%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 29px;
    overflow-y: auto;
}
}
@media only screen and (max-width: 1280px) {
    .monitor div {
    width: 92%;
    height: 60.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 52px;
    overflow-y: auto;
}
}
@media only screen and (max-width: 1024px)  {
    .monitor div {
        width: 92.5%;
        height: 50.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        overflow-y: auto;
    }
    .number_slide {
        left: 10px;
    }
    .text_slide {
        left: calc(-26px + 100px);
    }
    
    .slide3d_text {
        padding-right: 3%;
    }
}
@media (max-height: 1366px) and (max-width: 1024px) {
    .monitor div {
    width: 92.5%;
    height: 50.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 101px;
    overflow-y: auto;
}
}
@media (max-height: 600px) and (max-width: 1024px) {
    .monitor div {
    width: 92%;
    height: 63.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    overflow-y: auto;
}
.header__inner {
    padding: 7px 0;
}
}

@media only screen and (max-width: 960px)  {
    .monitor div {
        width: 92%;
        height: 60.5%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        overflow-y: auto;
    }
    .polit_link {
        left: 0;
        width: 100%;
        text-align: center;
    }
    .caption_project_first_slide {
        bottom: 106px;
    }
}
@media only screen and (max-width: 800px)  {
   
.monitor div {
    width: 92%;
    height: 62.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    overflow-y: auto;
}
 .caption_project_first_slide {
     display: none;
 }
 .text_slide {
     width: 216px;
 }
 .logo_slide {
    position: absolute;
    display: block;
    top: 83px;
    height: 305px;
    text-align: center;
}
.logo_slide img {
    max-width: 80%;
    display: inline-block;
}
.caption_project_first_slide {
    bottom: 70px;
}
.one_page_nav {
    bottom: 7px;
}
.onepage-pagination {
    top: 35%;
}
.slide3d .projects__preview {
    height: auto;
    display: block;
}
.slide3d_img img {
    max-height: 300px;
}
.slide3d_text {
    display: inline-block;
    width: 100%;
    padding-right: 0;
    padding-top: 320px;
}
.slide3d_img {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
}
.slide3d_text h2 {
    margin-bottom: 10px;
}
}

/*@media (max-height: 1024px) and (max-width: 768px) {
    .monitor div {
    width: 92%;
    height: 28.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 276px;
    overflow-y: auto;
}
}*/
@media only screen and (max-width: 736px) {
    .monitor div {
        width: calc(100% - 96px);
        height: calc(100% - 134px);
        margin-top: 17px;
    }
    .text_slide {
        width: 194px;
    }
   /* .monitor div {
    width: 83%;
    height: 64.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
    overflow-y: auto;
}*/
.back_to_portfolio {
    top: 22%;
}
.caption_project_first_slide {
    bottom: 65px;
}
.logo_slide {
    position: absolute;
    display: block;
    top: 83px;
    height: 240px;
    text-align: center;
}
.logo_slide img {
    max-width: 70%;
    display: inline-block;
}
.footer-project {
    padding-bottom: 10px;
}
.wrapper_from_text_slide {
    display: block;
}
.number_slide {
   opacity: 0;
   left: auto;
   right: 5%;
   top: 114px;
}
.text_slide {
   opacity: 0;
}
.button_text_bg {
    display: block;
}
.wrapper_button_text {
    display: block;
}

.left_image {
    display: none;
}
.monitor_phone {
    background: url(../img/monitor_top.png) top center no-repeat, url(../img/monitor_bottom.png) bottom -64px center no-repeat !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    height: 78% !important;
}
.monitor {
    width: 71%;
    right: 50%;
    margin-right: -36%;
    top: 78px;
}
}
@media only screen and (max-width: 667px) {

    .monitor div {
        width: calc(100% - 36px);
        height: calc(100% - 43px);
        margin-top: 17px;
    }
}
@media only screen and (max-width: 568px) {
.monitor_phone:before {
    content: '';
    width: 17px;
    height: 150px;
    left: 0;
    bottom: 5px;
}
.monitor_phone:after {
    content: '';
    width: 17px;
    height: 150px;
    bottom: 5px;
}
.monitor div {
    width: calc(100% - 32px);
    height: calc(100% - 31px);
    margin-top: 17px;
}
}
@media only screen and (max-width: 414px)  {
    .caption_project_first_slide {
        text-align: center;
        padding: 15px;
    }    
    .text_slide {
        width: 80%;
    }

.monitor_phone:before {
    content: '';
    width: 17px;
    height: 150px;
    bottom: 78px;
}
.monitor_phone:after {
    content: '';
    width: 17px;
    height: 150px;
    bottom: 78px;
}
.back_to_portfolio {
    top: 15%;
    left: 12px;
}
.onepage-pagination {
    top: 37%;
}
.monitor {
    right: 50%;
    margin-right: -135px;
}
.logo_slide img {
    max-width: 85%;
    display: inline-block;
}
.logo_slide {
    position: absolute;
    display: block;
    top: 156px;
    height: 315px;
    text-align: center;
}
.caption_project_first_slide {
    bottom: 90px;
}
.slide3d_img img {
    max-height: 150px;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
}
.slide3d .projects__preview {
    width: 100%;
}
.slide3d_text {
    padding-top: 160px;
}
.slick-prev {
    display: none !important;
}
.slick-next {
    display: none !important;
}
.monitor {
    right: 0;
    top: 23%;
    margin-right: 0;
    width: 100%;
}

.content__rowMap {
    padding: 0 10px 0 10px;
}
.monitor_phone {
    background: url(../img/monitor_top.png) top center no-repeat, url(../img/monitor_bottom.png) bottom center no-repeat !important;
    -webkit-background-size: contain !important; 
    background-size: contain !important; 
    height: 51% !important;
}
.monitor div {
    width: calc(100% - 31px);
    height: calc(100% - 96px);
    margin-top: 17px;
}
}


@media only screen and (max-width: 375px) {
.monitor div {
    width: calc(100% - 31px);
    height: calc(100% - 87px);
    margin-top: 17px;
}
    figure.effect-chico figcaption::before {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        border: 1px solid #96490b;
        content: '';
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    figure.effect-chico p {
        font-size: 11px;
        padding-bottom: 21px;
        padding-left: 25px;
    }
    .monitor_phone:before {
        width: 15px;
        bottom: 73px;
    }
    .monitor_phone:after {
        width: 15px;
        bottom: 73px;
    }
}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {
.monitor div {
    width: calc(100% - 26px);
    height: calc(100% - 77px);
    margin-top: 13px;
}
.monitor_phone:before {
    width: 13px;
    bottom: 65px;
}
figure.effect-chico p {
    font-size: 8px;
}
.monitor_phone:after {
    width: 13px;
    bottom: 65px;
}

}

h2 {
    word-wrap: break-word;
}