/* Add to docs */
div#scrolling{/*frame*/
    /*position:relative;*/
    /*top:58%;*/

    background:#FFF;/*FF473D*/
    height:38%;
    width:100%;

    overflow: hidden!important;
}
div#scrolling ul {
    /*Add if you want to disable the option of selecting the text while sliding*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    margin: 0;
    padding: 0;
    position: relative;
    /*top:10%;*/
    /*margin-top:4vh;*/
    height:80%;

    list-style-type:none;

    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


div#scrolling ul li {
    overflow: hidden;
    vertical-align: middle;
    horiz-align: center;
    border: 0px solid #006C4F;
    font-size:8vmin;/*cool*/
    float: left;
    width:25vw;
    min-width: 250px;
    max-height: 340px;
    color: #000;
    font-weight: 300;
    text-align: center;
    border-radius: 10px 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    background: #FFF;
    -webkit-transform:  scale(0.95);
    -ms-transform:  scale(0.95);
    -moz-transform:  scale(0.95);
    transform: scale(0.95);


}

.itemslide-active
{/*applied to current active item
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -moz-transform:  scale(1);
    transform: scale(1);*/
}
#previous_item{
    position: absolute;
    z-index: 1000;
    margin-top: 130px;
    left: 25px;

}
#next_item{
    position: absolute;
    z-index: 1000;
    margin-top: 130px;
    right: 25px;
}
#next_item:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}
#previous_item:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}


@media only screen and (max-width: 1120.5px) {

    #previous_item {

        margin-top: 110px;

    }

    #next_item {

        margin-top: 110px;


    }
}

























/* Add to docs */
div#scrolling2{/*frame*/
    /*position:relative;*/
    /*top:58%;*/

    background:#FFF;/*FF473D*/
    min-height:350px;
    width:100%;

    overflow: hidden!important;
}
div#scrolling2 ul {
    /*Add if you want to disable the option of selecting the text while sliding*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    margin: 0;
    padding: 0;
    position: relative;
    /*top:10%;*/
    /*margin-top:4vh;*/
    height:80%;

    list-style-type:none;

    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


div#scrolling2 ul li {

    overflow: hidden;
    vertical-align: middle;
    horiz-align: center;
    border: 0px solid #006C4F;
    font-size:8vmin;/*cool*/
    float: left;
    width:24.53vw;
    min-width: 320px;
    max-height: 640px;
    color: #000;
    font-weight: 300;
    text-align: center;
    border-radius: 10px 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    background: #FFF;

    -webkit-transform:  scale(0.95);
    -ms-transform:  scale(0.95);
    -moz-transform:  scale(0.95);
    transform: scale(0.95);


}

.itemslide-active
{/*applied to current active item
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -moz-transform:  scale(1);
    transform: scale(1);*/
}
#previous_item2{
    position: absolute;
    z-index: 1000;
    margin-top: 130px;
    left: 25px;

}
#next_item2{
    position: absolute;
    z-index: 1000;
    margin-top: 130px;
    right: 25px;
}
#next_item2:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}
#previous_item2:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}


@media only screen and (max-width: 1120.5px) {

    #previous_item2 {

        margin-top: 110px;

    }

    #next_item2 {

        margin-top: 110px;


    }
}









/* Add to docs */
div#scrolling3{/*frame*/
    /*position:relative;*/
    /*top:58%;*/

    background:#FFF;/*FF473D*/
    min-height:350px;
    width:100%;

    overflow: hidden!important;
}
div#scrolling3 ul {
    /*Add if you want to disable the option of selecting the text while sliding*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    margin: 0;
    padding: 0;
    position: relative;
    /*top:10%;*/
    /*margin-top:4vh;*/
    height:80%;

    list-style-type:none;

    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


div#scrolling3 ul li {

    overflow: hidden;
    vertical-align: middle;
    horiz-align: center;
    border: 0px solid #006C4F;
    font-size:8vmin;/*cool*/
    float: left;
    width:24.53vw;
    min-width: 320px;
    max-height: 640px;
    color: #000;
    font-weight: 300;
    text-align: center;
    border-radius: 10px 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    background: #FFF;

    -webkit-transform:  scale(0.95);
    -ms-transform:  scale(0.95);
    -moz-transform:  scale(0.95);
    transform: scale(0.95);


}

.itemslide-active
{/*applied to current active item
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -moz-transform:  scale(1);
    transform: scale(1);*/
}
#previous_item3{
    position: absolute;
    z-index: 1000;
    margin-top: 110px;
    left: 25px;

}
#next_item3{
    position: absolute;
    z-index: 1000;
    margin-top: 110px;
    right: 25px;
}
#next_item3:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}
#previous_item3:hover{
    background-color: #9BD3AD !important;
    color: #ffffff !important;
    text-decoration: none!important;


}


@media only screen and (max-width: 1120.5px) {

    #previous_item3 {

        margin-top: 110px;

    }

    #next_item3 {

        margin-top: 110px;


    }
}