/* latin */
    
    @font-face {
        font-family: 'Chivo';
        font-style: normal;
        font-weight: 400;
        src: local('Chivo'), local('Chivo-Regular'), url(https://fonts.gstatic.com/s/chivo/v7/UZPPER-oWTCIdBggEtZvZA.woff2) format('woff2');
    }
    /* latin */
    
    @font-face {
        font-family: 'Chivo';
        font-style: normal;
        font-weight: 900;
        src: local('Chivo Black'), local('Chivo-Black'), url(https://fonts.gstatic.com/s/chivo/v7/TX_hNweQrqAZr-ujaKg9pvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    }
    /* latin */
    
    @font-face {
        font-family: 'Chivo';
        font-style: italic;
        font-weight: 900;
        src: local('Chivo-BlackItalic'), url(https://fonts.gstatic.com/s/chivo/v7/3h0vPLmvTdhk0D5czP5dhfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
    }
    
    @font-face {
        font-family: 'Chivo';
        font-style: normal;
        font-weight: 400;
        src: local('Chivo'), local('Chivo-Regular'), url(https://fonts.gstatic.com/s/chivo/v7/GCfZZhEBktKQec0okJ7kUw.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Chivo';
        font-style: normal;
        font-weight: 900;
        src: local('Chivo Black'), local('Chivo-Black'), url(https://fonts.gstatic.com/s/chivo/v7/YWbtYk2MoHeFgZxEOX7DnvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Chivo';
        font-style: italic;
        font-weight: 900;
        src: local('Chivo-BlackItalic'), url(https://fonts.gstatic.com/s/chivo/v7/3h0vPLmvTdhk0D5czP5dhS3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
    }
    
    .blockUI {
        opacity: 0.7 !important;
        /*background:#fff !important;*/
    }
    
    .load-full-screen {
        height: 100%;
        width: 100%;
    }
    
    #loader {
        /*position: relative;*/
        /*background: #f7f7f7;*/
    }
    
    #loader div {
        /*position: absolute;
		top: 50%;
		left: 45%;
		transform: translate(-50%,-45%);
		margin-top: 0 !important;*/
    }
    
    #loader span {
        text-align: center;
    }
    /*********************************************************************************
        34. loading.html CSS Start
        *********************************************************************************/
    
    .loading-animation {
        /*position: relative;*/
        height: 100px;
        /*margin-top: 40px;*/
    }
    
    .loading-animation span {
        border-radius: 50%;
        font-size: 50px;
        height: 100px;
        padding: 23px 10px 0;
        /*10px*/
        width: 100px;
        display: block;
        position: absolute;
        left: 47%;
    }
    
    .loading-animation span:nth-child(1) {
        opacity: 0;
        -webkit-animation: loader 2s infinite;
        animation: loader 2s infinite;
        color: #fff;
        background: #f9676b;
    }
    
    .loading-animation span:nth-child(2) {
        -webkit-animation: loader 2s infinite 0.5s;
        animation: loader 2s infinite 0.5s;
        opacity: 0;
        color: #fff;
        background: #F19C4F;
    }
    
    .loading-animation span:nth-child(3) {
        animation: loader 2s infinite 1s;
        -webkit-animation: loader 2s infinite 1s;
        opacity: 0;
        color: #fff;
        background: #00adef;
    }
    
    .loading-animation span:nth-child(4) {
        animation: loader 2s infinite 1.5s;
        -webkit-animation: loader 2s infinite 1.5s;
        opacity: 0;
        color: #fff;
        background: #07253F;
    }
    
    @keyframes loader {
        0% {
            opacity: 1;
            -webkit-transform: rotateY(90deg);
            -o-transform: rotateY(90deg);
            -ms-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        25% {
            opacity: 1;
            -webkit-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
        26% {
            opacity: 0;
            -webkit-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            -o-transform: rotateY(90deg);
            -ms-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
    }
    
    @-webkit-keyframes loader {
        0% {
            opacity: 1;
            -webkit-transform: rotateY(90deg);
            -o-transform: rotateY(90deg);
            -ms-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        25% {
            opacity: 1;
            -webkit-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
        26% {
            opacity: 0;
            -webkit-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            -o-transform: rotateY(90deg);
            -ms-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
    }
    
    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
    
    .footer_list_pro {
        position: relative;
        bottom: 10px;
        padding: 10px 0;
    }
    
    @media screen and (max-width: 1180px) {
        div.cent {
            position: center;
        }
    }
    
    @media screen and (max-width: 1180px) {
        h3.product-name {
            width: 100%;
            .content_titul_listpro {
                width: 50%;
            }
        }
    }
    
    @media screen and (max-width: 1198px) and (min-width:990px) {
        .adap {
            position: relative;
            left: 15px;
            width: 710px;
            padding: 0px 0px 0px 15px;
            width: 97%;
        }
    }
    
    @media screen and (max-width: 989px) {
        .adap {
            position: relative;
            left: 15px;
            width: 710px;
            padding: 0px 0px 0px 15px;
            width: 97%;
        }
        /*#list{
    		display:none;
    	}
    	#grid{
    		visibility: visible;
    	}*/
    }
    
    @media screen and (min-width: 1199px) {
        .adap {
            position: relative;
            left: 65px;
            width: 610px;
        }
    }
    
    @media screen and (min-width: 1200px) {
        .product_list .product-image-container .button-container,
        .product_lists .product-image-container .button-container {
            bottom: 225px;
            position: relative;
            right: -70%;
        }
    }
    
    @media screen and (max-width: 1199px) {
        .product_list .product-image-container .button-container,
        .product_lists .product-image-container .button-container {
            bottom: 225px;
            position: relative;
            right: -70%;
        }
    }
    
    #ul_content_products .product-image {
        height: 200px;
    }
    
    .product_list .product-image-container .button-container,
    .product_lists .product-image-container .button-container {
        z-index: 100;
    }
    
    .st {
        padding: 0 15px 50px;
    }
    
    .content_titul_listpro {
        padding: 10px 15px;
        height: 170px;
    }
    
    .paquet_categ:active>body {
        background: #ff0;
        border: solid 2px #000;
        /*opacity: 0;
      top: 100%;
      transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);*/
    }
    /* CSS TPCAPTION */
    
    .tp-caption a {
        color: #ff7302;
        text-shadow: none;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out
    }
    
    .tp-caption.title {
        font-weight: 800
    }
    
    .tp-caption.hero-line:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 38px;
        height: 4px;
        background: #d6dbe2
    }
    
    .tp-caption.hero-line-center:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -19px;
        content: "";
        width: 38px;
        height: 4px;
        background: #d6dbe2
    }
    
    .tp-caption.title2 {
        position: relative
    }
    
    .tp-caption.title2:after {
        content: "";
        width: 50px;
        height: 6px;
        background: #fff;
        position: absolute;
        left: 50%;
        bottom: 0px;
        margin-left: -25px
    }
    /* CSS TPCAPTION */