.cbrow{
    margin: 0px -10px 0px -10px;
}
.cbcol3{
    width:100%;
    float:left;
    margin: 0px 0px 60px 0px;
    padding:0px;
    background: #ebebeb;
    color: #000000;
}

@media only screen and (max-width:960px){
    .checkout.giftbox {
        display: none;
    }
}

@media only screen and (min-width:960px){
    .cbcol3 {
        width: 26%;
        float: left;
        margin: 10px 20px 40px 20px;
    }
}
.gifitemcontent{
    padding: 15px;
    height:223px;
}
.gift-description{
    display: block;
    height:84px;
    overflow:hidden;
}

.cbcol3 .gift-title{
    padding:20px 0px 0px 0px;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
}

.giftclosed{

}

.gift-price{
    font-style: italic;
}


/**
* SPECIAL ON/OFF
*/
.tg-list-item{
    float:left;
}
.tgl, #top input[type="checkbox"].tgl {
    display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #e8eae9;
    float:left;
}
.tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
}
.tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
    padding-right: .8em;
}
.tgl-ios:checked + .tgl-btn {
    background: red;
}
.tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -.8em;
}

/**
* SPECIAL ON/OFF EN
*/






.imgstripe{
    width:  100%; /*or 70%, or what you want*/
    height: 250px; /*or 70%, or what you want*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* The Modal (background) */
.html_header_top.html_header_sticky .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left:0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    color:#000000;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #3c3c3c;
    color: white;
}

#top #wrap_all .all_colors .modal-header h2{
    padding: 10px 0px 0px 0px;
    color: white;
    font-family: Lato, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;

}

#top #wrap_all .all_colors .modal-header h2 small.gift-value{
    font-size:13px;
    font-weight:normal;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: none;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.gift-infos img{
    float:left;
    margin:20px 20px 20px 0px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


/*CHECKOUT*/
.checkoutform {
    background: #f4f4f4;
    padding: 20px;
}

.giftbox{
    margin-left:10px;
    width:200px;
    padding: 0px 20px;
    float: left;
}



@media only screen and (min-width:960px){
    .checkoutform{
        width:700px;
        float:left;
        margin-right:30px;
    }

    .modal-content {
        width: 600px;
    }

.checkoutform label{
    color: #1e1e1e;
}

div.amountprice{
    margin-bottom:40px;
}

.littleinfo{
    font-size:12px;
    font-style: italic;
}