/*!
Theme Name: Курсы англиского Киев
Author: Roma
Description: Шаблон 1
*/

@import "https://fonts.googleapis.com/css?family=Arsenal";
.nav-visible .nav li{
	text-align:center;
}
.contact-us-top {
    position: fixed;
    right: 10px;
    bottom: 20px;
	width:75px;
	z-index:9999;
}
.section .section__inner .teacher{
    width: 50%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%
}
.wpcf7{
	margin: 0 auto !important;
	max-width: 500px;
}
.wpcf7-submit{
	text-align:center;
	display:block;
	margin: 0 auto !important;
	margin-left:230px!important;
}


.owl-carousel img {
   height:200px;
    width: 150px;
    margin-top: 60px;
}

.owl-carousel {
    margin-bottom: -100px;
}



.logo img{
	max-width: 150%;
}




.picture{
	background: url("images/pic/14.jpeg")center/cover no-repeat;
	min-height: 400px;
	margin-top:100px;
	margin-bottom:30px;
}
.block-news{
	background: url("images/pic/2.jpg")center/cover no-repeat;
	min-height: 400px;
	margin-top:100px;
	margin-bottom: -25px;
}

.block-contact{
	background: url("images/pic/5.jpg")center/cover no-repeat;
	min-height: 400px;
	margin-top:100px;
	margin-bottom:-80px;
}

.block-galery{
    background: url("images/pic/13.jpg")center/cover no-repeat;
    background-position: 0px -100px;
    min-height: 400px;
    margin-top:100px;
    margin-bottom: -25px;
}


.block-curses{
	background: url("images/pic/12.jpg")center/cover no-repeat;
    background-position: 0px -100px;
	min-height: 400px;
	margin-top:100px;
	margin-bottom: -25px;
}


.roman{
	padding:150px 50px 0!important;
}
.service__title{
    margin-top: 25px;
}

.welcome_text{
    text-align: justify;
}

.read{
	text-decoration: none;
}

.testimonial-single{
	padding-left:20px;
	padding-right:20px;
}


.post_content{
    /*padding-right: 100px;*/
    text-align: justify;
}




.welcome_btn{
    background-color: #302daf;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    border-radius: 7px;
	display: block;
	margin: 25px auto 0;	
    }

.welcome_btn:hover{
    background-color: orange;
}


.welcome {
    background: url(images/pic/7.jpg)center/cover no-repeat;
    min-height: 350px;
}


.maps{
    margin-top: 80px;
}


.service__entry p{
    text-align: justify;
}

.test p{
    text-align: center;
}


.post-image{
    margin-bottom: 25px;
}

.single_image img{
    width: 50%;
  
}

.shell-fluid-teachers{
   
}

.teachers-otstup{
    margin-bottom: 50px;
    border-bottom: 1px solid red;
    }




.section .shell-fluid > :not(.section__aside--primary){
    flex: 0 0 50%;
}


.logo2 aside span {
    position: relative;
    display: inline-block;
    width: 40px !important;
    height: 40px !important;
    top: 0;
    vertical-align: middle;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background-image: url(images/top-raiting.png) !important;
    background-size: 100% 100%;
    -webkit-transition: top .1s,background-image .3s,-webkit-transform .3s;
    transition: top .1s,background-image .3s,-webkit-transform .3s;
    -o-transition: top .1s,transform .3s,background-image .3s;
    transition: top .1s,transform .3s,background-image .3s;
    transition: top .1s,transform .3s,background-image .3s,-webkit-transform .3s;
}

h3 {
    font-family: 'Arsenal',sans-serif !important
}

.works-new{
	display:flex;
}

.section-inner {
	margin: 0 auto;
	max-width: 1240px;
}

.posts {
	margin: -10px;
}

.post-preview {
	display: block;
	padding: 10px;
	position: relative;
	transition: none;
	width: 100%;
	padding: 2%;
}

.no-js .posts .post-preview {
	max-height: 100vh;
	overflow: hidden;
	width: 100% !important;
}

.post-preview.will-spot {
	opacity: 0;
	transform: translateY( 40px );
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

.post-preview.spotted {
	opacity: 1;
	transform: translateY( 0px );
}

.post-preview.jetpack-fade-in {
	animation: jetpackFadeIn .5s 0s 1;
}

@keyframes jetpackFadeIn {
	from {
		opacity: 0;
		transform: translateY( 40px );
	}
	to {
		opacity: 1;
		transform: translateY( 0 );
	}
}

.preview-image {
	background: rgba( 0, 0, 0, 0.1 ) no-repeat center;
	background-size: cover;
	position: relative;
}

.dark-mode .preview-image {
	background-color: rgba( 255, 255, 255, 0.1 );
}

.post-preview.fallback-image .preview-image:before {
	content: "";
	display: block;
	padding-bottom: 75%;
	width: 100%;
}

.post-preview.fallback-image .preview-image img {
	display: none;
}

.preview-image:after {
	background: rgba( 0, 0, 0, 0.5 );
	content: "";
	opacity: 0;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	transition: opacity .3s ease-in-out, background .3s ease-in-out;
}

.post-preview header:hover {
	background: #abaaaa;
}

.preview-image img {
	visibility: hidden;
	width: 100%;
}

.post-preview header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
	flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
	position: absolute;
		bottom: 40px;
		left: 40px;
		right: 40px;
		top: 40px;
	text-align: center;
	transition: all .3s ease-in-out;
	transform: translateY( 10px );
}

.post-preview.sticky .sticky-post {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 100%;
}

.post-preview h2 {
	color: #fff;
	line-height: 1.25;
	text-align: center;
	width: 100%;
	word-break: break-word;
	font-size:30px;
}

.post-preview .preview-image:after,
.show-preview-titles .post-preview .preview-image:after {
	opacity: 1;
}

.post-preview header,
.show-preview-titles .post-preview header {
	opacity: 1;
	transform: translateY( 0 );
}

.related-posts {
	margin: -10px;
}

.related-posts .post-preview {
	float: left;
}

.related-posts .post-preview:nth-child(3) {
	display: none;
}

.related-posts .post-preview .preview-image img {
	display: none;
}

.related-posts .post-preview .preview-image:before {
	content: "";
	display: block;
	padding-bottom: 150%;
	width: 100%;
}





.ordernav {
    border: 1px solid #fff;
    padding: 5px;
    margin-top: -5px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    80% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0
    }

    81%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        width: auto !important;
    }

        .owl-carousel .owl-item img {
            display: block;
            /*width: 100%*/
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(https://alfaweb.com.ua/assets/css/owl.video.play.png.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    -webkit-transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0)
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(https://alfaweb.com.ua/assets/css/mCSB_buttons.png.html);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: alpha(opacity=75);
        -ms-filter: alpha(opacity=75)
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: alpha(opacity=90);
        -ms-filter: alpha(opacity=90)
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.5)),color-stop(100%,hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(left,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.5)),color-stop(100%,hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(top,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px hsla(0,0%,100%,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px hsla(0,0%,100%,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px hsla(0,0%,100%,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px hsla(0,0%,100%,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        border-radius: 7px
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 0 0 hsla(0,0%,100%,.4);
    box-shadow: inset 1px 0 0 hsla(0,0%,100%,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 hsla(0,0%,100%,.4),inset -1px 0 0 rgba(0,0,0,.2);
    box-shadow: inset 1px 0 0 hsla(0,0%,100%,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20)
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: #fff;
    border: 1px solid hsla(0,0%,100%,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.9)
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #ccc
    }

        .mfp-preloader a:hover {
            color: #fff
        }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

    .mfp-close:focus, .mfp-close:hover {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1
    }

    .mfp-arrow:after, .mfp-arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .8
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

html {
    margin-top: 0;
    -webkit-transition: margin-top .4s;
    -o-transition: margin-top .4s;
    transition: margin-top .4s
}

    html.campaign {
        margin-top: 60px
    }

        html.campaign.hide {
            margin-top: 0
        }

        html.campaign.show {
            margin-top: 60px
        }

body {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-width: 320px;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    line-height: 1.79;
    color: #353535;
    background: #fff
}

a {
    color: inherit;
    text-decoration: underline
}

    a[href^=tel] {
        text-decoration: none
    }

h1 {
    font-family: Tungsten Rounded,sans-serif;
    font-size: 150px;
    line-height: .78;
    font-weight: 600;
    text-transform: uppercase
}

    h1 small {
        display: block;
        margin-bottom: 25px;
        font-size: 40px;
        font-weight: 400
    }

h2 {
    font-family: Tungsten Rounded,sans-serif;
    font-size: 140px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase
}

    h2 span {
        display: block;
        margin-bottom: -11px;
        font-size: 80px;
        font-weight: 400
    }

    h2 em {
        font-weight: 300;
        font-style: normal
    }

    h2 strong {
        display: block;
        font-weight: 600
    }

h3 {
    font-size: 65px;
    line-height: .93;
    font-weight: 600
}

h3, h4 {
    font-family: Tungsten Rounded,sans-serif;
    letter-spacing: .01em
}

h4 {
    font-size: 40px;
    font-weight: 500
}

h4, h5 {
    line-height: 1
}

h5 {
    font-family: Tungsten Rounded,sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .05em
}

h6 {
    font-size: 16px;
    font-weight: 400
}

button {
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .895em
}

blockquote, dl, ol, p, table, ul {
    margin-bottom: 1.79em
}

    blockquote:last-child, dl:last-child, h1:last-child, h1[class], h2:last-child, h2[class], h3:last-child, h3[class], h4:last-child, h4[class], h5:last-child, h5[class], h6:last-child, h6[class], ol:last-child, p:last-child, table:last-child, ul:last-child {
        margin-bottom: 0
    }

@media (max-width:1366px) {
    h1 {
        font-size: 160px
    }

    h2 {
        font-size: 120px
    }
}

@media (max-width:1023px) {
    h6 {
        font-size: 14px
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 100px
    }

        h1 small {
            font-size: 35px
        }

    h3 {
        font-size: 55px
    }

    h4 {
        font-size: 35px
    }
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-Light.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-Light.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-Light.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-Light.ttf.html) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-Book.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-Book.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-Book.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-Book.ttf.html) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-Medium.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-Medium.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-Medium.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-Medium.ttf.html) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-SemiBold.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-SemiBold.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-SemiBold.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-SemiBold.ttf.html) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-Bold.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-Bold.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-Bold.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-Bold.ttf.html) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url(fonts/tungsten-rounded/TungstenRounded-Black.eot);
    src: url(https://alfaweb.com.ua/assets/fonts/tungsten-rounded/TungstenRounded-Black.eot@) format("embedded-opentype"),url(fonts/tungsten-rounded/TungstenRounded-Black.woff) format("woff"),url(fonts/tungsten-rounded/TungstenRounded-Black.ttf.html) format("truetype");
    font-weight: 900;
    font-style: normal
}

.clear:after {
    content: "";
    line-height: 0;
    display: table;
    clear: both
}

[name^=google_conversion] {
    position: fixed;
    top: -1000px;
    left: 1000px;
    opacity: 0;
    visibility: hidden
}

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

.no-scroll {
    position: fixed;
    width: 100%;
    height: 100%
}

.hidden, [hidden], [v-cloak] {
    display: none
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.disabled, [disabled] {
    cursor: default;
    pointer-events: none
}

.text-shadow {
    text-shadow: 5px 9px 0 rgba(0,0,0,.15)
}

.sticked {
    position: fixed;
    top: 0
}

.number-cycle-enter-active, .number-cycle-leave-active {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.number-cycle-leave-active {
    height: 0
}

.number-cycle-enter {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.number-cycle-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.fade-top-enter-active, .fade-top-leave-active {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.fade-top-enter {
    opacity: 0;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
}

.fade-top-leave-to {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%)
}

.fade-bottom-enter-active, .fade-bottom-leave-active {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.fade-bottom-enter {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.fade-bottom-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fade-bottom-short-enter-active, .fade-bottom-short-leave-active {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.fade-bottom-short-enter {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.fade-bottom-short-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fade-bottom-shorter-enter-active, .fade-bottom-shorter-leave-active {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.fade-bottom-shorter-enter {
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%)
}

.fade-bottom-shorter-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%)
}

.page-enter-active, .page-leave-active {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out
}

.page-leave-active {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%
}

.page-leave-to {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.page-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

    .page-enter:first-child {
        z-index: 1;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.page-leave:last-child {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.page-leave-to:last-child {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-cell .visible-sm-cell .visible-md-cell .visible-lg-cell, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }

    .visible-xs-cell {
        display: table-cell !important
    }
}

@media (max-width:1023px) {
    .hidden-sm {
        display: none !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }

    .visible-sm-cell {
        display: table-cell !important
    }
}

@media (max-width:1366px) {
    .hidden-md {
        display: none !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }

    .visible-md-cell {
        display: table-cell !important
    }
}

@media (max-width:1600px) {
    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .visible-lg-cell {
        display: table-cell !important
    }
}

.text-danger {
    color: #db3021
}

.fix-text {
    color: red !important;
    outline: 1px dashed red
}

*, :after, :before {
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, video {
    display: block
}

html {
    tap-highlight-color: transparent
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

video {
    display: block;
    width: 100%;
    height: auto
}

audio, iframe, img, object, video {
    max-width: 100%
}

iframe, img {
    border: 0 none
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle
}

b, strong {
    font-weight: 700
}

address {
    font-style: normal
}

svg:not(:root) {
    overflow: visible
}

a, button, input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], label[for] {
    cursor: pointer
}

    a[href^=tel], button[disabled], input[disabled], select[disabled], textarea[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    a[href^=tel], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button, select {
    text-transform: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

nav ol, nav ul {
    list-style: none outside none
}

.container {
    padding-bottom: 150px
}

@media (max-width:1279px) {
    .container {
        padding-bottom: 60px
    }
}

@media (max-width:767px) {
    .container {
        padding-bottom: 30px
    }
}

.content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0;
    background: #fff;
    z-index: 2;
    border-top: 1px solid transparent
}

    .footer.footer--primary {
        border-top: 1px solid #e5e5e5
    }

    .footer .footer__content {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer .footer__content, .footer .footer__nav-outer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .footer .footer__nav-outer {
        margin: 0 -98px
    }

    .footer .footer__nav {
        padding: 0 98px;
        font-size: 13px;
        color: #868686;
        white-space: nowrap
    }

        .footer .footer__nav h5 {
            margin: 0 0 2.25em;
            font-family: Poppins,sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #353535;
            opacity: .8;
            letter-spacing: 0
        }

        .footer .footer__nav ul {
            display: inline-block;
            vertical-align: top;
            margin: 0
        }

            .footer .footer__nav ul + ul {
                margin-left: 98px
            }

        .footer .footer__nav li + li {
            margin-top: 10px
        }

        .footer .footer__nav a {
            text-decoration: none;
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s
        }

        .footer .footer__nav strong {
            font-weight: 600
        }

        .footer .footer__nav .ico-phone-small {
            width: 10px;
            height: 16px;
            margin: -1px 6px 0 2px;
            opacity: .6
        }

        .footer .footer__nav .ico-envelope-small {
            margin: -1px 5px 0 0;
            opacity: .4
        }

        .footer .footer__nav + .footer__nav {
            border-left: 1px solid #d9d9d9
        }

    .footer .footer__inner {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: right
    }

    .footer .footer__logo {
        margin-bottom: 75px;
        text-align: left
    }

        .footer .footer__logo .logo {
            margin-left: auto;
            opacity: .8;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

            .footer .footer__logo .logo:hover {
                opacity: 1
            }

    .footer .socials {
        margin-bottom: 6px
    }

@media (max-width:1600px) {
    .footer {
        display: block
    }

        .footer .footer__nav-outer {
            margin: 0 -72px
        }

        .footer .footer__nav {
            padding: 0 72px
        }

            .footer .footer__nav ul + ul {
                margin-left: 72px
            }
}

@media (max-width:1279px) {
    .footer .footer__nav-outer {
        margin: 0 -42px
    }

    .footer .footer__nav {
        padding: 0 42px
    }

        .footer .footer__nav ul + ul {
            margin-left: 42px
        }
}

@media (max-width:1023px) {
    .footer {
        padding: 40px 0
    }

        .footer .footer__content {
            display: block
        }

        .footer .footer__inner {
            margin-top: 40px;
            text-align: center
        }

        .footer .footer__nav-outer {
            margin: 0 -24px
        }

        .footer .footer__nav {
            padding: 0 24px;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%
        }

            .footer .footer__nav ul + ul {
                margin-left: 24px
            }

        .footer .footer__logo {
            margin-bottom: 20px
        }

            .footer .footer__logo .logo {
                margin: 0 auto
            }
}

@media (max-width:767px) {
    .footer {
        padding: 36px 0
    }

        .footer .footer__nav-outer {
            display: block
        }

        .footer .footer__nav {
            text-align: center
        }

            .footer .footer__nav h5 {
                margin-bottom: 1em
            }

            .footer .footer__nav ul {
                display: block
            }

                .footer .footer__nav ul + ul {
                    margin: 0
                }

            .footer .footer__nav + .footer__nav {
                margin-top: 36px;
                border: 0
            }
}

.header {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    padding: 30px 50px;
    pointer-events: none;
    z-index: 1000;
    -webkit-transition: top .4s,padding .2s,background .2s;
    -o-transition: top .4s,padding .2s,background .2s;
    transition: top .4s,padding .2s,background .2s
}

html.campaign .header {
    top: 60px
}

html.campaign.hide .header {
    top: 0
}

html.campaign.show .header {
    top: 60px
}

html.campaign .nav-visible .header {
    top: 0
}

.header > * {
    pointer-events: auto
}

.header .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 89px;
    -ms-flex: 0 0 89px;
    flex: 0 0 89px
}

    .header .logo aside span:first-child {
        -webkit-animation: rotationCopy .6s;
        animation: rotationCopy .6s
    }

    .header .logo aside span:last-child {
        -webkit-animation: rotationSecCopy .6s;
        animation: rotationSecCopy .6s
    }

.header .header__link {
    display: inline-block;
    vertical-align: middle;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    -webkit-transition: opacity .3s,color .3s,visibility .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,color .3s,visibility .3s,background-color .3s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .3s,color .3s,visibility .3s,background-color .3s;
    transition: transform .3s,opacity .3s,color .3s,visibility .3s,background-color .3s;
    transition: transform .3s,opacity .3s,color .3s,visibility .3s,background-color .3s,-webkit-transform .3s;
    border-radius: 25px;
    padding: 6px 15px;
    text-align: center
}

    .header .header__link span {
        display: block
    }

    .header .header__link small {
        display: block;
        margin-top: 4px;
        font-size: 8px;
        font-family: Poppins,sans-serif;
        opacity: .8
    }

.header.header-scrolled {
    padding-top: 14px;
    padding-bottom: 14px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #353535
}

    .header.header-scrolled .nav-btn:before {
        opacity: 1
    }

    .header.header-scrolled .logo strong {
        -webkit-transform: translateX(-50px) scale(.5);
        -ms-transform: translateX(-50px) scale(.5);
        transform: translateX(-50px) scale(.5);
        opacity: 0
    }

    .header.header-scrolled .logo aside span:first-child {
        -webkit-animation: rotation .6s;
        animation: rotation .6s
    }

    .header.header-scrolled .logo aside span:last-child {
        -webkit-animation: rotationSec .6s;
        animation: rotationSec .6s
    }

    .header.header-scrolled .header__link {
        background-color: #fff
    }

.header .header__aside {
    display: none
}

.header .header__samples-controls {
    margin: -5px 0
}

.header--white:not(.header--dark):not(.header-scrolled) {
    color: #fff
}

    .header--white:not(.header--dark):not(.header-scrolled) .nav-btn:not(.nav-visible) span {
        background: #fff
    }

    .header--white:not(.header--dark):not(.header-scrolled) .header__link, .header--white:not(.header--dark):not(.header-scrolled) .logo {
        color: #fff
    }

    .header--white:not(.header--dark):not(.header-scrolled) .header__link {
        background-color: transparent
    }

        .header--white:not(.header--dark):not(.header-scrolled) .nav .nav__order a, .header--white:not(.header--dark):not(.header-scrolled) .nav > ul > li:hover > a {
        color: #fff;
    }

        .header--white:not(.header--dark):not(.header-scrolled) .nav .nav__order a:hover {
            color: #ff0a16
        }

    .header--white:not(.header--dark):not(.header-scrolled) .ico-padlock-unlock-charcoal {
        background-image: url(images/icons/ico-padlock-unlock.svg)
    }

    .header--white:not(.header--dark):not(.header-scrolled) a:hover .ico-padlock-unlock-charcoal {
        background-image: url(images/icons/ico-padlock-unlock-yellow.svg)
    }

.header.header--campaign {
    max-width: 1440px;
    padding: 44px 135px;
    left: 50%;
    background: none;
    border: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header--campaign .header__aside, .header--campaign .nav {
    display: none
}

.header--thank-you {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0 !important
}

.header--samples {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    pointer-events: auto;
    background: #fff;
    z-index: 5;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.2)
}

@media (max-width:1279px) {
    .header {
        padding: 30px
    }
}

@media (max-width:1023px) {
    .header {
        padding: 8px 18px
    }

        .header.header-scrolled {
            padding-top: 8px;
            padding-bottom: 8px
        }

        .header .header__aside {
            display: block
        }

    .header--white:not(.header--dark):not(.header-scrolled) {
        color: #353535
    }

        .header--white:not(.header--dark):not(.header-scrolled) .nav .nav__order a, .header--white:not(.header--dark):not(.header-scrolled) .nav > ul > li:hover > a {
            color: #00a0d2
        }

            .header--white:not(.header--dark):not(.header-scrolled) .nav .nav__order a:hover {
                color: inherit
            }

        .header--white:not(.header--dark):not(.header-scrolled) .ico-padlock-unlock-charcoal {
            background-image: url(images/icons/ico-padlock-unlock-charcoal.svg)
        }

        .header--white:not(.header--dark):not(.header-scrolled) a:hover .ico-padlock-unlock-charcoal {
            background-image: url(images/icons/ico-padlock-unlock-blue.svg)
        }
}

.main {
    position: relative;
    min-height: 100vh
}

    .main .main__scroll {
        position: fixed;
        bottom: 100px;
        right: 50px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s,visibility .3s;
        -o-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s;
        z-index: 2
    }

    .main .main__inner {
        padding: 100px 0;
        background: #eee
    }

        .main .main__inner > .shell-fluid {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

@media (max-width:1366px) {
    .main .main__inner {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width:1279px) {
    .main .main__scroll {
        right: 30px
    }
}

@media (max-width:767px) {
    .main .main__inner {
        padding: 30px 0
    }
}

.shell-fluid {
    max-width: 1670px;
    width: 100%;
    padding: 0 135px;
    margin: 0 auto
}

.shell-fluid--narrow {
    max-width: 1440px
}

@media (max-width:1366px) {
    .shell-fluid {
        padding: 0 50px
    }

    .shell-fluid--narrow {
        padding: 0 135px
    }
}

@media (max-width:1279px) {
    .shell-fluid {
        padding: 0 30px
    }
}

@media (max-width:1023px) {
    .shell-fluid {
        padding: 0 30px
    }
}

@media (max-width:767px) {
    .shell-fluid {
        padding: 0 20px
    }
}

.sidebar {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 367px;
    -ms-flex: 0 0 367px;
    flex: 0 0 367px
}

@media (max-width:1279px) {
    .sidebar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px
    }
}

@media (max-width:1023px) {
    .sidebar {
        display: none
    }
}

.wrapper {
    position: relative;
    min-height: 100vh;
    overflow: hidden
}

@-webkit-keyframes rotation {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotation {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes rotationCopy {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotationCopy {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes rotationSec {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotationSec {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes rotationSecCopy {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotationSecCopy {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    40% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    40% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes float {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(10px,5px) rotate(5deg);
        transform: translate(10px,5px) rotate(5deg)
    }
}

@keyframes float {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(10px,5px) rotate(5deg);
        transform: translate(10px,5px) rotate(5deg)
    }
}

@-webkit-keyframes floatSec {
    0%,to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1)
    }

    50% {
        -webkit-transform: translate(-5px,-10px) scale(1.02);
        transform: translate(-5px,-10px) scale(1.02)
    }
}

@keyframes floatSec {
    0%,to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1)
    }

    50% {
        -webkit-transform: translate(-5px,-10px) scale(1.02);
        transform: translate(-5px,-10px) scale(1.02)
    }
}

@-webkit-keyframes floatTer {
    0%,to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(2deg) scale(.97);
        transform: rotate(2deg) scale(.97)
    }
}

@keyframes floatTer {
    0%,to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(2deg) scale(.97);
        transform: rotate(2deg) scale(.97)
    }
}

@-webkit-keyframes floatQuat {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

@keyframes floatQuat {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

@-webkit-keyframes floatBurger {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(11%,7%) rotate(5deg);
        transform: translate(11%,7%) rotate(5deg)
    }
}

@keyframes floatBurger {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(11%,7%) rotate(5deg);
        transform: translate(11%,7%) rotate(5deg)
    }
}

@-webkit-keyframes floatBurgerSec {
    0%,to {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-7%,-11%) scale(1.02) rotate(-5deg);
        transform: translate(-7%,-11%) scale(1.02) rotate(-5deg)
    }
}

@keyframes floatBurgerSec {
    0%,to {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-7%,-11%) scale(1.02) rotate(-5deg);
        transform: translate(-7%,-11%) scale(1.02) rotate(-5deg)
    }
}

@-webkit-keyframes floatBurgerTer {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg) scale(1);
        transform: translate(0) rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: translate(-2%,-8%) rotate(2deg) scale(.97);
        transform: translate(-2%,-8%) rotate(2deg) scale(.97)
    }
}

@keyframes floatBurgerTer {
    0%,to {
        -webkit-transform: translate(0) rotate(0deg) scale(1);
        transform: translate(0) rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: translate(-2%,-8%) rotate(2deg) scale(.97);
        transform: translate(-2%,-8%) rotate(2deg) scale(.97)
    }
}

@-webkit-keyframes scaleSmall {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
}

@keyframes scaleSmall {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
}

@-webkit-keyframes scaleDown {
    0%,to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    50% {
        -webkit-transform: translateY(10px) scale(.94);
        transform: translateY(10px) scale(.94)
    }
}

@keyframes scaleDown {
    0%,to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    50% {
        -webkit-transform: translateY(10px) scale(.94);
        transform: translateY(10px) scale(.94)
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateY(1px) scaleY(.3);
        transform: translateY(1px) scaleY(.3)
    }

    10% {
        -webkit-transform: translateY(4px) scaleY(1.5);
        transform: translateY(4px) scaleY(1.5)
    }

    30% {
        -webkit-transform: translateY(10px) scaleY(.3);
        transform: translateY(10px) scaleY(.3)
    }

    80% {
        -webkit-transform: translateY(4px) scaleY(1.5);
        transform: translateY(4px) scaleY(1.5)
    }

    to {
        -webkit-transform: translateY(1px) scaleY(.3);
        transform: translateY(1px) scaleY(.3)
    }
}

@-webkit-keyframes floatUpIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes floatUpIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes floatUp {
    0%,to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floatUp {
    0%,to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shadow {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes shadow {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes scrollUp {
    0%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes scrollUp {
    0%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@-webkit-keyframes slideOut {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOut {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes loading {
    0% {
        border-color: #353535 transparent transparent;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33% {
        border-color: #db3021 transparent transparent;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    67% {
        border-color: #00a0d2 transparent transparent;
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }

    to {
        border-color: #353535 transparent transparent;
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@keyframes loading {
    0% {
        border-color: #353535 transparent transparent;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33% {
        border-color: #db3021 transparent transparent;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    67% {
        border-color: #00a0d2 transparent transparent;
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }

    to {
        border-color: #353535 transparent transparent;
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@-webkit-keyframes loadingInner {
    0% {
        fill: #353535
    }

    33% {
        fill: #db3021
    }

    50% {
        fill: #db3021;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    67% {
        fill: #00a0d2
    }

    to {
        fill: #353535;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loadingInner {
    0% {
        fill: #353535
    }

    33% {
        fill: #db3021
    }

    50% {
        fill: #db3021;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    67% {
        fill: #00a0d2
    }

    to {
        fill: #353535;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes drawAttention {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes drawAttention {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rocketFloat {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes rocketFloat {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes rocketShadow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes rocketShadow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes flowerRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes flowerRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes flowerLeaf {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
}

@keyframes flowerLeaf {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
}

@-webkit-keyframes samplesBracket {
    0% {
        -webkit-transform: rotate(.005deg);
        transform: rotate(.005deg)
    }

    to {
        -webkit-transform: translateX(-5px) rotate(.005deg);
        transform: translateX(-5px) rotate(.005deg)
    }
}

@keyframes samplesBracket {
    0% {
        -webkit-transform: rotate(.005deg);
        transform: rotate(.005deg)
    }

    to {
        -webkit-transform: translateX(-5px) rotate(.005deg);
        transform: translateX(-5px) rotate(.005deg)
    }
}

@-webkit-keyframes samplesBracketAlt {
    0% {
        -webkit-transform: rotate(.005deg);
        transform: rotate(.005deg)
    }

    to {
        -webkit-transform: translateX(5px) rotate(.005deg);
        transform: translateX(5px) rotate(.005deg)
    }
}

@keyframes samplesBracketAlt {
    0% {
        -webkit-transform: rotate(.005deg);
        transform: rotate(.005deg)
    }

    to {
        -webkit-transform: translateX(5px) rotate(.005deg);
        transform: translateX(5px) rotate(.005deg)
    }
}

@-webkit-keyframes labsCode {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }
}

@keyframes labsCode {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }
}

.animation > * {
    visibility: hidden
}

.animation.animating > * {
    visibility: visible
}

.animation--rocket.animated .animation__shadow {
    -webkit-transform-origin: 134px 134px;
    -ms-transform-origin: 134px 134px;
    transform-origin: 134px 134px;
    -webkit-animation: rocketShadow .7s linear .2s infinite alternate;
    animation: rocketShadow .7s linear .2s infinite alternate
}

.animation--rocket.animated .animation__rocket {
    -webkit-animation: rocketFloat .7s linear .2s infinite alternate;
    animation: rocketFloat .7s linear .2s infinite alternate
}

.animation--flower .animation__flower, .animation--flower .animation__leaf {
    fill: #fff
}

.animation--flower.animated .animation__flower {
    -webkit-transform-origin: 143.3px 49.2px;
    -ms-transform-origin: 143.3px 49.2px;
    transform-origin: 143.3px 49.2px;
    -webkit-animation: flowerRotate 12s linear .2s infinite;
    animation: flowerRotate 12s linear .2s infinite
}

.animation--flower.animated .animation__leaf {
    -webkit-transform-origin: 151.4px 78.5px;
    -ms-transform-origin: 151.4px 78.5px;
    transform-origin: 151.4px 78.5px;
    -webkit-animation: flowerLeaf 1s linear .2s infinite alternate;
    animation: flowerLeaf 1s linear .2s infinite alternate
}

.animation--samples.animated .animation__bracket {
    -webkit-animation: samplesBracket 1.5s linear .2s infinite alternate;
    animation: samplesBracket 1.5s linear .2s infinite alternate
}

.animation--samples.animated .animation__bracket-alt {
    -webkit-animation: samplesBracketAlt 1.5s linear .2s infinite alternate;
    animation: samplesBracketAlt 1.5s linear .2s infinite alternate
}

.animation--labs.animated .animation__code {
    -webkit-transform-origin: 82.23px 0;
    -ms-transform-origin: 82.23px 0;
    transform-origin: 82.23px 0;
    -webkit-animation: labsCode 1.5s linear .2s infinite alternate;
    animation: labsCode 1.5s linear .2s infinite alternate
}

    .animation--labs.animated .animation__code:nth-child(2) {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .animation--labs.animated .animation__code:nth-child(3) {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }

    .animation--labs.animated .animation__code:nth-child(4) {
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-delay: 1.05s;
        animation-delay: 1.05s
    }

.animation--burger.animated .animate__float {
    -webkit-animation: floatQuat 3s linear .2s infinite alternate;
    animation: floatQuat 3s linear .2s infinite alternate
}

.animation--burger.animated .animate__fade {
    -webkit-animation: fade 2s linear .2s infinite alternate;
    animation: fade 2s linear .2s infinite alternate
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(800px) rotateX(90deg);
        transform: perspective(800px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    to {
        -webkit-transform: perspective(800px);
        transform: perspective(800px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(800px) rotateX(90deg);
        transform: perspective(800px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    to {
        -webkit-transform: perspective(800px);
        transform: perspective(800px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: .8s !important;
    animation-duration: .8s !important
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .8s !important;
    animation-duration: .8s !important
}

@-webkit-keyframes testimonialsFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes testimonialsFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.testimonialsFadeIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation: testimonialsFadeIn .3s .3s ease-out both !important;
    animation: testimonialsFadeIn .3s .3s ease-out both !important
}

@-webkit-keyframes testimonialsFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@keyframes testimonialsFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

.testimonialsFadeOut {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation: testimonialsFadeOut .3s ease-in both !important;
    animation: testimonialsFadeOut .3s ease-in both !important
}

.article:first-child {
    margin-top: -100px
}

.article {
    position: relative;
    padding-top: 100px
}

    .article h3 {
        font-weight: 400;
        position: relative;
        padding-bottom: 59px;
        margin-bottom: 50px
    }

        .article h3:before {
            content: "";
            position: absolute;
            width: 70px;
            height: 8px;
            bottom: 0;
            left: 0;
            background-image: url(images/wave-charcoal.png);
            background-size: 100% 100%
        }

    .article h4 {
        font-weight: 400;
        margin-bottom: 27px
    }

    .article h5 {
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 0
    }

    .article h6 {
        font-weight: 600;
        margin-bottom: 11px
    }

    .article li {
        position: relative;
        padding-left: 25px
    }

        .article li + li {
            margin-top: 11px
        }

    .article ol {
        counter-reset: nums;
        margin-bottom: 25px;
        list-style-type: none
    }

        .article ol li {
            counter-increment: nums
        }

            .article ol li:before {
                content: counter(nums) ".";
                position: absolute;
                top: 0;
                left: 0
            }

    .article ul {
        list-style-type: none
    }

        .article ul li:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 1px;
            top: 12px;
            left: 0;
            background: currentColor
        }

    .article p {
        margin-bottom: 23px
    }

        .article p + h5 {
            padding-top: 27px
        }

        .article p + h6 {
            padding-top: 12px
        }

        .article p a:not([href^=mailto]) {
            font-weight: 600
        }

    .article h6, .article ol, .article p, .article ul {
        opacity: .8
    }

.article--small {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1366px) {
    .article:first-child {
        margin-top: -80px
    }

    .article {
        padding-top: 80px
    }
}

@media (max-width:767px) {
    .article {
        padding-top: 50px
    }

        .article:first-child {
            margin-top: 0
        }

        .article h3 {
            padding-bottom: 40px
        }
}

.btn {
    position: relative;
    display: inline-block;
    border: 0;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .btn:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        top: 10px;
        left: 10px;
        -webkit-transition: top .15s,left .15s;
        -o-transition: top .15s,left .15s;
        transition: top .15s,left .15s;
        pointer-events: none
    }

    .btn > span {
        display: inline-block;
        height: 50px;
        padding: 0 28px;
        border: 2px solid transparent;
        border-radius: 5px;
        line-height: 46px;
        text-align: center;
        z-index: 2
    }

    .btn > span, .btn i {
        position: relative
    }

    .btn i {
        top: -1px;
        margin-right: 7px
    }

.btn--white > span {
    border-color: #fff;
    color: #fff
}

.btn--white:before {
    background: rgba(0,0,0,.1)
}

.btn--black > span {
    border-color: #353535
}

.btn--black:before {
    background: hsla(0,0%,100%,.4)
}

.btn--gray > span {
    border-color: #686667
}

.btn--gray:before {
    background: rgba(0,0,0,.2)
}

.btn--blue > span {
    -webkit-transition: background .4s,color .4s;
    -o-transition: background .4s,color .4s;
    transition: background .4s,color .4s;
    border-color: #00a0d2;
    color: #ffe88c;
    background: #00a0d2;
    letter-spacing: .05em
}

.btn--blue:before {
    display: none
}

.btn--alt:before {
    background: rgba(0,0,0,.1)
}

.btn--primary > span {
    color: #353535
}

.btn--primary:before {
    background: rgba(0,0,0,.05)
}

.btn--shadowless:before {
    display: none
}

.btn--shadowless > span {
    height: 60px;
    line-height: 60px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

    .btn--shadowless > span span {
        font-weight: 400
    }

.btn--shadowless.active > span {
    background: rgba(0,0,0,.05)
}

.btn--large > span {
    height: 76px;
    padding: 0 38px;
    border-color: #353535;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 25px;
    line-height: 72px;
    font-weight: 500
}

.btn--small > span {
    height: 32px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500
}

.btn--small:before {
    top: 5px;
    left: 5px
}

.btn--wide > span {
    padding: 0 76px
}

.btn--chat {
    position: fixed;
    z-index: 500;
    left: -2px;
    top: 50%;
    width: 150px;
    margin-top: -150px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    text-align: center
}

    .btn--chat:before {
        top: -10px
    }

    .btn--chat > span {
        width: 100%;
        border-radius: 5px 5px 0 0
    }

@media (max-width:1279px) {
    .btn--chat {
        display: none
    }
}

.btn[disabled] {
    pointer-events: none;
    opacity: .7
}

.callout {
    position: relative;
    padding: 140px 0;
    text-align: center;
    background: #ffe88c;
    z-index: 1
}

    .callout h3 {
        font-size: 60px;
        margin-bottom: 58px
    }

        .callout h3 span {
            font-weight: 400
        }

        .callout h3 strong {
            font-weight: 500
        }

    .callout p {
        max-width: 1100px;
        margin: 0 auto 50px
    }

    .callout .callout__image {
        position: absolute;
        top: -78px;
        left: 166px;
        pointer-events: none;
        -webkit-animation: float 12s infinite;
        animation: float 12s infinite
    }

        .callout .callout__image:before {
            content: "";
            position: absolute;
            width: 90%;
            height: 90%;
            top: -10px;
            left: -14px;
            -webkit-box-shadow: 44px 96px 38px #000;
            box-shadow: 44px 96px 38px #000;
            border-radius: 85px;
            opacity: .15
        }

        .callout .callout__image i {
            position: relative
        }

    .callout .callout__image--primary {
        top: auto;
        right: 99px;
        bottom: 30px;
        left: auto;
        -webkit-animation: floatSec 12s infinite;
        animation: floatSec 12s infinite
    }

        .callout .callout__image--primary:before {
            top: -25px;
            left: 22px;
            -webkit-box-shadow: -44px 96px 38px #000;
            box-shadow: -44px 96px 38px #000;
            border-radius: 40px;
            -webkit-transform: rotate(-14deg);
            -ms-transform: rotate(-14deg);
            transform: rotate(-14deg);
            opacity: .15
        }

    .callout .form-order h3 strong {
        font-weight: 700
    }

    .callout .form-order .form__section__inner {
        position: static
    }

    .callout .upload .upload__dropzone {
        position: absolute
    }

.callout--red {
    color: #fff;
    background: #1c9ed0
}

.callout--blue {
    color: #fff;
    background: #00a0d2
}

.callout--grey {
    background: #eee
}

@media (max-width:1366px) {
    .callout {
        padding: 100px 0
    }
}

@media (max-width:1279px) {
    .callout .callout__image {
        left: 40px
    }

    .callout .callout__image--primary {
        left: auto;
        right: 15px
    }
}

@media (max-width:767px) {
    .callout {
        padding: 80px 0
    }

        .callout h3 {
            font-size: 55px;
            margin-bottom: 45px
        }

        .callout p {
            margin-bottom: 40px
        }

        .callout .callout__image {
            display: none
        }
}

.contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 92px;
    list-style-type: none
}

    .contacts .contact {
        max-width: 33.3%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding-right: 40px;
        padding-left: 40px
    }

        .contacts .contact + .contact {
            border-left: 2px solid #e5e5e5
        }

.contact {
    padding: 43px 0;
    text-align: center
}

    .contact h4 {
        margin-bottom: 27px
    }

    .contact p {
        opacity: .8
    }

    .contact a {
        text-decoration: none
    }

    .contact .contact__icon {
        display: block;
        height: 28px;
        margin-bottom: 33px;
        line-height: 28px
    }

@media (max-width:1023px) {
    .contacts {
        margin-bottom: 40px
    }

        .contacts .contact {
            padding-right: 10px;
            padding-left: 10px
        }

    .contact {
        padding: 20px 0
    }
}

@media (max-width:767px) {
    .contacts {
        display: block;
        margin-bottom: 20px
    }

        .contacts .contact {
            max-width: 100%
        }

            .contacts .contact + .contact {
                padding-top: 40px;
                margin-top: 20px;
                border: 0;
                border-top: 2px solid #e5e5e5
            }

    .contact h4 {
        margin-bottom: 15px
    }

    .contact .contact__icon {
        height: auto;
        margin-bottom: 20px;
        line-height: 1
    }
}

.contacts-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none outside none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.contact-small {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    min-width: 145px;
    position: relative;
    padding-left: 24px;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 2;
    color: inherit;
    text-align: left
}

    .contact-small h6 {
        margin-bottom: 10px;
        font-size: 1em;
        color: inherit;
        font-weight: 700;
        opacity: .8
    }

    .contact-small p {
        opacity: .8
    }

    .contact-small a {
        text-decoration: none
    }

        .contact-small a:hover {
            text-decoration: underline
        }

    .contact-small i {
        position: absolute;
        left: 6px;
        top: 2px;
        opacity: .5
    }

    .contact-small .ico-pointer-down {
        width: 13px;
        height: 18px
    }

    .contact-small .ico-phone-small {
        width: 12px;
        height: 19px
    }

@media (max-width:767px) {
    .contact-small {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        padding-left: 0
    }

        .contact-small h6, .contact-small i {
            position: static;
            display: inline-block;
            vertical-align: middle
        }

        .contact-small i {
            margin: -10px 4px 0 0
        }
}

.copyright {
    padding-top: 38px;
    font-size: 12px;
    color: #868686
}

.dasher {
    position: relative
}

    .dasher .dash {
        position: absolute;
        height: 2px;
        bottom: 0;
        left: 0;
        background: #db3021;
        -webkit-transition: width .3s,-webkit-transform .3s;
        transition: width .3s,-webkit-transform .3s;
        -o-transition: width .3s,transform .3s;
        transition: width .3s,transform .3s;
        transition: width .3s,transform .3s,-webkit-transform .3s
    }

.faq h3 {
    margin-bottom: 20px
}

.faq h6 {
    font-weight: 600;
    margin-bottom: 11px
}

.faq .faq__question {
    padding-top: 30px;
    position: relative
}

    .faq .faq__question + .faq__question {
        margin-top: 30px
    }

        .faq .faq__question + .faq__question:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #ddd
        }

@media (max-width:1023px) {
    .faq h3 {
        padding-bottom: 0;
        margin-bottom: 2px
    }

        .faq h3:before {
            bottom: -40px
        }

        .faq h3 + .faq__question {
            padding-top: 70px
        }

    .faq .faq__question + .faq__question {
        padding-top: 60px;
        margin-top: 0
    }

        .faq .faq__question + .faq__question:after {
            top: 30px
        }

    .faq .faq__question__body > :last-child {
        margin-bottom: 0
    }
}

.filters {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 18px;
    letter-spacing: .04em
}

    .filters, .filters ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .filters ul {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin: 0;
            list-style-type: none
        }

        .filters li + li {
            margin-left: 30px
        }

        .filters a {
            text-decoration: none
        }

        .filters strong {
            font-weight: 500;
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s
        }

        .filters .filters__label {
            margin-left: auto
        }

        .filters .active a strong {
            color: #db3021
        }

@media (max-width:1600px) {
    .filters li + li {
        margin-left: 15px
    }
}

@media (max-width:1279px) {
    .filters ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .filters li + li {
        margin-left: 0
    }

    .filters .filters__label {
        display: none
    }
}

@media (max-width:1023px) {
    .filters ul {
        display: block;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 20px;
        margin-bottom: -20px;
        -webkit-overflow-scrolling: touch
    }

    .filters li {
        display: inline-block
    }

        .filters li + li {
            margin-left: 15px
        }

    .filters .dash {
        display: none
    }
}

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input::placeholder {
    color: inherit;
    opacity: 1
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

input:invalid, input:required {
    -webkit-box-shadow: none;
    box-shadow: none
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    select::-ms-expand {
        display: none
    }

    select option {
        color: #353535
    }

.form__controls {
    position: relative
}

    .form__controls > i:first-child {
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.custom-select {
    position: relative
}

    .custom-select:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        top: 50%;
        right: 20px;
        margin-top: -7px;
        border-top: 2px solid #353535;
        border-right: 2px solid #353535;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

.custom-select--primary:before {
    opacity: .4
}

.custom-select--primary .select {
    border-color: rgba(53,53,53,.1)
}

.custom-select--white:before {
    border-color: #fff
}

.custom-select--white .select {
    border-color: #fff;
    color: #fff
}

.asterisk {
    position: relative
}

    .asterisk:after {
        content: "*";
        position: absolute;
        top: 14px;
        right: 10px;
        z-index: 1;
        font-size: 26px;
        line-height: 1;
        color: #db3021;
        opacity: 0;
        -webkit-transition: color .3s,opacity .3s,height .3s,-webkit-transform .3s;
        transition: color .3s,opacity .3s,height .3s,-webkit-transform .3s;
        -o-transition: color .3s,opacity .3s,transform .3s,height .3s;
        transition: color .3s,opacity .3s,transform .3s,height .3s;
        transition: color .3s,opacity .3s,transform .3s,height .3s,-webkit-transform .3s;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

.has-error:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.field:focus {
    border-color: #000;
    color: #000;
    background: #f2f2f2
}

.field::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

.field:-moz-placeholder, .field::-moz-placeholder {
    color: inherit;
    opacity: 1
}

.field:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

i + .field {
    padding-left: 41px
}

.field, .select {
    display: block;
    width: 100%;
    height: 45px;
    padding-right: 16px;
    padding-left: 16px;
    border: 2px solid #353535;
    border-radius: 5px;
    font-size: 14px;
    background: none;
    -webkit-transition: color .3s,background .3s,border-color .3s;
    -o-transition: color .3s,background .3s,border-color .3s;
    transition: color .3s,background .3s,border-color .3s
}

.select {
    padding-right: 35px
}

.select--md {
    width: 200px
}

.field--textarea {
    height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    resize: none
}

.field--white, .field--white:focus {
    border-color: #fff;
    color: #fff
}

    .field--white:focus {
        background: rgba(0,0,0,.1)
    }

.list-checkboxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .list-checkboxes li + li {
        margin-left: 15px
    }

.list-checkboxes--primary {
    display: block;
    text-align: left
}

    .list-checkboxes--primary li + li {
        margin: 15px 0 0
    }

.custom-checkbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .custom-checkbox input[type=text] {
        margin-top: 15px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .3s,background .3s;
        -o-transition: opacity .3s,background .3s;
        transition: opacity .3s,background .3s
    }

    .custom-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

    .custom-checkbox input:checked + label span:before {
        opacity: 1
    }

    .custom-checkbox input:checked ~ input {
        opacity: 1;
        pointer-events: auto
    }

    .custom-checkbox label {
        position: relative;
        display: inline-block;
        padding-left: 0;
        font-size: 14px
    }

    .custom-checkbox span {
        width: 20px;
        height: 20px;
        top: 1px;
        left: 0;
        border: 2px solid #353535;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        margin-right: 2px
    }

        .custom-checkbox span:before {
            background-size: 11254.545454545% 12022.222222222%;
            background-position: 99.59250203749% 18.639328984157%;
            content: "";
            position: absolute;
            width: 10px;
            height: 8px;
            top: 50%;
            left: 50%;
            margin: -3px 0 0 -5px;
            opacity: 0;
            background-image: url(images/sprite.png);
            -webkit-transition: opacity .15s;
            -o-transition: opacity .15s;
            transition: opacity .15s
        }

    .custom-checkbox input:disabled + label {
        opacity: .7
    }

    .custom-checkbox small {
        font-size: 12px
    }

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .custom-checkbox span:before {
        background-size: 8263.6363636364% 9544.4444444444%;
        background-position: 99.331848552339% 33.764705882353%;
        background-image: url(images/sprite.@2x.png)
    }
}

.custom-checkbox-small label {
    padding-left: 0;
    font-weight: 400;
    color: rgba(53,53,53,.8)
}

.custom-checkbox-small span {
    width: 16px;
    height: 16px;
    top: 3px
}

    .custom-checkbox-small span:before {
        width: 8px;
        height: 6px;
        margin: -3px 0 0 -4px
    }

.custom-checkbox-small strong {
    font-weight: 600
}

.custom-checkbox--white span {
    border-color: #fff
}

    .custom-checkbox--white span:before {
        background-size: 11254.545454545% 12022.222222222%;
        background-position: 99.59250203749% 17.427772600186%;
        background-image: url(images/sprite.png)
    }

.custom-checkbox--white label {
    color: #fff
}

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .custom-checkbox--white span:before {
        background-size: 8263.6363636364% 9544.4444444444%;
        background-position: 99.331848552339% 32.235294117647%;
        background-image: url(images/sprite.@2x.png)
    }
}

.list-toggles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px;
    margin-top: -50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

    .list-toggles li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 220px;
        -ms-flex: 0 1 220px;
        flex: 0 1 220px
    }

        .list-toggles li + li {
            margin-left: 14px
        }

.list-toggles--primary li {
    position: relative
}

    .list-toggles--primary li + li:before {
        content: "+";
        position: absolute;
        width: 42px;
        height: 42px;
        top: calc(50% + 25px);
        left: -27px;
        margin-top: -21px;
        border: 2px solid #d7c47b;
        border-radius: 50%;
        pointer-events: none;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 35px;
        line-height: 38px;
        text-align: center;
        background: #ffe88c;
        z-index: 1
    }

.list-toggles--small {
    margin: -30px 0 20px
}

    .list-toggles--small li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 130px;
        -ms-flex: 0 1 130px;
        flex: 0 1 130px
    }

.custom-toggle {
    position: relative
}

    .custom-toggle input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

        .custom-toggle input:checked + label .toggle__icon i:last-child:not(:only-child) {
            -webkit-transform: translate(-50%,-50%) rotateX(1turn);
            transform: translate(-50%,-50%) rotateX(1turn);
            -webkit-transition: -webkit-transform .2s ease-out .1s;
            transition: -webkit-transform .2s ease-out .1s;
            -o-transition: transform .2s .1s ease-out;
            transition: transform .2s ease-out .1s;
            transition: transform .2s ease-out .1s,-webkit-transform .2s ease-out .1s
        }

        .custom-toggle input:checked + label .toggle__icon i:first-child:not(:only-child) {
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
            -webkit-transition: -webkit-transform .1s ease-in;
            transition: -webkit-transform .1s ease-in;
            -o-transition: transform .1s ease-in;
            transition: transform .1s ease-in;
            transition: transform .1s ease-in,-webkit-transform .1s ease-in
        }

        .custom-toggle input:checked + label .toggle__price:before {
            left: -14px;
            opacity: 1
        }

        .custom-toggle input:checked + label .toggle__price:after {
            right: -19px;
            opacity: 1
        }

        .custom-toggle input:checked + label:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        .custom-toggle input:checked + label {
            margin-top: 0;
            -webkit-transform: translateY(23px);
            -ms-transform: translateY(23px);
            transform: translateY(23px);
            background-clip: padding-box;
            -webkit-transition: margin .3s,background .3s,-webkit-transform .3s;
            transition: margin .3s,background .3s,-webkit-transform .3s;
            -o-transition: margin .3s,transform .3s,background .3s;
            transition: margin .3s,transform .3s,background .3s;
            transition: margin .3s,transform .3s,background .3s,-webkit-transform .3s
        }

            .custom-toggle input:checked + label .toggle__price {
                opacity: 1;
                visibility: visible
            }

            .custom-toggle input:checked + label .toggle__title {
                margin-bottom: 23px;
                -webkit-transition: margin .3s;
                -o-transition: margin .3s;
                transition: margin .3s
            }

            .custom-toggle input:checked + label small {
                opacity: .6;
                visibility: visible
            }

    .custom-toggle label {
        display: block;
        padding: 40px 0 27px;
        margin-top: 50px;
        border: 2px solid rgba(53,53,53,.2);
        border-radius: 5px;
        -webkit-transition: margin .3s .2s,background .3s,-webkit-transform .3s .2s;
        transition: margin .3s .2s,background .3s,-webkit-transform .3s .2s;
        -o-transition: margin .3s .2s,transform .3s .2s,background .3s;
        transition: margin .3s .2s,transform .3s .2s,background .3s;
        transition: margin .3s .2s,transform .3s .2s,background .3s,-webkit-transform .3s .2s
    }

        .custom-toggle label:before {
            content: "";
            position: absolute;
            width: 42px;
            height: 42px;
            left: 50%;
            bottom: -20px;
            margin-left: -21px;
            border: 2px solid #d1b94b;
            border-radius: 50%;
            -webkit-transform: scale(.75);
            -ms-transform: scale(.75);
            transform: scale(.75);
            opacity: 0;
            background: #fff url(images/check-gold.png) no-repeat 50%;
            background-size: 17px 12px;
            -webkit-transition: opacity .3s,-webkit-transform .3s;
            transition: opacity .3s,-webkit-transform .3s;
            -o-transition: transform .3s,opacity .3s;
            transition: transform .3s,opacity .3s;
            transition: transform .3s,opacity .3s,-webkit-transform .3s
        }

    .custom-toggle small {
        display: block;
        margin-bottom: -4px;
        font-size: 10px;
        opacity: 0;
        visibility: hidden;
        text-transform: uppercase;
        -webkit-transition: opacity .3s,visibility .3s;
        -o-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s
    }

        .custom-toggle small:last-child {
            height: 70px;
            line-height: 70px
        }

    .custom-toggle .toggle__price {
        position: relative;
        display: inline-block;
        margin-right: 5px;
        opacity: 0;
        visibility: hidden;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 30px;
        font-weight: 500;
        -webkit-transition: opacity .3s,visibility .3s,color .3s;
        -o-transition: opacity .3s,visibility .3s,color .3s;
        transition: opacity .3s,visibility .3s,color .3s
    }

        .custom-toggle .toggle__price:before {
            left: -5px
        }

        .custom-toggle .toggle__price:after {
            right: -10px
        }

        .custom-toggle .toggle__price sup {
            font-size: 18px
        }

    .custom-toggle .toggle__title {
        display: block;
        margin-bottom: -27px;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 30px;
        line-height: 1;
        font-weight: 500;
        -webkit-transition: margin .3s .2s;
        -o-transition: margin .3s .2s;
        transition: margin .3s .2s
    }

        .custom-toggle .toggle__title strong {
            font-weight: 500
        }

        .custom-toggle .toggle__title span {
            display: block;
            padding-top: 5px;
            font-size: 25px;
            font-weight: 300;
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s
        }

    .custom-toggle .toggle__icon {
        position: relative;
        display: block;
        height: 62px;
        margin-bottom: 20px;
        font-size: 0;
        line-height: 62px;
        text-align: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

        .custom-toggle .toggle__icon i {
            -webkit-transition: -webkit-transform .1s ease-out .1s;
            transition: -webkit-transform .1s ease-out .1s;
            -o-transition: transform .1s .1s ease-out;
            transition: transform .1s ease-out .1s;
            transition: transform .1s ease-out .1s,-webkit-transform .1s ease-out .1s
        }

            .custom-toggle .toggle__icon i:last-child:not(:only-child) {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%) rotateY(90deg);
                transform: translate(-50%,-50%) rotateY(90deg);
                -webkit-transition: -webkit-transform .2s ease-in;
                transition: -webkit-transform .2s ease-in;
                -o-transition: transform .2s ease-in;
                transition: transform .2s ease-in;
                transition: transform .2s ease-in,-webkit-transform .2s ease-in
            }

    .custom-toggle .toggle__icon--primary {
        height: 82px;
        line-height: 82px
    }

    .custom-toggle .toggle__price:after, .custom-toggle .toggle__price:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 3px;
        top: 50%;
        margin-top: -2px;
        opacity: 0;
        background: currentColor;
        -webkit-transition: right .2s,left .2s,opacity .15s;
        -o-transition: right .2s,left .2s,opacity .15s;
        transition: right .2s,left .2s,opacity .15s
    }

    .custom-toggle input:checked + label, .no-touch .custom-toggle input:checked + label {
        background: #fff;
        color: #353535
    }

.custom-toggle--red input:checked + label .toggle__price, .custom-toggle--red input:checked + label .toggle__title span {
    color: #dc3120
}

.custom-toggle--orange input:checked + label .toggle__price, .custom-toggle--orange input:checked + label .toggle__title span {
    color: #f26729
}

.custom-toggle--blue input:checked + label .toggle__price, .custom-toggle--blue input:checked + label .toggle__title span {
    color: #1176e8
}

.custom-toggle--purple input:checked + label .toggle__price, .custom-toggle--purple input:checked + label .toggle__title span {
    color: #be54b8
}

.custom-toggle--green input:checked + label .toggle__price, .custom-toggle--green input:checked + label .toggle__title span {
    color: #adc941
}

.custom-toggle--teal input:checked + label .toggle__price, .custom-toggle--teal input:checked + label .toggle__title span {
    color: #33d4de
}

.custom-toggle--small label {
    padding: 15px 0 20px;
    margin-top: 20px
}

.custom-toggle--small input:checked + label {
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px)
}

.custom-toggle--small label:before {
    border-color: rgba(53,53,53,.3);
    background-image: url(images/check-transparent.png);
    background-size: 16px 13px
}

.custom-toggle--small .toggle__icon {
    margin-bottom: 6px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.custom-toggle--small .toggle__title {
    margin-bottom: -26px;
    font-size: 24px
}

    .custom-toggle--small .toggle__title span {
        font-size: 21px
    }

.custom-toggle--small input:checked + label .toggle__title {
    margin-bottom: -6px
}

@media (max-width:1023px) {
    .list-toggles {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .list-toggles li:nth-child(n) {
            -webkit-flex-basis: 130px;
            -ms-flex-preferred-size: 130px;
            flex-basis: 130px;
            margin: 0;
            padding: 10px 5px
        }

    .custom-toggle label {
        padding: 20px 0;
        margin: 0
    }

        .custom-toggle label:before {
            z-index: 10
        }

        .custom-toggle label small {
            display: none
        }

    .custom-toggle .toggle__title {
        margin: 0;
        font-size: 24px
    }

        .custom-toggle .toggle__title span {
            font-size: 21px
        }

    .custom-toggle .toggle__price {
        display: none
    }

    .custom-toggle input:checked + label {
        padding: 20px 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        .custom-toggle input:checked + label .toggle__title {
            margin-bottom: 0
        }
}

@media (max-width:767px) {
    .list-toggles {
        margin: 0 0 20px
    }

        .list-toggles li:nth-child(n) {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 200px;
            padding: 12px
        }
}

.custom-radio {
    position: relative
}

    .custom-radio input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

        .custom-radio input:checked + label > span {
            border-color: #d7c47b;
            background: #fff
        }

    .custom-radio label {
        display: block
    }

        .custom-radio label > span {
            -webkit-transition: border-color .3s,background .3s;
            -o-transition: border-color .3s,background .3s;
            transition: border-color .3s,background .3s
        }

.custom-radio--white input:checked + label > span, .no-touch .custom-radio--white input:checked + label > span {
    border-color: #fff;
    color: #00a0d2;
    background: #fff
}

.radio-service {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .radio-service input {
        position: absolute;
        left: -5000px;
        top: 0
    }

    .radio-service .radio__label {
        display: block;
        width: 140px;
        padding: 19px 0 25px;
        border: 2px solid rgba(0,0,0,.1);
        border-radius: 5px;
        text-align: center;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: hsla(0,0%,100%,.2)
    }

        .radio-service .radio__label:hover {
            border-color: rgba(0,0,0,.3)
        }

    .radio-service .radio__icon {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 8px;
        line-height: 54px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s;
        height: 55px;
        top: 0
    }

        .radio-service .radio__icon i {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

            .radio-service .radio__icon i + i {
                position: absolute;
                left: 0;
                top: 50%;
                visibility: hidden;
                opacity: 0;
                -webkit-transform: rotateY(180deg) translateY(-50%);
                transform: rotateY(180deg) translateY(-50%)
            }

    .radio-service .radio__title {
        display: block;
        font-size: 25px;
        font-family: Tungsten Rounded,sans-serif;
        font-weight: 500;
        line-height: 1;
        -webkit-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s;
        position: relative;
        top: 0
    }

        .radio-service .radio__title span {
            display: block
        }

        .radio-service .radio__title small {
            font-weight: 300;
            font-size: .8em
        }

    .radio-service input:checked + .radio__label {
        background-color: #fff
    }

        .radio-service input:checked + .radio__label .radio__icon {
            top: 3px
        }

        .radio-service input:checked + .radio__label .radio__title {
            top: -3px
        }

        .radio-service input:checked + .radio__label i {
            visibility: hidden;
            opacity: 0;
            -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg)
        }

            .radio-service input:checked + .radio__label i + i {
                visibility: visible;
                opacity: 1;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

.radio-service--red input:checked + .radio__label {
    color: #dc3120;
    border-color: #dc3120
}

.radio-service--orange input:checked + .radio__label {
    color: #f26729;
    border-color: #f26729
}

.radio-service--blue input:checked + .radio__label {
    color: #1176e8;
    border-color: #1176e8
}

.radio-service--purple input:checked + .radio__label {
    color: #be54b8;
    border-color: #be54b8
}

.radio-service--green input:checked + .radio__label {
    color: #adc941;
    border-color: #adc941
}

.radio-service--teal input:checked + .radio__label {
    color: #33d4de;
    border-color: #33d4de
}

.radio-service--default .radio__label {
    border-color: rgba(0,0,0,.2)
}

    .radio-service--default .radio__label:hover {
        border-color: rgba(0,0,0,.4)
    }

.radio-service--default input:checked + .radio__label {
    border-color: #0279a0
}

@media (max-width:767px) {
    .radio-service .radio__label {
        width: 120px;
        padding: 10px 0 15px
    }

    .radio-service .radio__title {
        font-size: 20px
    }
}

.radio-turnaround {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .radio-turnaround input {
        position: absolute;
        left: -5000px;
        top: 0
    }

    .radio-turnaround .radio__label {
        display: block;
        height: 45px;
        line-height: 41px;
        padding: 0 20px;
        border-radius: 5px;
        border: 2px solid rgba(0,0,0,.1);
        font-size: 14px;
        font-weight: 500;
        color: #999;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        background: #f7f7f7;
        overflow: hidden
    }

        .radio-turnaround .radio__label:hover {
            border-color: rgba(0,0,0,.3)
        }

    .radio-turnaround input:disabled + .radio__label {
        opacity: .6
    }

    .radio-turnaround input:checked + .radio__label {
        border-color: #00a0d2;
        color: #00a0d2;
        background: transparent
    }

.checkbox-compatibility {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .checkbox-compatibility input {
        position: absolute;
        left: -5000px;
        top: 0
    }

    .checkbox-compatibility .checkbox__label {
        position: relative;
        height: 100px;
        padding: 0;
        border-radius: 5px;
        border: 2px solid rgba(0,0,0,.1);
        font-size: 14px;
        line-height: 1;
        font-weight: 500;
        color: #999;
        text-transform: uppercase;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        display: block;
        width: 115px;
        text-align: center;
        padding-top: 22px;
        background: #f7f7f7;
        overflow: hidden
    }

        .checkbox-compatibility .checkbox__label:hover {
            border-color: rgba(0,0,0,.3)
        }

        .checkbox-compatibility .checkbox__label em {
            vertical-align: middle;
            font-style: normal;
            font-size: 12px;
            position: absolute;
            top: 3px;
            right: 5px
        }

            .checkbox-compatibility .checkbox__label em sup {
                font-size: .7em;
                position: relative;
                top: 2px
            }

    .checkbox-compatibility .checkbox__check {
        position: absolute;
        left: 5px;
        top: 3px
    }

        .checkbox-compatibility .checkbox__check i {
            visibility: hidden;
            opacity: 0;
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5);
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

    .checkbox-compatibility .checkbox__icon {
        position: relative;
        display: block;
        vertical-align: middle;
        line-height: 1;
        height: 35px;
        opacity: .7
    }

        .checkbox-compatibility .checkbox__icon i {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            top: 0
        }

            .checkbox-compatibility .checkbox__icon i + i {
                visibility: hidden;
                opacity: 0
            }

    .checkbox-compatibility input:checked + .checkbox__label {
        border-color: #00a0d2;
        color: #00a0d2;
        background: transparent
    }

        .checkbox-compatibility input:checked + .checkbox__label .checkbox__icon {
            opacity: 1
        }

            .checkbox-compatibility input:checked + .checkbox__label .checkbox__icon i {
                visibility: hidden;
                opacity: 0
            }

                .checkbox-compatibility input:checked + .checkbox__label .checkbox__icon i + i {
                    visibility: visible;
                    opacity: 1
                }

        .checkbox-compatibility input:checked + .checkbox__label .checkbox__check {
            border-color: #00a0d2
        }

            .checkbox-compatibility input:checked + .checkbox__label .checkbox__check i {
                visibility: visible;
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }

    .checkbox-compatibility .ico-monitor, .checkbox-compatibility .ico-monitor-blue {
        width: 26px;
        height: 23px
    }

    .checkbox-compatibility .ico-tablet, .checkbox-compatibility .ico-tablet-blue {
        width: 19px;
        height: 27px
    }

    .checkbox-compatibility .ico-phone, .checkbox-compatibility .ico-phone-blue {
        width: 14px;
        height: 27px
    }

@media (max-width:767px) {
    .checkbox-compatibility .checkbox__label {
        width: 90px;
        height: 90px
    }
}

.form-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 178px;
    text-align: left;
    background: #fff
}

    .form-login .form__errors {
        display: none;
        padding: 12px 0;
        line-height: 1.2;
        text-align: center
    }

        .form-login .form__errors.is-visible {
            display: block;
            -webkit-animation: .2s fadeIn both;
            animation: .2s fadeIn both
        }

        .form-login .form__errors span {
            display: block;
            margin-top: 10px;
            color: #db3021;
            font-size: 14px
        }

    .form-login .form__group {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 350px;
        -ms-flex: 0 1 350px;
        flex: 0 1 350px
    }

    .form-login .form__row {
        position: relative
    }

        .form-login .form__row + .form__row {
            margin-top: 18px
        }

    .form-login .checkbox {
        padding: 25px 0 24px
    }

    .form-login .form__inner {
        position: relative;
        max-height: 0;
        padding: 0;
        margin-top: 0;
        border-top: 1px solid transparent;
        overflow: hidden;
        -webkit-transition: max-height .3s,padding .3s,margin .3s,border-color .3s;
        -o-transition: max-height .3s,padding .3s,margin .3s,border-color .3s;
        transition: max-height .3s,padding .3s,margin .3s,border-color .3s
    }

        .form-login .form__inner.form__inner-visible {
            max-height: 215px;
            padding: 20px 0;
            margin-top: 30px;
            border-color: #ddd
        }

        .form-login .form__inner .form__controls {
            margin-bottom: 20px
        }

        .form-login .form__inner .form__errors {
            margin-top: -20px
        }

    .form-login .form__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .form-login .form__actions a {
            font-size: 14px;
            opacity: .8
        }

    .form-login .custom-checkbox input {
        visibility: visible
    }

@media (max-width:1279px) {
    .form-login {
        padding: 0 80px
    }
}

@media (max-width:1023px) {
    .form-login {
        padding: 0 30px
    }
}

@media (max-width:767px) {
    .form-login {
        padding: 0;
        background: none
    }

        .form-login .form__inner.form__inner-visible {
            border-color: #353535
        }
}

.form-order {
    text-align: center
}

    .form-order:before {
        content: "A";
        position: fixed;
        top: -10000px;
        left: -10000px;
        font-family: Tungsten Rounded,sans-serif;
        font-weight: 700
    }

    .form-order:after {
        content: "";
        position: absolute;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: hsla(0,0%,100%,.6)
    }

    .form-order:after, .form-order > .loader {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .form-order > .loader {
        position: fixed;
        z-index: 1000
    }

.form-order--loading:after, .form-order--loading > .loader {
    visibility: visible;
    opacity: 1
}

.form-order h3 {
    font-size: 60px;
    margin: 0 0 33px
}

.form-order p {
    opacity: .8
}

    .form-order p strong {
        display: block;
        padding-bottom: 3px;
        font-weight: 600
    }

.form-order .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-order .form__col-size1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 230px;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px
}

.form-order .form__col-size2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 175px;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px
}

.form-order .form__inner {
    max-width: 720px;
    margin: 0 auto
}

.form-order .form__inner--primary {
    max-width: 980px
}

.form-order .form__inner--secondary {
    max-width: 840px
}

.form-order .form__actions p {
    margin: 14px 0 0
}

.form-order .form__checkboxes {
    margin-bottom: 24px
}

.form-order .form__actions--primary {
    padding-top: 48px
}

.form-order .form__hints {
    padding-top: 14px
}

.form-order .form__hint {
    margin: 14px 0 0;
    font-size: 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .form-order .form__hint strong {
        display: inline;
        padding: 0
    }

.form-order .form__hint--primary {
    font-size: 13px;
    max-width: 760px;
    margin: auto
}

.form-order .form__hint.hidden {
    display: block;
    visibility: hidden;
    opacity: 0
}

.form-order .form__row + .form__row {
    margin-top: 33px
}

.form-order .form__row--stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-order .form__row--secondary {
    margin-bottom: -13px
}

.form-order .form__field {
    max-width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .form-order .form__field + .form__field {
        margin-left: 18px
    }

.form-order .form__group {
    min-height: 100vh;
    background: #fff
}

.form-order .form__section {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

    .form-order .form__section .shell-fluid {
        position: relative;
        min-height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 190px;
        padding-bottom: 190px
    }

        .form-order .form__section .shell-fluid > * {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

.form-order .form__section__inner {
    position: relative
}

.form-order .form__head {
    position: relative;
    margin-bottom: 50px;
    font-size: 16px
}

    .form-order .form__head i {
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: 20px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .form-order .form__head h3 {
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s
    }

    .form-order .form__head .loader {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }

.form-order .form__error {
    color: #db3021
}

.form-order .form__row--priamry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-order .form__row__inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 20px
}

.form-order .form__body__actions {
    padding-top: 49px
}

    .form-order .form__body__actions a {
        display: inline-block;
        margin: 5px 19px
    }

        .form-order .form__body__actions a:not([class]) {
            font-weight: 600
        }

.form-order .form__foot__inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 30px 20px;
    overflow: hidden
}

    .form-order .form__foot__inner p:first-child:before {
        content: "";
        position: absolute;
        width: 240px;
        height: 240px;
        bottom: -106px;
        left: 50%;
        margin-left: -120px;
        border-radius: 50%;
        background: hsla(0,0%,93%,.8)
    }

.form-order .form__foot {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    background: #fff;
    z-index: 5
}

    .form-order .form__foot p:not(.form__total) {
        margin: 0;
        opacity: .6
    }

        .form-order .form__foot p:not(.form__total):first-child {
            max-width: 50%;
            padding-right: 120px
        }

        .form-order .form__foot p:not(.form__total):last-child {
            max-width: 50%;
            padding-left: 120px
        }

.form-order .form__total {
    position: absolute;
    width: 236px;
    height: 236px;
    bottom: -122px;
    left: 50%;
    padding-top: 32px;
    border-radius: 50%;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: Tungsten Rounded,sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    background: #fff;
    z-index: 1
}

    .form-order .form__total span {
        display: block;
        padding-bottom: 9px;
        font-size: 40px;
        font-weight: 600
    }

    .form-order .form__total sup {
        font-size: 24px
    }

.form-order .form__group__inner {
    position: relative;
    max-width: 800px;
    padding-bottom: 40px;
    margin: 0 auto 40px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.form-order .form__entry {
    opacity: 1;
    font-size: 16px;
    color: #777
}

    .form-order .form__entry strong {
        display: inline;
        color: #353535
    }

    .form-order .form__entry span {
        display: block;
        padding-top: 5px;
        font-size: 14px
    }

.form-order .form__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -15px;
    list-style: none outside none
}

    .form-order .form__options li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        margin-bottom: 15px
    }

        .form-order .form__options li + li {
            margin-top: 0
        }

.form-order .form__summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -55px;
    font-size: 16px
}

    .form-order .form__summary ul {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0;
        list-style: none outside none;
        text-align: right
    }

        .form-order .form__summary ul + ul {
            text-align: left;
            border-left: 1px solid rgba(0,0,0,.1)
        }

    .form-order .form__summary li {
        padding: 0 45px
    }

        .form-order .form__summary li + li {
            margin-top: 20px
        }

        .form-order .form__summary li > span {
            text-transform: uppercase;
            font-size: 12px;
            color: #777
        }

        .form-order .form__summary li > strong {
            display: block
        }

.form-order .form__tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.form-order .form__tooltip__trigger {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 10px;
    border: 1px solid #afafaf;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    color: #afafaf;
    font-size: 12px;
    cursor: pointer
}

.form-order .form__tooltip__content {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 100%;
    width: 240px;
    padding: 12px;
    margin-top: 8px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1);
    font-size: 12px;
    line-height: 1.4;
    -webkit-transform: translate(-50%,-20px);
    -ms-transform: translate(-50%,-20px);
    transform: translate(-50%,-20px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .form-order .form__tooltip__content .form__tooltip__title {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 8px
    }

.form-order .form__tooltip:hover .form__tooltip__content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.form-order .form__section__actions {
    position: absolute;
    bottom: 120px;
    left: 0;
    width: 100%;
    pointer-events: none
}

.form-order .form__next {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-animation: .7s drawAttention;
    animation: .7s drawAttention;
    pointer-events: all
}

    .form-order .form__next i {
        display: block;
        margin: 0 auto 10px
    }

    .form-order .form__next span {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0,0,0,.5);
        text-transform: lowercase
    }

    .form-order .form__next[disabled] {
        pointer-events: none;
        opacity: .7
    }

        .form-order .form__next[disabled], .form-order .form__next[disabled] .ico-mouse:before {
            -webkit-animation: none;
            animation: none
        }

.form-order .form__next--white span {
    color: #fff
}

.form-order--white {
    background: #fff
}

    .form-order--white .form__section__actions {
        bottom: 10px
    }

    .form-order--white .upload .upload__dropzone {
        background: #fff
    }

.form-order--blue {
    color: #fff;
    background: #00a0d2
}

    .form-order--blue .form__section__actions {
        bottom: 10px
    }

    .form-order--blue .form__error {
        color: #fff
    }

    .form-order--blue .upload .upload__dropzone {
        background: #00a0d2
    }

    .form-order--blue .upload .upload__dropzone-inner {
        border-color: #fff
    }

.form--with-tooltips .field--error {
    border-color: #e77166
}

.form--with-tooltips .form__error--tooltip {
    position: absolute;
    bottom: calc(100% + 7px);
    right: 0;
    padding: 5px 10px;
    background-color: #00a0d2;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s;
    z-index: 1
}

    .form--with-tooltips .form__error--tooltip:after, .form--with-tooltips .form__error--tooltip:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        bottom: -11px;
        right: 10px;
        border: 5px solid transparent;
        border-top-color: #fff
    }

    .form--with-tooltips .form__error--tooltip:before {
        border-top-color: #00a0d2;
        bottom: -9px;
        z-index: 10
    }

    .form--with-tooltips .form__error--tooltip .form__error-text {
        font-size: 11px
    }

    .form--with-tooltips .form__error--tooltip.form_error--is-visible {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

.form--with-tooltips .field__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 30px);
    text-align: left;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre;
    cursor: text
}

.form-order-alt.form--with-tooltips .form__error--tooltip {
    background-color: #fff;
    border-color: #999
}

    .form-order-alt.form--with-tooltips .form__error--tooltip .form__error-text {
        color: #353535
    }

    .form-order-alt.form--with-tooltips .form__error--tooltip:after {
        border-top-color: #999
    }

    .form-order-alt.form--with-tooltips .form__error--tooltip:before {
        border-top-color: #fff
    }

@media (max-width:1366px) {
    .form-order .form__section .shell-fluid {
        padding: 120px 20px;
        height: auto
    }

    .form-order .form__foot {
        display: none
    }

    .form-order .form__section__actions {
        bottom: 35px
    }
}

@media (max-width:1279px) {
    .form-order h3 {
        font-size: 52px
    }

    .form-order .form__section .shell-fluid {
        height: auto;
        padding-bottom: 155px
    }

    .form-order .form__section__actions {
        bottom: 65px
    }
}

@media (max-width:1023px) {
    .form-order .form__total {
        display: none
    }

    .form-order .form__group {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-order .form__foot p:not(.form__total):first-child {
        padding-right: 20px
    }

    .form-order .form__foot p:not(.form__total):last-child {
        padding-left: 20px
    }

    .form-order .form__foot__inner p:first-child:before {
        content: none
    }

    .form-order .form__summary {
        margin: 0 -20px
    }

    .form-order .form__options {
        max-width: 540px;
        margin: 0 auto
    }

        .form-order .form__options li {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

    .form-order .form__tooltip__content {
        left: auto;
        right: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .form-order .form__tooltip:hover .form__tooltip__content {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}

@media (max-width:767px) {
    .form-order .form__section .shell-fluid {
        padding: 100px 20px 155px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .form-order .form__head {
        margin-bottom: 25px
    }

    .form-order .form__summary {
        margin: 0
    }

    .form-order .form__row--stacked {
        display: block
    }

    .form-order .form__row--secondary {
        margin: 0
    }

    .form-order .form__field {
        max-width: none
    }

        .form-order .form__field + .form__field, .form-order .form__row + .form__row {
            margin: 0;
            padding-top: 15px
        }

    .form-order .form__hint.hidden {
        display: none
    }

    .form-order .form__summary {
        display: block
    }

        .form-order .form__summary ul:nth-child(n) {
            padding: 0;
            border: 0;
            text-align: center
        }

        .form-order .form__summary ul + ul {
            margin-top: 20px
        }

        .form-order .form__summary li {
            padding: 0
        }

    .form-order .form__options {
        display: block
    }

    .form-order .form__checkboxes .custom-checkbox label {
        padding-left: 0
    }

    .form-order .form__checkboxes .custom-checkbox span {
        display: inline-block;
        vertical-align: middle;
        position: static
    }
}

.form-order-alt .form__inner {
    max-width: 720px;
    margin: 0 auto
}

.form-order-alt .form__head {
    padding: 75px 0 60px;
    background: #ffe88c;
    text-align: center;
    font-size: 16px;
    line-height: 1.95
}

    .form-order-alt .form__head p {
        opacity: .8
    }

.form-order-alt .form__title {
    margin-bottom: .3em;
    font-size: 60px;
    text-transform: none
}

.form-order-alt .form__body {
    position: relative;
    padding: 50px 0 0
}

.form-order-alt .form__section {
    text-align: center
}

    .form-order-alt .form__section + .form__section {
        padding-top: 45px
    }

    .form-order-alt .form__section + .form__section--large {
        padding-top: 60px
    }

.form-order-alt .form__section--samples {
    position: relative;
    margin-top: 50px
}

    .form-order-alt .form__section--samples:before {
        content: "";
        display: block;
        width: 100px;
        height: 0;
        border-top: 1px solid #ddd;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .form-order-alt .form__section--samples em {
        font-style: normal;
        color: #db3021;
        font-weight: 600
    }

.form-order-alt .form__section-head {
    margin-bottom: 30px;
    font-size: 14px;
    position: relative
}

    .form-order-alt .form__section-head p {
        opacity: .8;
        margin-top: 10px
    }

.form-order-alt .form__section-title {
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    position: relative
}

.form-order-alt .form__section-subtitle {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px
}

.form-order-alt .form__row {
    font-size: 12px
}

    .form-order-alt .form__row + .form__row {
        padding-top: 20px
    }

.form-order-alt .form__row--stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.form-order-alt .form__field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .form-order-alt .form__field + .form__field {
        margin-left: 18px
    }

.form-order-alt .form__notice {
    color: #828282
}

.form-order-alt .form__hint {
    margin: 10px 0;
    opacity: .6;
    font-size: 12px
}

.form-order-alt .form__error {
    color: #db3021
}

.form-order-alt .form__notice span, .form-order-alt .form__notice strong {
    font-weight: 500
}

.form-order-alt .form__notice span {
    color: #00a0d2
}

.form-order-alt .form__notice strong {
    color: #353535
}

.form-order-alt .form__addons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 980px;
    margin: 0 auto -15px;
    list-style: none outside none
}

    .form-order-alt .form__addons li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-bottom: 15px
    }

        .form-order-alt .form__addons li + li {
            margin-top: 0
        }

.form-order-alt .form__btn {
    height: 60px;
    line-height: 60px;
    padding: 0 26px;
    border: 0;
    border-radius: 5px;
    background: #00a0d2;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,.1);
    box-shadow: 8px 8px 0 0 rgba(0,0,0,.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative
}

    .form-order-alt .form__btn[disabled] {
        opacity: .7
    }

    .form-order-alt .form__btn:hover {
        -webkit-transform: translate(4px,4px);
        -ms-transform: translate(4px,4px);
        transform: translate(4px,4px);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);
        box-shadow: 0 0 0 0 rgba(0,0,0,.1)
    }

.form-order-alt .form__agreement {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 40px
}

    .form-order-alt .form__agreement > li + li {
        margin-left: 25px
    }

    .form-order-alt .form__agreement .checkbox label {
        font-size: 12px
    }

    .form-order-alt .form__agreement .checkbox em {
        color: #00a0d2;
        font-weight: 600;
        font-style: normal
    }

.form-order-alt .form__foot {
    margin-top: 85px;
    padding: 0 0 75px;
    background: #ffe88c;
    text-align: center
}

    .form-order-alt .form__foot .shell-fluid {
        position: relative;
        top: -28px;
        margin-bottom: -28px
    }

.form-order-alt .form__foot-entry {
    margin-top: 30px;
    font-size: 12px;
    opacity: .8
}

    .form-order-alt .form__foot-entry h6 {
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 0
    }

    .form-order-alt .form__foot-entry p {
        margin-bottom: 0
    }

        .form-order-alt .form__foot-entry p + h6 {
            margin-top: 14px
        }

.form-order-alt .tooltip {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

    .form-order-alt .tooltip .tooltip__content {
        width: 492px;
        text-align: left
    }

.form-order-alt .form__services {
    margin: 0 auto
}

.form-order-alt .form__files-list {
    margin: 15px 0 0
}

@media (max-width:1366px) {
    .form-order-alt .form__inner, .form-order-alt .form__services {
        max-width: calc(100% - 220px * 2)
    }
}

@media (max-width:1279px) {
    .form-order-alt .form__inner {
        max-width: calc(100% - 240px * 2)
    }

    .form-order-alt .form__services {
        max-width: 500px;
        margin: auto
    }
}

@media (max-width:1023px) {
    .form-order-alt .form__inner {
        max-width: 720px
    }
}

@media (max-width:767px) {
    .form-order-alt .form__order {
        padding: 0 20px
    }

    .form-order-alt .form__row--stacked {
        display: block
    }

    .form-order-alt .form__field + .form__field {
        margin: 0
    }

    .form-order-alt .form__field + .form__field, .form-order-alt .form__row + .form__row {
        padding-top: 15px
    }

    .form-order-alt .form__foot {
        padding-bottom: 50px
    }
}

.form-quote {
    padding: 120px 0;
    background: #00a0d2;
    color: #fff;
    text-align: center
}

    .form-quote .form__head {
        margin-bottom: 40px
    }

        .form-quote .form__head p {
            font-size: 16px;
            opacity: .8
        }

    .form-quote .form__title {
        margin-bottom: 40px;
        font-size: 60px;
        font-weight: 600;
        text-shadow: 10px 10px 0 rgba(0,0,0,.1);
        text-transform: none
    }

    .form-quote .form__section {
        max-width: 940px;
        margin: 0 auto
    }

    .form-quote .form__row {
        font-size: 12px
    }

        .form-quote .form__row + .form__row {
            padding-top: 20px
        }

    .form-quote .form__row--stacked {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .form-quote .form__field {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .form-quote .form__field + .form__field {
            margin-left: 18px
        }

    .form-quote .form__hint {
        margin-top: 10px;
        opacity: .8
    }

        .form-quote .form__hint + .form__hint {
            margin-top: 30px
        }

    .form-quote .form__foot {
        margin-top: 50px
    }

    .form-quote .field {
        font-size: 14px
    }

    .form-quote .field--textarea::-webkit-input-placeholder {
        opacity: .6
    }

    .form-quote .field--textarea::-moz-placeholder {
        opacity: .6
    }

    .form-quote .field--textarea:-ms-input-placeholder {
        opacity: .6
    }

    .form-quote .field--textarea::placeholder {
        opacity: .6
    }

    .form-quote .form__services {
        padding-bottom: 20px
    }

        .form-quote .form__services li {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 16.6666%;
            -ms-flex: 1 1 16.6666%;
            flex: 1 1 16.6666%;
            width: 16.6666%;
            max-width: 16.6666%
        }

    .form-quote .radio-service .radio__label {
        width: 100%
    }

    .form-quote .field__placeholder {
        opacity: .6
    }

.form-quote--grey {
    background: #f4f4f4;
    color: #353535
}

    .form-quote--grey .btn--black:before {
        background: rgba(0,0,0,.05)
    }

    .form-quote--grey .field--textarea::-webkit-input-placeholder {
        opacity: 1
    }

    .form-quote--grey .field--textarea::-moz-placeholder {
        opacity: 1
    }

    .form-quote--grey .field--textarea:-ms-input-placeholder {
        opacity: 1
    }

    .form-quote--grey .field--textarea::placeholder {
        opacity: 1
    }

.form-quote--narrow .form__section {
    max-width: 720px
}

.form-quote--narrow .form__foot {
    margin-top: 15px
}

@media (max-width:1023px) {
    .form-quote .form__services li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 33.33%;
        -ms-flex: 1 0 33.33%;
        flex: 1 0 33.33%;
        width: 33.33%;
        min-width: 130px
    }
}

@media (max-width:767px) {
    .form-quote .form__row--stacked {
        display: block
    }

    .form-quote .form__field + .form__field {
        margin: 0
    }

    .form-quote .form__field + .form__field, .form-quote .form__row + .form__row m {
        padding-top: 15px
    }
}

.form-sample form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form-sample a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.form-sample [v-cloak] {
    display: none
}

.form-sample .form__label {
    display: block;
    padding: 4px 0;
    margin-right: 20px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase
}

    .form-sample .form__label:last-child {
        margin-right: 0
    }

    .form-sample .form__label i {
        position: relative;
        top: -1px;
        margin-right: 7px
    }

.form-sample .form__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-sample .form__group + .form__group {
        border-left: 1px solid #e5e5e5;
        padding-left: 27px;
        margin-left: 27px
    }

@media (max-width:767px) {
    .form-sample .custom-select {
        width: 47px
    }

    .form-sample .select {
        width: 0;
        padding-right: 27px
    }
}

.form-voucher .loader {
    display: none
}

.form-voucher.loading .loader {
    display: block
}

.form-voucher .form__head {
    margin-bottom: 40px
}

    .form-voucher .form__head h2 {
        font-size: 100px;
        line-height: 1;
        margin-bottom: 40px
    }

    .form-voucher .form__head h4 {
        display: inline-block;
        position: relative;
        padding-right: 30px
    }

        .form-voucher .form__head h4:after {
            content: "";
            position: absolute;
            top: 15px;
            right: 0;
            background: url(https://alfaweb.com.ua/assets/images/arrow-form.png) no-repeat 0 0;
            width: 20px;
            height: 27px;
            background-size: cover
        }

.form-voucher .form__foot {
    padding-top: 20px
}

    .form-voucher .form__foot .btn, .form-voucher .form__foot .btn span {
        width: 100%
    }

.form-voucher .form__row + .form__row {
    padding-top: 20px
}

@media (max-width:1279px) {
    .form-voucher .form__head h2 {
        font-size: 70px;
        font-size: 60px
    }
}

@media(min-width:1025px) {
    .no-touch a:hover {
        text-decoration: none
    }

    .no-touch .btn:hover:before {
        top: 0;
        left: 0
    }

    .no-touch .btn--blue:hover > span {
        color: #00a0d2;
        background: #ffe88c
    }

    .no-touch .btn--shadowless:hover > span {
        background: rgba(0,0,0,.05)
    }

    .no-touch .filters a:hover strong {
        color: #db3021
    }

    .no-touch .custom-toggle label:hover {
        background: hsla(0,0%,100%,.2);
        margin-top: 0;
        -webkit-transform: translateY(23px);
        -ms-transform: translateY(23px);
        transform: translateY(23px);
        background-clip: padding-box;
        -webkit-transition: margin .3s,background .3s,-webkit-transform .3s;
        transition: margin .3s,background .3s,-webkit-transform .3s;
        -o-transition: margin .3s,transform .3s,background .3s;
        transition: margin .3s,transform .3s,background .3s;
        transition: margin .3s,transform .3s,background .3s,-webkit-transform .3s
    }

    .no-touch .custom-toggle--small label:hover {
        -webkit-transform: translateY(9px);
        -ms-transform: translateY(9px);
        transform: translateY(9px)
    }

    .no-touch .custom-toggle label:hover .toggle__price {
        opacity: 1;
        visibility: visible
    }

    .no-touch .custom-toggle label:hover .toggle__title {
        margin-bottom: 23px;
        -webkit-transition: margin .3s;
        -o-transition: margin .3s;
        transition: margin .3s
    }

    .no-touch .custom-toggle--small label:hover .toggle__title {
        margin-bottom: -6px
    }

    .no-touch .custom-toggle label:hover small {
        opacity: .6;
        visibility: visible
    }

    .no-touch .form-sample a:hover {
        opacity: .7
    }

    .no-touch a:hover .ico-mouse-white:before, .no-touch a:hover .ico-mouse:before {
        -webkit-animation: scroll .4s infinite linear;
        animation: scroll .4s infinite linear
    }

    .no-touch .incrementor a:hover {
        opacity: .7
    }

    .no-touch .list-actions a:hover {
        opacity: 1
    }

    .no-touch .logo:hover aside span {
        top: -2px
    }

        .no-touch .logo:hover aside span:last-child {
            top: -1px
        }

    .no-touch .nav .nav__aside li a:hover:after {
        width: 70px
    }

    .no-touch .nav .nav__login:hover {
        text-decoration: none;
        color: #ffe88c
    }

    .no-touch .nav .nav__content a:hover h4 span:before {
        right: -42px;
        opacity: 1
    }

    .no-touch .nav .nav__content a:hover .nav__image {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .no-touch .nav .nav__content a:hover h4, .no-touch .nav .nav__content a:hover p {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .no-touch .nav .nav__content .nav--blue:hover {
        color: #fff;
        background: #00a0d2
    }

    .no-touch .nav-primary .nav__actions a:hover {
        opacity: .7
    }

    .no-touch .nav-primary ul a:hover {
        -webkit-box-shadow: 0 0 0 3px #353535;
        box-shadow: 0 0 0 3px #353535;
        background: none
    }

    .no-touch .nav-primary--white ul a:hover {
        -webkit-box-shadow: 0 0 0 3px #fff;
        box-shadow: 0 0 0 3px #fff;
        background: none
    }

    .no-touch .nav-primary ul .nav__item--custom:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .no-touch .nav-secondary a:hover:after, .no-touch .nav-tertiary a:hover {
        color: #db3021
    }

        .no-touch .nav-tertiary a:hover:after {
            width: 100%
        }

    .no-touch .nav-btn:not(.nav-visible):hover span:first-child {
        height: 6px;
        border-radius: 10px 10px 0 0;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

    .no-touch .nav-btn:not(.nav-visible):hover span:last-child {
        height: 4px;
        border-radius: 0 0 10px 10px;
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    .no-touch .paging ul a:not([class]):hover {
        border-color: #00a0d2;
        color: #00a0d2
    }

    .no-touch .sample:hover .sample__actions {
        -webkit-transition: top .45s;
        -o-transition: top .45s;
        transition: top .45s
    }

    .no-touch .search .search-btn:hover {
        opacity: .7
    }

    .no-touch .search .search__results a:hover {
        background: #f2f2f2
    }

    .no-touch .section-tertiary a:hover span:before {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }

    .no-touch .service:hover .service__icon i:not(:only-child) {
        opacity: 0
    }

    .no-touch .slider-primary .slider__paging a:hover {
        color: #db3021
    }

    .no-touch .tabs-nav li:hover a:after {
        background: hsla(0,0%,100%,0)
    }

    .no-touch .video .play-btn:hover {
        -webkit-transform: translate(-50%,-50%) scale(1.05);
        -ms-transform: translate(-50%,-50%) scale(1.05);
        transform: translate(-50%,-50%) scale(1.05);
        cursor: pointer
    }

    .no-touch .video.video-playing .play-btn:hover {
        -webkit-transform: translate(-50%,-50%) scale(0);
        -ms-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    .no-touch .footer .footer__nav a:hover {
        color: #000
    }

    .no-touch .header .header__link:hover {
        opacity: .7
    }

    .no-touch .main .main__scroll:hover i {
        -webkit-animation: scrollUp .5s infinite;
        animation: scrollUp .5s infinite
    }

    .no-touch .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: #353535
    }

    .slider-team .slide:hover .is-visible {
        top: -5%
    }

    .slider-team .slide:hover .slide__tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .slider-team .slide:hover .slide__outer {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
        transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
        -o-transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
        transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
        transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s
    }

    .no-touch .slider-primary .slider__prev:hover i, .no-touch .slider-team .slider__prev:hover i, .no-touch .slider .owl-prev:hover:not(.disabled) i, .no-touch .tabs__prev:hover i {
        -webkit-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    .no-touch .slider-primary .slider__next:hover i, .no-touch .slider-team .slider__next:hover i, .no-touch .slider .owl-next:hover:not(.disabled) i, .no-touch .tabs__next:hover i {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }

    .no-touch .slider-primary .slider__next:hover i, .no-touch .slider-primary .slider__prev:hover i, .no-touch .slider-team .slider__next:hover i, .no-touch .slider-team .slider__prev:hover i, .no-touch .tabs__next:hover i, .no-touch .tabs__prev:hover i {
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .no-touch .slider .owl-next:hover:not(.disabled) i, .no-touch .slider .owl-prev:hover:not(.disabled) i {
        opacity: 1;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s
    }

    .no-touch .service-card .service__inner:hover .service__price strong, .no-touch .service-card a.service__inner:hover .service__title, .no-touch .service:hover .service__inner > a, .no-touch .service:hover h4 {
        color: #dc3120
    }

    .no-touch .service-card a.service__inner:hover .service__btn:before {
        top: 0;
        left: 0
    }

    .no-touch .service-card a.service__inner:hover .service__icon--alt i {
        display: none
    }

        .no-touch .service-card a.service__inner:hover .service__icon--alt i + i {
            display: inline-block
        }

    .no-touch .service:hover .service__icon i:last-child, .no-touch .service:hover .service__inner > a i {
        left: 0;
        opacity: 1
    }

    .no-touch .service--blue:hover .service__inner > a, .no-touch .service--blue:hover h4, .no-touch .service-card--blue .service__inner:hover .service__price strong, .no-touch .service-card--blue a.service__inner:hover .service__title {
        color: #1176e8
    }

    .no-touch .service--green:hover .service__inner > a, .no-touch .service--green:hover h4, .no-touch .service-card--green .service__inner:hover .service__price strong, .no-touch .service-card--green a.service__inner:hover .service__title {
        color: #adc941
    }

    .no-touch .service--teal:hover .service__inner > a, .no-touch .service--teal:hover h4, .no-touch .service-card--teal .service__inner:hover .service__price strong, .no-touch .service-card--teal a.service__inner:hover .service__title {
        color: #33d4de
    }

    .no-touch .service--purple:hover .service__inner > a, .no-touch .service--purple:hover h4, .no-touch .service-card--purple .service__inner:hover .service__price strong, .no-touch .service-card--purple a.service__inner:hover .service__title {
        color: #be54b8
    }

    .no-touch .service--orange:hover .service__inner > a, .no-touch .service--orange:hover h4, .no-touch .service-card--orange .service__inner:hover .service__price strong, .no-touch .service-card--orange a.service__inner:hover .service__title {
        color: #d4583c
    }

    .no-touch .service--primary:hover .service__inner > a, .no-touch .service--primary:hover h4, .no-touch .service-card--primary .service__inner:hover .service__price strong, .no-touch .service-card--primary a.service__inner:hover .service__title {
        color: inherit
    }

    .no-touch .sample .sample__overlay {
        display: block
    }

    .no-touch .sample:hover .sample__actions {
        top: 0
    }

    .no-touch .sample:hover .sample__group {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .no-touch .paging .paging__next:hover, .no-touch .paging .paging__prev:hover {
        opacity: .7
    }

    .no-touch a:hover .ico-cross:after, .no-touch a:hover .ico-cross:before {
        background: #353535
    }

    .no-touch .socials a:hover {
        opacity: 1
    }
}

.has-touch .slider-team .tooltip-visible .slide__outer {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
    transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
    -o-transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
    transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
    transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s
}

.has-touch .slider-team .tooltip-visible .slide__tooltip {
    opacity: 1;
    visibility: visible
}

.has-touch .slider-team .tooltip-visible .is-visible {
    top: -5%
}

.has-touch .slider .owl-next, .has-touch .slider .owl-next i, .has-touch .slider .owl-prev, .has-touch .slider .owl-prev i {
    opacity: 1
}

[class^=ico] {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px
}

.ico-table-football {
    width: 97px;
    height: 84px;
    background-image: url(images/icons/ico-table-football.svg)
}

.ico-boat {
    width: 103px;
    height: 84px;
    background-image: url(images/icons/ico-boat.svg)
}

.ico-browser {
    width: 84px;
    height: 70px;
    background-image: url(images/icons/ico-browser.svg)
}

.ico-html {
    width: 51px;
    height: 57px;
    background-image: url(images/icons/ico-html.svg)
}

.ico-wordpress {
    width: 56px;
    height: 56px;
    background-image: url(images/icons/ico-wordpress.svg)
}

.ico-envelope {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-envelope.svg)
}

.ico-shopify {
    width: 55px;
    height: 62px;
    background-image: url(images/icons/ico-shopify.svg)
}

.ico-shopify-green {
    width: 55px;
    height: 62px;
    background-image: url(images/icons/ico-shopify-green.svg)
}

.ico-woo {
    width: 55px;
    height: 33px;
    background-image: url(images/icons/ico-woo.svg)
}

.ico-woo-purple {
    width: 55px;
    height: 33px;
    background-image: url(images/icons/ico-woo-purple.svg)
}

.ico-cogwheel {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-cogwheel.svg)
}

.ico-cogwheel-orange {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-cogwheel-orange.svg)
}

.ico-arrow-right {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right.svg)
}

.ico-arrow-right-orange {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right-orange.svg)
}

.ico-html-red {
    width: 51px;
    height: 57px;
    background-image: url(images/icons/ico-html-red.svg)
}

.ico-wordpress-blue {
    width: 56px;
    height: 56px;
    background-image: url(images/icons/ico-wordpress-blue.svg)
}

.ico-envelope-teal {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-envelope-teal.svg)
}

.ico-service-html-white {
    width: 51px;
    height: 57px;
    background-image: url(images/icons/ico-service-html-white.svg)
}

.ico-wordpress-white {
    width: 56px;
    height: 56px;
    background-image: url(images/icons/ico-wordpress-white.svg)
}

.ico-envelope-white {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-envelope-white.svg)
}

.ico-shopify-white {
    width: 55px;
    height: 62px;
    background-image: url(images/icons/ico-shopify-white.svg)
}

.ico-woo-white {
    width: 55px;
    height: 33px;
    background-image: url(images/icons/ico-woo-white.svg)
}

.ico-service-cogwheel-white {
    width: 54px;
    height: 54px;
    background-image: url(images/icons/ico-service-cogwheel-white.svg)
}

.ico-others {
    width: 52px;
    height: 53px;
    background-image: url(images/icons/ico-others.svg)
}

.ico-others-white {
    width: 52px;
    height: 53px;
    background-image: url(images/icons/ico-others-white.svg)
}

.ico-arrow-right-blue {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right-blue.svg)
}

.ico-arrow-right-teal {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right-teal.svg)
}

.ico-arrow-right-green {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right-green.svg)
}

.ico-arrow-right-purple {
    width: 26px;
    height: 13px;
    background-image: url(images/icons/ico-arrow-right-purple.svg)
}

.ico-quotes {
    width: 100px;
    height: 100px;
    background-image: url(images/icons/ico-quotes.svg)
}

.ico-quotes-alt {
    width: 100px;
    height: 100px;
    background-image: url(images/icons/ico-quotes-alt.svg)
}

.ico-quotes-small {
    width: 76px;
    height: 76px;
    background-image: url(images/icons/ico-quotes.svg)
}

.ico-single-quote {
    width: 37px;
    height: 39px;
    background-image: url(images/icons/ico-single-quote.svg)
}

.ico-arrow-right-black {
    width: 43px;
    height: 22px;
    background-image: url(images/icons/ico-arrow-right-black.svg)
}

.ico-arrow-right-white {
    width: 43px;
    height: 22px;
    background-image: url(images/icons/ico-arrow-right-white.svg)
}

.ico-arrow-left-black {
    width: 43px;
    height: 22px;
    background-image: url(images/icons/ico-arrow-left-black.svg)
}

.ico-arrow-left-white {
    width: 43px;
    height: 22px;
    background-image: url(images/icons/ico-arrow-left-white.svg)
}

.ico-facebook {
    width: 7px;
    height: 14px;
    background-image: url(images/icons/ico-facebook.svg)
}

.ico-twitter {
    width: 13px;
    height: 11px;
    background-image: url(images/icons/ico-twitter.svg)
}

.ico-github {
    width: 13px;
    height: 13px;
    background-image: url(images/icons/ico-github.svg)
}

.ico-livechat {
    width: 13px;
    height: 13px;
    background-image: url(images/icons/ico-livechat.svg)
}

.ico-instagram {
    width: 13px;
    height: 13px;
    background-image: url(images/icons/ico-instagram.svg)
}

.ico-vk {
    width: 14px;
    height: 15px;
    background-image: url(images/icons/vk.svg)
}

.ico-google-plus {
    width: 13px;
    height: 14px;
    background-image: url(images/icons/ico-google-plus.svg)
}

.ico-html-small {
    width: 13px;
    height: 14px;
    background-image: url(images/icons/ico-html.svg)
}

.ico-css-small {
    width: 17px;
    height: 14px;
    background-image: url(images/icons/ico-css-small.svg)
}

.ico-eye-small {
    width: 17px;
    height: 11px;
    background-image: url(images/icons/ico-eye-small.svg)
}

.ico-wordpress-small {
    width: 18px;
    height: 18px;
    background-image: url(images/icons/ico-wordpress-small.svg)
}

.ico-github-small {
    width: 20px;
    height: 20px;
    background-image: url(images/icons/ico-github-small.svg)
}

.ico-wordpress-small-black {
    width: 18px;
    height: 18px;
    background-image: url(images/icons/ico-wordpress-small-black.svg)
}

.ico-github-small-black {
    width: 20px;
    height: 20px;
    background-image: url(images/icons/ico-github-small-black.svg)
}

.ico-lock {
    width: 23px;
    height: 32px;
    background-image: url(images/icons/ico-lock.svg)
}

.ico-tag {
    width: 32px;
    height: 32px;
    background-image: url(images/icons/ico-tag.svg)
}

.ico-paperrocket {
    width: 31px;
    height: 32px;
    background-image: url(images/icons/ico-paperrocket.svg)
}

.ico-monitor {
    width: 87px;
    height: 75px;
    background-image: url(images/icons/ico-monitor.svg)
}

.ico-tablet {
    width: 54px;
    height: 78px;
    background-image: url(images/icons/ico-tablet.svg)
}

.ico-phone {
    width: 44px;
    height: 82px;
    background-image: url(images/icons/ico-phone.svg)
}

.ico-monitor-blue {
    width: 87px;
    height: 75px;
    background-image: url(images/icons/ico-monitor-blue.svg)
}

.ico-tablet-blue {
    width: 54px;
    height: 78px;
    background-image: url(images/icons/ico-tablet-blue.svg)
}

.ico-phone-blue {
    width: 44px;
    height: 82px;
    background-image: url(images/icons/ico-phone-blue.svg)
}

.ico-clock {
    width: 33px;
    height: 35px;
    background-image: url(images/icons/ico-clock.svg)
}

.ico-clock-primary {
    width: 34px;
    height: 32px;
    background-image: url(images/icons/ico-clock-primary.svg)
}

.ico-clock-secondary {
    width: 32px;
    height: 32px;
    background-image: url(images/icons/ico-clock-secondary.svg)
}

.ico-link {
    width: 15px;
    height: 15px;
    background-image: url(images/icons/ico-link.svg)
}

.ico-link-white {
    width: 15px;
    height: 15px;
    background-image: url(images/icons/ico-link-white.svg)
}

.ico-arrow-up {
    width: 7px;
    height: 8px;
    background-image: url(images/icons/ico-arrow-up.svg)
}

.ico-arrow-down {
    width: 7px;
    height: 8px;
    background-image: url(images/icons/ico-arrow-down.svg)
}

.ico-arrow-up-white {
    width: 7px;
    height: 8px;
    background-image: url(images/icons/ico-arrow-up-white.svg)
}

.ico-arrow-down-white {
    width: 7px;
    height: 8px;
    background-image: url(images/icons/ico-arrow-down-white.svg)
}

.ico-devices {
    width: 71px;
    height: 93px;
    background-image: url(images/icons/ico-devices.svg)
}

.ico-clock-white {
    width: 33px;
    height: 35px;
    background-image: url(images/icons/ico-clock-white.svg)
}

.ico-clock-primary-white {
    width: 34px;
    height: 32px;
    background-image: url(images/icons/ico-clock-primary-white.svg)
}

.ico-clock-secondary-white {
    width: 32px;
    height: 32px;
    background-image: url(images/icons/ico-clock-secondary-white.svg)
}

.ico-dashboard {
    width: 74px;
    height: 88px;
    background-image: url(images/icons/ico-dashboard.svg)
}

.ico-sprint {
    width: 83px;
    height: 63px;
    background-image: url(images/icons/ico-sprint.svg)
}

.ico-envelope-big {
    width: 82px;
    height: 62px;
    background-image: url(images/icons/ico-envelope-big.svg)
}

.ico-megaphone {
    width: 75px;
    height: 63px;
    background-image: url(images/icons/ico-megaphone.svg)
}

.ico-star {
    width: 81px;
    height: 84px;
    background-image: url(images/icons/ico-star.svg)
}

.ico-newspaper {
    width: 62px;
    height: 77px;
    background-image: url(images/icons/ico-newspaper.svg)
}

.ico-gender {
    width: 31px;
    height: 36px;
    background-image: url(images/icons/ico-gender.svg)
}

.ico-controller {
    width: 34px;
    height: 33px;
    background-image: url(images/icons/ico-controller.svg)
}

.ico-eye {
    width: 36px;
    height: 32px;
    background-image: url(images/icons/ico-eye.svg)
}

.ico-browsers {
    width: 33px;
    height: 29px;
    background-image: url(images/icons/ico-browsers.svg)
}

.ico-dashes {
    width: 31px;
    height: 32px;
    background-image: url(images/icons/ico-dashes.svg)
}

.ico-play {
    width: 36px;
    height: 36px;
    background-image: url(images/icons/ico-play.svg)
}

.ico-toggle {
    width: 31px;
    height: 34px;
    background-image: url(images/icons/ico-toggle.svg)
}

.ico-wheel {
    width: 42px;
    height: 21px;
    background-image: url(images/icons/ico-wheel.svg)
}

.ico-mailchimp {
    width: 80px;
    height: 90px;
    background-image: url(images/icons/ico-mailchimp.svg)
}

.ico-campaignmonitor {
    width: 74px;
    height: 50px;
    background-image: url(images/icons/ico-campaignmonitor.svg)
}

.ico-card {
    width: 80px;
    height: 51px;
    background-image: url(images/icons/ico-card.svg)
}

.ico-services {
    background-size: 1105.3571428571% 1020.7547169811%;
    background-position: 81.261101243339% 83.094262295082%;
    width: 112px;
    height: 106px;
    background-image: url(images/sprite.png)
}

.ico-dashboard-primary {
    width: 46px;
    height: 69px
}

.ico-dashboard-primary, .ico-dashboard-primary-big {
    background-image: url(images/icons/ico-dashboard-primary.svg)
}

.ico-dashboard-primary-big {
    width: 90px;
    height: 135px
}

.ico-dashboard-secondary {
    width: 66px;
    height: 69px
}

.ico-dashboard-secondary, .ico-dashboard-secondary-big {
    background-image: url(images/icons/ico-dashboard-secondary.svg)
}

.ico-dashboard-secondary-big {
    width: 130px;
    height: 135px
}

.ico-keyboard {
    width: 83px;
    height: 61px
}

.ico-keyboard, .ico-keyboard-big {
    background-image: url(images/icons/ico-keyboard.svg)
}

.ico-keyboard-big {
    width: 162px;
    height: 122px
}

.ico-magnifying-glass {
    width: 62px;
    height: 62px
}

.ico-magnifying-glass, .ico-magnifying-glass-big {
    background-image: url(images/icons/ico-magnifying-glass.svg)
}

.ico-magnifying-glass-big {
    width: 121px;
    height: 121px
}

.ico-newspaper-primary {
    width: 80px;
    height: 61px
}

.ico-newspaper-primary, .ico-newspaper-primary-big {
    background-image: url(images/icons/ico-newspaper-primary.svg)
}

.ico-newspaper-primary-big {
    width: 158px;
    height: 120px
}

.ico-sun {
    width: 68px;
    height: 66px
}

.ico-sun, .ico-sun-big {
    background-image: url(images/icons/ico-sun.svg)
}

.ico-sun-big {
    width: 136px;
    height: 131px
}

.ico-paperrocket-big {
    width: 62px;
    height: 62px
}

.ico-paperrocket-big, .ico-paperrocket-big-primary {
    background-image: url(images/icons/ico-paperrocket-big.svg)
}

.ico-paperrocket-big-primary {
    width: 120px;
    height: 120px
}

.ico-clock-big {
    width: 64px;
    height: 67px;
    background-image: url(images/icons/ico-clock-white.svg)
}

.ico-clock-primary-big {
    width: 64px;
    height: 65px;
    background-image: url(images/icons/ico-clock-primary-white.svg)
}

.ico-clock-secondary-big {
    width: 58px;
    height: 67px;
    background-image: url(images/icons/ico-clock-secondary-white.svg)
}

.ico-quotes-white {
    width: 100px;
    height: 100px;
    background-image: url(images/icons/ico-quotes-white.svg)
}

.ico-envelope-black {
    background-size: 1375.5555555556% 1258.1395348837%;
    background-position: 98.257839721254% 15.361445783133%;
    width: 90px;
    height: 86px
}

.ico-envelope-black, .ico-pallette {
    background-image: url(images/sprite.png)
}

.ico-pallette {
    background-size: 1820.5882352941% 1502.7777777778%;
    background-position: 96.410256410256% 24.059405940594%;
    width: 68px;
    height: 72px
}

.ico-html-white {
    background-position: 52.363960749331% 36.702127659574%
}

.ico-html-black, .ico-html-white {
    background-size: 1058.1196581197% 761.97183098592%;
    width: 117px;
    height: 142px;
    background-image: url(images/sprite.png)
}

.ico-html-black {
    background-position: 63.157894736842% 36.702127659574%
}

.ico-helm {
    width: 77px;
    height: 84px;
    background-image: url(images/icons/ico-helm.svg)
}

.ico-workflow {
    width: 67px;
    height: 74px;
    background-image: url(images/icons/ico-workflow.svg)
}

.ico-umbrella {
    width: 74px;
    height: 72px;
    background-image: url(images/icons/ico-umbrella.svg)
}

.ico-bullseye {
    width: 84px;
    height: 66px;
    background-image: url(images/icons/ico-bullseye.svg)
}

.ico-lines {
    width: 65px;
    height: 63px;
    background-image: url(images/icons/ico-lines.svg)
}

.ico-list {
    width: 31px;
    height: 36px;
    background-image: url(images/icons/ico-list.svg)
}

.ico-mobile-small {
    width: 22px;
    height: 35px;
    background-image: url(images/icons/ico-mobile-small.svg)
}

.ico-cogwheel-small {
    width: 34px;
    height: 32px;
    background-image: url(images/icons/ico-cogwheel-small.svg)
}

.ico-star-small {
    width: 33px;
    height: 31px;
    background-image: url(images/icons/ico-star-small.svg)
}

.ico-play-primary {
    width: 80px;
    height: 80px;
    background-image: url(images/icons/ico-play-primary.svg)
}

.ico-burger-tie {
    width: 76px;
    height: 75px;
    background-image: url(images/icons/ico-burger-tie.svg)
}

.ico-content {
    width: 77px;
    height: 77px;
    background-image: url(images/icons/ico-content.svg)
}

.ico-woo-primary {
    background-size: 897.10144927536% 983.63636363636%;
    background-position: 70.272727272727% 83.43621399177%;
    width: 138px;
    height: 110px;
    background-image: url(images/sprite.png)
}

.ico-tools {
    width: 72px;
    height: 71px;
    background-image: url(images/icons/ico-tools.svg)
}

.ico-sandclock {
    width: 64px;
    height: 78px;
    background-image: url(images/icons/ico-sandclock.svg)
}

.ico-code {
    width: 80px;
    height: 64px;
    background-image: url(images/icons/ico-code.svg)
}

.ico-wordpress-primary {
    background-size: 982.53968253968% 736.05442176871%;
    background-position: 41.097122302158% 36.898395721925%;
    width: 126px;
    height: 147px;
    background-image: url(images/sprite.png)
}

.ico-pointer-down {
    width: 18px;
    height: 25px;
    background-image: url(images/icons/ico-pointer-down.svg)
}

.ico-phone-small {
    width: 18px;
    height: 28px;
    background-image: url(images/icons/ico-phone-small.svg)
}

.ico-envelope-small {
    width: 13px;
    height: 12px;
    background-image: url(images/icons/ico-envelope-small.svg)
}

.ico-quotes-yellow {
    width: 76px;
    height: 76px
}

.ico-quotes-yellow, .ico-quotes-yellow-large {
    background-image: url(images/icons/ico-quotes-yellow.svg)
}

.ico-quotes-yellow-large {
    width: 100px;
    height: 100px
}

.ico-quotes-blue {
    width: 76px;
    height: 76px;
    background-image: url(images/icons/ico-quotes-blue.svg)
}

.ico-folder {
    width: 77px;
    height: 68px;
    background-image: url(images/icons/ico-folder.svg)
}

.ico-folder-white {
    width: 54px;
    height: 60px;
    background-image: url(images/icons/ico-folder-white.svg)
}

.ico-folder-white-primary {
    width: 57px;
    height: 64px;
    background-image: url(images/icons/ico-folder-white-primary.svg)
}

.ico-folder-white-secondary {
    width: 64px;
    height: 64px;
    background-image: url(images/icons/ico-folder-white-secondary.svg)
}

.ico-burger-html {
    background-size: 474.32950191571% 400.74074074074%;
    background-position: 27.123848515865% 66.009852216749%;
    width: 261px;
    padding-top: 103.45%
}

.ico-burger-html, .ico-burger-shopify {
    background-image: url(images/sprite.png)
}

.ico-burger-shopify {
    background-size: 476.15384615385% 399.26199261993%;
    background-position: 26.993865030675% 100%;
    width: 260px;
    padding-top: 104.23%
}

.ico-burger-wordpress {
    background-size: 474.32950191571% 399.26199261993%;
    background-position: 0 66.091245376079%;
    width: 261px;
    padding-top: 103.83%;
    background-image: url(images/sprite.png)
}

.ico-burger-email {
    background-size: 476.15384615385% 397.79411764706%;
    background-position: 88.343558282209% 0;
    padding-top: 104.62%
}

.ico-burger-email, .ico-burger-woocommerce {
    width: 260px;
    background-image: url(images/sprite.png)
}

.ico-burger-woocommerce {
    background-position: 0 100%
}

.ico-burger-spa, .ico-burger-woocommerce {
    background-size: 476.15384615385% 399.26199261993%;
    padding-top: 104.23%
}

.ico-burger-spa {
    background-position: 88.343558282209% 34.03205918619%;
    width: 260px
}

.ico-burger-spa, .ico-cup-css {
    background-image: url(images/sprite.png)
}

.ico-cup-css {
    background-size: 1049.1525423729% 731.08108108108%;
    background-position: 58.125% 86.830835117773%;
    width: 118px;
    height: 148px
}

.ico-cup-html {
    background-size: 1115.3153153153% 721.33333333333%;
    background-position: 66.015971606034% 57.510729613734%;
    width: 111px;
    height: 150px
}

.ico-cup-html, .ico-cup-ps {
    background-image: url(images/sprite.png)
}

.ico-cup-ps {
    background-size: 1125.4545454545% 726.1744966443%;
    background-position: 100% 0;
    width: 110px;
    height: 149px
}

.ico-cup-ai {
    background-size: 1040.3361344538% 731.08108108108%;
    background-position: 47.184986595174% 86.830835117773%;
    width: 119px;
    height: 148px;
    background-image: url(images/sprite.png)
}

.ico-heart {
    width: 13px;
    height: 11px;
    background-image: url(images/icons/ico-heart.svg)
}

.ico-cogwheel-white {
    width: 67px;
    height: 67px;
    background-image: url(images/icons/ico-cogwheel-white.svg)
}

.ico-cogwheel-white-primary {
    width: 95px;
    height: 67px;
    background-image: url(images/icons/ico-cogwheel-white-primary.svg)
}

.ico-cogwheel-white-secondary {
    width: 95px;
    height: 67px;
    background-image: url(images/icons/ico-cogwheel-white-secondary.svg)
}

.ico-arrow-up-primary {
    width: 42px;
    height: 42px;
    background-image: url(images/icons/ico-arrow-up-primary.svg)
}

.ico-wordpress-fancy {
    width: 40px;
    height: 44px;
    background-image: url(images/icons/ico-wordpress-fancy.svg)
}

.ico-woo-fancy {
    width: 45px;
    height: 32px;
    background-image: url(images/icons/ico-woo-fancy.svg)
}

.ico-gauge {
    width: 45px;
    height: 30px;
    background-image: url(images/icons/ico-gauge.svg)
}

.ico-lock-fancy {
    width: 31px;
    height: 45px;
    background-image: url(images/icons/ico-lock-fancy.svg)
}

.ico-wordpress-browser {
    width: 40px;
    height: 45px;
    background-image: url(images/icons/ico-wordpress-browser.svg)
}

.ico-cogwheel-wordpress {
    width: 46px;
    height: 46px;
    background-image: url(images/icons/ico-cogwheel-wordpress.svg)
}

.ico-list-fancy {
    width: 38px;
    height: 43px;
    background-image: url(images/icons/ico-list-fancy.svg)
}

.ico-powercord {
    width: 45px;
    height: 36px;
    background-image: url(images/icons/ico-powercord.svg)
}

.ico-migration {
    width: 48px;
    height: 40px;
    background-image: url(images/icons/ico-migration.svg)
}

.ico-drawingboard {
    width: 44px;
    height: 36px;
    background-image: url(images/icons/ico-drawingboard.svg)
}

.ico-devices-fancy {
    width: 40px;
    height: 35px;
    background-image: url(images/icons/ico-devices-fancy.svg)
}

.ico-monitor-small {
    width: 40px;
    height: 35px;
    background-image: url(images/icons/ico-monitor-small.svg)
}

.ico-cogwheel-check {
    width: 48px;
    height: 48px;
    background-image: url(images/icons/ico-cogwheel-check.svg)
}

.ico-phone-fancy {
    width: 35px;
    height: 55px;
    background-image: url(images/icons/ico-phone-fancy.svg)
}

.ico-mailchimp-small {
    width: 45px;
    height: 47px;
    background-image: url(images/icons/ico-mailchimp-small.svg)
}

.ico-girdle {
    width: 45px;
    height: 45px;
    background-image: url(images/icons/ico-girdle.svg)
}

.ico-browser-fancy {
    width: 45px;
    height: 36px;
    background-image: url(images/icons/ico-browser-fancy.svg)
}

.ico-envelope-fancy {
    width: 45px;
    height: 46px;
    background-image: url(images/icons/ico-envelope-fancy.svg)
}

.ico-paper {
    width: 44px;
    height: 41px;
    background-image: url(images/icons/ico-paper.svg)
}

.ico-birds {
    width: 47px;
    height: 30px;
    background-image: url(images/icons/ico-birds.svg)
}

.ico-upgrade {
    width: 44px;
    height: 38px;
    background-image: url(images/icons/ico-upgrade.svg)
}

.ico-gauges {
    width: 35px;
    height: 43px;
    background-image: url(images/icons/ico-gauges.svg)
}

.ico-credit-card {
    width: 42px;
    height: 30px;
    background-image: url(images/icons/ico-credit-card.svg)
}

.ico-connections {
    width: 45px;
    height: 37px;
    background-image: url(images/icons/ico-connections.svg)
}

.ico-shapes {
    width: 40px;
    height: 41px;
    background-image: url(images/icons/ico-shapes.svg)
}

.ico-inbuild {
    width: 46px;
    height: 36px;
    background-image: url(images/icons/ico-inbuild.svg)
}

.ico-browser-fancy-primary {
    width: 42px;
    height: 33px;
    background-image: url(images/icons/ico-browser-fancy-primary.svg)
}

.ico-shopify-fancy {
    width: 42px;
    height: 43px;
    background-image: url(images/icons/ico-shopify-fancy.svg)
}

.ico-migration-primary {
    width: 44px;
    height: 41px;
    background-image: url(images/icons/ico-migration-primary.svg)
}

.ico-dropdown {
    width: 44px;
    height: 39px;
    background-image: url(images/icons/ico-dropdown.svg)
}

.ico-connections-primary {
    width: 41px;
    height: 45px;
    background-image: url(images/icons/ico-connections-primary.svg)
}

.ico-cogwheel-arrows {
    width: 44px;
    height: 44px;
    background-image: url(images/icons/ico-cogwheel-arrows.svg)
}

.ico-list-fancy-primary {
    width: 42px;
    height: 38px;
    background-image: url(images/icons/ico-list-fancy-primary.svg)
}

.ico-cogwheel-rotation {
    width: 44px;
    height: 46px;
    background-image: url(images/icons/ico-cogwheel-rotation.svg)
}

.ico-download {
    width: 45px;
    height: 40px;
    background-image: url(images/icons/ico-download.svg)
}

.ico-circles {
    width: 39px;
    height: 39px;
    background-image: url(images/icons/ico-circles.svg)
}

.ico-balls {
    width: 45px;
    height: 27px;
    background-image: url(images/icons/ico-balls.svg)
}

.ico-eye-primary {
    width: 49px;
    height: 27px;
    background-image: url(images/icons/ico-eye-primary.svg)
}

.ico-crosshair {
    width: 44px;
    height: 44px;
    background-image: url(images/icons/ico-crosshair.svg)
}

.ico-circles-primary {
    width: 45px;
    height: 45px;
    background-image: url(images/icons/ico-circles-primary.svg)
}

.ico-edge {
    background-image: url(images/icons/ico-edge.svg)
}

.ico-edge, .ico-jsx {
    width: 42px;
    height: 44px
}

.ico-jsx {
    background-image: url(images/icons/ico-jsx.svg)
}

.ico-arrows-rotation {
    width: 43px;
    height: 46px;
    background-image: url(images/icons/ico-arrows-rotation.svg)
}

.ico-list-plus {
    width: 41px;
    height: 49px;
    background-image: url(images/icons/ico-list-plus.svg)
}

.ico-angular {
    width: 44px;
    height: 46px;
    background-image: url(images/icons/ico-angular.svg)
}

.ico-react {
    width: 47px;
    height: 41px;
    background-image: url(images/icons/ico-react.svg)
}

.ico-react-native {
    width: 47px;
    height: 41px;
    background-image: url(images/icons/ico-react-native.svg)
}

.ico-vue {
    width: 48px;
    height: 40px;
    background-image: url(images/icons/ico-vue.svg)
}

.ico-flux {
    width: 50px;
    height: 19px;
    background-image: url(images/icons/ico-flux.svg)
}

.ico-head {
    width: 78px;
    height: 104px;
    background-image: url(images/icons/ico-head.svg)
}

.ico-head-primary {
    width: 103px;
    height: 81px;
    background-image: url(images/icons/ico-head-primary.svg)
}

.ico-head-secondary {
    width: 78px;
    height: 101px;
    background-image: url(images/icons/ico-head-secondary.svg)
}

.ico-target {
    width: 83px;
    height: 86px;
    background-image: url(images/icons/ico-target.svg)
}

.ico-scale {
    width: 82px;
    height: 65px;
    background-image: url(images/icons/ico-scale.svg)
}

.ico-medal {
    width: 39px;
    height: 72px;
    background-image: url(images/icons/ico-medal.svg)
}

.ico-rocket {
    width: 46px;
    height: 78px;
    background-image: url(images/icons/ico-rocket.svg)
}

.ico-medal-primary {
    width: 51px;
    height: 71px;
    background-image: url(images/icons/ico-medal-primary.svg)
}

.ico-telescope {
    width: 95px;
    height: 30px;
    background-image: url(images/icons/ico-telescope.svg)
}

.ico-star-fancy {
    width: 63px;
    height: 60px;
    background-image: url(images/icons/ico-star-fancy.svg)
}

.ico-handshake {
    width: 83px;
    height: 56px;
    background-image: url(images/icons/ico-handshake.svg)
}

.ico-home {
    width: 18px;
    height: 16px;
    background-image: url(images/icons/ico-home.svg)
}

.ico-home-white {
    width: 18px;
    height: 16px;
    background-image: url(images/icons/ico-home-white.svg)
}

.ico-flag {
    width: 14px;
    height: 16px;
    background-image: url(images/icons/ico-flag.svg)
}

.ico-flag-white {
    width: 14px;
    height: 16px;
    background-image: url(images/icons/ico-flag-white.svg.html)
}

.ico-error {
    width: 32px;
    height: 32px;
    background-image: url(images/icons/ico-error.svg)
}

.ico-error-yellow {
    width: 32px;
    height: 32px;
    background-image: url(images/icons/ico-error-yellow.svg)
}

.ico-promise-agreement {
    width: 38px;
    height: 39px;
    background-image: url(images/icons/ico-promise-agreement.svg)
}

.ico-promise-quality {
    width: 38px;
    height: 43px;
    background-image: url(images/icons/ico-promise-quality.svg)
}

.ico-promise-fast {
    width: 38px;
    height: 41px;
    background-image: url(images/icons/ico-promise-fast.svg)
}

.ico-promise-support {
    width: 38px;
    height: 41px;
    background-image: url(images/icons/ico-promise-support.svg)
}

.ico-promise-team {
    width: 39px;
    height: 35px;
    background-image: url(images/icons/ico-promise-team.svg)
}

.ico-promise-responsive {
    width: 38px;
    height: 32px;
    background-image: url(images/icons/ico-promise-responsive.svg)
}

.ico-about-experience {
    width: 52px;
    height: 50px;
    background-image: url(images/icons/ico-about-experience.svg)
}

.ico-about-clients {
    width: 52px;
    height: 46px;
    background-image: url(images/icons/ico-about-clients.svg)
}

.ico-about-projects {
    width: 55px;
    height: 73px;
    background-image: url(images/icons/ico-about-projects.svg)
}

.ico-about-developers {
    width: 76px;
    height: 51px;
    background-image: url(images/icons/ico-about-developers.svg)
}

.ico-check {
    width: 16px;
    height: 12px;
    background-image: url(images/icons/ico-check.svg)
}

.ico-check-blue {
    width: 16px;
    height: 12px;
    background-image: url(images/icons/ico-check-blue.svg)
}

.ico-padlock-unlock {
    height: 16px;
    width: 14px;
    background-image: url(images/icons/ico-padlock-unlock.svg)
}

.ico-padlock-unlock-charcoal {
    height: 16px;
    width: 14px;
    background-image: url(images/icons/ico-padlock-unlock-charcoal.svg)
}

.ico-padlock-unlock-yellow {
    height: 16px;
    width: 14px;
    background-image: url(images/icons/ico-padlock-unlock-yellow.svg)
}

.ico-padlock-unlock-blue {
    height: 16px;
    width: 14px;
    background-image: url(images/icons/ico-padlock-unlock-blue.svg)
}

.ico-hand-okay {
    background-size: 3868.75% 3381.25%;
    background-position: 96.517412935323% 38.571428571429%;
    width: 32px
}

.ico-hand-okay, .ico-hand-pointing {
    height: 32px;
    background-image: url(images/sprite.png)
}

.ico-hand-pointing {
    background-size: 3537.1428571429% 3381.25%;
    background-position: 99.750623441397% 26.761904761905%;
    width: 35px
}

.ico-close-bar {
    background-size: 9523.0769230769% 8323.0769230769%;
    background-position: 99.755102040816% 14.312441534144%
}

.ico-close-bar, .ico-close-bar-light {
    width: 13px;
    height: 13px;
    background-image: url(images/sprite.png)
}

.ico-close-bar-light {
    background-size: 10316.666666667% 8323.0769230769%;
    background-position: 99.673735725938% 15.902712815716%
}

.ico-check-circle {
    background-size: 3345.9459459459% 3182.3529411765%;
    background-position: 99.916736053289% 23.187022900763%;
    width: 37px;
    height: 34px;
    background-image: url(images/sprite.png)
}

.ico-question {
    background-size: 5158.3333333333% 3005.5555555556%;
    background-position: 92.915980230643% 42.160611854685%;
    height: 36px
}

.ico-question, .ico-question-tilted {
    width: 24px;
    background-image: url(images/sprite.png)
}

.ico-question-tilted {
    background-size: 5158.3333333333% 2352.1739130435%;
    background-position: 92.915980230643% 30.791505791506%;
    height: 46px
}

.ico-design-cost-effective {
    width: 95px;
    height: 61px;
    background-image: url(images/icons/ico-design-cost-effective.svg)
}

.ico-design-moneyback {
    width: 74px;
    height: 72px;
    background-image: url(images/icons/ico-design-moneyback.svg)
}

.ico-design-nda {
    width: 75px;
    height: 63px;
    background-image: url(images/icons/ico-design-nda.svg)
}

.ico-design-workflow {
    width: 67px;
    height: 74px;
    background-image: url(images/icons/ico-design-workflow.svg)
}

.ico-design-process {
    width: 70px;
    height: 70px;
    background-image: url(images/icons/ico-design-process.svg)
}

.ico-design-synergy {
    width: 103px;
    height: 48px;
    background-image: url(images/icons/ico-design-synergy.svg)
}

.ico-design-webpage {
    width: 35px;
    height: 27px;
    background-image: url(images/icons/ico-design-webpage.svg)
}

.ico-design-redesign {
    width: 38px;
    height: 30px;
    background-image: url(images/icons/ico-design-redesign.svg)
}

.ico-design-ecommerce {
    width: 34px;
    height: 29px;
    background-image: url(images/icons/ico-design-ecommerce.svg)
}

.ico-design-landing-page {
    width: 40px;
    height: 34px;
    background-image: url(images/icons/ico-design-landing-page.svg)
}

.ico-design-contact-forms {
    width: 35px;
    height: 31px;
    background-image: url(images/icons/ico-design-contact-forms.svg)
}

.ico-design-illustrations {
    width: 42px;
    height: 31px;
    background-image: url(images/icons/ico-design-illustrations.svg)
}

.ico-design-infographic {
    width: 26px;
    height: 45px;
    background-image: url(images/icons/ico-design-infographic.svg)
}

.ico-design-app {
    width: 37px;
    height: 41px;
    background-image: url(images/icons/ico-design-app.svg)
}

.ico-design-other {
    width: 35px;
    height: 40px;
    background-image: url(images/icons/ico-design-other.svg)
}

.ico-design-step-1 {
    width: 56px;
    height: 69px;
    background-image: url(images/icons/ico-design-step-1.svg)
}

.ico-design-step-2 {
    width: 60px;
    height: 66px;
    background-image: url(images/icons/ico-design-step-2.svg)
}

.ico-design-step-3 {
    width: 71px;
    height: 55px;
    background-image: url(images/icons/ico-design-step-3.svg)
}

.ico-design-step-4 {
    width: 63px;
    height: 65px;
    background-image: url(images/icons/ico-design-step-4.svg)
}

.ico-design-step-5 {
    width: 55px;
    height: 55px;
    background-image: url(images/icons/ico-design-step-5.svg)
}

.ico-design-step-6 {
    width: 53px;
    height: 56px;
    background-image: url(images/icons/ico-design-step-6.svg)
}

.ico-minus {
    width: 16px;
    height: 2px;
    background: #353535
}

.ico-arrow-left {
    width: 7px;
    height: 7px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ico-mouse {
    position: relative;
    width: 16px;
    height: 23px;
    border: 2px solid #353535;
    border-radius: 15px
}

    .ico-mouse:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 5px;
        top: 2px;
        left: 50%;
        margin-left: -2px;
        border-radius: 4px;
        background: #353535;
        -webkit-animation: scroll 1s infinite linear;
        animation: scroll 1s infinite linear
    }

.ico-plus {
    position: relative;
    width: 16px;
    height: 16px
}

    .ico-plus:before {
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        margin-top: -1px
    }

    .ico-plus:after, .ico-plus:before {
        content: "";
        position: absolute;
        background: #353535
    }

    .ico-plus:after {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -1px
    }

.ico-mouse-white {
    position: relative;
    width: 16px;
    height: 23px;
    border: 2px solid #fff;
    border-radius: 15px
}

    .ico-mouse-white:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 5px;
        top: 2px;
        left: 50%;
        margin-left: -2px;
        border-radius: 4px;
        background: #fff;
        -webkit-animation: scroll 1s infinite linear;
        animation: scroll 1s infinite linear
    }

.ico-cross {
    position: relative;
    width: 18px;
    height: 18px
}

    .ico-cross:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ico-cross:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .ico-cross:after, .ico-cross:before {
        content: "";
        position: absolute;
        width: 22px;
        height: 2px;
        top: 8px;
        left: -2px;
        background: #c2c2c2;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

.ico-nav-html {
    background-position: 95.854063018242% 30.380952380952%
}

.ico-nav-email, .ico-nav-html {
    background-size: 3868.75% 3381.25%;
    width: 32px;
    height: 32px;
    background-image: url(images/sprite.png)
}

.ico-nav-email {
    background-position: 98.839137645108% 30.380952380952%
}

.ico-nav-shopify {
    background-position: 93.532338308458% 35.142857142857%
}

.ico-nav-shopify, .ico-nav-wordpress {
    background-size: 3868.75% 3381.25%;
    width: 32px;
    height: 32px;
    background-image: url(images/sprite.png)
}

.ico-nav-wordpress {
    background-position: 96.517412935323% 35.142857142857%
}

.ico-nav-woocommerce {
    background-position: 99.502487562189% 35.142857142857%
}

.ico-nav-spa, .ico-nav-woocommerce {
    background-size: 3868.75% 3381.25%;
    width: 32px;
    height: 32px;
    background-image: url(images/sprite.png)
}

.ico-nav-spa {
    background-position: 93.532338308458% 38.571428571429%
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .ico-envelope-black {
        background-size: 1010% 998.83720930233%;
        background-position: 96.703296703297% 18.88745148771%
    }

    .ico-envelope-black, .ico-woo-primary {
        background-image: url(images/sprite.@2x.png)
    }

    .ico-woo-primary {
        background-size: 658.69565217391% 780.90909090909%;
        background-position: 0 100%
    }

    .ico-wordpress-primary {
        background-size: 721.42857142857% 584.3537414966%;
        background-position: 54.661558109834% 77.247191011236%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-html-white {
        background-position: 100% 0
    }

    .ico-html-black, .ico-html-white {
        background-size: 776.92307692308% 604.92957746479%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-html-black {
        background-position: 70.454545454545% 76.708507670851%
    }

    .ico-burger-html {
        background-position: 40.677966101695% 46.768707482993%
    }

    .ico-burger-html, .ico-burger-shopify {
        background-size: 349.61538461538% 316.9741697417%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-burger-shopify {
        background-position: 81.35593220339% 46.768707482993%
    }

    .ico-burger-wordpress {
        background-position: 0 0
    }

    .ico-burger-email, .ico-burger-wordpress {
        background-size: 349.61538461538% 316.9741697417%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-burger-email {
        background-position: 0 46.768707482993%
    }

    .ico-burger-woocommerce {
        background-position: 81.35593220339% 0
    }

    .ico-burger-spa, .ico-burger-woocommerce {
        background-size: 349.61538461538% 316.9741697417%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-burger-spa {
        background-position: 40.677966101695% 0
    }

    .ico-hand-okay {
        background-size: 2840.625% 2684.375%;
        background-position: 97.605473204105% 33.131801692866%
    }

    .ico-hand-okay, .ico-hand-pointing {
        background-image: url(images/sprite.@2x.png)
    }

    .ico-hand-pointing {
        background-size: 2597.1428571429% 2684.375%;
        background-position: 95.308924485126% 28.536880290206%
    }

    .ico-close-bar {
        background-size: 6992.3076923077% 6607.6923076923%;
        background-position: 98.883928571429% 23.049645390071%
    }

    .ico-close-bar, .ico-close-bar-light {
        background-image: url(images/sprite.@2x.png)
    }

    .ico-close-bar-light {
        background-size: 7575% 7158.3333333333%;
        background-position: 98.773690078038% 25.029515938607%
    }

    .ico-check-circle {
        background-size: 2456.7567567568% 2526.4705882353%;
        background-position: 90.825688073394% 28.606060606061%
    }

    .ico-check-circle, .ico-question {
        background-image: url(images/sprite.@2x.png)
    }

    .ico-question {
        background-size: 3787.5% 2386.1111111111%;
        background-position: 89.491525423729% 48.116646415553%
    }

    .ico-question-tilted {
        background-size: 3787.5% 1867.3913043478%;
        background-position: 89.491525423729% 33.70233702337%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-nav-html {
        background-position: 93.500570125428% 33.131801692866%
    }

    .ico-nav-email, .ico-nav-html {
        background-size: 2840.625% 2684.375%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-nav-email {
        background-position: 99.429874572406% 28.536880290206%
    }

    .ico-nav-shopify {
        background-position: 90.307867730901% 39.177750906892%
    }

    .ico-nav-shopify, .ico-nav-wordpress {
        background-size: 2840.625% 2684.375%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-nav-wordpress {
        background-position: 94.412770809578% 39.177750906892%
    }

    .ico-nav-woocommerce {
        background-position: 98.517673888255% 39.177750906892%
    }

    .ico-nav-spa, .ico-nav-woocommerce {
        background-size: 2840.625% 2684.375%;
        background-image: url(images/sprite.@2x.png)
    }

    .ico-nav-spa {
        background-position: 90.307867730901% 43.530834340992%
    }
}

@media (max-width:767px) {
    .ico-table-football {
        width: 78px;
        height: 67px
    }

    .ico-boat {
        width: 82px;
        height: 67px
    }

    .ico-browser {
        width: 67px;
        height: 56px
    }

    .ico-quotes, .ico-quotes-alt {
        width: 80px;
        height: 80px
    }
}

.incrementor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px
}

    .incrementor a {
        display: block;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .incrementor .incrementor__field {
        max-width: 75px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75px;
        -ms-flex: 0 0 75px;
        flex: 0 0 75px;
        margin: 0 28px;
        font-size: 16px;
        font-weight: 600;
        text-align: center
    }

.infinite-scroll > * {
    position: absolute;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
    transition: opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s;
    -o-transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
    transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s;
    transition: transform .3s .3s,opacity .3s .3s,visibility .3s .3s,-webkit-transform .3s .3s
}

.infinite-scroll .is-shown {
    position: static;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.intro {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    min-height: 700px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.88;
    text-align: center
}

    .intro .intro__preload {
        position: absolute;
        left: -4000px;
        top: -4000px;
        visibility: hidden;
        opacity: 0
    }

    .intro h1 {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 52px
    }

        .intro h1:before {
            left: 50%;
            margin-left: -35px
        }

    .intro h2 {
        position: relative;
        padding-bottom: 39px;
        margin-bottom: 50px
    }

        .intro h2:before {
            left: 0
        }

    .intro figure {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

        .intro figure > * {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

    .intro p {
        margin-bottom: 40px
    }

    .intro figure .loader {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .intro figure.has-loaded .loader {
        visibility: hidden;
        opacity: 0
    }

    .intro .scroll {
        position: absolute;
        z-index: 1;
        display: inline-block;
        bottom: 79px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .intro .intro__icon {
        position: absolute;
        top: 0;
        right: 0
    }

    .intro .intro__entry {
        opacity: .8
    }

    .intro .intro__inner {
        position: absolute;
        right: 0;
        bottom: 107px
    }

    .intro .intro__title-tertiary:before {
        left: 50%;
        margin-left: -35px
    }

    .intro .intro__title-quaternary span {
        white-space: nowrap
    }

        .intro .intro__title-quaternary span br {
            display: none
        }

    .intro .intro__title-secondary {
        padding-bottom: 0
    }

        .intro .intro__title-secondary:before {
            display: none
        }

    .intro .intro__aside {
        position: relative;
        padding-right: 40px
    }

        .intro .intro__aside span {
            background-size: 589.52380952381% 554.87179487179%;
            background-position: 84.046692607004% 62.119503945885%;
            position: absolute;
            width: 210px;
            height: 195px;
            top: -77px;
            left: 50%;
            padding-top: 50px;
            margin-left: -322px;
            font-size: 13px;
            background-image: url(images/sprite.png);
            z-index: 4;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

            .intro .intro__aside span strong {
                display: block;
                font-family: Tungsten Rounded,sans-serif;
                font-size: 55px;
                line-height: 1;
                font-weight: 600
            }

            .intro .intro__aside span sup {
                font-size: 30px
            }

        .intro .intro__aside img:first-child {
            position: relative;
            width: 100%;
            height: auto;
            z-index: 2
        }

        .intro .intro__aside img:nth-child(2) {
            position: absolute;
            bottom: -70px;
            left: 50%;
            margin-left: -485px;
            -webkit-animation: floatBurger 11s infinite;
            animation: floatBurger 11s infinite;
            z-index: 3
        }

        .intro .intro__aside img:nth-child(3) {
            position: absolute;
            top: 18px;
            left: 50%;
            margin-left: 100px;
            -webkit-animation: floatBurgerSec 7s infinite;
            animation: floatBurgerSec 7s infinite
        }

        .intro .intro__aside .intro__aside__images {
            max-width: 490px;
            margin: 0 auto;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .intro .intro__aside.is-loading .intro__aside__images, .intro .intro__aside.is-loading span {
            visibility: hidden;
            opacity: 0
        }

        .intro .intro__aside.has-loaded .intro__aside__images, .intro .intro__aside.has-loaded span {
            visibility: visible;
            opacity: 1
        }

        .intro .intro__aside.has-loaded .loader {
            visibility: hidden;
            opacity: 0
        }

    .intro .intro__aside--primary img:nth-child(2) {
        bottom: 0;
        margin-left: -360px
    }

    .intro .intro__aside--primary img:nth-child(3) {
        top: -60px;
        margin-left: 50px;
        z-index: 3
    }

    .intro .intro__title-primary {
        font-size: 50px;
        line-height: .82;
        text-transform: none;
        padding-bottom: 54px;
        margin-bottom: 43px
    }

        .intro .intro__title-primary strong {
            padding-bottom: 20px;
            font-size: 45px;
            font-weight: 400;
            text-shadow: none
        }

        .intro .intro__title-primary span {
            display: inline;
            font-size: 45px;
            font-weight: 300
        }

    .intro .intro__title {
        font-size: 120px;
        text-transform: none;
        padding-bottom: 0
    }

        .intro .intro__title:before {
            display: none
        }

        .intro .intro__title strong {
            font-size: 60px
        }

    .intro .intro__form {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0
    }

    .intro .intro__images {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear
    }

    .intro .intro__image {
        position: absolute;
        top: 15.1%;
        left: 3.24%
    }

        .intro .intro__image:before {
            content: "";
            position: absolute;
            width: 80%;
            height: 80%;
            top: -10px;
            left: 9px;
            -webkit-box-shadow: 44px 96px 48px #000;
            box-shadow: 44px 96px 48px #000;
            border-radius: 85px;
            opacity: .28
        }

        .intro .intro__image > * {
            position: relative
        }

    .intro .intro__image--shopify {
        top: 8.9%;
        right: 11.8%;
        left: auto
    }

    .intro .intro__image--wordpress {
        top: auto;
        bottom: 13.2%;
        left: 3.18%
    }

    .intro .intro__image--email {
        top: auto;
        right: 16.2%;
        bottom: 6.9%;
        left: auto
    }

    .intro .intro__image--html {
        top: 37.6%;
        left: 22.44%
    }

        .intro .intro__image--html:before {
            top: -30%;
            left: 1.8%;
            opacity: .15
        }

    .intro .intro__image--css {
        top: 47.3%;
        right: 4.32%;
        left: auto
    }

        .intro .intro__image--css:before {
            top: -25%;
            left: 30%;
            -webkit-box-shadow: -44px 96px 38px #000;
            box-shadow: -44px 96px 38px #000;
            border-radius: 40px;
            opacity: .15
        }

    .intro .intro__image i {
        -webkit-transform: rotate(-14deg);
        -ms-transform: rotate(-14deg);
        transform: rotate(-14deg)
    }

    .intro .intro__image--css i {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .intro .intro__image--shopify i {
        -webkit-transform: rotate(14deg);
        -ms-transform: rotate(14deg);
        transform: rotate(14deg)
    }

    .intro .intro__image--wordpress i {
        -webkit-transform: rotate(18deg) scale(.94);
        -ms-transform: rotate(18deg) scale(.94);
        transform: rotate(18deg) scale(.94)
    }

    .intro .intro__image--email i {
        -webkit-transform: rotate(-14deg) scale(.8);
        -ms-transform: rotate(-14deg) scale(.8);
        transform: rotate(-14deg) scale(.8)
    }

    .intro .intro__image--html i {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .intro .intro__image i {
        width: 15.69vw;
        max-width: 261px
    }

    .intro .intro__image--css i, .intro .intro__image--html i {
        width: 6.67vw;
        max-width: 111px;
        min-width: 80px;
        height: auto
    }

    .intro .intro__image--css i {
        padding-top: 125.4237%
    }

    .intro .intro__image--html i {
        padding-top: 135.1351%
    }

    .intro .intro__group {
        position: relative;
        max-width: 805px;
        z-index: 1
    }

        .intro .intro__group > :last-child {
            margin: 0;
            font-size: 22px;

        }

    .intro .intro__group--primary {
        width: 100%;
        max-width: 1100px
    }

    .intro .intro__content {
        position: relative;
        font-size: 16px;
        line-height: 1.75;
        text-align: left;
        z-index: 3
    }

        .intro .intro__content > :last-child {
            margin-bottom: 0
        }

        .intro .intro__content:last-child {
            padding-right: 50px
        }

        .intro .intro__content p {
            padding-right: 132px;
            opacity: .8
        }

    .intro .intro__background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
        opacity: 1
    }

    .intro .shell-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .intro .shell-fluid > * {
            max-width: 50%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }


    .intro figure img, .intro figure svg {
        display: block;
        width: 100%;
        height: auto
    }

.intro--loading .intro__images {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%)
}

.intro--loaded a.intro__image i {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.intro--loaded a.intro__image:hover i {
    -webkit-transform: rotate(5deg) scale(1.05);
    -ms-transform: rotate(5deg) scale(1.05);
    transform: rotate(5deg) scale(1.05)
}

.intro--loaded .intro__image {
    -webkit-animation: floatBurger 9s infinite both;
    animation: floatBurger 9s infinite both
}

.intro--loaded .intro__image--shopify {
    -webkit-animation: floatBurgerSec 6.5s infinite both;
    animation: floatBurgerSec 6.5s infinite both
}

.intro--loaded .intro__image--wordpress {
    -webkit-animation: floatBurgerTer 6.5s 1.4s infinite both;
    animation: floatBurgerTer 6.5s 1.4s infinite both
}

.intro--loaded .intro__image--email {
    -webkit-animation: floatBurger 12s 2.2s infinite both;
    animation: floatBurger 12s 2.2s infinite both
}

.intro--loaded .intro__image--html {
    -webkit-animation: floatBurgerSec 6.5s 1.4s infinite both;
    animation: floatBurgerSec 6.5s 1.4s infinite both
}

.intro--loaded .intro__image--css {
    -webkit-animation: floatBurger 10s 1.4s infinite both;
    animation: floatBurger 10s 1.4s infinite both
}

.intro--beige {
    background: #ffe88c
}

.intro--blue {
    color: #fff;
    /*background: #262626*/
}

    .intro--blue .intro__aside span {
        background-size: 589.52380952381% 554.87179487179%;
        background-position: 51.556420233463% 60.428410372041%;
        background-image: url(images/sprite.png)
    }


.intro--primary {
    min-height: 100vh
}

.intro--secondary {
    height: auto;
    min-height: 0;
    padding: 120px 0
}

    .intro--secondary .scroll {
        bottom: 37px
    }

.intro--tertiary {
    min-height: 760px
}

.intro--full-page {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .intro .intro__aside span {
        background-position: 0 82.831325301205%
    }

    .intro--blue .intro__aside span, .intro .intro__aside span {
        background-size: 432.85714285714% 440.51282051282%;
        background-image: url(images/sprite.@2x.png)
    }

    .intro--blue .intro__aside span {
        background-position: 30.615164520744% 82.831325301205%
    }
}

@media (max-width:1600px) {
    .intro .intro__image--tertiary {
        right: 5%
    }
}

@media (max-width:1366px) {
    .intro h1 {
        margin-bottom: 0px;
        margin-top: 100px
    }

    .intro--secondary {
        padding-bottom: 100px
    }

    .intro .scroll {
        bottom: 35px;
        z-index: 3
    }

    .intro .intro__image {
        top: 80px
    }

    .intro .intro__image--wordpress {
        top: auto;
        bottom: 9%
    }

    .intro .intro__image--email {
        top: auto;
        right: 5%
    }

    .intro .intro__image--quinary {
        top: 40%
    }

    .intro .intro__image--html {
        top: 43%;
        left: 15%
    }

    .intro .intro__image--css {
        top: 46%;
        right: 8%
    }

    .intro .intro__aside img:nth-child(n+2) {
        max-width: 35%;
        height: auto
    }

    .intro .intro__aside:not(.intro__aside--primary) img:nth-child(2) {
        max-width: 45%;
        margin-left: -420px;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

@media (max-width:1279px) {
    .intro figure {
        padding: 0 20px
    }

    .intro .intro__aside span {
        left: 0;
        top: 20px;
        margin: 0;
        width: 190px;
        height: 170px;
        padding-top: 45px
    }

        .intro .intro__aside span strong {
            font-size: 40px
        }

        .intro .intro__aside span sup {
            font-size: 22px
        }

    .intro .intro__aside img:first-child {
        max-width: 100%
    }

    .intro .intro__title-primary {
        margin-right: -40px
    }

    .intro .intro__group {
        max-width: 500px
    }

    .intro .intro__content p {
        padding-right: 20px
    }

    .intro .intro__image {
        -webkit-transform: rotate(-14deg) scale(.7);
        -ms-transform: rotate(-14deg) scale(.7);
        transform: rotate(-14deg) scale(.7)
    }

    .intro .intro__image--shopify {
        -webkit-transform: rotate(14deg) scale(.7);
        -ms-transform: rotate(14deg) scale(.7);
        transform: rotate(14deg) scale(.7)
    }

    .intro .intro__image--wordpress {
        left: 2%;
        bottom: 5%;
        -webkit-transform: rotate(18deg) scale(.74);
        -ms-transform: rotate(18deg) scale(.74);
        transform: rotate(18deg) scale(.74)
    }

    .intro .intro__image--email {
        -webkit-transform: rotate(-14deg) scale(.6);
        -ms-transform: rotate(-14deg) scale(.6);
        transform: rotate(-14deg) scale(.6)
    }

    .intro .intro__image--css, .intro .intro__image--html {
        -webkit-transform: rotate(0deg) scale(.8);
        -ms-transform: rotate(0deg) scale(.8);
        transform: rotate(0deg) scale(.8)
    }

    .intro .intro__aside img:nth-child(2), .intro .intro__aside img:nth-child(3), .intro .intro__icon {
        display: none
    }

    .intro--full-page .intro__group {
        max-width: none
    }

    .intro--home .intro__group {
        max-width: 805px
    }

    .intro--quinary {
        height: auto;
        padding: 70px 0
    }
}

@media (max-width:1023px) {
    .intro {
        height: auto;
        min-height: 0;
        padding: 90px 0
    }

        .intro .intro__aside {
            padding-right: 0
        }

            .intro .intro__aside img:first-child {
                max-width: 425px
            }

            .intro .intro__aside span {
                left: 50%;
                top: 0;
                margin-left: -295px
            }

        .intro .scroll {
            display: none
        }

        .intro .intro__title-primary {
            margin-right: 0
        }

        .intro .intro__image {
            left: -100px
        }

        .intro .intro__image--shopify {
            left: auto;
            right: -100px
        }

        .intro .intro__image--wordpress {
            top: auto
        }

        .intro .intro__image--email {
            top: auto;
            left: auto;
            right: -100px;
            bottom: 0
        }

        .intro .intro__image--css {
            left: auto
        }

        .intro .intro__image--html {
            left: 5%
        }

        .intro .intro__form {
            position: static;
            width: 100%
        }

        .intro .intro__content:last-child {
            padding-right: 0
        }

        .intro .intro__aside img:nth-child(2), .intro .intro__aside img:nth-child(3), .intro .intro__content--primary p, .intro .intro__icon, .intro figure {
            display: none
        }

        .intro .intro__content {
            text-align: center
        }

        .intro .shell-fluid {
            display: block
        }

            .intro .shell-fluid > * {
                max-width: 100%
            }

        .intro h2:before {
            left: 50%;
            margin-left: -35px
        }

    .intro--white {
        background: #fff
    }

    .intro--full-page {
        min-height: 100vh
    }

        .intro--full-page .intro__group {
            max-width: 500px
        }
}

@media (max-width:767px) {
    .intro {
        height: auto;
        min-height: 0;
        padding: 90px 0 70px;
        font-size: 14px;
        line-height: 1.86;
        text-align: center
    }

        .intro h1 {
            padding-bottom: 45px;
            margin-bottom: 30px
        }

        .intro .intro__images {
            display: none
        }

        .intro .intro__group {
            padding: 0 15px
        }

        .intro .intro__aside {
            padding-right: 0
        }

        .intro .intro__title-primary strong {
            font-size: 38px
        }

        .intro .intro__title-tertiary {
            font-size: 70px
        }

        .intro .intro__title-secondary {
            font-size: 80px;
            margin-bottom: 30px
        }

            .intro .intro__title-secondary span {
                font-size: 60px
            }

        .intro .intro__content h2 {
            font-size: 68px
        }

        .intro .intro__content p {
            padding-right: 0
        }

        .intro .intro__content h2 span, .intro .intro__group h2 span {
            padding-bottom: 12px;
            font-size: 45px
        }

        .intro .intro__aside span, .intro .intro__content--primary p {
            display: none
        }

    .intro--secondary, .intro--tertiary {
        padding: 90px 0 70px
    }

    .intro--tertiary {
        height: auto;
        min-height: 0
    }

    .intro--full-page {
        height: 100vh;
        padding: 0
    }

        .intro--full-page .intro__group {
            padding: 90px 15px
        }

        .intro--full-page .intro__title {
            margin-top: 50px;
            font-size: 96px
        }

            .intro--full-page .intro__title strong {
                font-size: 48px
            }

        .intro--full-page .btn {
            width: 100%;
            font-size: 12px
        }

            .intro--full-page .btn > span {
                width: 100%;
                padding-left: 10px;
                padding-right: 10px
            }

        .intro--full-page .list-buttons li {
            width: 100%;
            max-width: 320px;
            margin-left: auto;
            margin-right: auto
        }
}

.intro-voucher {
    padding: 100px 0 0;
    background: #00a0d2 url(images/intro-voucher.jpg) no-repeat top;
    background-size: cover
}

    .intro-voucher h2 {
        position: relative;
        font-size: 100px;
        font-weight: 600;
        color: #fff;
        padding-bottom: 0;
        display: inline-block
    }

        .intro-voucher h2:before {
            display: none
        }

        .intro-voucher h2 span {
            color: #ffe88c;
            font-size: 100px;
            font-weight: 600
        }

    .intro-voucher .shell-fluid {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .intro-voucher .intro__content {
        color: #fff;
        position: relative;
        z-index: 10;
        padding: 35px 0
    }

        .intro-voucher .intro__content p {
            padding-right: 70px
        }

    .intro-voucher .intro__contact {
        position: relative;
        background: #ffe88c;
        z-index: 5;
        padding: 140px 60px 40px;
        text-align: left
    }

        .intro-voucher .intro__contact:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: -50px;
            right: -3000px;
            background: #ffe88c;
            z-index: -1
        }

        .intro-voucher .intro__contact h4 {
            font-size: 30px
        }

    .intro-voucher .intro__voucher {
        max-width: 240px;
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
        position: relative;
        z-index: 5;
        position: absolute;
        top: -50px;
        right: -291px
    }

        .intro-voucher .intro__voucher:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            -webkit-box-shadow: 20px 20px 60px rgba(0,0,0,.15);
            box-shadow: 20px 20px 60px rgba(0,0,0,.15);
            z-index: -1;
            border-radius: 10px
        }

    .intro-voucher .intro__voucher-badge {
        background: url(https://alfaweb.com.ua/assets/images/badge.png) no-repeat 0 0;
        width: 72px;
        height: 42px;
        background-size: cover;
        position: absolute;
        top: 0;
        left: -70px;
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
        z-index: 10
    }

        .intro-voucher .intro__voucher-badge:before {
            content: "";
            position: absolute;
            top: -2px;
            right: -2px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #00a0d2
        }

    .intro-voucher + .section--narrow:not(.section-steps) {
        padding-top: 200px
    }

.intro-voucher--center {
    padding: 150px 0
}

    .intro-voucher--center h2 {
        margin-bottom: 35px
    }

    .intro-voucher--center .shell-fluid {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .intro-voucher--center .shell-fluid > * {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            padding: 0;
            text-align: center
        }

    .intro-voucher--center .intro__content:last-child {
        padding: 0;
        max-width: 880px;
        margin: 0 auto
    }

    .intro-voucher--center .intro__content p {
        padding: 0
    }

@media (max-width:1366px) {
    .intro-voucher--center {
        padding: 100px 0
    }
}

@media (max-width:1279px) {
    .intro-voucher + .section--narrow:not(.section-steps) {
        padding-top: 140px
    }

    .intro-voucher h2, .intro-voucher h2 span {
        font-size: 70px
    }
}

@media (max-width:1023px) {
    .intro-voucher h2 {
        display: block
    }

    .intro-voucher .intro__voucher {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: static;
        margin: 30px auto
    }

    .intro-voucher .intro__voucher-badge {
        display: none
    }

    .intro-voucher .intro__content p {
        padding-right: 0
    }

    .intro-voucher .intro__contact {
        padding: 60px 30px;
        margin: 0 -30px;
        max-width: calc(100% + 60px)
    }

        .intro-voucher .intro__contact:after {
            display: none
        }
}

@media (max-width:767px) {
    .intro-voucher .intro__content h2 span, .intro-voucher h2 {
        font-size: 65px
    }

    .intro-voucher .intro__content {
        padding-top: 0
    }

    .intro-voucher .intro__contact {
        padding: 60px 20px;
        margin: 0 -20px;
        max-width: calc(100% + 40px)
    }

    .intro-voucher + .section--narrow:not(.section-steps) {
        padding-top: 60px
    }
}

[class^=list-] {
    list-style: none outside none
}

.list-reasons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -55px;
    color: #4c4c4c;
    text-align: center
}

    .list-reasons li {
        max-width: 33.3%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding: 0 55px
    }

        .list-reasons li:nth-child(n+4) {
            margin-top: 73px
        }

    .list-reasons h4 {
        margin-bottom: 17px
    }

    .list-reasons span {
        position: relative;
        display: block;
        height: 84px;
        margin-bottom: 32px
    }

    .list-reasons i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.list-reasons--primary h4 {
    font-size: 30px
}

.list-reasons--white {
    margin-bottom: 63px;
    color: #fff
}

    .list-reasons--white h4 {
        margin-bottom: 12px
    }

    .list-reasons--white h5 {
        margin: 0 0 30px
    }

    .list-reasons--white span {
        margin-bottom: 23px
    }

    .list-reasons--white h5, .list-reasons--white p {
        opacity: .8
    }

@media (max-width:1279px) {
    .list-reasons {
        margin: 0 -25px
    }

        .list-reasons li {
            padding: 0 25px
        }
}

@media (max-width:1023px) {
    .list-reasons {
        margin: 0 -10px
    }

        .list-reasons li {
            padding: 0 10px
        }

    .list-reasons--primary li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

        .list-reasons--primary li:nth-child(n+3) {
            margin-top: 43px
        }

    .list-reasons--white {
        font-size: 12px
    }

        .list-reasons--white h5 {
            margin-bottom: 15px
        }

        .list-reasons--white span {
            margin-bottom: 10px
        }
}

@media (max-width:767px) {
    .list-reasons {
        display: block
    }

        .list-reasons li {
            max-width: 100%
        }

            .list-reasons li + li {
                margin: 40px 0 0
            }

        .list-reasons span {
            height: auto;
            margin-bottom: 20px
        }

        .list-reasons i {
            position: static;
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0)
        }
}

.list-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

    .list-actions li {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%
    }

        .list-actions li + li:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 20px;
            top: 3px;
            left: 0;
            opacity: .2;
            background: #000
        }

    .list-actions i {
        position: relative;
        top: -1px;
        margin-right: 5px
    }

    .list-actions a {
        display: inline-block;
        opacity: .4;
        vertical-align: middle;
        text-decoration: none;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

.list-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .list-features li {
        position: relative;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 160px;
        -ms-flex: 0 1 160px;
        flex: 0 1 160px;
        padding-left: 25px;
        margin-bottom: 10px
    }

        .list-features li:before {
            background-size: 11254.545454545% 12022.222222222%;
            background-position: 99.59250203749% 18.639328984157%;
            content: "";
            position: absolute;
            width: 11px;
            height: 9px;
            top: 7px;
            left: 0;
            background-image: url(images/sprite.png)
        }

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .list-features li:before {
        background-size: 8263.6363636364% 9544.4444444444%;
        background-position: 99.331848552339% 33.764705882353%;
        background-image: url(images/sprite.@2x.png)
    }
}

.list-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -8px
}

    .list-buttons li {
        margin: 0 8px 16px
    }

.list-buttons--primary {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 53px
}

@media (max-width:1023px) {
    .list-buttons {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.list-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 26px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 60px;
    line-height: 1
}

    .list-total li + li {
        margin-left: 57px
    }

    .list-total strong {
        font-weight: 600
    }

    .list-total span {
        display: block;
        margin-bottom: 5px;
        font-family: Poppins,sans-serif;
        font-size: 12px;
        opacity: .8;
        text-transform: uppercase
    }

    .list-total sup {
        font-size: 38px
    }

.list-checks {
    padding-left: 14px;
    margin-bottom: 45px
}

    .list-checks li {
        position: relative;
        padding-left: 26px
    }

        .list-checks li + li {
            margin-top: 10px
        }

        .list-checks li:before {
            background-size: 11254.545454545% 12022.222222222%;
            background-position: 99.59250203749% 17.427772600186%;
            content: "";
            position: absolute;
            width: 11px;
            height: 9px;
            top: 8px;
            left: 0;
            background-image: url(images/sprite.png)
        }

.list-checks--primary {
    font-size: 1.1em;
    line-height: 1.2
}

    .list-checks--primary li {
        padding-left: 30px
    }

        .list-checks--primary li:before {
            background-size: 11254.545454545% 12022.222222222%;
            background-position: 99.59250203749% 18.639328984157%;
            width: 10px;
            height: 8px;
            top: 5px;
            background-image: url(images/sprite.png)
        }

        .list-checks--primary li + li {
            margin-top: 16px
        }

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .list-checks li:before {
        background-position: 99.331848552339% 32.235294117647%
    }

    .list-checks--primary li:before, .list-checks li:before {
        background-size: 8263.6363636364% 9544.4444444444%;
        background-image: url(images/sprite.@2x.png)
    }

    .list-checks--primary li:before {
        background-position: 99.331848552339% 33.764705882353%
    }
}

@media (max-width:1023px) {
    .list-checks li {
        display: block;
        max-width: 250px;
        margin: 0 auto;
        text-align: left
    }

    .list-checks--primary {
        text-align: center
    }

        .list-checks--primary li {
            max-width: 150%;
            padding: 0 21px;
            margin: 0 0 0 -21px;
            text-align: center
        }

            .list-checks--primary li:before {
                position: relative;
                display: inline-block;
                top: -1px;
                margin-right: 10px;
                vertical-align: middle
            }
}

@media (max-width:767px) {
    .list-checks {
        padding-left: 0
    }

        .list-checks li {
            max-width: 150%;
            padding: 0 21px;
            margin: 0 0 0 -21px;
            text-align: center
        }

            .list-checks li:before {
                position: relative;
                display: inline-block;
                top: -1px;
                margin-right: 10px;
                vertical-align: middle
            }
}

.list-questions {
    padding: 0 117px 40px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 22px
}

    .list-questions li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: hidden
    }

        .list-questions li + li {
            margin-top: 20px
        }

    .list-questions strong {
        position: relative;
        display: block;
        font-weight: 400
    }

        .list-questions strong:before {
            content: "";
            position: absolute;
            width: 100vw;
            height: 1px;
            top: 50%;
            left: calc(100% + 15px);
            background: url(images/dash.png) repeat-x 0 0
        }

    .list-questions span {
        position: relative;
        display: block;
        padding-left: 17px;
        background: #ffe88c;
        z-index: 2
    }

        .list-questions span:before {
            background-size: 6190% 5410%;
            background-position: 98.522167487685% 38.135593220339%;
            content: "";
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            top: -3px;
            margin-right: 10px;
            vertical-align: middle;
            background-image: url(images/sprite.png)
        }

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .list-questions span:before {
        background-size: 4545% 4295%;
        background-position: 99.662542182227% 17.401668653159%;
        background-image: url(images/sprite.@2x.png)
    }
}

@media (max-width:1279px) {
    .list-questions {
        padding: 0
    }
}

@media (max-width:767px) {
    .list-questions {
        font-size: 26px;
        line-height: 1.2
    }

        .list-questions li {
            position: relative;
            padding-right: 70px
        }

        .list-questions strong:before {
            display: none
        }

        .list-questions span {
            position: absolute;
            top: 0;
            right: 0
        }

            .list-questions span:before {
                top: -2px
            }
}

.list-dashes li {
    position: relative;
    padding-left: 25px
}

    .list-dashes li + li {
        margin-top: 11px
    }

    .list-dashes li:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 1px;
        top: 12px;
        left: 0;
        background: currentColor
    }

.list-dashes--primary {
    padding-left: 7px;
    opacity: .8
}

    .list-dashes--primary ul {
        padding-top: 10px;
        list-style-type: none
    }

        .list-dashes--primary ul li {
            padding-left: 21px
        }

            .list-dashes--primary ul li:before {
                width: 6px
            }

    .list-dashes--primary li {
        padding-left: 27px
    }

        .list-dashes--primary li:before {
            width: 12px;
            height: 2px;
            top: 11px;
            opacity: .4
        }

@media (max-width:767px) {
    .list-dashes--primary li:before, .list-dashes--primary ul li:before {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px
    }

    .list-dashes--primary li, .list-dashes--primary ul li {
        padding-left: 0;
        margin-left: -9px
    }
}

.list-pricing {
    position: relative;
    margin-bottom: 50px;
    font-size: 13px
}

    .list-pricing:before {
        bottom: 0
    }

    .list-pricing li {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .list-pricing span {
        position: relative;
        top: 1px;
        opacity: .8;
        line-height: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }

    .list-pricing strong {
        font-family: Tungsten Rounded,sans-serif;
        font-size: 35px;
        font-weight: 500;
        line-height: 1;
        width: 18%
    }

        .list-pricing strong:before {
            top: 0
        }

    .list-pricing sup {
        font-size: 22px
    }

    .list-pricing small, .list-pricing strong {
        width: 65px;
        text-align: right
    }

    .list-pricing small {
        font-size: 10px;
        color: #999;
        line-height: 1
    }

    .list-pricing:before, .list-pricing strong:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        background: url(images/dots-pattern.png) repeat-x 0 0
    }

@media (max-width:1279px) {
    .list-pricing strong {
        font-size: 30px
    }

    .list-pricing small {
        font-size: 10px
    }

    .list-pricing small, .list-pricing strong {
        width: 55px
    }
}

.list-steps {
    position: relative;
    padding-bottom: 230px;
    margin-bottom: 70px;
    counter-reset: nums;
    text-align: right;
    overflow: hidden
}

    .list-steps:before {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
        background: #cecece
    }

    .list-steps h3 {
        font-size: 55px;
        font-weight: 500;
        margin-bottom: 28px
    }

    .list-steps li {
        position: relative;
        padding-right: calc(50% + 300px);
        counter-increment: nums
    }

        .list-steps li:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 1000%;
            top: 50%;
            left: 50%;
            margin-left: -1px;
            background: #cecece
        }

        .list-steps li:after {
            content: counter(nums);
            position: absolute;
            width: 46px;
            height: 46px;
            top: 50%;
            left: 50%;
            margin: -23px 0 0 -23px;
            border: 2px solid #cecece;
            border-radius: 50%;
            font-family: Tungsten Rounded,sans-serif;
            font-size: 20px;
            line-height: 42px;
            font-weight: 600;
            text-align: center;
            background: #fff;
            z-index: 1
        }

        .list-steps li + li {
            margin-top: 129px
        }

        .list-steps li:nth-child(2n) {
            padding:0 0 0 calc(50% + 300px);
            text-align: left
        }

            .list-steps li:nth-child(2n) aside {
                left: 50%;
                right: auto
            }

    .list-steps aside {
        position: absolute;
        width: 300px;
        top: 50%;
        right: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }

@media (max-width:1279px) {
    .list-steps li {
        padding-right: calc(50% + 50px)
    }

    .list-steps aside {
        left: 50%;
        margin-left: 50px;
        text-align: left;
        width: 200px
    }

    .list-steps li:nth-child(2n) {
        padding: 0
    }

        .list-steps li:nth-child(2n) aside {
            text-align: right;
            margin-right: 50px;
            left: auto;
            right: 50%
        }
}

@media (max-width:767px) {
    .list-steps {
        padding-bottom: 40px;
        margin-bottom: 40px;
        text-align: center
    }

        .list-steps h3 {
            font-size: 45px
        }

        .list-steps li:before {
            display: none
        }

        .list-steps li:after {
            top: 0;
            margin-top: 0
        }

        .list-steps li + li {
            margin-top: 50px
        }

        .list-steps aside {
            position: static;
            width: 100%;
            margin: 0;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            text-align: center
        }

        .list-steps li:nth-child(2n) aside {
            text-align: center
        }

        .list-steps i {
            -webkit-transform: scale(.6);
            -ms-transform: scale(.6);
            transform: scale(.6)
        }

        .list-steps li, .list-steps li:nth-child(2n) {
            padding: 40px 0 0;
            text-align: center
        }
}

.list-links {
    font-family: Tungsten Rounded,sans-serif;
    font-size: 30px;
    line-height: 1
}

    .list-links li + li {
        margin-top: 20px
    }

    .list-links ul {
        padding-top: 35px;
        font-family: Poppins,sans-serif;
        font-size: 14px;
        list-style-type: none
    }

        .list-links ul li + li {
            margin-top: 26px
        }

@media (max-width:767px) {
    .list-links ul {
        padding-top: 20px
    }
}

.list-files {
    text-align: left
}

    .list-files .loader {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        left: auto;
        top: auto;
        margin: 0 0 0 10px
    }

    .list-files .list-files__error .custom-checkbox label {
        color: #db3021
    }

    .list-files .list-files__error .custom-checkbox input:disabled + label {
        opacity: 1
    }

    .list-files .list-files__error .custom-checkbox label span {
        visibility: hidden
    }

.list-skills li {
    position: relative;
    padding-left: 12px;
    font-size: 14px;
    line-height: 1.86
}

    .list-skills li:before {
        content: "-";
        position: absolute;
        top: 0;
        left: 0
    }

.list-steps-primary {
    max-width: 1100px;
    margin: 0 auto
}

    .list-steps-primary li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .list-steps-primary li:nth-child(2n) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-flow: row-reverse nowrap;
            -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap
        }

        .list-steps-primary li:nth-child(2) {
            margin-top: 120px
        }

            .list-steps-primary li:nth-child(2) figure:before {
                background-size: 273.28918322296% 578.60962566845%;
                background-position: 0 38.54748603352%;
                width: 453px;
                height: 187px;
                bottom: calc(100% - 24px);
                right: calc(100% - 43px);
                background-image: url(images/sprite.png)
            }

        .list-steps-primary li:nth-child(3) {
            margin-top: 172px
        }

            .list-steps-primary li:nth-child(3) figure:before {
                background-size: 301.21654501217% 322.98507462687%;
                background-position: 54.292623941959% 0;
                width: 411px;
                height: 335px;
                bottom: calc(100% - 150px);
                left: calc(100% - 83px);
                background-image: url(images/sprite.png)
            }

        .list-steps-primary li:nth-child(4) {
            margin-top: 226px
        }

            .list-steps-primary li:nth-child(4) figure:before {
                background-size: 278.20224719101% 317.30205278592%;
                background-position: 0 0;
                width: 445px;
                height: 341px;
                bottom: 137px;
                right: calc(100% + 38px);
                background-image: url(images/sprite.png)
            }

    .list-steps-primary h4 {
        font-weight: 500;
        margin-bottom: 24px
    }

        .list-steps-primary h4 strong {
            font-weight: 600
        }

    .list-steps-primary h6 {
        margin-bottom: 35px
    }

    .list-steps-primary p {
        opacity: .8
    }

    .list-steps-primary aside {
        position: relative;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 500px;
        -ms-flex: 0 1 500px;
        flex: 0 1 500px;
        z-index: 2
    }

    .list-steps-primary figure {
        position: relative
    }

        .list-steps-primary figure:before {
            content: "";
            position: absolute;
            background-size: 100% 100%
        }

    .list-steps-primary img {
        visibility: hidden
    }

    .list-steps-primary .animated {
        visibility: visible;
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }

@media (max-width:1279px) {
    .list-steps-primary li:nth-child(2) figure:before {
        right: calc(100% - 205px)
    }

    .list-steps-primary li:nth-child(3) figure:before {
        height: 305px
    }

    .list-steps-primary li:nth-child(4) figure:before {
        height: 295px;
        bottom: 183px;
        right: calc(100% + 10px)
    }
}

@media (max-width:1023px) {
    .list-steps-primary h6 {
        margin-bottom: 20px
    }

    .list-steps-primary li + li:nth-child(n+1) {
        margin-top: 70px
    }

    .list-steps-primary li:nth-child(2n) figure {
        margin: 0 0 0 30px
    }

    .list-steps-primary figure {
        min-width: 40%;
        margin-right: 30px
    }

        .list-steps-primary figure:before {
            display: none
        }
}

@media (max-width:767px) {
    .list-steps-primary {
        text-align: center
    }

        .list-steps-primary h4 {
            margin-bottom: 12px
        }

        .list-steps-primary h6 {
            margin-bottom: 7px
        }

        .list-steps-primary li {
            display: block
        }

            .list-steps-primary li + li:nth-child(n+1) {
                margin-top: 60px
            }

            .list-steps-primary figure, .list-steps-primary li:nth-child(2n) figure {
                margin: 0 0 17px;
                text-align: center
            }
}

.list-competencies {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -20px
}

    .list-competencies > li {
        padding: 0 20px
    }

    .list-competencies h4 {
        margin-bottom: 26px
    }

@media (max-width:1279px) {
    .list-competencies {
        margin: 0 -10px
    }

        .list-competencies > li {
            padding: 0 10px
        }
}

@media (max-width:1023px) {
    .list-competencies {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .list-competencies > li {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

            .list-competencies > li:nth-child(n+3) {
                margin-top: 40px
            }
}

@media (max-width:767px) {
    .list-competencies {
        text-align: center
    }

        .list-competencies h4 {
            margin-bottom: 15px
        }

        .list-competencies li:before {
            display: none
        }

        .list-competencies > li {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

            .list-competencies > li:nth-child(n+2) {
                margin-top: 40px
            }
}

.list-faq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -45px;
    opacity: .8
}

    .list-faq li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 45px
    }

@media (max-width:1279px) {
    .list-faq {
        margin: 0 -10px
    }

        .list-faq li {
            padding: 0 10px
        }
}

@media (max-width:767px) {
    .list-faq {
        display: block;
        margin: 0
    }

        .list-faq li {
            position: relative;
            max-width: 100%;
            padding: 0
        }

            .list-faq li + li {
                padding: 60px 0 0
            }

                .list-faq li + li:after {
                    content: "";
                    position: absolute;
                    top: 30px;
                    left: 0;
                    width: 50px;
                    height: 2px;
                    background: #ddd
                }

        .list-faq .faq__question:first-child {
            padding-top: 0
        }
}

.list-stats {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 1200px;
    margin: 0 auto;
    list-style: none outside none
}

    .list-stats, .list-stats li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .list-stats li {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding: 30px 0
        }

        .list-stats i {
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin: 5px 20px 0 0
        }

        .list-stats div {
            text-align: center;
            line-height: 1
        }

        .list-stats strong {
            margin-bottom: 8px;
            font-family: Tungsten Rounded,sans-serif;
            font-size: 45px
        }

        .list-stats span, .list-stats strong {
            display: block;
            font-weight: 500;
            text-transform: uppercase
        }

        .list-stats span {
            font-size: 14px;
            line-height: 1.3
        }

@media (max-width:1023px) {
    .list-stats li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .list-stats li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: none;
        padding: 20px 0
    }
}

.list-stats-alt {
    list-style: none outside none;
    margin: 0 -15px
}

    .list-stats-alt li {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;
        white-space: nowrap
    }

    .list-stats-alt span, .list-stats-alt strong {
        display: inline-block;
        vertical-align: middle
    }

    .list-stats-alt strong {
        margin-right: 8px;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 45px;
        font-weight: 500
    }

    .list-stats-alt span {
        font-size: 13px;
        text-transform: uppercase;
        white-space: normal;
        line-height: 1.3
    }

.list-services {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -3px
}

    .list-services li {
        padding: 3px
    }

.list-turnaround {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -9px -9px 1em
}

    .list-turnaround li {
        padding: 9px 9px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%;
        text-align: center;
        max-width: 251px
    }

@media (max-width:767px) {
    .list-turnaround li {
        padding: 1px 1px 0
    }
}

.list-compatibility {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 1em
}

    .list-compatibility li + li {
        margin-left: 18px
    }

@media (max-width:767px) {
    .list-compatibility li + li {
        margin-left: 2px
    }
}

.list-benefits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .list-benefits h3 {
        line-height: 1
    }

        .list-benefits h3 span {
            display: block
        }

    .list-benefits h5 {
        font-family: Poppins,sans-serif;
        font-weight: 500;
        line-height: 1.7;
        padding: 0 20px
    }

    .list-benefits li {
        width: 50%;
        text-align: center;
        padding: 0 20px
    }

    .list-benefits p {
        font-size: 16px;
        line-height: 1.88;
        padding: 0 40px
    }

@media (max-width:1279px) {
    .section-primary h3 {
        font-size: 45px
    }
}

@media (max-width:1279px) {
    .list-benefits h5, .list-benefits p {
        padding: 0
    }
}

@media (max-width:767px) {
    .list-benefits li {
        width: 100%
    }

        .list-benefits li + li {
            margin-top: 40px
        }
}

.list-check-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 500;
    color: #000
}

    .list-check-items li {
        position: relative;
        padding: 0 30px
    }

        .list-check-items li:before {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            background: url(images/check-blue.png) no-repeat 0 0;
            width: 15px;
            height: 15px;
            background-size: cover
        }

.list-guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    counter-reset: steps
}

    .list-guide h4 {
        font-size: 35px;
        margin-bottom: 22px
    }

    .list-guide li {
        position: relative;
        width: 33.33%;
        padding: 150px 15px 0;
        counter-increment: steps
    }

        .list-guide li:before {
            content: counter(steps);
            font-family: Tungsten Rounded,sans-serif;
            font-size: 60px;
            font-weight: 600;
            color: #db3021;
            min-width: 110px;
            line-height: 110px;
            text-align: center;
            background: #ffe88c;
            border-radius: 50%;
            top: 0;
            left: 50%
        }

        .list-guide li:after, .list-guide li:before {
            height: 110px;
            position: absolute;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .list-guide li:after {
            content: "";
            width: 110px;
            border: 1px solid #db3021;
            border-radius: 50%;
            top: 4px;
            left: calc(50% + 4px)
        }

@media (max-width:1366px) {
    .list-guide li {
        padding-top: 130px
    }
}

@media (max-width:767px) {
    .list-guide li {
        width: 100%;
        padding-top: 80px
    }

        .list-guide li:after {
            width: 60px;
            height: 60px;
            top: 2px;
            left: 250%
        }

        .list-guide li:before {
            min-width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 40px
        }

        .list-guide li + li {
            margin-top: 20px
        }
}

.loader {
    width: 40px;
    height: 40px;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.loader--small {
    width: 30px;
    height: 30px
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 89px;
    height: 36px;
    vertical-align: middle;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 19px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase
}

    .logo aside {
        position: relative;
        top: -2px
    }

        .logo aside span {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 40px;
            top: 0;
            vertical-align: middle;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            background-image: url(images/logo.png);
            background-size: 100% 100%;
            -webkit-transition: top .1s,background-image .3s,-webkit-transform .3s;
            transition: top .1s,background-image .3s,-webkit-transform .3s;
            -o-transition: top .1s,transform .3s,background-image .3s;
            transition: top .1s,transform .3s,background-image .3s;
            transition: top .1s,transform .3s,background-image .3s,-webkit-transform .3s
        }

    .logo strong {
        margin-left: 6px;
        font-weight: 600;
        -webkit-transition: opacity .4s .15s,visibility .3s .15s,color .3s,-webkit-transform .3s .15s;
        transition: opacity .4s .15s,visibility .3s .15s,color .3s,-webkit-transform .3s .15s;
        -o-transition: transform .3s .15s,opacity .4s .15s,visibility .3s .15s,color .3s;
        transition: transform .3s .15s,opacity .4s .15s,visibility .3s .15s,color .3s;
        transition: transform .3s .15s,opacity .4s .15s,visibility .3s .15s,color .3s,-webkit-transform .3s .15s
    }

        .logo strong span {
            display: block;
            margin-bottom: -2px;
            font-size: 16px;
            font-weight: 500
        }

.members {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 700px);
    counter-reset: nums
}

    .members .member {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        counter-increment: nums
    }

        .members .member + .member {
            margin-left: -100px
        }

.member img {
    max-width: 200%;
    width: 130%;
    height: auto
}

.member .member__image {
    max-width: 100%;
    overflow: hidden
}

.member-image img {
    width: 235px;
    height: auto
}

.nav {
    font-family: 'Arsenal',sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2
}

    .nav ul:after {
        content: "";
        display: table;
        clear: both;
        line-height: 0
    }

    .nav li {
        position: relative;
        float: left;
        margin-right: 40px
    }


    .nav li.current-menu-item a{
        color: #e90200;
    }

        .nav li:last-child {
            margin-right: 0
        }

    .nav a {
        display: block;
        color:  #00008B;
        font-weight: 700;
        text-shadow: 0px 2px 4px #000 ;
        letter-spacing: 1.1px;
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .nav .nav__order a, .nav li:hover > a {
        color: #ffe88c
    }

        .nav .nav__order a:hover {
            color: inherit
        }

    .nav .nav__login span {
        font-size: 0
    }

    .nav a:hover .ico-padlock-unlock-charcoal {
        background-image: url(images/icons/ico-padlock-unlock-blue.svg)
    }

    .nav ul ul {
        position: absolute;
        left: -26px;
        top: 100%;
        min-width: 350px;
        padding: 10px 0;
        margin-top: 30px;
        background: #fff;
        border-radius: 5px;
        color: #353535;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        visibility: hidden;
        opacity: 0;
        text-transform: none;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .nav ul ul:after {
            left: 0;
            width: 100%;
            height: 30px
        }

        .nav ul ul:after, .nav ul ul:before {
            content: "";
            position: absolute;
            bottom: 100%
        }

        .nav ul ul:before {
            left: 50px;
            border-width: 0 8px 8px;
            border-style: solid;
            border-color: #fff transparent
        }

        .nav ul ul li {
            float: none;
            margin-right: 0
        }

            .nav ul ul li:first-child a {
                border-radius: 5px 5px 0 0
            }

            .nav ul ul li:last-child a {
                border-radius: 0 0 5px 5px
            }

        .nav ul ul a {
            padding: 14px 25px
        }

            .nav ul ul a:hover {
                background: #f4f4f4;
                color: #00a0d2
            }

        .nav ul ul span {
            display: inline-block;
            vertical-align: middle
        }

        .nav ul ul .nav__dropdown-icon {
            position: relative;
            width: 32px;
            height: 32px;
            margin-right: 16px
        }

    .nav .nav__dropdown-holder > a:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        margin: -4px 0 0 6px;
        border-width: 0 2px 2px 0;
        border-style: solid;
        border-color: currentColor;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .nav .nav__dropdown-holder:hover > ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

@media (max-width:1023px) {
    .nav {
        height: 100%;
        padding-top: 54px;
        overflow-y: auto;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .nav, .nav:after {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            background: #fff
        }

            .nav:after {
                content: "";
                height: 54px;
                border-bottom: 1px solid #e5e5e5
            }

            .nav.nav-visible {
                visibility: visible;
                opacity: 1
            }

            .nav li {
                float: none;
                margin-right: 0;
                border-bottom: 1px solid #e5e5e5
            }

            .nav a {
                padding: 12px 30px
            }

            .nav .nav__login {
                position: fixed;
                z-index: 6;
                right: 56px;
                top: 0;
                border-bottom: 0;
                border-right: 1px solid #e5e5e5;
                border-left: 1px solid #e5e5e5
            }

                .nav .nav__login a {
                    padding-left: 20px;
                    padding-right: 20px
                }

                .nav .nav__login span {
                    margin-left: 5px;
                    font-size: 18px
                }

            .nav ul ul {
                position: static;
                min-width: 0;
                max-height: 0;
                padding: 0;
                background: #f4f4f4;
                visibility: hidden;
                opacity: 0;
                margin-top: 0;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }

                .nav ul ul:after, .nav ul ul:before {
                    content: none
                }

                .nav ul ul li {
                    border-bottom: 0
                }

            .nav ul ul {
                border-top: 1px solid #e5e5e5
            }

            .nav .nav__dropdown-holder--expanded:hover > a {
                color: #00a0d2
            }

            .nav .nav__dropdown-holder:hover > ul {
                visibility: hidden;
                opacity: 0
            }

            .nav .nav__dropdown-holder.nav__dropdown-holder--expanded > ul {
                max-height: 1000px;
                visibility: visible;
                opacity: 1;
                padding: 10px 0
            }
}

.nav-primary {
    position: fixed;
    top: 50%;
    right: 0;
    padding-right: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 5;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

    .nav-primary.disabled {
        opacity: .5
    }

    .nav-primary ul {
        margin: 0;
        list-style-type: none
    }

    .nav-primary li {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-animation: zoomIn .3s both;
        animation: zoomIn .3s both;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .nav-primary ul a {
        position: relative;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #353535;
        -webkit-transition: background .3s,-webkit-box-shadow .3s;
        transition: background .3s,-webkit-box-shadow .3s;
        -o-transition: box-shadow .3s,background .3s;
        transition: box-shadow .3s,background .3s;
        transition: box-shadow .3s,background .3s,-webkit-box-shadow .3s
    }

    .nav-primary ul span {
        position: absolute;
        right: 100%;
        top: 0;
        margin-right: 10px;
        font-size: 12px;
        line-height: 1;
        white-space: nowrap;
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s
    }

    .nav-primary li + li {
        margin-top: 30px
    }

    .nav-primary a {
        text-decoration: none
    }

    .nav-primary .active, .nav-primary .active.disabled, .nav-primary li:not(.disabled) + .disabled {
        opacity: 1;
        pointer-events: all
    }

    .nav-primary .disabled, .nav-primary .disabled ~ li {
        opacity: .33;
        pointer-events: none
    }

    .nav-primary .active a, .nav-primary a.active {
        -webkit-box-shadow: 0 0 0 3px #353535;
        box-shadow: 0 0 0 3px #353535;
        background: none
    }

        .nav-primary .active a span, .nav-primary a.active span, .nav-primary a:hover span {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            visibility: visible;
            opacity: .8
        }

    .nav-primary .nav__actions {
        position: absolute;
        top: 50%;
        right: 45px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .nav-primary .nav__actions i {
            margin: 0 5px
        }

        .nav-primary .nav__actions a {
            display: block;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

    .nav-primary ul .nav__item--custom {
        padding: 0;
        border: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .nav-primary ul .nav__item--custom:hover {
            border: 0
        }

        .nav-primary ul .nav__item--custom i {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .nav-primary ul .active .nav__item--custom, .nav-primary ul .nav__item--custom.active {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.nav-primary--white ul a {
    background: #fff
}

.nav-primary--white ul span {
    color: #fff
}

.nav-primary--white .active a, .nav-primary--white a.active {
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;
    background: none
}

@media (max-width:1366px) {
    .nav-primary {
        padding-right: 24px
    }

        .nav-primary ul span {
            display: none
        }
}

@media (max-width:1023px) {
    .nav-primary {
        display: none
    }
}

.nav-secondary {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Tungsten Rounded,sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .nav-secondary.is-visible {
        visibility: visible;
        opacity: 1
    }

    .nav-secondary ul {
        counter-reset: nums;
        list-style-type: none
    }

    .nav-secondary li {
        counter-increment: nums
    }

    .nav-secondary span {
        position: absolute;
        display: inline-block;
        height: 30px;
        top: 2px;
        right: 0;
        padding: 0 39px 0 10px;
        vertical-align: middle;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
        visibility: hidden;
        line-height: 30px;
        white-space: nowrap;
        -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s,-webkit-transform .3s
    }

    .nav-secondary a {
        position: relative;
        display: block;
        padding: 0 14px 0 10px;
        text-decoration: none;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

        .nav-secondary a:after {
            content: "0" counter(nums) ".";
            position: relative;
            z-index: 2;
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s
        }

    .nav-secondary li:nth-child(n+10) a:after {
        content: counter(nums) "."
    }

    .nav-secondary .active:after {
        color: #db3021
    }

    .nav-secondary .active span, .nav-secondary a:hover span {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        background: #f4f4f5
    }

@media (max-width:1279px) {
    .nav-secondary {
        display: none
    }
}

.nav-tertiary {
    padding-top: 100px;
    margin-top: -100px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 30px;
    line-height: 1
}

    .nav-tertiary.sticked {
        margin-top: 0
    }

        .nav-tertiary.sticked ~ .main__scroll {
            opacity: 1;
            visibility: visible
        }

    .nav-tertiary.sticked-end {
        position: absolute;
        left: 0;
        bottom: 0;
        top: auto
    }

    .nav-tertiary li + li {
        margin-top: 40px
    }

    .nav-tertiary a {
        position: relative;
        display: inline-block;
        text-decoration: none;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

        .nav-tertiary a:after {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -8px;
            left: 0;
            background: #db3021;
            -webkit-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s
        }

    .nav-tertiary .active {
        color: #db3021
    }

        .nav-tertiary .active:after {
            width: 100%
        }

@media (max-width:1023px) {
    .nav-tertiary {
        font-size: 22px
    }

        .nav-tertiary li + li {
            margin-top: 20px
        }
}

.nav-btn {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 17px;
    padding-top: 7px;
    margin-left: 14px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    -o-transition: transform .15s;
    transition: transform .15s;
    transition: transform .15s,-webkit-transform .15s;
    z-index: 6
}

    .nav-btn:before {
        content: "";
        position: absolute;
        width: 46px;
        height: 46px;
        top: 50%;
        left: 50%;
        margin: -23px 0 0 -23px;
        border-radius: 50%;
        background: #fff;
        z-index: -1;
        -webkit-transition: margin .3s,background .3s,opacity .3s,-webkit-transform .3s;
        transition: margin .3s,background .3s,opacity .3s,-webkit-transform .3s;
        -o-transition: margin .3s,transform .3s,background .3s,opacity .3s;
        transition: margin .3s,transform .3s,background .3s,opacity .3s;
        transition: margin .3s,transform .3s,background .3s,opacity .3s,-webkit-transform .3s;
        opacity: 0
    }

    .nav-btn.nav-visible:before {
        display: none
    }

    .nav-btn.nav-visible:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .nav-btn.nav-visible span {
        background: #353535
    }

        .nav-btn.nav-visible span:first-child {
            bottom: 9px;
            -webkit-transform: translateY(2px) rotate(45deg);
            -ms-transform: translateY(2px) rotate(45deg);
            transform: translateY(2px) rotate(45deg);
            -webkit-transition: height .3s,top .3s,bottom .3s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s .3s;
            -o-transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s,-webkit-transform .15s .3s
        }

        .nav-btn.nav-visible span:nth-child(2) {
            opacity: 0
        }

        .nav-btn.nav-visible span:last-child {
            top: 9px;
            -webkit-transform: translateY(-2px) rotate(-45deg);
            -ms-transform: translateY(-2px) rotate(-45deg);
            transform: translateY(-2px) rotate(-45deg);
            -webkit-transition: height .3s,top .3s,bottom .3s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s .3s;
            -o-transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s;
            transition: height .3s,top .3s,bottom .3s,border-radius .15s,transform .15s .3s,opacity .15s,background .3s,-webkit-transform .15s .3s
        }

    .nav-btn span {
        display: block;
        height: 3px;
        background: #353535;
        -webkit-transition: height .15s,top .15s,bottom .15s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s;
        transition: height .15s,top .15s,bottom .15s,border-radius .15s,opacity .15s,background .3s,-webkit-transform .15s;
        -o-transition: height .15s,top .15s,bottom .15s,border-radius .15s,transform .15s,opacity .15s,background .3s;
        transition: height .15s,top .15s,bottom .15s,border-radius .15s,transform .15s,opacity .15s,background .3s;
        transition: height .15s,top .15s,bottom .15s,border-radius .15s,transform .15s,opacity .15s,background .3s,-webkit-transform .15s
    }

        .nav-btn span:first-child {
            bottom: 14px
        }

        .nav-btn span:last-child {
            top: 14px
        }

        .nav-btn span:first-child, .nav-btn span:last-child {
            position: absolute;
            width: 100%;
            left: 0
        }

#app-order .form__head {
    padding-top: 125px
}

.order {
    position: absolute;
    top: 490px;
    width: 300px;
    background: #fff;
    border: 2px solid #e7e8e8;
    border-radius: 5px;
    right: calc(((100% - 800px)/2 - 300px)/2 + 20px);
    z-index: 10
}

    .order.summary--fixed-top {
        position: fixed;
        top: 20px
    }

    .order.summary--fixed-bottom {
        position: absolute;
        top: auto;
        bottom: 200px
    }

    .order::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    .order::-webkit-scrollbar-track {
        background: #fff
    }

    .order::-webkit-scrollbar-thumb {
        border: 1px solid #fff;
        border-radius: 5px;
        background: #eee
    }

    .order .order__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        border-bottom: 2px solid #e7e8e8;
        line-height: 1.33
    }

        .order .order__head i {
            margin-right: 20px
        }

        .order .order__head h4 {
            font-family: Tungsten Rounded,sans-serif;
            font-size: 30px;
            font-weight: 300
        }

            .order .order__head h4 strong {
                display: block;
                font-weight: 500
            }

    .order .order__options {
        padding: 18px 20px;
        background: #f4f4f4;
        border-bottom: 2px solid #e7e8e8
    }

        .order .order__options ul {
            list-style: none outside none
        }

        .order .order__options li {
            font-size: 14px
        }

            .order .order__options li + li {
                border-top: 1px dashed #c3c3c3;
                padding-top: 12px;
                margin-top: 12px
            }

        .order .order__options span {
            text-transform: uppercase;
            font-size: 12px;
            opacity: .6
        }

        .order .order__options strong {
            display: block;
            font-weight: 600;
            opacity: .8
        }

    .order .order__breakdown {
        padding: 22px 20px 20px;
        border-bottom: 2px solid #e7e8e8
    }

        .order .order__breakdown h5 {
            margin: 0 0 10px;
            font-weight: 400;
            font-family: Poppins,sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            opacity: .6
        }

        .order .order__breakdown ul {
            list-style: none outside none
        }

        .order .order__breakdown li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 12px;
            opacity: .8
        }

            .order .order__breakdown li + li {
                border-top: 1px dashed #c3c3c3;
                margin-top: 5px;
                padding-top: 5px
            }

        .order .order__breakdown span + span {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-left: 15px
        }

    .order .order__total {
        padding: 20px;
        background: #f4f4f4
    }

    .order .order__total-amount {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 5px;
        font-family: Tungsten Rounded,sans-serif;
        line-height: 1
    }

        .order .order__total-amount span {
            margin-right: 10px;
            font-size: 25px;
            text-transform: uppercase
        }

        .order .order__total-amount strong {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-left: auto;
            font-size: 40px;
            font-weight: 500
        }

            .order .order__total-amount strong sup {
                font-size: .6em
            }

    .order .order__total-hint {
        font-size: 11px;
        opacity: .6;
        line-height: 1.6
    }

    .order .order__notification {
        position: relative;
        padding: 15px 15px 15px 48px;
        margin-top: 10px;
        background: #fff;
        border: 1px dashed #c4c4c4;
        font-size: 12px;
        line-height: 1.4
    }

        .order .order__notification i {
            position: absolute;
            left: 15px;
            top: 16px;
            width: 20px;
            height: 20px
        }

        .order .order__notification strong {
            display: inline
        }

@media (max-width:1366px) {
    .order {
        width: 230px;
        right: 20px
    }

        .order .order__breakdown, .order .order__head, .order .order__options, .order .order__total {
            padding: 14px
        }
}

@media(max-height:680px) and (min-width:1025px) {
    .order .order__head h4 {
        font-size: 26px
    }

    .order .order__options li + li {
        padding-top: 8px;
        margin-top: 8px
    }

    .order .order__breakdown h5 {
        margin-bottom: 5px
    }

    .order .order__breakdown, .order .order__head, .order .order__options, .order .order__total {
        padding: 10px
    }
}

@media (max-width:1023px) {
    .order, .order.summary--fixed-top {
        position: static;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 50px auto 0;
        max-width: 520px
    }
}

.paging {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-weight: 500;
    text-align: center
}

    .paging ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 30px;
        list-style-type: none
    }

        .paging ul a {
            display: block;
            height: 50px;
            border: 2px solid #353535;
            border-radius: 5px;
            line-height: 47px;
            -webkit-transition: border-color .3s,color .3s;
            -o-transition: border-color .3s,color .3s;
            transition: border-color .3s,color .3s
        }

    .paging li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        line-height: 46px
    }

        .paging li:first-child {
            margin-right: 16px
        }

        .paging li:last-child {
            margin-left: 16px
        }

        .paging li + li {
            margin-left: 10px
        }

    .paging a {
        display: block;
        text-decoration: none
    }

    .paging .active a {
        border-color: #00a0d2;
        color: #00a0d2;
        background: #fff
    }

    .paging .disabled {
        opacity: .2
    }

    .paging .paging__spacer {
        padding-top: 4px;
        border-color: transparent
    }

    .paging .paging__next a, .paging .paging__prev a {
        border-color: transparent !important;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

@media (max-width:767px) {
    .paging li {
        display: none
    }

        .paging li.paging__next, .paging li.paging__prev {
            display: list-item
        }
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
    text-align: center;
    background: rgba(255,232,140,.9);
    z-index: 11
}

    .popup.popup-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s,visibility .3s;
        -o-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s
    }

        .popup.popup-visible .popup__inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

    .popup:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

    .popup h3 {
        font-size: 60px
    }

    .popup h4 {
        font-size: 30px;
        color: #6f6f6f;
        margin-bottom: 29px
    }

    .popup p {
        opacity: .8
    }

    .popup blockquote {
        padding-left: 20px
    }

    .popup .popup__head {
        margin-bottom: 45px
    }

    .popup .popup__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .popup .custom-scrollbar {
        height: 500px
    }

    .popup .popup__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 380px;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px;
        padding-top: 7px;
        margin-left: 60px
    }

    .popup .popup__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .popup .popup__inner {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 980px;
        padding: 52px 60px;
        border-radius: 2px;
        vertical-align: middle;
        -webkit-box-shadow: 33px 50px 30px 0 rgba(0,0,0,.15);
        box-shadow: 33px 50px 30px 0 rgba(0,0,0,.15);
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        opacity: 0;
        font-size: 14px;
        text-align: left;
        background: #fff;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s
    }

    .popup .popup__close {
        position: absolute;
        top: 20px;
        right: 20px
    }

        .popup .popup__close i {
            display: block
        }

.samples {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -20px -50px;
    list-style-type: none
}

    .samples .sample {
        max-width: 33.3%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding: 0 20px;
        margin-bottom: 50px
    }

.sample {
    text-align: center;
    -webkit-animation: .3s fadeInTop both;
    animation: .3s fadeInTop both
}

    .sample h4 {
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 36px
    }

    .sample h6 {
        margin-bottom: 1px;
        color: rgba(53,53,53,.8)
    }

    .sample img {
        display: block;
        width: 100%;
        height: auto
    }

    .sample a {
        text-decoration: none;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .sample a:hover {
            color: #353535
        }

    .sample .sample__overlay {
        position: absolute;
        width: 100%;
        height: 60px;
        bottom: -1px;
        left: 0;
        display: none
    }

    .sample .sample__group {
        padding: 16px 18px 0;
        -webkit-transform: translateY(150%);
        -ms-transform: translateY(150%);
        transform: translateY(150%);
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        -o-transition: transform .6s;
        transition: transform .6s;
        transition: transform .6s,-webkit-transform .6s
    }

    .sample .sample__inner {
        padding: 28px 35px 31px;
        text-align: left;
        background: rgba(255,232,140,.9)
    }

    .sample .sample__image {
        position: relative;
        margin-bottom: 18px;
        overflow: hidden
    }

    .sample .sample__actions {
        position: relative;
        top: 100%;
        padding: 18px 0 16px;
        background: #fff;
        z-index: 1;
        -webkit-transition: top .45s .15s;
        -o-transition: top .45s .15s;
        transition: top .45s .15s
    }

    .sample .sample__meta {
        color: #999
    }

.samples + .paging {
    margin-top: 70px
}

@media (max-width:1023px) {
    .sample {
        font-size: 14px
    }
}

@media (max-width:1023px) {
    .samples .sample {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width:767px) {
    .samples + .paging {
        margin-top: -15px
    }

    .samples {
        display: block;
        margin: 0
    }

        .samples .sample {
            max-width: 100%;
            padding: 0;
            display: block
        }
}

.sample-preview {
    padding-top: 76px
}

    .sample-preview .sample-preview__inner {
        width: 100%;
        height: 100%;
        font-size: 0;
        line-height: 0
    }

    .sample-preview iframe {
        width: 100%;
        height: 100%;
        height: calc(100vh - 76px);
        overflow: scroll
    }

.sample-preview_mobile iframe {
    position: relative;
    height: 100%;
    z-index: 2
}

.sample-preview_mobile .sample-preview__group {
    height: 100%
}

.sample-preview_mobile .sample-preview__inner {
    position: relative;
    width: 100%;
    max-width: 337px;
    height: 556px;
    margin: 142px auto
}

    .sample-preview_mobile .sample-preview__inner:before {
        content: "";
        position: absolute;
        top: -114px;
        right: -42px;
        bottom: -114px;
        left: -42px;
        background: url(https://alfaweb.com.ua/assets/images/iphone-mockup.png) no-repeat 0 0;
        background-size: 100% 100%
    }

@media(max-width:1024px) {
    .sample-preview_mobile .sample-preview__group {
        overflow: hidden;
        overflow-y: auto
    }
}

@media (max-width:767px) {
    .sample-preview_mobile iframe {
        height: calc(100vh - 76px)
    }

    .sample-preview_mobile .sample-preview__group {
        height: auto;
        overflow: visible
    }

    .sample-preview_mobile .sample-preview__inner {
        max-width: 100%;
        height: auto;
        margin: 0
    }

        .sample-preview_mobile .sample-preview__inner:before {
            display: none
        }
}

.sample-selected .sample__description {
    padding-bottom: 30px
}

    .sample-selected .sample__description ol, .sample-selected .sample__description p, .sample-selected .sample__description ul {
        margin-bottom: 20px
    }

    .sample-selected .sample__description ul {
        padding-left: 14px;
        list-style-type: none
    }

        .sample-selected .sample__description ul li {
            position: relative;
            padding-left: 26px
        }

            .sample-selected .sample__description ul li + li {
                margin-top: 10px
            }

            .sample-selected .sample__description ul li:before {
                background-size: 11254.545454545% 12022.222222222%;
                background-position: 99.59250203749% 17.427772600186%;
                content: "";
                position: absolute;
                width: 11px;
                height: 9px;
                top: 8px;
                left: 0;
                background-image: url(images/sprite.png)
            }

@media (max-width:1023px) {
    .sample-selected .sample__description ul {
        padding-left: 0
    }

        .sample-selected .sample__description ul li {
            display: block;
            padding: 0 21px;
            margin: 0 auto;
            text-align: center
        }

            .sample-selected .sample__description ul li:before {
                position: relative;
                display: inline-block;
                top: -1px;
                margin-right: 10px;
                vertical-align: middle
            }
}

.search {
    position: relative
}

    .search .search__field {
        position: relative;
        width: 700px;
        padding-right: 49px;
        z-index: 2
    }

    .search .search__btn {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 50%;
        right: 12px;
        margin-top: -12px;
        border: 0;
        background: url(images/icons/search-btn.svg) no-repeat 0 0;
        z-index: 2;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        font-size: 0;
        line-height: 0;
        text-indent: -4004px;
        background-color: transparent
    }

    .search .search__results {
        position: absolute;
        width: 100%;
        max-height: 500px;
        top: calc(100% - 5px);
        left: 0;
        padding: 5px 0 0;
        border: 2px solid #353535;
        border-top: 0;
        border-radius: 0 0 5px 5px;
        opacity: 0;
        visibility: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 13px;
        text-align: left;
        background: #fff;
        z-index: 1;
        -webkit-transition: opacity .3s,visibility .3s;
        -o-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s
    }

        .search .search__results.active {
            opacity: 1;
            visibility: visible
        }

        .search .search__results a {
            display: block;
            padding: 5px 10px 3px;
            text-decoration: none;
            -webkit-transition: background .3s;
            -o-transition: background .3s;
            transition: background .3s
        }

        .search .search__results .selected {
            background: #f2f2f2
        }

@media (max-width:1279px) {
    .search .search__field {
        width: 100%
    }
}

.section {
    position: relative;
    color: #fff;
    background: #eee;
    background-size: cover;
    background-position: 50%
}

    .section h3 {
        position: relative;
        padding-bottom: 52px;
        margin-bottom: 41px
    }

        .section h3:before {
            content: "";
            position: absolute;
            width: 70px;
            height: 8px;
            bottom: 0;
            left: 0;
            /*background-image: url(images/wave-white.png);*/
            background-size: 100% 100%
        }

    .section h4 {
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 31px
    }

    .section h5 {
        font-size: 25px;
        margin-bottom: 11px;
        opacity: .8
    }

    .section p {
        opacity: .8
    }

    .section figure {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: 50%
    }

        .section figure:before {
            top: 0
        }

        .section figure:after {
            bottom: 0
        }

    .section .section__actions {
        padding-top: 17px
    }

    .section .section__title {
        padding-bottom: 0
    }

        .section .section__title:before {
            display: none
        }

    .section .section__inner {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-right: -73px
    }

        .section .section__inner img {
            display: block;
            width: 100%;
            height: auto
        }

    .section .section__aside {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 130px 0;
        z-index: 1
    }

        .section .section__aside:last-child .section__inner {
            margin: 0 0 0 -73px
        }

    .section .section__aside--primary {
        position: absolute;
        width: calc(50% + 73px);
        height: 100%;
        top: 0;
        left: 0;
        padding: 0
    }

        .section .section__aside--primary:before {
            content: "";
            position: absolute;
            height: 100%;
            top: 0;
            right: 73px;
            left: 0;
            /*border: 117px solid #eee;*/
            border-right: 0;
            opacity: .85
        }

        .section .section__aside--primary ~ .section__content {
            margin-left: auto
        }

        .section .section__aside--primary:last-child {
            right: 0;
            left: auto
        }

            .section .section__aside--primary:last-child:before {
                right: 0;
                left: 73px;
                border-left: 0;
                border-right: 117px solid #eee
            }

    .section .shell-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .section .shell-fluid > :not(.section__aside--primary) {
            /*max-width: 50%;*/
            /*-webkit-box-flex: 0;*/
            /*-webkit-flex: 0 0 50%;*/
            -ms-flex: 0 0 50%;
            /*flex: 0 0 50%*/
        }

    .section .section__content {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 122px 0 112px 158px
    }

        .section .section__content > :not(.btn) {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

        .section .section__content:before {
            content: "";
            position: absolute;
            width: 100vw;
            height: 100%;
            top: 0;
            left: 100%
        }

        .section .section__content:first-child {
            padding: 122px 158px 112px 0
        }

            .section .section__content:first-child:before {
                right: 100%;
                left: auto
            }

    .section .section__content--primary:first-child {
        padding-right: 240px
    }

    .section .section__content--longer {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .section figure:after, .section figure:before {
        content: "";
        position: absolute;
        width: 73px;
        height: 117px;
        right: 0;
        z-index: 1
    }

    .section .section__aside--primary:last-child figure:after, .section .section__aside--primary:last-child figure:before {
        right: auto;
        left: 0
    }

.section--red .section__content, .section--red .section__content:before, .section--red figure:after, .section--red figure:before {
    background: #db3021
}

.section--blue .section__content, .section--blue .section__content:before, .section--blue figure:after, .section--blue figure:before {
    background: #3c4548
}

.section--white {
    color: #353535;
    background: #fff
}

.section--beige {
    color: #353535
}

    .section--beige h3:before {
        background-image: url(images/wave-charcoal.png)
    }

    .section--beige .section__content, .section--beige .section__content:before, .section--beige figure:after, .section--beige figure:before {
        background: #ffe88c
    }

.section--white h3:before {
    background-image: url(images/wave-charcoal.png)
}

.section--location .section__content:first-child {
    padding: 122px 100px 112px 0
}

    .section--location .section__content:first-child p {
        position: relative;
        z-index: 2
    }

@media (max-width:1366px) {
    .section .section__aside--primary:before {
        border-width: 100px 0 100px 0px
    }

    .section .section__content {
        padding: 120px 0 100px 120px
    }

        .section .section__content:first-child {
            padding: 80px 120px 80px 0
        }

    .section .section__content--primary:first-child {
        padding-right: 220px
    }

    .section figure:after, .section figure:before {
        height: 100px
    }
}

@media (max-width:1279px) {
    .section .section__aside--primary:before {
        border-width: 100px 0 100px 30px
    }

    .section .section__content--primary:first-child {
        padding-right: 148px
    }
}

@media (max-width:1023px) {
    .section h3:before {
        left: 50%;
        margin-left: -35px
    }

    .section figure:before {
        left: 0;
        right: auto
    }

    .section .section__aside {
        padding: 0 0 80px
    }

        .section .section__aside:last-child .section__inner {
            margin: -90px 0 0
        }

        .section .section__aside:last-child .section__inner--secondary {
            margin: -90px 0 -60px
        }

    .section .section__aside--primary {
        position: relative;
        width: auto;
        height: 360px;
        padding: 0;
        margin: 0 -50px
    }

        .section .section__aside--primary:before {
            right: 0;
            border: 50px solid #eee;
            border-bottom: 0
        }

        .section .section__aside--primary ~ .section__content {
            margin-left: -50px
        }

    .section .section__content {
        padding: 80px 50px;
        margin: 0 -50px;
        text-align: center
    }

        .section .section__content:first-child {
            padding: 80px 50px 151px
        }

    .section .section__content--secondary {
        position: relative;
        padding: 45px 50px 150px 50vw;
        text-align: left
    }

        .section .section__content--secondary h3 {
            position: absolute;
            width: calc(50vw - 50px);
            top: 0;
            left: 0;
            padding: 45px 20px 45px 0;
            margin-left: 50px
        }

            .section .section__content--secondary h3:before {
                left: 0;
                margin-left: 0
            }

    .section .shell-fluid {
        display: block
    }

        .section .shell-fluid > :not(.section__aside--primary) {
            max-width: 150%
        }

    .section figure:after, .section figure:before {
        width: 50px;
        height: 50px;
        top: auto;
        bottom: 0
    }

    .section--reversed {
        padding-top: 240px
    }
	
	.section--mob {
        padding-top: 20px
    }
	

        .section--reversed .section__title {
            margin-top: 50px;
			padding-bottom: 1px
        }

            .section--reversed .section__title:before {
                display: block
            }

        .section--reversed .section__aside {
            padding-bottom: 0
        }

            .section--reversed .section__aside:last-child .section__inner {
                margin-top: 0
            }

        .section--reversed .section__content:first-child {
            position: static;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            padding: 40px 50px 70px;
            margin: 0
        }

        .section--reversed .section__content h3 {
            position: absolute;
            width: 100%;
            top: 70px;
            left: 0
        }

        .section--reversed .shell-fluid {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

            .section--reversed .shell-fluid > :not(.section__aside--primary) {
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%
            }

        .section--reversed.section--blue {
            background: #fff !important
        }

        .section--reversed.section--beige {
            background: #ffe88c
        }
}

@media (max-width:767px) {
    .section .section__aside--primary ~ .section__content {
        padding-left: 20px;
        margin-left: -20px
    }

    .section .section__actions {
        padding: 0
    }

    .section .section__content {
        padding: 30px 20px 70px;
        margin: 0 -20px;
        text-align: center
    }

        .section .section__content:first-child {
            padding: 50px 15px 120px
        }

        .section .section__content h3 {
            padding: 0 0 50px;
            margin: 0 0 40px
        }

            .section .section__content h3:before {
                left: 50%;
                margin-left: -35px
            }

        .section .section__content .section__title {
            padding-bottom: 0
        }

    .section .section__content--secondary {
        padding-left: 0
    }

        .section .section__content--secondary h3 {
            position: relative;
            width: 100%
        }

    .section .section__aside--primary {
        height: 280px;
        margin: 0 -20px
    }

        .section .section__aside--primary:before {
            border-width: 20px 20px 0
        }

    .section figure:after, .section figure:before {
        width: 20px;
        height: 60px
    }

 

        .section--reversed .section__content .section__title {
            padding-bottom: 50px
        }

        .section--reversed .section__aside {
            padding-bottom: 0
        }

            .section--reversed .section__aside:last-child .section__inner--secondary {
                margin: 0 -20px -30px 0
            }

        .section--reversed .section__content h3 {
            top: 60px
        }

        .section--reversed .section__content:first-child {
            padding: 50px 0
        }
}

.section-primary {
    padding: 100px 0
}

    .section-primary h3 {
        margin-bottom: 32px
    }

    .section-primary .section__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section-primary .section__image {
        margin-right: 100px
    }

    .section-primary .section__actions {
        padding-top: 75px;
        text-align: center
    }

    .section-primary .section__content {
        max-width: 500px
    }

    .section-primary .section__head-entry {
        opacity: .8
    }

    .section-primary .section__body__inner {
        font-size: 14px;
        text-align: center;
        padding-top: 17px
    }

        .section-primary .section__body__inner > strong {
            font-size: 16px;
            font-weight: 600;
            opacity: 1;
            display: block
        }

        .section-primary .section__body__inner p {
            opacity: .8
        }

    .section-primary .section__head {
        max-width: 1020px;
        margin: 0 auto 80px;
        font-size: 16px;
        line-height: 1.88;
        text-align: center
    }

        .section-primary .section__head:only-child {
            margin-bottom: 0
        }

    .section-primary .section__foot {
        padding-bottom: 45px;
        text-align: center
    }

        .section-primary .section__foot h3 {
            font-size: 55px;
            font-weight: 500;
            margin-bottom: 38px
        }

    .section-primary .section__cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: none;
        margin-bottom: 0
    }

        .section-primary .section__cards:after {
            content: "";
            width: 70px;
            height: 8px;
            display: block;
            margin: 90px auto;
            background-image: url(images/wave-charcoal.png);
            background-size: 100% 100%
        }

    .section-primary .section__card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 0 4%
    }

    .section-primary .section__card-image {
        height: 86px;
        line-height: 86px;
        margin-bottom: 40px
    }

    .section-primary .table {
        margin-bottom: 20px
    }

.section--alt {
    padding-bottom: 0
}

    .section--alt .section__head {
        margin-bottom: 67px
    }

.section-primary--padding {
    padding: 140px 0
}

.section-primary.section-blue, .section-primary.section-red {
    color: #fff
}

.section--narrow {
    text-align: center
}

    .section--narrow p {
        font-size: 16px
    }

    .section--narrow .shell-fluid {
        position: relative
    }

    .section--narrow .ico-question {
        position: absolute;
        top: -40px;
        left: 135px
    }

    .section--narrow .ico-question-tilted {
        position: absolute;
        bottom: -40px;
        right: 135px
    }

    .section--narrow .section__body {
        max-width: 830px;
        margin: 0 auto
    }

    .section--narrow .section__head h5 {
        font-family: Poppins,sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #000
    }

    .section--narrow .section__head {
        margin-bottom: 30px
    }

@media (max-width:1366px) {
    .section-primary {
        padding: 80px 0
    }

        .section-primary .section__head {
            margin-bottom: 60px
        }

    .section--alt {
        padding-bottom: 0
    }
}

@media (max-width:1279px) {
    .section-primary .section__body__inner {
        padding-top: 40px
    }

    .section-primary .section__image {
        margin-right: 40px
    }

    .section--narrow .ico-question {
        left: 30px
    }

    .section--narrow .ico-question-tilted {
        right: 30px
    }
}

@media (max-width:1023px) {
    .section-primary .section__inner {
        display: block
    }

    .section-primary .section__image {
        margin: 0 0 30px;
        text-align: center
    }

    .section-primary .section__actions {
        padding-top: 40px
    }

    .section-primary .section__content {
        max-width: 100%;
        text-align: center
    }

    .section-primary .section__cards {
        display: block
    }

    .section-primary .section__card + .section__card {
        margin-top: 90px
    }

    .section-primary .section__card-image {
        line-height: 1;
        height: auto
    }
}

@media (max-width:767px) {
    .section-primary {
        padding: 60px 0
    }

        .section-primary .section__head {
            margin-bottom: 40px;
            font-size: 14px;
            line-height: 1.86
        }

        .section-primary .section__foot {
            padding-bottom: 25px
        }

    .section--alt {
        padding-bottom: 0
    }
}

.section-secondary {
    padding: 100px 0;
    background: #eee
}

@media (max-width:1366px) {
    .section-secondary {
        padding: 80px 0
    }
}

@media (max-width:767px) {
    .section-secondary {
        padding: 60px 0
    }
}

.section-tertiary {
    padding: 150px 0
}

    .section-tertiary h3 {
        margin-bottom: 32px
    }

    .section-tertiary a {
        display: block
    }

        .section-tertiary a span {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

            .section-tertiary a span:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border-radius: 50%;
                -webkit-transform: translate(10px,10px);
                -ms-transform: translate(10px,10px);
                transform: translate(10px,10px);
                opacity: .8;
                background: #fff;
                -webkit-transition: opacity .3s,-webkit-transform .3s;
                transition: opacity .3s,-webkit-transform .3s;
                -o-transition: transform .3s,opacity .3s;
                transition: transform .3s,opacity .3s;
                transition: transform .3s,opacity .3s,-webkit-transform .3s
            }

        .section-tertiary a i {
            position: relative;
            z-index: 2
        }

        .section-tertiary a img {
            display: block;
            width: 100%;
            height: auto;
            opacity: .6
        }

    .section-tertiary .section__content {
        padding: 0 99px
    }

    .section-tertiary .section__aside {
        position: relative;
        text-align: center
    }

    .section-tertiary .shell-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .section-tertiary .shell-fluid > * {
            max-width: 50%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

.section-beige {
    background: #ffe88c
}

.section-red {
    background: #db3021
}

.section-blue {
    background: #00a0d2
}

.section-grey {
    background: #f4f4f4
}

.section-samples[v-cloak] {
    display: none
}

.section-samples h3 {
    text-align: center
}

.section-samples .loader {
    position: fixed;
    visibility: hidden;
    opacity: 0
}

.section-samples .loader, .section-samples .section__inner {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

    .section-samples .section__inner.is-loading + .loader {
        visibility: visible;
        opacity: 1
    }

    .section-samples .section__inner.is-loading {
        opacity: .5;
        pointer-events: none
    }

.section-try .section__head {
    position: relative;
    text-align: left;
    margin-bottom: 0
}

    .section-try .section__head:after {
        content: "";
        display: block;
        width: 70px;
        height: 8px;
        margin: 40px 0;
        background-image: url(images/wave-charcoal.png);
        background-size: 100% 100%;
        opacity: .8
    }

.section-try .section__content p {
    color: rgba(53,53,53,.8)
}

@media (max-width:1023px) {
    .section-try .section__head {
        text-align: center
    }

        .section-try .section__head:after {
            margin-left: auto;
            margin-right: auto
        }
}

.section-benefits {
    background: url(images/benefits-image.jpg) no-repeat 50%;
    background-size: cover
}

.section-voucher {
    padding: 130px 0
}

    .section-voucher p {
        font-size: 16px;
        line-height: 1.88
    }

    .section-voucher .section__head {
        margin-bottom: 100px
    }

        .section-voucher .section__head h5 {
            font-family: Poppins,sans-serif;
            font-weight: 500
        }

    .section-voucher .section__body {
        padding: 0 80px
    }

@media (max-width:1366px) {
    .section-voucher {
        padding: 80px 0
    }

        .section-voucher .section__head {
            margin-bottom: 60px
        }

        .section-voucher .section__body {
            padding: 0
        }
}

.section-number {
    padding: 65px 0
}

    .section-number h2 {
        font-size: 100px;
        margin-bottom: 16px;
        font-weight: 600
    }

    .section-number h4 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 6px
    }

    .section-number .btn {
        margin-bottom: 30px
    }

.section-steps {
    padding: 0 0 50px
}

    .section-steps .list-guide {
        margin-top: -55px
    }

@media (max-width:767px) {
    .section-steps .list-guide {
        margin-top: -30px
    }
}

.section-contact .form-voucher form {
    max-width: 450px;
    margin: 0 auto
}

.section-contact .section__foot {
    padding-top: 30px;
    padding-bottom: 0
}

.services {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -25px -93px;
    list-style-type: none
}

    .services .service {
        max-width: 33.3%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding: 0 25px
    }

        .services .service:nth-child(n+4) {
            margin-top: 93px
        }

.service {
    font-size: 14px;
    line-height: 1.85;
    color: #666
}

    .service h4 {
        margin-bottom: 27px;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

        .service h4 span {
            font-weight: 300
        }

    .service h5 {
        margin: 0 0 4px
    }

    .service p {
        margin-bottom: 26px
    }

    .service a {
        text-decoration: none
    }

    .service .service__icon {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 62px;
        top: 0;
        left: 0;
        font-size: 0;
        line-height: 62px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .service .service__icon i {
            display: block;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

            .service .service__icon i:last-child:not(:only-child) {
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                opacity: 0
            }

    .service .service__inner {
        position: relative;
        padding-left: 82px
    }

        .service .service__inner > a {
            color: #000;
            font-weight: 600;
            letter-spacing: .05em;
            text-transform: uppercase;
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s
        }

            .service .service__inner > a i {
                position: relative;
                top: -2px;
                left: -10px;
                margin-left: 15px;
                opacity: 0;
                -webkit-transition: left .3s,opacity .3s;
                -o-transition: left .3s,opacity .3s;
                transition: left .3s,opacity .3s
            }

    .service .service__btn {
        margin-top: 10px
    }

.service--primary {
    color: #000
}

    .service--primary h4 {
        font-size: 28px
    }

    .service--primary p {
        opacity: .6;
        margin: 0
    }

        .service--primary p i {
            position: relative;
            top: -1px
        }

    .service--primary .service__inner {
        padding-left: 66px
    }

    .service--primary .service__icon {
        height: 36px;
        line-height: 36px
    }

.service--white {
    color: #fff
}

    .service--white h4 {
        font-size: 35px
    }

.service--charcoal {
    color: #353535
}

@media (max-width:1366px) {
    .service .service__icon {
        top: -5px
    }
}

@media (max-width:1279px) {
    .services .service {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

        .services .service:nth-child(n+3) {
            margin-top: 50px
        }

    .service h4, .service p {
        margin-bottom: 13px
    }
}

@media (max-width:1023px) {
    .service h4 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .services {
        display: block
    }

        .services .service {
            max-width: 100%
        }

            .services .service + .service {
                margin: 45px 0 0
            }

    .service {
        text-align: center
    }

        .service p {
            margin: 0 0 5px
        }

        .service .service__inner {
            padding: 0
        }

            .service .service__inner > a {
                display: inline-block
            }

                .service .service__inner > a i {
                    top: -1px;
                    margin-left: 4px;
                    opacity: 1;
                    visibility: visible
                }

        .service .service__icon {
            position: relative;
            display: block;
            height: auto;
            top: 0;
            margin-bottom: 15px;
            line-height: 1;
            text-align: center
        }

            .service .service__icon i {
                margin: 0 auto
            }

                .service .service__icon i:last-child:not(:only-child) {
                    left: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%)
                }
}

.services-coding {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-bottom: 60px;
    overflow: hidden;
    list-style-type: none
}

    .services-coding .service-coding {
        position: relative;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 50px;
        border-left: 2px solid #f2f2f2
    }

        .services-coding .service-coding:nth-child(odd) {
            border-left: 0
        }

        .services-coding .service-coding:nth-child(n+3) {
            margin-top: 200px
        }

            .services-coding .service-coding:nth-child(n+3):before {
                content: "";
                position: absolute;
                width: 150%;
                height: 2px;
                top: -102px;
                left: 0;
                background: #f2f2f2
            }

.service-coding {
    font-size: 13px;
    line-height: 2.31;
    text-align: center
}

    .service-coding h4 {
        font-size: 45px;
        font-weight: 500;
        margin-bottom: 24px
    }

    .service-coding p {
        margin-bottom: 30px;
        opacity: .8
    }

    .service-coding img {
        margin-bottom: -5px
    }

    .service-coding .service__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 60px 0 -10px
    }

        .service-coding .service__actions a {
            margin: 0 5px 10px
        }

    .service-coding .service__image {
        position: relative;
        max-width: 224px;
        margin: 0 auto 40px
    }

        .service-coding .service__image i {
            position: relative;
            width: 100%;
            z-index: 2
        }

        .service-coding .service__image:before {
            content: "";
            position: absolute;
            width: 90%;
            height: 90%;
            top: -10px;
            left: 9px;
            -webkit-box-shadow: 21px 52px 38px #000;
            box-shadow: 21px 52px 38px #000;
            border-radius: 85px;
            opacity: .35
        }

    .service-coding .service__entry {
        position: relative;
        padding-bottom: 34px;
        margin-bottom: 33px;
        font-size: 14px;
        line-height: 1.86
    }

        .service-coding .service__entry:before {
            content: "";
            position: absolute;
            width: 50px;
            height: 2px;
            left: 50%;
            bottom: 0;
            margin-left: -25px;
            background: #e5e5e5
        }

@media (max-width:1600px) {
    .services-coding .service-coding {
        padding: 0 25px
    }
}

@media (max-width:1279px) {
    .service-coding h4 {
        margin-left: auto;
        margin-right: auto;
        max-width: 200px
    }
}

@media (max-width:1023px) {
    .services-coding .service-coding {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

        .services-coding .service-coding:nth-child(odd) {
            border: 0
        }

        .services-coding .service-coding:nth-child(2n) {
            border-left: 2px solid #f2f2f2
        }

        .services-coding .service-coding:nth-child(n+3) {
            margin-top: 100px
        }

            .services-coding .service-coding:nth-child(n+3):before {
                content: "";
                position: absolute;
                width: 150%;
                height: 2px;
                top: -52px;
                left: 0;
                background: #f2f2f2
            }
}

@media (max-width:767px) {
    .services-coding {
        display: block;
        overflow: visible
    }

        .services-coding .service-coding {
            max-width: 100%;
            padding: 0
        }

            .services-coding .service-coding + .service-coding {
                margin-top: 100px
            }

                .services-coding .service-coding + .service-coding:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    top: -47px;
                    left: 0;
                    background: #f2f2f2
                }

            .services-coding .service-coding:nth-child(2n) {
                border: 0
            }

    .service-coding h4 {
        max-width: none
    }

    .service-coding .service__actions {
        margin-top: 20px
    }
}

.services-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    list-style-type: none
}

    .services-cards + .services-cards {
        padding-top: 40px;
        margin-top: 40px;
        border-top: 2px solid #f2f2f2
    }

    .services-cards .service-card .service__entry {
        min-height: 5.37em
    }

    .services-cards .service-card {
        max-width: 33.3%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding: 0 55px
    }


     .services-cards .service-card:nth-child(1){
     margin-bottom: 50px;
     }

    .services-cards .service-card:nth-child(2){
    margin-bottom: 50px;
    }

    .services-cards .service-card:nth-child(3){
    margin-bottom: 50px;
    }

    .header-scrolled .logo aside img {
        max-width: 55%;
    }


        .services-cards .service-card + .service-card {
            border-left: 2px solid #f2f2f2
        }

.service-card .service__inner {
    display: block;
    text-decoration: none;
    text-align: center
}

.service-card .service__icon {
    width: 50px;
    height: 62px;
    line-height: 62px;
    margin: 0 auto 18px
}

    .service-card .service__icon i {
        max-width: 100%
    }

.service-card .service__icon--alt i + i {
    display: none
}

.service-card .service__subtitle {
    margin-bottom: 8px
}

.service-card .service__title {
    margin-bottom: 25px;
    font-size: 35px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.service-card .service__entry {
    margin-bottom: 13px
}

.service-card .service__price small {
    text-transform: uppercase;
    font-size: 10px
}

.service-card .service__price strong {
    display: block;
    margin-top: 2px;
    font-family: Tungsten Rounded,sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.service-card .service__price sup {
    display: inline-block;
    vertical-align: top;
    margin: .1em 0 0;
    font-size: .75em
}

.service-card .service__btn {
    margin-top: 0px
}

    .service-card .service__btn > span {
        height: 40px;
        line-height: 36px;
        padding: 0 20px;
        font-size: 12px
    }

@media (max-width:1279px) {
    .services-cards .service-card {
        padding: 0 25px
    }
}

@media (max-width:767px) {
    .services-cards {
        display: block
    }

        .services-cards + .services-cards {
            padding-top: 20px;
            margin-top: 20px
        }

        .services-cards .service-card .service__entry {
            min-height: 0
        }

        .services-cards .service-card {
            max-width: none
        }

            .services-cards .service-card + .service-card {
                margin-top: 20px;
                padding-top: 20px;
                border: 0;
                border-top: 2px solid #f2f2f2
            }
}

.sitemap .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:767px) {
    .sitemap {
        text-align: center
    }

        .sitemap .cols {
            display: block
        }

        .sitemap .col + .col {
            margin-top: 20px
        }
}

.slides {
    list-style: none outside none
}

    .slides:not(.owl-carousel) {
        overflow: hidden;
        white-space: nowrap
    }

        .slides:not(.owl-carousel) .slide {
            display: inline-block;
            width: 100%;
            max-width: 100%
        }

.slider {
    position: relative;
    padding: 80px 0
}

    .slider .slide {
        padding: 30px 113px
    }

    .slider .owl-item {
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }

    .slider .owl-prev {
        left: 0
    }

    .slider .owl-next {
        right: 0
    }

    .slider .owl-next, .slider .owl-prev {
        position: absolute;
        top: 50%;
        margin-top: 17px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .slider .owl-next i, .slider .owl-prev i {
            opacity: .3
        }

.slider--grey {
    background: #f4f4f4
}

.slider--samples {
    padding: 0
}

.slider--alt {
    position: relative;
    padding: 0 135px 22px
}

    .slider--alt .slide {
        width: 100%;
        padding: 0 90px;
        margin: 0;
        -webkit-transform: translateX(280px);
        -ms-transform: translateX(280px);
        transform: translateX(280px);
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        will-change: transform
    }

    .slider--alt .no-transition .owl-stage {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }

    .slider--alt .owl-item {
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        opacity: .4;
        -webkit-transition: opacity .5s,-webkit-transform .5s;
        transition: opacity .5s,-webkit-transform .5s;
        -o-transition: transform .5s,opacity .5s;
        transition: transform .5s,opacity .5s;
        transition: transform .5s,opacity .5s,-webkit-transform .5s;
        will-change: transform
    }

        .slider--alt .owl-item.active {
            padding-bottom: 70px;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
            z-index: 2
        }

            .slider--alt .owl-item.active .slide {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0)
            }

            .slider--alt .owl-item.active ~ .owl-item .slide {
                -webkit-transform: translateX(-100%) translateX(110px);
                -ms-transform: translateX(-100%) translateX(110px);
                transform: translateX(-100%) translateX(110px)
            }

    .slider--alt .owl-stage-outer, .slider--alt .slides {
        position: static
    }

@media (max-width:1366px) {
    .slider {
        padding: 80px 0
    }

    .slider--alt {
        padding: 0 135px 42px
    }
}

@media (max-width:1279px) {
    .slider--alt {
        padding: 0 70px 42px
    }
}

@media(max-width:1024px) {
    .slider {
        padding: 40px 0
    }

    .slider--alt {
        padding: 0 70px 40px
    }

        .slider--alt .slide {
            padding: 0 30px;
            -webkit-transform: translateX(180px);
            -ms-transform: translateX(180px);
            transform: translateX(180px)
        }

        .slider--alt .owl-item.active .slide {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .slider--alt .owl-item.active ~ .owl-item .slide {
            -webkit-transform: translateX(-100%) translateX(130px);
            -ms-transform: translateX(-100%) translateX(130px);
            transform: translateX(-100%) translateX(130px)
        }
}

@media (max-width:767px) {
    .slider .slide {
        padding: 30px 20px
    }

    .slider .shell-fluid {
        padding: 0
    }

    .slider .owl-prev {
        left: 20px
    }

    .slider .owl-next {
        right: 20px
    }

    .slider .owl-next, .slider .owl-prev {
        top: auto;
        bottom: 33px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .slider--alt {
        padding: 0 0 60px;
        margin: 0 -20px
    }

        .slider--alt .slide {
            padding: 0 30px;
            -webkit-transform: translateX(110px);
            -ms-transform: translateX(110px);
            transform: translateX(110px)
        }

        .slider--alt .owl-prev {
            right: 50%;
            left: auto;
            margin-right: 4px
        }

        .slider--alt .owl-next {
            left: 50%;
            right: auto;
            margin-left: 4px
        }

        .slider--alt .owl-item {
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px)
        }

            .slider--alt .owl-item.active {
                padding-bottom: 30px
            }

                .slider--alt .owl-item.active ~ .owl-item .slide {
                    -webkit-transform: translateX(-100%) translateX(60px);
                    -ms-transform: translateX(-100%) translateX(60px);
                    transform: translateX(-100%) translateX(60px)
                }

        .slider--alt .owl-next, .slider--alt .owl-prev {
            bottom: 20px
        }
}

.slider-primary h3 {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: .01em;
    margin-bottom: 34px
}

.slider-primary .slides:not(.owl-loaded) .slide {
    white-space: nowrap
}

.slider-primary .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-primary .owl-item {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.slider-primary .slide__title {
    font-weight: 300;
    color: #db3021;
    margin-bottom: 10px
}

.slider-primary .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 115px
}

.slider-primary .slide__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.slider-primary .owl-item.active {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.slider-primary .slider__inner {
    position: relative;
    display: inline-block;
    padding-bottom: 0
}

.slider-primary .slider__prev {
    right: calc(100% + 35px)
}

.slider-primary .slider__next {
    left: calc(100% + 35px)
}

.slider-primary .slide__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 16.38vw;
    min-height: 260px;
    margin-right: 50px;
    text-align: center
}

    .slider-primary .slide__image img {
        width: auto;
        height: 100%;
        margin: 0 auto
    }

.slider-primary .slider__paging {
    padding-top: 23px;
    text-align: center
}

    .slider-primary .slider__paging ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 25px;
        color: #000;
        list-style-type: none
    }

    .slider-primary .slider__paging li {
        min-width: 36px
    }

        .slider-primary .slider__paging li + li {
            margin-left: 25px
        }

    .slider-primary .slider__paging a {
        display: block;
        opacity: .7;
        text-decoration: none;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

    .slider-primary .slider__paging .active a {
        color: #db3021
    }

.slider-primary .slider__next, .slider-primary .slider__prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .slider-primary .slider__next i, .slider-primary .slider__prev i {
        width: 33px;
        height: 16px
    }

.slider-primary .slides:not(.owl-loaded) .slide__content, .slider-primary .slides:not(.owl-loaded) .slide__image {
    display: inline-block;
    max-width: 50%;
    vertical-align: middle;
    white-space: normal
}

.slider-primary--simple .slide {
    text-align: center;
    display: block
}

.slider-primary--simple .slide__image {
    text-align: center;
    margin: 0 0 42px;
    min-height: 0;
    height: auto
}

.slider-primary--simple .slide__content {
    max-width: 980px;
    margin: 0 auto
}

.slider-primary--simple .slide__title {
    display: none
}

.slider-primary--simple .slider__paging {
    margin-bottom: 48px;
    padding-top: 0
}

.slider-primary--simple .slider__next, .slider-primary--simple .slider__prev {
    display: none
}

@media (max-width:1279px) {
    .slider-primary .slide {
        padding: 0 20px
    }
}

@media (max-width:1023px) {
    .slider-primary h3 {
        margin-bottom: 15px
    }

    .slider-primary .slides:not(.owl-loaded) .slide__image {
        max-width: 45%
    }

    .slider-primary .slides:not(.owl-loaded) .slide__content {
        max-width: calc(50% - 25px)
    }

    .slider-primary .slide {
        padding: 0
    }

    .slider-primary .slide__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        margin-right: 25px
    }
}

@media (max-width:767px) {
    .slider-primary {
        padding-bottom: 0;
        margin: 0 -20px
    }

        .slider-primary h3 {
            font-size: 40px
        }

        .slider-primary .slide {
            display: block;
            padding: 0 20px;
            text-align: center
        }

        .slider-primary .slider__prev {
            right: 50%;
            margin-right: 4px
        }

        .slider-primary .slider__next {
            left: 50%;
            margin-left: 4px
        }

        .slider-primary .slider__paging ul {
            display: none
        }

        .slider-primary .slide__image {
            height: auto;
            min-height: 0;
            margin: 0 0 20px
        }

            .slider-primary .slide__image img {
                width: 100%;
                height: auto
            }

        .slider-primary .slider__next, .slider-primary .slider__prev {
            top: -18px;
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0)
        }

        .slider-primary .slides:not(.owl-loaded) .slide__content, .slider-primary .slides:not(.owl-loaded) .slide__image {
            display: block;
            max-width: 100%
        }

    .slider-primary--simple .slider__paging {
        margin-bottom: 0
    }

    .slider-primary--simple .slider__next, .slider-primary--simple .slider__prev {
        display: block
    }
}

.slider-secondary {
    text-align: center
}

    .slider-secondary h4 {
        font-size: 30px;
        position: relative;
        margin-bottom: 26px
    }

    .slider-secondary .slide {
        max-width: 1000px;
        margin: 0 auto
    }

        .slider-secondary .slide i {
            display: none
        }

        .slider-secondary .slide span {
            position: relative;
            display: block;
            width: 70px;
            height: 7px;
            margin: 0 auto 30px
        }

            .slider-secondary .slide span:before {
                width: 100%;
                opacity: .3;
                background-image: url(images/wave-charcoal-primary.png);
                background-repeat: no-repeat
            }

            .slider-secondary .slide span:after {
                width: 0;
                background-image: url(images/wave-red.png);
                background-repeat: no-repeat
            }

    .slider-secondary .autoplaying .active span:after {
        -webkit-animation: width 6s linear infinite;
        animation: width 6s linear infinite
    }

    .slider-secondary .slider__steps {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 71px;
        counter-reset: nums;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        list-style-type: none
    }

        .slider-secondary .slider__steps.is-hover ~ .slides span:after {
            -webkit-animation: none;
            animation: none
        }

        .slider-secondary .slider__steps li {
            counter-increment: nums
        }

            .slider-secondary .slider__steps li + li {
                margin-left: 118px
            }

                .slider-secondary .slider__steps li + li span:before {
                    background-size: 7282.3529411765% 5152.380952381%;
                    background-position: 94.676494676495% 41.564561734213%;
                    content: "";
                    position: absolute;
                    width: 17px;
                    height: 21px;
                    top: 50%;
                    left: -71px;
                    background-image: url(images/sprite.png)
                }

        .slider-secondary .slider__steps a {
            display: block;
            text-decoration: none;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

            .slider-secondary .slider__steps a:after {
                content: counter(nums);
                display: inline-block;
                margin-left: 1px
            }

        .slider-secondary .slider__steps span {
            position: relative;
            display: block;
            height: 69px;
            margin-bottom: 22px;
            line-height: 69px
        }

        .slider-secondary .slider__steps .active ~ li a {
            opacity: .4
        }

    .slider-secondary .slide span:after, .slider-secondary .slide span:before {
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        background-size: auto 100%
    }

@media only screen and (-o-min-device-pixel-ratio:21),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi) {
    .slider-secondary .slider__steps li + li span:before {
        background-size: 5347.0588235294% 4090.4761904762%;
        background-position: 99.32735426009% 20.286396181384%;
        background-image: url(images/sprite.@2x.png)
    }
}

@media (max-width:1279px) {
    .slider-secondary .slider__steps li + li {
        margin-left: 80px
    }

        .slider-secondary .slider__steps li + li span:before {
            left: -46px
        }
}

@media (max-width:1023px) {
    .slider-secondary .slider__steps {
        margin: -20px 0 40px
    }

        .slider-secondary .slider__steps li + li {
            margin-left: 38px
        }

            .slider-secondary .slider__steps li + li span:before {
                top: 40%;
                left: -26px
            }

            .slider-secondary .slider__steps i, .slider-secondary .slider__steps li + li span:before {
                -webkit-transform: scale(.7);
                -ms-transform: scale(.7);
                transform: scale(.7)
            }

        .slider-secondary .slider__steps span {
            margin-bottom: 0
        }
}

@media (max-width:767px) {
    .slider-secondary .slider__steps {
        display: none
    }

    .slider-secondary .slide i {
        display: block;
        margin: 0 auto 20px
    }
}

.slider-team {
    position: relative;
    padding-top: 30px;
    z-index: 3
}

    .slider-team h4 {
        font-size: 40px;
        font-weight: 500;
        color: #fff;
        text-transform: none;
        margin: 0
    }

    .slider-team h5 {
        font-size: 25px;
        font-weight: 400;
        letter-spacing: 0;
        color: #353535;
        margin-bottom: 10px
    }

    .slider-team figure {
        position: relative;
        display: block;
        height: 235px;
        left: 50%;
        max-width: 200%;
        width: 166.67%;
        overflow: hidden;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .slider-team [class^=member] {
        position: relative;
        top: 0;
        -webkit-animation: slideOut .3s;
        animation: slideOut .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s
    }

    .slider-team .list-skills {
        padding-left: 48px;
        margin: 0
    }

    .slider-team .active .is-visible {
        -webkit-animation: slideIn .3s;
        animation: slideIn .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slider-team .disabled {
        pointer-events: none
    }

    .slider-team .owl-item {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }

    .slider-team .owl-stage {
        -webkit-transition-duration: .3s !important;
        -o-transition-duration: .3s !important;
        transition-duration: .3s !important;
        -webkit-transition-delay: .3s !important;
        -o-transition-delay: .3s !important;
        transition-delay: .3s !important
    }

    .slider-team .owl-stage-outer {
        overflow: visible
    }

    .slider-team .slide__outer {
        display: none;
        position: absolute;
        width: 240px;
        top: 180px;
        left: 60%;
        padding: 18px 24px 25px;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 3px 3px 0 #eee;
        box-shadow: 3px 3px 0 #eee;
        background: #fff;
        z-index: 3;
        -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s,-webkit-transform .3s
    }

    .slider-team .slide {
        position: relative;
        width: 174px;
        margin: 0 auto
    }

    .slider-team .slide__tooltip {
        position: absolute;
        width: auto;
        top: calc(100% + 4px);
        left: 0;
        padding: 8px 18px;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 3px 3px 0 #ffe88c;
        box-shadow: 3px 3px 0 #ffe88c;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 20px;
        color: #ffe88c;
        text-transform: uppercase;
        white-space: nowrap;
        background: #db3021;
        z-index: 3;
        -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        transition: opacity .3s,visibility .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s;
        transition: transform .3s,opacity .3s,visibility .3s,-webkit-transform .3s
    }

        .slider-team .slide__tooltip:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            bottom: 100%;
            left: 22px;
            border-width: 0 17px 17px;
            border-style: solid;
            border-color: transparent transparent #db3021
        }

    .slider-team .last .slide__tooltip {
        -webkit-box-shadow: -3px 3px 0 #ffe88c;
        box-shadow: -3px 3px 0 #ffe88c
    }

        .slider-team .last .slide__tooltip:before {
            left: auto;
            right: 22px
        }

    .slider-team .last .slide__outer {
        left: auto;
        right: 60%;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        -webkit-box-shadow: -3px 3px 0 #eee;
        box-shadow: -3px 3px 0 #eee
    }

        .slider-team .last .slide__outer .list-skills {
            padding: 0 48px 0 0
        }

    .slider-team .slides:not(.owl-carousel) .slide {
        width: 174px
    }

    .slider-team .slides:not(.owl-carousel) .member-image {
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: none
    }

    .slider-team .slider__actions {
        margin-bottom: 10px;
        text-align: center
    }

        .slider-team .slider__actions span {
            display: inline-block;
            margin: 0 5px;
            vertical-align: middle
        }

    .slider-team .slider__next i, .slider-team .slider__prev i {
        width: 36px;
        height: 18px
    }

    .slider-team .slide.is-loading-image .slide__tooltip {
        display: none
    }

    .slider-team .slide.is-loading-image .member-image {
        overflow: hidden;
        min-height: 235px
    }

    .slider-team.loading .slide__outer, .slider-team.loading .slide__tooltip, .slider-team.loading .slider__actions {
        display: none
    }

@media (max-width:767px) {
    .slider-team .slide__tooltip {
        left: 10px
    }

    .slider-team .slide__outer {
        left: calc(60% + 10px)
    }
}

@media(max-width:570px) {
    .slider-team .owl-item:not(.last) + .last .slide__tooltip:before {
        left: 10px;
        right: auto
    }

    .slider-team .owl-item:not(.last) + .last .slide__outer {
        left: calc(60% + 10px);
        right: auto;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
        -webkit-box-shadow: 3px 3px 0 #eee;
        box-shadow: 3px 3px 0 #eee
    }

    .slider-team .owl-item:not(.last) + .last .tooltip-visible .slide__outer {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .slider-team .owl-item:not(.last) + .last .slide__outer .list-skills {
        padding: 0 0 0 48px
    }
}

.slider-testimonials {
    position: relative;
    padding: 80px 0 0
}

    .slider-testimonials .slide {
        padding: 30px 113px 0
    }

    .slider-testimonials .owl-item {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

@media (max-width:1366px) {
    .slider-testimonials {
        padding: 80px
    }

        .slider-testimonials .shell-fluid {
            padding: 0
        }
}

@media (max-width:1279px) {
    .slider-testimonials .slide {
        padding: 30px 20px 0
    }
}

@media(max-width:1024px) {
    .slider-testimonials {
    padding: 40px 20px 0px;
    margin-bottom: 45px
    }
}

.slider-thumbs {
    padding-bottom: 80px
}

    .slider-thumbs .slider-thumbs__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        padding: 0 113px
    }

    .slider-thumbs .btn-link {
        line-height: 1;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        text-decoration: none;
        display: inline-block;
        padding: 4px 0;
        border-bottom: 1px solid #000;
        -webkit-transition: border .4s;
        -o-transition: border .4s;
        transition: border .4s
    }

        .slider-thumbs .btn-link:hover {
            border-bottom-color: transparent
        }

    .slider-thumbs ul {
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        padding-right: 30px
    }

        .slider-thumbs ul li {
            width: 46px;
            height: 46px;
            margin: 0 5px;
            cursor: pointer
        }

            .slider-thumbs ul li img {
                border-radius: 50%;
                opacity: .6;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                -webkit-transition: opacity .4s,-webkit-transform .4s;
                transition: opacity .4s,-webkit-transform .4s;
                -o-transition: transform .4s,opacity .4s;
                transition: transform .4s,opacity .4s;
                transition: transform .4s,opacity .4s,-webkit-transform .4s
            }

            .slider-thumbs ul li.current img {
                -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 1
            }

@media (max-width:1279px) {
    .slider-thumbs .slider-thumbs__content {
        padding: 0
    }
}

@media(max-width:767px) {
    .slider-thumbs .slider-thumbs__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .slider-thumbs .slider-thumbs__content, .slider-thumbs ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .slider-thumbs ul {
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
}

.socials {
    display: inline-block;
    vertical-align: top
}

    .socials ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        list-style-type: none
    }

    .socials li + li {
        margin-left: 20px
    }

    .socials a {
        display: block;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: .5
    }

@media (max-width:1600px) {
    .socials {
        margin-right: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width:1023px) {
    .socials {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 7px
    }
}

.table {
    font-size: 12px;
    line-height: 1.2
}

    .table table {
        margin: 0;
        width: 100%
    }

    .table th {
        padding: 0 15px 14px;
        border-bottom: 1px solid #efefef;
        font-family: Tungsten Rounded,sans-serif;
        font-size: 25px;
        font-weight: 400;
        line-height: 1
    }

    .table td, .table th {
        text-align: left;
        white-space: nowrap
    }

    .table td {
        padding: 12px 15px;
        background: url(images/dots-pattern.png) repeat-x 0 100%
    }

        .table td:first-child, .table th:first-child {
            width: 100%;
            text-align: left;
            white-space: normal
        }

    .table th .tooltip {
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px
    }

    .table .table__subhead {
        font-size: 10px
    }

    .table .table__foot {
        padding: 25px 0;
        text-align: center;
        font-size: 12px
    }

.table--pricing {
    max-width: 680px;
    margin: 0 auto
}

    .table--pricing .table__border {
        padding-right: 30px;
        border-right: 1px solid #efefef
    }

        .table--pricing .table__border + td, .table--pricing .table__border + th {
            padding-left: 30px
        }

    .table--pricing .table__price {
        font-family: Tungsten Rounded,sans-serif;
        font-size: 30px;
        line-height: 1
    }

        .table--pricing .table__price strong {
            font-weight: 500
        }

        .table--pricing .table__price sup {
            display: inline-block;
            vertical-align: top;
            margin: .1em 0 0;
            font-size: .65em
        }

.table--white .table__border, .table--white th {
    border-color: hsla(0,0%,84%,.4)
}

.table--white td {
    background-image: url(images/dots-patter-white.png)
}

    .table--white td:first-child {
        font-family: Tungsten Rounded,sans-serif;
        font-size: 25px;
        line-height: 1
    }

@media (max-width:1279px) {
    .table td, .table th {
        padding-left: 7px;
        padding-right: 7px
    }

    .table--pricing .table__border {
        padding-right: 14px
    }

        .table--pricing .table__border + td, .table--pricing .table__border + th {
            padding-left: 14px
        }
}

@media (max-width:1023px) {
    .table th {
        font-size: 20px
    }

    .table td, .table th {
        padding-left: 4px;
        padding-right: 4px
    }

    .table td {
        font-size: 10px
    }

    .table .table__subhead td {
        font-size: 9px
    }

    .table--pricing .table__border {
        padding-right: 8px
    }

        .table--pricing .table__border + td, .table--pricing .table__border + th {
            padding-left: 8px
        }

    .table--pricing .table__price {
        font-size: 22px
    }

    .table--white td:first-child {
        font-size: 16px
    }

    .table th .tooltip .tooltip__content {
        left: auto;
        right: 0;
        margin-right: -10px;
        max-width: 50vw;
        padding: 10px 15px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        line-height: 1.5
    }

        .table th .tooltip .tooltip__content:after {
            left: auto;
            right: 10px;
            margin: 0
        }
}

.tabs {
    position: relative
}

.tabs-nav {
    padding: 73px 0;
    -webkit-transform: translateY(-73px);
    -ms-transform: translateY(-73px);
    transform: translateY(-73px)
}

    .tabs-nav ul {
        position: relative;
        list-style-type: none
    }

    .tabs-nav li {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transform: translate(73px,146px);
        -ms-transform: translate(73px,146px);
        transform: translate(73px,146px);
        -webkit-transition: z-index .3s,-webkit-transform .3s;
        transition: z-index .3s,-webkit-transform .3s;
        -o-transition: transform .3s,z-index .3s;
        transition: transform .3s,z-index .3s;
        transition: transform .3s,z-index .3s,-webkit-transform .3s;
        z-index: 1
    }

    .tabs-nav a {
        position: relative;
        display: block
    }

        .tabs-nav a:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: hsla(0,0%,100%,.75);
            -webkit-transition: background .3s;
            -o-transition: background .3s;
            transition: background .3s
        }

    .tabs-nav .next {
        z-index: 2;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

        .tabs-nav .next a:after {
            background: hsla(0,0%,100%,.35)
        }

    .tabs-nav .active {
        position: relative;
        -webkit-transform: translate(-73px,70px);
        -ms-transform: translate(-73px,70px);
        transform: translate(-73px,70px);
        z-index: 3
    }

        .tabs-nav .active a:after {
            background: hsla(0,0%,100%,0)
        }

.tab {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s,visibility .3s;
    -o-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

    .tab.active {
        position: relative;
        opacity: 1;
        visibility: visible;
        z-index: 3
    }

.tabs-nav .tabs__actions {
    position: absolute;
    top: 50%;
    left: -140px;
    padding-top: 109px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 2
}

    .tabs-nav .tabs__actions span {
        display: block
    }

        .tabs-nav .tabs__actions span + span {
            margin-top: 35px
        }

@media (max-width:1279px) {
    .tabs-nav {
        margin-left: 73px
    }

        .tabs-nav .next {
            -webkit-transform: translate(-22px);
            -ms-transform: translate(-22px);
            transform: translate(-22px)
        }
}

@media (max-width:1023px) {
    .tabs-nav {
        padding: 0 0 100px;
        margin-left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

        .tabs-nav li {
            -webkit-transform: translate(30px,60px);
            -ms-transform: translate(30px,60px);
            transform: translate(30px,60px)
        }

            .tabs-nav li:only-child {
                margin-bottom: -122px
            }

            .tabs-nav .next, .tabs-nav li:only-child {
                -webkit-transform: translate(0);
                -ms-transform: translate(0);
                transform: translate(0)
            }

        .tabs-nav .active {
            -webkit-transform: translate(-30px,30px);
            -ms-transform: translate(-30px,30px);
            transform: translate(-30px,30px)
        }

        .tabs-nav .tabs__actions {
            top: auto;
            left: 50%;
            bottom: 0;
            padding: 0;
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%)
        }

            .tabs-nav .tabs__actions span {
                display: inline-block
            }

                .tabs-nav .tabs__actions span + span {
                    margin: 0 0 0 15px
                }
}

@media (max-width:767px) {
    .tabs-nav {
        padding: 0 0 100px;
        margin-bottom: -60px
    }

        .tabs-nav li {
            -webkit-transform: translate(10px);
            -ms-transform: translate(10px);
            transform: translate(10px)
        }

            .tabs-nav li:only-child {
                margin: -15px 0 -77px
            }

        .tabs-nav .next {
            -webkit-transform: translate(-10px,15px);
            -ms-transform: translate(-10px,15px);
            transform: translate(-10px,15px)
        }

        .tabs-nav .active {
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px)
        }

        .tabs-nav .tabs__actions {
            bottom: 40px
        }
}

.testimonial {
    font-family: Tungsten Rounded,sans-serif;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 500;
    text-align: center
}

    .testimonial span {
        position: relative;
        display: block;
        width: 104px;
        height: 104px;
        margin: 0 auto 50px
    }

        .testimonial span:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border: 2px solid #353535;
            border-radius: 50%;
            z-index: 1
        }

        .testimonial span i {
            position: relative;
            top: 11px;
            left: 11px
        }

    .testimonial .testimonial__meta {
        padding-top: 40px;
        font-size: 26px;
        font-weight: 400
    }

        .testimonial .testimonial__meta strong {
            display: block
        }

        .testimonial .testimonial__meta small {
            display: block;
            padding-top: 4px;
            font-size: 20px
        }

    .testimonial .testimonial__meta--primary {
        font-family: Poppins,sans-serif;
        font-size: 16px;
        letter-spacing: 0
    }

        .testimonial .testimonial__meta--primary small {
            padding-top: 12px;
            font-size: 10px;
            font-weight: 500;
            color: #999
        }

    .testimonial .testimonial__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .testimonial .testimonial__container blockquote {
            position: relative;
            font-size: 30px;
            line-height: 1;
            text-align: left;
            padding-bottom: 68px;
            color: inherit;
            margin-bottom: 26px
        }

            .testimonial .testimonial__container blockquote p {
                font-weight: 600
            }

            .testimonial .testimonial__container blockquote:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 70px;
                height: 8px;
                background: url(images/wave-white.png) no-repeat 0 0;
                background-size: cover
            }

        .testimonial .testimonial__container .testimonial__aside {
            position: relative;
            width: 50%;
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 135px;
            overflow: hidden;
            background: #f4f4f4
        }

            .testimonial .testimonial__container .testimonial__aside h4 {
                font-family: Poppins,sans-serif;
                font-size: 18px;
                margin-bottom: 10px;
                font-weight: 600
            }

            .testimonial .testimonial__container .testimonial__aside h5 {
                font-family: Poppins,sans-serif;
                font-size: 16px;
                font-weight: 400
            }

            .testimonial .testimonial__container .testimonial__aside h6 {
                font-family: Poppins,sans-serif;
                font-size: 13px;
                margin-bottom: 0
            }

        .testimonial .testimonial__container .testimonial__aside-bg {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-size: cover;
            background-position: top;
            opacity: .1
        }

            .testimonial .testimonial__container .testimonial__aside-bg:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #f4f4f4;
                -webkit-filter: blur(20px);
                filter: blur(20px);
                opacity: .6
            }

        .testimonial .testimonial__container .testimonial__aside-inner {
            position: relative;
            z-index: 5
        }

        .testimonial .testimonial__container .testimonial__image {
            position: relative;
            width: 300px;
            margin-bottom: 20px
        }

            .testimonial .testimonial__container .testimonial__image:before {
                content: "";
                position: absolute;
                top: -8px;
                left: -8px;
                width: 100%;
                height: 100%;
                border: 2px solid transparent;
                border-radius: 50%
            }

            .testimonial .testimonial__container .testimonial__image.small:before {
                border-color: #db3021
            }

            .testimonial .testimonial__container .testimonial__image.yellow:before {
                border-color: #ffe88c
            }

            .testimonial .testimonial__container .testimonial__image.blue:before {
                border-color: #00a0d2
            }

            .testimonial .testimonial__container .testimonial__image img {
                border-radius: 50%
            }

        .testimonial .testimonial__container .testimonial__content {
            position: relative;
            width: 50%;
            padding: 135px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .testimonial .testimonial__container .testimonial__content i {
                position: absolute;
                top: 8px;
                left: 0
            }

        .testimonial .testimonial__container .testimonial__content-inner {
            position: relative;
            padding-left: 60px
        }

            .testimonial .testimonial__container .testimonial__content-inner:before {
                content: "";
                position: absolute;
                top: 13px;
                left: 0;
                width: 44px;
                height: 48px;
                background: url(images/icons/ico-shadow-quotes.svg) no-repeat 0 0;
                background-size: cover
            }

        .testimonial .testimonial__container .testimonial__accordion {
            font-family: Poppins,sans-serif;
            font-size: 16px;
            font-weight: 400;
            text-align: left
        }

        .testimonial .testimonial__container .testimonial__accordion-toggle {
            position: relative;
            padding-left: 14px;
            cursor: pointer
        }

            .testimonial .testimonial__container .testimonial__accordion-toggle:before {
                content: "+";
                position: absolute;
                top: 0;
                left: 0
            }

        .testimonial .testimonial__container .testimonial__accordion.expanded .testimonial__accordion-toggle:before {
            content: "-"
        }

        .testimonial .testimonial__container .testimonial__accordion.expanded .testimonial__accordion-expand {
            max-height: 2000px
        }

        .testimonial .testimonial__container .testimonial__accordion-expand {
            font-size: 16px;
            line-height: 1.88;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height .5s;
            -o-transition: max-height .5s;
            transition: max-height .5s
        }

            .testimonial .testimonial__container .testimonial__accordion-expand > div {
                padding-top: 70px
            }

    .testimonial:nth-child(2n) .testimonial__container .testimonial__content {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .testimonial:nth-child(2n) .testimonial__container .testimonial__content-inner:before {
        background-image: url(images/icons/ico-shadow-quotes-dark.svg)
    }

    .testimonial:nth-child(6n+1) .testimonial__container .testimonial__content {
        color: #fff
    }

    .testimonial:nth-child(6n+1) {
        background: #00a0d2
    }

    .testimonial:nth-child(6n+3) .testimonial__container .testimonial__content {
        color: #fff
    }

    .testimonial:nth-child(6n+3) {
        background: #00a0d2
    }

    .testimonial:nth-child(6n+5) {
        background: #ffe88c
    }

        .testimonial:nth-child(6n+5) .testimonial__container blockquote:after {
            background-image: url(images/wave-charcoal.png)
        }

        .testimonial:nth-child(6n+5) .testimonial__container .testimonial__content-inner:before {
            background-image: url(images/icons/ico-shadow-quotes-dark.svg)
        }

.testimonial--primary span {
    width: 76px;
    height: 76px;
    margin-bottom: 62px
}

.testimonial--light {
    color: #fff
}

    .testimonial--light span:before {
        border-color: #fff
    }

@media (max-width:1366px) {
    .testimonial .testimonial__container .testimonial__aside, .testimonial .testimonial__container .testimonial__content {
        padding: 80px 50px
    }
}

@media (max-width:1279px) {
    .testimonial .testimonial__container blockquote {
        font-size: 40px;
        padding-bottom: 30px
    }

    .testimonial .testimonial__container .testimonial__content-inner {
        padding-left: 40px
    }

        .testimonial .testimonial__container .testimonial__content-inner:before {
            width: 30px;
            height: 32px;
            top: 6px
        }

    .testimonial .testimonial__container .testimonial__accordion-expand > div {
        padding-top: 40px
    }
}

@media (max-width:1023px) {
    .testimonial {
        padding: 40px 30px
    }

        .testimonial .testimonial__container .testimonial__image {
            width: 200px;
            margin-left: auto;
            margin-right: auto
        }

        .testimonial .testimonial__container {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .testimonial .testimonial__container .testimonial__aside, .testimonial .testimonial__container .testimonial__content {
                width: 100%;
                padding: 20px 0;
                background: none
            }

            .testimonial .testimonial__container .testimonial__aside-bg {
                visibility: hidden;
                opacity: 0
            }

        .testimonial:nth-child(2n) .testimonial__container .testimonial__aside {
            -webkit-box-ordinal-group: -1;
            -webkit-order: -2;
            -ms-flex-order: -2;
            order: -2
        }

        .testimonial:nth-child(6n+1) .testimonial__container .testimonial__aside, .testimonial:nth-child(6n+3) .testimonial__container .testimonial__aside {
            color: #fff
        }

        .testimonial .testimonial__container .testimonial__aside-inner:after {
            content: "";
            display: block;
            width: 70px;
            height: 8px;
            margin: 40px auto 0;
            background: url(images/wave-charcoal.png) no-repeat 0 0;
            background-size: cover
        }

        .testimonial:nth-child(6n+1) .testimonial__container .testimonial__aside-inner:after, .testimonial:nth-child(6n+3) .testimonial__container .testimonial__aside-inner:after {
            background-image: url(images/wave-white.png)
        }

        .testimonial .testimonial__container blockquote:after {
            content: none
        }
}

@media (max-width:767px) {
    .testimonial span {
        width: 80px;
        height: 80px
    }

    .testimonial .testimonial__container blockquote {
        font-size: 30px
    }

    .testimonial .testimonial__container .testimonial__content-inner {
        padding-left: 20px;
        padding-right: 20px
    }

        .testimonial .testimonial__container .testimonial__content-inner:before {
            width: 20px;
            height: 22px;
            left: -10px
        }
}

.testimonial-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: normal
}

    .testimonial-single .testimonial-single__image {
        position: relative;
        width: 300px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .wp-image-20, .wp-image-21 {
        border-radius: 50%;
        width: 256px;
        height: 300px;
        position:relative;
        top: -50px;
        }


    .ramka {
        width: 256px;
        height: 300px;
        position: relative;
        }

.ramka:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #db3021;
    top: -58px;
    left: 8px;
    border-radius: 50%;
}


    .testimonial-single .testimonial-single__image:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border: 2px solid #db3021;
            top: -8px;
            left: -8px;
            border-radius: 50%
        }

        .testimonial-single .testimonial-single__image img {
            border-radius: 50%
        }

    .testimonial-single .testimonial-single__content {
        width: calc(100% - 300px);
        padding: 20px 0 20px 70px
    }

    .testimonial-single .testimonial-single__meta {
        margin-bottom: 50px
    }

        .testimonial-single .testimonial-single__meta h4 {
            font-size: 22px;
            font-family: Poppins,sans-serif;
            margin-bottom: 5px
        }

        .testimonial-single .testimonial-single__meta h5 {
            font-size: 16px;
            font-family: Poppins,sans-serif;
            margin-bottom: 5px
        }

        .testimonial-single .testimonial-single__meta h6 {
            font-size: 14px;
            margin-bottom: 5px;
            color: #555
        }

    .testimonial-single .testimonial-single__quote {
        position: relative;
        padding-left: 78px
    }

        .testimonial-single .testimonial-single__quote p {
            font-size: 18px;
            line-height: 1.67
        }

        .testimonial-single .testimonial-single__quote > span {
            position: absolute;
            top: 0;
            left: 0
        }

@media (max-width:1279px) {
    .testimonial-single .testimonial-single__content {
        padding-left: 40px
    }
}

@media(max-width:767px) {
    .testimonial-single {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .testimonial-single .testimonial-single__content {
            width: 100%;
            padding-left: 0;
            text-align: center
        }

        .testimonial-single .testimonial-single__meta {
            text-align: center
        }

        .testimonial-single .testimonial-single__quote {
            padding-left: 0;
            padding-top: 50px;
            text-align: center
        }

            .testimonial-single .testimonial-single__quote > span {
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%)
            }
}

.testimonial-tooltip {
    position: absolute;
    top: 490px;
    width: 300px;
    left: calc(((100% - 800px)/2 - 300px)/2 + 20px);
    padding: 60px 50px 30px;
    border: 2px solid #e7e8e8;
    border-radius: 6px;
    margin-top: 40px;
    background: #fff
}

    .testimonial-tooltip.summary--fixed-top {
        position: fixed;
        top: 20px
    }

    .testimonial-tooltip.summary--fixed-bottom {
        position: absolute;
        top: auto;
        bottom: 200px
    }

    .testimonial-tooltip blockquote {
        position: relative;
        display: block;
        font-size: 13px;
        line-height: 1.7
    }

        .testimonial-tooltip blockquote:after {
            content: "";
            display: inline-block;
            width: 13px;
            height: 14px;
            background: url(images/ico-single-quote-bottom.png) no-repeat 0 0;
            background-size: cover;
            position: relative;
            bottom: -12px
        }

        .testimonial-tooltip blockquote:before {
            content: "";
            display: inline-block;
            width: 13px;
            height: 14px;
            background: url(images/ico-single-quote.png) no-repeat 0 0;
            background-size: contain;
            position: absolute;
            top: -7px;
            left: -17px
        }

    .testimonial-tooltip .testimonial__content h6 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0
    }

    .testimonial-tooltip .testimonial__content p {
        font-size: 12px
    }

        .testimonial-tooltip .testimonial__content p span {
            color: #888
        }

    .testimonial-tooltip .testimonial__image {
        position: absolute;
        width: 80px;
        top: -40px;
        left: 50%;
        margin-left: -40px;
        z-index: 20
    }

        .testimonial-tooltip .testimonial__image img {
            width: 100%;
            height: auto;
            border-radius: 50%
        }

@media (max-width:1366px) {
    .testimonial-tooltip {
        width: 230px;
        left: 20px;
        padding: 60px 20px 30px 30px
    }

        .testimonial-tooltip .testimonial__content h6 {
            font-size: 14px
        }
}

@media (max-width:1023px) {
    .testimonial-tooltip, .testimonial-tooltip.summary--fixed-top {
        display: none
    }
}

.tooltip {
    position: relative;
    font-family: Poppins,sans-serif;
    font-size: 12px;
    line-height: 2;
    white-space: normal
}

    .tooltip .tooltip__trigger {
        display: block;
        width: 16px;
        height: 16px;
        padding: 3px;
        border: 1px solid #fff;
        border-radius: 50%;
        opacity: .6;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .tooltip .tooltip__trigger:hover {
            opacity: .8
        }

        .tooltip .tooltip__trigger:after, .tooltip .tooltip__trigger:before {
            content: "";
            display: block;
            width: 2px;
            height: 2px;
            margin: 0 auto;
            background: #fff
        }

        .tooltip .tooltip__trigger:after {
            margin-top: 1px;
            height: 5px
        }

    .tooltip .tooltip__content {
        width: 400px;
        position: absolute;
        left: 50%;
        bottom: 100%;
        padding: 20px 30px;
        margin-bottom: 25px;
        background: #fff;
        border-radius: 4px;
        color: rgba(53,53,53,.6);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translate(-50%,10%);
        -ms-transform: translate(-50%,10%);
        transform: translate(-50%,10%);
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,.07);
        box-shadow: 0 4px 0 0 rgba(0,0,0,.07)
    }

        .tooltip .tooltip__content:after {
            content: "";
            position: absolute;
            z-index: 20;
            left: 50%;
            top: 100%;
            width: 12px;
            height: 12px;
            margin: -6px 0 0 -6px;
            background: #fff;
            border-width: 0 1px 1px 0;
            border-style: solid;
            border-color: #fff;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .tooltip:hover .tooltip__content {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

.tooltip--grey .tooltip__trigger {
    border-color: #aeaeae
}

    .tooltip--grey .tooltip__trigger:after, .tooltip--grey .tooltip__trigger:before {
        background-color: #aeaeae
    }

.tooltip--grey .tooltip__content {
    border: 1px solid #d3d3d3
}

    .tooltip--grey .tooltip__content:after {
        border-color: #d3d3d3
    }

.upload .upload__btn > span {
    height: 45px;
    padding: 0 19px;
    font-family: Tungsten Rounded,sans-serif;
    line-height: 41px;
    font-weight: 400;
    text-transform: none
}

.upload .upload__url {
    cursor: pointer;
    padding-right: 130px
}

.upload .upload__aside {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 125px;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    margin-left: 18px
}

.upload .upload__inner {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

    .upload .upload__inner input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 2
    }

.upload .upload__content {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

    .upload .upload__content .upload__btn > span {
        padding: 0 29px;
        border-radius: 0 5px 5px 0
    }

.upload .upload__dropzone {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    padding: 30px;
    margin-left: -50vw;
    background: #ffe88c;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.upload .upload__dropzone, .upload .upload__dropzone-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.upload .upload__dropzone-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 2px dashed #353535
}

.dz-drag-hover .upload .upload__dropzone {
    visibility: visible;
    opacity: 1
}

@media (max-width:1023px) {
    .upload {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: inline-block
    }

        .upload .upload__url {
            display: none
        }

        .upload .upload__inner {
            position: static
        }

        .upload .upload__controls > i {
            display: none
        }

        .upload .upload__content {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

            .upload .upload__content .upload__btn > span {
                border-radius: 5px
            }
}

.video video {
    background: #7017e3
}

html.fonts-loading body {
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: .05625em
}

html.fonts-loading .intro--home h1 {
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: -.05em;
    -webkit-transform: scaleX(.55);
    -ms-transform: scaleX(.55);
    transform: scaleX(.55)
}

    html.fonts-loading .intro--home h1 small {
        letter-spacing: 0
    }

html.fonts-loading .intro--home .intro__group {
    max-width: none
}

    html.fonts-loading .intro--home .intro__group p {
        max-width: 805px;
        margin: 0 auto
    }

.mfp-container {
    padding: 0 50px
}

.mfp-figure:after {
    top: 50px;
    bottom: 50px
}

img.mfp-img {
    margin: 50px 0;
    padding: 0;
    max-width: 100%
}

.mfp-image-holder .mfp-close {
    position: fixed;
    right: 24px;
    left: auto;
    width: auto;
    padding: 0 10px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mCustomScrollBox {
    max-width: 200%;
    padding-right: 60px;
    margin-right: -60px
}

.mCSB_inside > .mCSB_container {
    margin: 0
}

.mCSB_scrollTools {
    width: 16px;
    right: 19px;
    border: 2px solid #d7d7d7;
    border-radius: 16px;
    opacity: 1
}

    .mCSB_scrollTools .mCSB_draggerContainer {
        top: 5px;
        bottom: 5px
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        background: none
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        border-radius: 6px;
        background: #d9d9d9
    }

    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
        background: #353535
    }

div[class*=banner-] {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    z-index: 5000
}

    div[class*=banner-] > p {
        margin: 0;
        position: relative;
        padding-top: 3px;
        padding-right: 35px
    }

        div[class*=banner-] > p .ico-hand-pointing {
            left: 0
        }

        div[class*=banner-] > p .ico-hand-okay, div[class*=banner-] > p .ico-hand-pointing {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        div[class*=banner-] > p .ico-hand-okay {
            right: 0
        }

    div[class*=banner-] .banner__close {
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-decoration: none !important;
        border: 0
    }

.banner-campaign {
    top: 0;
    background: #ffe88c;
    color: #353535;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    height: 60px
}

    .banner-campaign a:not(.btn):not(.banner__close) {
        text-decoration: none;
        letter-spacing: .01em;
        font-size: 16px;
        border-bottom: 1px solid #353535;
        line-height: 1;
        -webkit-transition: color .4s;
        -o-transition: color .4s;
        transition: color .4s;
        font-weight: 500
    }

        .banner-campaign a:not(.btn):not(.banner__close):hover {
            color: #00a0d2
        }

        .banner-campaign a:not(.btn):not(.banner__close) span {
            color: #00a0d2;
            border-bottom: 1px solid #00a0d2
        }

    .banner-campaign > p {
        padding: 3px 35px 0 45px;
        text-align: center
    }

html.campaign .banner-campaign {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100
}

html.campaign body.nav-visible .banner-campaign {
    z-index: 2
}

html.campaign.hide .banner-campaign {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

html.campaign.show .banner-campaign {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-policy {
    bottom: 0;
    background: #353535;
    color: #b6b6b6;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    height: 60px
}

    .banner-policy .btn span {
        white-space: nowrap
    }

    .banner-policy p {
        text-align: left
    }

        .banner-policy p a {
            color: #fff;
            text-decoration: none;
            border-bottom: 1px solid #fff;
            -webkit-transition: color .4s;
            -o-transition: color .4s;
            transition: color .4s
        }

            .banner-policy p a:hover {
                color: #00a0d2;
                border-color: #00a0d2
            }

    .banner-policy .banner__close {
        color: inherit
    }

html.show-banner-policy .banner-policy {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media(max-width:767px) {
    div.banner-policy {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 35px 10px
    }

        div.banner-policy > p {
            text-align: center;
            padding: 0
        }

    .banner-policy .btn {
        margin-top: 10px
    }
}

@media(max-width:480px) {
    div[class*=banner-] {
        padding-left: 10px
    }

        .banner-campaign a:not(.btn):not(.banner__close), div[class*=banner-] a {
            font-size: 13px
        }

        div[class*=banner-] > p {
            padding: 0 0 0 35px
        }

    div.banner-policy > p {
        text-align: center;
        padding: 0
    }

    div[class*=banner-] > p .ico-hand-okay {
        display: none
    }
}

.voucher .voucher__image {
    max-width: 609px;
    margin: 0 auto 70px;
    position: relative;
    z-index: 5
}

    .voucher .voucher__image:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 13px;
        right: 13px;
        -webkit-box-shadow: 32px 32px 65px rgba(0,0,0,.15);
        box-shadow: 32px 32px 65px rgba(0,0,0,.15);
        border-radius: 26px;
        z-index: -1
    }

.voucher .voucher__data {
    list-style: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.88
}

    .voucher .voucher__data li {
        padding: 0 52px;
        position: relative
    }

        .voucher .voucher__data li i {
            position: absolute;
            top: 0;
            left: 0
        }

        .voucher .voucher__data li + li {
            margin-top: 20px
        }

@media (max-width:767px) {
    .voucher .voucher__data {
        font-size: 14px
    }

        .voucher .voucher__data li {
            padding-right: 0
        }
		.welcome_text{
			padding-left:15px;
			padding-right:15px;
		}
		.section--reversed .section__content .section__title{
			padding-bottom: 0px;
		}
		
		.testimonial-single{
			padding-left:10px;
			padding-right:10px;
		}
}


@media (max-width: 767px) {
	.contact-us-top{
		width:50px;
	}
	.blog .shell-fluid{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.home .text-shadow{
		padding-top: 50px !important;
	}
	input,textarea{
		width:100%;
	}
	.wpcf7-submit{
		margin-left:0px!important;;
	}
	.post-type-archive .slider-testimonials{
		margin-bottom:0px!important;
	}
}

@media (max-width: 1023px) {
	.copyright {
    padding-top: 80px;
    
}
 .footer .socials {
    margin-bottom: 10px;
    margin-top: 50px;
}
.header--white:not(.header--dark):not(.header-scrolled) .nav-btn:not(.nav-visible) span {background: red;}
}