/* GENERAL */
.elementor-button{
	padding: 8px 24px;
	min-width: 180px !important;
}
.wpcf7-not-valid-tip {
	font-size: 12px;
}

.wpcf7-response-output {
    color: #fff;
    font-size: 12px;
}

/* Kto sme Section */
#kto-sme .star:after,
#technologie-bim .start:after {
	background-image: url('https://bimklima.sk/wp-content/uploads/2020/09/Layer-11.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 350px;
	height: 350px;
	content: "";
	position: absolute;
	top: -70px;
  left: -120px;
}

/* Front Picture Section */
#front-picture:after{
	content: url('https://bimklima.sk/wp-content/uploads/2020/09/Layer-10.png');
	display: block;
	position: absolute;
	bottom: -15px;
	right: 0;
}

#front-picture .star:before {
	background-image: url('https://bimklima.sk/wp-content/uploads/2020/09/vlocka.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 160px;
	height: 160px;
	content: "";
	position: absolute;
	top: -50px;
  left: -70px;
}

/* Projektovanie Section */
#projektovanie:after {
  content: '';
  position: absolute;
	left: 50%;
	top: -2px;
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 16px solid #ADE5ED;
	clear: both;
}

/* Kontakt Section */
#kontakt-triangle img{
	width: 100%;
}

#kontakt input,
#kontakt textarea{
	padding: 12px 20px;
	margin-bottom: 14px;
	border: none;
  font-weight: 300;
	font-size: 13px;
	color: #b4b4b4;
	background-color: #464646;
}

#kontakt input:focus,
#kontakt textarea:focus{
	outline: none;
}

#kontakt textarea{
	resize: none;
}

#kontakt input[type=submit]{
	width: auto;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 6px 30px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	background-color: #008fd3;
  border: 1px solid #008fd3;
	transition: 0.4s;
}

#kontakt input[type="submit"]:hover{
	box-shadow: none;
	background-color: #008fd3;
	border: 1px solid #008fd3;
}

#kontakt .left-side{
	padding-right: 7px;
}

#kontakt .right-side{
	padding-left: 7px;
}

#kontakt .submit-container{
	display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}

#kontakt .submit-container .ajax-loader{
	visibility: hidden !important;
	position: absolute;
}

/* Header */
#site-navigation {
	background-color: #303030 !important;
	border-bottom: 5px solid #008fd3;
}

#site-navigation .menu-item a{
	color: #cbcbcb;
	font-size: 13px;
  letter-spacing: 1px;
}

/* oznacenie aktivnych linkov */
#site-navigation #menu-header a:after{
	opacity: 0;
}

#site-navigation #menu-header li.active a{
	background-color: transparent;
}

#site-navigation #menu-header a:after,
#site-navigation #menu-header li.active a:after{
	display: block;
	content: "";
	height: 3px;
	width: 35px;
	background-color: #ade5ed;
	transition: 0.5s all ease;
	position: absolute;
	top: 15px;
}

#site-navigation #menu-header > li > a:hover:after,
#site-navigation #menu-header > li.active > a:after{
	opacity: 1;	
}

/* Footer */
footer {
	background-color: #303030 !important;
}

footer a,
footer a:hover,
footer p{
	color: #858585 !important;
}

footer p{
	font-size: 14px;
}

		
/* Enter Your Custom CSS Here */		
::selection {		
	background: #008fd3;		
	color: #fff; 							/* WebKit/Blink Browsers */		
}		
::-moz-selection {		
	background: #008fd3; 			/* Gecko Browsers */		
	color: #fff;		
}		
		
/*HIDE reCaptcha*/		
.grecaptcha-badge {		
	visibility: hidden !important;		
}		

/*MEDIA QUERIES*/		
@media (min-width: 1900px){
	#front-picture .picture img{
		max-width: 130%;
		margin-bottom: -60px;
	}	
}

@media (max-width: 1899px){
	#front-picture .picture img{
    max-width: 140%;
    margin-left: -14%;
    margin-bottom: -22%;
	}
	
	#front-picture:after{
		right: -60px;
	}
}

@media (max-width: 1600px){
	#front-picture .picture img{
	  max-width: 120%;
    margin-bottom: -10%;
	}
}

@media (max-width: 1400px){
	#front-picture:after{
		right: -160px;
	}
	
	#front-picture .picture img{
		margin-bottom: -10%;
	}
}

@media (max-width: 1200px) {
	#front-picture:after{
		right: -360px;
	}
	
	#front-picture .picture img{
		margin-bottom: -16%;
	}
}		

@media (min-width: 1025px) and (max-width: 1100px) {
	.elementor-2 .elementor-element.elementor-element-3ea0a64 > .elementor-element-populated{
		margin-top: 30%;
    margin-bottom: 10%;
	}
	
	#technologie-bim .elementor-element.elementor-element-b998c82 > .elementor-element-populated{
		margin: 34% 0% 5% 5%;
	}
}	

@media (max-width: 1024px){
	#kontakt .left-side,
	#kontakt .right-side{
		padding: 0 15px;
	}
	
	#site-navigation #menu-header .menu-item {
		padding: 5px 16px !important;
	}
	
	#site-navigation #menu-header .menu-item a{
		font-size: 18px;
		color: #303030;
	}
	
	#site-navigation #menu-header a:after, #site-navigation #menu-header li.active a:after{
		top: 36px;
		background-color: #008fd3;
	}
	
	#site-navigation .site-branding-logo a{
		z-index: 5;
	}
	
	.openNav .menu-container{
		z-index: 10;
		/* border-right: 5px solid #008fd3; */
		max-height: auto !important;
	}
	
	#front-picture .picture img{
		max-width: 150%;
		margin-bottom: -32%;
		margin-top: 20%;
		margin-left: -32%;
	}
	
	#front-picture:after{
		right: -420px;
	}
	
	#kto-sme .star:after,
	#technologie-bim .start:after {
		top: -50px;
    left: -70px;
	}
	
	#front-picture .star:before{
		top: -70px;
    left: 30px;
	}
}
		
/*		
##Device = Low Resolution Tablets, Mobiles (Landscape)		
##Screen = B/w 481px to 767px		
*/			
@media (max-width: 767px) {	
	#kontakt .submit-container{
		justify-content: center;
	}
	
	.menu-container {
      width: 75%;
   }
	
	.openNav .page-area {
      transform: translate3d(75%, 0, 0);
   }
	
	#projektovanie .elementor-button,
	#front-picture .elementor-button{
		width: 220px;
	}

	#projektovanie .list ul li{
		text-align: center;
	}
	
	#technologie-bim .list ul li{
		justify-content: center;
		text-align: center;
	}
	
	#front-picture .picture img{
		margin: 0;
		max-width: 100%;
	}
	
	#kto-sme .star:after,
	#technologie-bim .start:after {
		top: -50px;
    left: 0;
	}
	
	#front-picture .star:before {
		top: -70px;
    left: 0;
	}
}		

/*MEDIA QUERIES - END*/		
		
/*		
*		
*		
* NO WRITE UNDER		
*		
*		
* /