body {font-family:"Predige-Regular", Helvetica, Arial, sans-serif; font-weight:400; line-height:1.55; font-size: 17px; margin:0; padding:0; color: #525252;}

.Predige-Black{font-family:Predige-Black;font-weight:normal;font-style:normal}
.Predige-Bold{font-family:Predige-Bold;font-weight:normal;font-style:normal}
.Predige-Hairline{font-family:Predige-Hairline;font-weight:normal;font-style:normal}
.Predige-Light{font-family:Predige-Light;font-weight:normal;font-style:normal}
.Predige-Medium{font-family:Predige-Medium;font-weight:normal;font-style:normal}
.Predige-Regular{font-family:Predige-Regular;font-weight:normal;font-style:normal}
.Predige-Thin{font-family:Predige-Thin;font-weight:normal;font-style:normal}

.menu-holder {background: #ff0000;}
.navbar-brand img {width: 200px;}
.nav-link {color: white !important; font-size: 22px;}
.nav-link:hover {color: #EAEAEA !important;}

.swiper-container{z-index: 100; width:100%; height: 100vh; margin-top: 0px; z-index: 100 !important; position: relative;}  
.swiper-container .parallax-bg {z-index: 100 !important; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.swiper-caption-left {right: 50px; bottom: 8vh; position: absolute;}
.swiper-caption-right {left: 50px; bottom: 8vh; position: absolute;}
.text1 {text-transform: uppercase; font-family:Predige-Regular;font-weight:normal;font-style:normal; color: #F9F9F9; font-size: 60px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59);}
.text2 {color: #F9F9F9; font-size: 35px; font-family:Predige-Light;font-weight:normal;font-style:normal; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59);}
.nazevProjektu {color: #D6D6D6; font-size: 28px; font-family:Predige-Light;font-weight:normal;font-style:normal; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59);}

.mtM2 {margin-top: -2px;}
h1 {font-size: 75px;}
h2 {font-size: 60px;}

.homeContentTop {background: #ECEDEE;}
.homeReference {background: #ECEDEE;}
.homeMarketing {background: #ECEDEE; background-image: url(/design/base/img/iMacBG.png-);  background-repeat: no-repeat; background-position: 0% 100%;}
.marketingIcons img {height: 140px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.marketingIcons div:hover img {animation-name: bounce; -moz-animation-name: bounce;}
.marketingIcons h3 {font-size: 25px;}

.referenceHomeItem {background-size: auto 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;display: block; overflow: hidden; position: relative; width: 100%;	background-position: center;} 
.referenceHomeItem:before {content: ""; display: block; padding-top: 75%; } 
.overlayBox {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background: rgba(0, 0, 0, .4);}
.overlayBox .overlayDown {color: white; font-size: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 50px; height: 50px; text-align: center; line-height: 45px; vertical-align: middle;}
.referenceHomeItem:hover .overlayBox {opacity: 1;}
.referenceHomeItem:hover {background-size: auto 120%;}

.kontaktBlok {background: #ff0000; color: white;}
.kontaktBlok h2 {font-size: 80px;}
.kontaktBlok a {color: white; text-decoration: none;}
.kontaktBlok .kontaktBlokItem {font-size: 30px;}
.kontaktBlok .kontaktBlokItem i {font-size: 45px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.kontaktBlok .kontaktBlokItem:hover i {animation-name: bounce; -moz-animation-name: bounce;}

.footerCopyright {background: #616161; color: white; font-size: 16px;}
.footerCopyright span {font-size: 22px;}
.footer {background: #6e6e6e; color: white;}
.footer a {text-decoration: none; color: white;}
.footer a:hover {color: #ff0000;}
.footer p {font-size: 22px;}
.footer .social-icons img {width: 40px; margin: 0 12px 0 12px; transition: transform .5s;}
.footer .social-icons img:hover {width: 40px; margin: 0 12px 0 12px; transform: scale(1.5);}
.footer .footerMenu a {margin: 0 14px 0 14px; font-size: 22px;}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px) {


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}