/*
Theme Name: bozon_theme
Author: arturkosinski.pl
Author URI: https://arturkosinski.pl
Version: 1.0
*/


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*       

#E10600
#F8B500


*/

.topBar { background: #F8B500; color: white; padding: .5rem 0; }
.topBar a { text-decoration: none; color: white; display: block; width: 100%; height: auto; }
.topBar p { margin: 0; }
.topBar .flex { justify-content: center; align-items: center; }

    /* FONT */
    body { font-family: 'Titillium Web', sans-serif; }
    input, textarea, select { font-family: 'Titillium Web', sans-serif; }

    .btn.color { color: #E10600; border-color: #E10600; }
    #content .btn.color:hover { background: #E10600; color: #fff; }
    #content .btn.white:hover { background: #fff; color: #E10600; }
    #content .btn.white { color: #fff; border-color: #fff; }
    input[type="submit"] { background: #F8B500; }
    input[type="submit"]:hover { background-color: #E10600; }

    .btn { display: block; margin: 20px auto; border: 2px solid white; -webkit-border-radius: 5px; border-radius: 5px; width: 240px; height: 50px; line-height: 45px;  text-align: center; text-decoration: none;  }

.grecaptcha-badge { display: none!important; }
.sideBtn { z-index: 999999999; position: fixed; top: 30%; right: 0; padding: 1rem; display: block; background: #F8B500; color: #fff; font-weight: bold; font-size: 1.125rem; text-decoration: none; -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg); }
.sideBtn:hover { background: #E10600; }

@media all and (min-width: 1200px){

    .sideBtn { padding: 2rem 3rem; }
}



/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #7f0000;margin:5px 10px 0 10px;padding:0;}input,select,a img{vertical-align:middle;} ul { list-style: none; }

/* COOKIES */
#cookies { position: fixed; bottom: 0; left: 0; width: 100%;  background: #fff; font-size: 14px; z-index: 999; }
.cookiesEU-text { width: 90%; float: left; }
.cookiesEU-close { width: 16px; float: right; text-align: right; display: block; font-size: 16px; line-height: 1; color: #333; }
.cookiesEU-inner { padding: 20px 0; overflow: hidden; }

 /* BASE */
* { box-sizing: border-box;  -webkit-transition-duration: .3s; transition-duration: .3s; }
body { font-size: 16px; line-height: 1.5; color: #111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img { max-width: 100%; }
ul, ol { padding-left: 15px; }
p, ul, ol, blockquote { margin-bottom: 15px; }
.container, .row { overflow: hidden; clear: both; margin: 0 auto; }
.container { width: 90%; }
.alignright { text-align: right; }
.aligncenter { text-align: center; clear: none!important; }
[href$=".pdf"]::before{ content: '\f1c1 '; font-family: 'FontAwesome'; margin-right: 5px; }
.radius { -webkit-border-radius: 4px; border-radius: 4px; }
.lazy { background: url(images/loading.svg) center center 30px 30px no-repeat; }
.hiddenBody { overflow-y: hidden; }

/* GOTOP */
#gotop { position: fixed; bottom: 20px; right: 20px; background: rgba(0,0,0,.2); color: #fff; width: 40px; height: 40px; text-align: center; line-height: 35px; font-size: 20px; display: none; -webkit-transition-duration: 0s; transition-duration: 0s;  z-index: 9999;}
#gotop:hover { background: rgba(0,0,0,.6); -webkit-transition-duration: .3s; transition-duration: .3s;  }

/* MENU */
header .container , header .row { overflow: visible; }
#menu ul.menu { padding-left: 0; margin-bottom: 0; }
#menu ul.menu li { display: inline-block; margin: 0; margin-left: 30px; }
#menu ul.menu li a { text-decoration: none; display: inline-block; cursor: pointer; color: #111; text-transform: uppercase; font-weight: bold;  font-size: 14px; }
#menu ul.menu li a:hover { color: #E10600;  }
#menu ul.menu li.current-menu-item { font-weight: bold; border-bottom: 2px solid #E10600; }
#menu ul.menu li.menu-item-has-children { position: relative; }
#menu ul.menu li.menu-item-has-children:hover ul.sub-menu { visibility: visible; opacity: 1; transition-delay: 0s;  }
#menu ul.menu li.menu-item-has-children > a::after { content: ' \f107'; font-family: FontAwesome; margin-left: 4px; }
#menu ul.menu li ul.sub-menu { position: absolute; top: 34px; left: -10px; min-width: 220px; padding: 10px; background: none; z-index: 999999; visibility: hidden; transition: 0.2s .2s; opacity: 0; text-align: left; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; }
#menu ul.menu li ul.sub-menu li { margin: 0 0; }
#menu ul.menu li .sub-menu a { padding: 0 0 5px 0; }
#menu ul.menu li .sub-menu li:last-child a { padding: 0; }
#openMenu { display: none; float: right; width: 16px; }
#closeMenu { display: none; float: right; width: 16px; margin-bottom: 20px; }

/* CONTENT */
#content ul { list-style: disc; margin-left: 30px; }
#content ol { margin-left: 30px; }
#content a:hover { text-decoration: none; }
#content blockquote p { margin-bottom: 0px; }
#content blockquote { padding: 20px; background: #f4f4f4; margin-bottom: 15px; -webkit-border-radius: 4px; border-radius: 4px; }
#content .row { padding: 15px 0; }
#content h1, #content h2, #content h3, #content h4 { margin: 10px 0 20px; letter-spacing: -1px; font-weight: normal; font-weight: bold; }
#content h1 { font-size: 34px; }
#content h2 { font-size: 30px; }
#content h3 { font-size: 28px; }
#content h4 { font-size: 16px; font-weight: bold; letter-spacing: 0; }

/* SLIDER */
.owl-dot { margin: 0 3px; display: inline-block; }
.owl-dot span { display: block; width: 10px; height: 10px; background: #ececec; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.owl-dot.active span, .owl-dot  span:hover { background: #ccc; -webkit-transition-duration: .3s; transition-duration: .3s; }
.owl-dots { text-align: center; margin-top: 20px; }
.owl-prev, .owl-next { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -30px; text-align: center; font-size: 26px; color: white;  z-index: 99999;   }
.owl-prev i, .owl-next i { vertical-align: top; }
.owl-prev { left: 20px; }
.owl-next { right: 20px; }

/* FORM */
input, textarea, select { -webkit-appearance: none; }
input[type="text"], input[type="email"], input[type="tel"], select /*, .selectric-wrapper*/ { width: 280px!important; height :44px!important; line-height: 44px; border: 1px solid #ccc; -webkit-border-radius: 4px!important; border-radius: 4px!important; padding-left: 15px; margin-top: 5px; font-size: 14px;  background: #f8f8f8; }
input:focus, textarea:focus /*, .selectric-wrapper:focus*/ { border-color: #666; }
input[type="submit"] { padding-left: 0; color: #fff; border:none; line-height: 32px; cursor: pointer;  margin-bottom: 30px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; width: 280px!important; height :54px!important; line-height: 54px; margin-top: 20px; -webkit-border-radius: 4px!important; border-radius: 4px!important; font-size: 18px; font-weight: bold; }
input[type="submit"]:focus { border:none; }
textarea { width: 480px; height: 140px; line-height: 22px; font-size: 14px; padding: 15px; margin-top: 5px; border: 1px solid #ccc; -webkit-border-radius: 4px; border-radius: 4px; background: #f8f8f8; }
/*#content .selectric-wrapper ul { margin-left: 0; }*/


/* CUSTOM */
header { position: static; top: 0; left: 0; width: 100%; z-index: 999; }
body { /*padding-top: 100px;*/ }
#slider { clear: both; }
#logo-wrapper { padding: 34px 0; }
#menu-wrapper { line-height: 29px; padding: 34px 0; }
#slider h1 { font-size: 42px; color: #fff; letter-spacing: -1px; line-height: 1.2; margin-bottom: 30px; }
#slider h2 { font-weight: bold; font-size: 22px; color: #fff; letter-spacing: -1px; line-height: 1.4; }
#slider li { max-width: 100%; min-height: 700px; padding: 200px 0; text-shadow: 1px 1px rgba(0,0,0,.2); background-size: cover; background-position: top center!important; display: flex; justify-content: center; align-items: center; }
#slider ul { padding: 0; margin: 0; list-style-type: none; }
#about .col-10:before { content: '\f10e'; font-family: 'FontAwesome'; position: absolute; top: -50px; left: 50%; margin: 0 0 0 -400px; color: #e7e7e7; font-size: 120px; z-index: -1;}
#about .col-10 { overflow: visible; padding: 20px 60px 5px; position: relative; }
#about h3 { margin-bottom: 0; }
.wrapper { padding: 40px 0; }
h3, #content a { color: #E10600; text-decoration: none; }
#content a:hover { color: rgb(255,149,0); }
#offer { bbackground: rgb(255,149,0);
background: linear-gradient(90deg, rgba(255,149,0,1) 0%, rgba(224,0,0,1) 100%);  color: #fff; max-width: 1440px; margin: 0 auto; }
#offer h3 { color: #fff; }
#offer .btn { float: left; }

#offer .col-6 { padding: 20px 30px 30px 30px; text-align: justify; }
.h3-strip { width: 50%; height: 2px; background: #fff; position: absolute; top: 50%; transform: translateY(-1px); right: 0px; }
.h3-wrapper { position: relative; margin-bottom: 30px; }
.news-image { margin-bottom: 20px; }
.news-image img {   display: block; }
.news-short p { text-align: justify; font-size: 14px; }
.readmore { font-weight: bold; font-size: 14px; float: right; }
#baner { margin: 0; background: url(images/02.jpg) center center no-repeat; padding: 100px 0; }
#baner h3 { color: #fff; text-shadow: 1px 1px rgba(0,0,0,.2); }
footer { padding: 25px 0 40px 0; }
footer a { color: #111; text-decoration: none; }
#kontakt .col i { font-size: 40px; color: #fff; }
#map iframe { margin: 40px 0; display: block; }
#breadcrumb { padding: 15px 0; color: #fff; font-size: 14px; margin-bottom: 20px;
background: rgb(255,149,0);
background: linear-gradient(90deg, rgba(255,149,0,1) 0%, rgba(224,0,0,1) 100%);
}
#breadcrumb span { margin: 0 1rem; }
#breadcrumb a { color: #fff; text-decoration: none; font-weight: bold;}
#content #sidebar { padding-top: 70px; }
#content #sidebar h3 { font-size: 22px; }
#sidebar .block { border-left: 3px solid #f7f7f7; padding: 15px 0 15px 30px; margin-bottom: 40px; }
#page-content, #archive-content { margin-bottom: 80px; }
#archive-content { padding-top: 20px; }
#archive-content .readmore { margin-bottom: 20px; }
.archive #archive-content .col-4 { border-bottom: 3px double #e7e7e7; margin-bottom: 30px; }
.news-image a img, #main img { height: auto }

.bgIcon { background: rgb(255,149,0);
background: linear-gradient(90deg, rgba(255,149,0,1) 0%, rgba(224,0,0,1) 100%); -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: block; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; }


/* ######################

          RWD 

###################### */

@media all and (min-width: 1366px){

    #slider li { min-width: 1366px;  }
}


@media all and (min-width: 1200px){
    
    .container { width: 1160px; }

    /* COLUMNS */
    .row { margin: 0 -20px; }
    .col { float: left; margin: 0 20px; display: block; }
    .col-1 { width: 60px; }
    .col-2 { width: 160px; }
    .col-3 { width: 260px; }
    .col-4 { width: 360px; }
    .col-5 { width: 460px; }
    .col-6 { width: 560px; }
    .col-7 { width: 660px; }
    .col-8 { width: 760px; }
    .col-9 { width: 860px; }
    .col-10 { width: 960px; }
    .col-11 { width: 1060px; }
    .col-12 { width: 1160px; }
    .span-1 { margin-left: 120px; }
    .span-2 { margin-left: 220px; }
    .span-3 { margin-left: 320px; }
    .span-4 { margin-left: 420px; }
    .span-5 { margin-left: 520px; }
    .span-6 { margin-left: 620px; }
    .span-7 { margin-left: 720px; }
    .span-8 { margin-left: 820px; }
    .span-9 { margin-left: 920px; }
    .span-10 { margin-left: 1020px; }
    .span-11 { margin-left: 1120px; }

}

@media all and (min-width: 1024px) and (max-width: 1199px){

    #slider li { min-height: 500px; }
    
    .container { width: 940px; }

    /* COLUMNS */    
    .row { margin: 0 -10px; }
    .col { float: left; margin: 0 10px; display: block; }
    .col-1 { width: 60px; }
    .col-2 { width: 140px; }
    .col-3 { width: 220px; }
    .col-4 { width: 300px; }
    .col-5 { width: 380px; }
    .col-6 { width: 460px; }
    .col-7 { width: 540px; }
    .col-8 { width: 620px; }
    .col-9 { width: 700px; }
    .col-10 { width: 780px; }
    .col-11 { width: 860px; }
    .col-12 { width: 940px; }
    .span-1 { margin-left: 90px; }
    .span-2 { margin-left: 170px; }
    .span-3 { margin-left: 250px; }
    .span-4 { margin-left: 330px; }
    .span-5 { margin-left: 410px; }
    .span-6 { margin-left: 490px; }
    .span-7 { margin-left: 570px; }
    .span-8 { margin-left: 650px; }
    .span-9 { margin-left: 730px; }
    .span-10 { margin-left: 810px; }
    .span-11 { margin-left: 890px; }

}

@media all and (max-width: 1023px){

    .sideBtn { display: none; }

    #logo-wrapper { padding: 30px 0; }
    #slider li { min-height: 600px; padding: 0; }
    
    #logo img { width: 160px; }
    .container { width: 90%; }
    body { font-size: 14px;  }
    h1 { font-size: 30px; }
    h2 { font-size: 26px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    ul.menu { clear: both; }
    #menu { width: 100%; height: 100%; position: fixed; top: 0px; left: 0; z-index: 99999; background: rgba(255,255,255,.95); padding: 20px 30px; overflow-y: scroll; display: none; }
    #menu > ul { width: 480px; margin: 0 auto 100px; clear: both; }
    #menu ul li a { color: #333; padding: 2px 0 }
    #menu.alignright { text-align: left; }
    .sub-menu { display: block; position: static; visibility: visible; opacity: 1; background: none; margin: 0;}
    #menu ul li { display: block; margin: 0; }
    #openMenu, #closeMenu { display: block; }
    .btn { width: 220px; height: 44px; line-height: 40px; }
    input, select, textarea { width: 300px; }

    #offer .col-6 { overflow: hidden; }

    #kontakt .col-3 { width: 50%; float: left; margin-bottom: 2rem; }
    footer p { text-align: center!important; }

    #menu-menu-glowne { text-align: center; }
    #menu ul.menu li { display: block; margin: 0 0 1rem 0; padding: 0; }
    
}

@media all and (max-width: 480px){
    
    #menu > ul { width: 90%; }

}


/* ######################

        END RWD 

###################### */