/*   
Theme Name: Grafika-eng
Theme URI: https://depsite.ru	
Description: deps 
Author: deps
Author URI: https://depsite.ru
*/

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #dbdbd5;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}
.order a:hover {
    background:#ec5846;
}
.order a {
    text-transform: uppercase;
    background: #e83823;
    color: #fff !important;
    text-decoration: none;
    padding: 10px;
}
.container {
	max-width: 1170px;
	margin: auto;
}
.close_order {
    cursor:pointer;
        float: right;
}
.close_order i {
    font-size:30px;
    
}
.post form input {
    max-width: 100% !important;
}
#main .entrytext-flex__right img{
    max-width:500px;
}
.order {
    
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: right;
    
}
header {
	/*padding-top: 20px;*/
}
#n2-ss-2 .n2-ss-widget div div {
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.header__dolina__title {widht:360px;}
.header__dolina__title p {
    padding-top: 30px;
    padding-left: 170px;
}
.header-left {
        padding-top:20px;
        padding-left:20px;
}
.header-right {
     padding-top:20px;
        padding-right:20px;
}

header .header-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

header .header-flex .header-right {
	text-align: right;
}

header .header-flex .header-right .header__contacts .number p {
	margin: 0 0 5px;
	font-size: 18px;
}

header .header-flex .header-right .header__contacts a {
	color: #005689;
}

header .header-flex .header-right .header__socials {
	margin: 30px 0;
}

header .header-flex .header-right .header__socials a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-decoration: none;
}

header .header-flex .header-right .header__socials a img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}

header .header-flex .header-right .header__dolina {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

header .header-flex .header-right .header__dolina .header__dolina__title {
	margin-right: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

nav.top-nav {
	/*margin-top: 30px;*/
	background: #584f52;
}

nav.top-nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding: 10px 0;
}

nav.top-nav ul li {
	margin-left: 75px;
}

nav.top-nav ul li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: .2s;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
}

nav.top-nav ul li a:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent;
	transition: .2s
}

nav.top-nav ul li.current_page_item a:after,
nav.top-nav ul li a:hover:after {
	background: #fff;
}

footer {
	background: #584f52;
	color: #fff;
	padding: 25px 0 50px;

}

footer .footer-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

footer .footer__logo {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

footer .footer__logo .footer__logo__text {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 23.01px;
	margin-left: 20px;
}

footer .footer__menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
	list-style: none;
}

footer .footer__menu ul li {
	position: relative;
}

footer .footer__menu ul li:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent;
	bottom: 0;
	transition: .2s
}

footer .footer__menu ul li:hover:after {
	background: #fff;
} 

footer .footer__menu ul li:not(:last-child) {
	margin-right: 35px;
}

footer .footer__menu ul li a {
	color: #fff;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
}

footer .footer__socials a {
	color: #fff;
	font-size: 36px;
	margin-right: 40px;
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 36px;
}

footer .footer__socials a img {
	filter: invert(1);
	height: 100%;
	object-fit: contain;
	width: 100%;
}



#main {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 1170px;
	margin: auto;
	justify-content: space-between;
}

#sidebar {
	width: 300px;
	background: #584F52;
	padding-bottom: 20px;
}

#sidebar .sidebar__inner {
	height: 100%;
}

#sidebar .sidebar__inner .sidebar__content {
	position: sticky;
	top: 40px;
}

#sidebar .sidebar__menu .sidebar__list ul {
	padding: 0;
	list-style: none;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#sidebar .sidebar__menu .sidebar__list ul li {
	margin-top: 5px;
	position: relative;
}

#sidebar .sidebar__menu .sidebar__list>div>ul>li.current_page_item {
	box-shadow: -15px 0 0 #71686b;
	background: #71686b;
}

#sidebar .sidebar__menu .sidebar__list ul li.current_page_item>a {
	color: #ff0;	
}

#sidebar .sidebar__menu .sidebar__list>div>ul>li.current_page_item:before {
	content: '';
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
    border-right: 15px solid #2c2829;
    border-bottom: 15px solid transparent;
    bottom: -15px;
    left: -15px;
    box-sizing: border-box;
}

#sidebar .sidebar__menu .sidebar__list>div>ul>li.current_page_item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
    height: 100%;
    border-left: 15px solid #71686b;
    box-sizing: border-box;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

#sidebar .sidebar__menu .sidebar__list ul li.current_page_item.height-62:after {
	border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
}

#sidebar .sidebar__menu .sidebar__list ul li.current_page_item.height-80:after {
	border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
}

#sidebar .sidebar__menu .sidebar__list ul li a {
	text-decoration: none;
	display: block;
	padding: 13px 20px;
	transition: .3s;
	color: #fff;
}

#sidebar .sidebar__menu .sidebar__list ul li a:hover {
	background: #71686b;
}

#sidebar .sidebar__menu .sidebar__list ul li.menu-item-has-children {
	position: relative;
}

#sidebar .sidebar__menu .sidebar__list ul.sub-menu {
	position: absolute;
	background: #71686b;
	z-index: 1;
	display: none;
	left: 300px;
    top: 0;
    font-size: 14px;
    width: 230px;
    padding: 5px 10px;
}

#sidebar .sidebar__menu .sidebar__list ul.sub-menu li {
	border-bottom: 1px dashed rgba(255, 255, 255, .3);
	margin-top: 0;
	position: relative;
}

#sidebar .sidebar__menu .sidebar__list ul.sub-menu li:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, .3);
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

#sidebar .sidebar__menu .sidebar__list ul.sub-menu li a {
	padding: 5px 20px;
	transition: .2s;
}

#sidebar .sidebar__menu .sidebar__list ul.sub-menu li a:hover {
	color: #ff0;
}

#sidebar .sidebar__menu .sidebar__link {
	text-align: center;
	line-height: 40px;
	transition: .2s;
}

#sidebar .sidebar__menu .sidebar__link a:hover {
	background: #6a6770;
	text-decoration: underline;
}

#sidebar .sidebar__menu .sidebar__link a {
	font-size: 24.5px;
	color: yellow;
	display: block;
	padding: 20px;
	text-decoration: none;
	transition: .2s;
}

#sidebar .sidebar__search {
	margin-top: 40px;
	padding: 0 20px;
	display: inline-block;
    width: 100%;
}

#sidebar .sidebar__search form {
	position: relative;
}

#sidebar .sidebar__search input {
	height: 32px;
	border-radius: 4px;
	padding: 3px 32px 3px 14px;
	display: inline-block;
	width: 100%;
    box-shadow: inset 0 1px 5px #545252;
    outline: none;
    border: none;
    font-size: 14px;
}

#sidebar .sidebar__search button {
	display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 0 4px 4px 0;
    border: none;
    box-shadow: none;
    top: 0;
    right: 0;
	cursor: pointer;
	background: transparent;
	transition: .2s;
}

#sidebar .sidebar__search button:hover {
	background-color: rgba(0,0,0,.25);
}

#sidebar .sidebar__search button img {
	width: 100%;
	object-fit: contain;
}

#content {

}

#content .post .post__title {
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
	font-size: 38.5px;
	margin: 0;
}

#content .post .entrytext {
	font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 24px;
    font-size: 14px;
    margin-top: 30px;
}

#content .post .entrytext .entrytext-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-bottom: 70px;
}

#content .post .entrytext .entrytext-flex .entrytext-flex__left {
	padding-right: 40px;
}

#content .category-posts {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

#content .category-posts .category-posts__post {
	width: 245px;
	font-size: 14px;
}

#content .category-posts .category-posts__post img {
	width: 100%;
	object-fit: cover;
	height: 150px;
}

#content .category-posts .category-posts__post a.category-posts-post__postlink {
    color: #2282D6;
    transition: .3s;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0;
}

#content .category-posts .category-posts__post p {
	margin: 0;
    color: #222;
    font-size: 12px;
    line-height: 15px;
}

#breadcrumbs {
	border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
	margin: 40px 0;
}

#breadcrumbs ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li {
	font-size: 14px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

#breadcrumbs ul li a {
	text-decoration: none;
	color: #686767;
}

#breadcrumbs ul li a:hover {
	text-decoration: underline;
}

#breadcrumbs ul li:not(:last-child):after {
	content: '/';
    display: block;
    position: absolute;
    right: -17px;
    top: 0;
    color: #686767;
}

#breadcrumbs ul li:last-child a {
	color: #1d1d1d;;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

#frontpage-content {

}

#custom-main {
	max-width: 1170px;
	margin: auto;
}

#custom-main .page-top-content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}

#custom-main .page-top-content .page__text,
#custom-main .page-top-content .page__image {padding-left: 20px;}

#custom-main .page-top-content .page__image img {
	/*width: 415px;*/
	height: 335px;
	object-fit: cover;
	display: block;
	margin-left: auto;
}

#custom-main .page-top-content .page__title {
	color: #333333;
	font-family: Georgia;
	font-size: 39px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 40px;
}

#custom-main .page-top-content .entrytext {
	font-family: Helvetica;
	color: #333333;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}

#custom-main .page-info {
	margin-top: 20px;
}

#custom-main .page-info.learncenter {
	padding-bottom: 70px;
}

#custom-main .page-info h2 {
	color: #333333;
	font-family: Georgia;
	font-size: 32px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 45px;
}

#custom-main .page-info .page-info__cards {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#custom-main .page-info .page-info__cards .page-info__cards__card {
	max-width: 50%;
	width: 100%;
	margin: 0 0.5px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 13%, rgba(213, 208, 208, 0.55) 99%, rgba(213, 208, 208, 0.55) 100%);
	padding: 30px 60px 25px;
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

#custom-main .page-info .page-info__cards .page-info__cards__card .title {
	font-family: Georgia;
	font-size: 32px;
	font-weight: 700;
}

#custom-main .page-info .page-info__cards .page-info__cards__card .subtitle {
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 35px;
}

#custom-main .page-info .page-info__cards .page-info__cards__card a {
	text-decoration: none;
	color: #ffffff;
	font-family: Helvetica;
	font-size: 19px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	width: 310px;
	padding: 15px 0;
	border: 3px solid #fff;
	transition: .2s;
	margin: 0 auto 20px;
}

#custom-main .page-info .page-info__cards .page-info__cards__card a:hover {
	background: #fff;
	color: #000;
}

#custom-main .page-contacts {
	margin-top: 30px;
	padding-bottom: 30px;
}

#custom-main .page-contacts .page-contacts__title {
	color: #333333;
	font-family: Georgia;
	font-size: 32px;
	font-weight: 400;
}

#custom-main .page-contacts .page-contacts-wrapper {
	margin-top: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

#custom-main .page-contacts .page-contacts__map {
	max-width: 650px;
	width: 100%;
}

#custom-main .page-contacts .page-contacts__text p {
	margin: 0;
	color: #333333;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 300;
	margin-top: 0px;
}

#custom-main .page-contacts .page-contacts__text p.bolde {
	color: #333333;
	font-family: Georgia;
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
}

#custom-main .page-contacts .page-contacts__text a {
	display: inline-block;
	color: #175ccb;
	text-decoration: none;
	font-size: 18px;
	margin-top: 0px;
}

#custom-main .portfolio-filters {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 60px 0;
}

#custom-main .portfolio-filters .portfolio-filters__filter {
	display: inline-block;
    color: #ffffff;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    /* background: #fff; */
    width: 250px;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    border: 2px solid #fff;
    transition: .2s;
}

#custom-main .portfolio-filters .portfolio-filters__filter.active,
#custom-main .portfolio-filters .portfolio-filters__filter:hover {
	background: #fff;
	color: #333;
}

#custom-main .portfolio-title {
	color: #333333;
	font-family: Georgia;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 40px;
}

#custom-main .portfolio-cases {
	padding-bottom: 70px;
}

#custom-main .portfolio-cases .portfolio-cases__case {
	margin-bottom: 50px;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left {
	margin-right: 40px;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left a.case-image {
	display: block;
	width: 300px;
	height: 300px;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left a.case-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left a.portfolio-cases__case__link {
	display: block;
	text-align: center;
	color: #0c407f;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: underline;
	margin-top: 15px;
	text-underline-position: under;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right {
	padding-top: 50px;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right h2.portfolio-cases__case__title {
	color: #333333;
	font-family: Georgia;
	font-size: 24px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 35px;
}

#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right p {
	color: #333333;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

#mobile-nav {
	position: fixed;
	z-index: 999;
	background: rgba(0,0,0,0.8);
	padding: 10px;
	width: 100%;
	display: none;
	top: 0;
}

#mobile-nav .mobile-top .mobile-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

#mobile-nav .mobile-top .mobile-flex .mobile-flex__left i {
	color: #fff;
	font-size: 30px;
}

#mobile-nav .mobile-nav {
	margin-top: 10px;
	display: none;
}

#mobile-nav .mobile-nav ul {
	list-style: none;
	padding: 0;
}

#mobile-nav .mobile-nav ul li a {
	font-size: 16px;
	color: #fff;
	padding: 10px 5px;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	font-family: Helvetica;
	transition: .3s
}

#mobile-nav .mobile-nav ul li.current_page_item a,
#mobile-nav .mobile-nav ul li a:hover {
	background: #fff;
	color: #333;
}

@media (max-width: 768px) {
    footer .order {display:block !important;}
     #main .post {padding-left:20px; padding-right:20px; padding-top:20px;}
     #main .post h1 {font-size: 26px !important;}
    #main {
    padding-top: 70px;
    }
    #main .entrytext-flex__right img {
        max-width: 100%;
    }
    #content .post .entrytext .entrytext-flex {
        display: block;
    }
	#mobile-nav {
		display: block;
	}

	header, .top-nav {display: none;}

	#custom-main #custom-content {
		padding: 0 15px;
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left {
		margin-right: 0;
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__left a.case-image {
		margin: auto;
		width: 280px;
		height: 280px;
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right {
		
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right h2.portfolio-cases__case__title {
		text-align: center;
	}

	#custom-main .portfolio-cases .portfolio-cases__case .case-flex .case-flex__right {
	}

	#custom-main .portfolio-filters .portfolio-filters__filter {
		margin-bottom: 10px;
	}

	#breadcrumbs {
		display: none;
	}

	#custom-main {
		padding-top: 50px;
	}

	#custom-main .page-top-content {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 50px;
	}

	#custom-main .page-top-content .page__text, 
	#custom-main .page-top-content .page__image {
		width: 100%;
	}

	#custom-main .page-top-content .page__image img {
		width: 100%;
		height: 100%;
	}

	#custom-main .page-info .page-info__cards {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	#custom-main .page-info .page-info__cards .page-info__cards__card {
		max-width: 100%;
		padding: 30px 15px 25px;
		margin-bottom: 30px;
	}

	#custom-main .page-info .page-info__cards .page-info__cards__card a {
		width: 100%;
	}

	#custom-main .page-contacts .page-contacts-wrapper {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	#custom-main .page-contacts .page-contacts__map {
		margin-top: 30px;
	}

	footer .footer-flex {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	footer .footer__logo {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}

	footer .footer__logo .footer__logo__text {margin-left: 0;}

	footer .footer__menu ul {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}

	footer .footer__menu ul li {
		margin-right: 0 !important;
		margin-bottom: 15px;
	}

}