/* -------------------------------------------------------------------------- */

body{font: 300 15px/1.6 'Roboto', Arial, sans-serif; color: #222; background: #FFF;}
a:link, a:visited{text-decoration: none; color: #005898;}
a:hover{color: #000; text-decoration: underline;}

.wrapper{min-width: 64em;}
.container{margin: 0 auto; padding: 0 2em; max-width: 94em; position: relative;}

/* header */

.header{padding: 2em 0; border-bottom: 1px solid #EEE;}
.header .container{display: flex; justify-content: space-between; align-items: center;}

.header__logo{text-transform: uppercase; text-align: center;}
.header__logo strong{display: block; font-size: 36px;}
.header__logo span{display: block; font-size: 16px; color: #777;}

.header__address {position: relative; padding-left: 30px;}
.header__address:before {content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(../images/home.svg) center center no-repeat; background-size: contain;}

.header__phones {position: relative; padding-left: 30px; font-weight: 600;}
.header__phones:before {content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(../images/phone.svg) center center no-repeat; background-size: contain;}

.header__email {position: relative; padding-left: 30px;}
.header__email:before {content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(../images/email.svg) center center no-repeat; background-size: contain;}

/* nav */

.nav{padding: 1.4em 0; border-bottom: 1px solid #EEE;}

.nav__menu{}
.nav__menu > li{display: inline-block;}
.nav__menu > li + li{margin-left: 2.5em;}
.nav__menu > li > a{text-transform: uppercase;}
.nav__menu > li > a:hover{}
.nav__menu > li > span{font-weight: 700; text-transform: uppercase;}
.nav__menu ul{display: none;}

/* content */

.middle{padding: 2em 0;}
.middle__content{float: right; width: 70%;}
.middle__sidebar{float: left; width: 26%;}

/* footer */

.footer{padding: 2em 0; border-top: 1px solid #EEE;}
.footer .container{}

/* -------------------------------------------------------------------------- */

.search-form{position: relative; float: right; width: 20em;}
.search-form__text{display: block; box-sizing: border-box; padding: 0 3.2em 0 1.4em; width: 100%; height: 3.2em; font-size: 1em; line-height: 1; font: inherit; background: #FFF; border: 1px solid #EEE; outline: none; color: #777;}
.search-form__text:focus{color: #444;}
.search-form__button{position: absolute; right: 0; top: 0; width: 3.2em; height: 3.2em; padding: 0; font-size: 1em; text-indent: -9999px; border: none; background: url(../images/icons/search.svg) center center no-repeat; background-size: 33%; cursor: pointer;}

.sidebar{border: 1px solid #EEE;}
.sidebar__item{padding: 2.5em;}
.sidebar__item + .sidebar__item{border-top: 1px solid #EEE;}
.sidebar__title{margin-bottom: 0.8em; font-size: 1.8em;}

.content{min-height: calc(100vh - 520px); padding: 2.5em; border: 1px solid #EEE;}

.content__info{margin-top: 2.5em; font-size: 0.85em; color: #888; overflow: hidden;}
.content__info-left{float: left; margin-right: 2.5em;}
.content__info-right{float: right; margin-left: 2.5em;}
.content__info a{color: inherit; text-decoration: none;}
.content__info a:hover{text-decoration: underline;}

.menu{}
.menu > li{position: relative; padding-left: 1.2em;}
.menu > li:before{content: ''; position: absolute; left: 0; top: 0.5em; width: 0.6em; height: 0.6em; background: url(../images/icons/arrow2.svg) center center no-repeat; background-size: contain;}
.menu > li + li{margin-top: 0.2em;}
.menu a{color: #222; text-decoration: none;}
.menu a:hover{text-decoration: underline;}
.menu span, .menu .current-cat > a, .menu .current_page_item > a{font-weight: 700;}
.menu ul{margin: 0.2em 0 0 0.4em;}
.menu ul > li{margin-top: 0.2em; padding-left: 0.7em; position: relative;}
.menu ul > li:before{content: ''; position: absolute; left: 0; top: 0.6em; width: 0.3em; height: 0.3em; background: #000; border-radius: 50%;}
.menu ul ul, .menu div{display: none;}

.kama_breadcrumbs{margin-bottom: 2em; font-size: 0.9em; color: #777;}
.kama_breadcrumbs a{text-decoration: none;}
.kama_breadcrumbs a:hover{text-decoration: underline;}

.pagination{margin-top: 2.5em; text-align: center;}
.pagination a, .pagination span{display: inline-block; margin: 0 0.4em; padding: 0.4em 0.9em; background: #FFF; border: 1px solid #EEE; color: #777; font-size: 0.9em; text-decoration: none;}
.pagination a:hover, .pagination span.current{background: #005898; color: #FFF;}
.pagination span.current{font-weight: 700;}
.pagination h2{display: none;}

.related{margin-top: 2.5em; padding: 2.5em; border: 1px solid #EEE;}
.related__title{margin-bottom: 1.2em; font-size: 1.8em;}

/* -------------------------------------------------------------------------- */

.formatted p{margin-bottom: 1.2em; text-align: justify;}
.formatted_left p{text-align: left;}
.formatted strong{font-weight: 700;}
.formatted em{font-style: italic;}
.formatted hr{margin-bottom: 1.2em; border: none; border-top: 1px solid #CCC;}

.formatted ul, .formatted ol{margin: 0 0 1.2em 1.8em;}
.formatted li ul, .formatted li ol{margin: 0.2em 0 0.2em 1.8em;}
.formatted ul > li{position: relative; padding-left: 1.2em;}
.formatted ul > li:before{content: ''; position: absolute; left: 0; top: 0.5em; width: 0.6em; height: 0.6em; background: url(../images/icons/arrow2.svg) center center no-repeat; background-size: contain;}
.formatted ol > li{list-style: decimal outside;}
.formatted ul li + li{margin-top: 0.2em;}

.formatted blockquote{clear: both; margin-bottom: 1.2em; padding: 1em 1.6em; font-size: 1.1em; border-left: 3px solid #EEE; background: #FAFAFA;}
.formatted blockquote p{margin: 0.5em 0;}

.formatted table{margin: 1.2em auto; width: 100%;}
.formatted table caption{display: none;}
.formatted table thead{background: #FAFAFA; border-bottom: 3px solid #EBEBEB;}
.formatted table thead th{vertical-align: middle; text-align: center;}
.formatted table th, .formatted table td{padding: 0.6em 1.2em; border: 1px solid #E7E7E7;}

.formatted img{box-sizing: border-box; margin: 0 0 1.2em; max-width: 100%; height: auto;}
.formatted img.wp-smiley, .formatted img.wp-img{margin: 0;}
.formatted .alignleft{float: left; margin: 0 1.2em 1.2em 0;}
.formatted .alignright{float: right; margin: 0 0 1.2em 1.2em;}
.formatted .aligncenter{float: none; display: block; margin: 0 auto 1.2em;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width: 100%; height: auto;}

.wp-caption{box-sizing: border-box; margin: 0 0 1.2em; padding: 1.2em; max-width: 100%; background: #FFF; border: 1px solid #EEE;}
.wp-caption a{display: block;}
.wp-caption img{margin: 0; border: 1px solid #EEE;}
.wp-caption-text{margin: 0; text-align: center; font-size: 0.9em;}

.gallery{margin: 0 -0.6em 1.2em;}
.gallery__item{float: left;}
.gallery__img{margin: 0 0.6em 1.2em;}
.gallery__caption{margin: 0 0 1.2em; text-align: center; font-size: 0.9em;}
.gallery a{display: block;}
.gallery a img{display: block; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto; border: 1px solid #EEE; transition: all 0.5s ease;}
.gallery a img:hover{border-color: #000;}

.video-container{position: relative; margin: 0 0 1.2em; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed, .video-container video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* -------------------------------------------------------------------------- */

.button, a.button{display: inline-block; box-sizing: border-box; padding: 0.6em 1.6em; font: inherit; font-weight: 700; font-size: 1em; color: #000; background: #FDB812; border: 1px solid #FDB812; border-radius: 0.3em; cursor: pointer; text-decoration: none; text-transform: uppercase; text-align: center;}
.button:hover, a.button:hover{text-decoration: none; opacity: 0.85;}
.button:active, a.button:active{position: relative; top: 1px;}

/* -------------------------------------------------------------------------- */

.post1{padding: 2em; border: 1px solid #EEE; overflow: hidden;}
.post1 + .post1{margin-top: 2em;}
.post1__img{float: left; width: 10em;}
.post1__img img{display: block; width: 100%; height: auto;}
.post1__content{margin-left: 12em;}
.post1__title{margin-bottom: 1.2em; font-size: 1.2em; font-weight: 700;}
.post1__text{}
.post1__date{margin-top: 1.4em; font-size: 0.9em; color: #777;}

.post2 + .post2{margin-top: 2em;}
.post2__title{margin-bottom: 1.2em; font-size: 1.2em; font-weight: 700;}
.post2__img{float: left; width: 5em;}
.post2__img img{display: block; width: 100%; height: auto;}
.post2__text{margin-left: 7em; font-size: 0.9em;}

.post3{}
.post3 + .post3{margin-top: 2em;}
.post3__img{float: left; width: 10em;}
.post3__img img{display: block; width: 100%; height: auto;}
.post3__content{margin-left: 12em;}
.post3__title{margin-bottom: 1.2em; font-size: 1.2em; font-weight: 700;}
.post3__text{font-size: 0.9em;}

/* -------------------------------------------------------------------------- */