@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;
	/*min-height: 100vh;*/
	position: relative;
	


	
	
}
@font-face{
	font-family: 'RobotoR'; src: url("../fonts/Roboto-Regular.ttf");
}
@font-face{
	font-family: 'RoboroL'; src: url("../fonts/Roboto-Light.ttf");
}


/*loading animation*/
.loader-wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	
}
.loader-container{
	position: absolute;
	top: calc(100vh - 50vh - 77.5px);
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e6453e;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/*mian container*/

.moj-kontainer{
	min-height: calc(100vh - 77.5px);
	position: relative;
	overflow-x:hidden;
}


/*navbar*/
.navbar{
	background-color: #ffffff;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'RobotoR';
	display: none;
	/*border: 2px solid #000;*/
	
}
.nav-link{
	color: #fff;
	font-size: 30px;
}

.nav-item {
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
	outline: none !important;
	display: inline-block;
}




.navbar-nav{
	padding-right: 1%;
}
.nav-item-kontakt a{
	color: #000000;
	text-decoration: none;
	text-decoration-line: none;
	box-shadow: none;
	font-size: 20px;
	transition: all 0.3s ease 0s;
	border-bottom: 3px solid #FFFFFF;
}
.nav-item-kontakt i{
	font-size: 25px;
	padding-right: 5px;
	transition: all 0.3s ease 0s;
}
.nav-item-kontakt i:hover {
	color: #e6453e;
}
.nav-item-kontakt a:hover{
	
	border-bottom: 3px solid #e6453e;
	
	transition: all 0.3s ease 0s;
}


.navbar-nav a{
	
	
	transition: all 0.2s ease 0s;
	color: #000000;
	font-size: 25px;
	border-bottom: 3px solid #0000;
	

}

.navbar-nav a:hover, .navbar-nav a.active{

	border-bottom: 3px solid #e6453e;
	transition: all 0.3s ease 0s;
	
}
.navbar-brand{
	padding-left: 30px;
}
.navbar-brand img{
	width: 150px;
}
.navbar-toggler{
	
	outline: none !important;
	text-decoration: none !important;
}
@media screen and (max-width:1200px){
	.nav-item-kontakt {
		display: none;
	}
	.nav-item{
		padding-bottom: 10px;
	}
	.navbar-nav {
		width: 200px;
	}
	.navbar-collapse{
		box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.6);
	}
	.navbar-toggler{
		padding-top: 20px;
	}
}

@media screen and (max-width:768px) {
	.navbar-brand img{
		width: 100px;
	}
	.navbar-brand{
		padding-left: 10px;
	}
}



/*main img*/
.main-img-container{
	border-bottom: 2px solid #000000;
	position: relative;
	
}
.main-img2{
	/*width: 100%;
	height: 100%;
	background-image: url("../images/Weblogo1.png");

	background-position: center center;
	background-size: cover;*/
	position: absolute;
	
	
}
.main-img2 img{
	width: 100%;
	
	
}
.main-img{
	background-image: url("../images/tools.png");
	background-position: center center;
	background-size: cover;
	height: 60vh;
	width: 100%;
	filter: blur(4px);
}



/*sekcia co robim*/
#coRobim{
	background-color: #f2f2f2;
}

.nadpis-img img{
	width: 60%;
	position: relative;
	
	
}
.image-color{
	background-color: #e6453e;
	height: 100%;
	width: 58%;
	position: absolute;
	top: 5%;
	left: 5%;
	
}
.nadpis{
	padding-top: 50px;
	padding-bottom: 50px;
	font-family: 'RobotoR';
}

.nadpis h1{
	
	border-bottom: 4px solid #e6453e;
}
.nadpis-container{
	padding-bottom: 50px;
}
.nadpis-container p{
	font-size: 20px;
}
.nadpis-offset{
	display: none;
}

@media screen and (max-width:992px){
	.nadpis-offset{
		display: inherit;
	}
	.nadpis-container{
		text-align: center;
	}
	.nadpis-container p{
		font-size: 15px;
	}
	.nadpis h1{
		font-size: 25px;
	}
	.nadpis{
		padding-bottom: 20px;
	}
	.image-color{
		left: 24%;
		top: 6%;
	}
}
@media screen and (max-width:768px){
	.nadpis-offset{
		display: none;
	}
}
@media screen and (max-width:576px){
	.image-color{
		left: 26%;
		width: 56%;
	}
}
/*sluzby*/
#sluzby-img{
	background-color: #ffffff;
	height: 60vh;
}
.sluzby-carousel-img{
	
	background-size: cover;
	background-position: center center;
	height:60vh;
	width: 100%;
	display: block;
	
}
#sluzby-img-1{
	background-image: url("../images/sluzby-1.png");
}
#sluzby-img-2{
	background-image: url( "../images/sluzby-2.png");
}
#sluzby-img-3{
	background-image: url( "../images/sluzby-3.png");
}
#sluzby-img-4{
	background-image: url(  "../images/sluzby-4.png");
}
#sluzby-img-5{
	background-image: url(  "../images/sluzby-5.png");
}
#sluzby-img-6{
	background-image: url(  "../images/sluzby-6.png");
}
#sluzby-img-7{
	background-image: url(  "../images/sluzby-7.png");
}

.sluzby-carousel-img p{
	color: #FFFFFF;
	font-size: 20px;
	z-index: 5;
	text-align: center;
}
.sluzby-carousel-text{
	height: auto;
	width: 100%;
	background-color: #e6453e;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;

}
.sluzby-carousel-text p{
	font-size: 25px;
	padding-top: 5px;
}
.slick-carousel-sluzby{
	height: 50vh;
	
}
@media screen and (max-width: 992px){
	.sluzby-carousel-text p{
		font-size: 15px;
	}
	.sluzby-carousel-img{
		height: 50vh;
	}
}
/*sluzby karty*/
#sluzby-karty{
	padding-bottom: 40px;
}
.karty-row{
	height: 100%;
	
}
.karty-col{
	font-family: 'RobotoR';
	border: 3px solid  #e6453e;
	text-align: center;
	position: relative;
	height: 250px;
	margin: 15px;
}
	
.karty-color{
	background-color: #a4a4a4;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 104%;
	width: 107%;
	z-index: -1;
}
.karty-inner-row{
	height: 100%;
	
	
}
.karta-up{
	background-color: #FFFFFF;
	height: 40%;
	display: flex;
	justify-content: center;
	
}
.karta-down{
	background-color:  #e6453e;
	height: 60%;
	display: flex;
	justify-content: center;
}
	.karta-down2{
		background-color:  #FFFFFF;
		height: 100%;
		display: flex;
		justify-content: center;
	}
	.karta-down2 p{
		color: #000000;
		font-size: 20px;

	}
.karta-down p{
	color: #FFFFFF;
	font-size: 19px;
	
}
@media screen and (max-width: 992px) {
	.karta-down p{
		font-size: 14px;
	}
	.karta-down2 p{
		font-size: 14px;
	}
	.karty-col{
		height: 170px;
	}
}

/*kontakt*/
.kontakt-row{
	background-color: #e6453e;
	margin-top: 150px;
	padding-bottom: 50px;
	padding-top: 60px;
}
@media screen and (max-height:850px){
	.kontakt-row{
		margin-bottom: 150px;
	}
}
.kontakt-info{
	font-family: 'RobotoR';
	padding-bottom: 30px;

}
.kontakt-info i{
	float: left;
	color: white;
	font-size: 25px;
	padding-right: 15px;
	padding-top: 3px;
}
.kontakt-info p{
	color: white;
	font-size: 20px;
	font-weight: 700;

}
.kontakt-info a{
	font-size: 15px;
	color: #edecec;
	text-decoration: none;
	text-decoration-line: none;
}

@media screen and (max-width:1200px) {
	.kontakt-row{
		margin-top: 0;
		padding-bottom: 40px;
		padding-top: 50px;
	}
	.kontakt-info{
		text-align: center;
	}
	.kontakt-info i{
		float:inherit;
		
	}
	.kontakt-info-text{
		display: inline;
	}
	.kontakt-info-icons{
		display: inline-block;
	}
}
@media screen and (max-width:992px) {
	.kontakt-info i{
		font-size: 20px;
	}
	.kontakt-info p{
		font-size: 20px;
	}
	.kontakt-info a{
		font-size: 15px;
	}
}
/*kontakt form*/


.kontakt-form{
	width: 500px;
	font-family: 'RobotoR';
	border: solid 2px gray;
	background-color: white;
	box-shadow: 6px 6px 20px 3px rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 6%;
	left: 50%;
	z-index: 15 !important;
}
.kontakt-form-success{
	height: 60% !important;
	text-align: center;
	
}
.kontakt-form-fail{
	height: 60%;
	text-align: center !important;
}
.kontakt-form h1{
	font-size: 35px;
}
.form-control{
	background-color: white;
	border-bottom: 2.5px solid black;
	margin-top: 20px;
	border-radius: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.form-control:focus {
  border-color: #e6453e;
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
	box-shadow: none;
}
.kontakt-btn{
	padding-top: 30px;
	padding-bottom: 30px;
	outline: none !important;
}
.kontakt-mail-btn{
	border: solid 2.5px black;
	background-color: white;
	width: 100px;
	height: 50px;
	display: flex;
	justify-content: center;
	background: #FFFFFF;
	transition: all 0.4s;
	outline: none !important;
}

.kontakt-mail-btn:hover, .kontakt-mail-btn a  {
	transition: all 0.4s;
	border: solid 2.5px #e6453e;
	color: #e6453e;
}

.kontakt-btn button{
	text-align: center;
	line-height: 45px;
}
.kontakt-form-nadpis{
	padding-top: 50px;
	padding-bottom: 20px;
}
.kontakt-form textarea{
	resize: none;
}

@media screen and (max-width:1200px) {
	.kontakt-form{
		width: 500px;
		position: relative;
		transform: translateX(-45%);
		margin-top: 50px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width:992px) {
	.kontakt-mail-btn p{
		font-size: 15px;
	}
	.kontakt-form h1{
		font-size: 25px;
	}
	.form-control{
		font-size: 15px;
	}
}
@media screen and (max-width: 576px){
	.kontakt-form{
		width: 300px;
		transform: translateX(-45%);
	}
	
}

/*info*/
#info-kontakt{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #a4a4a4;
	font-family: 'RobotoR';
}
@media screen and (max-height:850px){
	#info-kontakt{
		position: relative;
	}
}
#info{
	
	background-color: #a4a4a4;
	font-family: 'RobotoR';
}
.info-img{
	width: 100%;
	height: 150px;
	text-align: center;
	border-right: 2px black solid;
	padding-top: 5px;
}
.info-img img {
	width: 200px;
}
.info-underImg-text{
	height: 100%;
	width: 100%;
	padding-top: 10px;
	line-height: 0.1;
}
.info-container{
	padding-top: 20px;
	padding-bottom: 20px;
}
.info-info a{
	text-decoration: none;
	outline: none;
	color: inherit;
	transition: all 0.3s;
}

.info-info p{
	font-size: 17px;
	line-height: 0.5;
}
@media screen and (max-width:1200px) {
	#info-kontakt{
		position: relative;
	}
	
}
@media screen and (max-width:992px) {
	.info-info p{
		font-size: 14px;
		line-height: 0.9;
	}
	.info-underImg-text p{
		font-size: 11px;
	}
	.info-img{
		padding-top: 10px;
	}
	.info-img img {
		width: 150px;
	}
}

@media screen and (max-width:768px) {
	.info-info p{
		font-size: 10px;

	}
	.info-underImg-text {
		font-size: 13px;
	}
	.info-img{
		padding-top: 20px;
	}
	.info-img img {
		width: 120px;
	}
	.info-underImg-text{
		line-height: 0.7;
	}
}