@charset utf-8;
/* font-family: "PTSansBold"; */
@font-face {
    font-display: swap ;
      font-family: "PT Sans Bold";
      src: url("fonts/PTSansBold/PTSansBold.eot");
      src: url("fonts/PTSansBold/PTSansBold.eot?#iefix")format("embedded-opentype"),
      url("fonts/PTSansBold/PTSans-Bold.woff2") format("woff2"),
      url("fonts/PTSansBold/PTSansBold.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }
  
h1, h2, h3{ font-weight:400}
h2{margin-top:40px; margin-bottom:30px}
body {
	background-color:#fff;
}
article{ font-size:20px; line-height:1.7; padding-bottom:50px}
/* articles splash */
.articles-splash{
    padding-top:85px;
    padding-bottom:25px;	
}
.articles-splash h1{
    font-size:60px;
    line-height:1.07;
	font-weight:bold
	
}
.articles-splash h2{
    margin-top:85px;
    margin-bottom:10px;
/*	font-size:2.6em;*/
    font-size:36px;
}
.articles-splash .block-author{
    margin-top:20px;
    font-size:16px;
/*	font-size:1.2em;	*/
}
.articles-splash .block-author .date{
    color:#909090;
}

.articles-splash .block-text{
/*    font-size:20px;
    line-height:34px;
    margin-top: 5px;*/
}

/* articles-content */
.articles-content{
/*   padding-top:20px; 
   font-size:20px;
   line-height:34px;*/
}
.articles-content h2, .articles-content .title{

}

.articles-content .text-main, .articles-content p {
    margin-bottom:34px;
/*	font-size:1.6em;	
    line-height:1.6em;	
*/
   font-size: 20px;
   line-height: 34px;
}
.articles-content .article-content-item{
/*	font-size:2.2em;	
    line-height:2.6em;	*/
    font-size:20px;
    line-height:34px;
}
.articles-content .title{
    margin-top:50px;
    font-size:20px;
    line-height:26px;
    color:#303030;
    font-weight: 600;
}
.articles-content .block-text{
    margin-top:50px;
    font-size:20px;
    line-height:34px;
    color:#303030;
}
.articles-content .block-list, .articles-content ul{
/*    color:#303030;*/
}
.articles-content .block-list > ul, .articles-content ul{
    margin:0 0 34px 36px;
    padding:0;
    list-style: none outside none;
}
/*.articles-content .block-list > ul{
    list-style: none outside none;
}
*/
.articles-content .block-list > ul > li, .articles-content  > ul > li{
	list-style: disc
/*    list-style: none outside none;
    background-image:url("/imgnew/no-repeat.png");
    background-position: -154px 12px;
    background-repeat: no-repeat;
    padding-left:25px;*/
}
.articles-content ol > li,.articles-content ul > li {
}
.articles-content .block-note, .articles-content p.note{
    margin-top:50px;
    padding:20px 5px 20px 36px;
    font-size:16px;
    line-height:24px;
    background-color: #eff3f3;
    color:#303030;
}
.articles-content .block-blockquote, .articles-content blockquote{
    margin-top:60px;
    margin-left:36px;
    border-left: 2px solid #00b147;
    padding:7px 0px 7px 20px;
    font-family: "Georgia",Arial, sans-serif;
    font-style: italic;
    color:#303030;
}
.articles-content .block-youtube{
    position: relative;margin:0 auto;display: table;
}
.articles-content .block-youtube .play{
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height:100%;
    background-image: url("/imgnew/play.png");
    background-repeat:no-repeat;
    background-position: 50% 50%;
}
.articles-content .block-youtube .play:hover{
    background-image: url("/imgnew/play@hover.png");
 }
.articles-content img{ text-align:center; margin:50px auto 20px auto; display:block}
/* articles-image */
.articles-image{
    padding-top:50px;
    padding-bottom:20px;
}
.articles-image .block-text, .img-description{
    margin-top:20px;
	margin-bottom:30px;
    font-size:16px;
    line-height:16px;
    color:#909090;
	text-align:center
}
/* articles-social */
.articles-social{
    padding-top:50px;
    padding-bottom:60px;
}
/* product info */
.articles-product-info{
    padding-top:25px;
    padding-bottom:45px;
}
.articles-product-info .logo{
	float: left;
}
.articles-product-info .description{
    margin-top:12px;
    display: inline-block;
}
.articles-product-info .description .title{
    margin-bottom: 7px;
    font-size: 36px;
    line-height: 40px;
    color: #303030;
    margin-top: 14px;
}
.articles-product-info .description .text{
    font-size:16px;
    line-height: 24px;
    color:#909090;
}
.articles-product-info .description .text a{
    color:#505050;
}
.articles-product-info .btn-group{font-size:16px;}
.articles-product-info .btn-group .button{
    margin-top:25px;
    display: inline-block;
    padding: 10px 18px;
    border-left: 1px solid #e6e6e6;
}
.articles-product-info .btn-group .button:first-child{
    padding-left:0;
    border-left: none;
}
.articles-product-info .btn-group .button .help-block{
    padding-top:20px;
    text-align:center;
    font-size:14px;
    color:#909090;
}
.articles-product-info .block-rank{
    padding: 20px;
    background-color:#eff3f3;
    color:#303030;
    font-size:16px;
    width:100px;
}
.articles-product-info .block-rank .rank{
    display: block;
    margin-bottom:15px;
    font-size:36px;
    line-height:36px;
    color:#909090;
}

/* .disqus-block */
.disqus-block{padding:30px 0;}

/* .recent-posts */
.recent-posts{
    padding:60px 0;
}
.recent-posts .title-main{
    color:#909090;
    line-height:34px;
}
.recent-posts .text-main, .recent-postst p{
    margin-top:25px;
}
.recent-posts ul.items{
    list-style: none outside none;
}
.recent-posts ul.items > li {
    list-style: none outside none;
    margin-top:40px;
}
.recent-posts a.cb-post{
    display:block;
    min-width: 240px;
    max-width: 240px;
    width: 240px;
    min-height:320px;
    margin:0 auto;
    padding-top:40px;
    background-color:#ffffff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
.recent-posts a.cb-post:hover{
    box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}
.recent-posts a:hover{
    text-decoration: none;
}
.recent-posts a:hover .title{
    color: #006ca8;
}
.recent-posts .title{
    display:block;
    font-size:20px;
    line-height:30px;
    color:#0088d3;
    font-weight: 600;
    min-height:100px;
}

.recent-posts .author{
    display:block;
    margin-top:10px;
    font-size:16px;
    line-height:18px;
    color:#303030;
    font-weight:600;
}
.recent-posts .date{
    display:block;
    margin-top:5px;
    font-size:16px;
    line-height:18px;
    color:#303030;
    font-weight:300;
}
.recent-posts .icons-post{
    margin:0 auto;
    margin-top:38px;
    width: 74px;
    height:57px;
    display: block;
    background-image: url("/imgnew/articles/article.png");
    background-repeat: no-repeat;
    background-position: 0 0; 
}
.icon-avatars{
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;  
    -khtml-border-radius:18px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;  
    vertical-align: middle; 
    border:none;
}

.table.table-bordered {
    border: 1px solid #353535;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #353535;
}

.box-50x50.number{
	font-size:30px;
	line-height:46px;
	font-weight:bold;
	font-family: "PT Sans Bold", Helvetica, Arial sans-serif;	
	color:#3F647F;
	border:3px solid #3F647F;
	background:#ffffff;

	border-radius:50%;
	text-align:center
 }

/*   article-steps   */
.article-steps .media{margin-bottom: 45px; margin-top:0px}
.article-steps .media > .media-left + .media-body{width:100%;}
.article-steps .media:last-child{margin-bottom:0px}
.article-steps .media-heading {
	font-weight:500;
	font-family: "OpenSansSemiBold";
	margin-bottom:40px
	
}
.article-steps .media-left, .article-steps .media > .pull-left {
    padding-right: 20px;
}
.article-steps .media-right, .article-steps .media > .pull-right {
    padding-left: 20px;
}
.article-steps .box-50x50.number{margin-top:-12px;}

/*    article-alert   */
.article-alert{margin-top:40px}
.alert{
	font-size:14px;
	line-height:1.43;
}
.alert h4{ font-weight:bold; margin-bottom:10px;	font-size:14px;
	line-height:1.43;}
.alert.alert-info {
	color:#4F4F4F
}

.icon-product {
    background-image: url(/images/article.png);
}
.icon-product.box-128x128 {
    background-position: 0 -56px;
}
.articles-content iframe {
    max-width: 100%;
}
.articles-product-info .link {
    font-family: "Montserrat Semibold", Arial, Verdana, sans-serif;
}

/*---------Media----------*/
@media (min-width: 1200px) {
	
}


@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (max-width:  991px) {
    .articles-product-info .description{
		width: 100%;
		text-align: center;
    }
    .articles-product-info .btn-group{
		margin: 0 auto;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	
}

@media (max-width: 767px) {
	body{
		margin-top: 0px;
	}
	article{padding-bottom:30px}	
	.articles-splash{ padding-top:40px}
	.articles-splash h1 {
	    font-size: 2.8em;
    	line-height: 1.6em;
	}
/*	.articles-content{
		padding-top: 0;
	}*/
	.articles-content h2, .articles-content .title {
	    margin-bottom: 20px;
    	margin-top: 30px;
	}
	.articles-product-info{
		padding-bottom: 25px;
	}
	.articles-product-info .btn-group .button:first-child{
		padding: 10px 18px;
	}
	.articles-product-info .logo{
		float: none;
	}
	.recent-posts{
		padding: 30px 0;
	}
	.media-left, .media-right, .media-body {
 	   display: block;
	   padding-right:0;
	   vertical-align: top;
	}
	.media-right, .media-body {
		margin-top:20px
	}

	.article-steps .media-right{ text-align:center;margin-bottom:30px;}
    .article-steps .media-right, .article-steps .media > .pull-right {padding-left: 0px;}
    .article-steps .media-left, .article-steps .media > .pull-left {padding-right: 0px;}
    .article-steps .box-50x50.number{margin-top:10px;}
}

@media (max-width: 480px) {
/*	
    .articles-splash{
	    padding-top:30px;
	    padding-bottom:0px;	
	}
*/	
	.articles-splash h1 {
	    font-size: 2.6em;
		line-height: 1.2em;
	}
	
	.articles-splash h2 {
	    font-size: 1.8em;
		line-height: 1.4em;
	    margin-top: 35px;
	}	

	.articles-splash .block-text {
    	font-size: 1.3em;
	    line-height: 1.3em;
	}
	
	.articles-content h2, .articles-content .title{
   		font-size: 30px;
	    line-height: 33px;
	}
	
	.articles-content .text-main, .articles-content p {
    	font-size: 20px;
	    line-height: 26px;
	}
	.articles-social {
	    padding-bottom: 30px;
    	padding-top: 25px;
	}
}

@media (max-width: 320px) {
	
}

/* retina */
@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) {
   
    .recent-posts .icons-post{
        background-image: url("/imgnew/articles/article@2x.png");
        background-size:74px 54px;
        -webkit-background-size:74px 54px;
        -moz-background-size:74px 54px;
    }

    .icon-product.box-128x128 {
        background-image: url(/images/logo@256.png);
    }
    .box-128x128 {
        background-size: 128px 128px;
        -webkit-background-size: 128px 128px;
        -moz-background-size: 128px 128px;
        background-position: 0 0 !important;
    }
    
}