/* Global reset */
* {vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 100%;border: 0 none;outline: 0;padding: 0;margin: 0;list-style:none; border-radius: 0;}

*:focus{ outline: none !important; box-shadow: none !important; }

.images img { margin: 0 0 15px 0 }
.djc_item .djc_thumbnail{ width: auto !important; }

.color1 *, .color2 *, .color3 *, .color4 *, .color5 *, .color6 *, .color-white *{ color: inherit !important; }
.tlo1{ background: url(../../../images/design/page/layout/tlo1.jpg) 50% 0 no-repeat; }
.tlo2{ background: url(../../../images/design/page/layout/tlo2.jpg) 50% 0 no-repeat; }
.tlo3{ background: url(../../../images/design/page/layout/tlo3.jpg) 50% 0 no-repeat; }
.tlo4{ background: url(../../../images/design/page/layout/tlo4.jpg) 50% 0 no-repeat; }
.tlo5{ background: url(../../../images/design/page/layout/tlo5.jpg) 50% 0 no-repeat; }
.tlo6{ background: url(../../../images/design/page/layout/tlo6.jpg) 50% 0 no-repeat; }

.body-sm div[class*="ordering-sm-"],.body-xs div[class*="ordering-xs-"]{ display: flex;flex-direction: column};
.body-sm .ordering-sm-1,.body-xs .ordering-xs-1{ order:1 }
.body-sm .ordering-sm-2,.body-xs .ordering-xs-2{ order:2 }
.body-sm .ordering-sm-3,.body-xs .ordering-xs-3{ order:3 }
.body-sm .ordering-sm-4,.body-xs .ordering-xs-4{ order:4 }
.body-sm .ordering-sm-5,.body-xs .ordering-xs-5{ order:5 }
.body-sm .ordering-sm-6,.body-xs .ordering-xs-6{ order:6 }
.body-sm .ordering-sm-7,.body-xs .ordering-xs-7{ order:7 }
.body-sm .ordering-sm-8,.body-xs .ordering-xs-8{ order:8 }
.body-sm .ordering-sm-9,.body-xs .ordering-xs-9{ order:9 }
.body-sm .ordering-sm-10,.body-xs .ordering-xs-10{ order:10 }
.body-sm .ordering-sm-11,.body-xs .ordering-xs-11{ order:11 }
.body-sm .ordering-sm-12,.body-xs .ordering-xs-12{ order:12 }
.body-sm .ordering-sm-13,.body-xs .ordering-xs-13{ order:13 }
.body-sm .ordering-sm-14,.body-xs .ordering-xs-14{ order:14 }
.body-sm .ordering-sm-15,.body-xs .ordering-xs-15{ order:15 }
.body-sm .ordering-sm-16,.body-xs .ordering-xs-16{ order:16 }
.body-sm .ordering-sm-17,.body-xs .ordering-xs-17{ order:17 }
.body-sm .ordering-sm-18,.body-xs .ordering-xs-18{ order:18 }
.body-sm .ordering-sm-19,.body-xs .ordering-xs-19{ order:19 }
.body-sm .ordering-sm-20,.body-xs .ordering-xs-20{ order:20 }

/* Main css */
body{background:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px}
h1,h2,h3,h4,h5,h6{ margin-top: 0 }
img{ max-width: 100%; height: auto; }
img.content-image{ margin-bottom: 30px; display: inline-block; }
picture{ position: relative;max-width:100% }
ol li{ list-style: decimal; margin-left: 20px; }
section{ clear: both; }
p:last-of-type{ margin-bottom: 0 }
.center { max-width: 1070px; margin: 0 auto; position: relative;}
.nomargin { margin: 0 !important }
.nomargin-top { margin-top: -30px !important; }
.nomargin-right { margin-right: 0 !important }
.nomargin-bottom { margin-bottom: -30px !important }
.nomargin-left { margin-left: 0 !important }
.nopadding { padding: 0 !important }
.nopadding-top { padding-top: 0 !important; }
body:not(.body-xs):not(.body-sm) .nopadding-right { padding-right: 0 !important }
.nopadding-bottom { padding-bottom: 0 !important }
body:not(.body-xs):not(.body-sm) .nopadding-left { padding-left: 0 !important }
.body-xs .text-center-xs,.body-sm .text-center-sm{ text-align: center !important; }
.full-width,.full-width-center {width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw; padding-top: 60px; padding-bottom: 60px;margin-top: 0;margin-bottom: 30px;}
.full-width > .center {max-width: 100%;}
.full-content-width,.full-width-center > .center {max-width: 1170px;position: relative;}
.full-width-center > .center {padding: 0 7px;}
.flex-center{ display: flex; align-items: center; }
.body-xs .flex-center,.body-sm .flex-center,body:not(.body-xs):not(.body-sm) .flex-center[class*="col-"]{ flex-direction: column; }
body:not(.body-xs):not(.body-sm) .flex-center{ display: flex; align-items: center; }
.custom-float{ float: none; width: 100%; z-index: -1 }
.custom-float div{ display: table; }
.row.custom-float {margin-left: 0;margin-right: 0;}
.body-xs .full-content-width,.body-sm .full-content-width,.body-md .full-content-width {width: 100vw;position: relative;left: 0;right:auto;margin:0 -15px;}
div[class*='custom-bg-after-'].row,.row.even{ padding-top: 80px; padding-bottom:80px; float:left; position:relative; width:100% }
div[class*='custom-bg-after-'].row:after,.row.even:after{ content:'';position: absolute;height:100%;width: 100vw;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw; display:block; top:0; z-index:-1 }
.row:not(.inner) > .row{ margin: 0 }
ul.dropdown-menu{ margin: 0; box-shadow: none; }
.navbar-default .navbar-toggle{ border-radius: 0 }
.align-right .mod-languages { float: right; }
.btn{ position:relative; z-index:0; white-space: normal; backface-visibility: hidden;-webkit-backface-visibility: hidden; }
.btn:hover,.btn:hover:before,.btn:hover:after,nav ul li:hover a,.menu li:hover a{ -webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }
.mod_djc2catitems > ul.collapse {display: block;}
.align-right .navbar .navbar-collapse {text-align: left;}
.align-right .navbar-custom .nav.menu > li,.align-center .navbar-custom .nav.menu > li,.align-right .navbar .navbar-nav {display: inline-block;float: none;}
.body-xs .align-right .navbar-custom .nav.menu > li,.body-xs .align-center .navbar-custom .nav.menu > li {display: block;}
.body-xs .align-right .navbar-custom .nav.menu li {display: block;float: none;}
.align-center .navbar-custom .nav.menu {text-align: center; line-height: 0; float: none; text-align: center;}
.align-right .navbar-custom .nav.menu,.align-right .navbar .navbar-collapse {text-align: right; line-height: 0}
.navbar-custom .nav.menu li > a.dropdown-toggle{ display: none; position: absolute;right: -20px;top: 0; z-index: 9999 }
.body-xs .navbar-custom .nav.menu li > a.dropdown-toggle{ right: 0; }
.body-xs .align-right .navbar-custom .nav.menu,.body-xs .align-right .navbar .navbar-collapse {text-align: left; line-height: normal;}
.body-xs .navbar .navbar-nav{ display: block; }
.body-xs .navbar-custom .navbar-collapse .nav.menu li.dropdown ul{ position: relative; width: 100% }
.body-xs .navbar .navbar-collapse {text-align: left;}
.body-xs .navbar-custom .nav.menu > li {margin-left:0 !important; margin-right: 0 !important; clear: both;}
.body-xs .navbar-custom .nav.menu > li.logo { display: none;}
.nav-pills>li>a,.btn{ border-radius: 0 }
.table>tbody>tr>th{ border-top: none }
.panel-group .panel{ border: 0 }
.panel-group .panel-title .icon { vertical-align: middle; }
.panel-group .panel-title a:not([class]) > .icon.expanded,.panel-group .panel-title a.collapsed > .icon.expanded,.panel-group .panel-title a:not(.collapsed) > .icon { display: none }
.panel-group .panel-title a[class]:not(.collapsed) > .icon.expanded,.panel-group .panel-title a:not([class]) > .icon { display: block }
.panel-group .panel-title .icon.pull-left { margin: 0 10px 0 0 }
.panel-group .panel-title .icon.pull-right { margin: 0 0 0 10px }
.image{ position: relative; }
.image img{ display: block; margin: 0 auto}
.image .mask{ position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.rssocial-fixed { width: auto !important; min-width: 0 !important; }
.body-xs .rssocial-floating-right.rssocial-fixed { right: 0 !important }
.body-xs .rssocial-floating-left.rssocial-fixed { left: 0 !important }
.body-xs .rssocial-nonvisible { z-index: -9999 }
.body-xs .rssocial-icons ul{ width: 40px !important }
div[class*=block].fixed{ transition: all .5s ease-in-out; }
div[class*=block] > div:not(.clearfix){ position: relative;}
div[class*=block] > div.wrapper:not(.row),div[class*=block] > div[class] > .inner:not(.row){ float:left; width:100% }
div[class*=block] .inner.row{ clear: both;}
div[class*=block] div[id*=accordion] .panel-title a{ display: block; text-decoration: none}
div[class*=block] .inner .content { position: relative; z-index: 1}
div[class*=block] .inner .inner .content { z-index: 2}
div[class*=block] .inner > div.bg.parallax {height: 100%;position: absolute;top: 0;left: 0;z-index: 0;margin-top: 0;}
.slider { position: relative; z-index: 0}
.slider ul li { padding-left: 0 !important}
.slider .description { position: absolute; z-index: 150}
.slider .bxslider li .description > .center { padding: 0 15px }
.slider .topmask, img[class*=modmasktop] { position: absolute; left: 0; top: 0; z-index: 100}
.slider .bottommask, img[class*=modmaskbottom] { position: absolute !important; left: 0; bottom: 0; z-index: 100}
div.parallax{ height: 300px; width: 100%; position: relative; margin-bottom: 15px; margin-top: 15px; clear: both; z-index: 100 }
div.parallax > div{ height: 100%;width: 100%;position: absolute;left: 50%; background-size: cover !important; overflow-x: hidden; z-index: -1}
div.pagination{ width: 100%; clear: both; text-align: center; }
#main #content .pagination li { padding-left: 0; background: none; }
.body-xs #main #content {clear: both;}
div.pagination li a, div.pagination li span { border-radius:0 }
.pagination li.current a, .pagination li.current span { background: #ddd; color: #fff }
.pager.pagenav > li{ padding-left: 0 !important; background: none !important }
#wrapper{width:100%; overflow: hidden;}
#container{width:100%; margin: 0 auto}
header{width:100%;}
header .navbar{border: none}
body:not(.body-xs) header .navbar{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
body:not(.body-xs) header .header.sticky { position: fixed !important; top: 0; left:0; z-index: 160; width: 100%}
header .navbar-header { display: none; }
header .logo.text-center,.body-xs header .navbar-header { display: block; }
header #logo{padding:15px 0; display: inline-block;}
#main{width:100%;}
#main #content { position: relative; }
#main #content .row .row:not([class*="full-width"]):not([class*="background"]):not(.flex-center){ margin-bottom:25px }
.body-xs #main #content .row, .body-sm #main #content .row{ clear: both; }
div[class*=parallax]{ display: flex; align-items: center; justify-content: center; }
#main #content .blog .pull-left.item-image { float: none !important;position: relative; }
#main .inner > .center > .row{ margin: 0 }
.droppicsgallerymasonry .droppicspictures{ margin: 0 auto }
.carousel .bx-wrapper{ overflow: visible; }
/*.carousel ul.bxslider{ display: flex; align-items: center; }*/
.carousel ul.bxslider > li, .left ul > li, .right ul > li{ padding: 0; background: none !important }
.carousel .bx-wrapper .bx-prev{ margin-left: -4.1111111% }
.carousel .bx-wrapper .bx-next{ margin-right: -4.1111111% }
body:not(.body-xs):not(.body-sm) .img-toLeft{ margin-right:30px; margin-bottom:15px }
body:not(.body-xs):not(.body-sm) .img-toRight{ margin-left:30px; margin-bottom:15px }
.body-xs .img-toLeft,.body-sm .img-toLeft,.body-xs .img-toRight,.body-sm .img-toRight{ float:none !important; display: block; margin-top: 15px; margin-bottom: 15px }
.vcenter{ display:flex; align-items: center; }
.rsform .form-control { min-height: 34px; height: auto; }
.rsform-captcha-box {display: inline-block;margin: 0 10px;}
.rsform input[id^=agree]{ position: absolute; margin-left: 0; z-index: 99999}
.rsform label[for^=agree]{position: relative;}
.rsform .checkbox+label{ padding-left: 20px }
.spu_content{ background: none; border: none; box-shadow: none; }
footer{width:100%;clear: both;}

/* checkbox i radiobutton */
.checkbox label:after, .radio label:after {content: ''; display: table; clear: both;}
.checkbox .cr, .radio .cr {position: absolute; display: inline-block; border: 1px solid #a9a9a9; border-radius: 0; width: 15px; height: 15px; float: left; margin-right: 0; background: #fff}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {position: absolute; font-size: 9px; line-height: 0; top: 50%; left: 20%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {opacity: 0;}
.checkbox input[type="checkbox"] + .cr > .cr-icon, .radio input[type="radio"] + .cr > .cr-icon {-webkit-transform: scale(3) rotateZ(-20deg);
transform: scale(3) rotateZ(-20deg); opacity: 0; -webkit-transition: all .3s ease-in;
transition: all .3s ease-in;}
.checkbox input[type="checkbox"]:checked + .cr > .cr-icon, .radio input[type="radio"]:checked + .cr > .cr-icon {-webkit-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg); opacity: 1;}
.checkbox input[type="checkbox"]:disabled + .cr, .radio input[type="radio"]:disabled + .cr {opacity: .5;}

/* Kolory */
.color-white{ color: rgba(255, 255, 255, 1.0); }
.background-transparent{ background: none !important; }
.background-white{ background-color: rgba(255, 255, 255, 1.0); }