html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } 
body {-webkit-text-size-adjust: none; font-family: "SF Display"; font-weight:300; } body a, body input, body button{ font-family: "SF Display"; font-weight:300; }
html|* > svg {
    transform-origin: 100% 100% 0px;
}

/** Thin */
@font-face {
  font-family: "SF Display";
  font-weight: 300;
  src: url("../fonts/SF-UI-Display-Thin.otf");
}
/** Regular */
@font-face {
  font-family: "SF Display";
  font-weight: 400;
  src: url("../fonts/SF-UI-Display-Regular.otf");
}
/** Medium */
@font-face {
  font-family: "SF Display";
  font-weight: 500;
  src: url("../fonts/SF-UI-Display-Medium.otf");
}
/** Heavy */
@font-face {
  font-family: "SF Display";
  font-weight: 800;
  src: url("../fonts/SF-UI-Display-Heavy.otf");
}
a, span:after, .overflow .cabinet{    transition: all 300ms ease-in-out 0s;}
 .overflow:after, footer ul:after, .list_differences:after {content: ''; display: block; clear: both;}
 .overflow {position:relative;   width:100%; min-height:985px;} 
 /** Left column **/
 .overflow .cabinet {display:inline-block; width:640px;float:left; background:#fff; position:relative; height:100%;}
 .overflow .cabinet .inner {padding:85px 100px 90px 100px; position:relative; 
 height:calc(100% - 175px); height: -webkit-calc(100% - 175px); height: -moz-calc(100% - 175px); 
 }
 .header {}
 .header.twin {background:#fff; padding:40px 50px 10px 50px; display:none;}
 .header span.logo {display:block;}
 .header span.logo a {height:85px; width:100%; display:block; text-align:left; text-decoration:none;}
 .header span.logo a strong {text-transform:uppercase; color:#1574ff; font-weight:400; text-align:left; font-size:24px;   display:block; padding-left:85px; position:relative;}
 .header span.logo a strong img {width:65px; position:absolute; left:0; top:-10px;}
 .header span.logo a strong em{display:block; color:#58b8e8; margin-bottom:3px;  }
  .header.twin .logo:after {content:'Безупречная репутация с 2010 года'; color:#407ae2; font-size:20px; font-weight:400; position:absolute; right:50px; top:38px; max-width:220px; line-height:1.4;}
 
 .overflow .cabinet .inner footer {margin-bottom:20px; position:absolute; left:0; width:100%; bottom:20px;}
 .overflow .cabinet .inner footer ul {display:block; width:100%; text-align:center; margin-bottom:20px;}
  ul.social  li:hover,
  .overflow .cabinet .inner footer ul li:hover {background:#407ae2;}
  ul.social li,
 .overflow .cabinet .inner footer ul li {display:inline-block; width:33px; height:33px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background:#02060d; margin:0 4px;}
 ul.social li a,
 .overflow .cabinet .inner footer ul li a{display:block; line-height:33px; text-decoration:none;}
 ul.social li a.mail,
 .overflow .cabinet .inner footer ul li a.mail {background:url('../images/svg/mail_ico.svg') center center no-repeat; background-size:13px;}
 ul.social li a.telegram,
 .overflow .cabinet .inner footer ul li a.telegram {background:url('../images/svg/telegram_ico.svg') center center no-repeat; background-size:14px;}
 ul.social li a.skype,
 .overflow .cabinet .inner footer ul li a.skype {background:url('../images/svg/skype_ico.svg') center center no-repeat; background-size:15px;}
 ul.social li a.vk,
 .overflow .cabinet .inner footer ul li a.vk {background:url('../images/svg/vk_ico.svg') center center no-repeat; background-size:17px;}
 .overflow .cabinet .inner footer p {text-align:center;}
 .overflow .cabinet .inner footer p a{text-decoration:none; font-size:20px; color:#7b7f8a;}
 
 

 .overflow .cabinet .inner .conteiner_form {padding-bottom:70px;}
 .overflow .cabinet .inner .conteiner_form .select_type {display:table; width:100%; position:relative;}
 .overflow .cabinet .inner .conteiner_form .select_type:after {height:3px; content:''; width:100%; background:#f5f5f5; display:block; position:absolute; bottom:-3px; left:0;}
 .overflow .cabinet .inner .conteiner_form .select_type span {display:table-cell; font-size:24px; line-height:54px;  text-align:center; color:#bababa; position:relative; cursor:pointer;}
 .overflow .cabinet .inner .conteiner_form .select_type span:after {position:absolute; height:3px; left:0; width:0; opacity:0; background:#02060d; content:''; bottom:-3px; z-index:2;}
 .overflow .cabinet .inner .conteiner_form .select_type span.select {color:#0d162e;}
 .overflow .cabinet .inner .conteiner_form .select_type span:hover:after,
 .overflow .cabinet .inner .conteiner_form .select_type span.select:after {width:100%; opacity:1;}
 .overflow .cabinet .inner .conteiner_form .form_area {}
 .overflow .cabinet .inner .conteiner_form .form_area .forgot_password,
 .overflow .cabinet .inner .conteiner_form .form_area .sign_in {-webkit-animation-name: fadeIn; animation-name: fadeIn; display:none;}
 .overflow .cabinet .inner .conteiner_form .form_area  form {margin-top:40px; }
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole {margin-bottom:25px;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole input:focus {outline:none; border-color:#407ae2;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole.error input {border-color:#d0021b;}
 .overflow .cabinet .inner .conteiner_form .back {cursor:pointer; display:none; margin:10px 0 20px 0;}
 .overflow .cabinet .inner .conteiner_form .back span {color:#407ae2; font-size:18px; border-bottom:1px solid #407ae2; position:relative; font-weight:400; margin-left:20px;}
 .overflow .cabinet .inner .conteiner_form .back span:before {content:'<'; display:inline-block; position:absolute; left:-20px; top:3px; font-size:14px;}
 .overflow .cabinet .inner .conteiner_form .back span:hover {border-color:transparent;}
 
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole input {height:56px; line-height:56px; border:0;-webkit-border-radius: 8px;
-moz-border-radius: 8px;border-radius: 8px; font-size:20px; line-height:56px; color:#0d162e;
width:calc(100% - 55px); width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px); padding-left:55px; border:2px solid transparent;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole input[type="text"] { background:#f5f5f5 url('../images/svg/user_ico.svg') 20px center no-repeat; background-size:15px;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .pole input[type="password"] { background:#f5f5f5 url('../images/svg/link_ico.svg') 20px center no-repeat; background-size:18px;}
.pole input::-webkit-input-placeholder {color:#bababa;}
.pole input::-moz-placeholder          {color:#bababa;}/* Firefox 19+ */
.pole input:-moz-placeholder           {color:#bababa;}/* Firefox 18- */
.pole input:-ms-input-placeholder      {color:#bababa;}
 
.overflow .cabinet .inner .conteiner_form .form_area  form .pole input.mail { background:#f5f5f5 url('../images/svg/mail_gr.svg') 20px center no-repeat; background-size:15px;}
.overflow .cabinet .inner .conteiner_form .form_area  form .pole input.wmr { background:#f5f5f5 url('../images/svg/wmr.svg') 20px center no-repeat; background-size:15px;}
.overflow .cabinet .inner .conteiner_form .form_area  form .pole input.phone { background:#f5f5f5 url('../images/svg/phone.svg') 20px center no-repeat; background-size:17px;}
 
 .overflow .cabinet .inner .conteiner_form .form_area  form .button {height:60px; line-height:60px; position:relative; width:100%; border:0; background:#407ae2;  border:0;-webkit-border-radius: 8px;
-moz-border-radius: 8px;border-radius: 8px; text-align:center; z-index:10;} 
 .overflow .cabinet .inner .conteiner_form .form_area  form .button:hover button,
.overflow .cabinet .inner .conteiner_form .form_area  form .button:hover {background:#2b5cb3; cursor:pointer;}
.overflow .cabinet .inner .conteiner_form .form_area  form .button span {display:inline-block; color:#fff; font-size:22px; font-weight:400; line-height:60px; padding-left:40px; background:url('../images/svg/lock_ico.svg') 10px center no-repeat; background-size:20px; z-index:11; text-transform:uppercase;     display: inline-block;
    vertical-align: top; margin-left:-40px;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .button {height:60px; line-height:60px; position:relative; width:100%;}
 .overflow .cabinet .inner .conteiner_form .form_area  form button:focus {outline:none;}
 .overflow .cabinet .inner .conteiner_form .form_area  form button:focus {outline:none;}
 .overflow .cabinet .inner .conteiner_form .form_area  form .button button {width:100%;     background: #407ae2; border:0; vertical-align:top; cursor:pointer; z-index:10;     -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; margin-top:0;}
 
 .overflow .cabinet .inner .conteiner_form .form_area  form .button:before {height:30px; width:80%; left:10%; bottom:0px; content:''; -webkit-box-shadow: 0px 10px 15px 0px rgba(64,122,226,0.53);
-moz-box-shadow: 0px 10px 15px 0px rgba(64,122,226,0.53);
box-shadow: 0px 10px 15px 0px rgba(64,122,226,0.53); display:inline-block; background:none; position:absolute; margin:0 auto; z-index:-1; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

 .overflow .cabinet .inner .conteiner_form .form_area  .lost {text-align:center; margin:30px 0 0 0;}
 .overflow .cabinet .inner .conteiner_form .form_area  .lost a {color:#bababa; font-size:20px;}
 .overflow .cabinet .inner .conteiner_form .form_area .sign_up {-webkit-animation-name: fadeIn; animation-name: fadeIn; display:none;}
 .overflow .cabinet .inner .conteiner_form .form_area .role {margin:0 0 20px 0;}
 .overflow .cabinet .inner .conteiner_form .form_area .visible {-webkit-animation-name: fadeIn; animation-name: fadeIn; display:block;}
 .overflow .cabinet .inner .conteiner_form .form_area .role label {color:#bababa;}
 .overflow .cabinet .inner .conteiner_form .form_area .role label a {color:#407ae2;}
 .overflow .cabinet .inner .conteiner_form .form_area .role label input {
  display: none;
}
 .overflow .cabinet .inner .conteiner_form .form_area .role label span { 
  height: 15px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  width: 15px;
  background:#f5f5f5;
  display: inline-block;
  position: relative;
  margin-right:10px;
}
 .overflow .cabinet .inner .conteiner_form .form_area .role [type=checkbox]:checked + span:before {
  content: '';
  width:15px; height:15px;
  position: absolute;
  top: 0px;
  left: 0;
  background:url('../images/svg/ok_ico.svg') center center no-repeat; background-size:9px;
}
 
 
/** Right column **/ 

 .overflow .information {display:inline-block; float:left; width:calc(100% - 640px); width: -webkit-calc(100% - 640px); width: -moz-calc(100% - 640px);
 position:relative; height:100%;} 
 .overflow .information:before {content:''; display:block; position:fixed; height:100%; width:100%;     background-image: linear-gradient(210deg, #132340 0%, #080e1f 100%); z-index:-1;}
 .billing .information:before{background-image: linear-gradient(210deg, #eef2f3 0%, #9dabb7 100%, #8e9eab 100%);}
.overflow .information .content_area {padding:85px 120px 0 120px; min-height:900px;}  
.overflow .information .content_area .title span {display:block; font-size:18px; color:#407ae2; padding:15px 0; text-transform:uppercase; letter-spacing: 1px;}  
.overflow .information .content_area .title span strong {font-weight:400;}
.overflow .information .content_area .title h1 {display:block; color:#fff; font-size:48px; font-weight:800; padding:10px 0;}  
.billing   .information .content_area .title h1 {color:#02060d;}  
.link_modal {display:none;}
.link_modal .login_link {text-align:center;}
.link_modal .login_link span:hover {background-color:#2b5cb3; cursor:pointer;}
.link_modal .login_link span{height:60px; line-height:60px; background:#407ae2; color:#fff; text-align:center; font-size:22px; text-transform:uppercase; display:block; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; max-width:400px; display:block; margin:0 auto;}
.link_modal .register_link {cursor:pointer;}
.billing .link_modal .register_link {color:#407ae2;}
.link_modal .register_link span{height:60px; line-height:60px; text-decoration:underline; color:#fff; text-align:center; font-size:22px; text-transform:uppercase; display:block;}
.billing .link_modal .register_link span {color:#407ae2;}
  .information footer {padding:20px 50px; background:#fff; position:relative; display:none;}
  .information footer a.polit {color:#7b7f8a; font-weight:400; position:absolute; right:50px; top:30px;}
  
 /** List differences  **/

.list_differences {margin:60px 0;} 
.list_differences li {display:inline-block; float:left; width:33.3%; text-align:center; margin-bottom:70px;} 
.billing .list_differences li {width:50%;} 
.list_differences li div {} 
.list_differences li div span {display:inline-block; width:64px; height:64px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;   padding:0;} 
.list_differences li div span.card {background:#fff url('../images/svg/card_ico.svg') center center no-repeat; background-size:28px;}
.list_differences li div span.share {background:#fff url('../images/svg/share_ico.svg') center center no-repeat; background-size:16px;}
.list_differences li div span.document {background:#fff url('../images/svg/document_ico.svg') center center no-repeat; background-size:23px;}
.list_differences li div span.timeline {background:#fff url('../images/svg/setting_line.svg') center center no-repeat; background-size:23px;}
.list_differences li div span.api {background:#fff url('../images/svg/setting_ico.svg') center center no-repeat; background-size:23px;}
.list_differences li div span.monitor {background:#fff url('../images/svg/monitor_ico.svg') center center no-repeat; background-size:28px;}
.list_differences li div span.rocket {background:#fff url('../images/svg/rocket_ico.svg') center center no-repeat; background-size:23px;}
.list_differences li div span.alert {background:#fff url('../images/svg/alert_ico.svg') center center no-repeat; background-size:23px;}
.list_differences li div p {font-size:24px; color:#fff; margin-top:15px; line-height:1.3;  } 
.billing .list_differences li div p {color:#02060d;} 

/** Operators **/

.operators {}
.operators .country {margin-bottom:80px;}
.operators .country span {font-size:20px; color:#7b7f8a; display:inline-block; margin:0 10px 15px 0; }
.billing .operators .country span {color:rgba(2, 6, 13, 0.6);}
.operators .country span img {height:30px; opacity:0.3; vertical-align:middle; margin:0 10px;}
.operators .country span img:hover {opacity:1;}
.operators .country p a {font-size:20px; color:#407ae2; text-decoration:none; border-bottom:1px solid #407ae2;}
.operators .country p a:hover {border-color:transparent;}
  
  
/** Modal **/

.modal_overflow {background:rgba(0,0,0, 0.35); position:fixed; z-index:30; top:0; left:0; bottom:0; width:100%; height:100%; text-align:center; display:none;}
.visible_modal {display:block;}
.modal_visible {display:block;}
.modal_content .title {display:block; font-weight:500; color:#407ae2; margin:30px 0; }

.modal_content  {text-align:center; background:#fff; padding:60px 60px; font-size:18px; color:#02060d; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; width:calc(100% - 120px); margin:60px auto 0 auto; position:relative;}
.modal_content .close {background:url('../images/svg/close.svg') center center no-repeat; background-size:20px; position:absolute; right:25px; top:25px; width:25px; height:25px; cursor:pointer;}
.modal_content .icon {margin-bottom:30px; display:block;}
.modal_content .icon img {height:60px; display:inline-block;}
.modal_content p {line-height:1.4; font-weight:300;}
.modal_content .social {margin-top:40px;}
.modal_content .social li {margin:0 4px;}
 
 
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 60%;
	max-width: 800px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}
/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/** Animation **/
span.logo a strong img,
.overflow .cabinet input,
.overflow .cabinet button,
.overflow .cabinet span,
.overflow .information,
.overflow .visible_cabinet,
 .overflow .cabinet .inner .conteiner_form .form_area .sign_in,
 .overflow .cabinet .inner .conteiner_form .form_area .sign_up,
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.overflow .visible_cabinet,
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

 
 

@-webkit-keyframes flip {
  from {
    -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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

@keyframes flip {
  from {
    -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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
 .header span.logo a:hover strong img,
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  animation: flip 2.5s infinite;
}
 .form_area .sign_up:after,
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
 
  /* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;	
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-dots {display:none!important;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


.slick-arrow {  width:25px; height:100%; position:absolute; left:-30px; top:0; overflow:hidden;     text-indent: 25px; border:0; background:url('../images/svg/next_ico.svg') center center no-repeat; background-size:14px; cursor:pointer;}
.slick-prev  {background:url('../images/svg/back_ico.svg') center center no-repeat; background-size:14px; cursor:pointer;}
.slick-arrow:focus {outline:none;}
.slick-next  {left:auto; right:-30px;}

.overflow .information {overflow:hidden;}
#video_background {position:absolute; width:auto; height:100%; top:0; right:0;  min-width: 100%; 
    min-height: 100%;  z-index:-1;}


	
	.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}
.rotate:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.billing #video_background {opacity:0.7;}

@media only screen and (max-width:1680px){   
.overflow .cabinet .inner footer {position:absolute; bottom:-85px; width:100%;}
.overflow .information .content_area,
.overflow .cabinet .inner {padding:85px 50px 0px 50px;}

.list_differences li {margin-bottom:30px;}
.list_differences {margin-top:30px;}
.list_differences li div p {font-size:19px;}
.operators .country span img {height:23px;}
.overflow,
.overflow .information .content_area {min-height:auto;}
}







@media only screen and (max-width:1480px){  
 .overflow .information .content_area .title h1 {font-size:42px;}
.overflow .cabinet {    width: 520px;}
.overflow .information {    width: calc(100% - 520px);    width: -webkit-calc(100% - 520px);    width: -moz-calc(100% - 520px);}
.list_differences li div p {
    font-size: 16px;
}
}


@media only screen and (max-width:1280px){  
.overflow .cabinet {    width: 460px;}
.overflow .information {    width: calc(100% - 460px);    width: -webkit-calc(100% - 460px);    width: -moz-calc(100% - 460px);}
}

@media only screen and (max-width:1160px){  
.list_differences li div p {font-size:16px;}
.overflow .cabinet {    width: 420px;}
.overflow .information {    width: calc(100% - 420px);    width: -webkit-calc(100% - 420px);    width: -moz-calc(100% - 420px);}
}
 
@media only screen and (max-width:980px){   
#video_background {display:none;}
.header.twin,
.information footer,
.overflow .cabinet .inner .conteiner_form .back {display:block;}
.overflow .cabinet .inner .conteiner_form {padding-bottom:0;}
.overflow .cabinet .inner footer {position:static; bottom:0; margin-top:40px;}
   .overflow .cabinet {position:absolute; right:-420px; opacity:0; display:none; float:none; -webkit-box-shadow: -2px 0px 25px 0px rgba(0,0,0,0.54);
-moz-box-shadow: -2px 0px 25px 0px rgba(0,0,0,0.54);
box-shadow: -2px 0px 25px 0px rgba(0,0,0,0.54);}
   .overflow .cabinet .inner {position:absolute; height:calc(100% - 45px); overflow:auto; right:-30px;  width:calc(100% - 40px); padding-top:45px; padding-left:30px;}
   .overflow .visible_cabinet {display:block; right:0; opacity:1; z-index:99; overflow:hidden;}
   .overflow .hidethis {right:-420px; opacity:0;  transition: all 1s ease-in-out 0s;}
 .overflow .information {float:none; width:100%;} 
 .overflow .information .content_area .title h1 {text-align:center;}
 .overflow .information .content_area .title h1 br {display:none;}
 .overflow .information .content_area .title span {display:none;}
 .link_modal {display:block; margin:30px 0;}
 .operators .country {text-align:center;}
 .list_differences {background:rgba(255,255,255, 0.1); padding-top:40px; padding-bottom:40px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;border-radius: 20px;}
.billing .list_differences {background:rgba(64, 122, 226, 0.1);}
 .list_differences li div p {font-size:19px;}
 .md-modal {width:80%;}
.modal_content { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.54);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.54);}
 
}


@media only screen and (max-width:720px){   
.overflow .cabinet .inner {padding-top:20px; height: calc(100% - 20px);  }
.cabinet  .header {text-align:center;}
 .header span.logo {display:inline-block;}
.conteiner_form {width:100%;     max-width: none;}
   .overflow .cabinet  {width:100%;}
.list_differences li {width:50%;}

 
}

@media only screen and (max-width:650px){
	
	.overflow .information .content_area .title span:first-child {display:none;}
	.overflow .information .content_area .title span {display:block; text-align:center;}
	.link_modal .register_link {text-align:center;}
	.link_modal .register_link span {display:inline-block;}
	.header.twin {padding-top:20px;}
	.header.twin span.logo {height:60px;}
	.header span.logo a strong {font-size:18px;}
	.header span.logo a strong img {width:57px;}
	.overflow .information .content_area .title h1 {font-size:30px;} 
	.overflow .information .content_area {padding:20px 20px 0 20px;}
.header.twin .logo:after {display:none;}	
.header.twin,
.information footer {padding-left:20px; padding-right:20px;}
.link_modal .register_link span {max-width:320px;}
.link_modal .register_link span,
.overflow .cabinet .inner .conteiner_form .select_type span,
.link_modal .login_link span {font-size:20px;}
.operators .country span { display:block;}
.operators .country span small {display:block; margin-bottom:10px;}
}

@media only screen and (max-width:520px){ 
.md-modal {width:96%;}
.modal_content .icon img {height:35px; margin-top:20px;}
.modal_content {padding:20px;}
.information footer  { text-align:center;}
.information footer ul {display:block; width:100%; margin-bottom:10px;}
.information footer a.polit {position:static; margin:15px auto 0 auto;}
.header.twin {text-align:center;}
.header.twin span.logo {display:inline-block; height:52px;}
}

@media only screen and (max-width:480px){ 
.overflow .information .content_area .title {margin-left:-25px; margin-right:-25px;}
.overflow .cabinet .inner .conteiner_form .form_area form button span {font-size:18px;     background: url(../images/svg/lock_ico.svg) 12px 21px no-repeat;
    background-size: 16px;}
.list_differences li div span.card {background-size: 52px;}
.list_differences li div span.share {background-size: 30px;}
.list_differences li div span.api  {background-size: 40px;}
.list_differences li div span.document  {background-size: 40px;}
.list_differences li div span.timeline  {background-size: 40px;}
.list_differences li div span.monitor  {background-size: 40px;}
.list_differences li div span.alert,
.list_differences li div span.rocket{background-size: 35px;}
.list_differences li  {margin-bottom:0;}
.list_differences li div span {height:100px; width:100px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.list_differences li div p {font-size:25px;}
.overflow .information .content_area {padding-left:35px; padding-right:35px;}
.overflow .information .content_area .title h1 {font-size:23px;}
.overflow .information .content_area .title span {font-size:14px; letter-spacing:0;}
}

@media only screen and (max-width:380px){ 
.overflow .cabinet .inner .conteiner_form .form_area form .pole input {height:45px; line-height:45px;}
.overflow .cabinet .inner footer p a,
.overflow .cabinet .inner .conteiner_form .form_area form .pole input,
.link_modal .register_link span, .overflow .cabinet .inner .conteiner_form .select_type span, .link_modal .login_link span,
.overflow .cabinet .inner .conteiner_form .form_area .lost a {font-size:17px;}
.operators {margin:0 -25px;}
}

@media only screen and (min-width:1024px) and (max-width:1679px)  and (max-height:880px){   
.overflow .cabinet .inner .conteiner_form .form_area form .pole input {width:calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); }
.overflow .cabinet {position:absolute; left:0; top:0; height:100%;}
.overflow .cabinet .inner {height:100%;}
.overflow .information .content_area .title span {padding-top:0;}
.overflow .information .content_area, .overflow .cabinet .inner {padding:35px 20px 0 20px;}
body,
.overflow {position:fixed; height:100%; width:100%; top:0; left:0; right:0; bottom:0;}
.overflow .cabinet {width:380px; }	 
.overflow .information { width: calc(100% - 380px);width: -webkit-calc(100% - 380px); width: -moz-calc(100% - 380px); margin-left:380px; position:relative; height:100vh;}
.overflow .information .content_area .title span {padding-top:0;}
.overflow .information .content_area .title h1 {font-size: 4vh;}
.overflow .information .content_area .title h1 br {display:none;}
.overflow .cabinet .inner .conteiner_form .form_area form .pole input{height:45px; line-height:45px;}
.overflow .cabinet .inner .conteiner_form .form_area form .pole {margin-bottom:12px;}
.operators .country span,
.overflow .cabinet .inner .conteiner_form .form_area .lost a,
.overflow .cabinet .inner .conteiner_form .select_type span,
.overflow .cabinet .inner .conteiner_form .form_area form .pole input[type="text"],
.overflow .cabinet .inner footer p a,
.overflow .cabinet .inner .conteiner_form .form_area form .pole input,
.overflow .cabinet .inner .conteiner_form .form_area form .button span {font-size:15px;}
.form_area .sign_up {position:relative;}
.form_area .sign_up:after {width:15px; height:15px; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yODUsMTEuMjg0TDE2LDE5LjU3MWwtOC4yODUtOC4yODhjLTAuMzk1LTAuMzk1LTEuMDM0LTAuMzk1LTEuNDI5LDAgIGMtMC4zOTQsMC4zOTUtMC4zOTQsMS4wMzUsMCwxLjQzbDguOTk5LDkuMDAybDAsMGwwLDBjMC4zOTQsMC4zOTUsMS4wMzQsMC4zOTUsMS40MjgsMGw4Ljk5OS05LjAwMiAgYzAuMzk0LTAuMzk1LDAuMzk0LTEuMDM2LDAtMS40MzFDMjUuMzE5LDEwLjg4OSwyNC42NzksMTAuODg5LDI0LjI4NSwxMS4yODR6IiBmaWxsPSIjMTIxMzEzIiBpZD0iRXhwYW5kX01vcmUiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=') center center no-repeat; background-size:15px; content:''; display:inline-block; position:absolute; top:0; left:50%; margin-left:-9px; top:-25px;}
.form_area  {overflow:hidden; overflow-y:auto; height:calc(100% - 55px); height: -webkit-calc(100% - 55px); height: -moz-calc(100% - 55px); }
.form_area::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.form_area::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}

.form_area::-webkit-scrollbar-thumb {
	background-color: #1574ff;
}


.overflow .information .content_area .title span {font-size:3vh;}
.list_differences li div p,
.operators .country p a {font-size: 2vh;}
.overflow .information .content_area .title span:first-child {padding-bottom:0px;}
.overflow .cabinet .inner .conteiner_form {padding-left:10px; padding-right:10px;}
.overflow .information .content_area .title span {}
	.overflow .cabinet .inner .conteiner_form .form_area form .button span {    background: url(../images/svg/lock_ico.svg) 10px 21px no-repeat;
    background-size: 15px; padding-left:35px; margin-left:-35px}
	.overflow .cabinet .inner footer {bottom:25px;}
	.operators .country {margin-bottom:0;}
	.operators {position:absolute; bottom:20px; left:20px;}
	.overflow .cabinet .inner {padding-top:0;}
	.overflow .cabinet .inner .header {height:85px; margin-top:35px;}
	.overflow .cabinet .inner .conteiner_form {padding-bottom:0;}
	.overflow .cabinet .inner footer ul {margin-bottom:8px;}
	.overflow .cabinet .inner .conteiner_form  { 
	height:calc(100% - 195px); height: -webkit-calc(100% - 195px); height: -moz-calc(100% - 195px); 
	}
}

@media only screen and (min-height:790px){  
.form_area .sign_up:after {display:none;}
}