/* BOF BOOTSTRAP OVERRIDE */
@media screen and (min-width: 1600px) {
    .container-fluid {
        width: 1600px;
    }
}

.container-full { width:100%; margin-right: auto; margin-left: auto; }
.container-full:before, .container-full:after { display: table; content: " "; }
.container-full:after { clear: both; }




.navbar {margin-bottom:0px;}
.breadcrumb { background-color: #FFF; border-radius: 4px; }


.form-horizontal.compact .form-group-sm .control-label:first-child {padding-top: 0px;}



div.thumbnail.active, div.thumbnail:focus, div.thumbnail:hover {    
    border-color: #337ab7;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover,
div.thumbnail a:not(.btn), div.thumbnail.active a:not(.btn), div.thumbnail:focus a:not(.btn), div.thumbnail:hover a:not(.btn)  { color: inherit; text-decoration: none;}
div.thumbnail span:not(.no-blue) { color:#337ab7}

.hoverElement {
    transition: box-shadow .15s ease-out,top .5s ease-out,opacity .5s ease-out;
}
.hoverElement:hover, .hoverElement:focus, .hoverElement:active, .hoverElement:active:hover, .hoverElement:active:focus {
    box-shadow: 0 20px 70px rgba(0,0,0,.34);
    box-shadow: 0 4px 8px rgba(5,6,6,.06);
}

.prod-box:nth-child(4n + 1) { clear:left; }


.navbar-nav .caret-sub { display: block; content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px; margin-right: -10px; }
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}


.panel-title { font-weight: 700;}
.panel-heading a, .panel-heading a:hover, .panel-heading a:focus {text-decoration: none; color: inherit;}
.panel-heading a .panel-title:after { float: right; content: "\f068"; font-size: 16px; font-weight: 700; font-family: "Font Awesome 5 Pro"; }
.panel-heading a.collapsed .panel-title:after { content: "\f067"; }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
/* EOF BOOTSTRAP OVERRIDE */


/* CSS Document */
html,
body {
    /*overflow-x: hidden; /* Prevent scroll on narrow devices, Če je tole odkomentirano potem na mobilnih napravah crollanje "šteka" */
    width:100%; height:100%; margin:0; padding:0;
}
html {

}
body { padding-top: 0px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:15px;}
body.modal-open, body.primerjalnik_active { position: fixed; }


a { outline-style: none; outline:none; color:#008eaa }
a:focus, a:hover {
    color: #33a4ba;
    text-decoration: underline;
}


#paypal-button,
.paymentDESCRIPTION,
#billingADDRESS,
#loaderOrderProccess,
#searchBar,
.orderDetails,
.hidden { display:none;} 

img.lazy { /*display: none;*/ }
.to_top { position:fixed; right:2%; bottom:4%; display:none; z-index:1100; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.to_top a { display:block; padding:10px; border:1px solid #008eaa; background:#FFF;}
.to_top a:hover, .to_top a:focus { background:#008eaa; color:#FFF; border:1px solid #FFF;}

h3.login { margin:0; }
a.btn-login {padding:10px 0; color:inherit}
a.btn-login.active { background:#ccc; }
a.btn-login:hover, a.btn-login:focus { background:#ccc; text-decoration:none; }

.alert-blank { color: #000; background-color: #FFF; border-color: #d6e9c6; }
.alert-blank > .form-group {margin-bottom:0px;}
.alert-success > .close.small,
.alert-blank > .close.small { font-size:14px;}


.hidden_description { background:#f4f4f4; padding:15px; border-top:1px solid #d6e9c6; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.pm-card { font-size:24px;}
.pm-card-inline { font-size:100px; color:#777;}

.ajax-loader-more {
    display: none;
    min-height: 33.33px;
    background: transparent url('/assets/images/AjaxLoader.gif') no-repeat center center;
}


.parallax { color:#FFF; background-position: 50% 0; background-repeat:repeat-y; -webkit-background-size: cover; background-size: cover; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.parallax-holder { padding-top:150px; padding-bottom:150px; text-align:center; }
.parallax.fixed {  background-position: 50% 50%;  background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; -moz-transform:none; -webkit-transform:none; transform:none; }
.parallax.default-font-color {color:inherit;}
.parallax .transparenca { width: 100% !important; height: 100% !important;}

/* PAGE LOADER*/
.page-loader { display:none; position: fixed; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; overflow: hidden; text-align:center; background: rgba(51,51,51,0.95); /*background: rgba(51,51,51,0.9) url('../images/ajax-loader-big.gif') no-repeat center center;*/ }
.page-loader .holder-loader {position:absolute; left:50%; top:50%;}
.page-loader .holder-loader .loader {
    position:relative;
    left: -62px;
    top: -82px;
    text-align:center;
    border: 16px solid #414042;
    border-top: 16px solid #f7931e;
    border-bottom: 16px solid #f7931e;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
/*.page-loader > .holder-text { position:relative; top:0%; }
.page-loader > .holder-text > span { color:rgba(200,200,200,1.00); }*/
.page-loader .holder-text { position:absolute; bottom:0; left:-125px; width:250px; background-color:rgba(233,233,233,1.00); padding:10px; border-radius:6px;}
.page-loader .holder-text > span { color:rgba(0,0,0,1.00); }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* EOF PAGE LOADER*/






/*CART*/
.page-cart { display:none; width:100%; height:100%; position:fixed; z-index:1199; overflow-y: auto; background:rgba(0,0,0,0.60);}
.page-cart .left  { float:left; width:80%; height:inherit; transition: width 0.4s linear;}
.page-cart .right { float:left; width:20%; height:inherit; background:rgba(255,255,255,1.00); transition: width 0.4s linear;}
.page-cart .right .close {}

.page-cart .page-cart-header { padding:20px; background:rgba(200,200,200,1.00); }
.page-cart .page-cart-content { padding-top:50px; background:rgba(255,255,255,1.00);}
.page-cart .page-cart-content .attr { font-size:12px;}
.btn-100 { width:100%;}


@media (max-width: 1920px) { .page-cart .left  { width:70%;  } .page-cart .right { width:30%; } }
@media (max-width: 1400px) { .page-cart .left  { width:60%;  } .page-cart .right { width:40%; } }
@media (max-width: 1200px) { .page-cart .left  { width:50%;  } .page-cart .right { width:50%;} }
@media (max-width: 767px) { .page-cart .left  { width:30%;  } .page-cart .right { width:70%;} }
@media (max-width: 400px) { .page-cart .left  { width:0%;  } .page-cart .right { width:100%;} }




#cartHEADER { position:relative;}
#cartHEADER_html { position:absolute; right:0; top:20px; display:none; z-index:1002; border:1px solid #ccc; background-color:#FFF; width:400px; padding:15px; border-radius:6px; }

#pravnaHOLDER { display:none;}

ul.cart_progress {}
ul.cart_progress li { color:#626262; }
ul.cart_progress li.current { color:#000; font-weight:600;}
ul.cart_progress li a { color:inherit; }
ul.cart_progress li.active a { color:#3c763d;}

/*EOF CART*/



/* CATEGORIES, SEZNAM PRODUKTOV*/
.filter_categories, .filter_categories ul { margin: 0; padding: 0; list-style: none;}
.filter_categories .childrens .child-menu { margin-left: 20px;}
.filter_categories li a {color: inherit;}
.filter_categories li {font-weight: 400;}
.filter_categories li.active { font-weight: 700; }
.filter_categories li:before { display: inline-block; content: "\f0da"; font-size: inherit; font-weight: 700; font-family: "Font Awesome 5 Pro"; margin-right: 5px;}

.btn-filter { display: none; width: 100%;}
.filter-remove { display: inline-block; margin-right: 10px; margin-bottom: 0px;}

.filter-remove-all { padding-left:10px; position: absolute; top:-2px; cursor: pointer; display: inline-block; }


/*.filter_categories .childrens:not(.active) ul { display: none;}*/
/* EOF CATEGORIES, SEZNAM PRODUKTOV*/






#imgCaptcha { width:100% !important; height:34px !important; }


.thumbnail a > div img, .thumbnail > div img {
    margin-right: auto;
    margin-left: auto;
}
.thumbnail a > div img, .thumbnail > div img {
    display: block;
    max-width: 100%;
    height: auto;
}
.prod-img-holder { position: relative; width: 100%;}
.prod-badge-holder { position: absolute; top: 0; right: 0; font-size: 1rem;}



.checkbox label.fancy-checkbox {padding-left: 0;}
.fancy-checkbox input[type="checkbox"] { display: none; }
.fancy-checkbox span:before { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight:400; font-size:18px; content: '\f0c8'; margin-right: .3em; }
.fancy-checkbox input[type="checkbox"]:checked ~ span:before { content: '\f14a'; }
@media (max-width: 767px) {
    
}


/*.
fancy_chkbox { cursor:pointer; }
.fancy_chkbox .chkbox { border:1px solid #99d1dd; width:34px; height:34px; display:inline-block;}
.fancy_chkbox .chkbox img { width:34px; height:34px; }
.fancy_chkbox .fancyLabel { padding-top:7px; padding-left:10px; display:inline;}
@media (max-width: 767px) {
    .fancy_chkbox { padding-top: 20px;}
}
*/



.padding10 { padding:10px;}
.padding15 { padding:15px;}
.padding20 { padding:20px;}
.padding30 { padding:30px;}
.padding35 { padding:35px;}
.padding40 { padding:40px;}
.padding50 { padding:50px;}
.paddingt10 { padding-top:10px;}
.paddingt20 { padding-top:20px;}
.paddingt25 { padding-top:25px;}
.paddingt30 { padding-top:30px;}
.paddingt40 { padding-top:40px;}
.paddingt50 { padding-top:50px;}
.paddingb10 { padding-bottom:10px;}
.paddingb20 { padding-bottom:20px;}
.paddingb30 { padding-bottom:30px;}
.paddingb40 { padding-bottom:40px;}
.paddingb50 { padding-bottom:50px;}
.paddingr10 { padding-right:10px;}
.paddingr20 { padding-right:20px;}
.paddingr30 { padding-right:30px;}
.paddingr40 { padding-right:40px;}
.paddingr50 { padding-right:50px;}

.paddingl10 { padding-left:10px;}
.paddingl20 { padding-left:20px;}
.paddingl30 { padding-left:30px;}
.paddingl35 { padding-left:35px;}
.paddingl-sm-20 { padding-left:20px;}
.padding-footer { padding:50px 30px;}
.padding-news-20 { padding-top:20px; padding-bottom:20px; }
.paddingtb20 { padding-top:20px; padding-bottom:20px; }
.paddingltr20 { padding: 20px 20px 10px 20px;}
.paddingtb35 { padding-top:35px; padding-bottom:35px;}

.margint10 { margin-top:10px;}

.nomargin {margin:0;}
.nopadding {padding:0;}
.text-sm-right { text-align:right;}

.pointer { cursor:pointer;}


.text-error { color:#a94442;}
.text-green { color:#99cc00}
.text-white { color:#FFF;}
.text-black 		{ color:#000;}
.text-black-20 	{ color:#cccccc;}
.text-black-40 	{ color:#999999;}
.text-black-60 	{ color:#818285;}
.text-black-80 	{ color:#333333;}
.text-blue, a.text-blue			{ color:#008eaa;}
.text-blue-20 	{ color:#cce8ed;}
.text-blue-40 	{ color:#99d1dd;}
.text-blue-60 	{ color:#66bbcc;}
.text-blue-80 	{ color:#33a4ba;}


.text-green-bck { background:#018EA9; color:#FFF; padding:0 7px; margin-bottom:2px; display:table;}
.text-big-article-date { font-size:19px; }
.text-big-article-desc { font-size:25px; font-weight:700;}
.text-10 { font-size:10px;}
.text-11 { font-size:11px;}
.text-12 { font-size:12px;}
.text-13 { font-size:13px;}
.text-14 { font-size:14px;}
.text-15 { font-size:15px;}
.text-16 { font-size:16px;}
.text-17 { font-size:17px;}
.text-18 { font-size:18px;}
.text-19 { font-size:19px;}
.text-20 { font-size:20px;}
.text-24 { font-size:24px;}
.text-regular { font-weight: 400;}
.text-bold 	{ font-weight: 700;}
.text-sub-title { font-size:21px; color:#008eaa; }
.text-uppercase { text-transform:uppercase;}
.text-italic { font-style:italic;}
.text-line-through {text-decoration: line-through;}
.text-relative {position: relative;}


.bg-black 	{ background:#000000;}
.bg-black-5 	{ background:#F3F3F4;}
.bg-black-10 	{ background:#E6E7E8;}
.bg-black-20 	{ background:#cccccc;}
.bg-black-40 	{ background:#999999;}
.bg-black-60 	{ background:#818285;}
.bg-black-80 	{ background:#333333;}
.bg-blue	{ background:#008eaa;}
.bg-blue-20 	{ background:#cce8ed;}
.bg-blue-40 	{ background:#99d1dd;}
.bg-blue-60 	{ background:#66bbcc;}
.bg-blue-80 	{ background:#33a4ba;}


.bg1 		{ background:#E5F4F7;}
.bg2		{ background:#E5E5E4;}
.bg3    	{ background:#018EA9;}
.bg4    	{ background:#BBBBBB;}
.bg-white { background:#FFFFFF;}






/* Gb Schedules */
.schedule-content .nav-tabs {
    background-color: #f7f7f7;
    border: 0;
    margin-bottom: 25px;
    padding: 0 25px;
}

.schedule-content .nav-tabs>li {
    margin-right: 70px;
}

.schedule-content .nav-tabs>li>a {
    margin-right: 0;
    margin: 0;
    border-radius: 0;
    padding: 13px 15px 20px;
    border: 0;
    color: #29333f;
    position: relative;
}

.schedule-content .nav-tabs>li>:after {
    position: absolute;
    content: "";
    bottom: -13px;
    left: 50%;
    margin-left: -18px;
    border-left: 15px solid transparent;
    border-right:15px solid transparent;
    border-top: 15px solid #f7f7f7;
    opacity: 0;
}

.schedule-content .nav-tabs>li.active>:after,
.schedule-content .nav-tabs>li>:hover:after {
    opacity: 1;
}

.schedule-content .nav-tabs>li>a span {
    font-size: 20px;
    font-weight: 700;
    display: block;
}

.schedule-content .nav-tabs>li:hover a,
.schedule-content .nav-tabs>li.active>a, 
.schedule-content .nav-tabs>li.active>a:focus, 
.schedule-content .nav-tabs>li.active>a:hover {
    color: #29333f;
    border: 0;
    background-color: transparent;
}

.gb-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


.gb-schedules.width-bg {
    background-color: #0069B4;
    /*    background-attachment: fixed;
        background-image: url(/assets/images/template/bg/Schedule-bg.jpg);*/
}

.schedule {
    background-color: #fff;
}

.schedule>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.schedule > ul > li.gb-break::after {
    display: none;
}


.schedule>ul>li {
    color: #29333f;
    padding: 20px 40px 35px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #007BC2;
}

.schedule>ul>li:nth-child(even) {
    background-color: #f7f7f7;
}

.schedule>ul>li:after {
    position: absolute;
    content: "\f0c9";
    top: 45px;
    right: 45px;
    font-size: 20px;
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
}

.schedule>ul>li.active:after {
    content: "\f068";
}

.author { margin-bottom: 20px;}
.author-image {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 1px solid #ddd;
    overflow: hidden;
}

.author-image,
.schedule-summary {
    display: none;
}

.schedule>ul>li.active .author-image,
.schedule>ul>li.active .schedule-summary {
    display: block;
}




.author-image img {
    width: 100%;
    height: 100%;
    padding: 5px;
}

.author-title {
    font-weight: 300;
}

.author-title h2 {
    font-size: 18px;
    margin: 20px 0 5px;
}

.schedule-info {
    line-height: 24px;
    max-width: 735px;
    padding-left: 30px;
    position: relative;
}

.schedule-info:before {
    position: absolute;
    content: "";
    left: -20px;
    top: 50%;
    margin-top: -32px;
    width: 1px;
    height: 65px;
    background-color: #dfdfdf;
}

.schedule-info h2 {
    font-size: 20px;
    margin: 15px 0;
    text-transform: capitalize;
    color: #29333f;
}

.schedule-info ul {
    overflow: hidden;
}

.schedule-info ul li {
    float: left;
    margin-right: 30px;
}

.schedule-info ul li i {
    margin-right: 10px;
}

.schedule-info ul li span {
    font-weight: 700;
}

.schedule-info ul li:last-child {
    margin-right: 0;
}

.schedule>ul>li.gb-break {
    cursor: inherit;
}

.schedule>ul>li.gb-break:after {
    display: none;
}
/* EOF Gb Schedules */





/* PRIMERJAVA */
.primerjava { display: none; position: fixed; bottom: 0; width: 100%; padding: 20px; background: #337ab7; z-index: 2;}
.primerjava .close {display: block; float: none; position: absolute; left: 10px; top: 10px;}
.primerjava .primerjava-ajax-results .primerjalnikImage {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}
.primerjava .primerjava-ajax-results .primerjalnikImage .produkt_compare_remove { position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.primerjava .primerjava-ajax-results .primerjalnikImage .produkt_compare_remove i { line-height: 40px; font-size: 30px; color:#CD1719; display: none;}
.primerjava .primerjava-ajax-results .primerjalnikImage .produkt_compare_remove:hover i,
.primerjava .primerjava-ajax-results .primerjalnikImage .produkt_compare_remove:focus i { display: block;}

.primerjava .primerjava-ajax-results i.equation{ line-height: 40px; margin-left: 5px; margin-right: 5px; color:#fff;}
.primerjava .primerjava-ajax-results span.title { line-height: 40px; color:#fff; font-weight: 700; letter-spacing: 2px; display: block}
.primerjava .primerjava-ajax-results .products-list { text-align: right;}

@media (max-width: 767px) {
    .primerjava .primerjava-ajax-results span.title { text-align: center; padding-bottom: 20px;}
    .primerjava .primerjava-ajax-results .products-list { text-align: center;}
    .primerjava .primerjava-ajax-results .products-list .btn { margin-top: 20px; display: block;}
}


/* - fullscreen primerjava */
.primerjalnik { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 1003;}
.primerjalnik .bar { width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.primerjalnik .bar .title { float: left;}
.primerjalnik .scroll-wrapper { height: 55vh; overflow-y: auto; /*scroll*/ overflow-x: hidden;}

.primerjalnik .bl { border-left: 1px solid #E5E5E4;}
.primerjalnik .pad > div { padding-top: 10px; padding-bottom: 10px;}
.primerjalnik .pad > div > span { padding-left: 10px;}

.primerjalnik .pad:nth-child(odd) { background: #f5f5f5; }


/* EOF PRIMERJAVA */













/*SWIPER */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-home-bg-image .swiper-slide { 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    /*background-position: left top !important;*/
    height: 400px ! important;
}

.swiper-slide img { width:100%; height:auto; }

.swiper-slide.YT { height:auto; min-height: 600px;}
.swiper-slide.YT iframe { height:100% !important; background:none;}
.swiper-slide.YT .video-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.0); background-image: url(/assets/images/yt-play-button.png); background-size: 70px; background-repeat: no-repeat; background-position: center center; }
.swiper-slide.YT .YT-placeholder { width: 100%; height: 100%;}





.swiper-slide video {  width: 100%; }
.swiper-slide .video-overlay { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/assets/video/gridtile.png); background-repeat: repeat; }
.swiper-slide .video-poster { /* object-fit: fill; */}

.swiper-home-bg-image .swiper-slide.YT { min-height: 400px;}




a.swiper-lightbox { display:contents;}
a.swiper-link { display:contents; /*display:block;*/}
.swiper-text {
    position: absolute;
    z-index: 9999;
    color: #FFFFFF;
    font-size: 1em;

    /*width: 100%;*/
    width:90%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  /* IE10+ specific styles go here */  
    .swiper-text { top:38%; }
    .swiper-text.center { left:5%; right:5%; }
}


.swiper-text.black { color: #272726; }
.swiper-text.grey { color: #7f7f7f; }
.swiper-text.white { color: #fff; }
.swiper-text.red { color: #CD1719; }
.swiper-text.green { color: #72c02c; }

.swiper-text.left { left: 10%; text-align:left; }
.swiper-text.center { left:5%; right:5%; text-align:center; } /*Glede na nastavljeno širino teksta zgora, ki je sedaj 90%*/
.swiper-text.right { right: 10%; text-align:right; }


.slide-transp {  width:100% !important; height:100% !important; position:absolute; left:0; top:0;}
.transp-0 { background:rgba(0,0,0,0.00); }
.transp-1 { background:rgba(0,0,0,0.10); }
.transp-2 { background:rgba(0,0,0,0.20); }
.transp-3 { background:rgba(0,0,0,0.30); }
.transp-4 { background:rgba(0,0,0,0.40); }
.transp-5 { background:rgba(0,0,0,0.50); }
.transp-6 { background:rgba(0,0,0,0.60); }
.transp-7 { background:rgba(0,0,0,0.70); }
.transp-8 { background:rgba(0,0,0,0.80); }
.transp-9 { background:rgba(0,0,0,0.90); }

@media (max-width: 1024px) {
    .swiper-slide.YT { height:auto; min-height: 350px;}    
}
@media (max-width: 767px) {
    /*.swiper-text { display:none;}*/

    .swiper-slide.YT { height:auto; min-height: 170px;}

    .swiper-home-bg-image .swiper-slide { 
        height: 200px !important;
    }
    .swiper-home-bg-image .swiper-slide.YT { min-height: 200px;}

    .swiper-button-next, .swiper-button-prev { display:none;}

    .swiper-text { font-size:0.75em; top:10%;}
    .swiper-text h1 {font-size:2em;}
    .swiper-text.left { }
    .swiper-text.center { } 
    .swiper-text.right { }


}

/*EOF SWIPER */




.rating {
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size:50px;
    color: #337ab7;
}
.rating-star {
    padding: 0 3px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
}
.rating-star:after {
    position: relative;
    content: "\f0c8";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    line-height: 50px;
    font-weight: 300;
}

.rating-star.checked ~ .rating-star:after,
.rating-star.checked:after {
    content:'\f14a';
    font-weight: 300;
    font-style: normal;
    line-height: 50px;
}

.rating:hover .rating-star:after {content:"\f0c8"; line-height: 50px;}

.rating-star:hover ~ .rating-star:after, 
.rating-star:hover:after {
    content:'\f14a' !important;
    font-weight: 300;
    font-style: normal;
    line-height: 50px;
}

.rating:hover .rating-star.disabled:after {content:"\f14a"; line-height: 50px;}
.rating-star.disabled { cursor:default; }


/*****/
.rating:hover .rating-star.disabled:not(.checked):after,
.rating-star.disabled:not(.checked):hover:after {content:"\f0c8" !important;}
/*****/



.rating.small {font-size:20px; padding-top: 10px; padding-bottom: 10px;}
.rating.small .l-text {color: #000; font-size: 16px; line-height: 20px; padding-right: 10px;}
.rating.small .rating-star:after { line-height: 20px; }
.rating.small .rating-star.checked ~ .rating-star:after, .rating.small .rating-star.checked:after { line-height: 20px;}
.rating.small:hover .rating-star:after { line-height: 20px;}







/*BOF FOOTER*/
.footer { /*border-top:1px dotted #999999;*/}
.footer p, 
.footer a {font-size:10px; color:#999999; margin-bottom:2px;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: inherit; text-decoration: none; }
.footer p.title { font-size:12px; font-weight:700;}
/*EOF FOOTER*/