html{
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
text-size-adjust:100%;
}

a{
text-decoration:none;
}

h1,h2,h3,h4,h5{
text-transform:uppercase;
}

h1{
font-size:46px;
font-weight:700;
background:-webkit-linear-gradient(#ffffcf,#ffffcf,#f2e079,#ae6f34,#d9b760 );
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
letter-spacing:-2.9px;
}

h2{
font-size:30px;
color:#ffffda;
background:-webkit-linear-gradient(#e1c368,#826651,#ffffc0,#d9b760,#ffffa2,#cfa656  );
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
letter-spacing:-1.9px;
font-weight:normal;
}

.hide{
display:none;
}

h3{
font-size:24px;
color:#fff687;
}

img{
border:none;
max-width:100%;
height:auto;
}

a,button{
outline:none;
cursor:pointer;
}

li{
list-style:none;
}

button{
background:none;
border:none;
font-family:"MyriadPro",sans-serif;
}

b{
display:inline;
font-weight:700;
}

a,button,input,textarea{
-webkit-appearance:none;
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

*:after,
*:before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

*{
position:relative;
margin:0;
padding:0;
word-wrap:break-word;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input,textarea{
display:block;
}

a,span,button,i{
display:inline-block;
}

/******* input,textarea *******/
textarea{
resize:none;
outline:none;
border:none;
overflow:auto;
-webkit-appearance:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:none;
font-family:"MyriadPro",sans-serif;
}

input{
outline:none;
border:none;
-webkit-appearance:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background:none;
font-family:"MyriadPro",sans-serif;
}

input[type='number']{
-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance:none;
}

input[type="submit"]{
cursor:pointer;
-webkit-appearance:none;
}

input[type="search"]::-webkit-search-cancel-button{
background:none;
display:none;
}

input::-webkit-input-placeholder{color:#a5a5a5;}

input::-moz-placeholder{color:#a5a5a5;}

input:-moz-placeholder{color:#a5a5a5;}

input:-ms-input-placeholder{color:#a5a5a5;}

textarea::-webkit-input-placeholder{color:#a5a5a5;}

textarea::-moz-placeholder{color:#a5a5a5;}

textarea :-moz-placeholder{color:#a5a5a5;}

textarea:-ms-input-placeholder{color:#a5a5a5;}

input:focus::-webkit-input-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

input:focus::-moz-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

input:focus:-moz-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

input:focus:-ms-input-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

textarea:focus::-webkit-input-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

textarea:focus::-moz-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

textarea:focus:-moz-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

textarea:focus:-ms-input-placeholder{color:transparent; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}

/*body*/
/* Fonts are loaded from fonts.css */
body{
font-family:"MyriadPro",sans-serif;
font-weight:normal;
font-style:normal;
color:#5e5d5d;
background:#fff;
font-size:16px;
}

a,
button{
color:#ffffff;
font-family:"MyriadPro",sans-serif;
}

a:hover,
button:hover{
color:#f5e57d;
}

.wrapper{
width:100%;
overflow:hidden;
}

.container{
width:100%;
max-width:990px;
min-width:320px;
margin:0 auto;
padding:0 15px;
}

/*list-page*/
.list-page{
padding:35px 0;
}

.list-page a{
display:block;
font-size:16px;
margin-bottom:10px;
}

.list-page a:hover{
text-decoration:underline;
}

.logo-txt{
font-size:24px;
font-weight:500;
color:#2b2a29;
}

.logo-img{
width:87px;
margin-right:25px;
}

.social a{
width:22px;
height:22px;
margin:0 17px;
}

.social a img{
width:100%;
-o-object-fit:contain;
object-fit:contain;
}

.social{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}

.get-article-btn{
color:#ffffff;
text-align:center;
font-weight:700;
background-color:#2d2c56;
padding:7px 55px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.get-article-btn:before{
content:'';
position:absolute;
background:url(../img/get.png) no-repeat center center;
width:37px;
height:37px;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:8px;
}

header .container{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:25px 15px;
border-bottom:2px solid #dbdbdb;
}

.overlay{
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:9;
}

.overlay.open{
display:block;
}

.open-nav,
.close-nav{
display:none;
position:absolute;
z-index:1;
width:50px;
height:50px;
}

.open-nav{
background:url(../img/menu-button.svg) no-repeat center center;
-moz-background-size:contain;
background-size:contain;
top:23px;
right:20px;
}

.close-nav{
background:url(../img/cancel.svg) no-repeat center center;
-moz-background-size:contain;
background-size:contain;
top:19px;
right:15px;
}

.menu-wrap{
width:-webkit-calc(100% - 260px);
width:-moz-calc(100% - 260px);
width:calc(100% - 260px);
}

.menu-wrap nav ul{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.menu-wrap nav ul li{
width:16.66666%;
text-align:center;
border-right:1px solid #dbdbdb;
}

.menu-wrap nav ul li a{
color:#2b2a29;
font-size:18px;
text-decoration:underline;
padding:10px;
text-align:center;
}

.menu-wrap nav ul li a:hover{
color:#db9c55;
}

.menu-wrap nav ul li a:nth-child(1){
text-align:left;
}

.search-inp input[type="search"]{
width:195px;
border:1px solid #d2d2d2;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background-color:#eeeeee;
padding:10px 30px 10px 20px;
-webkit-box-shadow:inset 1px 3px 18px -8px rgba(0,0,0,0.75);
-moz-box-shadow:inset 1px 3px 18px -8px rgba(0,0,0,0.75);
box-shadow:inset 1px 3px 18px -8px rgba(0,0,0,0.75);
}

.search-inp input[type="submit"]{
position:absolute;
right:10px;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
background:url(../img/search.png) no-repeat center center;
width:16px;
height:16px;
-moz-background-size:contain;
background-size:contain;
}

.input-btn{
display:none;
width:40px;
height:40px;
background:url(../img/search.png) no-repeat center center;
-moz-background-size:contain;
background-size:contain;
}

.main-menu .container{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px 15px;
}

.background{
background:url(../img/bckg.png) no-repeat center center;
-moz-background-size:cover;
background-size:cover;
}

.background:before{
content:'';
position:absolute;
width:100%;
height:100%;
background-color:#2d2c56;
left:0;
right:0;
opacity:0.7;
z-index:0;
}

.blue-background,
.group{
padding:35px 0 20px 0;
text-align:center;
}

.blue-background:before{
content:'';
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color:#2d2c56;
opacity:.9;
z-index:0;
}

.knowledge-block{
padding:30px 0;
}

.knowledge-block-wrap{
padding:15px 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.title{
font-size:24px;
color:#ffffff;
background-color:#2d2b4d;
text-transform:uppercase;
padding:5px 35px 5px 65px;
border:1px solid #ddbe64;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
position:absolute;
top:-24px;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
}

.title:before{
content:'';
position:absolute;
width:28px;
height:23px;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:30px;
background:url(../img/base.png) no-repeat center center;
}

.category span,.knowledge-block-wrap > li > a{
font-size:18px;
color:#fff687;
margin-bottom:15px;
font-weight:600;
}

.category-menu li a,.knowledge-block-wrap .sub-menu a{
color:#ffffff;
text-decoration:underline;
line-height:1.3;
padding:5px;
}

.category-menu li a:hover,.knowledge-block-wrap .sub-menu a:hover{
color:#fff687 ;
}

.category-menu li .active,.knowledge-block-wrap .sub-menu .current-menu-item a{
color:#120e18;
text-decoration:underline;
background-color:#fff687;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.knowledge-wrap{
padding:20px;
border:1px solid #ddbe64
}

.category,.knowledge-block-wrap > li{
padding:5px;
}

.white-back{
padding:60px 0 40px 0;
}

.interesting{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:-35px;
background-color:#2a2956;
height:50px;
padding:15px 25px 15px 40px;
}

.interesting:before{
content:'';
position:absolute;
width:30px;
height:25px;
background:url(../img/warning.svg) no-repeat center center;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:6px;
}

.interesting:after{
content:'';
position:absolute;
width:12px;
height:2px;
background:url(../img/right-arrow.svg) no-repeat center center;
top:50%;
right:6px;
}

.triangle-up{
position:absolute;
bottom:0;
right:-25px;
width:0;
height:0;
border-left:25px solid transparent;
border-right:25px solid transparent;
border-bottom:50px solid #2a2956;
}

.article-block{
padding:20px;
}

.article-page-wrap{
padding:30px;
}

.article-block,
.article-page-wrap{
border:1px solid #c0c0c0;
-webkit-box-shadow:0px 9px 16px 0px rgba(0,0,0,0.26);
-moz-box-shadow:0px 9px 16px 0px rgba(0,0,0,0.26);
box-shadow:0px 9px 16px 0px rgba(0,0,0,0.26);
margin-bottom:30px;
}

.article-wrap{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-moz-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.article-left{
width:225px;
padding-right:15px;
text-align:center;
}

.article-right{
width:-webkit-calc(100% - 225px);
width:-moz-calc(100% - 225px);
width:calc(100% - 225px);
}

.article-img{
position:relative;
width:210px;
padding-bottom:62%;
background-color:#ffffff;
overflow:hidden;
-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.75);
box-shadow:0px 3px 4px 0px rgba(0,0,0,0.75);
}

.img-wrap{
position:absolute;
top:4px;
left:4px;
right:4px;
bottom:4px;
overflow:hidden;
}

.img-wrap img{
width:100%;
min-height:100%;
-o-object-fit:cover;
object-fit:cover;
}

.date{
padding:10px 25px;
color:#2b2a29;
font-size:18px;
font-weight:600;
}

.date:before{
content:'';
position:absolute;
width:100%;
height:100%;
background:url(../img/date.png) no-repeat center center;
top:0;
left:0;
z-index:-1;
}

.article-title{
font-size:24px;
color:#2e2d56;
text-decoration:underline;
margin-bottom:25px;
}

.article-text{
margin-bottom:20px;
}

.read-more{
font-size:14px;
text-decoration:underline;
background-color:#2a2956;
padding:5px 15px;
}

.read-more:after{
content:'';
position:absolute;
bottom:0;
right:-16px;
width:10px;
height:100%;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:16px solid #2a2956;
}

.media{
width:20px;
height:20px;
margin:0 10px;
}

.media img{
width:100%;
}

.article-footer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center
}

.share-wrap{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.share{
color:#2b2a29;
font-size:14px;
text-decoration:underline;
margin:0 10px;
}

.date-wrap{
width:225px;
text-align:center;
}

.share-block{
width:-webkit-calc(100% - 225px);
width:-moz-calc(100% - 225px);
width:calc(100% - 225px);
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.clear:after{
content:'';
display:block;
clear:both;
}

.left-block{
float:left;
width:-webkit-calc(100% - 260px);
width:-moz-calc(100% - 260px);
width:calc(100% - 260px);
}

.left-block-wrap{
padding-bottom:38px;
border-bottom:1px solid #b2b2b2;
}

.sidebar{
width:230px;
margin-left:30px;
float:right;
}

.subscribe-block{
width:225px;
margin-bottom:40px;
}

.subscribe-title{
width:100%;
padding:20px 15px;
color:#f5e57d;
font-weight:600;
font-size:18px;
text-transform:uppercase;
background-color:#22213f;
text-align:center;
letter-spacing:-1px;
}

.input-wrap{
padding:20px 15px;
background-color:#2e2d56;
text-align:center;
}

.triangle-down{
position:absolute;
bottom:-20px;
right:0;
width:100%;
border-right:111px solid transparent;
border-left:111px solid transparent;
border-top:20px solid #2e2d56;
}

.input-name{
color:#ffffff;
text-align:center;
}

.mail-inp{
width:100%;
}

.mail-inp input{
background-color:#1e1d38;
padding:5px;
width:100%;
margin-top:10px;
margin-bottom:15px;
-webkit-box-shadow:inset 3px -3px 8px 3px rgba(255,255,255,0.13);
-moz-box-shadow:inset 3px -3px 8px 3px rgba(255,255,255,0.13);
box-shadow:inset 3px -3px 8px 3px rgba(255,255,255,0.13);
color:#ffffff;
}

.send-form{
width:100%;
}

.send-form input{
width:100%;
padding:10px;
-webkit-box-shadow:2px 2px 13px 0px rgba(0,0,0,0.5);
-moz-box-shadow:2px 2px 13px 0px rgba(0,0,0,0.5);
box-shadow:2px 2px 13px 0px rgba(0,0,0,0.5);
background:url(../img/btn.png) no-repeat center center;
-moz-background-size:100%;
background-size:100%;
font-weight:700;
}

.send-form input:hover{
-webkit-box-shadow:inset 10px 10px 111px 0px rgba(0,0,0,0.75);
-moz-box-shadow:inset 10px 10px 111px 0px rgba(0,0,0,0.75);
box-shadow:inset 10px 10px 111px 0px rgba(0,0,0,0.75);
}

.button-block{
width:100%;
font-weight:600;
font-size:14px;
}

.wrap-tabs{
width:100%;
}

.tabs-caption{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}

.tabs-content{
opacity:0;
position:absolute;
top:0;
left:0;
right:0;
z-index:-1;
}

.tabs-content.active{
opacity:1;
background:#ffffff;
position:relative;
z-index:3;
width:100%;
border:1px solid #c0c0c0;
border-top:none;
-webkit-box-shadow:8px 24px 35px 0px rgba(0,0,0,0.26);
-moz-box-shadow:8px 24px 35px 0px rgba(0,0,0,0.26);
box-shadow:8px 24px 35px 0px rgba(0,0,0,0.26);
margin-bottom:55px;
}

.wr-tabs:before{
content:'';
background-color:#ffffff;
width:102px;
height:102px;
bottom:-51px;
left:63px;
position:absolute;
z-index:5;
-webkit-transform:rotate(-45deg) skew(30deg,30deg);
-moz-transform:rotate(-45deg) skew(30deg,30deg);
-ms-transform:rotate(-45deg) skew(30deg,30deg);
-o-transform:rotate(-45deg) skew(30deg,30deg);
transform:rotate(-45deg) skew(30deg,30deg);
border-bottom:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
}

.tabs-caption li{
width:-webkit-calc((100% - 8px)/5);
width:-moz-calc((100% - 8px)/5);
width:calc((100% - 8px)/5);
height:40px;
margin-right:2px;
background-color:#2e2d56;
cursor:pointer;
border:1px solid #c0c0c0;
border-bottom:none;
}

.tabs-caption li .not-active,
.tabs-caption li .when-active{
position:absolute;
width:auto;
height:auto;
max-width:24px;
max-height:24px;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-o-object-fit:contain;
object-fit:contain;
}

.tabs-caption .active{
background-color:#ffffff;
}

.tabs-caption .active .when-active{
visibility:visible;
}

.tabs-caption .active .not-active{
visibility:hidden;
}

.tabs-caption li .not-active{
visibility:visible;
}

.tabs-caption li .when-active{
visibility:hidden;
}

.tabs-content{
padding:20px 5px 20px 15px;
}

.tabs-content-menu li a{
color:#2e2d56;
text-decoration:underline;
padding:10px 0;
}

.scroll-top{
width:60px;
height:60px;
padding:5px;
}

.base-side-title{
width:100%;
display:block;
text-align:center;
font-weight:600;
text-transform:uppercase;
text-decoration:underline;
padding:20px 5px;
background-color:#e2e2e2;
}

.based-side-menu li a{
color:#1e1d38;
font-size:18px;
text-decoration:underline;
padding:5px;
}

.based-side-menu li a:hover{
color:#f5e57d;
}

.based-side-menu{
padding:15px;
text-align:center;
}

.based-side-menu li:before{
content:'';
background:url(../img/base-li.png) no-repeat center center;
width:14px;
height:14px;
-moz-background-size:cover;
background-size:cover;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
position:absolute;
}

.base-side{
-webkit-box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
-moz-box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
margin-bottom:55px;
border:1px solid #c0c0c0;
}

.base-side:before{
content:'';
background-color:#ffffff;
width:102px;
height:102px;
bottom:-51px;
left:63px;
position:absolute;
z-index:0;
-webkit-transform:rotate(-45deg) skew(30deg,30deg);
-moz-transform:rotate(-45deg) skew(30deg,30deg);
-ms-transform:rotate(-45deg) skew(30deg,30deg);
-o-transform:rotate(-45deg) skew(30deg,30deg);
transform:rotate(-45deg) skew(30deg,30deg);
border-bottom:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
}

.source{
border:2px solid #2e2d56;
width:100%;
padding:15px;
margin-bottom:10px;
-webkit-box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
-moz-box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
box-shadow:8px 8px 35px 0px rgba(0,0,0,0.26);
}

.source img{
width:100%;
-o-object-fit:cover;
object-fit:cover;
}

.page-numbers{
font-size:18px;
font-weight:600;
text-decoration:underline;
color:#616161;
padding:10px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
width:40px;
height:40px;
text-align:center;
line-height:18px;
}

.page-numbers:hover{
background-color:#2e2d56;
color:#ffffff;
}

.prev,
.next{
width:16px;
height:25px;
}

.prev{
background:url(../img/prev.png) no-repeat center center;
}

.next{
background:url(../img/next.png) no-repeat center center;
}

.pagination{
width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.pagination-title{
color:#515151;
font-size:16px;
}

.pagination-wrap{
padding:30px 0 35px 0;
}

footer{
background-color:#000000;
padding:45px 0 40px 0;
}

.logo-footer{
width:66px;
}

.logo-footer img{
width:100%;
}

.footer-menu nav ul li a{
color:#ffffff;
font-size:14px;
text-decoration:underline;
padding:5px 20px;
}

.footer-menu nav ul li a:hover{
color:#ffb403;
}

.footer-menu nav ul li{
border-right:1px solid #ffffff;
}

.footer-menu nav ul{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}

footer .container{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.group-wrap{
width:100%;
padding:15px;
border:3px solid #ddbe64;
margin-top:15px;
}

.group-wrap:before{
content:'';
width:100%;
height:100%;
left:0;
top:0;
background-color:#302c50;
opacity:.6;
position:absolute;
}

.group-menu{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.group-menu li a{
font-size:18px;
text-decoration:underline;
padding:5px 15px;
}

.article-page-title{
font-size:24px;
color:#2e2d56;
margin-bottom:20px;
text-align:center;
}

.article-page-block{
border-bottom:1px solid #b2b2b2 ;
padding:15px 0 35px 0;
}

.article-page-img{
width:100%;
}

.share-block-article{
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-moz-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}

.article-page-wrap .article-footer{
padding-top:15px;
}

.article-page-wrap .article-footer .date-wrap{
text-align:left;
}

@media(max-width:1200px){
.scroll-top{
right:-85px;
}

}

@media(max-width:1023px){
.social{
display:none;
}

.get-article-btn{
display:none;
}

.menu-wrap{
display:none;
}

.menu-wrap{
display:block;
position:fixed;
width:350px;
max-width:85%;
top:0;
right:0;
bottom:0;
z-index:9999;
overflow:auto;
visibility:hidden;
margin:0;
-webkit-overflow-scrolling:touch;
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
background-color:#ffffff;
padding:80px 10px;
}

.menu-wrap.open{
visibility:visible;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}

.open-nav,
.close-nav{
display:block;
}

.menu-wrap nav ul{
display:block;
}

.menu-wrap nav ul li{
width:100%;
border-right:none;
}

.menu-wrap nav ul li a{
font-size:24px;
color:#2e2d56;
font-weight:600;
}

.input-btn{
display:block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

.search-inp{
display:none;
position:fixed;
width:250px;
top:87px;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
}

.search-inp.open{
display:block;
z-index:66;
}

.search-inp input[type="search"]{
width:100%;
}

.logo-img{
width:80px;
margin-right:0;
}

.logo-txt{
font-size:20px;
line-height:0.85;
width:200px;
}

h1{
font-size:43px;
letter-spacing:0.5px;
}

h2{
font-size:27px;
letter-spacing:0.5px;
}

.article-wrap{
display:block;
}

.article-left,
.article-right{
width:100%;
}

.article-img{
width:100%;
margin-bottom:15px;
}

.first{
padding-bottom:60px;
}

.interesting{
font-size:16px;
bottom:-40px;
top:auto;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
height:30px;
padding:5px 25px 5px 40px;
}

.triangle-up{
border-left:20px solid transparent;
border-right:20px solid transparent;
border-bottom:30px solid #2a2956;
right:-20px;
}

.article-footer{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.share-block{
width:100%;
}

.date-wrap{
width:100%;
margin-top:25px;
}

.knowledge-block-wrap{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.category,.knowledge-block-wrap > li{
width:50%;
}

.knowledge-wrap{
width:600px;
max-width:90%;
margin:0 auto;
padding:40px;
}

.title{
font-size:14px;
color:#ffffff;
padding:10px 30px 10px 65px;
}

.knowledge-block{
margin-top:30px;
}

.category:last-child{
width:100%;
text-align:center;
}

.main-menu .container{
padding:0;
}

.footer-menu nav ul{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

footer .get-article-btn{
display:block;
}

.footer-menu nav ul li{
border-right:none;
}

.hide{
display:block;
}

.group{
display:none;
}

.share-block-article{
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.article-page-wrap .article-footer .date-wrap{
text-align:center;
}

}

@media(max-width:767px){
.left-block{
float:none;
width:100%;
}

.button-block,
.base-side,
.source{
display:none;
}

.sidebar{
float:none;
}

.subscribe-block{
margin:0 auto 40px;
}

h1{
font-size:38px;
}

h2{
font-size:24px;
}

.footer-menu{
width:100%;
margin-bottom:20px;
text-align:center;
}

footer .get-article-btn{
font-size:10px;
}

footer .container{
width:250px;
margin:0 auto;
}

}

@media(max-width:539px){
body{
font-size:12px;
}

.category span,.knowledge-block-wrap > li > a,
.article-title{
font-size:16px;
}

.knowledge-wrap{
padding:20px;
}

.interesting{
width:140px;
font-size:10px;
line-height:20px;
}

.interesting:before{
width:25px;
height:20px;
}

.share-block{
display:block;
}

.read-more{
margin-bottom:15px;
}

.share{
font-size:12px;
}

.media{
width:18px;
height:18px;
margin:0 3px;
}

.page-numbers{
font-size:10px;
width:30px;
}

.page-numbers:nth-child(9),
.page-numbers:nth-child(10),
.page-numbers:nth-child(11),
.page-numbers:nth-child(12),
.page-numbers:nth-child(13){
display:none;
}

.prev,.next{
width:10px;
height:10px;
}

.pagination-title{
font-size:12px;
}

.logo-txt{
font-size:12px;
width:70px;
line-height:1.2;
}

.input-btn{
left:62%;
}

h1{
font-size:19px;
}

h2{
font-size:11px;
}

.title:before{
width:20px;
height:14px;
left:9px;
}

.title{
width:145px;
padding:2px 5px 2px 35px;
top:-13px;
}

.knowledge-block{
margin-top:0;
}

.article-page-title{
font-size:16px;
}

.input-btn{
-moz-background-size:22px;
background-size:22px;
}

h1{
background:-webkit-linear-gradient(#ffffcf,#ffffcf,#f2e079,#ae6f34,#d9b760,#ffffcf,#ffffcf,#f2e079,#ae6f34,#d9b760 );
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.category,.knowledge-block-wrap > li{
width:100%;
}

}