.ibox_wrapper {
/*
    width:960px !important;
    height:330px;
*/
    width:100%;
    height:auto;

    margin:0px auto; 
    overflow:hidden;
    border:0px solid red !important;
    position:relative;
    line-height:1.2em;
}
/*
@media only screen and (max-width: 1200px ) {  
    .ibox_wrapper {
        font-size:11pt;;
    }
}
@media only screen and (max-width: 640px) {
    .ibox_wrapper {
        font-size:9pt;;
    }
}
*/
.ibox_wrapper .clickable {
    cursor:pointer;
}

.ibox_wrapper .current {
    background:url("../images/paginator-selected.png") center center no-repeat !important;    
}

.ibox_wrapper .ibox_slajdy {
    position:relative;
    display:block;    
    width:auto;
    height:auto;

/*    width:960px !important;
    height:330px !important;
*/
    margin:0px auto;
    overflow:hidden;
    z-index:100;
}


.ibox_wrapper .item {
    position:relative;
    display:block;
    
    width:100%;    
    min-width:auto; /* 1000px */
    max-width:100%; /* 400px */

    height:calc(100vw * 425px / 1920.0);


    /*
    v1 
    min-height:200px;
    max-height:350px;
    */

    /* v2
    min-height:350px;
    max-height:400px;
     */

    /* v3
    min-height:425px;
    max-height:30vh;    
     */
    min-height:100vh;
    max-height:100vh;    


    background-position: center;
    /* background-size:auto 100% !important; */
    background-size:cover !important;

    border:0px solid red;
    float:left;
    overflow:hidden;
    z-index:100;
}

.ibox_wrapper .item img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}    
.ibox_wrapper .ibox_slajdy iframe {
    min-width:100vw;
    min-height:100vh;

    max-width:100vw;
    max-height:100vh;
    
    /*
    min-width:100%;
    min-height:100%;
    */
    
    width:auto;
    height:auto;
}
.ibox_wrapper .ibox_slajdy .item video {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size:cover;
} 

.ibox_wrapper .ibox_slajdy p {
    padding:0px;
    margin:0px;
}

.ibox_wrapper .ibox_slajdy .button {
    background-color: #ff9e35;
    font-size:110%;
    color: white;
    margin-top:1em;
    padding: 0.5em 0.25em;
    min-width: 10%;
    width: 226px;
    text-align: center;
    float: right;
    clear: both;
    border-radius: 5px;

    -webkit-transition-delay: 0.2s;
    transition-delay: 0.5s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    
    text-shadow:0px 0px 0px; /* unset not working */
}
.ibox_wrapper .ibox_slajdy .button:hover {
    
    transform: scale(1.1);
    opacity:0.9;
    
    color:white;
    /* background-color:#444b50; */
    
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.5s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;

    
}



.ibox_wrapper .ibox_slajdy ul {
    padding:0px;
    margin:0px;
    list-style:none;    
}
.ibox_wrapper .ibox_slajdy li {
    padding:0px;
    margin:0px;    
}


.background_style_100 {
    background:none;
}
.background_style_75 {
    background:url('../images/bg-black-75prc.png') top left repeat;
}
.background_style_50 {
    background:url('../images/bg-black-50prc.png') top left repeat;
}
.background_style_25 {
    background:url('../images/bg-black-25prc.png') top left repeat;
}
.background_style_0 {
    background-color:black;
}


.ibox_wrapper .page_button {
    display:block;
    width:25px;
    height:25px;
    background:url("../images/paginator.png") center center no-repeat;
    float:left;    
    margin-left:0px;
    cursor:pointer;
}
.ibox_wrapper .page_button:hover {
    background:url("../images/paginator-selected.png") center center no-repeat;    
}


.ibox_wrapper .page_button {
    display:block;
    width:25px;
    height:25px;
    background:url("../images/paginator.png") center center no-repeat;
    float:left;    
    margin-left:0px;
    cursor:pointer;
}
.ibox_wrapper .page_button:hover {
    background:url("../images/paginator-selected.png") center center no-repeat;    
}



/* === CONTROL =============================== */

#info {
    height:0px;
}

.ibox_wrapper #controls {
    bottom: 2em;
    display: block;
    list-style: none outside none;
    position: absolute;
    right: 3em;
    z-index: 120;
    padding:0px;
    margin:0px;
}
.ibox_wrapper #controls li {
    display:block;
    background:url("../images/paginator.png") center center no-repeat;
    float:left;    
    margin-left:0px;
    cursor:pointer;
    width:3em;
    height:3em;
}
/* === END OF CONTROL ======================== */



/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_0 {
    display:none;
}
.ibox_wrapper .ibox_slajdy .style_0 .title {
    display:none;
}
.ibox_wrapper .ibox_slajdy .style_0 .more {
    display:none;
}

/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_1 {
    bottom:0px;
    height:auto;
    position:absolute;
    width:100%;
    z-index: 110;
    padding:1em 2em;
}
.ibox_wrapper .ibox_slajdy .style_1 .title {
    font-size:150%;
    color:white;
    clear:both;
    line-height:1.2em;
    padding:0em 0em 0.5em 0em;
    width:auto;

    min-width:1000px;
    max-width:1000px;
    margin:0 auto;
}
.ibox_wrapper .ibox_slajdy .style_1 .more {
    font-size:80%;
    padding:0px 1em 0em 2em;
    color:#ccc;
    width:auto;
    line-height:1.4em;
    padding:0em;
    margin:0 auto;

    min-width:1000px;
    max-width:1000px;
    margin:0 auto;
}

/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_2 {
    top:0px;
    height:auto;
    position:absolute;
    width:100%;
    z-index: 110;
    padding:1em 2em;
}
.ibox_wrapper .ibox_slajdy .style_2 .title {
    font-size:150%;
    color:white;
    clear:both;
    line-height:1.2em;
    padding:0em 0em 0.5em 0em;
    width:auto;

    min-width:1000px;
    max-width:1000px;
    margin:0 auto;
}
.ibox_wrapper .ibox_slajdy .style_2 .more {
    font-size:80%;
    padding:0px 1em 0em 2em;
    color:#ccc;
    width:auto;
    line-height:1.4em;
    padding:0em;

    min-width:1000px;
    max-width:1000px;
    margin:0 auto;
}

/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_3 {
    top:25%;
    position:absolute;
    width:40%;
    z-index: 110;
    padding:1em 2em;
}
.ibox_wrapper .ibox_slajdy .style_3 .title {
    font-size:150%;
    color:white;
    clear:both;
    line-height:1.2em;
    width:auto;
    padding:0em 0em 0.5em 0em;
}
.ibox_wrapper .ibox_slajdy .style_3 .more {
    color:#ccc;
    font-size:80%;
    margin-top:0.5em;
    width:auto;
    line-height:1.4em;
    padding:0em;
}
@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    .ibox_wrapper .ibox_slajdy .style_3 {
        width:60%;
    }
}
/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_4 {
    position:absolute;
    right:0px;
    top:25%;
    width:40%;
    z-index: 110;
    padding:1em 2em;
}
.ibox_wrapper .ibox_slajdy .style_4 .title {
    font-size:150%;
    color:white;
    clear:both;
    line-height:1.2em;
    width:auto;
    padding:0em 0em 0.5em 0em;
}
.ibox_wrapper .ibox_slajdy .style_4 .more {
    color:#ccc;
    font-size:80%;
    margin-top:0.5em;
    width:auto;
    line-height:1.4em;
    padding:0em;
}
@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    .ibox_wrapper .ibox_slajdy .style_4 {
        width:60%;
    }
}
/* =========================================== */


.ibox_wrapper .ibox_slajdy .style_5 {
    position:absolute;
    top:0px;
    left:0px;
    width:33%;
    height:100%;
    z-index: 110;
    padding:2em;
}
.ibox_wrapper .ibox_slajdy .style_5 .title {
    font-size:200%;
    color:white;
    clear:both;
    line-height:1.3em;
    width:auto;
    padding:0em 0em 0.5em 0em;
}
.ibox_wrapper .ibox_slajdy .style_5 .more {
    color:#ccc;
    font-size:80%;
    margin-top:0.5em;
    width:auto;
    line-height:1.4em;
    padding:0em;
}
@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    .ibox_wrapper .ibox_slajdy .style_5 {
        width:50%;
    }
}
/* =========================================== */

.ibox_wrapper .ibox_slajdy .style_6 {
    position:absolute;
    top:0px;
    right:0px;
    width:33%;
    height:100%;
    z-index: 110;
    padding:2em;
}
.ibox_wrapper .ibox_slajdy .style_6 .title {
    font-size:200%;
    color:white;
    clear:both;
    width:auto;
    line-height:1.3em;
    padding:0em 0em 0.5em 0em;
}
.ibox_wrapper .ibox_slajdy .style_6 .more {
    color:#ccc;
    font-size:80%;
    margin-top:5px;
    width:auto;
    line-height:1.4em;
    padding:0em;
}
@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    .ibox_wrapper .ibox_slajdy .style_6 {
        width:50%;
    }
}
/* =========================================== */




/* CUSTOM A = 7*/ 

.ibox_wrapper .ibox_slajdy .style_7 {
    bottom: 0;
    height: auto;
    right: 0;
    position: absolute;
    padding: 2em 5em 6em 20%;
    width: 100%;
    z-index: 110;
    /* background: rgba(0,0,0,0.7); */
    background: transparent url('../images/text-background-gradient-300px.png') bottom left repeat-x;
    background-size: 100% 100%;
    text-shadow: 2px 2px rgba(0,0,0,0.8);
}

.ibox_wrapper_brands .style_7 { 
    padding: 2em 5em 4em 20% !important; 
    background: rgba(49, 54, 58, 0.7) bottom left repeat-x !important;
    background-size: 100% 100% !important;
}


.ibox_wrapper .ibox_slajdy .style_7 .title {
    clear: both;
    color: white;
    font-family:'Teko', Tahoma, sans-serif;
    font-size: 200%;
    line-height:1.0em;
    padding: 0 0 5px 0;
    width: 100%;
    text-align:right;    
    text-shadow: 3px 3px rgba(0,0,0,0.8);
    
}
.ibox_wrapper .ibox_slajdy .style_7 .more {
    color: #ffffff;
    font-family:'Teko', Tahoma, sans-serif;
    font-size: 110%;
    padding: 0 0 5px 0;
    width: 100%;
    line-height:1.2em;
    text-align:right;
}
/* END OF CUSTOM A=7 */


/* CUSTOM B = 8*/ 
.ibox_wrapper .ibox_slajdy .style_8 {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    width: 85%;
    z-index: 110;
}
.ibox_wrapper .ibox_slajdy .style_8 .title {
    clear: both;
    color: white;
    font-size: 55px;
    font-weight: bold;
    line-height:1.2em;
    padding: 20px 20px 5px 65px;
    width: 100%;
}
.ibox_wrapper .ibox_slajdy .style_8 .more {
    color: #ffffff;
    font-size: 12px;
    margin-top: 0px;
    padding: 0 20px 5px 65px;
    width: auto;
    line-height:1.2em;
}
/* END OF CUSTOM A=8 */


/* CUSTOM C = 9*/ 
.ibox_wrapper .ibox_slajdy .style_9 {
    position:absolute;
    top:40%;
    right:0px;
    width:70%;
    height:auto;
    z-index: 110;
}
.ibox_wrapper .ibox_slajdy .style_9 .title {
    font-size:26px;
    font-weight:bold;
    color:white;
    clear:both;
    width:auto;
    line-height:1.2em;
    padding:20px 20px 5px 40px;
    text-align:right;
}
.ibox_wrapper .ibox_slajdy .style_9 .more {
    color:#ddd;
    font-size:18px;
    margin-top:5px;
    width:auto;
    padding:0px 20px 20px 40px;
    text-align:right;
    line-height:1.2em;
}
/* END OF CUSTOM A=9 */




/* MOBILE <1080px */

/*  */   


/* =========================================================================
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
==========                                                      ============
==========   STYLE MOD FOR SCREEN WIDTH >=640 px AND <1080 px   ============
==========                                                      ============
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
==========================================================================*/

@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    .ibox_wrapper .item {
        
    }
}


/* ============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===                                         ===
===   STYLE MOD FOR SCREEN WIDTH <=640 px   ===
===                                         ===
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================*/
  
@media only screen and (max-width: 640px) {
      .ibox_wrapper {
        /* display:none; */
      }
     .ibox_wrapper .item {
    
        height:100vh;
        /* height:calc(100vw * 425.0 / 1920.0); */
    
        /*
        min-height:20vh;
        max-height:30vh;    
        */

        min-height:100vh;
        max-height:100vh;    
        
        /* display:none; */
    }   

    .ibox_wrapper .ibox_slajdy .style_7 {
        padding:2em 2em 6em 2em;
    }
    .ibox_wrapper_brands .style_7 {
        padding:2em 2em 6em 2em !important;
    }
    .ibox_wrapper .ibox_slajdy .style_7 .title {
        font-size: 150%;
        padding: 0 0 1vw 0;
    }
    .ibox_wrapper .ibox_slajdy .style_7 .more {
        font-size: 80%;
        padding: 0 0 1vw 0;
    }
}