.main{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
.table{
    display: table;
    table-layout: fixed;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
}

#top{
    background: #0177ff;
    font-size: 11px;
    font-family: 'GothamPro-Medium';
    color: white;
    height: 20px;
    line-height: 19px;
}
.overlay{
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*--------------*/
/* Header block */
/*--------------*/
header{
    border-bottom: solid 1px #e4e4e4;
    height: 55px;
    box-sizing: border-box;
    position: fixed;
    top: 20px;
    background: white;
    width: 100%;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
}
header .logo{
    display: inline-block;
    vertical-align: top;
    height: 55px;
    padding: 10px 0;
    box-sizing: border-box;
}
header .logo img{
    max-height: 55px;
}
header .send_request{
    display: inline-block;
    background: #0177ff;
    color: white;
    text-align: center;
    width: 140px;
    height: 30px;
    line-height: 28px;
    margin: 12px 25px 12px 0;
    text-decoration: none;
    font-family: 'GothamPro-Medium';
    font-size: 13px;
    border-radius: 3px;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}
header .send_request:hover{
    background: #13a4c9;
}
header .login{
    color: #6b6b6b;
    font-family: 'GothamPro';
    font-size: 13px;
    cursor: pointer;
}
header .login:hover{
    font-weight: 700;
}
header.fixed{
    top: 0;
    z-index: 99;
}

/** Navigation **/
nav{
    display: inline-block;
    height: 55px;
    line-height: 55px;
}
nav .nav_item{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #171717;
    font-family: 'GothamPro';
    text-decoration: none;
    margin: 0 10px;
    height: 55px;
    box-sizing: border-box;
}
nav .nav_item:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}
nav .nav_item.blue:after{
    background: #318dc6;
}
nav .nav_item.red:after{
    background: #cf4b58;
}
nav .nav_item.viol:after{
    background: #4d4f5b;
}
nav .nav_item.grey:after{
    background: #81648d;
}
nav .nav_item.orange:after{
    background: #f5ab37;
}
nav .nav_item.green:after{
    background: #14a79d;
}
nav .nav_item:hover,
nav .nav_item.active{
    font-weight: 700;
}
nav .nav_item:hover:after,
nav .nav_item.active:after{
    width: 100%;
}

/** Search **/
.search{
    display: inline-block;
    padding: 10px 0;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}
.search .search_icon{
    background: url("/img/blog/search-01.svg");
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.search .search-form{
    display: none;
    position: absolute;
    right: 40px;
    top: 10px;
    width: 480px;
}
.search .search-form .input{
    border: solid 1px #9b9b9b;
    width: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.search .search-form.active .input{
    width: 100%;
    opacity: 1;
}
.search.mobile{
    display: none;
}

/*------------*/
/* Categories */
/*------------*/
.category{
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-family: 'GothamPro-Medium';
    display: inline-block;
    padding: 3px;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}
.category.blue{
    background: #0177ff;
}
.category.blue:hover{
    background: #1c5e86;
}
.category.red{
    background: #cf4b58;
}
.category.red:hover{
    background: #99232f;
}
.category.viol{
    background: #4d4f5b;
}
.category.viol:hover{
    background: #34353e;
}
.category.grey{
    background: #81648d;
}
.category.grey:hover{
    background: #553c60;
}
.category.orange{
    background: #f5ab37;
}
.category.orange:hover{
    background: #c07f19;
}
.category.green{
    background: #14a79d;
}
.category.green:hover{
    background: #0e736c;
}

/*-----------*/
/* Favorites */
/*-----------*/
.favorites{
    background: url("/img/blog/fav-01.svg");
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 0 5px;
    cursor: pointer;
}
.favorites:hover,
.favorites.active{
    background: url("/img/blog/fav-hov.svg");
}

/*------*/
/* Time */
/*------*/
.time{
    color: white;
    font-size: 12px;
    font-family: 'GothamPro';
}
.time .icon{
    background: url("/img/blog/time-01.svg");
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

/*-------------*/
/* Author name */
/*-------------*/
.author-name{
    font-size: 12px;
    color: white;
    font-family: 'GothamPro-Medium';
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
}

/*--------*/
/* Inputs */
/*--------*/
.input{
    background: white;
    border: none;
    color: #9b9b9b;
    font-size: 12px;
    font-family: 'GothamPro-Medium';
    height: 35px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 3px;
}

/*-------*/
/* Icons */
/*-------*/
.icon-views,
.icon-like,
.icon-comment{
    display: inline-block;
    font-size: 12px;
    color: white;
    font-family: 'GothamPro-Medium';
}
.icon-views:before,
.icon-like:before,
.icon-comment:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: sub;
    margin: 0 5px 0 0;
}
.icon-views:before{
    background: url("/img/blog/views-01.svg");
}
.icon-like:before{
    background: url("/img/blog/likes-01.svg");
}
.icon-comment:before{
    background: url("/img/blog/comment-01.svg");
}
.icon-like{
    margin: 0 5px;
}

/*-------------*/
/* Info blocks */
/*-------------*/
.info-block{
    padding: 55px 0 0;
}
h2{
    color: black;
    font-size: 30px;
    font-family: 'GothamPro-Bold';
    margin: 0 0 30px;
    display: inline-block;
}
.info-block .block-title .sort{
    color: #0177ff;
    cursor: pointer;
    font-family: 'GothamPro';
    margin: 0 10px;
}
.info-block .block-title .sort:hover,
.info-block .block-title .sort.active{
    color: black;
    font-weight: bold;
}
.info-block .block{
    overflow: hidden;
    position: relative;
}
.info-block .block-img{
    max-width: 100%;
}
.info-block .block-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}
.info-block .block:hover .block-overlay{
    background: rgba(0, 0, 0, 0.8);
}
.attributes{
    padding: 0 10px 0 0;
    box-sizing: border-box;
}
.info_block_blocks .block{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0 0 40px;
}
.info_block_blocks .block:nth-child(3n+2){
    margin: 0 1% 40px;
}
.info_block_blocks .block .block-image{
    height: 155px;
    position: relative;
    overflow: hidden;
}
.info_block_blocks .block .block-image .overlay{
    display: none;
}
.info_block_blocks .block:hover .overlay{
    display: block;
}
.info_block_blocks .block .block-image img{
    max-width: 100%;
}
.info_block_blocks .block .block-image .attributes{
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    z-index: 2;
}
.info_block_blocks .block .block-image .attributes .favorites,
.info_block_blocks .block .block-image .attributes .time{
    display: none;
}
.info_block_blocks .block:hover .block-image .attributes .favorites,
.info_block_blocks .block .block-image .attributes .favorites.active{
    display: inline-block;
}
.info_block_blocks .block:hover .block-image .attributes .time{
    display: block;
}
.info_block_blocks .block .author-block{
    margin: 15px 0;
}
.info_block_blocks .block .author-block .author-name{
    color: #0177ff;
    height: 16px;
    line-height: 16px;
}
.info_block_blocks .block .icon-views,
.info_block_blocks .block .icon-like,
.info_block_blocks .block .icon-comment{
    color: #9b9b9b;
}
.info_block_blocks .block .article-name{
    color: #1b1b1b;
    font-size: 17px;
    font-family: 'GothamPro-Bold';
    line-height: 20px;
    margin: 0 0 15px;
    text-decoration: none;
    display: block;
}
.info_block_blocks .block .description{
    color: #232323;
    font-size: 13px;
    font-family: 'GothamPro';
    line-height: 17px;
}
.info_block_blocks .block.banner img{
    max-width: 100%;
}

.info-block_data{
    position: relative;
    padding: 0 0 30px;
}
.info-block_data.popular,
.info-block_data.reader,
.info-block_data.new{
    display: none;
}


/*--------*/
/* Arrows */
/*--------*/
.info-block_arrows{
    position: absolute;
    top: -50px;
    right: 0;
}
.info-block_arrows .arrow{
    background-repeat: no-repeat;
    width: 10px;
    height: 17px;
    position: relative;
}
.info-block_arrows .arrow.left.disabled{
    background-image: url("/img/blog/arrow-disable-left-01.svg");
}
.info-block_arrows .arrow.right.disabled{
    background-image: url("/img/blog/arrow-disable-right-01.svg");
}
.info-block_arrows .arrow:not(.disabled){
    cursor: pointer;
}
.info-block_arrows .arrow.right:not(.disabled):hover{
    opacity: 0.5;
}
.info-block_arrows .arrow.right{
    right: 0;
    background-image: url("/img/blog/arrow-active-right-01.svg");
}
.info-block_arrows .arrow.left{
    left: 0;
    margin: 0 25px 0 0;
    background-image: url("/img/blog/arrow-active-left-01.svg");
}

/* Social banner*/
.block.social-banner .social-item{
    padding: 15px;
    box-sizing: border-box;
    height: 60px;
}
.block.social-banner .social-item .icon{
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 37px;
    margin: 0 20px 0 0;
}
.block.social-banner .social-item .subs-count{
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    color: white;
    font-size: 10px;
    font-family: 'GothamPro';
}
.block.social-banner .social-item .subscribe-button{
    display: inline-block;
    width: 95px;
    height: 25px;
    color: white;
    text-align: center;
    font-family: 'GothamPro-Bold';
    font-size: 12px;
    border-radius: 3px;
    line-height: 25px;
    text-decoration: none;
}
.block.social-banner .social-item .subscribe-message{
    color: white;
    font-family: 'GothamPro-Bold';
    font-size: 12px;
    display: inline-block;
}
.block.social-banner .social-item .subscribe-message:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/img/blog/");
}
.block.social-banner .social-item .subs-count .num{
    display: block;
    font-size: 18px;
    font-family: 'GothamPro-Bold';
}
.block.social-banner .social-item.fb{
    background: #597cbe;
}
.block.social-banner .social-item.fb .icon{
    background: url("/img/blog/fb-01.svg");
}
.block.social-banner .social-item.fb .subscribe-button{
    background: #3b5c9b;
}
.block.social-banner .social-item.tw{
    background: #77b6f0;
}
.block.social-banner .social-item.tw .icon{
    background: url("/img/blog/tw-01.svg");
}
.block.social-banner .social-item.tw .subscribe-button{
    background: #3795ed;
}
.block.social-banner .social-item.vk{
    background: #4c79a7;
}
.block.social-banner .social-item.vk .icon{
    background: url("/img/blog/vk-01.svg");
}
/* TODO: not button in the PSD*/
.block.social-banner .social-item.vk .subscribe-button{
    background: #3795ed;
}
.block.social-banner .social-item.yt{
    background: #e55b5b;
}
.block.social-banner .social-item.yt .icon{
    background: url("/img/blog/yt-01.svg");
}
.block.social-banner .social-item.yt .subscribe-button{
    background: #e43434;
}
.block.social-banner .social-item.ig{
    background: #2e72b0;
}
.block.social-banner .social-item.ig .icon{
    background: url("/img/blog/inst-01.svg");
}
.block.social-banner .social-item.ig .subscribe-button{
    background: #2266a5;
}
.block.social-banner .social-item.rss{
    background: #f4a362;
}
.block.social-banner .social-item.rss .icon{
    background: url("/img/blog/rss-01.svg");
}
.block.social-banner .social-item.rss .subscribe-button{
    background: #f58428;
}

/** New info block */
.info-block.new{
    margin: 55px 0 15px;
}
.info-block.new .row{
    margin: 0 0 20px;
}
.info-block.new .block{
    display: inline-block;
    width: 31%;
    height: 185px;
    margin: 0 3% 0 0;
}
.info-block.new .block.long{
    width: 65%;
}
.info-block.new .row .block:last-child{
    margin: 0;
}
.info-block.new .block-data{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.info-block.new .block-data .body{
    height: 155px;
}
.info-block.new .block-data .body .table{
    height: 80%;
}
.info-block.new .block-data .body .table-cell{
    padding: 0 10px;
}
.info-block.new .block-name{
    color: white;
    text-decoration: none;
    font-size: 17px;
    font-family: 'GothamPro-Bold';
    line-height: 22px;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}
.info-block.new .block-data .footer{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #b2b2b2;
    color: white;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}
.info-block.new .block:hover .footer{
    background: #0177ff;
}
.info-block.new .block .favorites,
.info-block.new .block .time{
    display: none;
}
.info-block.new .block:hover .favorites,
.info-block.new .block .favorites.active{
    display: inline-block;
}
.info-block.new .block:hover .time{
    display: block;
}
header.fixed + .info-block.new{
    margin: 65px 0 15px;
}

.info-block.new .icon-views:before{
    background: url("/img/blog/views-white.svg");
}
.info-block.new .icon-like:before{
    background: url("/img/blog/likes-white.svg");
}
.info-block.new .icon-comment:before{
    background: url("/img/blog/comment-white.svg");
}
.info-block.new .info_block_blocks .block .icon-views,
.info-block.new .info_block_blocks .block .icon-like,
.info-block.new .info_block_blocks .block .icon-comment{
    color: white;
}

/* Big post */
.current-article{
    /* background-image: url("/img/blog/blogs/4.jpg"); */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 430px;
    box-sizing: border-box;
    padding: 40px 0;
    position: relative;
}
.current-article .main{
    z-index: 2;
}
.current-article .left{
    width: 65%;
    height: 350px;
    margin: 0 4% 0 0;
}
.current-article .right {
    width: 30%;
}
.current-article .pin{
    background: url("/img/blog/for-01.svg");
    width: 17px;
    height: 17px;
    display: block;
    top: -20px;
    position: absolute;
}
.current-article .info{
    height: 80%;
}
.current-article .article-name{
    display: block;
    margin: 15px 0 0;
    color: white;
    text-decoration: none;
    font-size: 30px;
    line-height: 33px;
    font-family: 'GothamPro-Bold';
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}
/*.current-article .article-name:hover{
    color: #10b9e4;
}*/
.current-article .footer .author-name,
.current-article .footer .info,
.current-article .footer .time{
    display: inline-block;
    width: 32%;
}
.current-article .footer .author-name{
    max-width: 32%;
}
.current-article .footer .info{
    text-align: center;
}
.current-article .footer .time{
    text-align: right;
}
.current-article .subscribe{
    height: 350px;
    width: 100%;
    box-sizing: border-box;
    background: #0177ff;
    padding: 20px 10px;
}
.current-article .subscribe .title{
    color: white;
    font-size: 14px;
    font-family: 'GothamPro';
    line-height: 22px;
    margin: 0 0 15px;
}
.current-article .subscribe .title .bold{
    font-family: 'GothamPro-Bold';
    font-size: 21px;
    display: block;
}
.current-article .subscribe .description{
    color: #ceedf5;
    font-size: 14px;
    font-family: 'GothamPro';
    line-height: 17px;
    margin: 0 0 20px;
}
.current-article .subscribe .input{
    width: 100%;
    margin: 0 0 15px;
}
.current-article .subscribe .submit{
    background: #ea4800;
    width: 125px;
    height: 35px;
    border: none;
    color: white;
    font-size: 14px;
    font-family: 'GothamPro';
    border-radius: 3px;
    margin: 0 0 25px;
    cursor: pointer;
}
.current-article .subscribe .submit:hover{
    background: #cf3f00;
}
.current-article .subscribe .stat{
    font-size: 14px;
    color: white;
    font-family: 'GothamPro';
}

.info-block.best{
    background: #DBF0F7;
    padding: 40px 0;
}
.info-block.best .block-image{
    margin: 0 0 20px;
}

/* Question send */
.question-send{
    background: #10b9e4;
    height: 90px;
    padding: 20px 0;
    box-sizing: border-box;
}
.question-send .title{
    width: 31%;
    color: white;
    font-size: 21px;
    line-height: 22px;
    margin: 0 5% 0 0;
    font-family: 'GothamPro-Bold';
}
.question-send .send-form{
    position: relative;
    width: 60%;
    top: 7px;
}
.question-send .input[type="text"]{
    border-right: solid 1px #c7c7c7;
    border-radius: 3px 0 0 3px;
    width: 250px;
}
.question-send .input[type="email"]{
    margin: 0 0 0 -4px;
    border-radius: 0 3px 3px 0;
    width: 150px;
}
.question-send .submit{
    width: 125px;
    height: 35px;
    background: transparent;
    color: white;
    border: solid 1px white;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'GothamPro-Bold';
    margin: 0 0 0 20px;
    cursor: pointer;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}
.question-send .submit:hover{
    background: #13a4c9;
}

/*-------------*/
/* More button */
/*-------------*/
.more{
    position: relative;
    margin: 0 auto;
    width: 190px;
    height: 35px;
    line-height: 35px;
    border: solid 1px black;
    border-radius: 4px;
    color: #010101;
    font-size: 16px;
    font-family: 'GothamPro-Bold';
    cursor: pointer;
    text-align: left;
    padding: 0 13px;
    box-sizing: border-box;
}
.more:after{
    content: "";
    display: block;
    position: absolute;
    background: url("/img/blog/ar.svg");
    width: 9px;
    height: 6px;
    right: 11px;
    top: 14px;
}

/*--------*/
/* Videos */
/*--------*/
.videos{
    background: #f5f4ee;
    padding: 40px 0;
}
.videos h2{
    position: relative;
}
.videos h2 .link-logo{
    display: inline-block;
    background: url("/img/blog/YT-logo-01.svg");
    width: 56px;
    height: 21px;
    vertical-align: middle;
    margin: 0 5px;
    text-decoration: none;
}
.videos .block.big{
    width: 65%;
    height: 350px;
}
.videos .preview{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.videos .preview img{
    max-width: 100%;
}
.videos .block{
    cursor: pointer;
    position: relative;
}
.videos .block .overlay{
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.videos .block:hover .overlay{
    opacity: 1;
}
.videos .video-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.videos .table{
    width: 100%;
    height: 100%;
}
.videos .table-cell{
    text-align: center;
}
.videos .icon.play{
    display: block;
    background: url("/img/blog/video-01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 66px;
    height: 66px;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.videos .block.big .icon.play{
    width: 110px;
    height: 110px;
}
.videos .block:hover .icon.play{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.videos .name{
    position: absolute;
    bottom: 0;
    opacity: 0;
    color: white;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'GothamPro-Bold';
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.videos .block:hover .name{
    bottom: 20px;
    opacity: 1;
}
.videos .blocks.small{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 0 4%;
}
.videos .blocks.small .block{
    display: block;
    width: 100%;
    height: 160px;
    margin: 0;
}
.videos .blocks.small .block:first-child{
    margin: 0 0 30px;
}
.videos .blocks.small .block .name{
    font-size: 11px;
    line-height: 15px;
}
.videos .blocks.small .block:hover .name{
    bottom: 10px;
}

/*----------------*/
/* Netpeak photos */
/*----------------*/
.netpeak{
    background: #f5f4ee;
    padding: 40px 0;
}
.netpeak h2{
    position: relative;
}
.netpeak h2 .link-logo{
    text-decoration: none;
    display: inline-block;
    background: url("/img/blog/inst-logo-01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 23px;
    height: 23px;
    vertical-align: text-top;
    margin: 0 5px;
}
.netpeak .cell{
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin: 0 15px 0 0;
}
.netpeak .cell.big{
    width: 300px;
}
.netpeak .cell:last-child{
    margin: 0;
}
.netpeak .cell .netpeak-photo{
    height: 140px;
    margin: 0 0 20px;
    overflow: hidden;
}
.netpeak .cell.big .netpeak-photo{
    margin: 0;
    height: 300px;
}
.netpeak .cell .netpeak-photo img{
    max-height: 100%;
}

/*---------------*/
/* Sign in popup */
/*---------------*/
.overlay.body{
    z-index: 9999;
    display: none;
}
.signin{
    display: none;
    position: absolute;
    width: 340px;
    height: 245px;
    background: white;
    text-align: center;
    box-sizing: border-box;
    padding: 35px 0 45px;
}
.signin .title{
    color: #3f3f3f;
    font-size: 18px;
    font-family: 'GothamPro-Bold';
    line-height: 21px;
    margin: 35px 0 25px;
}
.signin .social-item{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -4px;
    text-decoration: none;
    width: 60px;
    height: 32px;
    text-align: center;
    padding: 5px 0;
    box-sizing: border-box;
}
.signin .social-item.fb{
    background: #597cbe;
}
.signin .social-item.vk{
    background: #4c79a7;
}
.signin .social-item.gp{
    background: #e55b5b;
    line-height: 30px;
}
.signin .social-item.tw{
    background: #77b6f0;
}
.signin .social-item.in{
    background: #0079b8;
    line-height: 30px;
}
.signin .social-item img{
    max-height: 100%;
}


/* Slider */
.info-block_arrows .bx-next,
.info-block_arrows .bx-prev{
    width: 100%;
    height: 100%;
    display: block;
}
.info-block_arrows .arrow.disabled .bx-next,
.info-block_arrows .arrow.disabled .bx-prev{
    cursor: default;
}
.bx-wrapper .bx-viewport{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
    background: transparent;
}

.menu-mobile{
    display: none;
    margin: 0 0 0 15px;
    height: 15px;
    width: 20px;
    vertical-align: middle;
}
.menu-mobile .line{
    display: block;
    background: black;
    width: 100%;
    height: 2px;
    border-radius: 10px;
}
.menu-mobile .line:nth-child(2){
    margin: 3px 0;
}

.mobile-navigation{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.mobile-navigation .nav_item{
    display: block;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-family: 'GothamPro';
    text-align: center;
    border-bottom: solid 1px rgba(255, 255, 255, 0.14);
    padding: 20px;
}
.mobile-navigation .nav_item.blue:hover{
    background: #318dc6;
}
.mobile-navigation .nav_item.red:hover{
    background: #cf4b58;
}
.mobile-navigation .nav_item.viol:hover{
    background: #4d4f5b;
}
.mobile-navigation .nav_item.grey:hover{
    background: #81648d;
}
.mobile-navigation .nav_item.orange:hover{
    background: #f5ab37;
}
.mobile-navigation .nav_item.green:hover{
    background: #14a79d;
}

.blogPages.no-slider .page:not(:first-child){
    display: none;
}


/* Custom */
.block .table{
    margin-bottom: 0px;
}
/* .block.social-banner .social-item .subs-count{
    width: 70px;
}
.block.social-banner .social-item .vk_subscribe{
    display: inline-block;
} */
.more{
    margin-bottom:30px;
}
.dialog_opened header, .dialog_opened footer {
  -webkit-filter: blur(0);
  filter: blur(0);
}

header { z-index: 20; }

header .send_request {
  margin-right: 0 !important;
}

.lang {
  display: inline-block;
  font-size: 13px;
  margin-right: 16px;
  margin-top: 21px;
  cursor: pointer;
  position: relative;
}

.lang_toggle img {
  width: 7px;
  float: right;
  margin: 4px;
}

.lang_choose {
  position: absolute;
  top: 160%;
  left: -7px;
  background: #fff;
  padding: 10px 0;
  box-shadow: 0px 2px 5px #555;
  text-align: center;
  display: none;
}

.lang_choose a {
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 3px 12px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.lang_choose a:hover {
  color: #10b9e4;
}

.lang_choose .active_lang{
    color: #0177ff;
}
.user_menu {
  display: inline-block;
  vertical-align: middle;
  margin: 10px -13px 0 0px;
  overflow: visible;
  float: right;
  cursor: pointer;
}

.menu-mobile {
  margin-top: 21px;
  float: right;
}

.new_serpstat .user_ava { margin-top: 3px; }

.new_serpstat .user_name { margin-top: 5px; }

@media screen and (max-width: 450px) {
  .user_name { display: none; }
}

@media screen and (max-width: 550px) {
  .new_serpstat .user_form { top: -50px; }
}

@media screen and (max-width: 760px) {
  header .send_request { background: url("../img/enter-01.svg") !important; }
  .lang { margin-right: 9px; }
  header .send_request { margin-left: -6px !important; }
}
/*NEW FIXES*/

.header-load {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background-color: #81648d;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.parallax-handler {
  position: relative;
  overflow: hidden;
}

.parallax {
  position: absolute;
  top: -80px;
  height: calc(100% + 80px);
  width: 100%;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  animation: none !important;
  transition: all 0.5s;
}

.section-padding {
  padding: 85px 0 !important;
}

.more a{
    color:#010101;
}
.more a:hover{
    text-decoration: none;
}
.category:hover{
    color:white;
}
.more{
    text-align: center;
}
.more-block .info-block {
    padding: 0px 0px 0px!important;
}
/*#content{*/
    /*margin-top:35px!important;*/
/*}*/
.new_serpstat .toggle_user_form .fa { margin-top: 10px; }

.back_to_serpstat {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 48px;
  text-align: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  text-decoration: none;
}

.back_to_serpstat:hover {
  background-color: #fbfbfb;
}

.back_to_serpstat img {
  float: left;
  margin: 15px 0 0 10px;
}

.back_to_serpstat:after {
  bottom: auto;
  left: 0;
  top: 100%;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 12px;
  padding: 10px 15px;
  white-space: nowrap;
  margin-bottom: 11px;
  text-decoration: none;
  position: absolute;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: 0;
}

.back_to_serpstat:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  position: absolute;
  top: 100%;
  left: 18px;
  margin-top: -4px;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: 0;
}

.back_to_serpstat:hover:after, .back_to_serpstat:hover:before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

@media screen and (max-width: 1122px) {
  .back_to_serpstat { display: none; }
}

.body-link{
    cursor: pointer;
}

.table_empty{
    display:none!important;
}