/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}button,hr{overflow:visible}h1,h2{margin:20px 0 16px}pre,textarea{overflow:auto}a,a:focus,a:hover{color:#2196f3}a:focus,a:hover,abbr[title],u{text-decoration:underline}img,select[multiple]{height:auto}hr,legend{width:100%}details,hr,legend,main,pre,summary,textarea{display:block}footer,img,textarea{max-width:100%}*,code{margin:0;padding:0}dl,hr,table{margin-bottom:16px}caption,fieldset,legend{padding:8px 0}legend,ol,textarea,tr,ul{margin-bottom:8px}pre,td,th{padding:16px}::after,::before,td,th{vertical-align:inherit}tfoot tr,thead th{text-align:left}abbr[title]{text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}button,select{text-transform:none}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}svg:not(:root){overflow:hidden}[hidden],template{display:none}*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}footer,hr{border-top:1px solid rgba(0,0,0,.12)}*{font-size:inherit;line-height:inherit;background-repeat:no-repeat}::after,::before{text-decoration:inherit}button,input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;background-color:transparent;color:inherit}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select::-ms-expand{display:none}select::-ms-value{color:currentColor}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}:root{background-color:#fff;box-sizing:border-box;color:#000;cursor:default;font:10px sans-serif}h1,h2,h3{font-weight:500}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}code,img,ol,ul{vertical-align:baseline}[type=button],[type=email],[type=month],[type=password],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=reset],[type=submit],[type=number],[type=search],[type=date],[type=datetime],[type=datetime-local],button,select,textarea{min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}nav ol,nav ul{list-style:none}small{font-size:75%;color:rgba(0,0,0,.54);vertical-align:bottom}::-moz-selection{background-color:#b3d4fc;color:#fff;text-shadow:none}::selection{background-color:#2980b9;color:#fff;text-shadow:none}article,aside,details,footer,header,main,section,summary{margin:0 auto 16px;width:100%}main{margin:0 auto;max-width:768px;padding:0 16px 16px}footer{clear:both;display:inline-block;float:left;padding:16px 0;text-align:center}footer p{margin-bottom:0}@media screen and (max-width:400px){article,aside,section{clear:both;display:block;max-width:100%}img{margin-right:16px}}body{color:rgba(0,0,0,.8);font-family:"Helvetica Neue",Helvetica,"Lucida Grande",sans-serif;font-size:16px;line-height:1.4}p{margin:0 0 16px}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;line-height:inherit}h1{border-bottom:1px solid rgba(0,0,0,.12);font-size:36px}h2{font-size:30px}h3{font-size:24px;margin:16px 0 4px}h4,h5,h6{font-weight:600;margin:16px 0 4px}h4{font-size:18px}h5{font-size:16px}h6{color:rgba(0,0,0,.54);font-size:14px}code,pre{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:16px;color:rgba(0,0,0,.8)}pre{background:#efefef;margin:16px 0;white-space:pre-wrap}code{line-height:inherit;word-break:break-all;word-wrap:break-word}blockquote,figcaption{font-family:Georgia,Times,"Times New Roman",serif}sub,sup{font-size:14px}dd{margin-left:40px}ol,ul{padding-left:40px}blockquote{border-left:2px solid #2196f3;font-style:italic;margin:16px 0;padding-left:16px}s{text-decoration:line-through}sup{vertical-align:super}sub{vertical-align:sub}mark{background:#ffeb3b}input[type=email],input[type=month],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=number],input[type=search],input[type=date],input[type=datetime],input[type=datetime-local],select{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:0;color:rgba(0,0,0,.8);display:inline-block;padding:4px;vertical-align:middle}input[type=color]{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;display:inline-block;vertical-align:middle}input:not([type]){-webkit-appearance:none;background-clip:padding-box;border:1px solid rgba(0,0,0,.12);border-radius:4px;display:inline-block;padding:8px;text-align:left}select,textarea{border:1px solid rgba(0,0,0,.12)}input[type=email]:focus,input[type=month]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=color]:focus,input[type=number]:focus,input[type=search]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,select:focus,textarea:focus{border-color:#2196f3}input:not([type]):focus{border-color:#2196f3}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin 1px}input[type=email][disabled],input[type=month][disabled],input[type=password][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],input[type=color][disabled],input[type=number][disabled],input[type=search][disabled],input[type=date][disabled],input[type=datetime][disabled],input[type=datetime-local][disabled],select[disabled],textarea[disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54);cursor:not-allowed}input:not([type])[disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54);cursor:not-allowed}input[readonly],select[readonly],textarea[readonly]{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54)}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:#ea1c0d;color:#f44336}input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus,input[type=checkbox]:focus:invalid:focus{outline-color:#f44336}select{-moz-appearance:none;-webkit-appearance:menulist-button;vertical-align:sub}label{line-height:2}fieldset{border:0;margin:0}legend{border-bottom:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.8)}textarea{resize:vertical;background:#fff;border-radius:4px;padding:8px;vertical-align:middle}button,input[type=reset],input[type=submit]{background:#2980b9;border:1px solid rgba(0,0,0,.12);border-radius:0;color:#fff;cursor:pointer;display:inline-block;margin:0;padding:8px 16px;text-align:center;vertical-align:middle;white-space:nowrap}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0}button:hover,input[type=reset]:hover,input[type=submit]:hover{background:#0c7cd5;border-color:1px solid rgba(0,0,0,.54)}button:active,input[type=reset]:active,input[type=submit]:active{background:#0c7cd5;border-color:1px solid rgba(0,0,0,.54);box-shadow:inset 0 0 4px 0 rgba(0,0,0,.2);outline-offset:-2px}button:focus,input[type=reset]:focus,input[type=submit]:focus{background:#0c7cd5;border-color:1px solid rgba(0,0,0,.54);box-shadow:inset 0 0 4px 0 rgba(0,0,0,.2);outline:0}button:disabled,input[type=submit]:disabled{background:rgba(0,0,0,.12);color:rgba(0,0,0,.38);cursor:not-allowed}table{border-collapse:collapse;border-spacing:0;border-top:1px solid rgba(0,0,0,.12)}thead th{border:0;border-bottom:2px solid rgba(0,0,0,.12)}td,th{border-bottom:1px solid rgba(0,0,0,.12)}tfoot td{color:rgba(0,0,0,.54);font-size:8px;font-style:italic;padding:16px 4px}
html{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
body{
	font-family: "Segoe UI",-apple-system,system-ui,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    font-kerning: normal;
}
img, a {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}
img {
    margin-right: 0
}
object {
	display:block;
}

.adv_block {
    position: relative;
    display: block;
    max-width: 100%;
    overflow:hidden;
    margin-bottom:1rem;
}
#user_save_info {
    font-size: 1.4rem;
}

::-webkit-scrollbar {
    width: 1rem;
    height:1rem;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px #c5c5c5; 
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 50px #3fc28a; 
}

::-webkit-scrollbar-thumb:hover {
   -webkit-box-shadow: inset 0 0 50px #2980b9;
}
.bubble {
    position: absolute;
    z-index: 400;
    opacity: 1;
    font-size: 1.4rem;
    color:#000;
    font-weight: normal;
    background: #fff;
    padding:1rem;
    pointer-events:none;
    transform: translateY(0);
    transition: 6.5s;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    width:18rem;
    max-width:18rem;
    text-align:center;
}
.bubble.error {
    background:#2980b9;
    color:white;
}
.bubble.success {
    background:#3fc28a;
    color:white;
}
.bubble.on{
    opacity:0;
    transform: translateY(-200px);    
}
.errorspan {
  margin:0;
}
.edit_article {
    position: absolute;
    z-index: 1;
    top: 4rem;
    right: 0;
    width: 12rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    background: #2980b9;
    color: white!important;
    text-decoration:none;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
}
.edit_article:hover{
    cursor:pointer;
}
.user_fixed_bar {
    height: 100%;
    width: 40rem;
    max-width:100%;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    background-color: #fc0;
    padding: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
    background: white;
      -webkit-transform: translateX(40rem);
          transform: translateX(40rem);
          overflow:auto;
          overflow-x:hidden;
}
.user_fixed_bar.open{
      -webkit-transform: translateX(0);
          transform: translateX(0);    
}

.user_change_block{
    height: 100%;
    width: 40rem;
    max-width:100%;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 100; 
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    background-color: #fc0;
    padding: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
    background: white;
      -webkit-transform: translateX(40rem);
          transform: translateX(40rem);
          overflow:auto;
          overflow-x:hidden;       
}
.user_change_block.on{
      -webkit-transform: translateX(0);
          transform: translateX(0);    
}
.usercancelock {
    color: inherit!important;
    text-decoration: none!important;
    display: block;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 5rem;
    text-transform: uppercase;
}
.usercancelock .icon-settings svg {
    margin-top: -.5rem;
}
.control-label {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*pagination*/

ul.pagination {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    padding: 0;
    z-index: 1;
}
ul.pagination li {
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
}
ul.pagination li a{
    display: inline-block;
    line-height: 4rem;
    min-width:4rem;
    padding: 0 1rem;
    background-color: #2980b9;
    color: #fff;
}
ul.pagination li.active a{
    background: #3fc28a;
    color: #fff;
}
ul.pagination .disabled a {
    background-color: #bfbfbf;
    color: inherit;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
} 
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.top_fixed_bar{
	height:7rem;
	width:100%;
	left:0;
	top:0;
	position:fixed;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: #2980b9;
}
.top_logo_block {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}
.tools {
    display: block;
    width: 7rem;
    line-height: 64px;
    height: 7rem;
    text-align: center;
    position: absolute;
    text-decoration:none;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 4rem;
    background-color: #2980b9;
    transition:0.25s;
}
.tools:active,.tools:visited,.tools:focus{
    color:#FFF;
    text-decoration:none;
}
.tools:hover{
    background: #fff;
    color:black;
    text-decoration:none;
}
.tools.login{
    right:140px;
}
.tools.login .user_avatar_crop {
    width: 50px;
    height: 50px;
    margin: 10px;
    position: relative;
}
.tools.share{
    right:70px;
}
.tools.search{
    right:0;
    box-sizing:border-box;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
.tools.search.ready {
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    background: #fff;
    color:black;
}
.search_block {
    position: absolute;
    top: 0;
    right: 70px;
    width: 0;
    line-height: 70px;
    height: 70px;
    background: #fff;
    transition:width 0.25s;
    overflow:hidden; 
}
.search_block.open{
    width:calc(100% - 140px);
}
.search_bar {
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    box-sizing: border-box;
    height: 70px;
}
.search_bar>.search_forum_input {
    box-sizing: border-box;
    height: 66px;
    width: 100%;
    padding: 4px 2rem;
    border: 0;
    outline: none;
    font-size: 2rem;
    font-weight: 500;
    display: block;
}
.logo {
    display: block;
    width: 7rem;
    line-height: 7rem;
    height: 7rem;
    text-align: center;
    position: absolute;
    left: 7rem;
    top: 0;
    margin: 0;
    padding: 0;
    overflow:hidden;
    color: white;
    font-size: 4.5rem;
    background-color: #2980b9;
}

.logo:hover{
    background: #fff!important;
    color:black;
}
.logo.active{
    background: #fff!important;
    color:black;
}

.navbar {
    display: none;
    list-style: none;    
    color:white;
    border: none;
    border-radius: 0px;
    height:7rem;
    position:relative;
    left:14rem;
    margin:0;
    padding:0;
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
    font-weight: 400;
}
.navbar>li {
	float:left;
    width: calc((100% - 18px)/6);
    text-align: center;
    line-height: 7rem;
    font-size: 1.6rem;
    overflow:hidden;
    white-space:nowrap;
}
.navbar>li:hover{
    background: #fff!important;
    color:black;   
}
.navbar>li.active {
    background: #fff!important;
    color:black;     
}

.navbar>li>a {
	color:inherit;
	text-decoration:none;
    display:block;
    font-weight:500;
}
#editorframe {
    padding: 2rem;
}
#editorframe iframe{
   width:100%;
   min-height: 95vh;
}
.left_fixed_bar {
    height:100%;
    width:7rem;
    left:-7rem;
    top:0;
    position:fixed;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    background-color: #ffcc00;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    transition:all 0.25s;   
}
.left_fixed_bar a{
    color:inherit;
    text-decoration:none;
}
.left_fixed_bar.open {
    width:408px;
    left:0;
}
.hamburger {
    position: fixed;
    top: 0;
    left: 0;
    height: 7rem;
    line-height: 7rem;
    width: 7rem;
    background: #ffcc00;
    font-size: 7rem;
    text-align: center;
    overflow:hidden;
    transition: width 0.25s;
}
.left_fixed_bar.open .hamburger{
    
}
.hamburger>i{
    color: #fff;
    position:absolute;
    left:0;
}
.hamburger .icon-ham:before{
    margin: 0;
    left: -4px;
    top: -5px;
    position: relative;
}
.sidebar{
    display: block;
    list-style: none;
    overflow: hidden;
    height: 100%;
    padding: 0 0 100px 0;
    margin: 7rem 0 0 0;
    color: white;
    font-weight: 500;
    background: #2980b9;
    overflow-y: auto;
}

.sidebar>li{
    font-size: 1.6rem;
    line-height:7rem;
    position:relative;
}
.sidebar>li:hover{
    background:white;
    color:black;
}
.sidebar>li.active{
    background:white;
    color:black;
}
.sidebar>li>span{
    position:absolute;
    display:block;
    text-align:center;
    width:7rem;
    top:0;
    left:0;
    font-size:4rem;
}
.sidebar>li>a{
    display:block;
    margin-left:7rem;
    text-align:left;
    padding-left:1rem;
    white-space:nowrap;
    width:338px;
}

.useradminmenu {
    padding: 1rem 0;
    margin: 0;
    margin-bottom:3rem;
}
.useradminmenu>li{
    font-size: 1.5rem;
    line-height:5rem;
    position:relative;
    list-style: none;
    background:white;
    color:black;
}

.useradminmenu>li:hover{
    background: #2980b9;
    color:white;   
}
.useradminmenu>li>a{
    color:inherit;
    text-decoration:none;
    text-transform:uppercase;
    padding-left:5rem;
    display:block;
    font-weight:500;
}
.useradminmenu>li>a>i {
    position: absolute;
    display: block;
    text-align: center;
    width: 5rem;
    top: 0;
    left: 0;
    font-size: 3rem;
}
.icon-settings svg{
    height: 3.5rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1rem;    
}



.body_container {
    margin-top: 70px;
    background:#fff;
    /*margin-left: 70px;
    padding:2rem;*/
}
.dx {
    background: white;
    position: relative;
    max-width: 100%;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.container-fluid {
	padding:0 1rem;
    position: relative;
    background: inherit;
}
.row {
    margin-right: -1rem;
    margin-left: -1rem;
}
.row>[class^="col-"] {
	padding:0 1rem;
}
.item .row{
    margin-bottom: 0;
}
.align-items-start {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}
.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.align-items-end {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}
.footer .img {
    margin:0;
    margin-right:0;
}


.swiper-slide {
    text-align: center;
    font-size: 1.6rem;
    background: #fff;    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.embed-16by9 {
    position:relative;
    width:100%;
}
.embed-16by9::before {
    padding-top: 56.25%;
}
.embed-16by9::before {
    display: block;
    content: "";
}

.slider_header {
    position: absolute;
    z-index: 3;
    width: 100%;
    padding: 1rem;
    bottom: 4rem;
    background-color: rgba(39, 174, 96, 0.6);
    box-sizing: border-box;
}
.slider_header>a {
    color:#fff;
    font-weight:500;
    text-decoration:none;
}
.sloder_image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow:hidden;
}
.sloder_image>.aligncenter {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;   
}
.sloder_image>a>.aligncenter {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;   
}
.tophightligts .swiper-button-prev,.tophightligts .swiper-button-next {
    width: 7rem;
    height: 7rem;
    line-height:64px;
    font-size:4rem;
    text-align:center;
    background: #2980b9;
    color: white;
}
.last_articles_module,
.tophightligts_module {
    height: 70px;
    background-color: rgba(41, 128, 185, 1);
    margin-bottom: 2rem;
    position:relative;
    user-select:none;
}
.tophightligts_module {
    display: none;
}
.module_content{
    margin-bottom:1rem;
}
.last_articles_module>.plus,.last_articles_module>.minus,
.tophightligts_module>.plus,.tophightligts_module>.minus{
    height: 7rem;
    width:7rem;
    color:white;
    text-decoration:none;
    position:absolute;
    top:0;
    left:0;
    font-size: 4rem;
    text-align:center;
}
.last_articles_module>.module_header,
.tophightligts_module>.module_header {
    position: relative;
    left: 7rem;
    display: inline-block;
    padding: 0 2rem 0 1rem;
    line-height: 7rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: white;
    background: #3fc28a;
    height: 7rem;
    text-transform: uppercase;
}
.module_header>i {
   font-size: 4rem;
   float:left;
   margin-right:1rem; 
}
.tools_nav {
    display: block;
    line-height: 64px;
    height: 7rem;
    text-align: center;
    position: absolute;
    text-decoration: none;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 4rem;
    background-color: rgba(41, 128, 185, 1);
    transition: 0.25s;
}
.tools_nav>a {
    display: none;
    text-decoration:none;
    width: 7rem;
    height:7rem;
    color:inherit; 
    overflow:hidden; 
}
.tools_nav>a:hover {
    background: #3fc28a;
    text-decoration:none;
}
.tools_nav>a.module_down,
.tools_nav>a.module_up{
    display:inline-block;
}  

.sideblockadv {
    max-width: 100%;
    max-height: 400px;
    overflow: hidden;
    padding: 3rem;
}
.newscard {
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border: 2px solid #3fc28a;
    width: 100%;
    height: 0;
    padding-bottom:100%;
    position:relative;
    overflow: hidden;
}
.-moz- .newscard{
	height: 25vw;
}
.edit_article.inarticle {
    position: relative;
    top: .4rem;
    left: 0;
    text-decoration:none;
    display: inline-block;
    margin:0 1rem;
    margin-right:9rem;
}
.boosted .newscard {
    /*border: 1px solid rgba(162, 162, 162, 0.4);*/
    border:0;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.newscard>[class^="cat-"] {
    position: absolute;
    top: -2px;
    left:-2px;
    background: #3fc28a;
    color:white;
    font-size:4rem;
    text-align: center;
    width: 7rem;
    height: 7rem;
    line-height:7rem;
    z-index: 1;
}
.newscard>[class^="cat-"]:before {
    position: absolute;
    top: 0;
    left:0;
    width: 7rem;
    height: 7rem;
    font-family: "infuture";
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.boosted .newscard>[class^="cat-"]{
    left:0;
    right:0;
    width: 40px;
    height: 40px;
    line-height:40px;
    font-size:2rem;
    background: #ffffff;
    color: #393939;
    border-right: 1px solid rgba(162, 162, 162, 0.4);
    border-bottom: 1px solid rgba(162, 162, 162, 0.4);    
}
.boosted .newscard>[class^="cat-"]:before {
    width: 40px;
    height: 40px;    
}

.newscard>.balls {
    position: absolute;
    background: #3fc28a;
    color: white;
    right: 0;
    top: 0;
    width: 12rem;
    height: 4rem;
    line-height:4rem;
    font-weight:bold;
    z-index: 4;
    text-align: center;
    font-size: 1.4rem;
}

.boosted .newscard>.balls{
    background: #ffffff;
    color: #393939; 
    width: auto;
    /*border-left: 1px solid rgba(162, 162, 162, 0.4);
    border-bottom: 1px solid rgba(162, 162, 162, 0.4);*/
    font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;        
}

.balls>[class^="balls_"] {
    display:inline-block;
    width:4rem;
    height:4rem;
    font-size:2rem;
    color:inherit;
    float: left;
}

.balls>[class^="balls_"]:hover{
    background-color: #2980b9;
    cursor:pointer;
}
.boosted .balls>[class^="balls_"]:hover{
    background: none;
    color: #2980b9;
}
.balls>span {
    display:inline-block;
    width:4rem;
    height:4rem;
    color:inherit;
    float: left;
}
.cat-kosmos:before{
    content: '\e82d';    
}
.cat-komp:before{
    content: '\e825';
}
.cat-avto:before{
    content: '\e83a';
}
.cat-avia:before {
    content: '\e83b';
}
.cat-transport:before{
    content: '\e818';
}
.cat-arch:before{
    content: '\e817';
}
.cat-nano:before{
    content: '\e822';
}
.cat-gun:before{
    content: '\e81b';
}
.cat-energy:before{
    content: '\e83c';
}
.cat-med:before{
    content: '\e827';
}
.cat-nature:before{
    content: '\e82b';
}
.cat-our_news:before{
    content: '\e82c';
}
.newscard>.sloder_image {
    width: 100%;
    height: 50%;
    overflow: hidden;
    position:absolute;
    top:0;
    /*background: url(/img/holder.jpg) center center no-repeat;*/
        background: #3fc28a;
    background-size: cover;    
}
.fullblocklink {
    position: absolute;
    left: 0rem;
    top:0;
    width: 100%;
    height: 100%;
        text-indent: -9999px;
}
.newscard_header {
    z-index: 1;
    position: absolute;
    text-align: left;
    padding: 1rem;
    background:#fff;
    height:50%;
    top:50%;
    
    overflow:hidden;
    transition:all 0.15s;
}
.newscard_header:hover{
    cursor:pointer;
}

.newscard_header:before {
    content: "";
    width: 100%;
    height: 4rem;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 77%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 77%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 77%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 ); 
    position: absolute;
    bottom: 4rem;
}
.boosted .newscard_header:before {
    background: white;
    background: -webkit-linear-gradient(to bottom, transparent, white 50%);
    background: linear-gradient(to bottom, transparent, white 50%);
    bottom: 4rem;
}
.zaglushka {
    float: right;
    width: 12rem;
    height: 4rem;
    position: relative;
    top: -1rem;
    right: -1rem;    
    /*display:none;*/
}

.newscard_title {
    margin: 0;
    font-size: 1.5rem;
}
.newscard_title>a {
    color:inherit;
    text-decoration:none;
    font-weight:bold;
}
.newscard_description {
    margin: 0;
    padding-top: 1rem;
    font-size: 1.5rem;
}
.newscard_header>.item_text {
    font-size: 1.5rem;
    opacity:0;
    /*transition: opacity 0.15s;*/
}

.newscard_subblock {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    border-top: 2px solid #3fc28a;
    background: #fff;
    color: #3fc28a;
    font-weight: 500;
    font-size: 1.5rem;
    line-height:4rem;    
    overflow: hidden;
    /*transition: all 0.15s;*/
}

.boosted .newscard_subblock {    
    border-top: 1px solid rgba(162, 162, 162, 0.4);
    background: #fff;
    color: #6a6a6a;
}

.newscard_subblock>.media {
    float: left;
    padding: 0 4px;
    font-size: 1.2rem;
    font-weight: normal;
}
.media img {
    max-width: 32px;
}
.media .media-body {
    padding: 0 .5rem;
}
.newscard_subblock>.date_block {
    float: left;
    padding-left:4rem;
    position:relative;
}
.newscard_subblock>.date_block:before {
    font-family: "infuture";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 2rem;
    left: 0;
    text-align: center;
    position: absolute;
    content: '\e81e';    
}
.date_block>i{
    position:absolute;
    left:0;
    font-size:3rem;
}
.newscard_subblock>.comments_block {
    width: 4rem;
    text-align: center;
    position: absolute;
    height: 100%!important;
    top: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
    font-size: 1rem;
    line-height: 3.5rem;
}
.newscard_subblock>.comments_block:hover{
    cursor:pointer;
}
.newscard_subblock>.comments_block:before {
    font-family: "infuture";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 3.5rem;
    left: 0;
    text-align: center;
    position: absolute;
    content: '\e834';
}
.comments_block>a {
    color: inherit;
    text-decoration: none;
    text-align: center;
    font-size: 75%;
    line-height: 4rem;
    height: 100%;
    display: block;
}
.comments_block>a>i {
    position: absolute;
    font-size: 3.5rem;
    margin: 0;
    left: 0;    
}
.newscard_subblock>.watch_block {
    position: absolute;
    right: 5rem;
    padding-left: 4.5rem;
    height: 100%;
    margin-right: 1rem;
}
.newscard_subblock>.watch_block:before{
    font-family: "infuture";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 2.5rem;
    left: 0;
    position: absolute;
        content: '\e821';   
}

.watch_block>i {
    font-size: 3.5rem;
    position: absolute;
    left: 0;
}
.newscard_subblock>.share_block {
    position: absolute;
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
    right: 0;
    top: 0;
}
.share_block>a {
    color:inherit;
    text-decoration:none;
    display:block;
}
.share_block>a>i {
    font-size:3rem;
}
.share_block>.social_links_small {
    position: absolute;
    top: 0;
    right: 4rem;
    height: 100%;
    width:0;
    overflow:hidden;
    text-align:right;
    white-space: nowrap;
    transition:width 0.25s;
}
.share_block:hover>.social_links_small {
    background:#3fc28a;
    padding-left: 100%;
    width: 900%;
}
.social_links_small>a {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    text-align:center;
    color: white;
    line-height: 3rem;
}
.share_vk {
    background-color: #466482;
}
.share_odnoklassniki {
    background-color: #f4731c;
}
.share_facebook {
    background-color: #3b5998;
}
.share_gplus {
    background-color: #dd4b39;
}
.share_twitter {
    background-color: #55acee;
}
.share_email {
    background: #737373;
}
.share_star {
    background: #ffcb4f;
}
.share_instagram {
    background-color: #3f729b;
}
.share_youtube {
    background: #ff1d26;
}
.share_rss {
    background: #ff8400;
}
.share_email_footer {
    background: #ffcc05;
}


    .swiper-slide {
      background-size: cover;
      background-position: center;
      box-sizing:border-box;
    }
    .gallery-top {
      height: 100%;
      width: 100%;
      position:absolute;
    }
    .gallery-top img{
        width:100%;
    }
    .gallery-thumbs {
    left: 7rem;
    height: 14rem;
    position: absolute;
    box-sizing: border-box;
    padding: 0;
    bottom: 0;
    width: 125rem;
    background: #3fc28a;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
    }
    .gallery-thumbs .swiper-slide-active:before {
            content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid #3fc28a;
    z-index: 1;
    }
    .article_image .swiper-button-next,.article_image .swiper-button-prev{
        width: 7rem;
        height: 7rem;
        line-height: 7rem;
        font-size: 4rem;
        text-align: center;
        background: #3fc28a;
        color: white;
        left:0;
        top: auto;
        bottom: 0;
        outline:none!important;
        border:0;
    }
    .article_image .swiper-button-next:hover,.article_image .swiper-button-prev:hover{
        background: #2980b9;
    }
    .article_image .swiper-button-next{
        bottom:7rem;
    }
/* Modal */
.modal {
  background-color: rgba(0,0,0,.65);
  display: none;
  overflow: auto;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Modal Content */
.modal-content {
  position: relative;
  top: 0px;
  width: 600px;
  max-width:100%;
  margin: 4rem auto 0;
  /*background-color: #e5f361;*/
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.modal-animated-in {
  animation: totop-in .3s ease;
}
.modal-animated-out {
  animation: totop-out .3s ease forwards;
}
.modal-header {
  background-color: #2980b9;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}
.modal-content .close {
  position: absolute;
  right: 0;
  top: 0;
  /*background-color: #222;*/
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 60px;
  font-size: 2.5rem;
  text-align: center;
  cursor: pointer;
  /*transition: all .3s;*/
}
.modal-content .close:hover {
  /*background-color: #fff;
  color: #222;*/
}

/* Modal Body */
.modal-body {
  padding: 20px;
  font-size:20px;
}
.modal-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Modal Footer */
.modal-footer {
  background-color: #2980b9;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}
.modal-header h3,
.modal-footer h3 {
  color: #fff;
  margin:0;
}

/* Keyframes */
@keyframes totop-in {
  0% {
    top: 600px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }  
}

@keyframes totop-out {
  0% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: -100%;
    opacity: 0;
  }  
}



.article_image {
    position:relative;
    overflow: hidden;
    padding-bottom: 40%;
    height:0;
}
.article_image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    background: url(/img/02.png) center center;
    opacity: .2;
    display:none;
}
.article_image>.aligncenter{
    display:block;
    width: 100%; 
    position: fixed;
    z-index: 0;
}
.article_preview {
    background-color: rgba(41, 128, 185, 1);
    color: white;
    font-size: 2rem;
    font-weight: 500;
    padding: 2rem 1rem;
    position: relative;
}
.article_meta_block {
    padding:1rem;
    border-bottom: 2px solid rgba(63, 194, 138, 1);
    overflow:auto;
    overflow-y:hidden;
    white-space: nowrap;    
}
.article_meta_block i {
    line-height: 30px;
    margin-top: -.65rem;
    left: 0;
}
.article_meta_block>.item_author_avatar_block .userpic {
    max-height: 100%;
    text-indent: -9999px;
}
.article_meta_block>div {
    padding-right: 1rem;
    position: relative;
    font-size: 1.4rem;
    font-weight:bold;
    color: #27AE60;
    display:inline-block; 
    vertical-align: middle;   
} 

.item_author_avatar_block {
    height: 4rem;
} 
.item_author_avatar_block>a{
    display:block;
    width: 4rem;
}
.article_meta_block>.date_block{
    position: relative;
    padding-left: 4rem;
}
.article_meta_block>.item_author_name_block {
    font-weight: bold;
    font-size: 1.4rem;
    height:2rem;
    text-transform: uppercase;
}
.item_author_name_block>a {
    color:#292b2c;
    text-decoration:none;
}
.article_meta_block>.watch_block {
    font-size: 14px;
    font-weight: bold;
    color: #27AE60;
    position: relative;
    padding-left: 5rem;
}
.article_meta_block>.comments_block {
    width: 5rem;
    padding: 0;
    margin: 0 1rem;
    line-height: 5rem;
    box-sizing: border-box;
}
.article_meta_block>.comments_block span {
        position: relative;
    top: -0.6rem;
}
.article_meta_block>.share_block{
    width:4rem;
    margin:0 1rem;
        height: 4rem;
        line-height: 5rem;
}
.article_meta_block>.share_block>.social_links_small {
    position: absolute;
    top: 4rem;
    right: 0;
    height: 0;
    width: 100%;
    padding:0;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    transition: height 0.25s;
    z-index: 2;
}
.article_meta_block>.share_block:hover>.social_links_small {
    background: transparent;
    height: 900%;
}
.article_meta_block>.share_block>.social_links_small>a {
    display:block;
    margin: 0 auto .2rem;
}
.article_meta_block>.balls {
    background: #27AE60;
    color: white;
    text-align: center;
    line-height: 4rem;
        height: 4rem;
    width: 12rem;
    padding: 0;
}
.article_meta_block>.balls a{
    color: inherit;
}
.tag {
    height: 3.2rem;
    line-height: 3.2rem;
    background-color:#fff;
    box-sizing: border-box;
    border: 2px solid rgba(63, 194, 138, 1);
    border-radius: 0px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #02B875;
    text-transform:uppercase;
    display: inline-block;    
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.tag:hover{
    background-color: rgba(63, 194, 138, 1);
    color:#fff;
}
.tag>a{
    display:block;
    padding: 0 1rem;
    color:inherit;
    text-decoration:none;
    line-height: 2.8rem;
}
.article_text, .page_text {
    font-size: 2rem;
    text-align:justify;
    padding:1rem;
    overflow: hidden;
}
.swiper-pagination-bullet {
    border-radius: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    opacity: 1; 
}
.swiper-pagination-bullet-active {
       
    background: rgba(39, 174, 96, 1);
}

.module_top_left {
    position:relative;
    height: 25vw;
    font-size:18px;
    font-weight:500;
    overflow:hidden;
    margin-bottom:1rem;
}
.module_top_left>.slider_header {
    position: absolute;
    padding:1rem;
    text-align:center;
    width:100%;
    bottom:0;
    top: auto;
}
.footer{
    padding-top: 2rem;
    margin-top:0;
    padding-bottom:3rem;
    background-color: #2980b9;
    color:#fff;
    position:relative;
    box-sizing: border-box;
}
.footer a {
    color: inherit;
    text-decoration: none;
}
.footer .bigtext {
    font-weight: bold;
    font-size: 2rem;
    margin: 0;
    padding-top: .5rem;
}
.footer_menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
}
.footer_menu>li {
    font-size:1.6rem;
    line-height: 7rem;
    position: relative;
}
.footer_menu>li:hover {
    background: white;
    color: black;
}
.footer_menu>li>a {
    display: block;
    text-align: left;
    padding-left:7rem;
    white-space: nowrap;
    font-weight:500;
}
.footer_menu>li>a>i {
    position: absolute;
    left: 0;
    top: 0;
    font-size:4rem;
    font-weight:500;
}
.footer .social_links_big {
    padding-top:2rem;
    margin-bottom: 2rem;
}
.footer .rightside {
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 7rem;
    padding-bottom: 1rem;
}

.social_links_big>a {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    color: white;
    line-height: 5rem;
    font-size: 2.5rem;
}
.right_share {
    position: fixed;
    right: -7rem;
    bottom: 0;
    z-index:4;
}
.right_share a {
    display:block;
    height:7rem;
    width:7rem;
    font-size:2rem;
    text-align:center;
    color:white;    
}
.right_share .page_up,.right_share .page_down {
    line-height:7rem;
    font-size:3rem;
}
.right_share>a{
    background:#3fc28a;
}
.social_links_side {
    position: absolute;
    right: 0;
    bottom: 14rem;
}
.errorpage{
    text-align:center;
    height:95vh;
}
.errorpage h1{
    font-size:5rem;
    color: #02B875;
    border:none;
}
.verybig {
    font-size: 6rem;
    font-weight: bold;
    color: #0E468B;
}
.noyetcomments {
    margin: 1rem 0 2rem;
    text-align: center;
}
#swig {
    margin-bottom: 2rem;
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
}
.btn-comment {
    float:right;
}
.article_header {
    font-weight:bolder;
    color: #FFFFFF;
    background: #3fc28a;
    margin: 0;
    padding:.5rem;
    font-weight:bold;
    font-size: 1.5rem;
}
#skills {
    margin-bottom: 3rem;
}
#comments{
    padding:1rem;
    font-size:14px;
}
#comments>p{
    font-weight:500;
    text-transform:uppercase;
    text-align:center;
    font-size: 1.6rem;
    padding-top:1rem;
    padding-bottom:1rem;
    margin:0;
}

.comment {
    border: 1px solid #2980b9;
    margin-bottom:1rem;
    transform: scale(1) translateX(0) translateY(0);
    opacity:1;
    transition: 0.25s;
}
.comment.newcomment {
    transform: scale(.5) translateX(0) translateY(0);
    opacity: 0;
}
.comment_header {
    height: 4rem;
    background: #2980b9;
    color:white;
    position:relative;
}
.comment_header>.avator_block {
    position:absolute;
    left:0;
    top:0;
    height:4rem;
    width:4rem;
    overflow:hidden;    
}
.avator_block>img {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}
.comment_header>a {
    color:inherit;
    text-decoration:none;
    line-height: 4rem;
    margin-left: 5rem;
    font-weight: bold;
    text-transform: uppercase;
}
.comment_header>.comment_date {
    background: #ebc500;
    line-height: 4rem;
    position: absolute;
    right: 0;
    padding: 0 1rem;
    font-weight: bold;
}
.cooment_body {
    padding: 1rem;
        border-top: 1px solid #2980b9;
}
.cooment_body p {
    margin:0;
}


.tophightligts {
    margin: 0 auto;
    margin-bottom: 1rem;
}
.with_limit {
    margin-bottom:2rem;
}
.user_avatar_crop
{
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    margin: .8rem;
    position: relative;
    float:left;
}
.user_avatar_crop>img {
    position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

.user_profile_name {
    font-weight: bold;
    font-size: 3rem;
    color: #2980b9;
    height: 10rem;
    margin:.8rem;
    position:relative;
    padding-left: 10rem;
}
.user_profile_name>span
{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.user_fixed_bar .user_avatar_crop{
    margin:0;
    height: 5rem;
    width:5rem;
}
.user_fixed_bar .user_profile_name {
    height: 5rem;
    margin: 0;
    padding-left: 6rem;
    color:inherit; 
}
.user_fixed_bar .user_info_block {
    padding:0;
    
}
.user_fixed_bar .user_profile_name>span {
    font-size:1.6rem;
    color:inherit;
    font-weight:normal;
}
.user_info_block {
    padding: 0.8rem;
    font-size: 1.5rem;
}
#skills span, .skills span {    
    left: 2%;
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    /*
    top: -2.5rem;
    color: #fff;
    text-shadow: 0px 0px 1px black;
    */
}

.retro_header {
    height: 70px;
    line-height: 70px;
    background: #ffcc00;
    color: white;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    text-shadow: 0px 0px 1px black;
    overflow:hidden;
    position:relative;

}
.retro_padding {
    padding-left: 100px;
    position: relative;
        margin-bottom: 1rem;
}
.retro_card {
    padding-bottom: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    color:#3fc28a;
    box-sizing: border-box;
    border: 2px solid rgba(63, 194, 138, 1);
        transition: all 0.25s;
}
.retro_card:hover {
    background: #3fc28a;
    color:white;
}
.retro_img {
    position: absolute;
    width: 140%;
    left: -20%;
    height: 70%;
    overflow: hidden;
}
.retro_img>img {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}
.retro_descr {
    position: absolute;
    top: 70%;
    padding: 1rem;
    background: #3fc28a;
    color: white;
    width: 100%;
    height: 30%;
    font-size:1.5rem;
    transition: all 0.25s;
}
.retro_descr>div{
    font-weight:bold;
    margin:0;
}
.retro_descr>div>a{
    color:inherit;
    text-decoration:none;
}
.retro_descr>.retro_descr_mdescr{
    display:none;
    font-weight:400;
}
.retro_card:hover .retro_descr {
    height:100%;
    top:0;
}
.retro_card:hover .retro_descr>.retro_descr_mdescr{
    display:block;
}
.gliph {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align:center;
    font-size:10vw;
}
.gliph>i{
    position: absolute;
        left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.year_retro {
    position: absolute;
    top: 0;
    left: 15px;
    height:100%;
    color: white;
    background: #2980b9;
    width: 70px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
}
.year_retro>span{
    position: absolute;
        left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-container.pagination {
    height: 6rem;
    padding-bottom: 2rem;
}
.swiper-container.pagination .swiper-slide{
    width:4rem;
    line-height:4rem;
    background-color: #2980b9;
    color: #fff;
    font-weight:bold;
}
.pagination a{
    color:inherit;
    text-decoration:none;
    display:block;
    width: 100%;
    height: 100%;
}
.pagination a.active{
    background: #3fc28a;
}
progress {
    background-color: #f3f3f3;
    border: 0;
    height: 2.5em;
    width: 100%;
    transition: background-color 0.25s;
}

progress::-webkit-progress-bar {
    background-color: #e0eaf0;
}

progress::-webkit-progress-value {
    background-color: #329ad1;

}

progress::-moz-progress-bar {
    background-color: #329ad1;
}
progress.leader::-webkit-progress-value {
    background-color: #ffcc00;
}
progress.leader::-moz-progress-bar {
    background-color: #ffcc00;
}



@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .hamburger{
        left: 0px;
    }
    .body_container, .bottomadv {
        margin-left: 70px;
        /*margin-right: 70px;*/
    }
    .footer{
        padding-left:70px;
    }
    .right_share {
        right:0;
    }
    .article_preview {
        padding-right: 100px;
    }
    .left_fixed_bar {
        left:0;
    }
    .article_header {
        padding:1rem;
        font-size: 2rem;
        max-width: 1024px;
    }
    .tophightligts {
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    .with_limit {

    }
}

@media (min-width: 992px) {
    .article_text, .page_text {
        padding-left: 3rem;
    }
    .navbar {
        display: block;
    }
    .newscard .newscard_header:hover{
        height: 100%;
        position: absolute;
        color: white;
        background: #3fc28a;
        top:0;
    }
    .newscard .newscard_header:hover:before {
        background: linear-gradient(to bottom, transparent, #3fc28a 77%);
    }  
    .boosted .newscard .newscard_header:hover:before {
        background: linear-gradient(to bottom, transparent, #ffffff 77%);
    }  
    .newscard:hover .zaglushka {
        display:block;
    }
    .newscard .newscard_header:hover>.item_text {
        opacity:1;
    }
    .newscard_header:hover + .newscard_subblock {
        color:#fff;
        background:#3fc28a;
    }
    .boosted .newscard .newscard_header:hover{
        background:#fff;
        color: #393939;
    }
    .boosted .newscard_header:hover + .newscard_subblock {
        color: #6a6a6a;
        background: white;
    }
    .article_header {
        position:absolute;
        z-index: 3;
        top:0;
        left:0;        
        font-size: 40px;
    }
}
.whitebg{
    background:white;
        position: relative;
}
@media (min-width: 1200px) {
.article_header {
    padding-left: 4rem;
    padding-right: 4rem;
}
.article_preview {
    padding-left: 4rem;
    padding-right: 33.333333%;
    padding-right: 8rem;
}    
.article_meta_block {
    padding: 1rem;
    padding-left: 4rem;
    border-bottom: 2px solid rgba(63, 194, 138, 1);
}
.swiper-pagination{
    transform: translateX(-50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 50%;
    width: calc(50% - 15px);
    margin: 0 auto;    
    background: #2980b9;
    padding: 10px;
}
#comments{
    padding-left:3rem;
}
}
/* -------------------------------- 

xsigin/signup popup 

-------------------------------- */
.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 130;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  font-size:1.5rem;
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity .3s, visibility .3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 500px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
    /*border-radius: 0.25em;*/
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher::after {
  clear: both;
  content: "";
  display: table;
}
.cd-user-modal-container .cd-switcher {
    list-style: none;
    padding: 0;
}
.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
  border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  background: #d2d8d8;
  color: #809191;
  text-decoration: none;
    font-weight: 500;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 4em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 4rem;
    line-height: 4rem;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 14px;
  font-size: 0.875em;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0;
    font-size: 1.4rem;
}
.cd-form input.full-width {
  width: 100%;
}
.cd-form input.has-padding {
  padding: 1rem;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #2980b9;
  color: #FFF;
  font-weight: 500;
  text-transform:uppercase;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type=submit]:disabled { 
    opacity:.7;
}
.no-touch .cd-form input[type=submit]:hover, 
.no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none;
}
.cd-form .hide-password {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 3rem;
  padding: .5rem 1rem;
  border-left: 1px solid #d2d8d8;
  text-decoration:none;
  font-size: 1rem;
  color: #343642;
}
.cd-form .cd-error-message {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -15px;
  padding: 0;
  z-index: 2;
  color: rgba(215, 102, 102, 0.9);
  font-size: 1rem;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
  -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
  transition: opacity 0.2s 0, visibility 0 0.2s;
}

.cd-form .cd-error-message.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s 0, visibility 0 0;
  -moz-transition: opacity 0.2s 0, visibility 0 0;
  transition: opacity 0.2s 0, visibility 0 0;
}
@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2rem;
  }
  .cd-form .fieldset {
    margin: 0 0 1.5rem 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    padding: .5rem 1rem;
  }
  .cd-form input[type=submit] {
    padding: .5rem 1rem;
  }
}

.cd-form-message {
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
    margin: 0;
}
@media only screen and (min-width: 600px) {
  .cd-form-message {
    padding: 2rem 0 0;
  }
}

.cd-form-bottom-message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -30px;
  text-align: center;
    font-size: 1.4rem;
    margin: 0;
}
.cd-form-bottom-message a {
  color: #FFF;
  text-decoration: underline;
}

.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}

/*
 * share-selection: Medium like popover menu to share on Twitter or by email any text selected on the page
 *
 * -- Requires jQuery --
 * -- AMD compatible  --
 *
 * Author: Xavier Damman (@xdamman)
 * GIT: https://github.com/xdamman/share-selection
 * MIT License
 */

@keyframes selectionSharerPopover-animation {
  0%{
  transform:matrix(0.97,0,0,1,0,12);
  filter:alpha(opacity=0);
  opacity:0
  }
  20%{
  transform:matrix(0.99,0,0,1,0,2);
  filter:alpha(opacity=70);
  opacity:.7
  }
  40%{
  transform:matrix(1,0,0,1,0,-1);
  filter:alpha(opacity=100);
  opacity:1
  }
  70%{
  transform:matrix(1,0,0,1,0,0);
  filter:alpha(opacity=100);
  opacity:1
  }
  100%{
  transform:matrix(1,0,0,1,0,0);
  filter:alpha(opacity=100);
  opacity:1
  }
}

#selectionSharerPopover {
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 4;
}

#selectionSharerPopover:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #262625;
  box-shadow: 0 0 2px #262625;
}

#selectionSharerPopover.anim {
  transition: top .075s ease-out;
  animation: selectionSharerPopover-animation 180ms forwards linear;
  -webkit-animation: selectionSharerPopover-animation 180ms forwards linear;
}

#selectionSharerPopover-inner {
  position:relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: #262625 #1c1c1b #121211;
  box-shadow: 0 1px 3px -1px rgba(0,0,0,0.7),inset 0 0 1px rgba(255,255,255,0.07),inset 0 0 2px rgba(255,255,255,0.15);
  background-image: linear-gradient(to bottom,rgba(49,49,47,0.97),#262625);
  background-repeat: repeat-x;
}

#selectionSharerPopover .selectionSharerPopover-clip {
  position: absolute;
  bottom: -11px;
  display: block;
  left: 50%;
  clip: rect(12px 24px 24px 0);
  margin-left: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#selectionSharerPopover .selectionSharerPopover-arrow {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg) scale(0.5);
  transform: rotate(45deg) scale(0.5);
  background-color: #454543;
  border: 2px solid #121211;
  box-sizing:content-box;
}


.selectionSharer ul {
  padding: 0;
  display: inline;
}

.selectionSharer ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0;
}

.selectionSharer a.action {
  display:block;
  text-indent: -200px;
  margin: 5px 7px;
  width:20px;
  height: 20px;
  border: none;
}

.selectionSharer a:hover {
  color: #ccc;
}

.selectionSharer a.tweet {
  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='171' height='139'%3e%3cg transform='translate(-282.32053,-396.30734)'%3e%3cpath style='fill:white' d='m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z' /%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px;
  background-position: 2px 4px;
}

.selectionSharer a.facebook {
  background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 33 33' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:white' d='M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px;
  background-position: 0px 2px;
  display:none;
}

.selectionSharer a.email {
  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='64'%3e%3cg transform='translate(-10, -10)' fill='transparent'%3e%3crect x='0' y='0' width='114' height='114'%3e%3c/rect%3e%3cpath d='M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z' stroke='white' stroke-width='5'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 20px;
  background-position: 0px 4px;
}


#selectionSharerPopunder.fixed {
  transition: bottom 0.5s ease-in-out;
  width: 100%;
  position: fixed;
  left: 0;
  bottom:-50px;
}

.selectionSharer {
  transition: -webkit-transform 0.6s ease-in-out;
}

.selectionSharer.moveDown {
  -webkit-transform: translate3d(0,60px,0);
}

#selectionSharerPopunder {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0px;
  transition: height 0.5s ease-in-out;
  background: #ccc;
  border: none;
  box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.5), inset 0px -10px 5px -10px rgba(0,0,0,0.5);
  border-radius: 0;
  overflow: hidden;
}

#selectionSharerPopunder.show {
  height: 50px;
}

.selectionSharerPlaceholder {
  height: 1em;
  margin-bottom: -2em;
  transition: height 0.5s ease-in-out;
}

.selectionSharerPlaceholder.show {
  height: 50px !important;
}

#selectionSharerPopunder-inner ul {
  overflow: hidden;
  float:right;
  margin: 0px;
}

#selectionSharerPopunder-inner ul li {
  padding: 5px;
  overflow: hidden;
}

#selectionSharerPopunder-inner label {
  color: white;
  font-weight: 300;
  line-height: 50px;
  margin: 0px 20px 0px 10px;
}

#selectionSharerPopunder-inner a {
  width: 30px;
  height: 30px;
  background-size: 30px;
}

#selectionSharerPopunder-inner a.tweet {
  background-position: 0px 2px;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-40_3::before {
    padding-top: 40.3%;
}
.embed-responsive .embed-responsive-item, 
.embed-responsive embed, 
.embed-responsive iframe, 
.embed-responsive object, 
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#logo:hover {
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .body_container {
        margin-top: 50px;
    }    
    .top_fixed_bar {
        height: 50px;
    }    
    .logo,.tools  {
        height: 50px;
        line-height: 50px;
        width: 50px;
        font-size: 3rem;
    }
    .logo{
        left: 50px;
    }
    .tools.share{
        right: 50px;
    }
    .tools.login {
        right: 100px;
    }
    .tools.login .user_avatar_crop {
        width: 40px;
        height: 40px;
        margin: 5px;
    } 
    .search_block.open {
        width: calc(100% - 100px);
    }
    .search_block {
        right: 50px;
        line-height: 50px;
        height: 50px;
    }

    .search_bar{
        height: 50px;   
    }
    .search_bar>.search_forum_input {
        height: 46px;
        width: 100%;
        padding: 4px 1rem;
        font-size: 2rem;
    }
    .cd-form .hide-password {
        top:3.5rem;
    }
    .left_fixed_bar.open {
        width: 100%;
        max-width:100%;
        left: 0;
    }
    .user_fixed_bar{
        padding:0;
    }
    .user_fixed_bar.open {
        max-width: 100%;
        
    }
    .user_change_block {
        padding:0;
    }
    .user_change_block form{
        padding:1rem;
        padding-left:5rem;
    }
    .usercancelock {
    height: 5rem;
    line-height: 5rem;
    padding-left: 5rem;
    }
    .user_fixed_bar .user_avatar_crop{
        margin: .5rem;
        margin-left: 5.5rem;
        height: 4rem;
        width: 4rem;
        z-index:1;
    }
    .user_fixed_bar .user_profile_name {
            padding-left: 10.5rem;
    background: #2980b9;
    color: white;
    }
    .user_fixed_bar .useradminmenu{
        padding-left: 5rem;
    }
    .user_fixed_bar .skills{
        padding:1rem;
        padding-left: 5rem;
    }
    .sidebar {
        padding: 0 0 30rem 0;
        margin: 5rem 0 0 0;
    }    
    .sidebar>li {
        font-size: 1.5rem;
        line-height: 5rem;
        position: relative;
    }
    .sidebar>li>span {
        position: absolute;
        display: block;
        text-align: center;
        width: 5rem;
        top: 0;
        left: 0;
        font-size:3rem;
    }
    .sidebar>li>a {
        margin-left: 5rem;
        text-align: left;
        width: 100%;
        padding-left: 1rem;
    }
    .footer_menu>li {
        font-size: 1.5rem;
        line-height: 5rem;
    }  
    .footer_menu>li>a {
        padding-left: 5rem;
    }      
    .footer_menu>li>a>i {
        font-size: 3rem;
    }

    .useradminmenu>li{
        line-height: 5rem;
    }
    .useradminmenu>li>a {
            padding-left: 5rem;
                font-size: 1.5rem;
    }
    .useradminmenu>li>a>i {
        font-size:3rem;
            width: 5rem;
    }
    .hamburger {
        height: 5rem;
        line-height: 5rem;
        width: 5rem;
        font-size: 3.5rem;
    }
    .hamburger>i {
        position:relative;
    }    
    .hamburger .icon-ham:before {
        margin: 0;
        left: -1px;
        top: -3px;
        position: relative;
    } 
    .last_articles_module,
    .tophightligts_module {
        height: 5rem;
        margin-bottom: 1rem;
    } 
    .tools_nav{
        /*display:none;*/
        line-height: 5rem;
        height: 5rem;
        font-size: 2rem;
    }    
    .tools_nav>a{
        display: inline-block;
        height: 5rem;
        width: 5rem; 
        float: left;       
    }  
    .tools_nav>a.module_down,
    .tools_nav>a.module_up{
        display: none;
    }  
    .last_articles_module>.plus, .last_articles_module>.minus,
    .tophightligts_module>.plus, .tophightligts_module>.minus {
        height: 5rem;
        width: 5rem; 
            line-height: 5rem;
        font-size: 2rem;
    }
    .last_articles_module>.module_header,
    .tophightligts_module>.module_header {
        left: 5rem;
        line-height: 5rem;
        font-size: 1.25rem;
        font-weight: 400;
        height: 5rem;
        width: calc(100% - 5rem);
    } 
    .module_header>i {
        font-size: 2rem;
    } 
    .newscard>[class^="cat-"] {
        font-size: 2.5rem;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;        
    }
    .newscard>[class^="cat-"]:before{
        width: 5rem;
        height: 5rem;
    }
    .article_header {
        font-weight: 500;
        font-size: 1.8rem;
        padding: .5rem 1rem;
    } 
    .article_image{
        height:auto;
        padding:0;
    } 
    .article_image>.aligncenter {
        position:relative;
    }    
    .article_preview {
        font-size: 1.6rem;
        font-weight: 400;
    }  
    .article_text {
	    font-size: 1.6rem;
	    padding: 1rem 0;
	} 
	#comments {
	    padding: 1rem 0;
	    font-size: 1.4rem;
	}	

    .tophightligts .sloder_image {
        height: 50%;
    }
    .article_image_overlay{
        display:none;
    }
    .gallery-thumbs{
        display:none;
    }
    .gallery-top {
        position:relative;
    }
    .swiper-button-next, .swiper-button-prev{
        display:none;
    }
    .swiper-pagination{
        display:none;
    }  
    .embed-16by9 {
        background: rgb(255, 255, 255);
        box-sizing: border-box;
        border: 2px solid #3fc28a;
    }      
    .embed-16by9::before {
        padding-top: 100%;
    }
    /*
    .tophightligts .embed-16by9::before {
        padding-top: 50%;
    }
    */
    .zaglushka{
        display:none!important;
    } 
    .newscard_title {
        font-size: 1.2rem;
    } 
    .newscard_description {
        padding-top: .5rem;
        font-size: 1.2rem;
    }
    /*
    .tophightligts {
        display:none;
    }
    */
    .tophightligts_module {
        display: block;
    }
    .tophightligts .slider_header {
        bottom: 0;
        top: 50%;
        background: rgb(63, 194, 138);
    }
    .tophightligts .slider_header a:after{
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        height: 6rem;
        background: linear-gradient(to top, rgba(63, 194, 138, 1), rgba(63, 194, 138, 0));
    }
}

/*checkbox*/
.fieldset .label--checkbox {
  position: relative;
  margin: 0;
  line-height: 2rem;
  cursor: pointer;
  vertical-align: middle;
}

.fieldset .checkbox {
  position: relative;
  top: 0;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.fieldset .checkbox:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1em;
  height: 1em;
  border: 2px solid #d2d8d8;
}
.fieldset .checkbox:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: .5rem;
  border-color: #2980b9;
  border-top-style: none;
  border-right-style: none;
}
.fieldset .checkbox:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1.1em;
  height: 1.1em;
  background: #fff;
  cursor: pointer;
}


 [class^="icon-"]:before, [class*=" icon-"]:before, [class*=" fa-"]:before {
  font-family: "infuture";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-vk:before,.fa-vk:before { content: '\e800'; } /* '' */
.icon-twitter:before,.fa-twitter:before { content: '\e801'; } /* '' */
.icon-youtube:before { content: '\e802'; } /* '' */
.icon-vimeo:before { content: '\e803'; } /* '' */
.icon-facebook:before, .fa-facebook:before { content: '\e804'; } /* '' */
.icon-email:before, .fa-at:before { content: '\e805'; } /* '' */
.icon-zoom-in:before { content: '\e806'; } /* '' */
.icon-zoom-out:before { content: '\e807'; } /* '' */
.icon-eye-1:before { content: '\e808'; } /* '' */
.icon-rss:before { content: '\e809'; } /* '' */
.icon-instagram:before { content: '\e80a'; } /* '' */
.icon-gal:before { content: '\e80b'; } /* '' */
.icon-podcasts:before { content: '\e80c'; } /* '' */
.icon-search:before { content: '\e80d'; } /* '' */
.icon-heart-empty:before { content: '\e80e'; } /* '' */
.icon-star-empty:before { content: '\e80f'; } /* '' */
.icon-star:before { content: '\e810'; } /* '' */
.icon-heart:before { content: '\e811'; } /* '' */
.icon-poll:before { content: '\e812'; } /* '' */
.icon-archive:before { content: '\e813'; } /* '' */
.icon-up-open-1:before { content: '\e814'; } /* '' */
.icon-forums:before { content: '\e815'; } /* '' */
.icon-resize-full-alt-1:before { content: '\e816'; } /* '' */
.icon-building:before { content: '\e817'; } /* '' */
.icon-transport:before { content: '\e818'; } /* '' */
.icon-cancel:before { content: '\e819'; } /* '' */
.icon-computer-screen1:before { content: '\e81a'; } /* '' */
.icon-tank:before { content: '\e81b'; } /* '' */
.icon-warn:before { content: '\e81c'; } /* '' */
.icon-ournews:before { content: '\e81d'; } /* '' */
.icon-time:before { content: '\e81e'; } /* '' */
.icon-addnews:before { content: '\e81f'; } /* '' */
.icon-eye:before { content: '\e821'; } /* '' */
.icon-nano:before { content: '\e822'; } /* '' */
.icon-transport-1:before { content: '\e823'; } /* '' */
.icon-infuture-m:before { content: '\e824'; } /* '' */
.icon-informatics:before { content: '\e825'; } /* '' */
.icon-share:before { content: '\e826'; } /* '' */
.icon-medecine:before { content: '\e827'; } /* '' */
.icon-blogs:before { content: '\e828'; } /* '' */
.icon-ham:before { content: '\e829'; } /* '' */
.icon-ecology:before { content: '\e82b'; } /* '' */
.icon-infuture-l:before { content: '\e82c'; } /* '' */
.icon-sputnic:before { content: '\e82d'; } /* '' */
.icon-partners:before { content: '\e82e'; } /* '' */
.icon-ad:before { content: '\e82f'; } /* '' */
.icon-video:before { content: '\e831'; } /* '' */
.icon-plus:before { content: '\e832'; } /* '' */
.icon-minus:before { content: '\e833'; } /* '' */
.icon-comment:before { content: '\e834'; } /* '' */
.icon-plus-1:before { content: '\e835'; } /* '' */
.icon-minus-1:before { content: '\e836'; } /* '' */
.icon-user:before { content: '\e837'; } /* '' */
.icon-login:before { content: '\e838'; } /* '' */
.icon-logout:before { content: '\e839'; } /* '' */
.icon-car:before { content: '\e83a'; } /* '' */
.icon-plane:before { content: '\e83b'; } /* '' */
.icon-energy:before { content: '\e83c'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open:before { content: '\f005'; } /* '' */
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open:before { content: '\f007'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-odnoklassniki:before { content: '\f263'; } /* '' */
.icon-gplus-1:before ,.fa-google:before { content: '\f30f'; } /* '' */


.jssocials-shares {
  margin: 0; }

.jssocials-shares * {
  box-sizing: border-box; }

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0; }

.jssocials-share:last-child {
  margin-right: 0; }

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; }

img.jssocials-share-logo {
  width: auto;
  height: 1em; }

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1; }
  .jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em; }
    .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
      display: block;
      font-size: .6em;
      margin: 0 -.5em -.8em -.5em; }
  .jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em; }
    .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
      height: 1em; }

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle; }

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default; }
  .jssocials-share-count-box.jssocials-share-no-count {
    display: none; }

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle; }


.jssocials-share-twitter .jssocials-share-link {
background: #00aced; }
.jssocials-share-twitter .jssocials-share-link:hover {
background: #0087ba; }

.jssocials-share-facebook .jssocials-share-link {
background: #3b5998; }
.jssocials-share-facebook .jssocials-share-link:hover {
background: #2d4373; }

.jssocials-share-googleplus .jssocials-share-link {
background: #dd4b39; }
.jssocials-share-googleplus .jssocials-share-link:hover {
background: #c23321; }

.jssocials-share-linkedin .jssocials-share-link {
background: #007bb6; }
.jssocials-share-linkedin .jssocials-share-link:hover {
background: #005983; }

.jssocials-share-pinterest .jssocials-share-link {
background: #cb2027; }
.jssocials-share-pinterest .jssocials-share-link:hover {
background: #9f191f; }

.jssocials-share-email .jssocials-share-link {
background: #ffcc05}
.jssocials-share-email .jssocials-share-link:hover {
background: #ffcc05}

.jssocials-share-stumbleupon .jssocials-share-link {
background: #eb4823; }
.jssocials-share-stumbleupon .jssocials-share-link:hover {
background: #c93412; }

.jssocials-share-whatsapp .jssocials-share-link {
background: #29a628; }
.jssocials-share-whatsapp .jssocials-share-link:hover {
background: #1f7d1e; }

.jssocials-share-telegram .jssocials-share-link {
background: #2ca5e0; }
.jssocials-share-telegram .jssocials-share-link:hover {
background: #1c88bd; }

.jssocials-share-line .jssocials-share-link {
background: #25af00; }
.jssocials-share-line .jssocials-share-link:hover {
background: #1a7c00; }

.jssocials-share-viber .jssocials-share-link {
background: #7b519d; }
.jssocials-share-viber .jssocials-share-link:hover {
background: #61407b; }

.jssocials-share-pocket .jssocials-share-link {
background: #ef4056; }
.jssocials-share-pocket .jssocials-share-link:hover {
background: #e9132e; }

.jssocials-share-messenger .jssocials-share-link {
background: #0084ff; }
.jssocials-share-messenger .jssocials-share-link:hover {
background: #006acc; }

.jssocials-share-vkontakte .jssocials-share-link {
background: #45668e; }
.jssocials-share-vkontakte .jssocials-share-link:hover {
background: #344d6c; }

.jssocials-share-link {
padding: .5em .6em;
color: #fff;
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
color: #fff; }

.jssocials-share-count-box {
position: relative;
height: 2.5em;
padding: 0 .3em;
margin-left: 0.3em;
background: #f5f5f5;
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box:hover {
background: gainsboro; }
.jssocials-share-count-box:hover:after {
border-color: transparent gainsboro transparent transparent; }
.jssocials-share-count-box:after {
content: "";
display: block;
position: absolute;
top: 0.85em;
left: -0.3em;
width: 0;
height: 0;
border-width: 0.4em 0.4em 0.4em 0;
border-style: solid;
border-color: transparent #f5f5f5 transparent transparent;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box .jssocials-share-count {
line-height: 2.5em;
color: #444; }