@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body, a, b, strong {
    font-family: "Open Sans", "Helvetica", Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
h1, .h1, h2, .h2, h3, .h3{
	font-family: "Montserrat Semibold", Arial, Verdana, sans-serif;
}
b, strong {
    font-weight: 700;
}
h1,.h1, .article .articles-splash h1{
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;	
}
h2,.h2{
	font-size: 32px;
	line-height: 32px;
	font-weight: 400;	
}
h3,.h3{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;	
}
h4,.h4{
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
}
a {
    color: #118AFB;
    border-bottom: none;
    text-decoration: none;
}
.color-ff5722{
	color:#ff5722;
}

.articles-header{padding-top:6px;}
.articles-header .header-logo{
    background-position: 0 -234px;
    border-bottom: medium none;
    display: block;
    height: 35px;
    margin-top: 8px;
    text-decoration: none;
    width: 150px;
}
.articles-header .text-right{
	padding-top:6px	
}
.articles-header .btn-primary {
    border-width: 2px;
    padding: 9px 10px 8px 10px;
    border-color: #77BAF8;
    color: #0084ff;
	font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.img-center img { text-align:center; margin:50px auto 20px auto; display:block}

.article .container {
    max-width: 620px;
	padding-top: 55px;
	padding-bottom: 80px;
    font-size: 18px;
    line-height: 28px;
}
.article-landing-info .container{
	max-width: 620px;
}
.article.no-padding-top .container{
	padding-top: 0;
}
.article .container code{
	word-break: break-word;
}
.article .container p {
	margin: 24px 0;
}
.article .container h3 {
	padding-bottom: 24px;
}
.article .container h3+p {
	margin-top: 0;
}
.article .container h4 {
	padding-top: 6px;
}
.article .container ul{
	line-height: 2;
	padding-left: 25px;
	margin-bottom: 0;
}
.article .container img{
	margin: 40px auto;
	display:block
}

.article .num-list{
	padding-left: 0;
}
.article .num-list > li {
    list-style-type: none; 
	padding-left: 60px;
	padding-top: 24px;
	padding-bottom: 29px;
	border-bottom: solid 1px #dadada;
}
.article .num-list > li:last-of-type {
	border-bottom: none;
}
.article .num-list > li:before {
    color: #118afb; 
    content: "•"; 
	font-size: 40px;
	margin-left: -60px;
	position: absolute;
	padding-top: 8px;
	font-family: "Montserrat Semibold", Arial, Verdana, sans-serif;
}
.article .num-list > li:nth-child(1):before{ content: "1"; }
.article .num-list > li:nth-child(2):before{ content: "2"; }
.article .num-list > li:nth-child(3):before{ content: "3"; }
.article .num-list > li:nth-child(4):before{ content: "4"; }
.article .num-list > li:nth-child(5):before{ content: "5"; }
.article .num-list > li:nth-child(6):before{ content: "6"; }
.article .num-list > li:nth-child(7):before{ content: "7"; }
.article .num-list > li:nth-child(8):before{ content: "8"; }
.article .num-list > li:nth-child(9):before{ content: "9"; }

.article .title{
    font-size: 24px;
    line-height: 28px;
	font-weight: bold;
	padding: 15px 0;
}
.smiling_face:before, .thinking_face:before, .unamused_face:before, .face_with_monocle:before{
	margin-right: 10px;
	margin-bottom: -10px;
	background-image: url(/images/no-repeat.png);
	background-position:0 -100px; 
	background-repeat:no-repeat;
	width: 42px;
	height: 42px;
	display: inline-block
}

.articles-product-info {
	padding-top: 48px;
	padding-bottom: 56px;
    font-size: 18px;
    line-height: 28px;
}
.articles-product-info .block_title h2{
	padding-bottom: 40px;
	font-size: 24px;
	line-height: 32px;
	margin: 0
}
.articles-product-info .block_title h2 strong{
	font-family: "Montserrat Semibold", Arial, Verdana, sans-serif;
	font-weight: 500;
}
.articles-product-info .description-block{
	padding-top: 28px;
	margin-bottom: 32px;
}
.articles-product-info .title-area .title{
	margin: 0;
}
.articles-product-info .title-area .sub-title{
	font-size: 20px; line-height: 28px; font-family: "Montserrat Regular", Arial, Verdana, sans-serif;
}
.articles-product-info .logo{
	margin-bottom: 16px;
}
.articles-product-info .title-area{
	margin-bottom: 16px;
}
.articles-product-info .title-area .title{
	margin-bottom: 8px;	
}
.articles-product-info .title-area .title a{
	font-family: "Montserrat Semibold", Arial, Verdana, sans-serif;
}
.articles-product-info .title-area .title a:hover{
	border-width: 0;
	text-decoration: underline;
}
.articles-product-info .btn-group-left .button:first-of-type{
	margin-right: 10px;
}
.articles-product-info .btn-group-left .button:last-of-type{
	margin-right: 0px;
}
.articles-product-info .bottom_text{
	margin-top: 32px;
	padding-bottom: 20px;
	font-size: 14px;
	max-width: 360px;
}
.articles-product-info .bottom_text .reiting{
	color: #00adef;
}
.articles-product-info .bottom_text .ifont.stars{
	color: #00adef;
	font-size: 18px;
}
.articles-product-rating {
	font-size: 14px;
}
.articles-product-rating .ifont.stars,
.articles-product-rating .rating,
.articles-product-rating .bottom_text{
	opacity: 0.6;
	color:#fff;
}
.articles-product-rating .ifont.stars{
	font-size: 18px;
}
.articles-product-rating .description{
	color: #fff;
}
.articles-product-rating .description a{
	color: #fff;
}

.method-1 .articles-product-info,.method-1 .articles-product-info .block_title h2,
.method-1 .articles-product-info .title, .method-1 .articles-product-info .sub-title {
	color:#fff;
}
.method-1 .articles-product-info .description{
	opacity: 0.6;
	font-family: "Montserrat Regular", Arial, Verdana, sans-serif;
}

.article .title.smiling_face:before{ content: " "; background-position:-60px -3626px; }
.article .title.thinking_face:before{ content: " "; background-position:-122px -3626px; }
.article .title.unamused_face:before{ content: " "; background-position:-184px -3626px; }
.article .title.face_with_monocle:before{ content: " "; background-position:-0px -3626px; }

.article p.note {
    margin-top: 50px;
    padding: 25px 36px;
    font-size: 16px;
    line-height: 24px;
    background-color: #e1eef7;
    color: #47677d;
    border: 1px solid transparent;
    border-radius: 3px;
}
.article .note2 {
	color: #118afb;
	font-size: 24px;
	line-height: 1.67em;
	font-style: italic;
	padding: 16px 0;
}


.buttons-block.index-button{
    padding-top:60px;
    padding-bottom:100px; 
	padding-left: 0;
}
.buttons-block.index-button .title {
    font-size:33px;
    line-height:43px;   
    color:#4a545a;
    text-align:center;
    font-family:"Montserrat Semibold", Arial, Verdana, sans-serif; 
    margin-bottom:3px;
}
.buttons-block.index-button .text {
    font-size:17px;
    line-height:26px;   
    color:#4a545a;
    text-align:center;
    margin-bottom:10px;
}
.buttons-block.index-button .btn-group{
    margin-top:15px;
    display: table;
    margin-left:auto;
    margin-right:auto;
}
.buttons-block.index-button .icon-block{
    width:128px;
    height:128px;
    margin-left:auto;
    margin-right:auto;
    background-image: url("/images/no-repeat.png");
    background-repeat: no-repeat;
    display:block;
    margin-bottom:30px;
}
.buttons-block.index-button .icon-block.logo{
    background-position: 0 -2979px;
}
.buttons-block.index-button .btn-lg, .buttons-block.index-button .btn-group > .btn-lg {
    min-width: 200px;
    padding: 12px 24px;
    font-size:20px;
    line-height:28px;
    font-family:"Montserrat Semibold", Arial, Verdana, sans-serif;
}

.partners-button .title, .partners-button .text{
	color: #495359;
	font-size: 18px;
	line-height: 1.56;
}
.buttons-block.partners-button{
	padding: inherit;
	padding-right: 15px;
	padding-left: 15px;
}

.bkg-color-ebf4fc-ffffff{
	background: linear-gradient(to bottom, #ebf4fc 325px, #fff 50%);
}
.bkg-color-ebf4fc-ffffff .container{
	min-height: 588px;
	background-image:url(/images/articles-landing/img-supportking.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.bkg-color-7023df-21b9f1{
	background-image: linear-gradient(307deg, #7023df 0%, #21b9f1 98%);
}
@media (max-width: 767px) {
	.bkg-color-ebf4fc-ffffff .container{ background: none; background-color:#ebf4fc; min-height: auto;}
	.bkg-color-ebf4fc-ffffff .mb-120{ margin-bottom: 60px;}
	.bkg-color-ebf4fc-ffffff .index-button-footer{margin-bottom: 60px;}

	.articles-product-info{
		padding-top: 40px;
	}
	.articles-product-info .block_title h2{
		padding-bottom: 20px;
	}
	.articles-product-info .logo{
		min-width: 60px;
	}
	.articles-product-info .description-block .btn-group-left{
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.articles-product-info .btn-group {
		display: block;
		text-align: center;
	}
	.articles-product-info .btn-group-left .btn-sm {
		min-width: 135px;
	}
	.article .container {
		padding-top: 5px;
		padding-bottom: 2px;
	}
	.article .container img {
    	margin: 0px auto 15px auto;
	}
}

.simple-title-01, .simple-title-02{
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 100px;
	position: relative;
}
.simple-title-01{ color: #118afb; }
.simple-title-02{ color: #495359; }
.simple-title-01:before, .simple-title-02:before{
	position: absolute;
	top: 0;
	font-size: 160px;
	line-height: 160px;
	opacity: 0.08;
	font-weight: 800;
	font-style: italic;
	top: 40px;
	left: calc( 50% - 114px );
}
.simple-title-01:before{ content: "01."; }
.simple-title-02:before{ content: "02."; }

@media (max-width: 479px) {
	.buttons-block {
	    padding-bottom: 40px;
    	padding-left: 0;
	    padding-top: 40px;
	}
	.articles-product-info .btn-group-left .btn{
		display: block;
		width: 100%;
		margin-top: 10px; 
	}
	.articles-product-info .btn-group {
		display: block;
		line-height: 0;
	}
	.articles-product-info img {
		max-width: 100%;
		height: auto;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
 .article  .title.smiling_face:before,
.article  .title.thinking_face:before, .article  .title.unamused_face:before, .article  .title.face_with_monocle:before{
		background-position: 0px 0px;
		background-size: 42px 42px;
}
.article .title.smiling_face:before{ background-image: url(/images/icons/faceSmiling@2x.png);}
.article .title.thinking_face:before{ background-image: url(/images/icons/faceThinking@2x.png);}
.article .title.unamused_face:before{  background-image: url(/images/icons/faceUnamused@2x.png);}
.article .title.face_with_monocle:before{  background-image: url(/images/icons/faceMonocle@2x.png);}
}