/*   
Theme Name: your-clean-template-3
Theme URI: https://github.com/saxap/clean-wp-template
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: saxa:p
Author URI: http://dontforget.pro
*/



@media (min-width: 979px) { 
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =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%; /* Image does not overflow the content area */
	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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* lara-service */

b {
	font-family: 'GOTHAM-BOLD';
}
body, p, a, li, span {
	font-family: 'GOTHAM-BOOK';
}
a {
	color: #0f68c6;
	text-decoration: none;
}
p {
	font-size: 15px;
}


header {
	position: relative;
	padding: 0;
	z-index: 9;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
header ul { 
	margin-bottom: 0; 
	padding: 0; 
}
header ul li {
	display: inline-flex;
}
header ul a {
	text-decoration: none !important;
	padding: 10px 0;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #3eb7e7;
	letter-spacing: 0.5px;
	font-weight: 900;
}
header ul li a:hover {
	color: #000;
	transition: 0.2s linear;
}
header ul.navbar-nav {
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 10px 0;
}
#top-nav-ul a:hover {
	background: none;
	color: #3eb7e7;
}
.svg-wrap {
	display: flex;
	justify-content: space-between;
	padding: 24px 0;
}
.dropdown-menu {
	text-align: center;
}
.dropdown-menu a {
	background-color: none !important;
	color: #0f68c6a6;
}
/*li#menu-item-26 {
padding: 6px;
}*/
.dropdown-menu>li>a {
	color: #3c84d1;
}

/* adaptive menu */
#burg {
	width: 8%;
	padding: 7.5px 0 7.5px 65%;
}
#burg a { 
	display: block;
	width: 30px;
}
#burg {
	background-color: rgba(255,255,255,0.94);
	padding: 0;
}
#burg span {
	display: flex;
	margin: 2px 0 8px;
	width: 25px;
	height: 1px;
	background-color: #000; 
	z-index: 999;
}
#burg span:last-child {
	margin: 2px 0 0;
}
nav#mobile {
	padding: 0 0 20px;
}
.mobile-tab {
	display: flex;
	width: 100%;
	background-color: rgba(255,255,255,0.94);
	flex-direction: column;
}
.mobile-tab a {
	font-size: 1.3em;
	color: #000;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1px;
}
.mobile-tab li {
	list-style-type: none;
	margin: 5% 5%;
	display: block;
}
.mobile-tab ul {
	padding: 5% 0;
}
.mobile-tab,#burg,#mobile {
	display: none;
}
.mobile-bar {
	display: none;
}

.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
	color: #696969;
	text-decoration: none;
	background-color: transparent;
	outline: 0;
}
/*adaptive menu */

@media screen and (max-width: 768px) {
	.mobile-tab,#burg,#mobile {
		display: block;
	}
	header .bar {
		display: none;
	}
}


/* footer */
footer {
	background-color: #f3f3f3;
	color: #333;
	padding: 20px 0 7px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 19px -5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 19px -5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 19px -5px rgba(0, 0, 0, 0.15);
}
footer .logo-footer-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .logo-footer-flex img {
	width: 200px;
}
footer a {
	text-decoration: none;
	color: #000;
}
footer a:hover {
	text-decoration: none;
	color: #282929;
}
footer li {
	font-size: 16px;    
	color: #000;
}
footer .row {
	clear: both;
}
.li-bold {
	font-weight: bold;
	margin-bottom: 10px;
}

/* footer */

.copyright {
	background-color: #dadada;
	padding: 20px 15px 15px;  
}
.copyright p {
	margin: 0;
	color: #000;
}
.ka3ax {
	margin: 0;
	color: #fff;
	display: block;
	text-align: right;
}
.ka3ax:hover {
	color: #fff;
}
.copyright a img {
	float: right;
	margin-left: 25px;
	color: #b6c0ce;
	width: 30px;
}
.copyright p span {
	font-size: 14px;
}


.owl-dots {
	display: none;
}
.owl-carousel .owl-item img {
	height: 385px;
}



.scrollToTop {
	width: 100px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 15%;
	right: 40px;
	display: none;
	/* background: url(arrow_up.png) no-repeat 0px 20px; */
	display: block;
	background-color: rgba(0,0,0,.2);
	width: 55px;
	height: 55px;
	border-radius: 50px;
	transition: 0.8s;
	/*    -webkit-box-shadow: 0 0 17px 1px rgba(0, 246, 255, 0.5);
	box-shadow: 0 0 17px 1px rgba(0, 246, 255, 0.5);*/
	z-index: 999;
}
.scrollToTop img {
	width: 35px;
}
.whatsapp-body {
	position: fixed;
	right: 40px;
	bottom: 5%;
	z-index: 9;
}
.whatsapp-body img {
	width: 58px;
}
#top-nav-ul a {
	padding: 0 5px;
	font-weight: bold;
	font-size: 15px;
}
a.header-phone {
	padding: 17px 9px;
	display: inline-block;
}


/* modal */
.modal-dialog {
	max-width: 500px;
	margin: 10% auto;
}
button.close {
	opacity: 1;
	font-size: 2em;
}
.modal-dialog input {
	border: 1px solid #ddd;
	background-color: rgb(255, 255, 255);
	margin: 0 auto 20px;
	padding: 10px 20px;
	outline: none;
	font-size: 16px;
	background-color: #fff;
	display: block;
	min-width: 300px;
	border-radius: 25px;
}
.modal-dialog textarea {
	border: 1px solid #ddd;
	background-color: rgb(255, 255, 255);
	margin: 0 auto 20px;
	padding: 10px 20px;
	outline: none;
	font-size: 16px;
	background-color: #fff;
	display: block;
	max-width: 300px;
	min-width: 299.9px;
	min-height: 90px;
	max-height: 92px;
	border-radius: 25px;
}
.modal-dialog input#send_form {
	text-align: center;
	border: 1px solid #002c57;
	margin: 10px auto 0;
	display: table;
	padding: 8px 20px;
	background-color: #3e7cc5;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	transition: 0.2s linear;
}
.modal-dialog input#send_form:hover {
	color: #fff;
	text-decoration: none;
	background-color: #04adee;
	transition: 0.2s linear;
}
.modal-dialog input#send_form:focus {
	color: #fff;
	text-decoration: none;
	outline: none;
	transition: 0.2s linear;
}
.modal-header {
	padding: 16px 20px;
	background-color: #62b4e5;
	color: #fff;
	border-top-left-radius: 39px;
	border-top-right-radius: 39px;
}
.modal-header .close {
	margin-top: -2px;
	color: #333;
	opacity: 1;
	text-shadow: none;
	outline: none;
}
h4.modal-title {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	padding: 2px 0;
}
.modal-body {
	padding: 40px 15px;
}
/* modal */

.page404 {
	height: 100vh;
}
.page404 h1 {
	font-size: 102px;
	text-align: center;
	margin: 0 auto;
	line-height: 0.9;
}
.page404 p {
	text-align: center;
	font-size: 24px;
	margin: 20px 0 0;
}
.page404 p a {
	color: #00aeef;
}
.page404 p a:hover {
	text-decoration: none;
	color: #00aeef;
}

li.menu-item:hover a {
	color: #000;
}
.dropdown-menu .menu-item {
	background-color: #000;
}
#top-nav-ul .dropdown-menu .menu-item a {
	color: #fff;
	width: 100%;
}
.dropdown-menu {
	background-color: #000; 
	padding: 0;
}
#top-nav-ul .dropdown-menu li.menu-item:hover a {
	color: #000;
}

/* new css */
.banner-wrap {
	padding: 180px 0;
	background-color: rgba(0,0,0,.5);
}
.banner-wrap h1 {
	color: #fff;
	text-align: left;
	font-size: 42px;
}
.banner-wrap h2 {
	color: #fff;
	text-align: left;
	font-size: 31px;
	margin: 20px 0 40px;
}
.banner-wrap button {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 8px 19px;
	color: #fff;
	font-size: 18px;
}
#desktop a {
	color: #000;
	padding: 10px 0;
}
.header-contacts-wrap a {
	color: #393a3c;
}
.about {
	padding: 0;
	background-color: #fff;
}
.about-wrap .about-wrap-title {
	text-align: left;
	color: #fff;
	font-size: 38px;
	margin: 0 auto 35px;
	text-transform: uppercase;
	font-weight: bold;
}
.about-wrap .about-we-do-desc {
	color: #fff;
	font-size: 18px;
	margin: 0 0 36px;
}
.adv-p {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.advantages-wrap .col-md-2 {
	padding: 0; 
}
.adv-wrap {
	border-radius: 40px;
	border-style: solid;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	border-color: transparent;
	padding: 10px;
}
.bg-white {
	background-color: #f3f3f3;
	border-top: 1px solid #f3e4e4;
	border-bottom: 1px solid #f3e4e4;
	padding: 30px;
}
.outdoor {
	padding: 40px 0;
}
.outdoor h2  {
	text-align: center;
	font-size: 42px;
	margin: 0 auto 30px;
}
.outdoor h3  {
	text-align: center;
	font-size: 31px;
	margin: 0 auto 23px;
}
#outdoor img.sub-outdoor-img {
	width: 100%;
	height: 260px;
}
#poly img.sub-outdoor-img {
	width: 100%;
	height: 440px;
}
#lightbox img.sub-outdoor-img {
	width: 100%;
}
.sub-outdoor-container {
	background: #000;
}
.sub-outdoor-container .col-md-3 {
	padding: 0;
}
.sub-outdoor-desc-wrap {
	padding: 30px;
}
.sub-outdoor-desc-wrap p {
	color: #fff;
}
.sub-outdoor {
	padding: 10px 0;
}

.clinets {
	padding: 40px 0;
}
.clinets h3 {
	font-size: 42px;
	margin: 0 auto 30px;
	text-align: center;
}
img.clients-logo-img {
	width: 90px;
	display: block;
	margin: 0 auto;
}
.contacts {
	background-color: #f3f3f3;
}
.contacts h3 {
	font-size: 42px;
	text-align: center;
	margin: 0 auto 30px;
}
.contacts-wrap {
	padding: 40px 0;
}
p.contacts-wrap-title {
	font-size: 24px;
	margin: 0 0 30px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #333;
}
img.logo-img {
	width: 200px;
}
img.adv-svg {
	width: 60px;
	display: block;
	margin: 25px auto;
}
.works-desc-wrap {
	padding: 0 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.works {
	background: #fff;
	padding: 30px 0;
	border-top: 1px solid #f3e4e4;
	border-bottom: 1px solid #f3e4e4;
}
img.works-item-img {
	width: 100%;
}
.works-wrap .col-md-4 {
	padding: 0;
}
.works-desc-wrap h3 {
	font-size: 24px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.contacts-wrap li, .contacts-wrap li a {
	color: #333;
	font-size: 16px;
	margin: 0 0 10px;
}
.contacts-wrap li a {
	text-decoration: underline;
}
.contacts-wrap button {
	background-color: #62b4e5;
	font-size: 16px;
	padding: 12px 40px 10px;
	border-radius: 25px;
	border: 2px solid #62b4e5;
	display: block;
	margin: 35px auto 0;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	transition: background 0.2s 
		ease;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
}
.contacts-wrap button:hover {
	background-color: #fff;
	color: #62b4e5;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.contacts-wrap span {
	font-weight: bold;
}
button#send_form {
	font-size: 16px;
	padding: 12px 23px 10px;
	border: none;
	border-radius: 25px;
	display: block;
	margin: 8px auto 0;
	text-transform: uppercase;
	font-weight: bold;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background-color: #62b4e5;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	border: 2px solid #62b4e5;
}
button#send_form:hover {
	background-color: #fff;
	color: #62b4e5;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
section#outdoor {
	/* border-bottom: 1px solid #f3e4e4; */
	padding: 35px 0;
	background-color: #f3f3f3;
}
section.trust {
	border-top: 1px solid #f3e4e4;
	padding: 35px 15px;
	border-bottom: 1px solid #f3e4e4;
}
.slogan {    
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	font-family: 'GOTHAM-BOOK';
	/*border-right: 1px solid #ddd;*/
	padding: 15px 0;
	background-color: #fff;
	position: absolute;
	width: 100%;
	height: 61px;
}
img.header-svg {
	width: 25px;
	margin: 0 5px;
}
.first-logo-wrap {
	padding: 0;
}
h2.h-title {
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 45px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.black-bg {
	background-color: transparent;
}
.first-form-wrap {
	/*height: 288px;*/
	padding: 40px 90px;
}
p.offer-title {
	color: #61b4e6;
	text-align: center;
	font-size: 28px;
	margin: 10px 0 30px;
	font-family: 'GOTHAM-BOLD';
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
p.offer {
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin: 0 0 20px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.inputs-form-wrap input {
	font-size: 16px;
	padding: 7px 12px;
	border-radius: 25px;
	/*border: none;*/
	width: 250px;
	border-color: #ddd;
	border-width: 1.5px;
	color: #000;
}
.inputs-form-wrap {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
}
input#send_form {
	background-color: #62b4e5;
	font-size: 16px;
	padding: 12px 23px 10px;
	border-radius: 25px;
	border: 2px solid #62b4e5;
	display: block;
	margin: 35px auto 0;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	transition: background 0.2s ease;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
input#send_form:hover {
	background-color: #fff;
	color: #62b4e5;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
p.about-we-do {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold; 
}
.name-bold {
	font-weight: bold; 
}
.advantages-wrap {
	padding: 35px 0 35px 35px;
}
.about-wrap-title {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 30px;
	color: #393a3c;
	text-align: left;
}
.about-wrap {
    padding: 100px 0 0;
}
p.about-full-desc-wrap-p {
	font-size: 18px;
	color: #393a3c;
}
p.about-full-desc-title-wrap-p {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 30px;
	color: #393a3c;    
	text-align: center;
}
.naruzh-title-right {
	padding: 0 0 20px;
}

h1.h1-naruzh-title-left {
	text-transform: uppercase;
	color: #333;
	color: #61b4e6;
	text-align: center;
	font-size: 35px;
	margin: 0 0 20px;
	font-family: 'GOTHAM-BOLD';
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
h2.h2-naruzh-title-left {
	text-transform: uppercase;
	color: #333;
	color: #61b4e6;
	text-align: center;
	font-size: 35px;
	margin: 0 0 20px;
	font-family: 'GOTHAM-BOLD';
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
h3.h3-naruzh-title-right {
	font-size: 24px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	font-weight: 900;
}
img.naruzh-img {
	width: 100%;
}
.naruzh .col-md-3 {
	padding: 0;
}
h2.naruzh-name {
	background-color: #61b4e6;
	padding: 15px;
	margin: 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.naruzh .col-md-4 {
	padding: 0;
}
.naruzh-item-wrap-2 img.naruzh-img {
	/* 	max-height: 224px; */
	width: 100%;
}
.col-md-8 {
	padding: 0;
}
.col-md-4 {
	padding: 0;
}
.h2-shir-title-wrap {
	padding: 17px;
	background-color: #000;
}
.shir .col-md-12 {
	padding: 0;
}
.shir .col-md-6 {
	padding: 0;
}
#outdoor .col-md-6 {
	padding: 0;
}
#outdoor .col-md-12 {
	padding: 0;
}
h2.h2-shir-title {
	font-size: 24px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'GOTHAM-BLACK';
}
img.shir-img {
	width: 100%;
	padding: 30px;
	background-color: #fcfcfc;
}
h2.shir-name {
	background-color: #AF060B;
	padding: 15px;
	margin: 0;
	font-size: 21px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

h2.h2-trust-title-left {
	font-size: 24px;
	margin: 0 0 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.trust-title-right {
	padding: 30px;
	background-color: #333;
}
.owl-carousel .owl-item img {
	height: auto;
	border: 1px solid #f0f0f0;
}
#naruz-p .separate-block p {
	color: #333;
	margin: 25px 0;
}
#naruz-p p {
	font-size: 16px;
	color: #04adee;
	text-align: left;
}
#naruz-p p.naruz-last.saygoodbye {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#naruz-p ul {
	padding-left: 20px;
}
#naruz-p li {
	font-size: 16px;
	list-style-type: disc;
	color: #333;
}
.nazruzh-page-black img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.nazruzh-page-black .naruzh-title-wrap {
	padding: 72px 0;
}
/* .works-wrap {
padding: 40px 0;
} */

.works-wrap {
	padding: 0 12px;
}
p.goods-desc {
	text-align: center;
	margin: 0;
}
.naruzh-name-div {
	padding: 15px;
	background-color: #ddd;
}
.naruzh-name-h2 {
	margin: 0 0 5px;
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
#naruz-p h2, #naruz-p h3, #naruz-p h4 {
	font-size: 24px;
	margin: 30px 0 15px;
	text-align: center;
}
.naruz-last {
	font-size: 24px;
}
#naruz-p h2.naruz-h2-title, #naruz-p h3.naruz-h2-title,#naruz-p h4.naruz-h2-title {
	font-size: 24px;
	margin: 30px 0 15px;
	text-align: center;
}
#naruz-p {
	padding: 20px 0;
	border-top: 1px solid #f3e4e4;
}
.naruzh-item-wrap {
	border-left: 1px solid #f0f0f0;
}
.shir-item-wrap.naruzh-item-wrap-2 {
	border-left: 1px solid #f0f0f0;
}

.contacts-map-wrap iframe {
	margin: 0 0 -5px;
}
.owl-carousel.owl-theme.trust-slider.owl-loaded.owl-drag {
	padding: 15px;
}
.works .item {
	padding: 0 7px;
}
img.works-img {
	width: 100%;
}
.works-wrap {
	padding: 0;
	overflow: hidden;
}
.works-right-wrap .col-md-2 {
	padding: 0;
}
.works-right-wrap-8.col-md-8 {
	padding: 0 15px;
}

/* modal gallery */
/* The Modal (background) */
#works .modall {
	display: none;
	position: fixed;
	z-index: 1000;
	padding-top: 3%; /* was 100px */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}
/* Modal Content */
#works .modall-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}

/* The Close Button */
#works .close {
	color: white;
	position: absolute;
	top: 1%;
	right: 1%;
	font-size: 50px;
	font-weight: bold;
	opacity: 1;
}

#works .close:hover,
.close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

#works .mySlides {
	display: none;
}

#works .cursor {
	cursor: pointer;
}

/* Next & previous buttons */
#works .prev,
#works .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
#works .next {
	right: 3%;
	border-radius: 3px 0 0 3px;
	opacity: 1;
	width: 50px;
}
#works .prev {
	left: 3%;
	border-radius: 3px 0 0 3px;
	opacity: 1;
	width: 50px;
}

/* On hover, add a black background color with a little bit see-through */
#works .prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
#works .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
#works img {
	margin-bottom: -4px;
	cursor: pointer;
	margin-bottom: -4px;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	cursor: pointer;
}
img.works-img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	cursor: pointer;
}
#works .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}
#works .demo {
	opacity: 0.6;
}
#works .active,
#works .demo:hover {
	opacity: 1;
}
#works img.hover-shadow {
	transition: 0.3s;
}
#works .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#works .modall .mySlides {
	background-color: #000;
}
#works .modall .mySlides img {
	height: 90vh;
	width: auto;
	margin: 0 auto;
	display: block;
}
/* modal gallery */

.naruzh-item-wrap {
	cursor: pointer;
}
.shir-item-wrap  {
	cursor: pointer;
}
.w-bg {
	/*	background-color: #f3f3f3;
	border-bottom: 1px solid #f3e4e4;*/
}

img.first-logo-img {
	display: block;
	margin: 0 auto;
	width: 50px;
	padding: 12px 0;
}

section.first {
	background-color: #fff;
	border-bottom: 1px solid #f3e4e4;
}

/* new */
p.offer-2 {
	color: #ffed00;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
	font-size: 18px;
}
p.offer {
	margin: 0 0 25px;
}
.first-form-wrap {
	padding: 0;
}
.forma-wrap {
	padding: 30px 90px;
}
.forma {
	background-color: #fff;
}
.forma-3 {
	color: #000;
	text-align: center;
	font-size: 22px;
	margin: 0 0 30px;
	font-weight: bold;
}
.forma .inputs-form-wrap {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.forma .inputs-form-wrap input {
	margin: 0 20px;
	border: 1px solid #000;
}
/* new */
.phon ul {
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: space-around;
	padding: 10px 0;
}
.phon li {
	display: inline-block;
}

.first {
	background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://adamprint.kz/wp-content/themes/your-clean-template-3/images/print_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 500px;
	display: grid;
	place-items: center;
}
.first {
	position: relative;
	background-position: top center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	overflow: hidden;
	height: 100vh;
}

.to_two .com-name {
	display: none;
}

.first .container {
	position: relative;
	z-index: 2;
	text-align: center;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.about-wrap img {
	width: 100%;
    margin: 0 auto;
    display: block;
}
.modal-content {
	border-radius: 40px;
}
.about-wrap h2 {
    text-align: center;
    font-size: 52px;
    font-weight: bold;
    margin: 0;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {

	.feedback .row .img-wrap {
		width: 100%;
		max-height: 4em;
	}
	.feedback {
		padding: 40px 0;
	}
	.top-footer form .btn_submit {
		width: auto;
		display: block;
		margin: 0 auto;
	}
	.mobile-tab a {
		font-size: 1em;
	}
	.top-email {
		display: none;
	}
	footer {
		padding: 0;
	}
	.ka3ax {
		text-align: center;
	}

	.main-request h2 {
		font-size: 2.7em;
	}

	.modal-dialog input {
		min-width: 225px;
	}
	.modal-dialog textarea {
		min-width: 225px;
		max-width: 225.1px;
	}
	.modal-body {
		padding: 25px 0;
	}


	#top-nav-ul a {
		font-size: 1.3em;
		padding: 5px 17px;
	}
	ul#top-nav-ul {
		padding: 0;
	}

	.mobile-tab, #burg, #mobile {
		background-color: transparent;
	}
	#burg span {
		background-color: #000;
	}
	#top-nav-ul a {
		font-size: 1.2em;
		color: #333;
	}
	.mobile-tab ul {
		padding: 5% 0 0;
	}

	footer {
		padding: 30px 0;
	}
	header .bar {
		display: block;
	}
	#desktop {
		display: none;
	}	
	img.first-logo-img {
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.slogan {
		font-size: 13px;
		border-right: none;
		background-color: #000;
		display: none;
	}	
	.first-form-wrap {
		height: auto;
		padding: 10px 10px 35px;
	}
	.inputs-form-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.inputs-form-wrap input {
		font-size: 16px;
		padding: 7px;
		border-radius: 5px;
		border: solid;
		width: 240px;
		border-color: #ddd;
		margin: 0 0 20px;
		border-width: 1px;
	}
	.about-wrap h3 {
		font-size: 31px;
	}
	p.about-we-do {
		font-size: 24px;
	}
	.advantages-wrap {
		padding: 30px;
	}
	.adv-wrap {
		margin: 0 0 40px;
	}
	img.adv-svg {
		margin: 20px auto;
	}
	.works-desc-wrap {
		min-height: auto;
	}
	#works .modall .mySlides img {
		height: auto;
		width: 100%;
		margin: 22% auto 0;
		display: block;
	}
	.modal-dialog {
		max-width: 500px;
		margin: 23% auto;
	}

	.first-logo-wrap {
		padding: 50px 0;
		margin-top: 75px;
	}

	.bg-white {
		padding: 30px 30px 0;
	}
	section#outdoor {
		padding: 0 25px 40px;
	}

	/* new */
	/* 	.about-wrap {
	display: none;
} */
	img.first-logo-img {
		width: 77%;
	}
	.forma-wrap {
		padding: 30px 0;
	}
	.forma .inputs-form-wrap {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.forma .inputs-form-wrap input {
		margin: 10px auto;
		border: 1px solid #000;
	}
	/* new */

	/* redesign */
	p.offer {
		margin: 0 0 25px;
	}
	.adv-p {
		font-size: 18px;
	}
	h3.h3-naruzh-title-right {
		line-height: 1.3;
		text-align: center;
		font-size: 18px;
	}
	#works img {
		padding: 10px 25px; 
	}
	.contacts-wrap {
		padding: 40px 25px;
	}
	#naruz-p {
		display: none;
	}
	.trust-title-right {
		display: none;
	}
	header {
		position: fixed;
		background: #f6f5f5;
	}
	/* redesign */

	header .bar {
		display: block;
		background-color: #fff;
	}
	header .w-bg {
		background: #fff;
	}
	img.first-logo-img {
		width: 50px;
	}
	.about-wrap {
		display: none;
	}
	.adv-wrap {
		padding: 10px 30px;
		margin: 0 0 40px;
	}
	section#outdoor {
		padding: 40px 25px;
	}
	.first-logo-wrap {
		padding: 50px 0 0;
		margin-top: 120px;
	}
	h2.h-title {
		font-size: 33px;
	}
	.phon ul {
		padding: 0 0 3px;
	}
	img.first-logo-img {
		padding: 7px 0 0;
		display: inline-block;
		height: auto;
		width: 150px;

	}
	.to_two {
		display: flex;
		align-items: center; /* выравнивает логотип и текст по вертикали */
		justify-content: center; /* выравнивает по левому краю */
		gap: 10px; /* расстояние между логотипом и текстом */
	}
	.to_two .com-name {
		display: block;
		color: #3db7e6;
		text-align: center;
		font-size: 28px;
		font-family: 'GOTHAM-BOLD';
		padding: 6px 0 0;
	}
	.first {
		background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://adamprint.kz/wp-content/themes/your-clean-template-3/images/print-bg-small.jpg);
		background-position: top;
	}
	#top-nav-ul a {
		text-align: center;
	}
}




/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
	header ul.navbar-nav {
		float: inherit;
	}
}

#wpadminbar {
	display: none; 
}