/* red c0335e */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800,900&subset=latin-ext');
@import url('font-awesome.min.css');

body { background-color: #fff; font-family: Raleway,serif; }

._mT5 { margin-top: 5px; }
._mT10 { margin-top: 10px; }
._mT15 { margin-top: 15px; }
._mT20 { margin-top: 20px; }

@-moz-keyframes cycle-ext-comps-logos-xs { 0%, 100% { margin-left: 0; } 50% { margin-left: -600px; } }
@-webkit-keyframes cycle-ext-comps-logos-xs { 0%, 100% { margin-left: 0; } 50% { margin-left: -600px; } }
@keyframes cycle-ext-comps-logos-xs { 0%, 100% { margin-left: 0; } 50% { margin-left: -600px; } }

@-moz-keyframes cycle-ext-comps-logos-sm { 0%, 100% { margin-left: 0; } 50% { margin-left: -400px; } }
@-webkit-keyframes cycle-ext-comps-logos-sm { 0%, 100% { margin-left: 0; } 50% { margin-left: -400px; } }
@keyframes cycle-ext-comps-logos-sm { 0%, 100% { margin-left: 0; } 50% { margin-left: -400px; } }

@-moz-keyframes cycle-ext-comps-logos-md { 0%, 100% { margin-left: 0; } 50% { margin-left: -200px; } }
@-webkit-keyframes cycle-ext-comps-logos-md { 0%, 100% { margin-left: 0; } 50% { margin-left: -200px; } }
@keyframes cycle-ext-comps-logos-md { 0%, 100% { margin-left: 0; } 50% { margin-left: -200px; } }

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


.sg-btn { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.sg-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.sg-btn-1a:hover, .sg-btn-1a:active { color: #c0335e!important; background: #fff!important; }

.hvr-sweep-to-top{-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-moz-transition-property:color;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.1s;transition-duration:.1s;transition-duration:.1s;}
.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#c0335e;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-moz-transition-property:transform;-webkit-transition-property:transform;transition-property:transform;-moz-transition-duration:.1s;-webkit-transition-duration:.1s;transition-duration:.1s;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.active .hvr-sweep-to-top,.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:#fff!important;z-index: 100;}
.active .hvr-sweep-to-top:before,.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}

#top-banner { background-color: #000; background-image: url('../../images/app/banner-compressed.jpg'); background-repeat: no-repeat; background-position: top right; background-size: contain; }
#top-menu-nav { z-index: 99999!important; }

#top-menu-nav { padding-top: 50px; }
#top-menu-nav .menu-container {  }
#top-menu-nav .menu-container ul { padding: 0; margin: 0; margin-top: 32px; float: right; }
#top-menu-nav .menu-container ul li { display: inline-block; list-style: none; margin: 0 -3px; }
#top-menu-nav .menu-container ul li:last-child { margin-right: 0; }
#top-menu-nav .menu-container ul li a { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; font-family: 'Roboto Condensed'; font-size: 1.1rem; font-weight: 600; text-decoration: none; color: #fff; padding: 34px 23px;  }
#top-menu-nav .menu-container ul li a:hover { color: #c0335e; }

#top-menu-nav .sg-breadcrumbs > select { margin-top: 24px;  }

#top-menu-nav-sticky-wrapper.is-sticky { z-index: 9999; }
#top-menu-nav-sticky-wrapper.is-sticky #top-menu-nav { background-color: rgba(0,0,0,0.8); padding-top: 10px; padding-bottom: 20px; }

.sg-breadcrumbs { position: relative; }
.sg-breadcrumbs > select { width: 100%; border: 1px solid #333; font-family: 'Roboto Condensed'; font-size: 1rem; padding: 5px 20px; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 50px; }
.sg-breadcrumbs:before { color: #333333; font-family: FontAwesome; content: '\f0c9'; position: absolute; display: block; top: 31px; right: 20px; }

.sg-products { position: relative; }
.sg-products > select { cursor: pointer; width: 100%; border: none; font-family: 'Roboto Condensed'; font-size: 1rem; padding: 5px 20px; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 50px; }
.sg-products:before { color: #333333; font-family: FontAwesome; content: '\f13a'; position: absolute; display: block; top: 7px; right: 20px; }

#top-menu-nav .lang-container { text-align: right; }
#top-menu-nav .lang-container a { display: inline-block; margin-top: 26px; }

#top-menu-nav .logo-container { text-align: center; }

#top-cta h1 { font-weight: 800; font-size:3.2rem; }
#top-cta p { font-size: 1.5rem; }
#top-cta { color: white; width: 55%; margin-top: 260px; padding-bottom: 330px; }

#arrow-div { text-align: center; margin-top: -50px; }

.title-section { text-align: center; max-width: 600px; margin: 50px auto; }
.title-section h3 { color: #3a539e; font-size: 2.7rem; font-weight: 500; }
.title-section h3 + p { margin-top: 20px; }

.kafelki .kafel { background-color: #f2f2f2; padding: 15px 25px; height: 220px; margin-bottom: 25px; }
.kafelki div p { font-size: 0.9rem; font-weight: 600; color: #636467; text-align: justify; margin-top: 20px; }
.kafelki .head { padding-top: 15px; padding-left: 80px; background-image: url('../../images/app/kafel_icon.png'); background-position: 0 15px; background-repeat: no-repeat; }
.kafelki .head h4 { color: #c0335e; font-family: 'Roboto Condensed'; font-weight: 600; letter-spacing: -0.01rem; font-size: 1.3rem; }

#produkty { margin-top:80px; background-image: url('../../images/app/prods_bg-compressed2.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#produkty .header h2 { color: white; font-size: 2.7rem; font-weight: 600; margin: 90px 0 60px; }
#produkty .tabs-container ul { padding: 0; }
#produkty .tabs-container ul li { list-style-type: none; margin-bottom: 5px; width: 100%; }
#produkty .tabs-container ul li a { text-decoration: none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; display: inline-block; background-color: #39539e; color: white; padding: 15px 30px; font-weight: 600; font-size: 1.2rem; font-family: 'Roboto Condensed'; width: 100%;  }
#produkty .tabs-container ul li a:hover, #produkty .tabs-container ul li a.active { background-color: #c0335e; }

#produkty .product { background-color: #fff; padding: 25px; }
#produkty .product .product-bg { background-repeat: no-repeat; min-height: 200px; width: 100%; background-position: center center; }
#produkty .product .product-bg img { display: none; }
#produkty .product .product-desc {  }
#produkty .product .product-desc h3 { color: #c0335e; font-weight: 700; font-size: 1.6rem; }
#produkty .product .product-desc h3 + h5 { color: #5f636d; font-weight: 400; font-size: 1.1rem; margin-top: -5px; font-family: 'Roboto', serif; }
#produkty .product .product-desc h3 + h5 + p { margin-top: 20px; font-size: 0.9rem;  }

#produkty .product-container { padding-left: 0; }
#produkty .product .product-desc h6 { font-weight: 700; font-size: 0.9rem; color: #5f636d; margin-top: 10px; margin-bottom: 10px; }
#produkty .product .product-desc h6 + p { font-weight: bold; color: #5f636d; }
#produkty .product .product-desc h6 + p > strong { color: #3a539e; font-weight: 600; }
#produkty .product .product-desc h6 + a { color: #5f636d; font-weight: 600; font-size: 0.85rem;}
#produkty .product .product-desc h6 + a img { margin-right: 10px; }

#download { background-color: #f7f7f9; }
#download .title-section { margin-top: 0; margin-bottom: 0; padding-top: 100px; padding-bottom: 100px; }
#download .title-section .down-item a { color: #5f636d; font-weight: 600; font-size: 0.85rem; }
#download .title-section .down-item a img { margin-right: 10px; }

#contact-us { background-color: #5f636d; padding: 40px 0; text-align: center; }
#contact-us h2 { color: white; font-size: 3rem; margin-bottom: 50px; }
#contact-us h6 { color: #e37194; }
#contact-us h6 + p { color: white; font-size: 0.9rem; }

.contact-map{width:100%;height:385px;}

footer { background-color: #fff; padding: 30px 0 15px; color: #5f636d; font-weight: 500; font-size: 0.85rem; }
footer a { color: #5f636d; }