@charset "utf-8";
/* CSS Document */

html{
	-webkit-transform: scale(1);  /* Chrome, Safari 3.1+  */
	-moz-transform: scale(1);  /* Firefox 3.5-15 */
	-ms-transform: scale(1);   /* IE 9 */
	-o-transform: scale(1);    /* Opera 10.50-12.00 */
	transform: scale(1);
	margin: 0;
	padding: 0;
	
}

body{
	margin: 0;
	padding: 0;
	position: relative;

}
.main-container{
	overflow-x: hidden;
	height: 100%;
}

@media screen and (max-width:1200px){
	#sluzby:before, #vyhody:before, #uspechy:before {
	height: 50px;
    content: "";
    display:block;
	visibility: hidden;

	}
}
/*top kontakt*/

.contact-top{
	background-color: #525866;
	height: 50px;
}
.contact-top-text-border{
	border-left: 2px #9fa4aa solid;
	border-right: 2px #9fa4aa solid;
}

.contact-top-text p{
	color: #fff;
	padding-top: 10px;
	font-weight: 500;
}
.contact-top-text i{
	float: left;
	padding-top: 13px;
	color: #fff;
	font-size: 20px;
	margin-right: 5px;
}
@media screen and (max-width:1200px){
	.contact-top-text{
		text-align: center;
	}
	.contact-top-text i{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px){
	.contact-top-text-border{
		border-left:none;
		border-right: none;
	}
}

/*navbar*/
.navbar{
	background-color: #fff;
}
.navbar-brand{
	padding-left: 20%;
}
.navbar-brand img{
	max-height: 60px !important;
}
.navbar-nav{
	padding-right: 7%;
}
.nav-item{
	padding-right: 3%;
	padding-left: 4%;
}
.nav-item a{
	color: #7c7c7c;
	font-size: 20px;
	padding-top: 5px;

}
.nav-link{
	width: 130px;
	text-align: center;
	border-radius: 5px;
}
.navbar-nav a:hover, .active{
	background-color: #00c2ff;
	color: #fff !important;
	transition: all 0.3s ease;
}
@media screen and (max-width:1600px){
	.navbar-brand{
		padding-left: 5%;
	}
	.nav-item{
		padding-right: 0%;
		padding-left: 4%;
	}
}
@media screen and (max-width:500px){
	
	.navbar-brand{
		padding-left: 0% !important;
	}
	
}

@media screen and (max-width: 1200px) { /*mobile navbar*/

	.navbar-nav{
		text-align: center;
		justify-content: space-between;
		display: flex;
		flex-direction: row;
			
	}
	.navbar{
		border-bottom: 2px solid #d8d8d8;

	}
	.nav-item{
		padding-top: 3%;
	}
}
@media screen and (max-width:768px){
	.nav-link{
		width: 60px;

	}
	.nav-item a{
		font-size: 15px;
	}
	
	.navbar-nav{
		padding: 0;
	}
	.nav-item{
		padding-left: 0 !important;
	}
	
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
/*sekcia domov*/
#domov{
	height: 70%;
	width: 100%;

}
.your-class{
	height: 40vh;
	background-color: #f5f5f5;
}

	#home-slider-item1{
		background-image: url("grafika/foto slider 3.jpg");
		background-position: center center;
		background-size: cover;
		height: auto;
		max-width: 100%;
		position: absolute;
	}
	

.home-slider-item{
	height: 40vh;
	width: 100%;

}
.home-slider-row{
	height: 40vh;

}
.home-slider-row img{
	max-width: 70%;
}
.home-slider-col img{
	padding-right: 40px;
}
.home-slider-col h3{
	font-size: 50px;
	font-weight: 700;
	color: #525866;
	display: inline-block;
	margin-right: 10px;
}
.home-slider-col p{
	font-size: 20px;
	padding-top: 30px;
	max-width: 400px;
}

.home-slider-col h3{
	display: inline-block;
	font-size: 50px;
	font-weight: 600;
}
.home-slider-col p{
	font-size: 20px;
}
/*slick carousel custom*/
.slick-prev {
    left: 50px;
	z-index: 1;
}
.slick-prev:before{
	color: #525866;
	font-size: 30px;
}
.slick-next {
    right: 50px;
	z-index: 1;
}
.slick-next:before{
	color: #525866;
	font-size: 30px;
}
.slick-dots{
	bottom: 20px;
}

.slick-dots li button:before {
    color: #f5f5f5;

  }
.slick-dots li.slick-active button:before {
    color: #00c2ff !important;
}

@media screen and (max-width:768px){
	.slick-prev {
    left: 20px;
	}
	.slick-next{
		right: 20px;
	}
}

/*sluzby*/
#sluzby{
	height: 100%;
	width: auto;
	background-color: #f5f5f5;
	padding-bottom: 10%;
	padding-top: 5%;
	border-top: 2px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	display: block;
}

/*filter selector*/
.sekcia-sluzby-text h3{
	font-size: 35px;
}
@media screen and (max-width:768px){
	.sekcia-sluzby-text h3{
		font-size: 30px !important;
	}
	.sekcia-sluzby-text{
		text-align: center;
	}
}
.tlacidla{
	padding-top: 1%;
}
.content-img{
	width: 100%;
	max-height: 80%;
	padding-right: 3%;
	padding-top: 7%;
}
.content-img img{
	background-position: center center;
	background-size: cover;
	max-width: 100%;
	height: auto;
}
.content-text{
	padding-top: 5%;
}
@media screen and (max-width:992px){
	.content-text{
		text-align: center;
	}
	.viac{
		margin: 0 auto;
		width: 100%;
	}
	.tlacidla {
		border: 2px solid #d8d8d8;
		text-align: center;	
		font-size: 15px;
	}
	
}


.content{
	margin-top: 5%;
	display: flex;
}
.content h3{
	font-size: 30px;
}
.content p{
	color: gray;
	padding-top: 4%;
}
.viac{
	width: 70px;
	height: 30px;
	background-color: #525866;
	border-radius: 4px;
}
.viac p{
	color: #fff;
	text-align: center;
	font-weight: 500;
}
.viac p:hover{
	color: #00c2ff !important;
	transition: all 0.3s ease;
	
}
a:link{
  text-decoration: none!important;
}

.prvy{
	display: block;
}
.druhy{
	display: none;
}
.treti{
	display: none;
}
.stvrty{
	display: none;
}
.piaty{
	display: none;
}
.show {
  	display: block;
}

.BtnContainer{
	border-bottom: 1px solid #bcbcbc;
}
.btn{
	border-radius: 0;
	padding-right: 2%;
	padding-left: 2%;
	border-bottom: 3px solid #f5f5f5;
}
.btn:focus, .active2 {
	transition: 0.000001s;
  outline: none;
  box-shadow: none;
	color: #00c2ff;
	border-bottom: 3px solid #00c2ff;
}



/*uspechy*/
#uspechy{
	height: auto;
	width: 100%;
	background-color: #fafafa;
	padding-bottom: 7%;
}
.container-uspechy{
	padding-top: 3%;

}
.container-uspechy h3{
	font-size: 35px;
}
.container-uspechy p{
	font-size: 15px;
	color: gray;
}
@media screen and (max-width:768px){
	.container-uspechy{
		text-align: center;
	}
}
.container-uspechy2{
	padding-top: 2%;
}
.circle-container{
	padding: 3%;
	display: inline-block;
}
.circle-container p{
	font-size: 25px;
	font-weight: 600;
	color: #00c2ff;
	text-align: center;
	padding-top: 3%;
}
.container1{
	height: 150px;
	width: 150px;
	position: relative;
	display: inline-block;
}
/*sekcia vyhody*/
#vyhody{
	height: 100%;
	padding-top: 3%;
}
.container-vyhody{


}
.container-vyhody h3{
	font-size: 35px;
}
.container-vyhody p{
	font-size: 15px;
	color: gray;
	padding-top: 1%;
}
.container-vyhody3{
	padding-left: 2%;
	padding-bottom: 5%;
}
.container-vyhody2{
	padding-top: 15%;
}
.container-vyhody2 i{
	height: 100px;
	float: left;
	font-size: 30px;

}
.container-vyhody2 h4{
	padding-left: 15%;
}
.container-vyhody2 p{
	padding-left: 15%;
}

@media screen and (max-width:1200px){
	.container-vyhody3{
		padding-left: 5%;
	}
	.container-vyhody2 h4{
	padding-left: 25%;
	}
	.container-vyhody2 p{
	padding-left: 25%;
	}
}
@media screen and (max-width:768px){
	.container-vyhody2 h4{
	padding-left: 15%;
	}
	.container-vyhody2 p{
		padding-left: 15%;
	}
	.container-vyhody{
		text-align: center;
	}
}
.container-vyhody4{
	background-color: #00c2ff;
}
.container-vyhody5{
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
}
.vyhody-nubmers{
	color: #fff;
	font-size: 55px;
	font-weight: 300;
}
.vyhody-awards{
	color: #fff;
	font-weight: 700;
}

/*sekcia vyhody-second*/
#vyhody-second{
	padding-bottom: 5%;
}
.vyhody-carousel{
	padding-bottom: 3%;
	padding-top: 10%;
	display: block;
}
.vyhody-carousel-text1{
	font-size: 30px;
}
.vyhody-carousel-text2{
	padding-top: 5%;
	padding-bottom: 3%;
	text-align: center;
	color: gray;
	font-size: 20px;
}
.vyhody-carousel-text3{
	padding-top: 1%;
	font-size: 20px;
	font-weight: 600;
	color: #00c2ff;
}
.vyhody-carousel-text4{
	text-align: center;
}

/*sekcia kontakt*/
#kontakt{
	background-color: #434a5a;
	padding-bottom: 5%;
	padding-top: 5%;
}
.kontakt-container{
	text-align: center;
	padding-bottom: 5%;
}
.kontakt-container p{
	color: #fff;
	font-size: 45px;
}
.kontakt-container img{
	max-width: 90%;
	height: auto;
}

.kontakt-container-text{
	border-bottom: 2px solid #fff;
}
.kontakt-container-text p{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
.kontakt-container-text2{
	padding-top: 4%;
}
.kontakt-container-text3 i{
	color: #FFFFFF;
	float: left;
	padding-right: 1%;
	padding-top: 5px;
}
.kontakt-container-text3 p{
	color: #fff;
}
.kontakt-container-text4{
	padding-bottom: 8%;
}
.kontakt-container-text4 i{
	float: left;
	font-size: 40px;
	color: #fff;
	padding-right: 5%;
}
.kontakt-container-text4 p{
	color: #fff;
	padding-top: 1%;
}
.kontakt-container-text5{
	padding-top: 3%;
}
.kontakt-container-text5 i{
	float: left;
	color: #fff;
	font-size: 35px;
	padding-right: 5%;
}
.kontakt-container-text5 p{
	color: #fff;
}
#kontakt-mobile{
	padding-left: 2%;
}