@import 'jquery.formstyler.css';

@font-face {
    font-family: Exo2;
    src: url("../fonts/exo2.woff") format("woff"), url("../fonts/Exo2.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Exo2-Light;
    src: url("../fonts/exo2-light.woff") format("woff"), url("../fonts/Exo2-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: Exo2-Bold;
    src: url("../fonts/exo2-semibold.woff") format("woff"), url("../fonts/Exo2-SemiBold.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Exo2-ExtraBold;
    src: url("../fonts/exo2-extrabold.woff") format("woff"), url("../fonts/Exo2-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Comfortaa;
    src: url("../fonts/ComfortaaRegular.woff") format("woff"), url("../fonts/ComfortaaRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Comfortaa-Thin;
    src: url("../fonts/Comfortaa_Thin.ttf") format("truetype"), url("../fonts/ComfortaaRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Comfortaa-Bold;
    src: url("../fonts/ComfortaaBold.woff") format("woff"), url("../fonts/ComfortaaBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue-light";
  src: url(../fonts/HelveticaNeueCyr-Light.otf);
}
@font-face {
  font-family: "Helvetica Neue-Medium";
  src: url(../fonts/HelveticaNeueCyr-Medium.otf);
}
@font-face {
  font-family: "Helvetica Neue-Bold";
  src: url(../fonts/HelveticaNeueCyr-Bold.otf);
}
body, html {
    height: 100%;
    width: 100%;
}
html{
    font-size:10px;
}
body {
    font-family: Exo2-Light;
    font-size: 1.6rem;
    font-weight: normal;
    color: #fff;
}
img{
    max-width:100%;
    height:auto;
    width: 100%; /* for ie 8 */
}
p {
    margin-top: 1rem;
    text-align: justify;
}
*>p:first-child{
    margin-top: 0;
}
a, a:hover, a:focus{
    color: #fff;
}
h1, h2{
    font-family: Comfortaa-Bold;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
}
.bg_cover {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    -o-background-size: 100% 100%; /* opera 9.5 */
    -webkit-background-size: 100% 100%; /* Safari 5.0, Chrome 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */
    -moz-background-size: 100% 100%;/* Firefox 3.6 */
    background-size: cover;
}
.bg_cont{
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    -o-background-size: 100% 100%; /* opera 9.5 */
    -webkit-background-size: 100% 100%; /* Safari 5.0, Chrome 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */
    -moz-background-size: 100% 100%;/* Firefox 3.6 */
    background-size: contain;
}
.body {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 1.3;
}
/*navigation to pages*/
.nav_page{
    position: fixed;
    top: 30%;
    left: 1.5%;
    border:1px solid #fff;
    padding: 3px;
    font-family: Exo2;
    font-size: 1.8rem;
    line-height: 2.3;
    text-align: center;
    z-index: 10;
}
.nav_page li{
    background-color: #fff;
    border-left: 1px solid rgba(121, 188, 218, 0.5);
    border-right: 1px solid rgba(121, 188, 218, 0.5);
    width: 35px;
    height: 37px;
}
.nav_page>li:first-child{
    border-top: 1px solid rgba(121, 188, 218, 0.5);
}
.nav_page>li:last-child{
    border-bottom: 1px solid rgba(121, 188, 218, 0.5);
}
.nav_page li:hover,
.nav_page li.active{
    background-color: #0280b2;
}
.nav_page li a{
    display: block;
    color: #243342;
}
.nav_page li:hover a,
.nav_page li.active a{
    color: #fff;
}
/* intro */

.intro {
    position: relative;
    padding-bottom: 4rem;
    box-shadow: 0px !important;
    background-image: url(../images/bg_top.jpg);
    padding-top: 80px;
}
.intro .container{
position: relative;
    margin-top: 200.5px;
}
.navbar{
	padding-top:10px;
	border:0px;
	background:transparent;
}
header.navbar {
    padding-top: 10px;
    border: 0px;
    background: #050c2f;
    min-height: 60px;
    padding-bottom: -30px;
    box-sizing: border-box;
    margin-bottom: 5px;
    -webkit-transition: position 2s ease-out, background 0.2s ease-out;
    -moz-transition: position 2s ease-out, background 0.2s ease-out;
    -o-transition: position 2s ease-out, background 0.2s ease-out;
    transition: position 2s ease-out, background 0.2s ease-out;
    position: fixed;
    width: 100%;
}
header.navbar .navbar-brand  a{
    width:250px;
    height:90px;
    margin-top: -14px;
    margin-left:30px;
	background:url(../images/smartsport.png) no-repeat;
	display:block;
}
header.navbar .navbar-header.pull-right img.lang-img {
    display: inline-block;
    margin-top: -30px;
    margin-left: 20px;
    width: auto;	
}
header.navbar.affix {
	width:100%;
	background:white;
}
header.navbar.affix  .navbar-brand  a{
	background:url(../images/smartsport.png) no-repeat;
}
header.navbar.navbar-default .navbar-nav > li > a {
	font-family: Comfortaa;
   text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    padding: 10px 2px;
	padding-bottom: 6px;
} 
header.navbar.navbar-default .navbar-nav li {
	margin:0 13px;
}
header.navbar.navbar-default .navbar-header {
	margin-top: 5px;
}
header.navbar.navbar-default .navbar-header  a {
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: 5px;
}
header.navbar.navbar-default .navbar-header  a.fb-href{
	background:url(../images/facebook.png) no-repeat;
}
header.navbar.navbar-default .navbar-header  a.vk-href{
	background:url(../images/vk.png) no-repeat;
	margin-left: 25px;
}
header.affix.navbar.navbar-default .navbar-header  a.fb-href{
	background:url(../images/facebook-blue.png) no-repeat;
}
header.affix.navbar.navbar-default .navbar-header  a.vk-href{
	background:url(../images/vk-blue.png) no-repeat;
	margin-left: 25px;
}
header.navbar.navbar-default .navbar-nav  li.active > a {
	font-family: Comfortaa;
}
header.navbar-default .navbar-nav > .active > a, header.navbar-default .navbar-nav > .active > a:hover, header.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
    border-bottom: 2px solid white;
	color:white;
}
header.navbar.affix {
	width:100%;
	background:white;
}
header.navbar #main_navigation ul{
	margin-top:5px;
}
header.affix.navbar.navbar-default .navbar-nav > li > a {
	color:#06416f;
}
header.affix.navbar-default .navbar-nav > .active > a, header.affix.navbar-default .navbar-nav > .active > a:hover, header.affix.navbar-default .navbar-nav > .active > a:focus  {
	background-color: transparent;
    border-bottom: 2px solid #06416f;
	color:#06416f;	
}
.logo{
    display: inline-block;
}
img.macbook_hero{
    position: absolute;
    max-width: 1072px;
    bottom: -6.5rem;
}

/*flexslider*/
.intro .flexslider{
    font-family: Comfortaa;
    font-size: 5rem;
    line-height: 1.2;
    text-transform: uppercase;
    padding-bottom: 10rem;
    z-index: auto;
}
.intro .flexslider li span{
    display: inline-block;
    font-family: Helvetica Neue-light;
    font-size: 2rem;
    line-height: 1.4;
    text-transform: none;
	margin-top: 25px;
	
}
.intro .flex-control-nav {
    bottom: 1.5rem;
    left: 0;
    right: auto;
}
.intro .flex-control-nav li {
	border-right:none;
}
.intro .flex-control-paging li a {
    display: block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 2px solid #fff;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: none;
}
.intro .flex-control-paging li a.flex-active {
    background: #fff;
    border-color: #fff;
    cursor: default;
}
/*video*/
.intro .video-wrap{
    padding-left: 30px;
}
.intro .video {
    position: relative;
    border: 3px solid #fff;
    padding: 4px;
}
.intro .video .play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.intro .video .play:hover{
    opacity: .7;
}
.wr_dialog_video{
    background-color: transparent;
    border: none;
    overflow: visible;
}
.wr_dialog_video iframe, .wr_dialog_video object, .wr_dialog_video embed {
    height: 100%;
    width: 100%;
    /*left: 0;
    position: absolute;
    top: 0;*/
}
.wr_dialog_video .dialog_video{
    height: 315px !important;
    padding: 0;
    overflow: visible;
}
.wr_dialog_video .ui-dialog-titlebar {
    padding-right: 0;
}
.wr_dialog_video.ui-widget-content .ui-icon-closethick{
    background: url(../images/icon_close_32x32.png) no-repeat 50% 50%;
    opacity: .6;
}
.wr_dialog_video.ui-widget-content .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick {
    background: url(../images/icon_close_32x32.png) no-repeat 50% 50%;
    opacity: 1;
}
.wr_dialog_video .ui-dialog-titlebar-close {
    background-color: transparent;
    top: 0%;
    right: 1rem;
    width: auto;
    height: auto;
    visibility: hidden;
}
.wr_dialog_video .ui-dialog-titlebar-close .ui-icon {
    width: 32px;
    height: 32px;
}
.wr_dialog_video:hover .ui-dialog-titlebar-close{
    visibility: visible;
}

/*.video {
height: 0;
margin-top: 7px;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
*/

.intro .free_trial{
    display: block;
    width: 100%;
    max-width: 434px;
    height: 107px;
    margin: 9rem auto 0;
    background-image: url('../images/free-frial-but.gif');
    background-position: -2px -2px;
    font-family: Comfortaa;
    font-size: 5rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.intro .free_trial:hover{
    background-image: none;
    background-color: #0280b2;
}

/* Info content */
.info-content {
    padding: 3rem 0;
}
.info-content .row{
    position: relative;
}

.info-content .container{
    position: relative;
}
.info-content:nth-child(2n+1) h2{
	color: #06416f;
}
/* Info content 1 */
.info-content-1{
    color: #182c37;
    font-size: 1.8rem;
    text-align: justify;
    padding-top: 12rem;
    padding-bottom: 12rem;
}
.info-content-1 h2{
    margin-bottom: 50px;
}
.info-content-1 p {	
    font-family: Helvetica Neue-light;
    text-align: left;
    font-size: 17px;
}
.info-content-1 p strong {
	font-family: Helvetica Neue-Medium;
	font-weight: normal;
}
.info-content-1 .col-min480-7 {
    padding-right: 40px;
}
.info-content-1 .flex-control-nav {
    bottom: -25px;
}
.info-content-1 .flex-control-paging li a {
    display: block;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 3px solid #a2c1d9;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
}
.info-content-1 .flex-control-paging li a.flex-active {
    background: #508ebe;
    border-color: #508ebe;
    cursor: default;
}

/*info-content-2*/
.info-content-2{
    background: url(../images/cloud.jpg) no-repeat transparent;
    
    background-size: cover;
    padding: 0;
    padding-bottom: 9rem;
    padding-top: 4rem;
}
.info-content-2 h2 {
	margin-bottom: 3rem;
    font-size: 28px;
    margin-top: 4rem;
}
.info-content-2 img.notebook{
    position: absolute;
	top: 86px;
    width: auto;
	left: -26px;
    max-width: 167%;
}
.info-content-2 ul{
    max-width: 300px;
}
.info-content-2 .col_last ul{
    margin-top: 10rem;
}
.info-content-2 ul li, .info-content-4 ul li {
    position: relative;
	font-family: Helvetica Neue-light;
    margin-top: 16px;
    padding-left: 27px;
	color: #b9c0ca;
}
.info-content-2 ul li:first-child, .info-content-4 ul li:first-child{
    margin-top: 0;
}
.info-content-2 ul li i, .info-content-4 ul li i {
    display: inline-block;
    height: 10px;
    border: 1px solid #b9c0ca;
    position: absolute;
    width: 10px;
    left: 0px;
    top: 4px;
    border-radius: 50%;
    background: #b9c0ca;
}
.info-content-2 .col-min480-5{
    position: relative;
}
/*info-content-3*/
.info-content-3 {
    padding: 70px 0 75px;
    background: #fafafa;
}
.info-content-3 h2 {
    margin-bottom: 5rem;
    text-align: center;
    color: #06416f;
}
.info-content-3 .row ul{
    position:relative;
    z-index:3;
}
.info-content-3 li{
	position: relative;
    padding-top: 105px;
    color: #373737;
    font-size: 1.4rem;
    text-align: center;
    font-family: Helvetica Neue-light;
}

.info-content-3 li img{
    position: absolute;
    max-width: 88px;
    top: 0px;
    left: 25%;
}
.info-content-3 .row .plan{
    position: absolute;
    height:1rem;
    top: 14%;
	background-color: #e8eaeb;
    left: 8%;
    right: 8%;
}
/*info-content-4*/
.info-content-4{
    background: #286e8c; /* Old browsers */
    background: -moz-linear-gradient(left,  #286e8c 0%, #286e8c 50%, #2c90bb 50%, #2c90bb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#286e8c), color-stop(50%,#286e8c), color-stop(50%,#2c90bb), color-stop(100%,#2c90bb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #286e8c 0%,#286e8c 50%,#2c90bb 50%,#2c90bb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #286e8c 0%,#286e8c 50%,#2c90bb 50%,#2c90bb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #286e8c 0%,#286e8c 50%,#2c90bb 50%,#2c90bb 100%); /* IE10+ */
    background: linear-gradient(to right,  #286e8c 0%,#286e8c 50%,#2c90bb 50%,#2c90bb 100%); /* W3C */
    padding-bottom: 4rem;
}

.info-content-4 h2 {
    margin-bottom: 15px;
}

.info-content-4 ul {
    margin-top: 40px;
    max-width: 100%;
    margin-left: 30px;
}
.info-content-4 .row>div+div ul{
    margin-left: 140px;
}
.info-content-4 .row>div:first-child p{
    margin-right: 15px;
}
.info-content-4 .row>div+div p{
    margin-left: 15px;
}
.info-content-4 ul li{
    font-family: Exo2-Light;
}
.info-content-4 h3 {
    font-family: Comfortaa-Bold;
    font-size: 2.5rem;
    line-height: 3;
    text-transform: uppercase;
}
.info-content-4 .container img {
    position: absolute;
    bottom: -75px;
    z-index: 2;
}

/*info-content-5*/
.info-content-5{
    padding-bottom: 75px;
    padding-top: 65px;
}
.info-content-5 h2 {
	text-align: center;
    color: #06416f;
}

.info-content-5 p {
	color: #000000;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 2rem;
    font-family: Helvetica Neue-light;
    text-align: center;
}
.info-content-5 .flexslider_directionNav{
    margin-top: 6rem;
    text-align: center;
}
.info-content-5 .slides {
    position: relative;/*for z-index*/
    max-width: 759px;
    margin: 0 auto;
    z-index: 11;
}
.info-content-5 .slides li{
    text-align: center;
    font-family: Exo2-Light;
    color: #3a3a3a;
    font-size: 1.8rem;
    font-style: italic;
}
.info-content-5 .slides li > span {
    display: block;
    color: #026992;
    font-family: Comfortaa-Bold;
    font-size: 2.4rem;
    line-height: 2;
    font-style: normal;
}
.info-content-5 .slides .wr_slides{
    position: relative;
    background: url('../images/notebook_slides.png') no-repeat 0 0;
    -o-background-size: 100% 100%; /* opera ≥ 9.5 */
    -webkit-background-size: 100% 100%; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror ≥ 3.5.4 */
    -moz-background-size: 100% 100%;/* Firefox ≥ 3.6 */
    background-size: contain;
    height: 460px;
}
.info-content-5 .slides .wr_slides .img{
    position: absolute;
    top: 25px;
    bottom: 74px;
    left:12%;
    right: 12%;
    background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%; /* opera ≥ 9.5 */
    -webkit-background-size: 100% 100%; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror ≥ 3.5.4 */
    -moz-background-size: 100% 100%;/* Firefox ≥ 3.6 */
    background-size: cover;
}
.info-content-5 .slides .wr_slides .slide_1{
    background-image: url("../images/slide-screens1.png");
}
.info-content-5 .slides .wr_slides .slide_2{
     background-image: url("../images/slide_screen_2.jpg");
 }
.info-content-5 .slides .wr_slides .slide_3{
    background-image: url("../images/slide_screen_3.jpg");
}
.ru .info-content-5 .slides .wr_slides .slide_1{
    background-image: url("../images/slide_screen_1.jpg");
}
.ru .info-content-5 .slides .wr_slides .slide_2{
     background-image: url("../images/slide_screen_2.jpg");
 }
.ru .info-content-5 .slides .wr_slides .slide_3{
    background-image: url("../images/slide_screen_3.jpg");
}
.info-content-5 .flexslider_directionNav .button_sliders{
    background: url("../images/button_sliders.png") no-repeat 0 0;
    width: 94px;
    height: 94px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -37px;
    margin-left: -37px;
    z-index: 20;
}
/*.info-content-5 .flexslider_directionNav .button_sliders:hover{
    opacity: .5;
}*/
.info-content-5  .btn.signUp-btn, footer  .btn.signUp-btn, .intro  .btn.signUp-btn {
	font-family: Helvetica Neue-Bold;
    background: #40ab5a;
    border-radius: 0px;
    color: white;
    margin: 0 auto;
    margin-top: 30px;
	font-size: 16px;
    border: none;
	display:block;
	padding: 15px 40px;	
}
.info-content-5  .btn.signUp-btn a, footer  .btn.signUp-btn a, .intro  .btn.signUp-btn a {
	font-family: Helvetica Neue-Bold;
    background: #40ab5a;
    border-radius: 0px;
    color: white;
    margin: 0 auto;
    margin-top: 30px;
	font-size: 16px;
    border: none;
	display:block;
	padding: 15px 40px;	
}
footer  .btn.signUp-btn.send-btn  {
	background: #06416f;
	margin:0;
}
footer  .btn.signUp-btn.send-btn:active  {
	color:white;
}
.intro  .btn.signUp-btn {
    margin-top: 0;
    width: 100%;
	
    border: none;
}
.intro  .btn.signUp-btn  {
	padding: 12px;
	padding-top: 15px;
}
.info-content-5 .flex-direction-nav {
	height: 53px;
    top: 29%;
    bottom: auto;
}
.info-content-5 .flex-direction-nav a{
    max-width: 62px;
    padding-top: 20%;
    width: 19px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: contain;
    height: 33px;
}
.info-content-5 .flex-direction-nav a.flex-prev{
    background-image: url('../images/arr_lt.png');
	left: 89px;
}
/* .info-content-5 .flex-direction-nav a.flex-prev:hover{
    background-image: url('../images/arr_lt_a.png');
} */
.info-content-5 .flex-direction-nav a.flex-next{
    background-image: url('../images/arr_rt.png');
	right: 89px;
}
/* .info-content-5 .flex-direction-nav a.flex-next:hover{
    background-image: url('../images/arr_rt_a.png');
} */

/*info-content-6*/
.info-content-6{
    background-color: #f3f4f5;
    padding: 50px 0;
}

.info-content-6 h2 {
    color: #026992;
    margin-bottom: 4rem;
}
.info-content-6 .wr_news{
    padding: 2.5rem 2.5rem 4rem;
    border: 1px solid #bdc7cc;
    font-family: Exo2;
    color: #182c37;
    font-size: 1.4rem;
}

.wr_news h3 {
    position: relative;
    color: #026992;
    font-family: Comfortaa-Bold;
    font-size: 2rem;
    line-height: 1.5;
}
.info-content-6 .news{
    height: 18.5rem;
    overflow: hidden;
}
.info-content-6 .wr_news .more{
    position: absolute;
    bottom: 2rem;
    right: 3rem;
    display: inline-block;
    background: url('../images/more.png') no-repeat 0 0;
    width: 9px;
    height: 14px;
}
.info-content-6 .wr_news .more:hover{
    opacity: .5;
}
.info-content-6 button.more_news{
    display: block;
    margin: 3rem auto;
    background-color: #0280b2;
    border: 3px solid #0280b2;
    font-family: Exo2;
    font-size: 2rem;
    line-height: 6rem;
    padding: 0 10rem;
    text-transform: lowercase;
}
.info-content-6 button.more_news:hover{
    background-color: transparent;
    color: #0280b2;
}
#result {
	color: red;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
/* Footer */
footer {
	background: #fafafa;
	padding: 3.5rem 0 13.5rem;
}
footer h2{
    margin-bottom: 2rem;
	color: #06416f;
	font-size: 32px;
}
footer .row{
    position: relative;
}
footer .row>div{
    position: static;
}
footer .list_contact{
    line-height: 2;
    padding: 1.5rem 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #000000;
}
footer .list_contact:after{
/*     content: '';
    display: block;
    border: 1px solid #838a99;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32%;
    margin-left: -3rem; */
}
footer .list_contact h3{
    font-family: Comfortaa-Bold;
    font-size: 2.8rem;
    color: #06416f;
	text-transform: uppercase;
    margin-bottom: 0;
}
footer .list_contact .vcard {
	line-height: 20px;
    font-family: Helvetica Neue-light;
	font-size: 14px;
}
footer .list_contact .vcard  .fn.org{
	font-family: Helvetica Neue-Bold;
    display: block;
    margin: 12px 0;
}
footer .list_contact .vcard  .fn.n {
	margin-top: 10px;
}
.info-content-7 {
	background:white;    
	padding-bottom: 3rem;
    padding-top: 0;
}
.info-content-7 .copy{
    margin-top: 3rem;
}
.info-content-7 .logo{
    width: 86px;
    height: 16px;
    float: right;
}
.info-content-7 .left{
	color: #7d7d7d;
    font-family: Helvetica Neue-light;
	float: left;
	font-size: 15px;
}
.info-content-7 .right{
    float: right;
}
@media (max-width: 1024px) {
    .nav_page{
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    /*info-content-2*/
    .info-content-2 img.notebook {
        top:auto;
        bottom: -77px;
    }
}
@media (max-width: 991px) {
    html{
        font-size: 8px;
    }
    /*intro*/

    /*info-content-2*/
    .info-content-2 .row>div:first-child{
        display: none;
    }
    .info-content-2 ul {
        font-size: 2rem;
        max-width: 100%;
    }

    /*info-content-3*/
    .info-content-3 li img {
        left: 17%;
        max-width: 78px;
    }
    /*info-content-4*/
    .info-content-4 h3 {
        font-size: 2rem;
    }
    .info-content-4 ul {
        max-width: 300px;
    }
}

@media (max-width: 767px) {
    .container {
        width: 95%;
    }
    div[class*="col-"] {
        padding: 0px 10px;
    }
    .row {
        margin:0 -10px;
    }
    /*intro*/
    .intro .video .play {
        margin-left: -25px;
        margin-top: -25px;
    }
    .intro .video .play img{
        width: 50px;
    }
    /*info-content-2*/
    .info-content-2 ul {
        font-size: 1.8rem;
    }
    /*info-content-3*/
    .info-content-3 li {
        font-size: 1.8rem;
        margin: 10px 0;
        min-height: 78px;
        padding-top: 0;
        padding-left: 105px;
        text-align: left;
        vertical-align: middle;
    }
    .info-content-3 li img {
        left: 2%;
        max-width: 78px;
    }
    /*info-content-4*/
    .info-content-4{
        background: #286e8c;
    }
    .info-content-4 .row > div + div{
        margin-top: 3rem;
    }
    .info-content-4 .row > div:first-child p {
        margin-right: 0;
    }
    .info-content-4 .row > div + div p {
        margin-left: 0;
    }
    .info-content-4 .row > div + div ul {
        margin-left: 30px;
    }
    .info-content-4 .container img {
        bottom: -60px;
        right: -25%;
    }
    .info-content-3 .row .plan{
        display: none;
    }
	header.navbar.navbar-default .navbar-nav li {
		margin: 0 7px;
	}
}

@media (max-width: 599px) {
    div[class*="col-"] {
        padding: 0px 5px;
    }
    .row {
        margin:0 -5px;
    }
    /*intro*/
    .intro .free_trial {
        font-size: 3.5rem;
        height: 80px;
        margin: 4rem auto 0;
        max-width: 295px;
    }
    .intro .flexslider {
        padding-bottom: 7rem;
    }
    .intro .flexslider li span{
        font-size: 2.5rem;
		margin-bottom: 15px;
    }
    .intro .video-wrap {
        padding-left: 2rem;
    }

    /*info-content-1*/
    .info-content-1 .flexslider {
        margin-bottom: 6rem;
    }
    /*info-content-4*/
    .info-content-4 .container img {
        right: -35%;
    }
    /*info-content-5*/
    .info-content-5 .flex-direction-nav {
        top: 44%;
    }
    .info-content-5 .flex-direction-nav a{
        padding-top: 12%;
        width: 8%;
    }
    /*info-content-6*/
    .info-content-6 .wr_news {
        padding: 2rem 2rem 3rem;
    }
    .info-content-6 .news {
        height: 30rem;
    }
    .ui-dialog{
        width:400px !important;
    }
}
@media (max-width: 479px) {
    /*info-content-2*/
    .info-content-2 .col_last ul {
        margin-top: 2rem;
    }
    /*info-content-4*/
    .info-content-4 .container img {
        display: none;
    }
    /* info-content-6 */
    .info-content-6 .row>div {
        margin-top: 2rem;
    }
    .info-content-6 .row>div:first-child{
        margin-top: 0;
    }
    .info-content-6 .wr_news {
        height: 23rem;
        padding: 2.5rem 2.5rem 4rem;
    }
    .ui-dialog{
        width:300px !important;
    }
    /*footer*/
    footer .row>div{
        margin-top: 2rem;
    }
    footer .list_contact{
        /* border: 1px solid #838a99; */
    }
    footer .list_contact:after{
        content: '';
        display: none;
    }
}

@media (max-width: 421px) {
    .container {
        margin: 0 auto;
    }
	.intro .container {
        margin: 0 auto;
		margin-top:10px;
    }
	.info-content-5 .slides .wr_slides {
		height: 260px;
	}
}

/*temp*/
#info-content-4,
#info-content-6{
    display:none !important;
}
.info-content-5 {
    background-color: white;
}
.info-content-5  .btn.signUp-btn a:hover, footer  .btn.signUp-btn a:hover, .intro  .btn.signUp-btn a:hover {
	text-decoration:none;
}
.intro .signUp-now  {
    border-radius: 1px;
    border: none;
	box-shadow: 1px 12px 50px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 1px 12px 50px rgba(0, 0, 0, 0.34);
	-webkit-box-shadow: 1px 12px 50px rgba(0, 0, 0, 0.34);
}
.intro .signUp-now h3 {
    color: #4a4a4a;
    text-align: center;
    font-family: Helvetica Neue-light;
    font-weight: normal;
    font-size: 22px;
}
.intro .signUp-now h3 span.green {
	color:#40ab5a;
}	
.intro .signUp-now img {
	width: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
	margin-bottom: 20px;
}	
.intro .signUp-now .signUp-divider {
	background: url(../images/signUp-divider.png) no-repeat;
	height:7px;
	background-size:contain;
	display: block;
	margin-bottom: 20px;
}	
.intro .signUp-now .form-control {
	border: 1px solid #e1e1e1;
    border-radius: 0;
    padding-left: 10px;
	font-family: Helvetica Neue-light;
    height: 47px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}	
.intro .signUp-now .form-control:focus{
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}	
a.email {
	color:black;
}

@media (min-width: 1080px) {
	.intro .container {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-550px;
		margin-top:-242.5px;
		padding-top: 40px;
	}
}

/* custom select */
.lang {
    display: inline-block;
}
.jq-selectbox__dropdown {
    width: 81%;
}
.jq-selectbox.custom_sel{
    float: right;
    width: 60px;/*ширина селекта - задается через блок обертку*/ 
}
.jq-selectbox .jq-selectbox__select{
    padding: 3px 23px 5px 7px;
}
.jq-selectbox .jq-selectbox__trigger{
    width: 23px;
}
.jq-selectbox .jq-selectbox__trigger-arrow{
    background: url('../images/ic_arr_select.png') no-repeat 0 0;
    width: 14px;
    height: 8px;
    right: 7px;
    top: 8px;
     opacity: 1;
}
.jq-selectbox.opened .jq-selectbox__trigger-arrow{
    background-position: -15px -9px;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    opacity: .5;
}
.jq-selectbox ul{
    background-color: rgba(255, 255, 255, 0.7);
    color: transparent;
}
.jq-selectbox li{
    width: 45px;
    height: 18px;
    margin: 12px 0;
    white-space: normal !important;
    word-wrap: break-word;
	overflow: hidden;
}
.jq-selectbox li:hover{
    /*opacity: .5;*/
}
.jq-selectbox .jq-selectbox__select-text{
    height: 18px;
    color: transparent;
}
.jq-selectbox .lang-ru,
.jq-selectbox.lang-ru .jq-selectbox__select-text{
    background: url('../images/lang_rus.gif') no-repeat 50% 50%;
}
.jq-selectbox .lang-en,
.jq-selectbox.lang-en .jq-selectbox__select-text{
    background: url('../images/lang_en.gif') no-repeat 50% 50%;
}
/*Скрытие текста*/
.jq-selectbox.lang ul, .jq-selectbox.lang .jq-selectbox__select-text{color: transparent;}