@charset "UTF-8";

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.eot');
    src: url('../fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff'),
         url('../fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('../fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.eot');
    src: url('../fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff'),
         url('../fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('../fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.eot');
    src: url('../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff'),
         url('../fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'poppinsregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box, .mainNavigation a.nav-link span.imp, .rslider_title_main, .offer-content .title h3, .process-container .title h3, a.nav-custom { font-family:'poppinsbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.advantage_info .number, .advantage_info .text h3 { font-family:'poppinsmedium',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:18px;
}
body {
	color:#4b4b4b;
	-webkit-font-smoothing:antialiased;
	background-color:#fff;
	top: 0 !important;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#000;
	-moz-transition:color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-webkit-transition:color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-ms-transition:color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	text-decoration:none;
	border-bottom:dotted 1px;
}
a:hover {
	color:#e76b3f;
	border-bottom-color:transparent;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
a.navButton {
	font-size:1.22rem;
	color:#fff;
	background-color:#e76b3f;
}
a.navButton:hover {
	background-color:#ff8346;
}
a.navButton.invert {
	background-color:#e76b3f;
	border:2px solid #fff;
}
a.navButton.invert:hover {
	background-color:transparent;
	border:2px solid #e76b3f;
}
a.navButton:before {
	position:absolute;
	top:5px;
	right:10px;
	content:"\f2ed";
	font-family:"Material-Design-Iconic-Font";
	font-size:30px;
	color:#fff;
	line-height:1;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:60px;
}
.box_padding {
	padding-left:100px;
	padding-right:100px;
}
.box_padding_vertical {
	padding-top:115px;
	padding-bottom:115px;
}
.img-object-fit {
	object-fit:cover;
}
.text_shadow {
	text-shadow:0 0 35px rgba(0,0,0,0.2);
}
.container_bg__dark {
	background-color:#1c1c1c;
}
.container_bg__light {
	background-color:#fef8f6;
}
.container_bg_img {
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.container_bg:before {
	position:absolute;
	top:50%;
	left:50%;
	content:"";
	width:9999px;
	height:60%;
	background:#fef8f6;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:-1;
}

.title_box {
	position:relative;
	color:#1c1c1c;
}
.text-white.title_box {
	color:#fff;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h1 {
	font-size:3.11rem;
}
.title_box h2 {
	font-size:2.67rem;
}
.title_box small {
	font-size:100%;
	color:#e76b3f;
}

/* animate.css */

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.pageTopWrapper {
	background:#1c1c1c url("../images/bg_pattern.jpg") top left repeat;
}

/* Header ............................................................... */

.header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-top:35px;
	padding-bottom:35px;
	z-index:1000;
}
@media screen and (max-width: 767px){
	.header{
		margin-top: -3px;
	}
}

@media screen and (max-width: 767px) and (orientation:landscape){
	.header{
		margin-top: -3px;
	}
}

.main_logo {
	top:50%;
	left:100px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1200;
}
.main_logo a img {
	width:350px;
}

.header_nav {
	position:absolute;
	top:50%;
	right:85px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.header_nav a {
	position:relative;
	font-size:0.83rem;
	color:#fff;
	padding:15px;
	border:1px solid #e76b3f;
}
.header_nav a:hover {
	color:#e76b3f;
    border-color:#fff;
}

.navigation_wrapper {
	width:calc(60% + 100px) !important;
	margin-left:calc(40% - 35px) !important;
	padding-left:0;
}
.mainNavigation {
	padding:0;
}
.mainNavigation .navbar-nav { 
	margin:0;
}
.mainNavigation .nav-item {
	margin-right:65px;
}
.mainNavigation .nav-item:last-child {
	margin-right:0 !important;
}
.mainNavigation a.nav-link {
	position:relative;
	font-size:1.06rem;
	color:#fff !important;
	line-height:45px;
	padding:0 !important;
	border-bottom:0;
	overflow:hidden;
	text-decoration: none;
}
.mainNavigation a.nav-link:hover {
	color:#e76b3f;
}
.mainNavigation a.nav-link span.imp {
	color:#e76b3f !important;
}
.mainNavigation a.hi {
	color:#e76b3f !important;
}
.mainNavigation .dropdown-menu {
	background-color:transparent;
	margin-top:0;
	padding:0;
	border:0;
	border-radius:0;
}
.mainNavigation .dropdown-menu a.dropdown-item {
	font-size:0.87rem !important;
	color:#fff;
	line-height:30px !important;
	background-color:#3e3e3e;
	margin-left:0 !important;
	border-bottom:0;
	z-index:1100;
}
.mainNavigation .dropdown-menu a.dropdown-item:hover,
.mainNavigation .dropdown-menu a.hi {
	color:#fff;
	background-color:#696969;
}

/* Dropdown Transition */

.mainNavigation .dropdown-menu { 
	display:block;
	visibility:hidden;
	opacity:0;
	transform:translateY(0px);
	transition:.5s ease all;
}
.mainNavigation .dropdown-menu.show {
	display:block;
	visibility:visible;
	opacity:1;
	transform:translateY(0px);
	transition:.5s ease all;
}

/* Rslider ............................................................... */

.rslider_wrapper {
	position:relative;
	height:750px;
	margin-bottom:180px;
}
.rslider_wrapper_in {
	height:400px;
	margin-bottom:0 !important;
}
.rslides, .rslides_li, .rslider_img {
	height:inherit;
	width:100%;
}
.rslider_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.rslider_content, .rslider_content > .row {
	position:relative;
}
.rslider_title_main {
	font-size:3rem;
	line-height:1.2;
}
.rslider_title_main small {
	font-size:inherit;
	color:#e76b3f;
}
.rslider_title {
	font-size:1.54rem;
	line-height:1.2;
}
.rslider_image {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:calc(100% + 180px);
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.rslider_wrapper_in .rslider_image {
	width:60% !important;
	height:100% !important;
}

/* Main-Content ............................................................... */

/* Offer */

.offer-group {
	margin-right:-30px;
	margin-left:-30px;
}
.offer-container {
	padding-right:30px;
	padding-left:30px;
}
a.offer_nav {
	color:#fff;
	margin-bottom:60px;
}
a.offer_nav__a {
	height:555px;
}
a.offer_nav__b {
	height:365px;
}
.offer-content {
	background-color:rgba(0,0,0,0.35);
}
.offer-content .title h3 {
	font-size:2.67rem;
	line-height:1.2;
}
a.offer_nav .button {
	flex:none;
	border:2px solid #e76b3f;
}
a.offer_nav:hover .button {
	border-color:#fff;
}
a.offer_nav .button:before {
	position:absolute;
	top:5px;
	right:10px;
	content:"\f2ed";
	font-family:"Material-Design-Iconic-Font";
	font-size:22px;
	color:#fff;
	line-height:1;
}

/* Video */

.video_container {
	height:800px;	
}
.video_container a {
	background-color:rgba(0,0,0,0.25);
}
.video_container a:hover {
	background-color:rgba(0,0,0,0.55);
}
.video_container a > img {
	z-index:-10;
}
.video_container a .title {
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}

/* Process */

.process_group:before {
	position:absolute;
	top:45px;
	left:50%;
	content:"";
	width:75%;
	height:1px;
	background:#bbb;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:-1;
}
.process-container .info {
	flex:1;
}
.process-container .img img {
	width:90px;
}
.process-container .title h3 {
	font-size:1.5rem;
	color:#1c1c1c;
	line-height:1.2;
} 
	
/* Advantages */

.advantage_container {
	font-size:1.33rem;
	border-bottom:1px solid #000;
}
.advantage_info .number {
	font-size:5rem;
	color:#1c1c1c;
}
.advantage_info .text h3 {
	font-size:inherit;
	line-height:inherit;
	color:#1c1c1c;
}

/* Footer ............................................................... */

.footer {
	font-size:1.22rem;
	padding-top:90px;
	padding-bottom:90px;
}
.footer > .row {
	z-index:10;
}
.footer a {
	color:#fff;
	border-bottom-style:solid;
}
.footer a:hover,
.footer a.hi {
	color:#fff;
	border-bottom-color:#e76b3f;
}
.footer_nav__b {
	font-size:0.83rem;
}
.footer_logo img {
	width:260px;
}

.pageTopWrapper {
	position: relative;
}

.header-languages {
	position: absolute;
    bottom: -40px;
}

.header-languages a {
	display: inline-block;
	border-bottom: 0;
}

.header-languages a img {
	max-width: 16px;
}

.skiptranslate {
	display: none !important;
}

.vertical-nav-visible {
	position:fixed;
	top:50%;
	right:0;
	transform:rotate(90deg) translate(50%, 0);
	-ms-transform:rotate(90deg) translate(50%, 0); 
	-webkit-transform:rotate(90deg) translate(50%, 0);
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0;
	z-index:800;
}
.vertical-nav-visible a {
	position:relative;
	font-size:1.33rem;
	color:#fff;
	background-color:#e76b3f;
	border-radius:0 0 20px 20px;
	-webkit-animation:vertical-nav-visible 2s infinite;
	animation:vertical-nav-visible 3s infinite;
}
.vertical-nav-visible a:hover {
	background-color:#ff8346;
}
@-webkit-keyframes vertical-nav-visible {
	0%{ -webkit-transform:translateX(0); opacity:0; }
	50%{ opacity:1; }
	100%{ -webkit-transform:translateX(20px); opacity:0; }
}
@keyframes vertical-nav-visible {
	0%{ -webkit-transform:translateX(0); opacity:0; }
	50%{ opacity:1; }
	100%{ -webkit-transform:translateX(20px); opacity:0; }
}

a.nav-custom {
	font-size:2rem;
	color:#fff;
	background-color:#e76b3f;
}
a.nav-custom:hover {
	color:#fff;
	background-color:#ff8346;
}

/* Effects ............................. */

a, a.navButton, .header_nav a, .mainNavigation .dropdown-menu a.dropdown-item, a.offer_nav .button, .video_container a, .mainNavigation .dropdown-menu, .vertical-nav-visible a, .vertical-nav-hidden a, a.nav-custom {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1680px) {
	.box_padding { padding-left:75px; padding-right:75px; }
	.box_padding_vertical { padding-top:90px; padding-bottom:90px; }
	.main_logo { left:75px; }
	.mainNavigation .nav-item { margin-right:45px; }
	.header_nav { right:60px; }

}

@media screen and (max-width: 1366px) {
	html { font-size:17px; }
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.box_padding { padding-left:45px; padding-right:45px; }
	.box_padding_vertical { padding-top:60px; padding-bottom:60px; }
	.title_box h1 { font-size:2.94rem; }
	.title_box h2 { font-size:2.35rem; }
	.header { padding-top:25px; padding-bottom:25px; }
	.main_logo { left:45px; }
	.main_logo a img { width:250px; }
	.header_nav { right:30px; }
	.navigation_wrapper { margin-left:calc(40% - 30px) !important; }
	.mainNavigation .nav-item { margin-right:30px; }
	.mainNavigation a.nav-link { font-size:1rem; line-height:35px; }
	.mainNavigation .dropdown-menu a.dropdown-item { line-height:26px !important; }
	.rslider_wrapper { height:500px; margin-bottom:120px; }
	.rslider_wrapper_in { height:300px; }
	.rslider_title_main { font-size:2rem; }
	.rslider_title { font-size:1.3rem; }
	.rslider_image { height:calc(100% + 120px); }
	.video_container { height:550px; }
	.process_group:before { top:35px; }
	.process-container .img img { width:70px; }
	.process-container .title h3 { font-size:1.37rem; }
	.advantage_container { font-size:1.25rem; }
	.advantage_info .number { font-size:4rem; }
	.footer { padding-top:60px; padding-bottom:60px; }
	
}
  
@media screen and (max-width: 1200px) {
	a.navButton { font-size:1.12rem; }
	a.navButton:before { font-size:22px; }
	.box_padding { padding-left:30px; padding-right:30px; }
	.box_padding_vertical { padding-top:45px; padding-bottom:45px; }
	.title_box h1 { font-size:2.58rem; }
	.title_box h2 { font-size:2rem; }
	.header { padding-top:15px; padding-bottom:15px; }
	.main_logo { left:30px; }
	.main_logo a img { width:180px; }
	.header_nav { right:15px; }
	.header_nav a { font-size:1.25rem; padding:3px 10px; }
	.mainNavigation .nav-item { margin-right:15px; }
	.rslider_wrapper { height:400px; margin-bottom:60px; }
	.rslider_wrapper_in { height:250px; }
	.rslider_title_main { font-size:1.82rem; }
	.rslider_title { font-size:1.25rem; }
	.rslider_image { height:calc(100% + 60px); }
	.offer-group { margin-right:-15px; margin-left:-15px; }
	.offer-container { padding-right:15px; padding-left:15px; }
	a.offer_nav { margin-bottom:30px; }
	a.offer_nav__a { height:450px; }
	a.offer_nav__b { height:300px; }
	.offer-content .title h3 { font-size:2rem; }
	a.offer_nav .button:before { font-size:18px; }
	.process_group:before { top:25px; }
	.process-container .img img { width:50px; }
	.process-container .title h3 { font-size:1.25rem; }
	.footer { font-size:1.12rem; }
	.footer_logo img { width:200px; }
	.video_container { height:400px; }
	.vertical-nav-visible a { font-size:1.25rem; }
	a.nav-custom { font-size:1.87rem; }

}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.box_padding { padding-left:15px; padding-right:15px; }
	.box_padding_vertical { padding-top:30px; padding-bottom:30px; }
	.header { padding-top:10px !important; padding-bottom:10px !important; }
	.main_logo { top:12px !important; left:10px; -webkit-transform:translateY(0) !important; transform:translateY(0) !important; }
	.main_logo a img { width:130px !important; }
	.header_nav { top:15px; right:105px; -webkit-transform:translateY(0); transform:translateY(0); }	
	/*.header_nav a { font-size:1.37rem; border-bottom:0; }*/
	.navigation_wrapper { width:100% !important; margin-left:0 !important; padding-left:15px; }
	.mainNavigation .navbar-nav { overflow:hidden;}
	.mainNavigation .nav-item, .mainNavigation .nav-item:first-child { text-align:center; margin-right:0 !important; }
	.mainNavigation a.nav-link { position:relative; z-index:1100; }
	.mainNavigation a.nav-link span.imp { margin-top: 5px; display:block; color:#fff !important; background-color:#e76b3f; }
	.mainNavigation .nav-item.dropdown a.nav-link span:after { display:block; }
	.mainNavigation .dropdown-menu a.dropdown-item { text-align:center; }
	.mainNavigation .dropdown-menu { display: block; height:0; visibility:visible; opacity:0; transform:translateY(0); transition:.5s ease all; }
	.mainNavigation .dropdown-menu.show { display:block; height:auto; visibility:visible; opacity:1; transform:translateY(0px); transition:.5s ease all; }
	.mainNavigation .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
	.rslider_image { width:50%; }
	a.offer_nav__a { height:400px; }
	a.offer_nav__b { height:250px; }
	.offer-content .title h3 { font-size:1.67rem; }
	a.nav-custom { font-size:1.55rem; }
 
}
 
@media screen and (max-width: 767px) {
	html { font-size:16px; }
    .content { padding-top:26px; }
	.title_box h1 { font-size:2.37rem; }
	.title_box h2 { font-size:1.75rem; }
	.rslider_wrapper { height:initial; margin-bottom:0; }
	.rslider_wrapper_in { height:200px; }
	.rslider_img { position:relative; }
	.rslider_content_in { padding:30px 15px; }
	.rslider_image { position:relative; left:-15px;	width:calc(100% + 30px) !important; height:300px; }
	.rslider_wrapper_in .rslider_image { width:calc(100% + 30px) !important; }
	.rslider_title_main { font-size:1.5rem; }
	.rslider_title { font-size:1.1rem; }
	.video_container { height:300px; }
	.process_group:before { display:none; }
	.footer { padding-top:45px; padding-bottom:30px; }
	.rslider_title_main, .rslider_title { color:#1c1c1c !important;}
	.header-languages { position: absolute; bottom: 5px; left: 150px; width: 100%;}
	.vertical-nav-hidden { position:fixed; top:0; left:0; width:100%; z-index:2000; }
	.vertical-nav-hidden a { font-size:1rem; color:#fff; background-color:#e76b3f; }
	.vertical-nav-hidden a:hover { background-color:#ff8346; }
	a.nav-custom { font-size:1.37rem; }
}
@media screen and (max-width:767px) and (orientation: landscape) {
	.vertical-nav-hidden { position:fixed!important; top:0; left:0; width:100%; z-index:2000; }
	.vertical-nav-hidden a { font-size:0.77rem; color:#fff; background-color:#e76b3f; }
	.vertical-nav-hidden a:hover { background-color:#ff8346; }
	.content {padding-top: 20px;}
  }

@media screen and (max-width: 480px) {
	.content { padding-top:20px; }
	.advantage_container { font-size:1.06rem; padding-top:5px; padding-bottom:5px; }
	.advantage_info .number { font-size:2.94rem; }	
	.header-languages { position: absolute; bottom: inherit; top: 50px; left: 0px; width: 25px;}
	.vertical-nav-hidden a { font-size:0.77rem; }
}

/* HEADER NAV 1200-1919px: menu zarovnane k buttonom vpravo, aby do nich nezasahovalo */
@media screen and (min-width: 1200px) and (max-width: 1919px) {
	.navigation_wrapper { width:auto !important; margin-left:0 !important; }
	.mainNavigation { margin-right:425px; }
	.mainNavigation .navbar-collapse { justify-content:flex-end !important; }
	.mainNavigation .nav-item { margin-right:50px; }
	.header_nav a { font-size:0.83rem; padding:15px; }
}
@media screen and (min-width: 1200px) and (max-width: 1680px) {
	.mainNavigation { margin-right:410px; }
	.mainNavigation .nav-item { margin-right:42px; }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
	.main_logo a img { width:calc(270px + (100vw - 1367px) * 0.13); }
	.mainNavigation { margin-right:395px; }
	.mainNavigation .nav-item { margin-right:calc(20px + (100vw - 1367px) * 0.07); }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
	.main_logo a img { width:calc(215px + (100vw - 1200px) * 0.21); }
	.mainNavigation { margin-right:376px; }
	.mainNavigation .nav-item { margin-right:calc(20px + (100vw - 1200px) * 0.06); }
}
