@font-face{
    font-family:WooCommerce;
    src:url(../fonts/WooCommerce.eot);
    src:url(../fonts/WooCommerce.eot?#iefix) 
        format("embedded-opentype"),url(../fonts/WooCommerce.woff) 
        format("woff"),url(../fonts/WooCommerce.ttf) 
        format("truetype"),url(../fonts/WooCommerce.svg#WooCommerce) 
        format("svg");
        font-weight:400;
        font-style:normal;
}
body.loading {
    background: transparent;
    font-family: 'Spartan', sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    font-weight: 600;
}
#cboxLoadingGraphic{
    position: relative;
    background: none !important;
}
body.loading:after,
#cboxLoadingGraphic:after{
    font-family: WooCommerce;
    content: "\e01c";
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 24px;
    color: #62a403;
    z-index: 9;
    opacity: 1;
    line-height: 60px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
h1, h2, h3, h4, h5, h6, th{
    font-family: 'Spartan', sans-serif;
}
body h1.organCHead{
    background: #62a403;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 800;
}
table.compare-list tbody th{
    background: transparent;
}
table.dataTable.compare-list thead th.sorting_disabled{
    display: none;
}
table.dataTable.compare-list tbody th, table.dataTable.compare-list tbody td{
    border-color: #DDD;
}
body #yith-woocompare{
    padding: 0;
}
table.compare-list td.odd{
    background-color: transparent;
}
table.dataTable.compare-list tbody th{
    font-family: 'Spartan', sans-serif;
    color: #131313;
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    padding: 18px 15px 15px 30px;
}
table.dataTable.compare-list tr td ins,
table.dataTable.compare-list tr.price td{
    text-decoration: none;
}
table.dataTable.compare-list tbody td{
    font-family: 'Spartan', sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    font-weight: 600;
}
table.dataTable.compare-list tbody tr.title td{
    color: #131313;
}
table.dataTable.compare-list tbody tr.stock td{
    font-weight: 700;
}
table.dataTable.compare-list tbody tr.remove td a{
    background: #dbdbdb;
    color: #111111;
    font-size: 10px;
    font-weight: 800;
    font-family: 'Spartan';
    display: inline-flex;
    text-transform: uppercase;
    height: 27px;
    line-height: 23px;
    padding: 7px 41px 0 26px;
    border-radius: 34px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
table.dataTable.compare-list tbody tr.remove td a:hover{
    color: #FFF;
    background: #62a403;
}
table.dataTable.compare-list tbody tr.remove td a span{
    position: absolute;
    right: 2px;
    top: 2px;
    width: 30px;
    height: 30px;
    background: #FFF;
    color: #111111;
    text-align: center;
    line-height: 30px;
    font-family: 'Spartan';
    font-weight: 800;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
table.dataTable.compare-list tbody tr.remove td a:hover span{
    background: #ff0404;
    color: #FFF;
}
table.dataTable.compare-list tbody td ins, table.dataTable.compare-list tbody td .amount{
    font-size: 16px;
    font-weight: 800;
    color: #ff0404;
    letter-spacing: -.8px;
    font-family: 'Spartan', sans-serif;
    line-height: .8;
    margin: 0;
}
table.dataTable.compare-list tbody td del, 
table.dataTable.compare-list tbody td del .amount{
    text-decoration: line-through;
    color: #9299a3;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}
table.dataTable.compare-list tbody td del{
    margin-right: 10px;
}
table.dataTable.compare-list td .add_to_cart_wrap a.added_to_cart,
table.dataTable.compare-list td .add_to_cart_wrap a.button{
    background: #62a403;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    position: relative;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 15px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
table.dataTable.compare-list td .add_to_cart_wrap a.added_to_cart:hover,
table.dataTable.compare-list td .add_to_cart_wrap a.button:hover{
    background: #457500;
}
table.compare-list td img{
    border: none;
    margin: 0;
    max-width: 100%;
    height: auto;
}

/* New */
.yith-woocompare-popup-container{
    background: #000 !important;
}
body.yith-woocompare-popup, .yith-woocompare-table-scroll-wrapper {
    position: relative;
    padding: 52px !important;
}
@media(max-width: 767px){
    body.yith-woocompare-popup, .yith-woocompare-table-scroll-wrapper {
        padding: 25px 15px !important;
    }
}
.yith-woocompare-table-scroll-wrapper {
    max-width: 95%;
    width: 100%;
    background: #FFF;
    margin: 50px auto 50px;
}
div > a.yith-woocompare-popup-close {
    width: 52px;
    height: 52px;
    background-color: #457500 ;
    top: 0px;
    color: #FFF ;
    font-size: 38px;
    right: 0 ;
    line-height: 1 ;
    font-weight: 300;
    text-align: center;
    line-height: 46px ;
}
div table.compare-list .product_info td .image-overlay a {
    display: block;
    background: #fff;
    font-size: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
    border-radius: 4px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 35px !important;
    border-radius: 50% !important;
    overflow: hidden;
}
div table.compare-list .product_info td .image-overlay a:hover {
    background: red !important;
    color: #FFF;
}
div table.compare-list .product_title {
    font-weight: 600;
}
#yith-woocompare table.dataTable.compare-list tbody th, #yith-woocompare table.dataTable.compare-list tbody td{
    border-right: 1px solid #e7e7e7 !important;
}
div .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    padding-bottom: 20px;
}
#yith-woocompare table.compare-list tr th > h2{
        color: #62a403;
        text-transform: uppercase;
        padding: 16px 20px;
        font-size: 16px;
        font-weight: 800;
}