/* ALL */
.clear { clear:both;}
a, a:hover { cursor: pointer; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
BODY { background:#fff;}
HTML, BODY { display:block; width:100%; margin:0px;}
BODY {
	padding-top: 126px;
}
@font-face {
	font-family: 'revicons';
	src:url('../fonts/revicons.eot');
	src:url('../fonts/revicons.eot') format('embedded-opentype'),
		url('../fonts/revicons.woff') format('woff'),
		url('../fonts/revicons.ttf') format('truetype'),
		url('../fonts/revicons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* MAIN */
A, BUTTON {
	color: #284695;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    outline: none !important;
    cursor: pointer;
}

H1 { display:block; margin:0px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:28px; line-height:34px; text-transform:none; text-align:center; padding-top: 0px; padding-bottom: 25px; }
H1 STRONG { font-weight: normal; color: #ffd100; }
H1.perex { display:block; margin:0px 0px 20px 0px; color:#999; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:18px; text-transform:uppercase; text-align:left;}
H2 { display:block; margin:0px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:22px; line-height:24px; text-transform:none; text-align:left; padding-top: 0px; padding-bottom: 25px;}
H2.perex { display:block; margin:4px 0px 0px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:18px; text-transform:none; text-align:center;}
H3 { display:block; margin:0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:24px; letter-spacing:1.5px; text-align:center;}
P { margin:20px 0px 20px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:24px; text-align:left;}

HEADER .topmenu .social LI {
	display: inline-block;
	list-style-type: none;
}

HEADER .topmenu .social LI A {
	font-size: 17px;
}

.logo.desktop {
    display: inline-block !important;
    width: auto !important;
	height: 50px;
	text-decoration: none !important;
	margin-top: 15px;
}

.logo.mobile {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
	background: #284695;
}

.logo.mobile IMG {
	display: inline-block;
}

.logo IMG {
	display: block;
    width: auto !important;
	height: 100%;
}

.logo P {
	font-size: 32px;
	line-height: 27px;
	color: #010101;
	border: 1px solid #010101;
	padding: 5px 15px;
	margin: 0px;
}

.logo P SPAN {
	font-size: 22px;
}

.team-section {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #ffd100;
}

.team-section H2 {
	text-align: center;
	padding-bottom: 50px;
}

.team-box H3 {
    font-family: 'Exo', sans-serif;
    font-size: 17px;
    line-height: 24px;
	font-weight: normal;
	color: #284695;
	padding-bottom: 10px;
}

.team-section P {
	text-align: center;
}

.team-section UL {
	text-align: center;
	list-style-type: disc;
	padding: 0px;
	margin: 0px;
}

.team-section UL LI {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.team-section .team-box {
	text-align: center;
}

.slide-box IMG {
	display: block;
	width: 100%;
}

.btn {
	color: #fff;
	text-shadow: none;
	box-shadow: none;
	padding: 10px 30px;
	background: #284695;
	border: 1px solid #284695;
	border-radius: 0px;
}

.btn:hover {
	color: #284695;
	background: transparent;
	bordeR: 1px solid #284695;
}

@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
.hvr-ripple-out {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
.hvr-ripple-out:before {content: '';position: absolute;border: #e1e1e1 solid 1px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.hvr-outline-in {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
.hvr-outline-in:before {pointer-events: none;content: '';position: absolute;border: #e1e1e1 solid 2px;top: -16px;right: -16px;bottom: -16px;left: -16px;opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: top, right, bottom, left;transition-property: top, right, bottom, left;}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {top: -6px;right: -6px;bottom: -6px;left: -6px;opacity: 1;}
.hvr-underline-from-center {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;}
.hvr-underline-from-center:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #d3031c;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0;right: 0;}
@-webkit-keyframes hvr-pop {50% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes hvr-pop {50% {-webkit-transform: scale(1.02);transform: scale(1.02);}}
.hvr-pop {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {-webkit-animation-name: hvr-pop;animation-name: hvr-pop;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.hvr-grow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {-webkit-transform: scale(1.1);transform: scale(1.1);}
.hvr-grow-rotate {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {-webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}

/* BANNER */
.slider-container { display:block; margin:0px 0px; overflow:hidden;}
/* ABOUT */
.about { position:relative; margin:0px; padding:80px 0px; background:#f3f2ed; text-align:center;}
.about H2 {
	text-align: center;
}
.about .arr { display:inline-block; margin:40px 0px 0px 0px; vertical-align:top;}
.about .arr I { margin:0px; font-size:20px; line-height:126px; color:#999;}
.about .ico { display:inline-block; margin:40px 30px 50px 30px; text-align:center; vertical-align:top;     -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.about .ico .circle { display:block; width:126px; height:126px; margin:0px 0px 15px 0px; background:#ffd100; color:#fff; border-radius:100%;     -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.about .ico .circle:hover { background:#284695;}
.about .ico .circle I { display:block; font-size:44px; line-height:126px; text-align:center;}
.about2 { position:relative; margin:0px; padding:80px 0px; background:#fff; text-align:center;}
.about2 .info-left { display:block; margin:0px 0px 0px 0px; text-align:right;}
.about2 .info-left .ico { display:inline-block; float:right; width:86px; height:86px; margin:0px 0px 15px 15px; background:#ffd100; color:#284695; border-radius:4px; text-align:center; vertical-align:top;}
.about2 .info-left .ico I { font-size:40px; line-height:86px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.about2 .info-left:hover .ico I { font-size:60px; line-height:86px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.about2 .info-left H3 { display:inline-block; margin:0px 0px 0px 0px; text-align:right; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:18px; line-height:24px; vertical-align:top;}
.about2 .info-left P { width:80%; margin:5px 0px 0px 20%; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:18px; text-align:right;}
.about2 .info-right { display:block; margin:0px 0px 0px 0px; text-align:left;}
.about2 .info-right .ico { display:inline-block; float:left; width:86px; height:86px; margin:0px 15px 15px 0px; background:#ffd100; color:#284695; border-radius:4px; text-align:center; vertical-align:top;}
.about2 .info-right .ico I { font-size:40px; line-height:86px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.about2 .info-right:hover .ico I { font-size:60px; line-height:86px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.about2 .info-right H3 { display:inline-block; margin:0px 0px 0px 0px; text-align:left; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:18px; line-height:24px; vertical-align:top;}
.about2 .info-right P { width:80%; margin:5px 20% 0px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:18px;}
/* REFERENCIE */
.referencie { display:block; margin:0px; padding:80px 0px; background: url(../images/referencie-back.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center;}
.referencie H2 { color:#fff;}
.referencie H2.perex { color:#fff;}
.referencie .bunka { position:relative; display:inline-block; width:100%; margin:40px 8px 0px 8px; padding:0px; background:#fff; vertical-align:top;}
.referencie .bunka .images { position: relative; display:block; width:100%; height:225px; overflow:hidden;}
.referencie .bunka .images IMG { position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear; }
.referencie .bunka H3 { margin:20px 20px 5px 20px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:16px; line-height:20px; text-align:left; letter-spacing:0.2px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.referencie .bunka P { margin:0px 20px 20px 20px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; line-height:18px; text-align:left;}
.referencie .bunka A { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.referencie .bunka:hover .images IMG { transform: scale(1.15); }
.referencie .bunka:hover H3 { color:#ffd100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
/* PRODUKTY */
.produkty { display:block; margin:0px; padding: 0px; background:#f3f2ed; text-align:center;}
.produkty .bunka { position:relative; display:inline-block; width:100%; margin: 0px 0px 70px 0px; padding:0px 0px 20px 0px; background:#fff; vertical-align:top;}
.produkty .bunka .ico { position:absolute; top:-30px; left:50%; width:100px; height:100px; margin:0px 0px 0px -50px; background:#284695; border-radius:100%; z-index:99;}
.produkty .bunka .ico IMG {    position: absolute;
    display: block;
    width: 70px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;}
.produkty .col-md-3 .bunka .ico { position:absolute; top:-30px; left:50%; width:70px; height:70px; margin:0px 0px 0px -35px; background:#284695; border-radius:100%; z-index:99;}
.produkty .col-md-3 .bunka .ico IMG {    position: absolute;
    display: block;
    width: 50px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;}
.produkty .bunka .images { position: relative; display:block; width:100%; height:225px; overflow:hidden;}
.produkty .bunka .images IMG {position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.produkty .bunka:hover .images IMG {
	transform: scale(1.15);
}
.produkty H2 {
	font-weight: normal;
	padding-top: 35px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid #284695;
}
.produkty HR {
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	margin-bottom: 50px;
	background: #284695;
	border: none;
}
.produkty .bunka H3 { margin:20px 20px 5px 20px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:16px; line-height:20px; text-align:left; letter-spacing:0.2px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.produkty .bunka H3 SPAN { display:block; margin:0px 0px 0px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; line-height:18px; text-align:left;}
.produkty .bunka A { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.produkty .bunka:hover H3 { color:#ffd100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
/* BLOG DETAIL */
.produkty-detail { display:block; margin:0px; padding: 50px 0px; background:#f3f2ed; text-align:center;}
.produkty-detail .produkty-text { display:inline-block; margin:0px; padding:40px 30px; background:#fff; text-align:left;}
.produkty-detail .produkty-text .lineodd { display:block; width:100%; height:1px; background:#ccc; margin:30px 0px;}
.produkty-detail .produkty-text IMG { width:100%;}
.produkty-detail .produkty-text .main-image { display:block; height:300px; margin:0px 0px 20px 0px; overflow:hidden;}
.produkty-detail .produkty-text H1 { margin:0px 0px 20px 0px; text-align:left;}
.produkty-detail .produkty-text H2 { margin:0px 0px 10px 0px; text-align:left;}
.produkty-detail .produkty-text H3 {    font-size: 24px;
    line-height: 24px;
    margin: 0px 0px 20px 0px;
    color: #284695;
    text-align: left;}
.produkty-detail .produkty-text P { margin:0px 0px 10px 0px;     font-size: 16px;
    line-height: 30px;}
.produkty-detail .produkty-text .col-md-6 H2, .produkty-detail .produkty-text .col-md-4 H2 { margin:10px 0px 10px 0px;}
.produkty-detail .produkty-text .col-md-6 P, .produkty-detail .produkty-text .col-md-4 P { text-align:justify;}
.produkty-detail .produkty-text UL { margin:0px 0px 10px 0px; padding:0px; list-style:none; text-align:left;}
.produkty-detail .produkty-text UL LI { position:relative; display:block; padding:0px 0px 10px 15px; color:#666; font-weight:700; font-family: 'Exo', sans-serif; font-size:14px; line-height:20px; text-align:left;}
.produkty-detail .produkty-text UL LI:before { content:""; position:absolute; top:7px; left:0px; width:6px; height:6px; background:#ffd100;}
/* REFERENCIE */
.referencie-page { display:block; padding: 0px; padding-bottom: 50px; margin: 0px; background:#f3f2ed; text-align:center;}
.referencie-page .bunka { position:relative; display:inline-block; width:100%; margin:0px 0px 30px 0px; padding:0px 0px 20px 0px; background:#fff; vertical-align:top;}
.referencie-page .bunka .ico { position:absolute; top:-30px; left:50%; width:100px; height:100px; margin:0px 0px 0px -50px; background:#284695; border-radius:100%; z-index:99;}
.referencie-page .bunka .ico IMG { display:block; width:70px; margin:15px auto 0px auto;}
.referencie-page .bunka .images { display:block; width:100%; height:300px; overflow:hidden;}
.referencie-page .bunka .images IMG { display:block; width:100%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.referencie-page .bunka H3 { margin:20px 20px 5px 20px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:16px; line-height:20px; text-align:left; letter-spacing:0.2px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.referencie-page .bunka H3 SPAN { display:block; margin:0px 0px 0px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; line-height:18px; text-align:left;}
.referencie-page .bunka A { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.referencie-page .bunka:hover .images IMG { margin:-5% 0px 0px -5%; width:110%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.referencie-page .bunka:hover H3 { color:#ffd100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
/* BLOG */
.blog { display:block; margin:0px; padding:80px 0px; background:#f3f2ed; text-align:center;}
.blog .bunka { position:relative; display:inline-block; width:100%; margin:0px 0px 30px 0px; padding:0px; background:#fff; vertical-align:top;}
.blog .bunka .images { display:block; width:100%; height:225px; overflow:hidden;}
.blog .bunka .images IMG { display:block; height:100%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog .bunka H3 { margin:20px 20px 5px 20px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:16px; line-height:20px; text-align:left; letter-spacing:0.2px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog .bunka P { margin:0px 20px 20px 20px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; line-height:18px; text-align:left;}
.blog .bunka A { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.blog .bunka:hover .images IMG { margin:-5% 0px 0px -5%; height:110%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog .bunka:hover H3 { color:#ffd100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
/* BLOG DETAIL */
.blog-detail { display:block; margin:0px; padding:80px 0px; background:#f3f2ed; text-align:center;}
.blog-detail .blog-text { display:inline-block; margin:0px; padding:40px 30px; background:#fff; text-align:left;}
.blog-detail .blog-text .right { border-left:1px dashed #ccc; padding:0px 0px 0px 20px;}
.blog-detail .blog-text .right H2 { text-align:left; font-size:16px; border-bottom:2px solid #ffd100;}
.blog-detail .blog-text .right .bunka { position:relative; display:block; width:100%; margin:20px 0px 0px 0px; padding:0px; background:#fff; vertical-align:top;}
.blog-detail .blog-text .right .bunka .images { display:block; width:100%; height:100px; overflow:hidden;}
.blog-detail .blog-text .right .bunka .images IMG { display:block; width:100%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog-detail .blog-text .right .bunka H3 { margin:5px 0px 5px 0px; color:#284695; font-weight:700; font-family: 'Exo', sans-serif; font-size:14px; line-height:18px; text-align:left; letter-spacing:0.2px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog-detail .blog-text .right .bunka P { margin:0px 0px 20px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:11px; line-height:15px; text-align:left;}
.blog-detail .blog-text .right .bunka A { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.blog-detail .blog-text .right .bunka:hover .images IMG { margin:-5% 0px 0px -5%; width:110%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog-detail .blog-text .right .bunka:hover H3 { color:#ffd100; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
.blog-detail .blog-text IMG { width:100%;}
.blog-detail .blog-text H2 { text-align:left;}
/* DOTAZNIK */
.dotaznik { display:block; position:relative; width:91%; padding:40px 0px; margin:40px 0 0px 4.5%; overflow:hidden;}
.dotaznik IMG { position:absolute; top:0px; left:0px; width:100%; z-index:1;}
.dotaznik H3 { position:relative; display:block; margin:0px 0px 0px 30%; color:#fff; font-size:22px; font-weight:700; text-transform:uppercase; text-align:left; z-index:3;}
.dotaznik P { position:relative; display:block; margin:10px 60px 0px 30%; color:#fff; font-size:14px; font-weight:300; text-align:left; z-index:3;}
.dotaznik P A { font-weight:700; color:#fff;}
/* TEXT PAGE */
.text { display:block; margin:0px; background:#f3f2ed; padding: 50px 0px;}
.text H2.perex { width:60%; margin:10px auto 0px auto;}
.text2 { display:block; margin:0px; padding:80px 0px; text-align:center;}
.text H3, .text2 H3 { font-size: 20px;
    color: #284695;
    font-weight: 500;
    text-align: left;
    padding-top: 25px;
	padding-bottom: 20px;
}
.text2 P { margin:0px 0px 10px 0px; color:#555; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:22px; text-align:left;}
.text2 UL { margin:0px 0px 10px 0px; padding:0px; list-style:none; text-align:left;}
.text2 UL LI { position:relative; display:block; padding:0px 0px 0px 15px; color:#666; font-weight:700; font-family: 'Exo', sans-serif; font-size:14px; line-height:20px; text-align:left;}
.text2 UL LI:before { content:""; position:absolute; top:7px; left:0px; width:6px; height:6px; background:#ffd100;}
.text3 { display:block; margin:0px; padding:80px 0px; text-align:center;}
.text3 H2 { text-align:left; margin:20px 0px 0px 0px;}
.video { display:block; margin:0px; padding:80px 0px; background: url(../images/referencie-back.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center;}
.video H2 { color:#fff;}
.video H2.perex { color:#fff;}
.video .bunka { position:relative; display:inline-block; width:30%; margin:40px 4px 0px 4px; padding:0px; vertical-align:top;}
.partneri { display:block; margin:0px; padding:80px 0px; background:#fff; text-align:center;}
.partneri UL { display:block; margin:20px 0px 0px 0px; padding:0px; list-style:none; text-align:center;}
.partneri UL LI { display:inline-block; margin:0px 12px 20px 12px;}
.partner-item {
	display: block;
	width: 100%;
	text-align: center;
    padding: 25px;
    margin-bottom: 15px;
	 border: 1px solid #284695;
}

.partner-item IMG {
	display: inline-block;
	height: 38px;
}

.products-slider-items IMG {
	height: 350px;
}

.produkty-detail .produkty-text .blue-list {
	list-style-type: none;
}

.produkty-detail .produkty-text .blue-list LI {
	width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: normal;
    padding: 20px 25px;
    margin-bottom: 23px;
    background: #284695;
}

.produkty-detail .produkty-text .blue-list LI:before {
	display: none;
}

.produkty-detail .produkty-text .yellow-list {
	list-style-type: none;
}

.produkty-detail .produkty-text .yellow-list LI {
	width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #284695;
    font-weight: normal;
    padding: 20px 25px;
    margin-bottom: 23px;
    background: #ffd100;
}

.produkty-detail .produkty-text .yellow-list LI:before {
	display: none;
}

/* KONTAKT */
.mapa { display:block; margin:0px 0px -5px 0px;}
.kontakt { display:block; margin:0px; padding:80px 0px; background:#f3f2ed; text-align:left;}
.kontakt .adresa { display:block; margin:0px; padding:0px; text-align:left;}
.kontakt .adresa H2 { text-align:left; margin-bottom: 0px; }
.kontakt .adresa H3 {     font-size: 20px;
    color: #284695;
    font-weight: 500;
    text-align: left;
    padding-top: 25px; }
.kontakt .adresa P { display:block; margin:20px 0px 0px 0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:24px; text-align:left;}
.kontakt .form H2 {
	line-height: 32px;
}
.kontakt .form H2 SPAN {
	font-size: 20px;
	font-weight: normal;
}
.kontakt .form FORM { margin:20px 0px 0px 0px;}
.kontakt .form FORM INPUT[type="text"] { display:block; outline: none; width:100%; height:50px; padding:0px 10px 0px 0px; margin:0px; background:#f3f2ed; border:0px; border-bottom:1px solid #ccc; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; text-align:left;}
.kontakt .form FORM TEXTAREA { display:block; width:100%; outline: none; height:120px; resize: none; padding:14px 10px 0px 0px; margin:0px; background:#f3f2ed; border:0px; border-bottom:1px solid #ccc; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; text-align:left;}
.kontakt .form FORM BUTTON { display:block; width:100%; height:40px; padding:0px 10px 0px 0px; margin: 30px 0px 30px 0px; color:#fff; background:#ffd100; border:0px; border:0px solid #ccc; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; text-align:center;}
.kontakt .col-md-9 .col-md-6 { padding:0px 5px;}
.kontakt .personal { display:block; width:100%; margin:0px 0px 10px 0px; padding:20px; background:#fff; border-radius:4px; text-align:left;}
.kontakt .personal .left { display:inline-block; width:40%; margin:0px -4px 0px 0px; vertical-align:top;}
.kontakt .personal .left IMG { width:100%; margin:0px 0px 0px 0px;}
.kontakt .personal .right { display:inline-block; width:60%; margin:0px -4px 0px 0px; padding:0px 0px 0px 15px; vertical-align:top;}
.kontakt .personal .right H2 { margin:0px; font-size:16px; line-height:18px; text-align:left;}
.kontakt .personal .right H3 { margin:0px 0px 10px 0px; font-size:11px; line-height:13px; text-align:left;}
.kontakt .personal .right P { display:block; margin:0px; color:#222; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:20px;}
.kontakt .personal .right P SPAN { display:block; margin:0px 0px 10px 0px; font-size:12px; line-height:18px;}
.kontakt .personal .right P A { margin:0px 0px 0px 0px; color:#284695; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:20px;}

.box {
	text-align: center;
	border: 1px solid #284695;
	padding: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.box IMG {
	width: auto;
	height: 150px;
	margin-bottom: 10px;
}

.box.box-3 IMG {
	height: 50px;
	margin-top: 55px;
	margin-bottom: 55px;
}

.box P {
	text-align: center;
}

.slider-container .slide {
	position: relative;
	width: 100%;
	height: 800px;
}

.bg-img {
	position: relative;
	width: 100%;
	height: 800px;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider-container .slide IMG {
	display: block;
	width: 100%;
}

.slide-text {
    position: absolute !important;
    display: block;
    vertical-align: middle;
    /* position: relative; */
    z-index: 800;
    top: 50%;
	margin-top: -39px;
	width: 100%;
    text-align: center;
}

.slide-text h1 {
    display: inline-block;
    font-size: 50px;
    line-height: normal;
    background: #ffd100;
    color: #29395d;
    padding: 10px 20px;
    font-weight: 900;
    font-family: 'Exo', sans-serif;
    text-transform: uppercase;
}

.bg-img-1{
	background-image: url('../images/slide-1.jpg');
}
.bg-img-2{
	background-image: url('../images/slide-2.jpg');
}
.bg-img-3{
	background-image: url('../images/slide-3.jpg');
}
.bg-img-4{
	background-image: url('../images/slide-4.jpg');
}
.bg-img-5{
	background-image: url('../images/slide-5.jpg');
}

.slick-dots
{
    position: absolute;
    bottom: 25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	z-index: 100;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background-color: #fff;
    opacity: 0.2;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button
{
    opacity: 1;
}

.downloads-items {
	
}

.downloads-items .downloads-item {
    text-align: left;
    background: #f3f2ed;
    border: 1px solid #284695;
    padding: 25px;
    margin-bottom: 30px;
}

.downloads-items .downloads-item .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 72px;
}

.downloads-items .downloads-item .text {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	margin-left: 50px;
}

.downloads-items .downloads-item H2 {
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

.video-item {
	text-align: left;
    background: #f3f2ed;
    border: 1px solid #284695;
    margin-bottom: 30px;
}

.video-item IFRAME {
	display: block;
	width: 100%;
}

.numbers {
	text-align: center;
	margin-top: 35px;
}

.numbers H2 {
    font-size: 40px;
    line-height: 44px;
	text-align: center;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

.numbers P {
	font-weight: bold;
	text-align: center;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

.article-item {
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: 30px;
}

.article-item .date {
	position: absolute;
	display: inline-block;
	min-width: 71px;
	left: 25px;
	top: 25px;
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	background: #fff;
	padding: 10px;
}

.article-item .date STRONG {
	display: block;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 0px;
}

.article-item IMG {
	display: block;
	width: 100%;
}

.article-item .article-item-text {
	padding: 25px;
}

.article-item .article-item-text H2 {
	padding: 0px;
	margin: 0px;
}

.audio-box {
	text-align: center;
    background: #284695;
}

.referencie-page H3 {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 20px;
}

.text-scroller {
  width: 100px;
  background: #4FC2E5;
  float: left;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  height: 45px;
  position: relative;
  cursor: pointer;
}

.marquee-sibling {
  padding: 0;
  background: #3BB0D6;
  width: 20%;
  height: 45px;
  line-height: 42px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  float: left;
  left: 0;
  z-index: 2000;
}

.marquee,
*[class^="marquee"] {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
}

.marquee { margin-left: 25%; }

.marquee-content-items {
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.marquee-content-items li {
  display: inline-block;
  line-height: 35px;
  color: #fff;
}

.marquee-content-items li:after {
  content: "|";
  margin: 0 1em;
}

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

.left-box {
	text-align: left;
}

.center-box {
	text-align: center;
}

.right-box {
	text-align: right;
}

@media screen and (max-width: 1200px) {
    .referencie .bunka { width:25%;}
}

@media screen and (max-width: 991px) {
    .about .ico { margin:40px 10px 0px 10px;}
    .about2 .info-left { text-align:center;}
    .about2 .info-left .ico { display:block; float:none; width:86px; height:86px; margin:0px auto 15px auto;}
    .about2 .info-left H3 { display:block; text-align:center;}
    .about2 .info-left P { width:60%; margin:5px auto 30px auto;}
    .about2 .info-right { text-align:center;}
    .about2 .info-right .ico { display:block; float:none; width:86px; height:86px; margin:0px auto 15px auto;}
    .about2 .info-right H3 { display:block; text-align:center;}
    .about2 .info-right P { width:60%; margin:5px auto 30px auto;}
    .referencie .bunka { width:40%;}
    .blog .bunka { width:40%;}
    .text H2.perex { width:90%;}
    .text2 H3 { margin:30px 0px 0px 0px;}
    .video .bunka { width:45%;}
    .produkty .bunka .images { display:block; width:100%; height:180px; overflow:hidden;}
    .referencie-page .bunka { width:45%;}
    .referencie-page .bunka .images { height:180px;}
}

@media screen and (max-width: 767px) {
	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}
	
	BODY {
		padding-top: 155px;
	}
	
	marquee P {
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0px;
	}
	
	.logo.desktop {
		display: none !important;
	}

    .about .arr { display:none;}
    .about .ico { display:block; margin:40px 0px 0px 0px; text-align:center; vertical-align:top;}
    .about .ico .circle { display:block; width:126px; height:126px; margin:0px auto 15px auto;}
    .referencie .bunka { width:60%;}
    .blog .bunka { width:60%;}
    .dotaznik { display:none;}
    .kontakt .adresa { display:block; margin:0px; padding:0px; text-align:center;}
    .kontakt .adresa H2 { text-align:center;}
    .kontakt .adresa H3 { text-align:center;}
    .kontakt .form FORM { width:50%; margin:20px auto 0px auto;}
    .kontakt .form FORM INPUT[type="text"] { text-align:center;}
    .kontakt .form FORM TEXTAREA { text-align:center;}
    .kontakt .form FORM BUTTON { text-align:center;}    
    .produkty .bunka { width:46%;}
    .referencie-page .bunka .images { height:120px;}
	.slide-text h1 {
		display: inline-block;
		font-size: 14px;
	}
}

@media screen and (max-width: 580px) {    
    .referencie .bunka { width:90%;}
    .blog .bunka { width:90%;}
    .kontakt .form FORM { width:80%; margin:20px auto 0px auto;}
    .kontakt .col-md-9.col-sm-7 .col-md-6 { width:100%;}
    .video .bunka { width:100%;}
    .produkty .bunka { width:90%;}
    .produkty .bunka .images { display:block; width:100%; height:225px; overflow:hidden;}
    .produkty-detail .produkty-text .main-image { display:block; height:auto; margin:0px 0px 20px 0px; overflow:hidden;}
    .produkty-detail .produkty-text .lineodd { display:block; width:100%; height:1px; background:#ccc; margin:20px 0px;}
    .referencie-page .bunka { width:90%;}
    .referencie-page .bunka .images { height:auto;}
	
	.slick-slider {
		margin-top: 50px;
	}
	
	.bg-img {
		height: 250px;
	}
	
	.slider-container .slide {
		height: 250px;
	}
}

.mobile-langs {
	display: none;
}

@media screen and (max-width: 768px) {
    H2 { font-size:18px; line-height:20px;}
    .about .ico .circle { margin:0px auto 5px auto;}
    .about2 .info-left P { width:100%; margin:5px auto 30px auto; text-align: center; }
    .about2 .info-right P { width:100%; margin:5px auto 30px auto; text-align: center; }
    .referencie .col-md-12 { padding:0px;}
    .referencie .bunka { margin:40px 0px 0px 0px;}
    .referencie .bunka { width:100%;}
    .blog .col-md-12 { padding:0px;}
    .blog .bunka { margin:40px 0px 0px 0px;}
    .blog .bunka { width:100%;}
    .kontakt .form FORM { width:100%; margin:20px auto 0px auto;}   
    .kontakt .personal { padding:10px;}
    .kontakt .personal .left { display:block; width:100%;}
    .kontakt .personal .right { display:block; width:100%; margin:10px -4px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top;}
    .partneri UL LI { width:70%;}
    .partneri UL LI IMG { width:100%;}
    .blog-detail .blog-text { padding:20px 0px;}
    .blog-detail .blog-text H1 { font-size:12px; line-height:14px;}
    .blog-detail .blog-text H2 { font-size:12px; line-height:14px;}
    .produkty .bunka { width:100%;}
    .produkty .bunka .images { display:block; width:100%; height:150px; overflow:hidden;}
    .produkty-detail .produkty-text { padding:20px 0px;}
    .produkty-detail .produkty-text H1 { font-size:14px; line-height:16px;}
    .produkty-detail .produkty-text H2 { font-size:12px; line-height:16px;}
    .referencie-page .bunka .ico { position:absolute; top:-30px; left:50%; width:80px; height:80px; margin:0px 0px 0px -40px;}
    .referencie-page .bunka .ico IMG { display:block; width:50px; margin:15px auto 0px auto;}
    .referencie-page .bunka .images { display:block; width:100%; height:120px; overflow:hidden;}

	NAV {
		position: relative;
	}

	.mobile-langs {
		position: absolute;
		display: block;
		right: 25px;
		top: 25px;
		color: #fff;
	}
	
	.mobile-langs A {
		color: #fff;
	}
	
	.mobile-langs A.active {
		color: #ffd100;
	}
}