body,html{
margin:0;
overflow:hidden;
-webkit-transition:opacity 400ms;
-moz-transition:opacity 400ms;
transition:opacity 400ms;
}
body,.onepage-wrapper,html{
display:block;
position:static;
padding:0;
width:100%;
height:100%;
}
.onepage-wrapper{
width:100%;
height:100%;
display:block;
position:relative;
padding:0;
-webkit-transform-style:preserve-3d;
}
.onepage-wrapper .section{
width:100%;
height:100%;
}
.onepage-pagination{
position:absolute;
right:10px;
top:50%;
z-index:5;
list-style:none;
margin:0;
padding:0;
}
.onepage-pagination li{
padding:0;
text-align:center;
}
.onepage-pagination li a{
padding:10px;
width:4px;
height:4px;
display:block;
}
.onepage-pagination li a:before{
content:'';
position:absolute;
width:4px;height:4px;
background:rgba(0,0,0,0.85);
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.onepage-pagination li a.active:before{
width:10px;
height:10px;
background:none;
border:1px solid #000;
margin-top:-4px;
left:8px;
}
.disabled-onepage-scroll,.disabled-onepage-scroll .wrapper{
overflow:auto;
}
.disabled-onepage-scroll .onepage-wrapper .section{
position:relative !important;
top:auto !important;
}
.disabled-onepage-scroll .onepage-wrapper{
-webkit-transform:none !important;
-moz-transform:none !important;
transform:none !important;
-ms-transform:none !important;
min-height:100%;
}
.disabled-onepage-scroll .onepage-pagination{
display:none;
}
body.disabled-onepage-scroll,.disabled-onepage-scroll .onepage-wrapper,html{
position:inherit;
}

.tooltip{
position:absolute;
z-index:9999;
background:#f9edbe;
border:1px solid #f0c36d;
border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 5px;
-moz-box-shadow:rgba(0,0,0,0.25) 0 1px 5px;
box-shadow:rgba(0,0,0,0.25) 0 1px 5px;
text-align:left;
}
.tooltip .carrot{
position:absolute;
top:-12px;
left:0;
width:27px;
height:12px;
background:url('/design/images/carrot.png') no-repeat 0 0;
}
.tooltip a.close{
position:absolute;
top:-11px;
right:-11px;
display:block;
width:22px;
height:22px;
background:url('/design/images/close.png') no-repeat 0 0;
cursor:pointer;
}
.tooltip .content{
padding:10px;
}
.i-ui.vertical{
font-family:Arial,Verdana,sans-serif;
}
.i-ui.vertical input[type="text"],.i-ui.vertical input[type="password"]{
box-shadow:none;
background-color:rgba(58,144,219,0.2);
border:2px solid #ccc;
border-radius:2px;
height:35px;
color:#CCC;
padding-left:10px;
width:175px;
margin-right:25px;
-webkit-appearance:none;
}
.i-ui.vertical input[type="text"]::-webkit-input-placeholder,.i-ui.vertical input[type="password"]::-webkit-input-placeholder{
color:#9a9b9c;
}
.i-ui.vertical input[type="text"]:-moz-placeholder,.i-ui.vertical input[type="password"]:-moz-placeholder{
color:#9a9b9c;
}
.i-ui.vertical input[type="text"]::-moz-placeholder,.i-ui.vertical input[type="password"]::-moz-placeholder{
color:#9a9b9c;
}
.i-ui.vertical input[type="text"]:-ms-input-placeholder,.i-ui.vertical input[type="password"]:-ms-input-placeholder{
color:#9a9b9c;
}
.i-ui.vertical input[type="text"]:active,
.i-ui.vertical input[type="text"]:hover,
.i-ui.vertical input[type="text"]:focus,
.i-ui.vertical input[type="password"]:active,
.i-ui.vertical input[type="password"]:hover,
.i-ui.vertical input[type="password"]:focus{
background-color:rgba(58,144,219,0.4);
border-color:#FFF;
color:#FFF;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
ouline:none;
}
/* Кнопка "Все варианты" на втором экране */
.i-ui.vertical input[type="submit"],
.i-ui.vertical button,.i-ui.vertical .button{
height:37px;
background-color:#FFF;
border:none;
border-radius:20px;
padding-left:20px;
padding-right:20px;
transition:all 0.2s ease;
margin-right:0px;
width:165px;
color:#005892;
}
.i-ui.vertical input[type="submit"].disabled,
.i-ui.vertical button.disabled,
.i-ui.vertical .button.disabled{
background-color:#DDD;
cursor:default;
}
.i-ui.vertical #panels{
z-index:10;
width:100%;
height:100%;
}
.i-ui.vertical #panels .section{
overflow:hidden;
width:100%;
height:100%;
position:relative;
}
.i-ui.vertical #panels .section .content-wrap{
width:960px;
}
.i-ui.vertical #panels .section-header{
position:relative;
height:160px;
background-color:#FFF;
border-bottom:2px solid #dfe1e2;
box-sizing:border-box;
}
.i-ui.vertical #panels .section-header h1{
font-weight:bold;
font-size:30px;
line-height:40px;
color:#363b3e;
text-align:center;
margin-bottom:3px;
margin-top:10px;
}
.i-ui.vertical #panels .section-header h3{
font-weight:normal;
font-size:18px;
line-height:24px;
color:#6f757a;
text-align:center;
margin-bottom:45px;
margin-top:0;
}
.i-ui.vertical #panels .section-header .content-wrap{
border-bottom:none;
position:absolute;
top:39px;
left:50%;
margin-left:-480px;
}
.i-ui.vertical #panels .section-footer{
position:relative;
height:100%;
width:100%;
background-color:#f8f8f8;
display:table;
box-sizing:border-box;
padding-bottom:327px;
}
.i-ui.vertical #panels .section-footer h1{
font-size:24px;
line-height:24px;
margin-bottom:30px;
margin-top:30px;
text-align:center;
color:#363b3e;
}
.i-ui.vertical #panels .section-footer .left,.i-ui.vertical #panels .section-footer .right{
margin-top:40px;
}
.i-ui.vertical #panels .section-footer .left{
float:left;width:400px;
}
.i-ui.vertical #panels .section-footer .right{
float:right;
}
.i-ui.vertical #panels .section-footer .content-wrap{
width:100%;
position:relative;
top:0px;
display:table-cell;
vertical-align:middle;
}
.i-ui.vertical #panels .section-footer .button{
margin-top:-1px;
height:37px;
display:inline-block;
line-height:40px;
font-size:18px;
border:2px solid #ced0d2;
width:auto;
min-width:140px;
text-align:center;
color:#363b3e;
transition:0.5s all ease;
}
.i-ui.vertical #panels .section-footer .button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #panels .section-footer .actions{
text-align:center;
}
.i-ui.vertical #panels .section-footer .actions h2{
font-size:18px;
margin-bottom:20px;
}
.i-ui.vertical #panels .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background-color:#3a90db;
opacity:0.8;
z-index:15;
}
.i-ui.vertical #panels .content{
z-index:20;
height:300px;
width:900px;
margin-top:-185px;
margin-left:-450px;
position:absolute;
top:50%;
left:50%;
}
.i-ui.vertical #panels .pin-bottom{
position:absolute;
bottom:0px;
height:50px;
width:100%;
z-index:20;
}
.i-ui.vertical #panels.blank{
pointer-events:none;
opacity:0;
visibility:hidden;
}
.i-ui.vertical .floating-menu{
position:absolute;
left:34px;
top:41px;
color:#FFFFFF;
z-index:1100;
font-size:19px;
cursor:pointer;
}
.i-ui.vertical .floating-menu .menu-label{
margin-left:5px;
}
.i-ui.vertical .floating-menu:hover{
opacity:0.6;
}
/*****Цвет фона в меню!*****/
.i-ui.vertical .menu-popup{
display:none;
/*****Вот он!*****/
background:#2990EA;
position:fixed;
width:100%;
height:100%;
z-index:1150;
font-size:20px;
line-height:40px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.i-ui.vertical .menu-popup .btn-x{
cursor:pointer;
font-size:45px;
color:#B5DCFE;
position:absolute;
right:42px;
top:35px;
}
.i-ui.vertical .menu-popup .btn-x:hover{
color:#FFFFFF;
}
.i-ui.vertical .menu-popup .menu-cols{
width:750px;
height:430px;
position:absolute;
left:50%;
top:50%;
margin:-215px 0 0 -334px;
color:#B5DCFE;
}
.i-ui.vertical .menu-popup .menu-cols .menu-list{
margin-top:-2px;
line-height:20px;
}
.i-ui.vertical .menu-popup .menu-cols .menu-list li{
margin-bottom:15px;
}
.i-ui.vertical .menu-popup .menu-cols .menu-list .close-link{
color:#FFFFFF;
font-weight:bold;
}
.i-ui.vertical .menu-popup .menu-cols a{
color:#B5DCFE;
transition:color 0.3s ease;
}
.i-ui.vertical .menu-popup .menu-cols a:hover{
color:#FFFFFF;
}
.i-ui.vertical .menu-popup .menu-cols a.active{
font-weight:bold;
color:#FFFFFF;
}
.i-ui.vertical .menu-popup .left-col{
width:228px;
height:365px;
margin-left:50px;
border-right:#58a8ee 2px solid;
float:left;
}
.i-ui.vertical .menu-popup .center-col{
width:212px;
height:365px;
border-right:#58a8ee 2px solid;
float:left;
margin-left:50px;
}
.i-ui.vertical .menu-popup .right-col{
width:155px;
margin-left:50px;
float:left;
}
.i-ui.vertical .menu-popup .right-col .icon-link-container{
width:100%;
height:20px;
}
.i-ui.vertical .menu-popup .right-col .icon-link{
width:auto;
float:left;
}
.i-ui.vertical .social-icon,.i-ui.vertical .social-label{
float:left;
}
.i-ui.vertical .social-label{
margin-left:10px;
margin-top:-1px;
}
.i-ui.vertical .social-icon{
font-size:24px;
margin-top:-3px;
margin-left:-5px;
}
.i-ui.vertical .english{
background:url('/design/images/languages.png') 0 -275px;
}
.i-ui.vertical .france{
background:url('/design/images/languages.png') 0 -27px;
}
.i-ui.vertical .spain{
background:url('/design/images/languages.png') 0 -244px;
}
.i-ui.vertical .italy{
background:url('/design/images/languages.png') 0 -58px;
}
.i-ui.vertical .germany{
background:url('/design/images/languages.png') 0 -213px;
}
.i-ui.vertical .portugal{
background:url('/design/images/languages.png') 0 -182px;
}
.i-ui.vertical .netherlands{
background:url('/design/images/languages.png') 0 -120px;
}
.i-ui.vertical .china{
background:url('/design/images/languages.png') 0 -89px;
}
.i-ui.vertical .japan{
background:url('/design/images/languages.png') 0 -337px;
}
.i-ui.vertical .turkey{
background:url('/design/images/languages.png') 0 -151px;
}
.i-ui.vertical .russian{
background:url('/design/images/languages.png') 0 -306px;
}
.i-ui.vertical .polish{
background:url('/design/images/languages.png') 0 4px;
}
.i-ui.vertical .latvian{
background:url('/design/images/languages.png') 0 -368px;
}
.i-ui.vertical .uzbek{
background:url('/design/images/languages.png') 0 -399px;
}
.i-ui.vertical .czech{
background:url('/design/images/languages.png') 0 -430px;
}
.i-ui.vertical .flag{
background-repeat:no-repeat;
padding-left:35px;
}
.i-ui.vertical .language-selector{
position:relative;
width:auto !important;
display:inline-block;
}
.i-ui.vertical .language-selector .drop-arrow{
font-size:.7em;
position:relative;
margin-left:10px;
top:-1px;
}
.i-ui.vertical .language-selector .language-list-wrapper{
width:auto;
}
.i-ui.vertical .language-selector .language-list-wrapper ul{
visibility:hidden;
opacity:0;
transition:opacity 0.2s,visibility 0.2s;
position:absolute;
box-sizing:border-box;
bottom:120%;
padding:10px 15px;
border:1px solid #e7e7e7;
border-radius:10px;
background-color:#F9F9F9;
line-height:normal;
right:-70px;
}
.i-ui.vertical .language-selector .language-list-wrapper ul .language{
margin-bottom:0;
}
.i-ui.vertical .language-selector .language-list-wrapper ul .language-link{
color:#727272;
transition:color 0.3s ease;
}
.i-ui.vertical .language-selector .language-list-wrapper ul .language-link:hover{
color:#303030;
}
.i-ui.vertical .language-selector .language-list-wrapper ul li{
padding-bottom:5px;
list-style:none;
white-space:nowrap;
}
.i-ui.vertical .language-selector .language-list-wrapper ul li:last-child{
padding-bottom:0;
}
.i-ui.vertical .language-selector .language-list-wrapper ul:after,
.i-ui.vertical .language-selector .language-list-wrapper ul:before{
position:absolute;
top:100%;
left:50%;
height:0;
width:0;
margin-left:-10px;
border:solid transparent;
border-top-color:#E7E7E7;
border-width:10px;
pointer-events:none;
content:" ";
}
.i-ui.vertical .language-selector .language-list-wrapper ul:after{
margin-left:-8px;
border-width:8px;
border-top-color:#F9F9F9;
}
.i-ui.vertical .language-selector:hover .language-list-wrapper ul{
opacity:1;
visibility:visible;
}
.i-ui.vertical .i-input-offscreen{
clip:rect(0 0 0 0);
width:1px;
height:1px;
border:0;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
outline:0;
left:0px;
}
.i-ui.vertical .i-checkbox-container,.i-ui.vertical .i-radio-container{
display:inline-block;
background-color:#fff;
border:1px solid #acb0b4;
border-radius:3px;
height:17px;
width:17px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.1);
-webkit-transition:border-color 0.05s ease-in,box-shadow 0.05s ease-in;
-moz-transition:border-color 0.05s ease-in,box-shadow 0.05s ease-in;
-o-transition:border-color 0.05s ease-in,box-shadow 0.05s ease-in;
transition:border-color 0.05s ease-in,box-shadow 0.05s ease-in;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
cursor:pointer;
background-repeat:no-repeat;
}
.i-ui.vertical .i-checkbox-container.checked,.i-ui.vertical .checked.i-radio-container{
background-image:url('/design/images/checkmark.png');
background-position:0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-checkbox-container.checked,.i-ui.vertical .checked.i-radio-container{
background-image:url('/design/images/@2x-1.png');
background-position:0 -56px;background-size:14px 42px;background-position:0 -28px;
}
}
.i-ui.vertical .i-checkbox-container.checked:hover,
.i-ui.vertical .checked.i-radio-container:hover{
background-image:url('/design/images/checkmark.png');
background-position:0 -28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-checkbox-container.checked:hover,
.i-ui.vertical .checked.i-radio-container:hover{
background-image:url('/design/images/@2x-1.png');
background-position:0 -28px;
background-size:14px 42px;
background-position:0 -14px;
}
}
.i-ui.vertical .i-checkbox-container.disabled,.i-ui.vertical .disabled.i-radio-container{
background-color:#f5f6f6;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-checkbox-container.disabled.checked,
.i-ui.vertical .disabled.checked.i-radio-container{
background-image:url('/design/images/checkmark.png');
background-position:0 -14px}@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-checkbox-container.disabled.checked,
.i-ui.vertical .disabled.checked.i-radio-container{
background-image:url('/design/images/@2x-1.png');
background-position:0 0;
background-size:14px 42px;
background-position:0 0;
}
}
.i-ui.vertical .i-checkbox-container.disabled.checked:hover,
.i-ui.vertical .disabled.checked.i-radio-container:hover{
background-image:url('/design/images/checkmark.png');
background-position:0 -14px}@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-checkbox-container.disabled.checked:hover,
.i-ui.vertical .disabled.checked.i-radio-container:hover{
background-image:url('/design/images/@2x-1.png');
background-position:0 0;background-size:14px 42px;
background-position:0 0;
}
}
.i-ui.vertical .i-checkbox-container.disabled:active,
.i-ui.vertical .disabled.i-radio-container:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-checkbox-container.disabled:focus,
.i-ui.vertical .disabled.i-radio-container:focus{
outline:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-checkbox-container:active,
.i-ui.vertical .i-radio-container:active{
-webkit-box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset !important;
-moz-box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset !important;
box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset !important;
}
.i-ui.vertical .i-checkbox-container:active:focus-disable,
.i-ui.vertical .i-radio-container:active:focus-disable{
-webkit-box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset,0px 0px 3.75px 1.25px rgba(46,134,215,0.4);
-moz-box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset,0px 0px 3.75px 1.25px rgba(46,134,215,0.4);
box-shadow:0px -1px 1px 0px rgba(0,0,0,0.1) inset,0px 0px 3.75px 1.25px rgba(46,134,215,0.4);
}
.i-ui.vertical .i-checkbox-container:focus,
.i-ui.vertical .i-radio-container:focus{
outline:none;
-webkit-box-shadow:0px 0px 3.75px 1.25px rgba(46,134,215,0.4) ;
-moz-box-shadow:0px 0px 3.75px 1.25px rgba(46,134,215,0.4) ;
box-shadow:0px 0px 3.75px 1.25px rgba(46,134,215,0.4); 
}
.i-ui.vertical .i-radio-container{
border-radius:50%;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.i-ui.vertical .i-radio-container.checked{
background-image:url('/design/images/radio-s.png');
background-position:0 -17px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-radio-container.checked{
background-image:url('/design/images/@2x-2.png');
background-position:0 -28px;
background-size:14px 42px;
background-position:0 -14px;
}
}
.i-ui.vertical .i-radio-container.checked:hover{
background-image:url('/design/images/radio-s.png');
background-position:0 -34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-radio-container.checked:hover{
background-image:url('/design/images/@2x-2.png');
background-position:0 0;
background-size:14px 42px;
background-position:0 0;
}
}
.i-ui.vertical .i-radio-container.disabled.checked{
background-image:url('/design/images/radio-s.png');
background-position:0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min--moz-device-pixel-ratio: 2), 
 only screen and (-o-min-device-pixel-ratio: 2 / 1), 
 only screen and (min-device-pixel-ratio: 2), 
 only screen and (min-resolution: 192dpi), 
 only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-radio-container.disabled.checked{
background-image:url('/design/images/@2x-2.png');
background-position:0 -56px;
background-size:14px 42px;
background-position:0 -28px;
}
}
.i-ui.vertical .i-radio-container.disabled.checked:hover{
background-image:url('/design/images/radio-s.png');
background-position:0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-radio-container.disabled.checked:hover{
background-image:url('/design/images/@2x-2.png');
background-position:0 -56px;background-size:14px 42px;background-position:0 -28px;
}
}
.i-ui.vertical input[type="text"].i-input-tag-placeholder{
background-color:#fff;
border-color:transparent;
left:0;
position:absolute;
top:0;
}
.i-ui.vertical .i-input-tag-container{
position:relative;
z-index:0;
}
.i-ui.vertical .i-input-tag-list{
position:relative;
-webkit-transition:border linear,box-shadow linear;
-webkit-transition-delay:0.2s,0.2s;
-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
-o-transition:border linear 0.2s,box-shadow linear 0.2s;
transition:border linear 0.2s,box-shadow linear 0.2s;
cursor:text;
height:auto;
min-height:38px;
list-style:none;
padding:0 4px 4px 0;
z-index:1;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.i-ui.vertical .i-input-tag-list.placeholder{
background-color:transparent;
}
.i-ui.vertical .i-input-tag-list.placeholder .nei-input-tag{
background-color:transparent;
}
.i-ui.vertical .i-input-tag-list .input-tag{
background-color:#fff;
border:1px solid #ced0d2;
border-radius:3px;
cursor:default;
display:list-item;
float:left;
font-size:0.975em;
margin:4px 0 0 5px;
max-width:92%;
padding:3px 12px 3px 0;
-webkit-transition:background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
-moz-transition:background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
-o-transition:background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
transition:background-color 0.1s ease-in,border-color 0.1s ease-in,color 0.1s ease-in;
}
.i-ui.vertical .i-input-tag-list .input-tag.animate-hidden{
border-color:#fff;
}
.i-ui.vertical .i-input-tag-list .input-tag.focused,.i-ui.vertical .i-input-tag-list .input-tag.ui-sortable-helper{
background-color:#58b4ff;
border-color:#2990ea;
-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.1) ;
-moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.1) ;
box-shadow:0px 4px 5px 0px rgba(0,0,0,0.1);
}
.i-ui.vertical .i-input-tag-list .input-tag.focused .input-tag-grip,
.i-ui.vertical .i-input-tag-list .input-tag.ui-sortable-helper .input-tag-grip{
color:#1775c7;
background-image:url('/design/images/three-dot-grip.png');
background-position:2px -40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-input-tag-list .input-tag.focused .input-tag-grip,
.i-ui.vertical .i-input-tag-list .input-tag.ui-sortable-helper .input-tag-grip{
background-image:url('/design/images/@2x-3.png');
background-position:2px 0;
background-size:10px 60px;
background-position:2px 0;
}
}
.i-ui.vertical .i-input-tag-list .input-tag.focused .edit-tag-input,
.i-ui.vertical .i-input-tag-list .input-tag.focused .input-tag-edit,
.i-ui.vertical .i-input-tag-list .input-tag.ui-sortable-helper .edit-tag-input,
.i-ui.vertical .i-input-tag-list .input-tag.ui-sortable-helper .input-tag-edit{
color:#fff;
text-shadow:0px 1px 0 rgba(0,0,0,0.1);
}
.i-ui.vertical .i-input-tag-list .input-tag.focused{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-input-tag-list .input-tag.delete{
background-color:#ff5858;
border-color:#ea2929;
color:#fff;
}
.i-ui.vertical .i-input-tag-list .input-tag.delete .input-tag-grip{
background-image:url('/design/images/three-dot-grip.png');
background-position:2px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-input-tag-list .input-tag.delete .input-tag-grip{
background-image:url('/design/images/@2x-3.png');
background-position:2px -40px;
background-size:10px 60px;
background-position:2px -20px;
}
}
.i-ui.vertical .i-input-tag-list .input-tag-grip{
background-repeat:no-repeat;
cursor:move;
display:block;
height:20px;
position:absolute;
width:15px;
background-image:url('/design/images/three-dot-grip.png');
background-position:2px -20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical .i-input-tag-list .input-tag-grip{
background-image:url('/design/images/@2x-3.png');
background-position:2px -80px;
background-size:10px 60px;
background-position:2px -40px;
}
}
.i-ui.vertical .i-input-tag-list .input-tag-edit{
background-color:transparent;
border:0;cursor:text;
display:list-item;
font-size:1em;
height:20px;
max-width:92%;
margin-left:15px;
padding:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
white-space:nowrap;
overflow:hidden;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
}
.i-ui.vertical .i-input-tag-list .input-tag-edit:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.i-ui.vertical .i-input-tag-list .nei-input-tag{
border:0;
margin-left:10px;
opacity:1;
padding-right:0;
max-width:95%;
}
.i-ui.vertical .i-input-tag-list .nei-input-tag .edit-tag-color,
.i-ui.vertical .i-input-tag-list .nei-input-tag .input-tag-grip{
display:none;
}
.i-ui.vertical .i-input-tag-list .nei-input-tag .input-tag-edit{
margin-left:0;
}
.i-ui.vertical .i-input-tag-list .edit-tag-input{
background-color:transparent;
border:0;
display:inline;
font-size:1em;
height:19px;
margin:0;
max-width:100%;
padding:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-input-tag-list .edit-tag-input:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .i-input-tag-list .edit-tag-color{
border-radius:2px;
cursor:pointer;
display:inline-block;
float:left;
height:14px;
margin-right:8px;
margin-top:3px;
vertical-align:middle;
width:14px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.5) inset;
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.5) inset;
box-shadow:0 0 2px 0 rgba(0,0,0,0.5) inset;
}
.i-ui.vertical .login-prompt{position:absolute;right:42px;top:43px;color:#FFFFFF;z-index:1100;font-size:19px;cursor:pointer}
.i-ui.vertical .login-prompt:hover{opacity:0.6}
.i-ui.vertical .login-sloy{
display:none;
background-color:#F6F6F6;
position:fixed;
width:100%;
height:100%;
z-index:1150;
font-size:20px;
line-height:40px;
}
.i-ui.vertical .login-sloy textarea,.i-ui.vertical .login-sloy input{outline:none}
.i-ui.vertical .login-sloy .btn-x{cursor:pointer;font-size:45px;color:#9B9FA2;position:absolute;right:42px;top:35px}
.i-ui.vertical .login-sloy .btn-x:hover{color:#878B8E}
.i-ui.vertical .login-sloy .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:0px;
color:#2990EA;
position:absolute;
top:0px;
left:0px; 
right:0px;
}
.i-ui.vertical .login-sloy .login-container{
width:500px;
height:340px;
position:absolute;
left:50%;
margin-left:-250px;
top:50%;
margin-top:-170px;
}
.i-ui.vertical .login-sloy .login-container h2{
color:#000000;
width:100%;
text-align:center;
font-size:25px;
padding-bottom:35px;
}
.i-ui.vertical .login-sloy .login-container .login-btn{
color:#fff !important;
font-size:15px !important;
background-color:#588FE7;
}
.i-ui.vertical .login-sloy .login-container .error-msg{
display:none;
color:#AC3737;
font-size:14px;
text-align:left;
margin-left:35px;
line-height:16px;
margin-top:10px;
}
.i-ui.vertical .login-sloy .login-container .left{
float:left;
width:223px;
height:205px;
border-right:2px solid #e3e4e4;
padding-left:25px;
}
.i-ui.vertical .login-sloy .login-container .left .error-msg{
margin-left:0;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-unknown .oauth-button{float:right;margin-right:20px}
.i-ui.vertical .login-sloy .login-container .left .oauth-unknown .btn-googleplus-flat{margin-top:16px}
.i-ui.vertical .login-sloy .login-container .left .oauth-known{display:none;margin-left:-60px;width:260px}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-user-container{
border-radius:21px;
background-color:#ffffff;
height:43px;
border:2px solid #818181;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-user-container .oauth-profile-icon{
width:30px;
height:30px;
background-size:100%;
float:left;
margin-left:25px;
margin-top:7px;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-user-container .oauth-name-overfloi-container{
position:absolute;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-user-container .oauth-name-p{
color:#525C84;
text-overflow:ellipsis;
width:166px;
white-space:nowrap;
overflow:hidden;
margin-left:20px;
margin-top:3px;
font-size:18px;
float:left;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-force-signup-link{
line-height:20px;
font-size:16px;
margin-top:20px;
}
.i-ui.vertical .login-sloy .login-container .left .oauth-known .oauth-explanation{
font-size:16px;
line-height:20px;
color:#818181;
margin-top:20px;
}
.i-ui.vertical .login-sloy .login-container .right{
float:right;
width:250px;
height:100%;
}
.i-ui.vertical .login-sloy .login-container .right input[type="text"]{
margin:0 20px;
}
.i-ui.vertical .login-sloy .login-container .right input[type="password"]{
margin:15px 0 0 20px;
}
.i-ui.vertical .login-sloy .login-container .right input[type="password"],
.i-ui.vertical .login-sloy .login-container .right input[type="text"]{
width:230px;
height:43px;
background-color:#FFFFFF;
color:#3A3D40;
padding-left:16px;
}
.i-ui.vertical .login-sloy .login-container .right input[type="password"]:active,
.i-ui.vertical .login-sloy .login-container .right input[type="password"]:hover,
.i-ui.vertical .login-sloy .login-container .right input[type="password"]:focus,
.i-ui.vertical .login-sloy .login-container .right input[type="text"]:active,
.i-ui.vertical .login-sloy .login-container .right input[type="text"]:hover,
.i-ui.vertical .login-sloy .login-container .right input[type="text"]:focus{
background-color:#FFFFFF;
border-color:#91ccff;
color:#3A3D40;
}
.i-ui.vertical .login-sloy .login-container .right input[type="password"].input-error,
.i-ui.vertical .login-sloy .login-container .right input[type="text"].input-error{border-color:#E9A4A3}.i-ui.vertical .login-sloy .login-container .right input[type="password"].input-error:active,
.i-ui.vertical .login-sloy .login-container .right input[type="password"].input-error:hover,
.i-ui.vertical .login-sloy .login-container .right input[type="password"].input-error:focus,
.i-ui.vertical .login-sloy .login-container .right input[type="text"].input-error:active,
.i-ui.vertical .login-sloy .login-container .right input[type="text"].input-error:hover,
.i-ui.vertical .login-sloy .login-container .right input[type="text"].input-error:focus{
border-color:#E9A4A3;
}
.i-ui.vertical .login-sloy .login-container .right input[type="submit"]{
background-color:#588FE7;
width:200px;
height:43px;
font-size:15px;
margin:10px 0 0 20px;
}
.i-ui.vertical .login-sloy .login-container .right #oauth-email-form{display:none}
.i-ui.vertical .login-sloy .login-container .right .oauth-submit-associate-email{color:#fff !important;margin:20px 0 0 35px !important}
.i-ui.vertical .login-sloy .login-container .right .remember-me{float:left;margin-left:20px;font-size:14px}
.i-ui.vertical .login-sloy .login-container .right .i-checkbox-container,
.i-ui.vertical .login-sloy .login-container .right .i-radio-container{
margin-bottom:-3px;
}
.i-ui.vertical .login-sloy .login-container .right .reset-password{
float:right;
}
.i-ui.vertical .login-sloy .login-container .right .reset-password a{
font-size:14px;
color:#588FE7;
}
.i-ui.vertical .login-sloy .login-container .right .reset-password a:hover{
color:#447BD3;
}
.i-ui.vertical .signup-prompt{
display:none;
position:absolute;
right:43px;
top:33px;
color:#FFFFFF;
z-index:1100;
font-size:19px;
cursor:pointer;
}
.i-ui.vertical .signup-prompt .button{
margin-top:-1px;
height:37px;
display:inline-block;
line-height:40px;
font-size:18px;
border:2px solid #58acf6;
width:auto;
text-align:center;
color:#2990ea;
transition:0.5s all ease;
padding:0 30px;
background-color:rgba(255,255,255,0.9);
}
.i-ui.vertical .signup-prompt .button:hover{
background-color:rgba(88,172,246,0.9);
color:#fff;
}
.i-ui.vertical .signup-sloy{
display:none;
background-color:#F6F6F6;
position:fixed;
width:100%;
height:100%;
z-index:1150;
font-size:20px;
line-height:40px;
}
.i-ui.vertical .signup-sloy .button{
border-radius:25px;
}
.i-ui.vertical .signup-sloy .btn-x{
cursor:pointer;
font-size:45px;
color:#9B9FA2;
position:absolute;
right:42px;
top:35px;
}
.i-ui.vertical .signup-sloy .btn-x:hover{
color:#878B8E;
}
.i-ui.vertical .signup-sloy .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:0px;
color:#2990EA;
position:absolute;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical .signup-sloy .signup-container{
width:100%;
height:340px;
position:absolute;
top:50%;
margin-top:-170px;
}
.i-ui.vertical .signup-sloy .signup-container h2{
color:#000000;
width:100%;
text-align:center;
font-size:25px;
padding-bottom:35px;
font-weight:600;
}
.i-ui.vertical .signup-sloy .signup-container .signup-btn{
color:#fff !important;
font-size:15px !important;
background-color:#588FE7;
}
.i-ui.vertical .signup-sloy .signup-container .left{
width:50%;
height:206px;
border-right:2px solid #e3e4e4;
position:absolute;
top:77px;
}
.i-ui.vertical .signup-sloy .signup-container .left .oauth-button{
float:right;
margin-right:20px;
}
.i-ui.vertical .signup-sloy .signup-container .left .oauth-button.btn-googleplus-flat{
clear:right;
margin-top:16px;
}
.i-ui.vertical .signup-sloy .signup-container .right{
width:50%;
height:306px;
position:absolute;
left:32px;
top:77px;
margin-left:50%;
}
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"],
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"]{
width:231px;
height:43.5px;
background-color:#FFFFFF;
color:#3A3D40;
padding-left:15.5px;
letter-spacing:0.9px;
margin:0 50% 15px 0;
}
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"]:active,
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"]:hover,
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"]:focus,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"]:active,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"]:hover,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"]:focus{
background-color:#FFFFFF;
border-color:#91ccff;
color:#3A3D40;
}
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"].input-error,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"].input-error{
border-color:#E9A4A3;
}
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"].input-error:active,
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"].input-error:hover,
.i-ui.vertical .signup-sloy .signup-container .right input[type="password"].input-error:focus,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"].input-error:active,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"].input-error:hover,
.i-ui.vertical .signup-sloy .signup-container .right input[type="text"].input-error:focus{
border-color:#E9A4A3;
}
.i-ui.vertical .signup-sloy .signup-container .right input[type="submit"]{
background-color:#2990ea;
min-width:199px;
width:auto;
height:43px;
font-size:16px !important;
margin:10px 0 0 16.5px;
}
.i-ui.vertical .signup-sloy .signup-container .right #overlay-signup-form-error{
display:none;
color:#AC3737;
font-size:14px;
line-height:16px;
}
.i-ui.vertical .overlay{
display:none;
background-color:#F6F6F6;
position:fixed;
width:100%;
height:100%;
z-index:1100;
font-size:20px;
line-height:40px;
}
.i-ui.vertical .overlay textarea,.i-ui.vertical .overlay input{
outline:none;
}
.i-ui.vertical .overlay .btn-x{
cursor:pointer;
font-size:45px;
color:#9B9FA2;
position:absolute;
right:42px;
top:35px
}
.i-ui.vertical .overlay .btn-x:hover{
color:#878B8E;
}
.i-ui.vertical .overlay .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:140px;
color:#2990EA;
position:absolute;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical .reset-container{
width:100%;
height:300px;
position:absolute;
top:50%;
margin-top:-150px;
text-align:center;
}
.i-ui.vertical .reset-container input{
margin:0 auto;
display:block;
}
.i-ui.vertical .reset-container input[type="text"]{
margin-top:20px;
width:230px;
height:43px;
background-color:#FFFFFF;
color:#3A3D40;
padding-left:16px;
}.i-ui.vertical .reset-container input[type="text"]:active,
.i-ui.vertical .reset-container input[type="text"]:hover,
.i-ui.vertical .reset-container input[type="text"]:focus{
background-color:#FFFFFF;
border-color:#91ccff;
color:#3A3D40;
}
.i-ui.vertical .reset-container input[type="text"].input-error{
border-color:#E9A4A3;
}
.i-ui.vertical .reset-container input[type="text"].input-error:active,
.i-ui.vertical .reset-container input[type="text"].input-error:hover,
.i-ui.vertical .reset-container input[type="text"].input-error:focus{
border-color:#E9A4A3;
}
.i-ui.vertical .reset-container input[type="submit"]{
background-color:#2990ea;
width:200px;
height:43px;
font-size:15px;
margin:24px auto 41px auto;
color:#fff;
}
.i-ui.vertical .reset-container .msg{
display:none;
font-size:15px;
margin-left:35px;
margin-top:10px;
line-height:24px;
}
.i-ui.vertical .reset-container .error-msg{
color:#AC3737;
}
.i-ui.vertical .reset-sloy-title{
font-size:26px;
letter-spacing:-0.5px;
font-weight:600;
}
.i-ui.vertical .video-sloy{
width:100%;
height:100%;
position:absolute;
display:none;
z-index:1150;
background-color:#000000;
}
.i-ui.vertical .video-sloy .main-video{
width:100%;
height:100%;
}
.i-ui.vertical .video-sloy .btn-x{
cursor:pointer;
font-size:45px;
color:#FFFFFF;
position:absolute;
right:42px;
top:35px
}
.i-ui.vertical .theme-selector{
display:none;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color:#f8f8f8;
z-index:1150;
}
.i-ui.vertical .theme-selector .btn-x,
.i-ui.vertical .theme-selector .btn-back{
cursor:pointer;
font-size:45px;
color:#b8bcbe;
position:absolute;
left:42px;
top:30px;
}
.i-ui.vertical .theme-selector .btn-x:hover,
.i-ui.vertical .theme-selector .btn-back:hover{
color:#999;
}
.i-ui.vertical .theme-selector .btn-back{
display:none;
top:28px;
left:32px;
font-size:22px;
}
.i-ui.vertical .theme-selector .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:140px;
color:#2990EA;
position:absolute;
line-height:40px;
display:none;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical .theme-selector .theme{
width:318px;
height:255px;
margin-right:26px;
margin-bottom:23px;
display:inline-block;
position:relative;
background-size:cover;
cursor:pointer;
}

.i-ui.vertical .theme-selector .theme .overlay{
text-align:center;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(54,59,62,0.8);
opacity:0;
cursor:pointer;
line-height:255px;
color:#fff;
font-size:20px;
transition:opacity 0.3s ease;
border:1px #000 0.02;
}
.i-ui.vertical .theme-selector .theme:after{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:0.5;
border:1px solid #ccc;
}
.i-ui.vertical .theme-selector .theme-menu{
height:100%;
}
.i-ui.vertical .theme-selector .theme-menu .filters{
border-bottom:2px solid #e4e5e5;
height:69px;
text-align:center;
font-size:15px;
font-weight:bold;
-webkit-font-smoothing:antialiased;
text-transform:uppercase;
color:#acb0b4;
background-color:#FFF;
}
.i-ui.vertical .theme-selector .theme-menu .filters .select-wrap{
min-width:760px;
display:inline-block;
}
.i-ui.vertical .theme-selector .theme-menu .filters a{
color:#b5b9bd;
transition:0.3s all ease;
display:inline-table;
width:109px;
padding-top:42px;
height:44px;
overflow:hidden;
font-size:16px;
letter-spacing:-0.5px;
}
.i-ui.vertical .theme-selector .theme-menu .filters a:last-child{
margin-right:0px;
}
.i-ui.vertical .theme-selector .theme-menu .filters a:hover{
color:#6f757a;
}
.i-ui.vertical .theme-selector .theme-menu .filters a.active{
color:#2990ea;
}
.i-ui.vertical .theme-selector .theme-menu .filters .filter-tag{
height:2px;
width:110px;
background-color:#2990ea;
position:relative;
transition:0.7s all ease;
top:-17px;
}
.i-ui.vertical .theme-selector .theme-menu .choice-wrapper{
height:90%;
overfloi-y:scroll;
}
.i-ui.vertical .theme-selector .theme-menu .choices{
max-width:1040px;
margin:0 auto;
position:relative;
transition:top 0.6s ease;
top:5000px;
left:10px;
padding-top:32px;
}
.i-ui.vertical .theme-selector .theme-menu .choices.center{
text-align:center;
}
.i-ui.vertical .theme-selector .theme-menu .choices .theme:hover .overlay{
opacity:1;
}
.i-ui.vertical .theme-selector .theme-menu .choices .theme:hover:after{
display:none;
}
.i-ui.vertical .theme-selector .theme-form{
display:none;
height:350px;
width:594px;
margin-top:-175px;
margin-left:-297px;
position:absolute;
top:50%;
left:50%;
}
.i-ui.vertical .theme-selector .theme-form h1{
text-align:center;
font-size:25px;
color:#363b3e;
-webkit-font-smoothing:antialiased;
font-weight:bold;
letter-spacing:0.1px;
margin-bottom:30px;
margin-top:15px;
}
.i-ui.vertical .theme-selector .theme-form .preview{
float:left;
}
.i-ui.vertical .theme-selector .theme-form .form{
float:right;
margin-top:15px;
}
.i-ui.vertical .theme-selector .theme-form .form input[type="text"],
.i-ui.vertical .theme-selector .theme-form .form input[type="password"]{
font-family:"Tahoma",Arial,Verdana,sans-serif;
background-color:#FFF;
outline-style:none;
box-shadow:none;
display:block;
margin:0 auto;
margin-bottom:22px;
border:2px solid #ecedee;
color:#000;
width:230px;
padding-left:16px;
height:43px;
line-height:25px;
margin-bottom:15px;
}
.i-ui.vertical .theme-selector .theme-form .form input[type="text"]:focus,
.i-ui.vertical .theme-selector .theme-form .form input[type="password"]:focus{
border-color:#91ccff;
}
.i-ui.vertical .theme-selector .theme-form .form .button{
font-family:"Tahoma",Arial,Verdana,sans-serif;
font-size:16px;
display:block;
margin:0 auto;
margin-top:20px;
background-color:#2990ea;
color:#FFF;
width:200px;
height:43px;
line-height:40px;
letter-spacing:0.7px;
}
.i-ui.vertical .theme-selector .theme-form .form #theme-signup-form-error{
display:none;
color:#AC3737;
font-size:14px;
text-align:left;
line-height:16px;
margin-top:10px;
width:200px;
margin-left:15px;
}
.i-ui.vertical #plan-details-sloy{
display:none;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color:#f8f8f8;
z-index:1150;
}
.i-ui.vertical #plan-details-sloy .plan-details{
height:100%;
}
.i-ui.vertical #plan-details-sloy .btn-x,
.i-ui.vertical #plan-details-sloy .btn-back{
cursor:pointer;
font-size:45px;
color:#b8bcbe;
position:absolute;
right:42px;
top:30px;
z-index:10;
}
.i-ui.vertical #plan-details-sloy .btn-x:hover,
.i-ui.vertical #plan-details-sloy .btn-back:hover{
color:#999;
}
.i-ui.vertical #plan-details-sloy .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:140px;
color:#2990EA;
position:absolute;
line-height:40px;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical #plan-details-sloy h1,
.i-ui.vertical #plan-details-sloy h2{
font-weight:bold;
font-size:30px;
line-height:40px;
color:#363b3e;
text-align:center;
margin-bottom:3px;
margin-top:10px;
}
.i-ui.vertical #plan-details-sloy h2{
font-weight:normal;
}
.i-ui.vertical #plan-details-sloy h3{
font-weight:normal;
font-size:18px;
line-height:24px;
color:#6f757a;
text-align:center;
margin-bottom:45px;
margin-top:0;
}
.i-ui.vertical #plan-details-sloy .btn-flat{
height:37px;
line-height:40px;
}
.i-ui.vertical #plan-details-sloy .plans-header{
position:relative;
height:160px;
padding-top:34px;
background-color:#FFF;
border-bottom:2px solid #dfe1e2;
box-sizing:border-box;
}
.i-ui.vertical #plan-details-sloy .plans-header .content{
border-bottom:none;
position:relative;
margin:0 auto;
}
.i-ui.vertical #plan-details-sloy .plans-footer{
overfloi-y:scroll;
height:calc(100% - 160px);
background-color:#f8f8f8;
}
.i-ui.vertical #plan-details-sloy .plan-items{
text-align:center;
padding-bottom:35px;
}
.i-ui.vertical #plan-details-sloy .section-footer{
padding-bottom:205px;
}
.i-ui.vertical #plan-details-sloy .plan-comparison{
margin:0 auto;
position:relative;
margin-top:40px;
margin-bottom:70px;
min-width:1000px;
}
.i-ui.vertical #plan-details-sloy .plan-header{
border-top:2px solid #dfdfdf;
border-bottom:1px solid #dbdbdb;
font-weight:normal;
padding:5px 0 20px;
width:190px;
text-align:center;
background-color:#FFFFFF;
}
.i-ui.vertical #plan-details-sloy #floating-plan-header{
margin:0 auto;
position:fixed;
top:160px;
width:100%;
height:55px;
z-index:10;
display:none;
overfloi-y:scroll;
}
.i-ui.vertical #plan-details-sloy #floating-plan-header h2{
margin:0;
padding:0;
font-size:20px;
}
.i-ui.vertical #plan-details-sloy #floating-plan-header th:first-child{
width:216px;
padding-right:18px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(85%, #f8f8f8), color-stop(100%, rgba(248,248,248,0)));
background-image:-webkit-linear-gradient(top, #f8f8f8 85%,rgba(248,248,248,0) 100%);
background-image:-moz-linear-gradient(top, #f8f8f8 85%,rgba(248,248,248,0) 100%);
background-image:-o-linear-gradient(top, #f8f8f8 85%,rgba(248,248,248,0) 100%);
background-image:linear-gradient(top, #f8f8f8 85%,rgba(248,248,248,0) 100%);
}
.i-ui.vertical #plan-details-sloy #floating-plan-header .plan-comparison{
margin-top:0;
margin-bottom:0
}
.i-ui.vertical #plan-details-sloy #floating-plan-header .plan-header{
border-top:none;
padding:5px 0;
width:190px
}
.i-ui.vertical #plan-details-sloy .subtitle{
margin-bottom:15px;
}
.i-ui.vertical #plan-details-sloy th:first-child,.i-ui.vertical #plan-details-sloy td:first-child{
border-right:2px solid #dfdfdf;
width:216px;
text-align:right;
padding-right:18px;
}
.i-ui.vertical #plan-details-sloy th,.i-ui.vertical #plan-details-sloy td{
border-right:1px solid #dbdbdb;
}
.i-ui.vertical #plan-details-sloy tr:not(.breaker) .highlight:not(:first-child){
background-color:#fafafa !important;
}
.i-ui.vertical #plan-details-sloy td{
color:#71777C;
font-size:16px;
text-align:center;
}
.i-ui.vertical #plan-details-sloy tr.breaker td:not(:first-child){
background-color:#f2f2f2 !important;
}
.i-ui.vertical #plan-details-sloy tr.breaker td:not(:first-child):not(:last-child){
border-color:#F2F2F2;
}
.i-ui.vertical #plan-details-sloy tr.breaker td:first-child{
height:29px;
font-weight:bold;
}
.i-ui.vertical #plan-details-sloy tr.breaker td:first-child .i-icon-question{
visibility:hidden;
}
.i-ui.vertical #plan-details-sloy th:last-child,.i-ui.vertical #plan-details-sloy td:last-child{
border-right:2px solid #dfdfdf;
}
.i-ui.vertical #plan-details-sloy td:first-child{
height:40px;
}
.i-ui.vertical #plan-details-sloy td:not(:first-child){
border-bottom:1px solid #f6f6f7;
background-color:#FFFFFF;
}
.i-ui.vertical #plan-details-sloy #plans-table .highlight:not(:first-child){
background-color:#fafafa;
cursor:pointer;
}
.i-ui.vertical #plan-details-sloy tr:last-child td:not(:first-child){
border-bottom:2px solid #dfdfdf;
}
.i-ui.vertical #plan-details-sloy .i-icon-question{
font-size:24px;
cursor:default;
position:relative;
vertical-align:middle;
}
.i-ui.vertical #plan-details-sloy .i-icon-question:hover{
color:#1B84E0;
}
.i-ui.vertical #plan-details-sloy .i-icon-question:hover{
color:#1B84E0;
}
.i-ui.vertical #plan-details-sloy .i-icon-check-mark{
color:#1B84E0;
font-size:17px;
vertical-align:-6px;
}
.i-ui.vertical #plan-details-sloy .plan-form{
display:none;
height:350px;
width:594px;
margin-top:-175px;
margin-left:-297px;
position:absolute;
top:50%;
left:50%;
}
.i-ui.vertical #plan-details-sloy .plan-form h1{
text-align:center;
font-size:25px;
color:#363b3e;
-webkit-font-smoothing:antialiased;
font-weight:bold;
letter-spacing:0.1px;
margin-bottom:30px;
margin-top:15px;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice{
background:white;
border:2px solid #dfdfdf;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
cursor:pointer;
display:inline-block;
margin:0 6px;
padding:30px 0;
-webkit-transition:all 0.33s ease-in;
-moz-transition:all 0.33s ease-in;
-o-transition:all 0.33s ease-in;
transition:all 0.33s ease-in;
width:230px;
text-align:center
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice:hover{
border-color:#58ACF6;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice.abtest:hover{
border-color:#CACACA;
}
.i-ui.vertical #plan-details-sloy .plan-form h2{
font-size:28px;
line-height:1em;
margin:0;
padding:0;
}
.i-ui.vertical #plan-details-sloy .plan-form h2 .price-plus{
margin-left:2px;
font-size:24px;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice-content{
color:#80868A;
font-size:15px;
line-height:24px;
margin:30px 0;
min-height:96px;
padding:0 25px;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice-subtext{
color:#80868A;
font-size:14px;
line-height:16px;
margin:0;
padding:0;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-button{
margin-top:15px;
height:37px;
display:inline-block;
line-height:40px;
border:2px solid #ced0d2;
color:#363b3e;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #plan-details-sloy .plan-form .plan-choice:hover{
cursor:default;
border-color:#dfdfdf;
}
.i-ui.vertical #plan-details-sloy .plan-form .preview{
float:left;
margin-left:40px;
}
.i-ui.vertical #plan-details-sloy .plan-form .form{
float:right;
margin-top:15px;
margin-right:40px;
}
.i-ui.vertical #plan-details-sloy .plan-form .form input[type="text"],
.i-ui.vertical #plan-details-sloy .plan-form .form input[type="password"]{
background-color:#FFF;
outline-style:none;
box-shadow:none;
display:block;
margin:0 auto;
margin-bottom:22px;
border:2px solid #ecedee;
color:#000;
width:230px;
padding-left:16px;
height:43px;
line-height:25px;
margin-bottom:15px;
}
.i-ui.vertical #plan-details-sloy .plan-form .form input[type="text"]:focus,
.i-ui.vertical #plan-details-sloy .plan-form .form input[type="password"]:focus{
border-color:#91ccff;
}
.i-ui.vertical #plan-details-sloy .plan-form .form .button{
font-size:16px;
display:block;
margin:0 auto;
margin-top:20px;
background-color:#2990ea;
color:#FFF;
width:200px;
height:43px;
line-height:40px;
letter-spacing:0.7px;
}
.i-ui.vertical #plan-details-sloy .plan-form .form #plan-signup-form-error{
display:none;
color:#AC3737;
font-size:14px;
text-align:left;
line-height:16px;
margin-top:10px;
width:200px;
margin-left:15px;
}
.i-ui.vertical #plan-details-sloy .plan-form .form .signup-note{
width:200px;
margin-top:10px;
padding:0 15px;
color:#999;
font-size:14px;
line-height:20px;
text-align:center;
}
.i-ui.vertical #plan-selector-sloy{
display:none;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color:#f8f8f8;
z-index:1150;
}
.i-ui.vertical #plan-selector-sloy .plan-details{
height:100%;
}
.i-ui.vertical #plan-selector-sloy .btn-x,.i-ui.vertical #plan-selector-sloy .btn-back{
cursor:pointer;
font-size:45px;
color:#b8bcbe;
position:absolute;
right:42px;
top:30px;
z-index:10;
}
.i-ui.vertical #plan-selector-sloy .btn-x:hover,.i-ui.vertical #plan-selector-sloy .btn-back:hover{
color:#999;
}
.i-ui.vertical #plan-selector-sloy .inkapi-sloy-logo{
margin:0 auto;
margin-top:35px;
width:140px;
font-size:140px;
color:#2990EA;
position:absolute;
line-height:40px;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical #plan-selector-sloy h1,
.i-ui.vertical #plan-selector-sloy h2{
font-weight:bold;
font-size:30px;
line-height:40px;
color:#363b3e;
text-align:center;
margin-bottom:3px;
margin-top:25px;
}
.i-ui.vertical #plan-selector-sloy h2{
font-weight:normal;
}
.i-ui.vertical #plan-selector-sloy h3{
font-weight:normal;
font-size:18px;
line-height:24px;
color:#6f757a;
text-align:center;
margin-bottom:45px;
margin-top:0;
}
.i-ui.vertical #plan-selector-sloy .btn-flat{
height:37px;
line-height:40px;
}
.i-ui.vertical #plan-selector-sloy .plans-header{
position:relative;
height:160px;
padding-top:35px;
background-color:#FFF;
border-bottom:2px solid #dfe1e2;
box-sizing:border-box;
}
.i-ui.vertical #plan-selector-sloy .plans-header .content{
border-bottom:none;
position:relative;
margin:0 auto;
}
.i-ui.vertical #plan-selector-sloy .plans-footer{
position:relative;
height:calc(100% - 160px);
width:100%;
display:table;
box-sizing:border-box;
background-color:#f8f8f8;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-choice{
background:white;
border:2px solid #dfdfdf;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
cursor:pointer;
display:inline-block;
margin:0 6px;
padding:30px 0;
-webkit-transition:all 0.33s ease-in;
-moz-transition:all 0.33s ease-in;
-o-transition:all 0.33s ease-in;
transition:all 0.33s ease-in;
width:230px;
text-align:center;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-choice:hover{
border-color:#58ACF6;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-choice.abtest:hover{
border-color:#CACACA;
}
.i-ui.vertical #plan-selector-sloy .plans-footer h2{
font-size:28px;
line-height:
1em;margin:0;
padding:0;
}
.i-ui.vertical #plan-selector-sloy .plans-footer h2 .price-plus{
margin-left:2px;
font-size:24px;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-choice-content{
color:#80868A;
font-size:15px;
line-height:24px;
margin:30px 0;
min-height:96px;
padding:0 25px;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-choice-subtext{
color:#80868A;
font-size:14px;
line-height:16px;
margin:0;
padding:0;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-button{
margin-top:15px;
height:37px;
display:inline-block;
line-height:40px;
border:2px solid #ced0d2;
color:#363b3e;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .plan-button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .content-wrap{
width:100%;
position:relative;
top:0px;
display:table-cell;
vertical-align:middle;
}
.i-ui.vertical #plan-selector-sloy .plans-footer h1{
font-size:24px;
line-height:24px;
margin-bottom:30px;
margin-top:0;
text-align:center;
font-weight:normal;
color:#363b3e;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .button{
margin-top:-1px;
height:37px;
display:inline-block;
line-height:40px;
font-size:18px;
border:2px solid #ced0d2;
width:auto;
min-width:140px;
text-align:center;
color:#363b3e;
transition:0.5s all ease;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .actions{
text-align:center;
}
.i-ui.vertical #plan-selector-sloy .plans-footer .actions h2{
font-size:18px;
margin-bottom:25px;
}
.i-ui.vertical #plan-selector-sloy .i-icon-question{
font-size:24px;
cursor:default;
position:relative;
vertical-align:middle;
}
.i-ui.vertical #plan-selector-sloy .i-icon-question:hover{
color:#1B84E0;
}
.i-ui.vertical #plan-selector-sloy .plan-items{
text-align:center;
padding-bottom:35px;
}
.i-ui.vertical #plan-selector-sloy .section-footer{
padding-bottom:205px;
}
.i-ui.vertical #features_panel{
z-index:5;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.i-ui.vertical #features_panel .feature-header{
height: 225px;
}
.i-ui.vertical #features_panel .feature-header .features{
text-align:center;
position:relative;
bottom:0px;
vertical-align:top;
padding-bottom:10px;
padding-top:15px;
}
.i-ui.vertical #features_panel .feature-header .features .feature{
cursor:pointer;
width:108px;
display:inline-block;
margin-right:35px;
color:#acb0b4;
transition:0.5s all ease;
vertical-align:top;
}
.i-ui.vertical #features_panel .feature-header .features .feature:first-child{
margin-left:none;
}
.i-ui.vertical #features_panel .feature-header .features .feature:last-child{
margin-right:none;
}
.i-ui.vertical #features_panel .feature-header .features .feature:hover{
color:#6f757a;
}
.i-ui.vertical #features_panel .feature-header .features .feature.active{
color:#2990ea;
}
.i-ui.vertical #features_panel .feature-header .features .feature .icon{
display:block;
font-size:56px;
height:70px;
line-height:74px;
}
.i-ui.vertical #features_panel .feature-header .features .feature .name{font-size:18px}
.i-ui.vertical #features_panel .feature-header .features .feature-tag{
border-bottom:2px solid #2990ea;
width:108px;
position:absolute;
bottom:-2px;
transition:0.7s all ease;
}
.i-ui.vertical #features_panel .feature{
display:none;
}
.i-ui.vertical #features_panel .feature.active{
display:block;
}
.i-ui.vertical #features_panel .feature.slim{
width:970px;
position:relative;
left:50%;
margin-left:-480px;
}
.i-ui.vertical #features_panel .feature-themes h1,
.i-ui.vertical #features_panel .feature-drag h1,
.i-ui.vertical #features_panel .feature-blog h1,
.i-ui.vertical #features_panel .feature-commerce h1,
.i-ui.vertical #features_panel .feature-apps h1{
font-size:30px;
line-height:30px;
margin-bottom:27px;
margin-top:10px;
letter-spacing:0.2px;
color:#363b3e;
}
.i-ui.vertical #features_panel .feature-themes p,
.i-ui.vertical #features_panel .feature-drag p,
.i-ui.vertical #features_panel .feature-blog p,
.i-ui.vertical #features_panel .feature-commerce p,
.i-ui.vertical #features_panel .feature-apps p{
font-size:20px;
line-height:32px;
color:#6f757a;
letter-spacing:0.1px;
}
.i-ui.vertical #features_panel .feature-themes .button,
.i-ui.vertical #features_panel .feature-drag .button,
.i-ui.vertical #features_panel .feature-blog .button,
.i-ui.vertical #features_panel .feature-commerce .button,
.i-ui.vertical #features_panel .feature-apps .button{
margin-top:30px;
}
.i-ui.vertical #features_panel .feature-themes .feature-image,
.i-ui.vertical #features_panel .feature-drag .feature-image,
.i-ui.vertical #features_panel .feature-blog .feature-image,
.i-ui.vertical #features_panel .feature-commerce .feature-image,
.i-ui.vertical #features_panel .feature-apps .feature-image{
margin-top:70px;
width:498px;
height:302px;
background-size:cover;
}
.i-ui.vertical #features_panel .feature-themes  .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-drag .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-editor{
background-image:url('/design/images/editor_icon.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical #features_panel .feature-drag .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-editor,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-editor{
background-image:url('/design/images/editor_icon.png');
background-size:498px 302px;
}
}
.i-ui.vertical #features_panel .feature-drag .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-blog{
background-image:url('/design/images/blog_icon.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical #features_panel .feature-drag .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-blog,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-blog{
background-image:url('/design/images/blog_icon.png');
background-size:498px 302px;
}
}
.i-ui.vertical #features_panel .feature-drag .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-commerce{
background-image:url('/design/images/commerce_icon.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical #features_panel .feature-drag .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-blog .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-commerce .feature-image.image-commerce,
.i-ui.vertical #features_panel .feature-apps .feature-image.image-commerce{
background-image:url('/design/images/commerce_icon.png');
background-size:498px 302px;
}
}
.i-ui.vertical #features_panel .feature-apps .button{
height:37px;
display:inline-block;
line-height:34px;
font-size:18px;
border:2px solid #ced0d2;
width:132px;
text-align:center;
margin-right:18px;
color:#363b3e;
transition:0.5s all ease;
}
.i-ui.vertical #features_panel .feature-apps .button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #features_panel .feature-apps .button:last-child{
margin-right:0px;
}
.i-ui.vertical #features_panel .feature-apps .button .icon{
color:#363b3e;
width:20px;
height:20px;
margin-right:10px;
font-size:21px;
}
.i-ui.vertical #features_panel .feature-apps .phone-icon{
position:absolute;
background-size:cover;
cursor:pointer;
}
.i-ui.vertical #features_panel .feature-apps .phone-icon.iphone{
right:150px;
width:252px;
height:501px;
top:79px;
background-image:url('/design/images/iphone_phone.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical #features_panel .feature-apps .phone-icon.iphone{
background-image:url('/design/images/iphone_phone.png');
background-size:252px 501px;
}
}
.i-ui.vertical #features_panel .feature-apps .phone-icon.iphone .screen{
background-image:url('/design/images/iphone_screen.jpg');
background-size:cover;
position:relative;
pointer-events:none;
width:226px;
height:379px;
position:relative;
left:13px;
top:52px;
}
.i-ui.vertical #features_panel .feature-apps .phone-icon.android{
right:0px;
width:315px;
height:580px;
background-image:url('/design/images/android_phone.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
.i-ui.vertical #features_panel .feature-apps .phone-icon.android{
background-image:url('/design/images/android_phone.png');
background-size:315px 580px;
}
}
.i-ui.vertical #features_panel .feature-apps .phone-icon.android .screen{
background-image:url('/design/images/android_screen.jpg');
background-size:cover;
pointer-events:none;
width:296px;
height:456px;
position:relative;
left:9px;
top:52px;
}
.i-ui.vertical #features_panel .feature-apps .phone-icon.active{z-index:100}
.i-ui.vertical #features_panel .feature-themes .themes{
margin-bottom:35px;
width:100%;
white-space:nowrap;
position:absolute;
height:255px;
text-align:center;
position:relative;
overflow:hidden;
}
.i-ui.vertical #features_panel .feature-themes .themes .ui-effects-wrapper{
display:inline-block !important;
}
.i-ui.vertical #features_panel .feature-themes .theme{
width:318px;
height:255px;
margin-right:20px;
display:inline-block;
position:relative;
background-size:cover;
cursor:pointer;
}
.i-ui.vertical #features_panel .feature-themes .theme.photograph{
background-image:url('/design/images/photograph.jpg');
}
.i-ui.vertical #features_panel .feature-themes .theme.bigdeal{
background-image:url('/design/images/bigdeal.jpg');
}
.i-ui.vertical #features_panel .feature-themes .theme.freshminimal{
background-image:url('/design/images/freshminimal.jpg');
}
.i-ui.vertical #features_panel .feature-themes .theme .overlay{
text-align:center;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(54,59,62,0.6);
border:2px #000 0.02;
opacity:0;
cursor:pointer;
line-height:255px;
color:#fff;
font-size:20px;
transition:opacity 0.5s ease;
}
.i-ui.vertical #features_panel .feature-themes .theme:hover .overlay{
opacity:1;
}
.i-ui.vertical #features_panel .feature-themes .theme:hover:after{
display:none;
}
.i-ui.vertical #features_panel .feature-themes .theme:last-child{
margin-right:0px;
}
.i-ui.vertical #features_panel .feature-themes .theme:after{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:0.5;
border:1px solid #ccc;
}
.i-ui.vertical #plans_panel .plan-choice
{background:white;
border:2px solid #dfdfdf;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
cursor:pointer;
display:inline-block;
margin:0 6px;
padding:30px 0;
-webkit-transition:all 0.33s ease-in;
-moz-transition:all 0.33s ease-in;
-o-transition:all 0.33s ease-in;
transition:all 0.33s ease-in;
width:230px;
text-align:center;
}
.i-ui.vertical #plans_panel .plan-choice:hover{
border-color:#58ACF6;
}
.i-ui.vertical #plans_panel .plan-choice.abtest:hover{
border-color:#CACACA;
}
.i-ui.vertical #plans_panel h2{
font-size:28px;
line-height:1em;
margin:0;
padding:0;
}
.i-ui.vertical #plans_panel h2 .price-plus{
margin-left:2px;
font-size:24px;
}
.i-ui.vertical #plans_panel .plan-choice-content{
color:#80868A;
font-size:15px;
line-height:24px;
margin:30px 0;
min-height:96px;
padding:0 25px;
}
.i-ui.vertical #plans_panel .plan-choice-subtext{
color:#80868A;
font-size:14px;
line-height:16px;
margin:0;
padding:0;
}
.i-ui.vertical #plans_panel .plan-button{
margin-top:15px;
height:37px;
display:inline-block;
line-height:40px;
border:2px solid #ced0d2;
color:#363b3e;
}
.i-ui.vertical #plans_panel .plan-button:hover{
border:2px solid #58acf6;
}
.i-ui.vertical #plans_panel .plan-items{
text-align:center;
padding-bottom:35px;
}
.i-ui.vertical #plans_panel .section-footer{
padding-bottom:205px;
}
.i-ui.vertical #plans_panel .tip-icon{
font-size:24px;
vertical-align:middle;
}
.i-ui.vertical #plans_panel .tip-icon:hover{
color:#2990ea;
}
.i-ui.vertical #panels .header .slideshoi-bg{
position:absolute;
top:0;
left:0;
margin:0;
width:100%;
height:100%;
min-height:100%;
min-width:100%;
}
.i-ui.vertical #panels .header .slideshoi-bg{
background-color:#000000;
}
.i-ui.vertical #panels .header .bg-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#838077;
background-size:cover;
background-position:center
}

/* Изображения с фона */
.i-ui.vertical #panels .header .bg-image.bg1{
background-image:url('/design/images/slide-1.jpg');
}
.i-ui.vertical #panels .header .bg-image.bg2{
background-image:url('/design/images/slide-2.jpg');
}
.i-ui.vertical #panels .header .bg-image.bg3{
background-image:url('/design/images/slide-3.jpg');
}
/* Изображения с фона */

.i-ui.vertical #panels .header .bg-blurb{
position:absolute;
bottom:40px;
right:40px;
}
.i-ui.vertical #panels .header .bg-blurb span{
letter-spacing:1px;
font-size:18px;
color:rgba(255,255,255,0.6);
margin-left:10px;
line-height:34px;
}
.i-ui.vertical #panels .header .bg-blurb span:hover{
color:#fff;
}
.i-ui.vertical #panels .header .bg-blurb span:hover a{
color:#fff;
}
.i-ui.vertical #panels .header .bg-blurb span a{
color:rgba(255,255,255,0.6);
}
.i-ui.vertical #panels .header .bg-blurb span i{
font-style:italic;
}
.i-ui.vertical #panels .header .content{
display:inline-table;
}
.i-ui.vertical #panels .header .content .title{
font-size:23.5px;
display:table-cell;
width:430px;
color:#FFF;
padding:5px 80px 0 50px;
vertical-align:middle;
background-color:#032553;
opacity: 0.9;
}
.i-ui.vertical #panels .header .content .title h1{font-weight:normal;font-size:45px;line-height:1.083em; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); }
.i-ui.vertical #panels .header .content .title h2{
font-size:28px;
font-weight:normal;
line-height:32px;
margin-top:20px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
letter-spacing:-.006em;color:rgba(255,255,255,0.8);
line-height:1.4em;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.i-ui.vertical #panels .header .content .title #videolink{
color:#FFF;
cursor:pointer;
display:table;
margin:25px 0 0 0;
}
.i-ui.vertical #panels .header .content .title #videolink i{
display:inline-block;
font-size:20px;
line-height:43px;
padding-left:13px;
width:31px;
border:2px solid #fff;
border-radius:50px;
vertical-align:middle;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
.i-ui.vertical #panels .header .content .title #videolink i:hover{
-webkit-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-ms-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
color:#333;
background-color:#FFF;
}
.i-ui.vertical #panels .header .content .title #videolink p{
font-size:18px;
line-height:60px;
margin-left:10px;
display:inline-block;
letter-spacing:1px;
}
.i-ui.vertical #panels .header .content .signup{
display:table-cell;
text-align:center;
background-color:#FFF;
width:340px;
height:370px;
vertical-align:middle;
position:relative;
}
.i-ui.vertical #panels .header .content .signup h2{
font-size:28px;
line-height: 30px;
font-weight:600;
color:#363b3e;
text-align:center;
-webkit-font-smoothing:antialiased;
}
.i-ui.vertical #panels .header .content .signup form{
display:inline-block;
margin:0 auto;
margin-top:30px;
}
.i-ui.vertical #panels .header .content .signup form input{
font-family:"Tahoma",Arial,Verdana,sans-serif;
width:245px;
display:block;
margin-right:0px;
}
.i-ui.vertical #panels .header .content .signup form input[type="text"]{
margin-bottom:15px;
}
.i-ui.vertical #panels .header .content .signup form input[type="text"],
.i-ui.vertical #panels .header .content .signup form input[type="password"]{
color:#000;
border-radius:0;
padding:1px 0 0 12.5px;
height:43px;
background-color:#FFF;
border-color:#ecedee;
font-size:16px;
letter-spacing:.5px
}
.i-ui.vertical #panels .header .content .signup form input[type="text"]:hover,
.i-ui.vertical #panels .header .content .signup form input[type="text"]:active,
.i-ui.vertical #panels .header .content .signup form input[type="text"]:focus,
.i-ui.vertical #panels .header .content .signup form input[type="password"]:hover,
.i-ui.vertical #panels .header .content .signup form input[type="password"]:active,
.i-ui.vertical #panels .header .content .signup form input[type="password"]:focus{
border-color:#91ccff;
}
.i-ui.vertical #panels .header .content .signup form input[type="submit"]{
background-color:#2990ea;
color:#FFF;
margin:25px 0 0 18px;
padding-bottom: 5px;
width:199px;
font-size:16px;
letter-spacing:.5px;
height:43.5px;
border-radius:30px;
padding-top:5px;
}
.i-ui.vertical #panels .header .content .signup form input[type="submit"]:hover{
background-color:rgba(41,144,234,0.902);
}
.i-ui.vertical #panels .header .content .signup form #header-signup-form-error{
display:none;
color:#AC3737;
font-size:14px;
text-align:left;
margin-right:35px;
line-height:16px;
margin-top:10px;
}
.i-ui.vertical #panels .header .logo{
margin:0 auto;
margin-top: 35px;
width:140px;
font-size:0px;
color:#FFF;
position:absolute;
top:0px;
left:0px;
right:0px;
}
.i-ui.vertical #panels .header .pin-bottom{
text-align:center;
color:#FFF;
font-size:18px;
}
.i-ui.vertical #panels .header .pin-bottom .shoi-features{
position:relative;
top:15px;
cursor:pointer;
}

.i-ui.vertical #panels .header .pin-bottom i{
font-size: 0px;
}
.i-ui.vertical #panels .footer{
background-image:url('/design/images/background3.jpg');
}
.i-ui.vertical #panels .footer .headers{
z-index:20;
width:100%;
text-align:center;
position:relative;
margin-top:80px;
}
.i-ui.vertical #panels .footer h1{
margin-top:25px;
font-size:34px;
line-height:40px;
margin-bottom:6px;
color:#FFFFFF;
}
.i-ui.vertical #panels .footer h2{
font-size:21px;
line-height:25px;
letter-spacing:0.3px;
color:#FFFFFF;
opacity:0.6;
}
.i-ui.vertical #panels .footer .footer-content{
z-index:20;
position:absolute;
width:940px;
margin-left:-470px;
left:50%;
height:650px;
margin-top:-325px;
top:50%;
}
.i-ui.vertical #panels .footer .wrap{
margin-top:66px
}
.i-ui.vertical #panels .footer .left{
margin-left:14px;
float:left;
width:340px;
height:350px;
background-color:#FFF;
padding:10px;
}
.i-ui.vertical #panels .footer .left h1{
font-size:28px;
font-weight:600;
color:#363b3e;
text-align:center;
-webkit-font-smoothing:antialiased;
margin-bottom:30px;
max-height:40px;
line-height:30px;
}
.i-ui.vertical #panels .footer .left input[type="text"],
.i-ui.vertical #panels .footer .left input[type="password"]{
outline-style:none;
box-shadow:none;
display:block;
margin:0 auto;
margin-bottom:22px;
border:2px solid #ecedee;
background:none;
color:#000;
width:245px;
height:43px
}
.i-ui.vertical #panels .footer .left input[type="text"]:active,
.i-ui.vertical #panels .footer .left input[type="text"]:hover,
.i-ui.vertical #panels .footer .left input[type="text"]:focus,
.i-ui.vertical #panels .footer .left input[type="password"]:active,
.i-ui.vertical #panels .footer .left input[type="password"]:hover,
.i-ui.vertical #panels .footer .left input[type="password"]:focus{
border-color:#91ccff;
}
.i-ui.vertical #panels .footer .left input[type="submit"]{
background-color:#2990ea;
color:#FFF;
width:199px;
margin:0 auto;
margin-top:18px;
font-size:16px;
letter-spacing:.5px;
height:43.5px;
border-radius:30px;
padding-top:5px;
display:inherit;
}
.i-ui.vertical #panels .footer .left input[type="submit"]:hover{background-color:rgba(41,144,234,0.902)}
.i-ui.vertical #panels .footer .left #footer-signup-form-error{
display:none;
color:#AC3737;
font-size:14px;
text-align:left;
line-height:16px;
margin:15px 80px -15px 80px;
}
.i-ui.vertical #panels .footer .right{
float:right;
width:393px;
margin-right:26px;
}
.i-ui.vertical #panels .footer .right .quote-container{
color:#FFF;
margin-bottom:50px;
font-size:20px;
margin-top:15px;
position:relative;
overflow:hidden;
width:400px;
}
.i-ui.vertical #panels .footer .right .quote-container .quote{line-height:30px}
.i-ui.vertical #panels .footer .right .quote-container .author{
float:left;
opacity:0.5;
font-size:18px;
line-height:25px;
margin-left:10px;
margin-top:10px;
}
.i-ui.vertical #panels .footer .right .quote-container ul{
width:20000em;
position:relative;
list-style:none;
margin:0;
padding:0;
}
.i-ui.vertical #panels .footer .right .quote-container ul li{
float:left;
width:400px;
}
.i-ui.vertical #panels .footer .right .jcarousel-controls{
float:right;
font-size:40px;
margin-top:-70px;
}
.i-ui.vertical #panels .footer .right .jcarousel-controls .prev-quote{
margin-right:5px;
}
.i-ui.vertical #panels .footer .right .jcarousel-controls a{
color:#FFF;
opacity:0.5;
}
.i-ui.vertical #panels .footer .right .press{

background-size:cover;
width:412px;
height:110px;
margin-bottom:30px;
}
.i-ui.vertical #panels .footer .right .footer-links{
font-size:18px;
color:#FFF;
opacity:0.5;
}
.i-ui.vertical #panels .footer .right .footer-links a{
color:#FFF;
text-decoration:underline;
}
.i-ui.vertical #panels .footer .right .footer-links a:hover{
color:#FFF;
}
.i-ui.vertical.loading .section{visibility:hidden}
.i-ui.vertical.loading .section:first-child{
visibility:visible;
}
.i-ui.vertical.loading #features{
visibility:hidden;
}
.i-ui.vertical.standard-scroll #panels .section{
height:850px;
}
.i-ui.vertical .tooltip{
position:absolute;
z-index:99;
display:block;
visibility:visible;
font-size:11px;
line-height:1.4;
background:none;
border:none;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
}
.i-ui.vertical .tooltip.in{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=8000);
opacity:80;
}
.i-ui.vertical .tooltip.top{
margin-top:-3px;
padding:10px 0;
}
.i-ui.vertical .tooltip.right{
margin-left:3px;
padding:0 10px;
}
.i-ui.vertical .tooltip.bottom{
margin-top:3px;
padding:10px 0;
}
.i-ui.vertical .tooltip.left{
margin-left:-3px;
padding:0 10px;
}
.i-ui.vertical .tooltip.fade{
opacity:0;
-webkit-transition:opacity 0.2s linear;
-moz-transition:opacity 0.2s linear;
-o-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
}
.i-ui.vertical .tooltip.fade.in{opacity:1}
.i-ui.vertical .tooltip-inner{
max-width:260px;
padding:20px;
color:white;
text-align:left;
text-decoration:none;
background-color:rgba(31,33,34,0.8);
font-size:16px
}
.i-ui.vertical .tooltip-arrow{
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.i-ui.vertical .tooltip{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.i-ui.vertical .tooltip.top .tooltip-arrow{
bottom:0;
left:50%;
margin-left:-10px;
border-width:10px 10px 0;
border-top-color:rgba(31,33,34,0.8);
}
.i-ui.vertical .tooltip.right .tooltip-arrow{
top:50%;
left:0;
margin-top:-10px;
border-width:10px 10px 10px 0;
border-right-color:rgba(31,33,34,0.8);
}
.i-ui.vertical .tooltip.left .tooltip-arrow{
top:50%;
right:0;
margin-top:-10px;
border-width:10px 0 10px 10px;
border-left-color:rgba(31,33,34,0.8);
}
.i-ui.vertical .tooltip.bottom .tooltip-arrow{
top:0;
left:50%;
margin-left:-10px;
border-width:0 10px 10px;
border-bottom-color:rgba(31,33,34,0.8);
}
.i-ui.vertical .onepage-pagination{
z-index:1000;
color:#FFF;
right:53px;
margin-top:-73px;
}
.i-ui.vertical .onepage-pagination a{
height:10px;
}
.i-ui.vertical .onepage-pagination li a:before{
box-shadow:0 0 0px 2px rgba(255,255,255,0.4);
border:none;
width:9px;
height:9px;
margin-top:2px;
background-color:rgba(0,0,0,0.16);
}
.i-ui.vertical .onepage-pagination a:before{
border-color:#FFF;
background-color:rgba(0,0,0,0);
left:50%;
margin-left:2px;
}
.i-ui.vertical .onepage-pagination li a.active:before{
background-color:#FFF;
width:15px;
height:15px;
margin:0 0 0 -1px;
box-shadow:0 0 0px 2px rgba(0,0,0,0.2);
}
.i-ui.vertical .onepage-pagination .page-tooltip{
position:absolute;
margin:-24px 30px;
right:-5px;
min-width:93px;
display:none;
text-transform:uppercase;
}
.i-ui.vertical .onepage-pagination .page-tooltip .page-tooltip-left{
background-color:rgba(0,0,0,0.3);
border-radius:20px 0 0 20px;
min-width:12px;
height:23px;
}
.i-ui.vertical .onepage-pagination .page-tooltip .page-tooltip-middle{
background-color:rgba(0,0,0,0.3);
min-width:70px;
line-height:21px;
padding-top:2px;
text-align:center;
}
.i-ui.vertical .onepage-pagination .page-tooltip .page-tooltip-right{
top:0;
background-image:url("/design/images/page_tooltip_cap_right.svg");
background-repeat:no-repeat;
min-width:15px;
height:23px;
}
.i-ui.vertical.standard-scroll #panels{
overfloi-y:scroll;
-webkit-overfloi-scrolling:touch;
}
@media all and (max-width: 1050px){
.i-ui.vertical .onepage-pagination{
display:none;
}
}

.languages1 { position: absolute; display: block; Background: transparent; top: 40px; right: 10px; z-index: 999; }
a.langlink{ color:#fff; }
a.langlink:hover{ color:#888; }
.dropdown li { position: relative; }
.dropdown, .dropdown-inside { width:140px; list-style-type: none; padding: 0; }
.dropdown-inside { position: absolute; left: -9999px; }
.dropdown li.dropdown-top { display: inline; float: left; margin: 0 1px 0 0; }
.dropdown li.dropdown-top a { padding: 7px 10px 7px; display: block; }
.dropdown a.dropdown-top { background: transparent;color:#fff; }
.dropdown:hover a.dropdown-top:hover { color:#aaa; }
.dropdown .dropdown-inside {}
.dropdown-inside{ margin:0; border-radius:10px; color:#333; }
ul.dropdown-inside{ border-radius:10px; Background:#fff; }
.dropdown-inside a{ color:#444; padding-left:10px; }
.dropdown li.dropdown-top:hover .dropdown-inside { display: block; left: 0; }
.left_text{ float:left; left:10px; }
.left_right{ float:right; right:10px; }
.bg-blurb{ width: 95%; }