/**
 * Main CSS
 */
 
.left {
    float: left;
}
.right {
    float: right;
}

.center {
    text-align: center;
}

alvideo { object-fit: fill; }

#alvideo {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.alvideo {
    top: 0;
    left: 0;
    width: 100%;
}

.network { display:block; padding:15px 0; }
.network a { display:inline-block; overflow:hidden; height:46px; width:46px; text-indent:-9999px; margin:0 4px; outline:none; }
.network a.youtube { background:url(../images/icons/round.svg) 0 0 no-repeat; }
.network a.whatsapp { background:url(../images/icons/whatsapp.svg) 0 0 no-repeat; }
.network a.telegram { background:url(../images/icons/telegram.svg) 0 0 no-repeat; }
.network a.vk { background:url(../images/icons/vk.svg) 0 0 no-repeat; }

.bg-dark  {
	background: #3e3529 url("../images/bg.gif") no-repeat center / cover;
	background-repeat: repeat-y;
}



div.container.d-flex {
	text-align: center;
	margin-top: 20px;
	padding: 20px 30px;
	height: 91px;
    background: rgba(62, 53, 41, 0.2);
    border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, 0.2);		
}

.nav.nav-tabs.flex-column.flex-md-row.primary.clearfix {
	a.nav-link {
		color: #ffcb89;
		text-decoration: none;
	}
}

.nav.nav-tabs.flex-column.flex-md-row.primary.clearfix {
	a.nav-link.active.is-active {
		color: #fff;
		background-color: #ab7c44;
	}
}

div.landing-block-node-card.js-animation.fadeInUp.col-md-6.col-lg-3.text-center
{
	margin: 50px 10px;
	padding: 30px 0px;
	width: 306px;
    background: rgba(62, 53, 41, 0.2);
    border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, 0.2);	
}

.navbar.navbar-expand-lg.navbar-dark.text-light.bg-dark {
    text-align: center;
	text-transform: uppercase;
}

span.field.field--name-title.field--type-string.field--label-hidden {
	color: #fff;
}

a {
	color: #ab7c44;
	text-decoration: none;	
}

.navbar-brand a.site-title {
	color: #fff;
}

.navbar-brand a.site-title:hover  {
	color: #b0b0b0;
}

[data-entity-uuid= "a04b98b2-3c87-48d7-9097-80bdda989182"], [data-entity-uuid= "62e13cd5-cbcd-4c86-a2ec-d911dbf61ed1"] {
	width: 100%;
	height: auto;
}

.b24-form-wrapper.b24-form-border-bottom {
	color: #fff;
	background: rgba(62, 53, 41, 0.2);
	border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, 0.2);	
	padding: 1.25rem;
	margin-bottom: 1.25rem;	
}

.b24-form-header-title,
.b24-form-header-description,
.b24-form-content.b24-form-padding-side,
.b24-form-field-layout-section,
input.b24-form-control {
	--b24-text-color: #ffffff;
}

button.b24-form-btn {
	background-color: #ab7c44;
}

button.b24-form-btn:hover {
    background-color: #926a3a;
}

.b24-form-wrapper.b24-form-border-bottom {
    --b24-primary-color: rgba(255, 255, 255, 0.2);
}

.b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item {
    --b24-field-background-color: #3e3529;
	--b24-field-focus-background-color: #3e3529;
}

.b24-form-dropdown-container {
	--b24-background-color: #ab7c44;
	--b24-popup-background-color: #ffcb89;
}

#block-clipper-contactblock {
	max-width: 768px;
	background: rgba(62, 53, 41, 0.2);
	border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, 0.2);	
	padding: 1.25rem;
	margin-bottom: 1.25rem;	
}

@media (min-width: 768px) {
	.alnav_main {
		float: left;
		padding: 0 50px 0 0;
	}
	
	.alnav_additional {
		padding: 0 0 0 50px;
		float: right;	
	}
	
	.alrequest {
		margin:-100px 0 100px 0;
	}
	div.views-row, 
	div.node__content > .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item,
	div.container > .row.gx-5
	{
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		margin-bottom: 1.25rem;
		padding: 1.25rem;
		text-decoration: none;
	}
	.img-fluid.image-style-blog-teaser {
		padding: 10px 0 0 20px;	
	}
}

@media (min-width: 768px) {
	div.alnav-footer {
		margin: 0 -15px;
	}
	.alnav-item {
		float: left;
		margin: 30px 15px;
		text-transform: uppercase;
	}
	
	div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a {
		color: #fff;
	}	
	
	footer.mt-auto > .navbar-brand.d-flex.align-items-center {
		margin-top: 100px;	
	}
}

@media (min-width: 768px) {
	div.aladdress {
		float: right;
		font-size: 23px;
		margin: 0px 0 0 0;
	}
	div.alpolicy_footer {
		text-transform: uppercase;	
		padding: 70px 0 0 0;
	}
	p.alfooterbutton {
		float: right;
	    margin-top: 15px;
	}
}
@media (min-width: 768px) {
	#block-clipper-galleryvideo1, #block-clipper-galleryvideo2, #block-clipper-galleryvideo3 {
		.field.field--name-field-media-video-file.field--type-file.field--label-visually_hidden {
			float: left;
			width: 50%;
			height: 50%;
			padding: 10px;
		}
	}
}

@media (min-width: 768px) {
	div.algallery-pfoto {
		float: left;
		max-width: 426px;
		max-height: 426px;
		padding: 8px;
	}
	
	div.algallery-pfoto0 {
		padding: 8px;	
	}
	
	div.algallery-pfoto1 {
		float: left;
		max-width: 640px;
		padding: 0px;
	}
	
	div.algallery-pfoto2 {
		padding: 8px;	
	}
	
	div.algallery-pfoto3 {
		float: left;
		max-width: 640px;	
		height: auto;
		padding: 8px;	
		border-radius: 9px;
	}
	
	div.algallery-pfoto4 {
		float: left;
		max-width: 320px;	
		padding: 8px;	
	}
	
	div.algallery-pfoto5 {
		float: left;
		max-width: 632px;	
		padding: 10px;	
	}

	div.algallery-pfoto6 {
		padding: 0 12px;	
	}
}

@media (min-width: 768px) {
	div.alservice {
		text-align:center;
		float: left;
		max-width: 632px;
		margin: 50px 10px;
		padding: 45px 0px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	p.alservice_font {
		font-size: 30px;
		font-weight: 400;
		line-height: 30px;
	}
	div.alcallback {
		margin: 50px 10px;
		padding: 45px 0px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	p.alcallback_font {
		font-size:30px;
		font-weight:400;
		line-height:30px;
		padding: 30px 0 60px;
	}
	div.alcompany {
		margin: 50px 10px;
		padding: 20px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	div.alfactory_title {
		font-weight:400;
		font-size:40px;
		line-height:41.52px;
		padding: 20px 0 50px 30px;
	}
	div.alcompany_title {
		width: 620px;	
		font-size:40px;
		font-weight:400;
		line-height:41.52px;
		padding: 40px 40px;
	}
	
	div.alcompany_body {
		float: left;
		width: 598px;
		height: auto;
		font-size:23px;
		font-weight:300;
		line-height:20.7px;
		padding: 40px 20px 40px 20px;
	}
}

@media (min-width: 768px) {
	div.alproject {
		width: 306px;	
		margin: 50px 10px;
		padding: 20px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	div.alproject_figure {
		text-align: center;
		font-size:40px;
		font-weight:400;
		line-height:41.52px;
		padding: 10px 40px;
	}
	div.alproject_title {
		text-align: center;
		width: 285px;	
		height: 80px;
		font-size:30px;
		font-weight:400;
		line-height:31.14px;
		padding: 10px 0px;
	}
	div.alproject_body {
		text-align: center;
		width: 285px;
		font-weight:300;
		font-size:23px;
		line-height:20.7px;
		padding: 40px 0;
	}
}

@media (min-width: 768px) {
	div.alwhatdoing {
		margin: 50px 10px;
		padding: 45px 20px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
/*		display: flex;
		justify-content: space-between;  */
	}

	p.alwhatdoing_image1 {
		position: relative;
		top: 80%;
		max-width: 580px;
		text-align: center;
		font-size:23px;
		font-weight:300;
		margin: 0 15px;
		padding: 10px;
		background: rgba(95,78,58, 0.5);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);		
	}

	div.alwhatdoing_photo {
		float: left;
		max-width: 620px;	
		height: auto;
		padding: 0 10px;	
	}

	div.alwhatdoing_title {
		max-width: 1010px;
		font-size:40px;
		font-weight:400;
	}

	.alwhatdoing_btn {
		max-width: 222px;
		float: right;
		padding: 10px 0;
	}
}

@media (min-width: 768px) {
	div.alprocesses {
		margin: 50px 10px;
		padding: 45px 0px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	div.alprocesses {
		max-width: 414px;
		text-align:center;
	}
	div.alprocesses_title {
		height:100px;
		font-weight:400;
		font-size:23px;
		line-height:20.76px;
		padding: 0 50px;
	}
	div.alprocesses_font {
		font-weight:300;
		font-size:20px;
		line-height:20.76px;
		padding: 10px 0;
	}
}

@media (min-width: 768px) {
	div.aldesigning {
		margin: 50px 0px;
		padding: 60px 0px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);	
	}
	div.aldesigning_title {
		font-weight:400;
		font-size:40px;
		line-height:41.52px;
		padding: 0 50px;
	}
	div.aldesigning_body {
		font-weight:300;
		font-size:23px;
		line-height:20.7px;
		padding: 30px 0 50px;
	}
}

@media (min-width: 768px) {
	div.alvoordeel {
		max-width: 414px;
		margin: 40px 10px;
		padding: 40px 40px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	p.alvakje {
		float: left;
	}
	p.alvoordeel_font {
		text-align: left;
		padding: 0 0 0 70px;
		font-weight:400;
		font-size:20px;
		line-height:20.76px;
	}
}

@media (min-width: 768px) {
	div.alpeople {
		max-width: 406px;
		margin: 40px 10px;
		padding: 40px 40px;
		background: rgba(62, 53, 41, 0.2);
		border-radius: 9px;
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	p.alpin {
		padding-bottom: 40px;
	}
	p.alpeople_font {
		text-align: center;
		padding: 0 0 0 20px;
		font-weight:400;
		font-size:20px;
		line-height:20.76px;
	}
	.almap {
		width: 100%;
		height: 640px;
	}	
}

p.alemail {
	padding: 20px 0 40px 0;
}

p.alphone {
	padding-bottom: 20px;
}

/*  Модальная форма */

.ui-dialog,
div.ui-front.ui-dialog-content.ui-widget-content,
div.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix,
div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix
{
	background: rgba(62, 53, 41, 1);
	border: 0px solid rgba(255, 255, 255, 0.5);
	border-radius: 0px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	color: #fff;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    appearance: none;
    background-color: rgba(62, 53, 41, 1);
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    color: #fff;
    background-color: rgba(62, 53, 41, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 9px;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.form-text {
    margin-top: 0;
    font-size: 0.875em;
    color: #fff;
    background-color: rgba(62, 53, 41, 1);
	border-top: 0px solid rgba(255, 255, 255, 0.5);
	border-left: 0px solid rgba(255, 255, 255, 0.5);
	border-right: 0px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ui-dialog .ui-dialog-title {
    text-align: center;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #fff;;
}

.ui-button-icon.ui-icon.ui-icon-closethick {
	background:url(../images/icons/close.svg) 0 0 no-repeat;
}

.albutton {
	position: relative;
	padding: 10px 55px 15px 55px;
	gap: 10px;
	border-radius: 6px;
	background-color: #ab7c44;
	font-size:23px;
	font-weight:300;
	color: #fff;
}

.albutton:hover {
	background-color: #926A3A;
}

.btn:first-child, .node-preview-container .node-preview-backlink:first-child, button.link:first-child, .button:first-child {
    margin-left: 0;
	position: relative;
	padding: 10px 45px 10px 45px;
	gap: 10px;
	border: 0px solid #fff;
	border-radius: 6px;
	background-color: #ab7c44;
	font-size:23px;
	font-weight:300;
	color: #fff;
}

.btn:first-child:hover {
	background-color: #926A3A;	
	border: 0px solid #fff;
	color: #fff;
}

.ui-front.ui-dialog-content.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: rgba(255, 255, 255, 0.5);
}

.ui-widget-content a {
    color: #ffcb89;
    text-decoration: none;
}

.option.js-form-required.form-required a {
    color: #ab7c44;
    text-decoration: none;
}

.option.js-form-required.form-required a:hover {
    color: #926a3a;
    text-decoration: none;
}

.button.button--primary.js-form-submit.form-submit.btn.btn-primary.ui-button.ui-corner-all.ui-widget {
	padding-top: 15px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24.2px;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    background-color: rgba(62, 53, 41, 1);
}

.form-check-input:checked[type=checkbox] {
    border-color: #ab7c44;
}

.form-check-input:checked {
    background-color: rgba(62, 53, 41, 1);
    border-color: #ab7c44;
}

.form-check-input:checked[type=checkbox] {
    background: url(../images/icons/check_circle.svg) 0 0 no-repeat;
	border: 0px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

div.alert.alert-status.alert-success.alert-dismissible {
    --bs-alert-color: #fff;;
    --bs-alert-bg: rgba(62, 53, 41, 1);
    --bs-alert-border-color: 0px solid rgba(255, 255, 255, 0.5);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 9px;
	weight: 350px;
	font-size:23px;
	font-weight:300;
	text-transform: uppercase;
}

button.btn-close {
	 background: url(../images/icons/close.svg) 0 0 no-repeat;
	   margin: 25px 0 0 50px;
}

.btn-close, .ui-dialog .ui-dialog-titlebar-close {
	background:url(../images/icons/close.svg) 0 0 no-repeat;
}