/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


:root{
	--dark:#1c1c1c;
	--light:#fafafa;
	--accent:#0EB546;
	
	--heading-font:'Teko';
	font-size:16px;
}

body {
  scroll-behavior: smooth;
	overflow-x:hidden;
}

.cs-flex-center-row{
	display:flex;
	align-items:center;
}
.cs-body .cs-menu .menu-item a{
	border-bottom:2px solid transparent;
	transition:ease-in-out .2s;
}

.cs-body .cs-menu .menu-item a:hover{
	border-bottom:2px solid var(--accent);
	transition:ease-in-out .2s;
}

.cs-body .cs-menu .menu-item a.active{
	border-bottom:2px solid var(--accent); 
	color:var(--accent); 
}




.cs-main-button,
.cs-body  .cs-contact-form .et_contact_bottom_container button{
    position: relative;
    padding: 0.6em 3em !important;
    border-radius: 0;
    z-index: 2 !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}


.cs-body .cs-main-button.et_pb_button,
.cs-body  .cs-contact-form .et_contact_bottom_container button.et_pb_button{
	color:var(--accent);
	border:1px solid var(--accent) !important;
	background:transparent !important;
}

.cs-body  .cs-contact-form .et_pb_contact_field {
	padding-left:0 !important;
}

body .cs-main-button.dark.et_pb_button,
.cs-body  .cs-contact-form .et_contact_bottom_container button.dark.et_pb_button{
	color:var(--dark);
	border:1px solid var(--dark) !important;
	background:transparent;
	margin:0 !important;
}


.cs-main-button::before,
.cs-body  .cs-contact-form .et_contact_bottom_container button::before{
	content:'' !important;
	display:flex;
	width:100%;
	height:100%;
	top:0;
	left:0;
	max-width:0;
	opacity:1 !important;
	margin:0 !important;
	padding:0 !important;
	z-index:-1 !important;
	transition:ease-in-out .2s;
	background:var(--accent);
}

.cs-main-button::after,
.cs-body  .cs-contact-form .et_contact_bottom_container button::after{
	content:'\24' !important;
	font-size:18px;
	top: 50%;
    transform: translateY(-50%);
}

.cs-main-button:hover::after,
.cs-body  .cs-contact-form .et_contact_bottom_container button::hover:after{
	margin-left:.5em;
}



.cs-main-button.dark::before,
.cs-body  .cs-contact-form .et_contact_bottom_container button.dark::before{
	background:var(--dark);
}



body .et_pb_bg_layout_light.et_pb_button.cs-main-button:hover,
.cs-body  .cs-contact-form .et_contact_bottom_container button:hover{
    color:var(--light) !important;
    cursor:pointer;
	padding:.6em 3em !important;
    background-color:transparent;
}

body .et_pb_bg_layout_light.et_pb_button.cs-main-button.dark:hover{
    color:var(--light) !important;
    cursor:pointer;
	padding:.5em 2.5em !important;
    background-color:transparent;
}

.cs-main-button:hover::before,
.cs-body  .cs-contact-form .et_contact_bottom_container button:hover::before{
	max-width:100%;
	transition:ease-in-out .2s;
}

/*----------------------------------------------------------------------------------*/

.cs-body  .cs-hero .et_pb_column:nth-of-type(1){
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.cs-body .cs-hero-slider{
	--logo-height:60px;
	position:absolute;
	bottom:0;
	width:80%;
}
.cs-body .cs-hero-slider .swiper-container{
	height:var(--logo-height) !important;
}
.cs-body .cs-hero-slider .dipl_logo_slider_item {
	padding:0 1.5rem 0 0 !important;
}
.cs-body .cs-hero-slider img{
	width:auto !important;
	height:var(--logo-height) !important;
	object-fit:contain;
} 

.cs-body .cs-stroke-text{
   color: var(--dark);
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--dark);
}

.cs-body  .cs-stroke-text.dark{
   color: var(--light);
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--light);
}

.cs-body .cs-video .et_pb_video_overlay{
	filter:saturate(.5);
	transition: ease-in-out .2s;
}

.cs-body .cs-video:hover .et_pb_video_overlay,
.cs-body .cs-video:hover .et_pb_video_overlay .et_pb_video_play{
	filter:saturate(1);
	transition: ease-in-out .2s;
}

.cs-body .cs-video .et_pb_video_overlay .et_pb_video_play{
		filter:saturate(2);
	transition: ease-in-out .2s;
}
.cs-body .cs-timeline  .dipl_item_icon{
	color:var(--light) !important;
}

.cs-body .cs-timeline .dipl_icon_fill,
.cs-body .cs-timeline  .dipl_item_icon{
	background:transparent;
}
.cs-body .cs-timeline  .dipl_item_icon.dipl_icon_fill{
	color:var(--accent) !important;
}

.cs-body .cs-timeline .dipl_item_desc .timeline-content-title{
	font-weight:800 !important;
	font-size:16px !important;
	text-transform:italic;
}


.cs-body  .cs-contact-form input,
.cs-body  .cs-contact-form textarea{
	border: 1px solid var(--light);
}


.cs-body  .cs-contact-form input:focus,
.cs-body  .cs-contact-form textarea:focus{
	border-left: 3px solid var(--accent) !important;
}

.cs-body  .cs-contact-form .et_contact_bottom_container {
	float:left
}


.cs-list-blurb{
	margin-bottom:8px !important;
}

.cs-list-blurb .et_pb_blurb_content{
	display:flex;
}
.cs-list-blurb .et_pb_blurb_container{
	display:flex;
	padding:0;
	align-items:center;
}
.cs-list-blurb .et_pb_blurb_content .et_pb_module_header{
	display:none;
}
.cs-list-blurb  .et_pb_main_blurb_image{
	margin-bottom:0;
	display:flex;
	align-items:center;
}
.cs-list-blurb  .et_pb_main_blurb_image .et-waypoint{
	opacity:1 !important;
}
.cs-list-blurb .et_pb_blurb_content .et_pb_blurb_description{
	color:var(--light);
	margin-left:8px !important;
}

.cs-body .cs-social .icon{
	margin:0 !important; 
	padding:0 !important;
	background:transparent !important;
	border:2px solid var(--accent);
	width: 32px; 
	height:32px;
}
.cs-body .cs-social .icon::before{
	background:transparent;
	color:var(--accent);
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px !important;
	
}
.cs-body .cs-social .et_pb_social_network_link{
	margin-right:8px !important;
}

.cs-body .cs-social .et_pb_social_network_link::after{
	content:'' !important;
	position:absolute;
	display:flex;
	width:100%;
	height:100%;
	top:0;
	left:0;
	max-width:0;
	opacity:1 !important;
	margin:0 !important;
	padding:0 !important;
	z-index:-1 !important;
	transition:ease-in-out .2s;
	background:var(--accent);
}
.cs-body .cs-social .et_pb_social_network_link:hover .icon::before{
	    color:var(--light) !important;
		z-index:20;
}

.cs-body .cs-social .et_pb_social_network_link:hover::after{
	max-width:100%;
	transition:ease-in-out .2s;
}

.cs-body .cs-intro-screen {
	position:fixed;
	z-index:300;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--dark);
	flex-direction:column;
	transform:scalex(1);
}
.cs-body .cs-intro-screen p{
	position:relative;
	font-size:80px; 
	font-family:var(--heading-font);
	color:var(--light);
    margin:0;
	padding:0;
	text-transform:uppercase;
	line-height:1em;
	text-align:center;
	margin:0 auto;
}

.cs-body .cs-intro-screen p:before{
	content:'';
	width:100%;
	height:100%;
	background:var(--dark);
	display:Flex;
	position:absolute;
	right:0;
	max-width:100%;
}
.cs-body .cs-intro-screen.start p:before{
	max-width:0;
	transition:ease-in-out 2s;
}

.cs-body .cs-intro-screen div{
	padding-top:2em;
	display:flex;
}

.cs-body .cs-intro-screen span{
	color:var(--accent);
	margin-right:1em;
	opacity:0;
	position:relative;
	top:12px;
	font-family:var(--heading-font);
	font-size:18px; 
	text-transform: uppercase;
}

.cs-body .cs-intro-screen.start span{
	opacity:1;
	position:relative;
	top:0;
}
.cs-body .cs-intro-screen.start span:nth-of-type(1){
	transition:ease-in-out .2s 2.2s;
}
.cs-body .cs-intro-screen.start span:nth-of-type(2){

	transition:ease-in-out .2s 2.4s;
}
.cs-body .cs-intro-screen.start span:nth-of-type(3){

	transition:ease-in-out .2s 2.6s;
}

.cs-body .cs-intro-screen.start.hide p:before{
	max-width:100vw;
	transition:ease-in-out .2s;
}



.cs-body .cs-intro-screen.start.hide span:nth-of-type(1){
	opacity:0;
	top:12px;
	transition:ease-in-out .2s .2s;
}
.cs-body .cs-intro-screen.start.hide span:nth-of-type(2){
	opacity:0;
	top:12px;
	transition:ease-in-out .2s .4s;
}
.cs-body .cs-intro-screen.start.hide span:nth-of-type(3){
	opacity:0;
	top:12px;
	transition:ease-in-out .2s .6s;
}

.cs-body .cs-intro-screen.start.hide {
	transform-origin:center;
	transform:scalex(0);
	transition:ease-in-out .2s 1s;
}

.cs-body.et_pb_contact_reset, .cs-body .et_pb_contact_submit{
	margin:0 !important;
}
.cs-body form{
	margin-left:0 !Important;
}

@media screen and (max-width: 786px) {
.cs-body .cs-intro-screen p{
	font-size:64px; 
}
.cs-body .cs-video {
	width:100%;
	aspect-ratio:16/9;
}
.cs-flex-center-row{
	flex-direction:column;
}
	.cs-body .cs-timeline .dipl_item_content_inner{
		padding-right:0 !important;
	}
.cs-body.et_pb_contact_reset, .cs-body .et_pb_contact_submit{
	margin-top:1.5em !important;
}
	.cs-body form{
		margin-left:0 !Important;
	}
}