/* background */
.background-custom-primary{
    background-color:var(--master-color-primary) !important
}
.background-custom-grey{
    background-color:var(--master-grey-ultralight) !important
}
.background-custom-grey-ultra-light{
    background-color:var(--master-grey-ultraultralight) !important
}
.no-border{
    border:none !important
}
.grey-border-light{
    border:1px solid #F2F2F2;
}

/* text colors */
.text-color-custom-primary{
    color:var(--master-color-primary) !important
}
.text-color-custom-black{
    color:var(--master-color_black) !important
}
.text-color-custom-white{
    color:var(--master-color-white) !important
}
.text-color-custom-sale{
    color:var(--master-sale-color) !important
}
.text-color-custom-green{
    color:var(--master-color-green) !important
}

/* font-size */
.font-size-custom-12{
    font-size:12px !important;
}
.font-size-custom-14{
    font-size:14px !important;
}
.font-size-custom-16{
    font-size:16px !important;
}
.font-size-custom-18{
    font-size:18px !important;
}
.font-size-custom-20{
    font-size:20px !important;
}
.font-size-custom-22{
    font-size:22px !important;
}
.font-size-custom-26{
    font-size:26px !important;
}
.font-size-custom-30{
    font-size:30px !important;
}
.font-size-custom-34{
    font-size:34px !important;
}

.d-custom-none{
    display:none !important
}
/* flex */
.d-custom-flex{
    display:flex
}
.d-custom-flex-direction-row{
    flex-direction: row;
}
.d-custom-flex-direction-column{
    flex-direction: column;
}
.flex-wrap-wrap{
    flex-wrap:wrap
}
.flex-custom-1{
    flex:1
}
.flex-custom-2{
    flex:2
}
.flex-custom-3{
    flex:3
}
.flex-3columns-item{
    flex: 1 0 30%;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.flex-grow-0{
    flex-grow: 0;
}

@media screen and (max-width: 991px){
    .mobile-column{
        flex-direction: column;
    }
    .mobile-column-reverse{
        flex-direction: column-reverse;
    }
}
/* grid */
.d-custom-grid{
    display:grid
}
.d-custom-grid-3cln{
    grid-template-columns: repeat(3, 1fr);
}
.d-custom-grid-4cln{
    grid-template-columns: repeat(4, 1fr);
}
.d-custom-grid-5cln{
    grid-template-columns: repeat(5, 1fr);
}
/* aligns */
.align-custom-horizontal-center{
    align-items: center;
}
.align-custom-horizontal-start{
    align-items: flex-start;
}
.align-custom-vertical-start{
    justify-content: flex-start;
}
.align-custom-vertical-center{
    justify-content: center;
}
.align-custom-vertical-between{
    justify-content: space-between;
}
/* gaps */
.gap-custom-1{
    gap:1rem
}
.gap-custom-2{
    gap:2rem
}
.gap-custom-3{
    gap:3rem
}
/* text */
.text-custom-bold{
    font-weight:bold !important
}
.text-custom-center{
    text-align:center !important
}
.text-custom-left{
    text-align:left !important
}
.text-custom-right{
    text-align:right !important
}
@media screen and (max-width: 991px){
    .text-custom-mobile-center{
        text-align:center !important
    }
}
/* Paddings */
.p-custom-1{
    padding:1rem
}
.p-custom-15{
    padding:1.5rem
}
.p-custom-2{
    padding:2rem
}
.pb-custom-0{
    padding-bottom:0 !important
}
/* Margin */
.m-custom-auto{
    margin:0 auto !important
}
.m-custom-0{
    margin:0 !important
}
.mt-custom-05{
    margin-top:0.5rem !important
}
.mt-custom-1{
    margin-top:1rem !important
}
.mt-custom-2{
    margin-top:2rem !important
}
.mt-custom-3{
    margin-top:3rem !important
}
.mt-custom-4{
    margin-top:4rem !important
}
.mt-custom-5{
    margin-top:5rem !important
}
.mb-custom-0{
    margin-bottom:0 !important
}
.mb-custom-05{
    margin-bottom:0.5rem !important
}
.mb-custom-1{
    margin-bottom:1rem !important
}
.mb-custom-2{
    margin-bottom:2rem !important
}
.mb-custom-3{
    margin-bottom:3rem !important
}
.mb-custom-4{
    margin-bottom:4rem !important
}
.mb-custom-5{
    margin-bottom:5rem !important
}
.ml-custom-05{
    margin-left:0.5rem !important
}
.ml-custom-1{
    margin-left:1rem !important
}
.ml-custom-2{
    margin-left:2rem !important
}
.ml-custom-3{
    margin-left:3rem !important
}
.ml-custom-4{
    margin-left:4rem !important
}
.ml-custom-5{
    margin-left:5rem !important
}
.mr-custom-05{
    margin-right:0.5rem !important
}
.mr-custom-1{
    margin-right:1rem !important
}
.mr-custom-2{
    margin-right:2rem !important
}
.mr-custom-3{
    margin-right:3rem !important
}
.mr-custom-4{
    margin-right:4rem !important
}
.mr-custom-5{
    margin-right:5rem !important
}

/* Width */
.w-custom-100{
    width:100%
}
.w-custom-70{
    width:70%
}
.w-custom-60{
    width:60%
}
.w-custom-50{
    width:50%
}
.w-custom-40{
    width:40%
}
.w-custom-30{
    width:30%
}
.w-custom-20{
    width:20%
}
.w-custom-max-300{
    max-width:300px
}
.w-custom-max-600{
    max-width:600px
}
.w-custom-max-400{
    max-width:400px
}
.w-custom-min-300{
    min-width:300px
}
@media screen and (max-width: 991px){
    .w-custom-100-tablet{
        width:100% !important
    }
}
@media screen and (max-width: 767px){
    .w-custom-100-mobile{
        width:100% !important
    }
}
/* Height */
.h-custom-auto{
    height:auto
}

/* float */
.float-custom-right{
    float:right !important
}
/* radius */
.radius-custom-5{
    border-radius:5px !important
}
.radius-custom-10{
    border-radius:10px !important
}


/* infobox */
.infobox-custom-grey{
    background-color:var(--master-grey-ultralight);
    padding:2rem;
}
.infobox-custom-primary{
    background-color:var(--master-color-primary-ultralight);
    padding:2rem;
}


/* LAYOUT */
.content-wrapper.container,.container.breadcrumbs-wrapper{
    width:100%;
    max-width:1799px
}
.content-wrapper.container{
    padding: 0 40px
}
.container.breadcrumbs-wrapper{
    padding:0 60px
}
.content-wrapper .content{
    padding:0
}
.btn.btn-default, a.btn.btn-default{
    background-color:var(--master-color-primary) !important;
    border-color:var(--master-color-primary) !important;
}
.btn.btn-default:hover, a.btn.btn-default:hover{
    background-color:var(--master-color-primary-light) !important;
    border-color:var(--master-color-primary-light) !important;
    color:var(--master-color-primary)
}
.flag.flag-youtube-video{
    background-color:#ff0000 !important;
    color:#ffffff;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 20px;
}
.flag-youtube-video:before{
    position: relative;
    top: 0px;
    left:-2px;
    content: '\f04b'!important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 85%;
    color:#ffffff
}
@media screen and (max-width: 767px){
    .content-wrapper.container{
		padding:0 15px;
    }
    .container.breadcrumbs-wrapper{
        padding:0 15px;
    }
}
@media screen and (max-width: 599px){
    /* arrow up */
	div.container #return-to-top{
		right:10px !important;
		bottom:70px !important
	}
}

/* pop-ups */
#cboxContent{
    border-radius:5px
}

/* pop-up - advanced order */
#cboxContent .advanced-order .h1{
    color:var(--master-color-green);
    font-weight:bold;
    font-size:16px
}
#cboxContent .advanced-order .h2{
    color:var(--master-color_black);
    font-weight:bold;
    margin-bottom:0;
    max-width:90%;
    margin:0 auto
}
#cboxContent .advanced-order .advancedOrder__buttons{
    flex-direction: column;
    align-content:center
}
#cboxContent .advanced-order .advancedOrder__buttons button.colorbox-close{
    border-radius:5px;
    background-color: var(--master-grey-ultralight) !important;
    color: var(--master-color_black) !important;
    font-weight:bold
}
#cboxContent .advanced-order .advancedOrder__buttons button.colorbox-close:hover{
    background-color: var(--master-grey-light) !important;
}
#cboxContent .advanced-order .advancedOrder__buttons a.btn{
    max-width:300px;
    border-radius:5px;
    font-weight:bold
}
#cboxContent .advanced-order .advancedOrder__buttons a.btn:hover{
    background-color:var(--master-color-green-light);
    border-color:var(--master-color-green-light)
}
#cboxContent .advanced-order .h1.advanced-order-suggestion{
    color:var(--master-color_black)
}
#cboxContent .advanced-order .browse-p{
    display:none
}
@media screen and (max-width: 767px){
    #cboxContent .advanced-order .h2{
        font-size:20px
    }
}

/* info lišta */
.info-line p{
    text-align:center;
    text-wrap:balance
}