@font-face {
    font-family: 'Garamond';
    src: url('../assets/fonts/GARA.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Garamond';
    src: url('../assets/fonts/GARAIT.TTF') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Garamond';
    src: url('../assets/fonts/GARABD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font: 400 14px/1.4 Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	height: auto;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

p img ,
.wp-block-image img {
	height: auto;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
/* header */
.header .main-wrapper{
	background-color: #396699;
	height: 60px;
	padding: 9px 20px;
}
.header .sub-wrapper{
	height: 60px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(208, 208, 208, 0.5);
}
.header .main-wrapper > *{
	vertical-align: top;
}
/* logo */
.logo {
	display: inline-block;
	margin-right: 16px;
}
.logo-img {

}
.logo-title{
	font-family: 'Garamond';
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	display: inline-block;
	max-width: 190px;

	margin: 0;
	margin-top: 7px;
	margin-right: 16px;
	border-right: 1px solid #88a3c2;
}
.logo-title a{
	color: #ffffff;
}

.toggle-inner{
	display: none;
}
.matr{
	background-color: #396699;
	color: #fff;
	text-align: center;
	font-family: 'Garamond';
	padding: 5px;
	font-size: 16px;
}
.burger{
	display: inline-block;
	margin-top: 8px;
	margin-right: 23px;
	width: 21px;
	height: 20px;
	background: url(../img/menu.png) no-repeat 0 0;
}

.burger:hover{
	background-position: -21px 0;
}

.main-nav{
	display: inline-block;
	margin-top: 11px;
}

.sub-nav{
	margin-left: 130px;
}

.header .menu{
	margin: 0;
	padding: 0;
	list-style: none;
}

.header .menu li{
	display: inline-block;
	margin-right: 26px;
}
.header #menu-sub li{
	margin-right: 36px;
}

.header .menu li:last-cgild{
	margin-right: 0;
}

.header .menu li a {
	font-family: 'Garamond';
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
}

.header .menu li a:hover{
	text-decoration: underline;
}
.header #menu-sub li a {
	font-family: 'Garamond';
	color: #396699;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	text-transform: inherit;
}

.sub-wrapper{
	position: relative;
}

.sub-wrapper .social{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 40px;
	height: 28px;
}

.sub-wrapper .social a{
	display: inline-block;
	font-size: 20px;
	color: #d0d0d0;
	margin-left: 8px;
}

.sub-wrapper .social a:hover{
	color: #aaaaaa;
}
main{
	padding: 12px 20px 12px 40px;
}
.main-content{
	float: left;
	width: 540px;
}
.home h2{
	margin: 0 0 14px 0;
}

.h-title a{
	color: #ab8b58;
	font-size: 14px;
}
.img-link{
	display: block;
}
.news .img-link{
	float: left;
	margin-right: 13px;
	overflow: hidden;
}
.news .img-link img{
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.news .img-link:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news-block .news h3{
	margin: 0 0 4px;
	line-height: 16px;
}
.others-block .news h3{
	margin: 0;
}
.others-block .news h3 a,
.news-block h3 a{
	font-family: 'Garamond';
	color: #396699;
	font-size: 16px;
}
.news-block h3 a:hover{
	text-decoration: underline;
}
.news-block .news{
	margin-bottom: 25px;
}
.news-block .news .desc{
	color: #555555;
	margin-bottom: 23px;
}
.news-block .news .date{
	color: #999999;
}

.main-content .circled-button{
	color: #aaaaaa;
	padding: 8px 18px 10px;
	background-color: #f0f0f0;
	border-radius: 15px;
	display: block;
	/* float: right; */
	margin-right: 40px;
	margin-top: 30px;
	width: 140px;
	text-align: center;
	margin-bottom: 30px;
	margin:auto;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.main-content .circled-button:hover{
	background: #cacaca;
}
.sidebar{
	float: right;
}
#sidebar{
	width: 160px;
}
#sidebar .sidebar-widget,
#sidebar .widget{
	margin-bottom: 20px;
}

.gray-block{
	background-color: #f0f0f0;
	padding: 15px 8px;
}

.gray-block .arrowed-link{
	font-family: 'Garamond';
	color: #6085ae;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}

.gray-block .arrowed-link:hover{
	text-decoration: underline;
}

.gray-block .arrowed-link::before{
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-decoration: none;
}

.gray-block .arrowed-link:last-child{
	margin-bottom: 0;
}

.project-link{
	display: block;
	position: relative;
	font-family: 'Garamond';
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	overflow: hidden;
}
.others img,
.project-link img {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.others .img-link:hover img,
.project-link:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.project-link .text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 2;
	margin: 0;
}

.project-link::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.dorange::after{
	background-color: rgba(171, 139, 88, 0.6);
}

.dlue::after{
	background-color:  rgba(57, 102, 153, 0.6);
}

.others-link{
	text-align: center;
}

.others-link a{
	display: inline-block;
	margin: 0 auto 20px;
}

#mid-sidebar{
	width: 220px;
	margin-right: 20px;
}

.sidebar .news .img-link{
	float: none;
	margin-right: 0;
	margin-bottom: 4px;
}

.big-news{
	position: relative;
	margin-bottom: 25px;
	overflow: hidden;
}

.big-news img{
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	width: 100%;
}
.big-news:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.big-news .overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	background-color: rgba(57, 102, 153, 0.7);
}
.big-news .overlay h3{
	margin: 0;
}
.big-news .overlay a{
	font-family: 'Garamond';
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
}
.big-news .overlay .date{
	color: #d7d3d3;
}

.projects{
	background-color: #f0f0f0;
	clear: left;
	padding: 1px 40px 40px;
}

.projects h2{
	margin: 30px 0 15px;
}

.projects .project-link{
	display: inline-block;
	vertical-align: top;
	width: 224px;
	margin-right: 10px;
	margin-bottom: 14px;
}

.projects .projects-block .project-link:nth-child(4n+4){
	margin-right: 0;
}
.nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer{
	padding: 30px 0;
}

.footer-nav li{
	display: inline-block;
	padding: 0 10px 0 6px;
	border-right: 1px solid #999;
}

.footer-nav li:last-child{
	border-right: none;
}

.footer-nav{
	float: left;
	margin-left: 40px;
}
.copyright{
	float: right;
	margin-right: 40px;
}

.footer-nav li a,
.copyright{
	color: #999999;
	text-align: right;
}

.footer-nav li a:hover{
	text-decoration: underline;
}

.block-breadcrumbs{
	margin: 0 0 15px 0;
}
.block-breadcrumbs,
.block-breadcrumbs span{
	color: #ab8b58;
	font-size: 12px;
}

.main-content-single{
	float: left;
	width: 800px;
}

.main-content-single .post-title{
	font-family: 'Garamond';
	color: #396699;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 14px;
	padding-top: 7px;
}

.main-content-single .date{
	color: #999999;
}

.main-content-single .post-content{
	color: #666666;
}

.main-content-single .post{
	margin: 0 auto;
	max-width: 610px;
}

#owl-carousel .owl-pagination {
	position: absolute;
	bottom: 30px;
	right: 10px;
}
#owl-carousel .owl-pagination .active {
	background-color: #396699;
}

.owl-pagination .owl-page {
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 9px;
}

.owl-gallery{
	margin: 60px auto;
	max-width: 380px;
}

.owl-gallery .owl-buttons > div{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 33px;
	font-size: 0;
}
.owl-gallery .owl-buttons .owl-prev {
	left: -26px;
	background-image: url('../img/arrowleft.png');
}
.owl-gallery .owl-buttons .owl-next {
	right: -26px;
	background-image: url('../img/arrowright.png');
}

.gallery-counter {
	color: #646464;
	text-align: center;
	margin-top: 10px;
}

.owl-gallery .owl-pagination{
	position: absolute;
	top: -29px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

.owl-gallery .owl-pagination .owl-page{
	background-color: rgba(171, 139, 88, 0.4);
	width: 14px;
	height: 14px;
	margin: 0 5px;
	border-radius: 0;
}
.owl-gallery .owl-pagination .active {
	background-color: #ab8b58;
}

.social-share,
.author{
	color: #999;
}

.social-share{
	margin-top: 12px;
}

.social-share strong{
	vertical-align: sub;
}

.social-share .ya-share2{
	display: inline-block;
}

.social-share .ya-share2 .ya-share2__badge{
	border-radius: 0;
}

.others{
	clear: left;
	padding-top: 26px;
}

.others h2 {
	color: #ab8b58;
	margin: 0 0 14px 0;
	font-size: 14px;
	text-align: center;
}

.others .news{
	display: inline-block;
	margin-right: 16px;
	overflow: hidden;
	max-width: 220px;
	vertical-align: top;
}

.others .news:last-child{
	margin-right: 0;
}

.others .news .img-link{
	float: none;
	margin-right: 0;
}

/* .panel-overlay{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	display: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
} */

.panel{
	position: absolute;
	left: -280px;
	top: 0;
	bottom: 0;
	z-index: 30;
	background-color:  #396699;
	width: 280px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 40px;
}
.panel.panel-opened{
	left: 0;
}
/* .panel.panel-opened+.panel-overlay{
	display: block;
} */

.panel ul{
	list-style: none;
}

.panel > ul{
	margin: 0;
	padding: 0;
}

.panel ul ul{
	padding-left: 3px;
}

.panel li{
	position: relative;
	padding-left: 8px;
}

.panel li::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	border: 1px solid #fff;
	background: #fff;
}

.panel li li::before{
	width: 1px;
	height: 1px;
	border-color: #88a3c2;
}

.panel li,
.panel li a{
	color: #ffffff;
}
.panel li a{
	line-height: 28px;
}
.panel li li,
.panel li li a{
	color: #88a3c2;
}
.panel li a:hover{
	text-decoration: underline;
}

.panel-overlay{
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.7);
	z-index: 20;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.panel.panel-opened+.panel-overlay{
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.panel .close{
	display: block;
	position: absolute;
	right: 9px;
	top: 7px;
	width: 16px;
	height: 16px;
	background: url(../img/close.png) no-repeat 0 0;
}

.panel .close:hover{
	background-position: -16px 0;
}

.h-title{
	color: rgba(171, 139, 88, 0.6);
	font-size: 14px;
	margin: 0 0 12px;
}
.projects-block a:hover {
	text-decoration: underline;
	color: #fff;
}

.search-panel {
	display: inline-block;
	height: 28px;
	width: 28px;
	box-sizing: border-box;
	font-size: 20px;
	margin-left: 8px;
	color: #d0d0d0;
}
.search-panel:hover {
	color: #aaa;
	cursor: pointer;
}
.search-panel .search-input {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.search-panel.editing .search-input {
	display: block;
	font-size: 16px;
  line-height: 24px;
  padding-left: 5px;
  padding-right: 28px;
}
.search-panel .search-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.search-panel.editing .search-button {
	display: block;
}
.pagination {
	text-align: center;
}
.pagination .begin {
	float: left;
}
.pagination .end {
	float: right;
}
.link-button {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 4px;
	background-color: #396699;
	color:#fff;
	display: inline-block;
	font-family: 'Garamond';
}
.link-button:hover {
	color:#fff;
	background-color: #5A8DC7;
}
.link-button.current {
	text-decoration: underline;
}
.search-panel-404 {
	display: inline-block;
	position: relative;
	height: 28px;
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	color: #aaa;
	margin-bottom: 15px;
}
.search-panel-404 .search-input {
	display: block;
	width: 100%;
	font-size: 16px;
  line-height: 24px;
  padding-left: 5px;
  padding-right: 28px;
  outline: 0;
  outline-offset: -2px;
  border: solid 1px #ABADB3;
}
.search-panel-404 .search-input:focus {
	border: solid 1px #04A4CC;
}
.search-panel-404 .search-button {
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
}
.post-content a {
	text-decoration: underline;
}


.icon-instagram {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/instagram.svg);
    background-size: contain;
    vertical-align: middle;
    opacity: .5;
}


.icon-instagram:hover {
	opacity: .8;
}