html *{
	max-height:1000000px;
}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helveticalight.woff2') format('woff2'),
         url('../fonts/helveticalight.woff') format('woff'),
         url('../fonts/helveticalight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helveticaregular.woff2') format('woff2'),
         url('../fonts/helveticaregular.woff') format('woff'),
         url('../fonts/helveticaregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helveticathin.woff2') format('woff2'),
         url('../fonts/helveticathin.woff') format('woff'),
         url('../fonts/helveticathin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helveticaultralight.woff2') format('woff2'),
         url('../fonts/helveticaultralight.woff') format('woff'),
         url('../fonts/helveticaultralight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'opensansbold';
    src: url('../fonts/opensansbold.eot') format('eot'),
         url('../fonts/opensansbold.woff') format('woff'),
         url('../fonts/opensansbold.ttf') format('truetype');
    font-weight: 400;
    font-style: bold;

}

@font-face {
    font-family: 'opensansregular';
    src: url('../fonts/opensansregular.eot') format('eot'),
         url('../fonts/opensansregular.woff') format('woff'),
         url('../fonts/opensansregular.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;

}

*{
	margin: 0;
	padding: 0;
}
input:active, input:focus{
	outline: none;
}
input::-webkit-input-placeholder {
	color:#b2b2b2;
}
input::-moz-placeholder{
	color:#b2b2b2;
}
:-ms-input-placeholder{
	color:#b2b2b2;
}
textarea:-moz-placeholder { 
	color:#b2b2b2; 
}
textarea::-webkit-input-placeholder { 
	color:#b2b2b2; 
}
body{
	font-family: 'helvetica', sans-serif;
	font-size: 18px;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
	background: #fff;
}
/* .container{ */
	/*min-width: 970px;*/
	/* max-width: 970px; */
	/* width:100%; */
	/* margin:0 auto; */
/* } */
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}	
.over{
	overflow: hidden;
}
.right{
	float: right;
}
.left{
	float: left;
}
.center{
	margin: 0 auto;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}
.vam{
	display: inline-block;
	height: 100%;
	width:0;
	vertical-align: middle;
}
.vab{
	display: inline-block;
	height: 100%;
	width:0;
	vertical-align: bottom;
}
.full{
	width: 100%;
	background-attachment: relative;
	background-position: center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
/* ***HEADER*** */
header{
    width: 100%;
    /*min-width: 970px;*/
    /* height: 650px; */
  }
.head{
     background: url('../images/iphone_7_plus_apple.jpg') no-repeat -130px 72px;
}

header .row:nth-of-type(2) img, .block img{
    margin: 27px auto 0;
    display: block;
    max-width: 100%;
}

.head-title h3 {
    font-size: 46px;
    margin-bottom: 25px;
}

.head-title h4 {
    font-size: 27px;
}
.top-header{
	width: 100%;
	/*min-width: 970px;*/
	/* height: 60px; */
	background: #585858;	
}
.top-header .logo{
	display: inline-block;
	vertical-align: middle;
	margin-top: 17px;
}
.top-header .phone{
	margin: 13px 0px 0px 0px;
}
.top-header .phone p{
	display: inline-block;
	position: relative;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
}
.top-header .phone a{
	color: #fff;
}
.top-header .phone p:after{
	/*position: absolute;*/
	top: 50%;
	margin-top: -7px;
	left: -26px;
	content: url('../images/phone.png');
	font-size: 0;
}

header .head-title p{
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 300;
	color: #7a7a7a;
	margin-top: 32px;
}
header .btn-blue{
	margin-top: 39px;
}
header .btn-blue a{
	display         : inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	/* width           : 300px; */
	width           : 100%;
	max-width:300px;
	height          : 50px;
	border-radius   : 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
header .btn-blue a:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}
/* ***ADVANTAGES*** */
.advantages{
	width: 100%;
	/*min-width: 970px;*/
	/* height: 740px; */
	background: url('../images/bg-advantages7.jpg') no-repeat center;
}
.title{
	margin: 60px 0px 20px;
}
.title h2{
	font-size: 32px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
}
.title p{
	font-size: 18px;
	font-weight: 300;
	color: #7a7a7a;
	line-height: 1.2em;
}
.mb-50{
	margin-bottom: 50px;
}
.mt-80{
	margin-top: 80px;
}
.advant h4{
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 300;
	color: #333;
}
.advant p{
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 300;
	color: #7a7a7a;
}
.advantages2{
	width: 100%;
	/*min-width: 970px;*/
	height: 740px;
	background: url('../images/bg-advantages2.jpg') no-repeat center;
}
.title{
	margin: 60px 0px 20px;
}
.title h2{
	font-size: 32px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
}
.title p{
	font-size: 18px;
	font-weight: 300;
	color: #7a7a7a;
	line-height: 1.2em;
}
.mb-50{
	margin-bottom: 50px;
}
.mt-80{
	margin-top: 80px;
}
.advant h4{
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 300;
	color: #333;
}
.advant p{
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 300;
	color: #7a7a7a;
}
/* ***DESIGN*** */
.design{
	width: 100%;
	/*min-width: 970px;*/
	height: 899px;
	background: url('../images/bg-design7.jpg') no-repeat center;
}
.design .container{
	position: relative;
	height: 100%;
}
.m-0{
	margin: 0px;
}
.mt-40{
	margin-top: 40px;
}
.mt-165{
	margin-top: 165px;
}
.design .characteristic{
	position: relative;
}
.add1:before{
	position: absolute;
	top: 16px;
	left: -85px;
	content: url('../images/line1.png');
}
.add2:before{
	position: absolute;
	top: -43px;
	left: 76px;
	content: url('../images/line2.png');
}
.design .characteristic h3{
	font-size: 26px;
	line-height: 1.2em;
	font-weight: 300;
	color: #333;
}
.design .characteristic p{
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 300;
	color: #7a7a7a;
}
.design .btn-blue{
	width: 100%;
	position: absolute;
	bottom:70px; 
}
.design .btn-blue a{
	display         : inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	width           : 300px;
	height          : 50px;
	border-radius   : 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
.design .btn-blue a:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}
/* ***COLORS*** */
.colors{
	width: 100%;
	/*min-width: 970px;*/
	min-height: 670px;
	background: #f5f5f5;
}
.colors .color{
	margin-top: 20px;
}
.colors .color p{
	position: relative;
	display: inline-block;
	margin-left:58px;
}
.colors .color p:after{
	position: absolute;
	bottom:-60px;
	left: -15px;
	content: url('../images/line.png');
}
.colors .wrap-img{ 
	position: relative;
	margin-top: 50px;
	height: 350px;
	cursor: pointer;
}
.colors .wrap-img img{
	display: inline-block;
	position: absolute;
}
.colors .btn-blue{
	margin: 50px 0px;
}
.colors .btn-blue a{
	display         : inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	width           : 300px;
	height          : 50px;
	border-radius   : 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
.colors .btn-blue a:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}
.showImg{
	opacity: 1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.hideImg{
	opacity: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/* ***EQUIPMENT*** */
.equipment{
	width: 100%;
	/*min-width: 970px;*/
	height: 772px;
	background: url('../images/bg-equipment-2.jpg') no-repeat center;
}
.equipment .container{
	position: relative;
	height: 100%;
}
.equipment .block{
	position: absolute;
	display: inline-block;
}
.equipment .usb{
	top: 295px;
	right: 180px;
}
.equipment .usb:after{
	position: absolute;
	top: -50px;
	right:-25px;
	content: url('../images/line1.png');
}
.equipment .earPods{
	top: 468px;
	left: 138px;
}
.equipment .earPods:after{
	position: absolute;
	top: -50px;
	left:-35px;
	content: url('../images/line3.png');
}
.equipment .adaptor{
	top: 560px;
	right: 162px;
}
.equipment .adaptor:after{
	position: absolute;
	top: -50px;
	right:-8px;
	content: url('../images/line1.png');
}
.equipment .iphone{
	bottom: 53px;
	left: 343px;
}
.equipment .iphone:after{
	position: absolute;
	top: -30px;
	right:-81px;
	content: url('../images/line4.png');
}
.equipment .block p{
	font-size: 20px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
}
/**/
.block img{
    margin: 27px auto 0;
}
.block{
    padding: 0 0 0;
    /*overflow: hidden;*/
    margin: 22px auto 0;
}
.block h2{
  margin: 0 auto 25px;
    font-size: 32px;
    font-weight: 300;
    color: #333;
    line-height: 1.2em;
}
.block p{
 font-size: 17px;
    line-height: 23px;
}

.block ul li{
    list-style: none;
    font-size: 15px;
    margin: 0 auto 7px;
    color: #5D5B5B;
    line-height: 21px;
}
.block ul{
    margin: 25px 0 22px 27px;
}

/* ***ORDER*** */
.order{
	width: 100%;
	/*min-width: 970px;*/
	/* height: 915px; */
	background: #f5f5f5;
}

.order .container{
	position: relative;
	height: 100%;
}
.mr15{
	margin-right: 15px;
}
.mb15{
	margin-bottom: 15px;
}
.order .left-side .foto{
	position: relative;
	height: 506px;
	z-index: 2;
}
.order .left-side .foto img{
	display: inline-block;
	position: absolute;
	opacity: 0;
	-webkit-transition: 0.75s;
	-o-transition: 0.75s;
	transition: 0.75s;
}
.order .left-side .foto .s_plus{
	bottom: 0px;
	left: 50%;
	margin-left: -192px;
}
.order .left-side .foto .s_classic{
	bottom: 0px;
	left: 50%;
	margin-left: -170px;
}
.order .left-side .price{
	display: inline-block;
	width: 300px;
	height: 95px;
	background: #fff;
	border-radius:5px;
	border:1px solid #e7e7e7;
	z-index: 1;
	margin-top: -5px;
}
.order .left-side .price h3{
	font-size: 22px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
	margin: 25px 0px 0px 0px;
}
.active{
	opacity: 1!important;
}
.order .left-side .price p{
	font-size: 16px;
	font-weight: 300;
	color: #7a7a7a;
	line-height: 1.2em;
}
.order .right-side{
	font-size: 0;
}
.order .right-side  h3{
	font-size: 26px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
	margin: 0px 0px 10px;
}
.order .wrap-model,
.order .wrap-color,
.order .wrap-memory{
	margin-bottom: 20px;
}
.order .right-side .model{
	display: inline-block;
}
.order .right-side input{
	display: none;
}
.order .right-side label{
	display: inline-block;
	width: 220px;
	height: 65px;
	border:1px solid #d4d4d4;
	border-radius: 10px;
	cursor: pointer;
}
.order .right-side label:hover{
	border:1px solid #a2a2a2;	
}
.order .right-side label h4{
	display: inline-block;
	font-size: 22px;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
	margin: 0px;
}
.order .right-side label p{
	font-size: 16px;
	font-weight: 300;
	color: #7a7a7a;
	line-height: 1.2em;
	margin:0px;
}
.order .right-side .wrap-m{
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
input:checked + label{
    border:1px solid #188fd7!important;
    box-shadow: inset 0px 0px 0px 1px #188fd7!important; 
}
.order .right-side .color{
	display: inline-block;
}
.order .right-side .color .palitra{
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	box-shadow: inset 0px 2px 0px rgba(0,0,0,0.1);
	margin-left: 25px;
}
.order .right-side .color .silver{
	background: #dddfde;
}
.order .right-side .color .gold{
	background: #ebd1ba;
}
.order .right-side .color .gray{
	background: rgba(0, 0, 0, 0.82);
}
.order .right-side .color .pink{
	background: #f9cdbe;
}
.order .right-side .color p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.order .right-side .memory{
	display: inline-block;
}
.order .right-side .memory label{
	width: 140px;
}
.order .right-side .memory label h4{
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
}
.order .block-footer{
	width: 100%;
	bottom: 0px;
	height: 70px;
	border-top:1px solid #d4d4d4;
	margin-top: -40px;
}
.order .block-footer p{
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	color: #7a7a7a;
	vertical-align: middle;
	margin-top: 15px;
}
.order .btn-blue a{
	display         : inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	width           : 300px;
	height          : 50px;
	border-radius   : 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
.order .btn-blue a:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}



.order .btn-blue{
	margin: 40px 0px 10px;
}
.myb .btn-blue a{
	display         : inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	width           : 300px;
	height          : 50px;
	border-radius   : 10px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
.myb .btn-blue a:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}
.myb .btn-blue{
	margin: 40px 0px 10px;
}
.order .box p{
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	vertical-align: middle;
	margin: 0px;
}
.order .box img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.error{
	box-shadow:inset 0px 0px 15px rgba(255,0,30,0.5)!important;
	border:1px solid rgba(255,0,0,0.8)!important;
}
.titler{
	text-align: center;
	padding: 50px 20px;
}
.titler h2{
	font-size: 26px;
	font-weight: 400;
	color: 000;
}
.titler h2{
	font-size: 20px;
	font-weight: 300;
	color: 000;
}

/* ***VIDEO*** */

.video{
	width: 100%;
	/*min-width: 970px;*/
	height: 690px;
	height:100%;
}
.videoobzor_block{margin:35px 0px 0px;}
.videoobzor_block iframe{width:100%;margin:0px auto;}
.ip_title{    font-size: 32px;
    font-weight: 300;
    color: #333;
    line-height: 1.2em;}

/* ***stock*** */

.stock{
	min-height: 750px;
	width: 100%;
	/*min-width: 970px;*/
	margin: -27px 0 0 -15px;
}

/* ***png*** */

.png{
	min-width:1000px;
	height:427px;
	background:transparent url('http://smartfon-good.ru/fon_5.png') no-repeat scroll center top;text-align:center;background-size:cover;
}

.sumnivu{min-width:440px;}
.sumnivu_1{padding-top:150px;}
.sumnivu_2{width:440px;}


.sumnivu_1{font:36px OpenSansRegular;color:rgb(255, 255, 255);padding:200px 0px 25px;}
.sumnivu_2{width:515px;margin:0px auto;font:20px OpenSansLight;color:rgb(255, 255, 255);}


/* ***POP-UP*** */
#pop-up, #pop-up-politics{
    display: none;
    position: fixed;
    top: 10%;
    background-color: #fff;
    border-radius: 30px;
    left: 50%;
    margin-left: -25%;
	z-index: 99999;
}
#pop-up .forma{
	max-width: 700px;
	width:100%;
	display: inline-block;
	padding: 30px;
	position: relative;
}
#pop-up img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
}
#pop-up form{
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}
#pop-up form label{
	width: 100px;
	font-size: 18px;
	font-weight: 300;
	margin: 0px;
	vertical-align: middle;
}
#pop-up input, #pop-up select{
	width: 300px;
	height: 50px;
	font-family: 'helvetica';
	font-size: 18px;
	font-weight: 300;
	border:1px solid #ccc;
	border-radius: 10px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	margin: 10px 0px;
	padding-left: 30px;
}
#pop-up button{
	font-family: 'helvetica';
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
	width           : 300px;
	height          : 50px;
	border-radius   : 10px;
	border:none;
	margin-left: 100px;
	margin-top: 20px;
	background-image: -moz-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);  
}
#pop-up button:hover{
	background-image: -moz-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -webkit-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);
	background-image: -ms-linear-gradient( 270deg, rgb(13,106,178) 0%, rgb(25,146,218) 100%);	
}






.text1{
position: absolute;
    font-size: 28px;
    font-weight: 300;
    color: #333;
    line-height: 1.2em;
right: 185px;
    top: 18px;
}
.text2{
    font-size: 28px;
    font-weight: 300;
    color: #333;
    line-height: 1.2em;
margin-top: -30px;
text-align: right;
margin-right:-5px;
}
.text2 img{
position: relative; 
right: -40px;
top: -2px;
}
.text3{
text-align: right;
margin-top: 25px;
margin-bottom: -30px;
font-size: 18px;
    font-weight: 300;
    color: #7a7a7a;
    line-height: 1.2em;
	margin-right: 1px;
}

.clr {
clear: both;
}

.videoobzor{0px 0px 10px;}
.videoobzor_block{margin:35px 0px 0px;}
.videoobzor_block video{width:100%;margin:0px auto;}
.sumnivu{background:transparent url('fon_5.png') no-repeat scroll center top;text-align:center;background-size:cover;}
.sumnivu_1{font:36px OpenSansRegular;color:rgb(255, 255, 255);padding:200px 0px 25px;}
.sumnivu_2{width:515px;margin:0px auto;font:20px OpenSansLight;color:rgb(255, 255, 255);}
.tMaps{position:relative;}
.tMaps .mInfo{position:absolute;top:80px;background:rgb(255, 255, 255) none repeat scroll 0% 0%;padding:20px;width:270px;}
.tMaps .mInfo p{width:250px;font:16px/22px OpenSansLight;margin:50px 0px;}
.tMaps .mInfo p .point{background:transparent url('http://iphone7-mag.ru/css/maps_contact.jpg') repeat scroll 0px 0px;float:left;width:40px;height:30px;}
.tMaps .mInfo p .mobile{background:transparent url('http://iphone7-mag.ru/css/maps_contact.jpg') repeat scroll -4px -120px;float:left;width:40px;height:30px;position:relative;top:-7px;}
.tMaps .mInfo p .mail{background:transparent url('http://iphone7-mag.ru/css/maps_contact.jpg') repeat scroll -4px -208px;float:left;width:40px;height:30px;}
.footer{background:rgb(51, 51, 51) none repeat scroll 0% 0%;padding:30px 0px;margin-top:-4px;color:rgb(255, 255, 255);text-align:center;font:16px OpenSansLight;}
.free_test{padding:55px 0px 0px;text-align:center;}
.free_test form{width:400px;margin:0px auto;}
.free_test form input[type="text"]{width:390px;padding:10px 0px 10px 10px;border:1px solid rgb(204, 204, 204);border-radius:5px;margin:35px 0px 10px;font:20px OpenSansLight;color:rgb(128, 128, 128);}
.free_test form input[type="submit"]{width:210px;margin-bottom:85px;border:medium none;border-radius:5px;cursor:pointer;padding:10px 0px;background:rgb(31, 146, 252) none repeat scroll 0% 0%;font:16px OpenSansRegular;color:rgb(255, 255, 255);}
.free_test form input[type="submit"]:hover{background:rgb(51, 168, 255) none repeat scroll 0% 0%;}
.question{padding:20px 0px;border-top:1px solid rgb(230, 230, 230);margin-top:-4px;}
.quest_block{width:970px;margin:18px auto 0px;padding:15px;border:1px solid rgb(230, 230, 230);border-radius:5px;position:relative;cursor:pointer;}
.quest_block h5{font:16px OpenSansBold;color:rgb(51, 51, 51);}
.quest_block p{font:16px OpenSansRegular;color:rgb(51, 51, 51);margin-top:15px;display:none;}
.quest_block p + p{margin:0px;}
.quest_icon{width:24px;height:25px;background:transparent url('http://smartfon-good.ru/images/icon9.png') no-repeat scroll 0px 0px;position:absolute;top:22px;right:15px;cursor:pointer;}
.choose{padding:55px 0px 65px;margin-top:55px;border-top:1px solid rgb(230, 230, 230);}
.item{width:1000px;margin:35px auto 0px;}
.item_icon{width:395px;float:left;}
.item_info{width:580px;float:right;}
.item_info h5{font:20px OpenSansBold;color:rgb(51, 51, 51);}
.item_info h5 b{font:16px OpenSansLight;color:rgb(51, 51, 51);}
.info_but1{width:165px;float:left;padding:10px 0px;margin:30px 105px 0px 0px;background:rgb(31, 146, 252) none repeat scroll 0% 0%;cursor:pointer;border:medium none;border-radius:5px;font:16px OpenSansRegular;color:rgb(255, 255, 255);}
.info_but1:hover{background:rgb(51, 168, 255) none repeat scroll 0% 0%;}
.info_but2{width:220px;float:left;padding:10px 0px;margin:28px 0px 0px;background:rgb(255, 255, 255) none repeat scroll 0% 0%;cursor:pointer;border:1px solid rgb(30, 198, 54);border-radius:5px;font:20px OpenSansLight;color:rgb(30, 198, 54);}
.item_ul{width:290px;float:left;margin-top:40px;padding-top:30px;border-top:1px solid rgb(230, 230, 230);}
.item_ul li{width:260px;float:left;padding-left:10px;padding-right:20px;list-style:outside none none;font:14px OpenSansLight;color:rgb(51, 51, 51);margin-top:10px;background:transparent url('http://iphone7-mag.ru/css/arrow2.png') no-repeat scroll left 9px;}
.item_ul li:nth-child(2){width:230px;padding-right:50px;}
.sklad{width:420px;float:left;margin-top:25px;}
.sklad p{width:115px;float:left;margin-right:25px;font:16px OpenSansLight;color:rgb(51, 51, 51);}
.sklad p b{font:30px OpenSansLight;}
.radio_three{width:160px;height:40px;float:right;margin-top:30px;}
.radio_three ul li{width:40px;float:left;list-style:outside none none;background:transparent none repeat scroll 0% 0%;}
.radio_three input[type="radio"] + label{cursor:pointer;width:40px;height:40px;float:left;}
.radio_three ul li:nth-child(2){margin:0px 10px;}
.radio_three input[type="checkbox"] + label::before, .radio_three input[type="radio"] + label::before{content:"";display:inline-block;height:40px;width:40px;float:left;}
.radio_three input[type="radio"] + .r_1::before{background:transparent url('http://iphone7-mag.ru/css/r1.png') no-repeat scroll 0px -48px;}
.radio_three input[type="radio"]:checked + .r_1::before{background-position:0px 0px;}
.radio_three input[type="radio"] + .r_2::before{background:transparent url('http://iphone7-mag.ru/css/r2.png') no-repeat scroll 0px -48px;}
.radio_three input[type="radio"]:checked + .r_2::before{background-position:0px 0px;}
.radio_three input[type="radio"] + .r_3::before{background:transparent url('http://iphone7-mag.ru/css/r3.png') no-repeat scroll 0px -48px;}
.radio_three input[type="radio"]:checked + .r_3::before{background-position:0px 0px;}
.up{width:100px;height:99px;background:transparent url('http://iphone7-mag.ru/css/top.png') no-repeat scroll 0px 0px;position:fixed;bottom:105px;right:100px;cursor:pointer;display:none;}
.up:hover{background-position:-109px 0px;}
.info, .info_content, .guaranty, .test, .delivery, .tVideo, .our_iphone, .foto_iphone, .choose, .complectacia, .videoobzor, .sumnivu, .free_test, .question, .tMaps, .footer{visibility:hidden;}
.studioCopy{width:130px;margin:20px auto 10px;opacity:0.6;}
.studioCopy:hover{opacity:1;}
.studioCopy img{width:100%;}
.a-grad{background:transparent url('http://iphone7-mag.ru/css/a-bg.png') no-repeat scroll center center/cover;min-height:589px;}
.clear{clear:both;}
.a-zag{font-family:OpenSansRegular;font-size:36px;color:rgb(255, 255, 255);text-align:center;padding-top:70px;}
.a-zagb{font-family:OpenSansLight;font-size:22px;color:rgb(255, 255, 255);text-align:center;margin-top:45px;}
.a-list-box{width:920px;margin:0px auto;}
.a-list{list-style:outside none none;text-align:center;width:90%;margin:70px auto 0px;}
.a-list li{float:left;width:138px;height:190px;}
.a-un{font-family:OpenSansBold;font-size:17px;color:rgb(255, 255, 255);margin-top:5px;}
.a-arr{margin-left:4%;margin-right:4%;width:22px ! important;}
.a-arr img{margin-top:55px;}
.a-bot{text-align:center;font-family:OpenSansLight;font-size:22px;color:rgb(255, 255, 255);margin-top:55px;}
@media only screen and (min-width:0px) and (max-width:480px){.header a img{width:300px;}
.content{width:300px;overflow:hidden;}
.header{min-width:300px;}
.header span{width:300px;text-align:center;}
.header b{width:300px;text-align:center;}
.header button{margin:15px 65px 0px 0px;}
.menu{min-width:300px;}
.menu_h{width:300px;}
.menu_h li{margin:0px 15px;}
.menu_h li a{padding:10px 0px;}
.menu_other{float:none;margin:0px auto;clear:both;}
.menu_other ul{top:330px;}
.news{min-width:300px;}
.news_block, .news_1, .news_2{width:300px;}
.news_1{font-size:19px;}
.news_2{font-size:17px;}
.news_block ul{width:300px;}
.news_block ul li{width:260px;}
.info{min-width:300px;}
.title p{width:300px;font-size:19px; margin:auto;}
.info_1{font-size:20px;}
.info_2{font-size:15px;}
.info_block_left{width:300px;}
.info_block_center{width:300px;background:transparent none repeat scroll 0% 0%;margin:20px 50px;position:relative;right:50px;}
.info_right{float:left;}
.guaranty_2{width:300px;font-size:15px;}
.guaranty_foto{width:300px;overflow:hidden;float:left;margin:15px auto;}
.test{min-width:300px;}
.test_1{font-size:24px;}
.test_2 p{font-size:14px;}
.test form{width:300px;text-align:center;}
.test form input[type="text"]{float:none;margin:15px auto;}
.test form input[type="submit"]{float:none;margin:15px auto;}
.tButton{width:298px;}
.tButton .btnItem{width:149px;}
.delivery h5{font-size:28px;}
.delivery_block{width:300px;margin-top:20px;}
.video_2{width:300px;font-size:18px;}
.ip_title{font-size:25px;}
.complectacia{min-width:300px;}
.comp_block{width:300px;margin:20px 0px 0px;}
.videoobzor_block{width:300px;float:left;margin:20px 0px 0px;}
.sumnivu{min-width:300px;margin-left: 15px;}
.sumnivu_1{padding-top:150px;}
.sumnivu_2{width:300px;}
.free_test form{width:300px;}
.free_test form input[type="text"]{width:300px;}
.quest_block{width:265px;}
.quest_block h5{font-size:15px;}
.quest_icon{top:5px;right:5px;}
.up{right:20px;}
#modal, .dale{width:300px ! important;}
.radio input[type="radio"] + label b{margin-top:-40px ! important;}
.step_1 p{font-size:14px ! important;width:300px ! important;}
.step_1 b{font-size:16px ! important;width:300px ! important;}
.step_3 b{font-size:16px ! important;width:300px ! important;margin-bottom:20px ! important;}
.step_4 b, .m55{font-size:16px ! important;width:300px ! important;}
.step_4 b, .m56{font-size:16px ! important;width:300px ! important;}
.step_2{height:450px ! important;width:300px ! important;overflow-y:scroll;overflow-x:hidden;}
.step_3{width:305px ! important;}
.step_4{width:300px ! important;height:450px;overflow-y:scroll;overflow-x:hidden;}
.step_number{display:none;}
.step_3 input[type="text"]{width:275px ! important;float:left ! important;margin:5px;}
.step_4 input[type="text"]{width:260px ! important;float:left ! important;margin:5px;}
.radionThree{width:240px ! important;}
.radTwo ul{width:240px;margin-left:20px;}
.radTwo li{width:230px ! important;float:none;}
.a-list-box{width:300px;}
.a-big{margin-left:4%;}
.a-small{margin-left:20%;}
.a-grad{padding-bottom:30px;}
}
@media only screen and (min-width:480px) and (max-width:640px){.content{width:440px;overflow:hidden;}
.header{min-width:440px;}
.header a img{float:left;margin:0px 0px 20px 60px;}
.header button{margin-right:20px;}
.menu{min-width:440px;}
.menu_h{width:440px;}
.menu_h li{margin:0px 15px;}
.menu_h li a{padding:10px 0px;}
.menu_other{float:none;margin:0px auto;clear:both;}
.menu_other ul{top:240px;}
.news{min-width:440px;}
.news_block, .news_1, .news_2{width:440px;}
.news_1{font-size:19px;}
.news_2{font-size:15px;}
.news_block ul{width:440px;}
.info{min-width:440px;}
.title p{width:440px;font-size:19px;margin:auto;}
.info_1{font-size:20px;}
.info_2{font-size:15px;}
.info_block_left{width:440px;}
.info_block_center{width:440px;margin:20px 50px;position:relative;right:50px;}
.info_right{float:left;}
.guaranty_2{width:440px;font-size:15px;}
.guaranty_foto{width:440px;overflow:hidden;float:left;margin:15px auto;}
.test{min-width:440px;}
.test_1{font-size:23px;}
.test_2 p{font-size:14px;}
.test form{width:300px;text-align:center;}
.test form input[type="text"]{float:none;margin:15px auto;}
.test form input[type="submit"]{float:none;margin:15px auto;}
.delivery h5{font-size:28px;}
.delivery_block{width:440px;margin-top:20px;}
.video_2{width:440px;font-size:18px;}
.ip_title{font-size:25px;}
.complectacia{min-width:440px;}
.comp_block{width:440px;margin:20px 0px 0px;}
.videoobzor_block{width:300px;float:left;margin:20px 0px 0px;}
.sumnivu{min-width:440px;}
.sumnivu_1{padding-top:150px;}
.sumnivu_2{width:440px;}
.free_test form{width:440px;}
.quest_block{width:400px;}
.quest_block h5{font-size:15px;}
.quest_icon{top:40px;right:5px;}
.up{right:20px;}
#modal, .dale{width:420px ! important;}
.radio input[type="radio"] + label b{margin-top:-40px ! important;}
.step_1 p{font-size:14px ! important;width:400px ! important;}
.step_1 b{font-size:16px ! important;width:430px ! important;}
.step_3 b{font-size:16px ! important;width:380px ! important;margin-bottom:20px ! important;}
.step_4 b, .m55{font-size:16px ! important;width:420px ! important;}
.step_4 b, .m56{font-size:16px ! important;width:380px ! important;}
.step_2{height:450px ! important;width:400px ! important;overflow-y:scroll;overflow-x:hidden;}
.step_3{width:355px ! important;}
.step_4{width:430px ! important;}
.step_4 input[type="text"]{width:187px ! important;float:left ! important;margin:5px;}
.radionThree{width:240px ! important;}
.radTwo ul{width:240px;margin-left:80px;}
.radTwo li{width:230px ! important;float:none;}
.a-list-box{width:460px;}
.a-big{margin-left:4%;}
.a-grad{padding-bottom:30px;}
}
@media only screen and (min-width:640px) and (max-width:950px){.content{width:600px;overflow:hidden;}
.header{min-width:600px;}
.header span{margin-top:15px;position:relative;right:-152px;}
.menu{min-width:600px;}
.menu_h{width:600px;}
.menu_h li{margin:0px 10px;}
.menu_h li a{padding:10px 0px;font-size:12px;}
.menu_other{float:none;margin:0px auto;clear:both;}
.menu_other ul{top:180px;}
.news{min-width:600px;}
.news_block, .news_1, .news_2{width:440px;}
.news_1{font-size:19px;}
.news_2{font-size:15px;}
.news_block ul{width:440px;}
.info{min-width:600px;}
.title p{width:440px;font-size:19px;margin:auto;}
.info_1{font-size:20px;}
.info_2{font-size:15px;}
.info_block_left{width:600px;}
.info_block_center{width:600px;margin:20px 50px;position:relative;right:50px;}
.info_right{float:left;}
.guaranty_2{width:600px;font-size:15px;}
.guaranty_foto{overflow:hidden;float:none;margin:15px auto;}
.test{min-width:600px;}
.test_1{font-size:23px;}
.test_2 p{font-size:14px;}
.test form{width:300px;text-align:center;}
.test form input[type="text"]{float:none;margin:15px auto;}
.test form input[type="submit"]{float:none;margin:15px auto;}
.delivery h5{font-size:28px;}
.delivery_block{width:600px;margin-top:20px;}
.video_2{width:550px;font-size:18px;}
.ip_title{font-size:25px;}
.complectacia{min-width:600px;}
.comp_block{width:600px;margin:20px 0px 0px;}
.videoobzor_block{float:none;margin:20px auto;}
.sumnivu{min-width:600px;}
.sumnivu_1{padding-top:200px;}
.sumnivu_2{width:600px;}
.free_test form{width:440px;}
.quest_block{width:560px;}
.quest_block h5{font-size:15px;}
.quest_icon{top:15px;right:15px;}
.up{right:20px;}
#modal, .dale{width:600px ! important;}
.radio input[type="radio"] + label b{margin-top:-40px ! important;}
.step_4 input[type="text"]{width:265px ! important;float:left ! important;margin:10px;}
.a-list-box{width:620px;}
.a-big{margin-left:30%;}
.a-grad{padding-bottom:30px;}
}
.hvr-buzz{display:inline-block;vertical-align:middle;transform:translateZ(0px);box-shadow:0px 0px 1px transparent;backface-visibility:hidden;}
.hvr-buzz{animation-name:hvr-buzz;animation-duration:0.15s;animation-timing-function:linear;animation-iteration-count:infinite;}
.hvr-buzz1{display:inline-block;vertical-align:middle;transform:translateZ(0px);box-shadow:0px 0px 1px transparent;backface-visibility:hidden;margin-top:-10px;}
.hvr-buzz1{animation-name:hvr-buzz;animation-duration:0.35s;animation-timing-function:linear;animation-iteration-count:infinite;}
.slider3{width:1000px;height:820px;position:relative;z-index:50;}
.slider3 .sliderContent{width:1000px;height:820px;clear:both;position:relative;overflow:hidden;}
.slider3 .sliderArrows a{display:block;text-indent:-9999px;outline:medium none;z-index:50;width:48px;height:168px;position:absolute;top:40%;}
.slider3 .prev{background:transparent url('http://iphone7-mag.ru/css/left.jpg') no-repeat scroll 0px 0px;left:-75px;}
.slider3 .next{background:transparent url('http://iphone7-mag.ru/css/right.jpg') no-repeat scroll 0px 0px;right:-75px;}
.prev:hover{background-position:0px -173px;}
.next:hover{background-position:0px -173px;}
.slider3 .sliderContent .item{width:1000px;height:820px;position:absolute;}
@media only screen and (min-width:0px) and (max-width:480px){.item_icon{margin:0px 0px 20px;}
.slider3, .slider3 .sliderContent, .slider3 .sliderContent .item{width:300px;min-height:1950px;}
.slider3 .sliderArrows a{top:10%;}
.slider3 .prev{left:0px;}
.slider3 .next{right:0px;}
.item_info{width:300px;}
.item_info h5{font-size:15px;}
.item_ul, .item_ul li{width:300px;}
.sklad{width:300px;}
.sklad p{min-height:90px;}
.radio_three{float:left;}
}
@media only screen and (min-width:480px) and (max-width:640px){.item_icon{margin:0px 0px 20px 20px;}
.slider3{width:440px;height:1700px;}
.slider3 .sliderContent{width:440px;height:1700px;}
.slider3 .sliderContent .item{width:440px;height:1700px;}
.slider3 .sliderArrows a{top:16%;}
.slider3 .prev{left:0px;}
.slider3 .next{right:0px;}
.item_info{width:440px;}
.item_ul, .item_ul li{width:440px;}
}
@media only screen and (min-width:640px) and (max-width:950px){.item_icon{margin:0px 0px 20px 100px;}
.slider3{width:600px;height:1400px;}
.slider3 .sliderContent{width:600px;height:1400px;}
.slider3 .sliderContent .item{width:600px;height:1400px;}
.slider3 .sliderArrows a{top:16%;}
.slider3 .prev{left:0px;}
.slider3 .next{right:0px;}
}
@media not all, only screen and (min--moz-device-pixel-ratio:1.5), not all{}
.animated{animation-duration:1.5s;animation-fill-mode:both;}
.fadeIn{animation-name:fadeIn;}
#modal{width:690px;height:600px;margin:0px auto;padding:0px;background:rgb(255, 255, 255) none repeat scroll 0% 0%;border-radius:5px;position:relative;}
.mod_title{font:22px OpenSansBold;color:rgb(77, 77, 77);text-align:center;text-transform:uppercase;padding-bottom:25px;}
.m50{margin-top:25px;}
.step_1 p{width:505px;margin:20px auto 0px;text-align:center;font:17px OpenSansRegular;color:rgb(51, 51, 51);}
.step_1 b{width:690px;float:left;margin-top:40px;text-align:center;font:17px OpenSansBold;color:rgb(51, 51, 51);}
.step_2{width:610px;margin:0px auto;display:none;}
.step_2 b, .step_3 b, .step_4 b{width:610px;float:left;margin:10px 0px;text-align:center;font:17px OpenSansBold;color:rgb(51, 51, 51);}
.step_3{width:610px;margin:0px auto;text-align:center;display:none;}
.step_3 input[type="text"]{width:305px;padding:10px 0px 10px 10px;font:17px OpenSansRegular;color:rgb(128, 128, 128);border:1px solid rgb(179, 179, 179);border-radius:5px;margin-bottom:15px;}
.step_4{width:610px;margin:0px auto;text-align:center;display:none;}
.step_4 input[type="text"]{width:275px;float:left;padding:10px 0px 10px 10px;font:17px OpenSansRegular;color:rgb(128, 128, 128);border:1px solid rgb(179, 179, 179);border-radius:5px;margin-bottom:15px;}
.step_4 p{font:17px OpenSansRegular;color:rgb(51, 51, 51);text-align:center;clear:both;position:relative;top:10px;}
.fright{float:right ! important;}
.dale{width:690px;float:left;padding:20px 0px;border-top:1px solid rgb(204, 204, 204);text-align:center;position:absolute;bottom:0px;font:16px OpenSansBold;color:rgb(35, 102, 240);background:rgb(255, 255, 255) none repeat scroll 0% 0%;cursor:pointer;}
#btt{display:none;}
.thanks{width:375px;margin:0px auto;border-radius:10px;padding:45px 0px;background:rgb(255, 255, 255) none repeat scroll 0% 0%;text-align:center;}
.thanks h1{font:26px OpenSansRegular;color:rgb(51, 51, 51);text-transform:uppercase;margin-bottom:40px;}
.thanks-p{width:300px;margin:40px auto 30px;font:18px/20px OpenSansLight;color:rgb(51, 51, 51);}
.thanks button{width:190px;padding:15px 0px;background:rgb(0, 162, 255) none repeat scroll 0% 0%;border:medium none;font:16px OpenSansRegular;color:rgb(255, 255, 255);cursor:pointer;border-radius:5px;margin-top:15px;text-transform:uppercase;}
.thanks button:hover{background:rgb(0, 143, 203) none repeat scroll 0% 0%;}
.radio{width:520px;margin:25px auto 0px;}
.radio ul li{width:240px;float:left;list-style:outside none none;margin:5px;}
.radio input[type="checkbox"], .radio input[type="radio"]{display:none;}
.radio input[type="checkbox"] + label, .radio input[type="radio"] + label{cursor:pointer;float:left;width:240px;height:62px;margin-top:10px;color:rgb(255, 255, 255);}
.radio input[type="radio"] + label b{font:13px OpenSansRegular;cursor:pointer;width:190px;float:right;text-align:left;margin-top:-50px;display:block;}
.radio input[type="radio"] + label b u{font:13px OpenSansBold;text-decoration:none;}
.radio input[type="radio"] + label i{font:17px OpenSansBold;color:rgb(0, 0, 0);cursor:pointer;width:190px;float:right;text-align:left;margin-top:-45px;}
.radio input[type="checkbox"] + label::before, .radio input[type="radio"] + label::before{content:"";display:inline-block;height:62px;width:241px;float:left;background:transparent url('http://iphone7-mag.ru/css/radio.png') repeat scroll 0px -67px;}
.radio input[type="checkbox"] + label::before{}
.radio input[type="radio"] + label::before{}
.radio input[type="radio"]:checked + label::before{background-position:0px 0px;}
.radio input[type="radio"]:checked + label b::before{color:rgb(255, 255, 255) ! important;}
.radio_two{width:305px;height:39px;margin:0px auto;overflow:hidden;clear:both;}
.radio_two ul li{width:39px;float:left;list-style:outside none none;}
.radio_two input[type="radio"] + label{cursor:pointer;width:39px;height:39px;float:left;}
.radio_two ul li:nth-child(2){margin:0px 90px;}
.radio_two input[type="checkbox"] + label::before, .radio_two input[type="radio"] + label::before{content:"";display:inline-block;height:39px;width:39px;float:left;}
.radio_two input[type="radio"] + .rfirst::before{background:transparent url('http://iphone7-mag.ru/css/r1.png') no-repeat scroll 0px -48px;}
.radio_two input[type="radio"]:checked + .rfirst::before{background-position:0px 0px;}
.radio_two input[type="radio"] + .rsecond::before{background:transparent url('http://iphone7-mag.ru/css/r2.png') no-repeat scroll 0px -48px;}
.radio_two input[type="radio"]:checked + .rsecond::before{background-position:0px 0px;}
.radio_two input[type="radio"] + .rthree::before{background:transparent url('http://iphone7-mag.ru/css/r3.png') no-repeat scroll 0px -48px;}
.radio_two input[type="radio"]:checked + .rthree::before{background-position:0px 0px;}
.radio input[type="radio"]:checked + b::before{color:rgb(255, 255, 255) ! important;}
.radio input[type="radio"] + label::before{color:rgb(255, 255, 255) ! important;}
.arcticmodal-close{position:relative;text-align:right;top:-25px;right:5px;font:14px OpenSansRegular;color:rgb(255, 255, 255);cursor:pointer;}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"), local("OpenSans-Light"), url('http://iphone7-mag.ru/css/dxi1orhcpsqm3vp6mxoatsuunirzcd_wq8dymifsw2a.woff2') format("woff2");}
html{max-height:999999px ! important;}
.lptrack_banner{width:800px ! important;height:390px ! important;position:relative ! important;top:100px ! important;background-color:rgb(255, 255, 255) ! important;overflow:hidden ! important;transition:all 0.6s ease-out 0s ! important;margin:0px auto ! important;z-index:200001 ! important;}
.lptrack_banner *{font-family:"Open Sans",sans-serif ! important;color:rgb(0, 0, 0) ! important;font-weight:100 ! important;letter-spacing:normal ! important;}
.lptrack_banner-line-wrapper .lptrack_banner-pr-line-left-wrapper{width:50% ! important;margin:0px ! important;padding:0px ! important;height:5px ! important;position:absolute ! important;bottom:0px ! important;display:block ! important;left:0px ! important;}
.lptrack_banner-line-wrapper .lptrack_banner-pr-line-right-wrapper{width:50% ! important;margin:0px ! important;padding:0px ! important;height:5px ! important;position:absolute ! important;bottom:0px ! important;display:block ! important;right:0px ! important;}
.lptrack_banner-line-wrapper .lptrack_banner-pr-line-left{visibility:visible ! important;right:1% ! important;height:2px ! important;background-color:rgb(82, 175, 247) ! important;position:absolute ! important;bottom:3px ! important;transition:all 0.5s ease-out 0s ! important;}
.lptrack_banner-line-wrapper .lptrack_banner-pr-line-right{visibility:visible ! important;left:1% ! important;height:2px ! important;background-color:rgb(82, 175, 247) ! important;position:absolute ! important;bottom:3px ! important;transition:all 0.5s ease-out 0s ! important;}
.lptrack_banner-body{width:530px ! important;height:100% ! important;position:relative ! important;top:100px ! important;margin:0px auto ! important;}
.lptrack_banner-body .lptrack_banner-h1{font-size:22px ! important;line-height:34px ! important;text-align:left ! important;letter-spacing:normal ! important;}
.lptrack_banner-button::before{content:"";}
.lptrack_banner-button{position:relative ! important;width:158px ! important;height:33px ! important;font-size:14px ! important;border:1px solid rgb(90, 90, 90) ! important;color:rgb(255, 255, 255) ! important;line-height:30px ! important;float:left ! important;cursor:pointer ! important;margin-right:10px ! important;transition:all 0.25s ease-out 0s ! important;box-shadow:none ! important;padding:0px ! important;background:rgb(90, 90, 90) none repeat scroll 0% 0% ! important;letter-spacing:normal ! important;left:0px ! important;top:0px ! important;border-radius:0px ! important;text-align:center ! important;}
.lptrack_banner-button:hover{background-color:rgb(82, 199, 176) ! important;border-color:rgb(82, 199, 176) ! important;}
.lptrack_banner-exit{border-radius:2px ! important;position:absolute ! important;right:25px ! important;top:23px ! important;height:15px ! important;width:15px ! important;background:transparent url('http://iphone7-mag.ru/css/undefined') no-repeat scroll center center ! important;opacity:0.3 ! important;cursor:pointer ! important;transition:all 0.3s ease-out 0s ! important;}
.lptrack_banner-exit:hover{opacity:0.7 ! important;}
.lptrack_banner-form-row-1{position:relative ! important;top:22px ! important;height:33px ! important;float:left ! important;width:100% ! important;text-align:left ! important;letter-spacing:normal ! important;}
.lptrack_banner-form-row-2{position:relative ! important;top:56px ! important;float:left ! important;height:auto ! important;text-align:left ! important;letter-spacing:normal ! important;}
.lptrack_banner-form-row-2 span{font-size:14px ! important;text-align:left ! important;letter-spacing:normal ! important;}
.lptrack_banner-work-to{bottom:15px ! important;color:rgb(51, 51, 51) ! important;font-size:11px ! important;position:absolute ! important;right:25px ! important;text-align:left ! important;letter-spacing:normal ! important;display:block ! important;}
.lptrack_banner-work-to a{color:rgb(51, 51, 51) ! important;text-decoration:none;text-align:left ! important;font-size:11px ! important;letter-spacing:normal ! important;display:block ! important;}
.lptrack_banner-work-to a:hover{text-decoration:none ! important;}
.lptrack_banner-wrapper{overflow:visible ! important;position:fixed ! important;width:100% ! important;height:0px ! important;top:0px ! important;z-index:200000 ! important;}
.lptrack_banner_bg{display:none;position:fixed ! important;width:100% ! important;height:100% ! important;background-color:rgba(0, 0, 0, 0.3) ! important;top:0px ! important;z-index:20000 ! important;}
.lptrack_banner.lptrack_closed{opacity:0 ! important;display:none ! important;}
.lptrack_banner-line-wrapper{position:relative ! important;width:800px ! important;height:20px ! important;margin:0px auto ! important;border-radius:16px ! important;top:-12px ! important;background-color:rgba(0, 0, 0, 0.02) ! important;overflow:hidden ! important;z-index:200001 ! important;}
.lptrack-phone{position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:2000;transform-origin:50% 50% 0px ! important;transition:visibility 0.5s ease 0s;}
.lptrack-phone.lptrack_show{visibility:visible;}
.lptrack-phone.lptrack_static{opacity:0.6;}
.lptrack-ph-circle{transform-origin:50% 50% 0px ! important;width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30, 30, 30, 0.4);opacity:0.1;animation:1.2s ease-in-out 0s normal none infinite running lptr-circle-anim;transition:all 0.5s ease 0s;}
.lptrack-phone.lptrack_static .lptrack-ph-circle{animation:2.2s ease-in-out 0s normal none infinite running lptr-circle-anim ! important;}
.lptrack-phone.lptrack-green .lptrack-ph-circle{border-color:rgb(0, 175, 242);opacity:0.5;}
.lptrack-ph-circle-fill{transform-origin:50% 50% 0px ! important;width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:rgb(0, 0, 0);border-radius:100%;border:2px solid transparent;opacity:0.1;animation:2.3s ease-in-out 0s normal none infinite running lptr-circle-fill-anim;transition:all 0.5s ease 0s;}
.lptrack-phone.lptrack_static .lptrack-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running lptr-circle-fill-anim ! important;opacity:0 ! important;}
.lptrack-phone.lptrack-green .lptrack-ph-circle-fill{background-color:rgba(0, 175, 242, 0.5);opacity:0.75 ! important;}
.lptrack-ph-img-circle{transform-origin:50% 50% 0px ! important;width:60px;height:60px;top:70px;left:70px;position:absolute;background-image:url('http://iphone7-mag.ru/css/undefined');background-color:rgba(30, 30, 30, 0.1);background-position:center center;background-repeat:no-repeat;border-radius:100%;border:2px solid transparent;opacity:0.7;animation:1s ease-in-out 0s normal none infinite running lptr-circle-img-anim;}
.lptrack-phone.lptrack_static .lptrack-ph-img-circle{animation:0s ease-in-out 0s normal none infinite running lptr-circle-img-anim ! important;}
.lptrack-phone.lptrack-green .lptrack-ph-img-circle{background-color:rgb(0, 175, 242);}
.lpt-text .lpt-typing:nth-child(2){animation:2s steps(70, end) 0s normal none 1 running type2 ! important;}
.lpt-text .lpt-typing:nth-child(3){animation:3s steps(70, end) 0s normal none 1 running type3 ! important;}
.lpt-text .lpt-typing:nth-child(4){animation:4s steps(70, end) 0s normal none 1 running type4 ! important;}
@media only screen and (orientation:landscape){}
.ymaps-2-1-29-copyright_fog_yes::after{position:absolute;z-index:-1;top:1px;right:50px;left:17px;height:15px;content:"";border-radius:0px 3px 3px 0px;background-color:rgba(255, 255, 255, 0.75);}
.ymaps-2-1-29-copyright_logo_no.ymaps-2-1-29-copyright_fog_yes::after{right:0px;}
.ymaps-2-1-29-map ymaps, .ymaps-2-1-29-map ymaps::before, .ymaps-2-1-29-map ymaps::after{box-sizing:content-box;}
.modalzvonok{width:430px;margin:50px auto 0;position:relative;padding:10px 0;background:#fff;border-radius:5px;box-shadow:0 0 16px #fff;}
.modalzvonok>.close{font-size:30px;text-decoration:none;cursor:pointer;position:absolute;top:5px;right:5px;font-weight:normal;}
.modal-header{width:400px;}
.modalHD{color:#003366;font-family:"Helvetica";font-size:26px;line-height:26px;margin-bottom:25px;margin-top:15px;text-align:center;}
.form-modal{margin:0 auto;width:300px;}
.form-modal>.in{margin-bottom:15px;}
.form-modal>.in>input{background:url("http://iphone7-mag.ru/css/pole.png") no-repeat scroll left top rgba(0, 0, 0, 0);height:42px;padding-left:10px;width:287px;}
.form-modal>.oButton5{background:url("http://iphone7-mag.ru/css/button5.png") no-repeat scroll left top rgba(0, 0, 0, 0);cursor:pointer;height:46px;margin-bottom:30px;text-align:center;width:296px;}
.form-modal>.oButton5 button{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#FFFFFF;font-family:"Helvetica";font-size:24px;padding-top:7px;text-shadow:0 1px 2px rgba (0, 0, 0, 0.2);text-transform:uppercase;}
.form-modal>.oButton5:hover{opacity:0.8;}
.form-modal>.in>textarea{max-width:288px;padding:10px 0 0 9px;width:288px;}


.ip_title_2 {
    font: 36px OpenSansRegular;
    color: rgb(51, 51, 51);
    text-align: center;
}



@charset "UTF-8";.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-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;}
@-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-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%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-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%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.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);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.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);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 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%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 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 swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 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:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 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) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform:none;transform:none;}
}
@keyframes wobble{0%{-webkit-transform:none;transform:none;}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform:none;transform:none;}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
@keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
@keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
@keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:none;transform:none;}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
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);}
100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 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);}
100%{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);}
100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-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);}
100%{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);}
100%{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);}
100%{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);}
100%{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);}
100%{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);}
100%{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);}
100%{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);}
100%{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;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
100%{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);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
@keyframes fadeOutDownBig{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes fadeOutLeft{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
@keyframes fadeOutLeftBig{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes fadeOutRight{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
@keyframes fadeOutRightBig{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp{0%{opacity:1;}
100%{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;}
100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
@keyframes fadeOutUpBig{0%{opacity:1;}
100%{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) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -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;}
100%{-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) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -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;}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
100%{-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) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-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) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-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;}
100%{-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;}
100%{-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;}
100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
@keyframes lightSpeedOut{0%{opacity:1;}
100%{-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:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
100%{-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:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
100%{-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;}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 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;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 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;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -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;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -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;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 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:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 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:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 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;}
100%{-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:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 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:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 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;}
100%{-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) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
@keyframes rollOut{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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);}
100%{opacity:0;}
}
@keyframes zoomOut{0%{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
100%{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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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);}
100%{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);}
100%{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);}
100%{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);}
100%{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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{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(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}





.quest {
cursor: pointer;
font-size: 20px;
width:970px;
padding:15px;
border:1px solid rgb(230, 230, 230);
border-radius:5px;
}


.ans {
display: none;
padding: 10px;
font:16px OpenSansRegular;
color:rgb(51, 51, 51);
margin-top:15px;
width:970px;
}

.content {
margin-top: 20px;
margin-bottom: 20px;
}

#hren {
height: 50px;
}
.vr-case{
    margin-top: 150px;
    margin-left: -100px;
    border-radius: 75px; 
    border: 2px solid red;
    width: 150px;
    background-image: url("../images/vr-case-with-remote-02.jpg");
    background-size: 150px 150px;
    height: 150px;
}
.vr-case img{
    width: 250px;
}
.vr-case p{
width: 150px;
margin-left: -16px;
margin-top: 155px;
}
.vr-case-bootom{
    margin-top: 150px;
    margin-left: -100px;
    border-radius: 75px; 
    border: 2px solid red;
    width: 150px;
    background-image: url("../images/vr-case-with-remote-02.jpg");
    background-size: 150px 150px;
    height: 150px;
}
.vr-case-bootom p{
width: 150px;
margin-left: -16px;
margin-top: 155px;
}


.product_popup {
	background:#fff;
	width:920px;
	display:none;
	box-sizing:border-box;
	padding:20px;
}
.product_popup h3 {
	font-weight:normal;
	font-size:30px;
	color:#333;
}

.popup_left {
	float:left;
	width:49%;
}
.popup_right {
	float:right;
	width:49%;
}
.product_popup td {
	vertical-align:top;
	line-height:25px;
	color:#333;
	font-weight: 300;
	font-size: 14px;
}
.product_popup tr td:first-child {
	width:170px;
	padding-right:30px;
}
@media (min-width:768px){
	.head-img{
		margin-top:123px;
	}
	header .head-title{
		margin-top: 143px;
	}
}

header .head-title{
	margin-top: 20px;
}
@media (max-width:980px){
	.advant p{
		display:none;
	}
	#otz{
		margin-top:0 !important;
	}
	.little-form{
		margin-top:20px;
	}
	.text-bloc-sect{
		text-align:center;
	}
	.recall{
		 max-width:330px; width:100%;margin:auto;
	}
	.content{
		margin:auto;
	}
}
@media (max-width:768px){
	.advantages{
		background-image:none;
		background-color:#f5f5f5;
	}
}