/*
Theme Name: SYNERGIA Okna
Theme URI: 
Author: 
Author URI:
Description: 
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: synergia
Tags: 
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body{
	font-family: 'Montserrat', sans-serif !important;

}
 #colorlib-main-menu ul li{
	
	min-width: 100%;
	border-bottom: 1px solid lightgrey;
/* 	font-weight:600;
	text-transform: uppercase; */
	padding:7px
}
.containerOne, .containerTwo, .containerThree {
  position: relative;
  width: 100%;
	margin-bottom: 10px
}

.containerTwo img {
  display: block;
  width: 100%;
  height: auto;
}

.overlayTwo {
  position: absolute; 
  bottom: 0; 
  background-color: rgba(2, 48, 71, .6);
  width: 100%;
  transition: .6s ease;
  opacity:0;
  padding-bottom: 245px;
}


.containerTwo:hover .overlayTwo{
  opacity:1;
}
.text {
  color: white;
  font-size: 17px;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.read {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  border: 3px solid white;
  padding:10px;
  transition: .3s;
  font-weight: bold;
}

.read:hover {
  color: #023047;
  background-color: white;
  cursor: pointer;
}

.read:hover .arrow-right {
  border: solid #023047;
  border-width: 0 3px 3px 0;
}

.arrow-right {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  transition: .3s;
}
.oferta-box{
	padding: 10px !important;
}
.oferta-box-bg{
	background-color: black; min-height: 130px; padding-top: 8%; padding-left: 10px; padding-right: 10px; text-align: center
}
.work{
	position: absolute; bottom: 0; background-color: black; height: 6em;
  text-align: center;
  justify-content: center ; z-index: 9; font-size: 15px; width: 78%; position: fixed;  background-color: black; 
}
.work-text{
	 color: white; font-size: 15px
}
.kontener{
	z-index: 99; height: 100% !important;background-color: white 
}
.kontener-row{
	min-height: 100%; padding: 30px; margin-bottom: 80px; width: 75%
}
.oferta-box-bg a{color: white}
#slider-desk{
		display: flex !important;
		
	}
	#slider-mob{
		display: none !important;
		
	}
.kontener-row h1{
		text-align: center; margin-top: 250px
	}
@media(max-width: 900px){
/* 	body{
		background-color: black
	} */
	.kontener{height: 100%; padding: 5%}
	.oferta{
		margin-bottom:180px
	}
	.work{width: 100%; height: auto }
	.kontener-row{width: 100%; min-height: 0px;  padding: 0px; margin-bottom: 70px;}
	.work-text{ font-size: 11px;}
	.kontener-row h1{
		text-align: center; margin-top: 0px; padding: 20% 5%; font-size: 40px
	}
	#menu_desk{
		display: none !important;
		
	}
	#mobile{
		display: block !important
	}
	#mobile2{
		display: block !important;
		padding-left: 50px;
		padding-bottom: 50px;
		margin-top: -50px;
		margin-bottom: 100px
	}
	#slider-desk{
		display: none !important;
		
	}
	#slider-mob{
		display: flex !important;
		
	}
}
@media(min-width: 901px){
	#menu_desk{
		display: block !important
	}
	#mobile{
		display: none !important
	}
	#mobile2{
		display: none !important
	}
	.work{width: 78%; }
	.kontener-row{width: 75%;}
	#slider-desk{
		display: flex !important;
		
	}
	#slider-mob{
		display: none !important;
		
	}
	.kontener-row h1{
		text-align: center; margin-top: 250px
	}
}