/** Fonts **/



@font-face {

  font-family: 'aw-si';

  src:  url('fonts/aw-si.eot?7r0p13');

  src:  url('fonts/aw-si.eot?7r0p13#iefix') format('embedded-opentype'),

    url('fonts/aw-si.ttf?7r0p13') format('truetype'),

    url('fonts/aw-si.woff?7r0p13') format('woff'),

    url('fonts/aw-si.svg?7r0p13#aw-si') format('svg');

  font-weight: normal;

  font-style: normal;

}



[class^="aw-si-icon-"], [class*=" aw-si-icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'aw-si' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.aw-si-icon-spinner:before {

  content: "\e97b";

}

.aw-si-icon-cross:before {

  content: "\ea0d";

}

.aw-si-icon-check:before {

  content: "\ea10";

}



/** -- **/

.aw-si-opac {

    z-index: 99998;

    background-color: black;

    opacity: 0.6;

    position: fixed;

    display: none;

}

.aw-si-opac,.aw-si-modal , .aw-si-cont-opac{

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



.aw-si-modal {

    position: fixed;

    text-align: center;

    z-index: 99998;

    overflow: auto;

    opacity: 0;

    visibility: hidden;

    transform: scale(0.7);

}



.aw-si-active{

    transition: visibility 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out;

    visibility: visible;

    opacity: 1;

    transform: scale(1);

}



.aw-si-cont-opac{

    z-index: 1;

    background-color: white;

    opacity: 0.5;

    position: absolute;

}



.aw-si-modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;

}



.aw-si-container {

    display: inline-block;

    max-width: 650px;

    border: #a0a0a0 solid 1px;

    background: #fff;

    position: relative;

    vertical-align: middle;

    width: 90%;

    text-align: left;

    box-shadow: 0 0 10px rgba(0,0,0,.4);

    border-radius: 5px;

    padding: 15px;

}

span.aw-si-close {

    font-size: 29px;

    position: absolute;

    right: -13px;

    top: -11px;

    background-color: #fff;

    border-radius: 50%;

    cursor: pointer;

}

.aw-si-success, .aw-si-error {

    padding: 10px;

    border: 1px solid transparent;

    border-radius: 4px;

    display: block;

    text-align: left;

}

.aw-si-error {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1;

    margin-top: 10px;

}

.aw-si-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

}

.aw-si-atcn{

    overflow: auto;

    padding: 10px;

    border: 1px solid transparent;

    border-radius: 4px;

    display: block;

    text-align: left;

    margin-bottom: 15px;

}

.aw-si-atcn .aw-si-icon-check{

    margin-right: 5px;

}



.aw-si-btns{

    margin: 0 auto;

    clear: both;

    text-align: center;

}



.aw-si-bundled-roducts.text-center h3{

    text-align: center;

    margin: 0 0 10px 0;

    font-size: 1.17em;

    background: #ddd;

}



table.aw-si-pdetails,

table.aw-si-pdetails tr {

    margin: 5px 0;

}



table.aw-si-pdetails tbody {

    display: table;

    width: 100%;

}





a.xcp-btn{

    width: 30%;

    text-transform: uppercase;

    text-align: center;

    cursor: pointer;

    padding: 8px 0;

    display: inline-block;

    margin-right: 5px;

}



@keyframes aw-si-spin {

    100%{ transform: rotate(360deg); transform: rotate(360deg); }

}



.aw-si-icon-spinner{

    animation: aw-si-spin 575ms infinite linear;

    display: inline-block;

}



td.aw-si-ptitle a{

    font-weight: 600;

    font-size: 18px;

}

td.aw-si-pimg{

    width: 20%;

}

.aw-si-pdetails{

    width: 100%;

    display: block;

    overflow: auto;

}

td.aw-si-pprice{

    font-size: 20px;

    margin: 15px 0;

    width: 15%;

}



td.aw-si-pqty{

    min-width: 90px;

}



.aw-si-pdetails td.aw-si-remove{

    width: 5%;

    font-size: 20px;

}



.aw-si-pdetails td{

    vertical-align: middle;

    text-align: center;

}



.aw-si-pdetails td.aw-si-ptitle{

    text-align: left;

}



.aw-si-ptotal{

    display: table;

    float: right;

    margin-right: 25px;

    font-size: 18px;

    padding: 10px 0;

    border-top: 1px solid #e5e5e5;

}



/* table.aw-si-pdetails {

    display: table;

    width: 100%;

} */

.xcp-ptotal{

    font-size: 23px;

}

td.aw-si-remove .aw-si-remove-pd{

    font-size: 20px;

    color: #ea0a0a;

    cursor: pointer;

}



td.aw-si-ptitle{

    width: 45%;

    padding-left: 5px;

}

.aw-si-preloader{

    position: fixed;

    top: 47%;

    left: 47%;

    transform: translate(-50%,-50%);

    z-index: 2;

    animation: aw-si-spin 575ms infinite linear;

    font-size: 45px;

}



@keyframes aw-si-spin {

     from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}



@-ms-keyframes aw-si-spin {

    from { -ms-transform: rotate(0deg); }

    to { -ms-transform: rotate(360deg); }

}

@-moz-keyframes aw-si-spin {

    from { -moz-transform: rotate(0deg); }

    to { -moz-transform: rotate(360deg); }

}

@-webkit-keyframes aw-si-spin {

    from { -webkit-transform: rotate(0deg); }

    to { -webkit-transform: rotate(360deg); }

}



.aw-si-outer{

    display: none;

}

.aw-si-variations{

    font-size: 13px;

}



.aw-si-variations .variation {

    overflow: auto;

    margin-top: 5px;

}

.aw-si-variations .variation dt{

    margin: 0 5px 0 0;

    float: left;

}

.aw-si-variations .variation dd{

    margin: 0 10px 0 0;

    float: left;

}

/* When screen size is less than 500px */

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

    a.xcp-btn{

        width: 80%;

        margin: 5px 0;

    }

    span.xcp-ptotal , .aw-si-ptotal{

        font-size: 15px;



    }

    td.aw-si-pimg{

        display: none;

    }

    td.aw-si-ptitle a , td.aw-si-pprice{

        font-size: 14px;

    }

}





span.xcp-minus {

    border-right-width: 1px;

    border-right-style: solid;

}

span.xcp-plus {

    border-left-width: 1px;

    border-left-style: solid;

}

span.xcp-plus, span.xcp-minus {

    display: inline-block;

    text-align: center;

    cursor: pointer;

    float: left;

    width: 21px;

}







input[type=number].aw-si-qty{

    border: 0!important;

    text-align: center;

    display: inline-block;

    max-width: 30px;

    float: left;

    height: 100%;

    line-height: 100%;

    padding: 0;

}

input.aw-si-qty::-webkit-outer-spin-button,

input.aw-si-qty::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

.aw-si-qtybox{

    border-width: 1px;

    border-style: none;

    position: relative;

    display: inline-block;

    font-weight: 700;

    height: 37px;

    line-height: 35px;

}

.aw-si-added,.aw-si-adding{

    margin-left: 5px;

}



.aw-si-notice-box{

  left: 0;

  right: 0;

  bottom: 50px;

  position: fixed;

  z-index: 100000;

}

.aw-si-notice-box > div{

    display: table;

    margin: 0 auto;

    background-color: #333;

    padding: 10px 20px;

    color: white;

    font-weight: 500;

    font-size: 15px;

}

.aw-si-notice ul.woocommerce-error a.button{

    display: none;

}

.aw-si-notice ul.woocommerce-error{

   margin: 0;

}



.aw-si-variations .variation:last-of-type {

    display: none;

}



.aw-si-variations .variation:first-of-type {

    display: block;

}



.aw-si-bundled-roducts .woocommerce-from {

    display: block; 

    font-weight: bold;

}



.aw-si-bundled-roducts .products .product_list_price .amount {

    color: #c3b59b;

    margin-left: 5px;

    text-decoration: underline;

}



.aw-si-bundled-roducts .products .product_list_price {

    margin-bottom: 1em;

}


.aw-si-bundled-roducts .products.products-grid .product-inner:hover .product_images_wrapper .product_images_hover {

    opacity: 0 !important;

}