.container1920 {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.button__primary {
	 background-color: #00ffa8;
	 color: #021032;
	 display: block;
	 font-size: 1.8rem;
	 font-weight: 700;
	 padding: 15px 50px;
	 max-width: 250px;
	 text-align: center;
	 text-decoration: none;
	 text-transform: uppercase;
	 transition: all 0.3s ease-in-out;
}

.button__primary:hover {
	background-color: #00C483;
}

 .hamburger {
 	display: none;
 }

 button:focus {
 	outline: none;
 }

.text__color--primary {
	color: #021032;
}

.text__color--secondary {
	color: #fff;
}
.text__color--tertiary {
	color: #00ffa8;
}

.site .row .main__aside {
	background-color: #021032;
	padding: 40px 45px;
	transition: all 0.3s ease-in-out;
}

.main__aside-menu {
	background-color: #021032;
}

.site-branding {
	padding-bottom: 100px;
}

.main-navigation a {
	color: #fff;
	font-weight: 700;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out;
}

.current_page_item a {
	color: #00C483;
}

.main-navigation a:hover {
	color: #00C483;
}

.main__aside-menu .main__aside-scroll {
	align-items: center;
	display: flex;	
	margin-top: 125px;
	margin-left: -20px;
}

.main__aside-scroll img {
	margin-right: 20px;
}

.main__aside-scroll p {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.main__offer {
	margin-bottom: 100px;
	margin-top: 100px;
}

.main__offer-check-us {
	background-color: #fff;
	position: absolute;
	right: 80px;
	top: 0;
	z-index: 2;
	padding: 40px 40px 50px 40px;
	margin: 0;
	max-width: 700px;
}

.main__offer-content {
	position: absolute;
	bottom: 20px;
	left: 0;
}

.offer__box {
	padding-bottom: 30px;
	transition: all 0.3s ease-in-out;
}

.offer__box-image {
	position: relative;
}

.offer__box-content h2 {
	background-color: #fff;
	bottom: 0;
	font-size: 3.6rem;
	position: absolute;
	margin: 0;
	max-width: 85%;
	padding-left: 50px;
	padding-top: 20px;
	width: 100%;
}

.offer__box-text {
	padding-left: 50px;
	max-width: 85%;
}

.offer__box-text a {
	color: #00ffa8;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.offer__box-text a:hover {
	color: #00C483;
}

.main__projects {
	margin-bottom: 100px;
}

.main__projects-title {
	max-width: 910px;
}

.main__projects-photo {
	position: relative;
}

.main__projects-photo img {
	width: 100%;
}

.main__projects-sticker {
	background-color: #fff;
	bottom: 0;
	right: 0;
	padding: 30px 30px;
	position: absolute;
}

.main__projects-sticker h3 {
	color: #0850ff;
	font-size: 6rem;
	margin:0 0 20px 0;
	text-align: center;
}

.main__projects-sticker p {
	color: #0850ff;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.site-footer {
	background-color: #021032;
}

.footer {
	
	padding: 100px 0;
}

.footer h2 {
	color: #fff;
	margin-bottom: 100px;
	margin-top: 0;
}

.footer__social-icons,
.header__social-icons {
	display: flex;
}

.footer__social-icons a:first-child,
.header__social-icons a:first-child {
	margin-right: 25px;
}

.footer__contact {
	padding-right: 30px;
}

.footer__phone {	
	color: #fff;
	font-size: 3.6rem;
	font-weight: 700;
	display: block;	
	transition: all 0.3s ease-in-out;	
	text-decoration: none;
}

.footer__phone::before {
	content: url('/wp-content/uploads/2020/11/phone.svg');
	padding-right:30px;
	vertical-align: -webkit-baseline-middle;

}

.footer__phone:hover {
	color: #00C483;
}

.footer__mail {
	color: #00ffa8;
	display: block;
	font-size: 30px;
	padding-left: 90px;	
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.footer__mail:hover {
	color: #fff;
}

.footer__company-name {
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}

.footer__address {
	margin-bottom: 10px;
	margin-top: 0;
}

.footer__address--second {
	margin-bottom: 10px;
	margin-top: 0;
}

.footer__find-us {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	margin-top: 0;
}

.footer__menu {
	padding: 50px 0;
}

.footer__menu ul {
	display: flex;
	justify-content: center;
	list-style:none;
	padding: 0;
	margin: 0;
}

.footer__menu li {
	margin: 0 20px;
}

.footer__menu a {
	color: #021032;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.site-info {
	text-align: center;
	padding-bottom: 20px;
}

.site-info a {
	color: #021032;
	text-decoration: none;
}

/*SLIDER*/

.main__slider {	
	box-sizing: border-box;		
}

.main__slider-content {
	padding: 50px;
	height: 100vh;
}

.main__slider-content h1 {
	color: #fff;
	padding-top: 100px;
	max-width: 945px;
	margin-bottom: 50px;
}

.main__slider-content p {
	color: #fff;
	max-width: 640px;
}

.slider__fast-contact,
.header-secondary__fast-contact {
	color: #fff;
	margin-top: 0;
	font-weight: 700;
}

.slider__fast-contact a, 
.header-secondary__fast-contact a {
	color: #fff;
	text-decoration: none; 
	transition: all 0.3s ease-in-out;
}


.slider__fast-contact a:hover,
.header-secondary__fast-contact a:hover{
	color: #00C483;
}

.main__slider {
	position: relative
}
.main__slider .slider__bar {	
	background-color: rgba(2,24,59,0.90);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

.slider__play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.slider__play a {
	color: #fff;
	background: url('/wp-content/uploads/2020/12/play-button.svg') no-repeat center left;
	font-weight: 700;
	padding: 20px 0 20px 50px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.slider__play a:hover {
	color: #00C483;
}

.slider__play,
.slider__arrows {
	background-color: rgba(2,24,59,0.95);
}


.slider__image img {
	display: block !important;
}

.slider__socials {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.main__slider .owl-pagination-true {
	margin-bottom: 0!important;
}


/*SUBPAGES*/

.header__secondary {
	padding: 50px 30px 50px 50px;
	background-repeat: no-repeat;
	color: #fff;
	background-position: right top;
}

#breadcrumbs a {
	color: #fff;
	transition: all 0.3s ease-in-out;
}

#breadcrumbs a:hover {
	color: #00C483;
}

.header__secondary h1 {
	margin: 150px 0 50px 0; 
}

.subpage__projects-title {
	margin-top: 0;
}

.subpage__content {
	margin-bottom: 100px;
	margin-top: 100px;
}

/*-----------------CONTACT------------------------*/


.contact__header {
	font-size: 6rem;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.contact__phone {
	color: #0850ff;
	display: block;
	font-size: 4.8rem;
	margin:0 0 10px 0;
	font-weight: 700;
	transition: all 0.3s ease-in-out;
}

.contact__email {
	color: #021032;
	display: block;
	font-size: 3.6rem;
	font-weight: 700;
	transition: all 0.3s ease-in-out;
}

.contact__phone:hover {
	color: #00C483;
}

.contact__email:hover {
	color: #00C483;
}

.contact__address {
	margin-top: 15px;
}

.contact__address h3 {
	color: #0850ff;
	font-size: 1.8rem;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.contact__address p {
	color: #021032;
	margin-bottom: 10px;
	margin-top: 0;
}

.contact__header--second {
	margin-bottom: 100px;
}

.contact__social {
	display: flex;
	margin-top: 30px;
}

.contact__social-fb {	
	margin-right: 20px;
}

.contact__social img {
	-webkit-filter:invert(1);
        filter:invert(1);
}

.contact__form {
	background-color: #021032;
	margin-top: 100px;
} 

.contact__form .wpforms-form {
	padding: 50px 50px 100px 50px;
}

.contact__form div.wpforms-container-full .wpforms-form button[type=submit] {
	float: right;
	color: #021032;
	padding: 15px 60px;
	background-color: #00ffa8;
	transition: all 0.3s ease-in-out;
	border: none;
	text-transform: uppercase;
}

.contact__form div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color: #00C483;
	border: none;
}

.contact__form div.wpforms-container-full .wpforms-form .wpforms-field-label {
	color: #fff;
	font-weight: 400;
}

.contact__form div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
	color: #fff;
	font-weight: 400;
}

.contact__form div.wpforms-container-full .wpforms-form input[type=text],
.contact__form div.wpforms-container-full .wpforms-form textarea,
.contact__form div.wpforms-container-full .wpforms-form input[type=email] {
	color: #fff;
	background-color: #021032;
	border: 1px solid #898f9f;
}

.contact__form div.wpforms-container-full {
	margin-bottom: 0;
}

/*REALIZATIONS*/

.realization__subtitle {
	margin-top: 0;
}

.realization__content {
	margin-bottom: 50px;
}

.realization__contact {
	background-color: #021032;
	margin-top: 50px;
	margin-bottom: 50px;
}

.realization__contact {
	padding: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.realization__contact h3 {
	color: #fff;
	margin: 0;
}

.realization__contact a {
	color: #00ffa8;
	font-size: 3.6rem;
	font-weight:  700;
	transition: all 0.3s ease-in-out;
}

.realization__contact a:hover {
	color: #00C483;
}


/*WIDEO POPUP*/



.trailer {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10000;
	background: rgba(0,0,0,0.95);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
}

.trailer video {
	position: relative;
	max-width: 900px;
	outline: none;
}

.trailer.active {
	visibility: visible;
	opacity: 1;
}

.close {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	filter: invert(1);
	max-width: 62px;
}

.not-found {
	padding-bottom: 50px;
}

/*SLIDER CONTROLS*/
.slider__controls {
	display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.arrow__left {
	transform: rotate(180deg);
}

.slider__controls-current {
	color: #00ffa8;
	font-size: 1.8rem;
	font-weight: 700;	
}

.slider__controls-all {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
}

.slider__controls-all::before {
	content:'/';
	padding: 5px;
}

.main__slider #slider_129 .owl-dots {
	display: none !important;
}




/*-------------MEDIA QUERIES-----------------*/



@media(max-width: 1400px) {
	.main__offer-check-us {
		padding: 20px 20px 30px 20px;
	}

	.main__offer-content {
		bottom: 0;
	}

	.offer__box-content h2 {
		padding-left: 25px;
	}

	.offer__box-text {
		padding-left: 25px;
	}

	.contact__phone {
		font-size: 2.8rem;
	}

	.contact__email {
		font-size: 2.5rem;
	}

	.main__slider-content h1 {
		padding-top: 50px;
		font-size: 7rem;
	}




}

@media(max-width: 1300px) {
	.main__offer-check-us {
		position: static;
	}

	.main__offer-content {
		position: static;
	}

	.main__offer {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.main__offer-check-us {
		padding: 0 0 20px 0;
	}

	.main__projects {
		margin-bottom: 50px;
	}

	.footer {
		padding: 50px 0;
	}

	.footer h2 {
		margin-bottom: 50px;
	}

	.realization__contact h3,
	.realization__contact a {
		font-size: 3rem;
	}


}

@media(max-width: 1199px) {
	.realization__contact h3,
	.realization__contact a {
		font-size: 2.2rem;
	}

	.main__slider .slider__bar {
		display: none;
	}


}

@media(max-width: 991px) {

 .container-fluid {
	padding:0;
 }

.main__slider-content {
 	height: auto;
 }

 .main__offer-check-us {
 	font-size: 4rem;
 	text-align: center; 	
 }

/*9.4rem on desktop */
 h1 { 
	font-size: 5rem;	
	}

/*6 rem on desktop */
h2,
.main__projects-sticker h3,
.contact__header {
	font-size: 4rem;	
}

.main__projects-sticker h3 {
	margin-bottom: 5px;
}

/*3.6 rem on desktop */
h3,
.offer__box-content h2 {
	font-size: 2.6rem;	
}

p {
	font-size: 1.6rem;	
}

 .main__offer img {
 	margin: 0 auto;
 }

 .main__projects-title {
 	text-align: center;
 }

 .main__projects-text .button__primary {
 	margin-left: auto;
 	margin-right: auto;
 }

 .main__projects-sticker {
 	padding: 20px;
 }

  .footer {
  	text-align: center;
  }

 .footer h2 {
 	margin-bottom: 30px;
 }

 .footer__contact {
 	padding-right: 0;
 	padding-bottom: 30px;
 }

 .footer__phone::before {
 	padding-right: 0;
 	content: '';
 }

 .footer__mail {
 	padding-left: 0;
 }

 .footer__menu {
 	text-align: center;
 }

 .footer__menu ul {
 	display: block;
 }

 .footer__menu li {
 	margin: 8px 20px;
 }

 .footer__social-icons,
 .header__social-icons {
 	justify-content: center;
 }

.hamburger {
        padding: 15px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity,filter;
        transition-duration: .15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        position: absolute;
        top: 0;
        right: 0;
        width: 73px;
    }

    .hamburger:hover {
        opacity: .7
    }

    .hamburger.is-active:hover {
        opacity: .7
    }

    .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after {
        background-color: #fff;
    }

    .hamburger-box {
       /* width: 40px;
        height: 24px;
        display: inline-block;
        position: relative*/
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px
    }

    .hamburger-inner,.hamburger-inner:before,.hamburger-inner:after {
        width: 40px;
        height: 4px;
        background-color: #fff;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }

    .hamburger-inner:before,.hamburger-inner:after {
        content: "";
        display: block
    }

    .hamburger-inner:before {
        top: -10px
    }

    .hamburger-inner:after {
        bottom: -10px
    }

    .main__aside-scroll {
    	display: none !important;
    }

    .site-branding {
    	padding-bottom: 0;
    }

    .site-branding img {
    	max-width: 80%;
    }

    .site .row .main__aside {
    	padding: 15px;
    }

    .main-navigation a {
    	margin-bottom: 10px;
    	padding: 5px;
    }

    .main-navigation ul {
    	padding-top: 30px;
    	text-align: center;
    }

    .main-navigation ul ul {
    	float: none;
    	position: static;
    	padding-top: 0;
    }

    .main-navigation ul ul a {
    	width: 100%;
    }

    .header__secondary {
    	padding: 30px 0;    	
    }

    .header__secondary h1 {
    	margin: 30px 0;
    }

    .subpage__content {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.contact__header--second {
		margin-bottom: 50px;
	}

	.contact {
		text-align: center;
	}

	.contact__form {
		margin-top: 50px;
	}

	.contact__social {
		justify-content: center;
	}

	.contact .contact__form {
		text-align: left;
	}	

	.main__slider-content h1 {
		margin-top: 0;
	}

	.main__slider-content p {
		margin:0;
		max-width: 100%;
	}

	.main__slider #slider_129_slide01 {
		background-position: right !important;
		text-align: center;
	}

	.main__slider #slider_129_slide02 {
		background-position: right !important;
		text-align: center;
	}

	.main__slider .button__primary {
		margin-left: auto;
		margin-right: auto;	
	}
    
    .trailer video {
    	max-width: 90%;
    } 


}

@media(max-width: 767px) {
	.offer__box-content {
		max-width: 360px;
    	margin: 0 auto;
	}

	.realization__contact {
		display: block;
		text-align: center;
		padding: 25px;
	}

	.realization__contact a {
		display: block;
	}

	.main__slider-content {
		background-color: rgba(0,0,0,0.60) !important;
	}

}	


@media(max-width: 575px) {
/*9.4rem on desktop */
 h1,
 .main__slider-content h1 { 
	font-size: 3.5rem;	
}

/*6 rem on desktop */
h2,
.main__projects-sticker h3,
.main__offer-check-us,
.contact__header {
	font-size: 2.8rem;	
}

/*3.6 rem on desktop */
h3,
.footer__phone,
.offer__box-content h2 {
	font-size: 2.2rem;	
}

.main__projects-sticker {
	padding: 10px;
}

 .footer__menu { 
 	padding: 30px 0;
 }

 .main__offer {
 	margin-top: 30px;
 	margin-bottom: 30px;
 }

 .contact__phone {
 	font-size: 3rem;
 } 

 .contact__email {
 	font-size: 2rem;
 }

 .contact__form div.wpforms-container-full .wpforms-form .wpforms-one-half {
 	margin-left: 0;
 	width: 100% !important;
 }

 .contact__form div.wpforms-container-full .wpforms-form button[type=submit] {
 	width: 100%;
 	max-width: 100%;
 }

 .main__slider-content {
 	padding: 30px 18px;
 }

 .main__slider-content h1 {
 	padding-top: 15px;
 }

}









@media(min-width: 992px) {
	body .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.main-navigation ul {
		flex-direction: column;
		list-style: disc ;	
		color: #0850ff;	
	}

	.main-navigation ul li >ul {
		list-style: none;
	}

	.main-navigation ul ul {
		position: static;
		float: none;
		padding-left: 15px;
	}

	.main__aside-menu {
		position: sticky;
		left: 0;
		top: 0;
	}
}


@media(min-width: 1400px) {
	.main__aside.col-xl-3 {
		max-width: 20%;
		-ms-flex: 0 0 20%;
    	flex: 0 0 20%;
	}

	.main__content.col-xl-9 {
		max-width: 80%;
		-ms-flex: 0 0 80%;
    	flex: 0 0 80%;
	}

	.realization__content {
		margin-bottom: 100px;
	}

	.realization__contact {		
		margin-top: 100px;
		margin-bottom: 100px;
	}


}

@media(min-width: 1700px) {
	.main__aside.col-xl-3 {
		max-width: 18%;
		-ms-flex: 0 0 18%;
    	flex: 0 0 18%;
	}

	.main__content.col-xl-9 {
		max-width: 82%;
		-ms-flex: 0 0 82%;
    	flex: 0 0 82%;
	}
}