@font-face {
    font-family: 'Jaroslav';
    src: url('../fonts/JaroslavBold-Bold.eot');
    src: url('../fonts/JaroslavBold-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JaroslavBold-Bold.woff2') format('woff2'),
        url('../fonts/JaroslavBold-Bold.woff') format('woff'),
        url('../fonts/JaroslavBold-Bold.ttf') format('truetype'),
        url('../fonts/JaroslavBold-Bold.svg#JaroslavBold-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Jaroslav';
    src: url('../fonts/JaroslavRegular-Regular.eot');
    src: url('../fonts/JaroslavRegular-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JaroslavRegular-Regular.woff2') format('woff2'),
        url('../fonts/JaroslavRegular-Regular.woff') format('woff'),
        url('../fonts/JaroslavRegular-Regular.ttf') format('truetype'),
        url('../fonts/JaroslavRegular-Regular.svg#JaroslavRegular-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jaroslav';
    src: url('../fonts/JaroslavSemibold-Regular.eot');
    src: url('../fonts/JaroslavSemibold-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JaroslavSemibold-Regular.woff2') format('woff2'),
        url('../fonts/JaroslavSemibold-Regular.woff') format('woff'),
        url('../fonts/JaroslavSemibold-Regular.ttf') format('truetype'),
        url('../fonts/JaroslavSemibold-Regular.svg#JaroslavSemibold-Regular') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
  font-family: 'icons';
  src:  url('../fonts/icons.eot?wx5vc8');
  src:  url('../fonts/icons.eot?wx5vc8#iefix') format('embedded-opentype'),
    url('../fonts/icons.ttf?wx5vc8') format('truetype'),
    url('../fonts/icons.woff?wx5vc8') format('woff'),
    url('../fonts/icons.svg?wx5vc8#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** RESET **/

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    list-style:none outside none;
    text-decoration:none;
}

body, html {width:100%;height: 100%;background-color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;font-family: 'Jaroslav';font-weight: normal;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
a, img {
    border: 0 none;
    outline: 0 none;
}
input {
    outline: 0 none;
    border: 0 none;
    background: 0 none;
}

/** TYPOGRAPHY **/

p {
	color:#000;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
	margin:;
	padding:;
}

h1 {
	color:#000;
	font-size:54px;
	line-height:56px;
	font-weight:600;
	margin:;
	padding:;
}

h2 {
	color:#000;
  font-size:24px;
  line-height:30px;
  font-weight:600;
	margin:;
	padding:;
}

h3 {
	color:#000;
  font-size:22px;
  line-height:28px;
  font-weight:600;
	margin:;
	padding:;
}

h4 {
	color:;
	font-size:;
	line-height:;
	font-weight:;
	margin:;
	padding:;
}

/** FORM **/

form,form[type="submit"],form input,form textarea,form select,form select option {
	width:;
	height:;
	margin:;
	padding:;
	background:;
	color:;
}
i {
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {content: "\e900";}
.icon-instagram:before {content: "\e901";}
.icon-twitter:before {content: "\e902";}
a,a:visited,a:focus,a:active,a:hover{text-decoration: none;color: inherit;}
a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

/*--- GENERAL ---*/

img{width: 100%;display: block;}
.clear{clear: left;}
.img-cover{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mgb-20{margin-bottom: 20px;}
.mgb-30{margin-bottom: 30px;}
.mgb-40{margin-bottom: 40px;}
header,section,footer{width: 100%;float: left;}
.visible-xs{display: none!important;}

/*--- HEADER ---*/

header{padding: 19px 0 40px 0;}
.logo{width: 140px;float: right;}
header .head-list{float: right;}
.head-title,header .head-list li a,.menu-holder li a,.readmore-content .author,.archive-box .right-part a{display: block;font-weight: 600;font-size: 20px;line-height: 26px;color: #000;}
.head-title{max-width: calc(100% - 400px);float: left;}
.head-title,header .head-list{margin-top: 40px;}
header .head-list li{float: left;margin-right: 26px;position: relative;}
header .head-list li:first-child:after{content: '/';font-weight: 600;font-size: 20px;line-height: 26px;color: #000;position: absolute;right: -17px;top: 0;}
.aside-right{width: 140px;float: right;z-index: 10000;}
.main-left{width: calc(100% - 160px);float: left;}
footer p{font-weight: 600;margin-bottom: 30px;}
.about-left,.archive-left,.support-left{width: calc(100% - 240px);float: left;}
.menu-holder li{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 2px solid #000;}
.menu-holder li:last-child,.menu-holder li ul li{border: 0;}
.menu-holder li ul li{margin-bottom: 0;}
.menu-holder li ul li:before{content: '—';float: left;margin-right: 5px;font-weight: 600;font-size: 18px;line-height: 24px;}
.menu-holder li a{letter-spacing: -0.5px;}
.menu-holder li a.active,.head-list li a.active{font-weight: bold;}
.readmore-content{width: calc(100% - 160px);float: left;}
.readmore-content h1,.readmore-content h2,.readmore-content h3,.readmore-content p,.readmore-content figure,.readmore-content blockquote,.news-box figure,.readmore-content .author,.about-box figure,.about-box p,.archive-box{margin-bottom: 30px;}
.readmore-content figure{position: relative;}
.readmore-content figure figcaption{font-size: 20px;line-height: 26px;font-weight: 600;color: #000;padding-top: 10px;}
.readmore-content figure:not(.main_img) figcaption{width: 140px;position: absolute;top: 0;right: -20px;transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);padding-top: 0;}
.readmore-content blockquote{font-size: 44px;line-height: 50px;color: #000;font-weight: 600;max-width: 75%;padding-top: 60px;background-image: url('../repository/quote.svg');background-position: top left;background-repeat: no-repeat;background-size: 50px;}
.readmore-content blockquote p {font-size: inherit;line-height: inherit;font-weight: inherit;margin-bottom: 0;}
.social-list{margin-bottom: 60px;}
.social-list li{margin-right: 30px;}
.social-list li a{display: block;font-size: 30px;line-height: 1;color: #000;}
.social-list li p{line-height: 30px;text-transform: uppercase;}
.about-box .title{display: block;font-size: 48px;line-height: 54px;color: #000;font-weight: 600;}
.archive-box{padding-bottom: 30px;border-bottom: 2px solid #000;}
.archive-box:first-child{border-top: 2px solid #000;padding-top: 30px;}
.archive-box .year{display: block;font-size: 44px;line-height: 48px;padding-bottom: 5px;border-bottom: 2px solid #000;font-weight: 600;margin-bottom: 10px;float: left;}
.archive-box .left-part p{font-weight: 600;clear: left;}
.archive-box .right-part p{margin-bottom: 30px;}
.support-left,.contact-main{min-height: calc(100vh - 300px);}
.support-left h1{font-size: 44px;line-height: 50px;margin-bottom: 40px;}
.support-box figure{display: flex;align-items: center;justify-content: center;height: 100px;margin-bottom: 30px;}
.support-box img{width: 100%;max-height: 100%;object-fit: contain;}
.support-box p{font-size: 12px;line-height: 18px;text-align: center;font-weight: 600;}
.contact-main .contact-left p{font-weight: 600;margin-bottom: 10px;}

/*-- MENU ICON --*/

.menu-ico {cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;overflow: visible;float: right;height: 30px;margin-top: 15px;}
.menu-box{width: 34px;height: 30px;display: inline-block;position: relative;}
.menu-inner{display: block;top: 50%;margin-top: -2px;}
.menu-inner, .menu-inner::before, .menu-inner::after {width: 34px;height: 2px;background-color: #000;position: absolute;transition-property: transform, background-color;transition-duration: 0.15s;transition-timing-function: ease-in-out;}
.menu-inner::before, .menu-inner::after {content: "";display: block;}
.menu-inner::before {top: -12px; }
.menu-inner::after {bottom: -12px; }
.menu-ico .menu-inner {transition-duration: 0.075s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menu-ico .menu-inner::before {transition: top 0.075s 0.15s ease-in-out, opacity 0.15s ease-in-out;}
.menu-ico .menu-inner::after {transition: bottom 0.075s 0.15s ease-in-out,  transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menu-ico.is-active .menu-inner {transform: rotate(45deg);transition-delay: 0.15s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.menu-ico.is-active .menu-inner::before {top: 0;opacity: 0;transition: top 0.075s ease, opacity 0.075s 0.15s ease-in-out;}
.menu-ico.is-active .menu-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.075s ease, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);}


/*--- RESPONSIVE ---*/

@media only screen and (min-width: 1200px){.readmore-content{padding-left: 160px;}}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media only screen and (min-width: 768px) and (max-width: 991px){
  header .head-list li:first-child{margin-bottom: 20px;}
  header .head-list li:nth-child(3){clear: left;}
  .head-title{max-width: calc(100% - 300px);}
}
@media only screen and (max-width: 767px){
  body{padding-top: 130px;}
  header{padding: 20px 0;border-bottom: 1px solid #000;position: fixed;top: 0;left: 0;background-color: #fff;z-index: 10000;}
  h1 {font-size: 34px;line-height: 40px;}
  .head-title,.hidden-xs{display: none!important;}
  .visible-xs{display: block!important;}
  .logo{float: left;width: 65px;}
  header .head-list{margin-top: 0px;}
  header .head-list li:first-child{margin-bottom: 7px}
  header .head-list li:nth-child(3){clear: left;}
  .aside-right{width: 100%;position: fixed;top: 101px;left: 0;padding:40px 20px;height: calc(100% - 101px);background-color: #000;overflow-y: auto;transform: translateX(-100%);}
  .aside-right.transition{transition: transform .3s ease-in-out;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;}
  .aside-right.is-active{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);}
  .main-left,.readmore-content,.about-left,.archive-left,.support-left{width: 100%;}
  .menu-holder li a{color: #fff;text-align: center;}
  .menu-holder li{border-bottom: 0;padding-bottom: 0;margin-bottom: 30px;position: relative;}
  .menu-holder li a.active:after{content: '';height: 2px;width: 50px;position: absolute;left: 50%;bottom: -8px;margin-left: -25px;background-color: #fff;}
  .readmore-content figure figcaption{padding: 10px 10px 0 10px;}
  .readmore-content figure:not(.main_img) figcaption {width: 100%;position: relative;top: 0;right: 0px;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;padding-top: 10px;}
  .readmore-content blockquote{font-size: 24px;line-height: 30px;max-width: 100%;}
  .social-list li{margin-right: 40px;}
  .social-list li a{font-size: 30px;}
  .archive-box .left-part{margin-bottom: 30px;}
  .readmore-content figure{width: calc(100% + 20px);margin-left: -10px;}
  .about-box .title {font-size: 28px;line-height: 34px;}
  .menu-holder li ul{padding-top: 10px;}
  .menu-holder li ul li:before,.menu-holder li ul li a.active:after{content: none;}
  .menu-holder li ul li{margin-bottom: 10px;}
}