/** -- **/


.merci-opac {


    z-index: 99998;


    background-color: black;


    opacity: 0.6;


    position: fixed;


    display: none;


}





.merci-opac, .merci-modal, .merci-cont-opac {


    top: 0;


    bottom: 0;


    left: 0;


    right: 0;


}





.merci-modal {


    position: fixed;


    text-align: center;


    z-index: 99998;


    overflow: auto;


    opacity: 0;


    visibility: hidden;


    transform: scale(0.7);


}





.merci-active {


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


    visibility: visible;


    opacity: 1;


    transform: scale(1);


}





.merci-cont-opac {


    z-index: 1;


    background-color: white;


    opacity: 0.5;


    position: absolute;


}





.merci-modal:before {


    content: '';


    display: inline-block;


    height: 100%;


    vertical-align: middle;


    margin-right: -0.25em;


}





.merci-popup-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);


    padding: 15px;


}





.merci-close {


    cursor: pointer;


    position: absolute;


    right: -15px;


    top: -15px;


    width: 30px;


    height: 30px;


    border-radius: 50%;


    font-size: 0;


    display: block;


    color: #ffffff;


    background-color: #111111;


    border: 3px solid #ffffff;


    z-index: 1;


}





.merci-close::before,


.merci-close::after {


    border-bottom: 2px solid;


    content: "";


    left: 5px;


    position: absolute;


    top: 11px;


    width: 14px;


}





.merci-close::before {


    -webkit-transform: rotate(-45deg);


    -moz-transform: rotate(-45deg);


    -ms-transform: rotate(-45deg);


    -o-transform: rotate(-45deg);


    transform: rotate(-45deg);


}





.merci-close::after {


    -webkit-transform: rotate(45deg);


    -moz-transform: rotate(45deg);


    -ms-transform: rotate(45deg);


    -o-transform: rotate(45deg);


    transform: rotate(45deg);


}





.merci-success,


.merci-error {


    padding: 10px;


    border: 1px solid transparent;


    border-radius: 4px;


    display: block;


    text-align: left;


}





.merci-error {


    color: #a94442;


    background-color: #f2dede;


    border-color: #ebccd1;


    margin-top: 10px;


}





.merci-success {


    color: #3c763d;


    background-color: #dff0d8;


    border-color: #d6e9c6;


}





.merci-atcn {


    padding: 20px 0;


    overflow: auto;


}





.merci-btns .tic-btn {


    color: #ffffff;


    background-color: #111111;


    font-size: 12px;


    height: 40px;


    line-height: 40px;


    text-align: center;


    padding: 0 37px;


    display: inline-block;


    font-weight: 500;


    text-transform: uppercase;


    margin-right: 10px;


}





.merci-btns .tic-btn:hover {


    background-color: #da1919;


}





@keyframes merci-spin {


    100% {


        transform: rotate(360deg);


    }


}





.tic-icon-spinner2 {


    animation: merci-spin 575ms infinite linear;


    display: inline-block;


}





.merci-atc-icon {


    margin-left: 5px;


}





td.merci-ptitle a {


    font-size: 14px;


    font-weight: 300;


    margin-bottom: 0;


    color: #636363;


}





td.merci-ptitle a:hover {


    color: #da1919;


}





td.merci-pprice {


    font-size: 16px;


    font-weight: 500;


    color: #111111;


}





.merci-pdetails td {


    vertical-align: middle;


    text-align: center;


}





.merci-pdetails td.merci-ptitle {


    text-align: left;


}





.merci-ptotal {


    font-size: 18px;


    padding-bottom: 20px;


}





.tic-ptotal {


    font-size: 23px;


}





td.merci-remove .tic-icon {


    display: inline-block;


    width: 30px;


    height: 30px;


    line-height: 28px;


    font-size: 14px;


    color: #111111;


    border: 1px solid #e5e5e5;


    text-align: center;


    cursor: pointer;


}





td.merci-remove .tic-icon::before {


    font-family: 'FontAwesome', sans-serif;


    content: "\f00d";


}





.tic-outspin {


    position: fixed;


    top: 50%;


    left: 50%;


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


    z-index: 2;


    animation: merci-spin 575ms infinite linear;


    font-size: 45px;


}





@keyframes merci-spin {


    from {


        transform: rotate(0deg);


    }


    to {


        transform: rotate(360deg);


    }


}





@-ms-keyframes merci-spin {


    from {


        -ms-transform: rotate(0deg);


    }


    to {


        -ms-transform: rotate(360deg);


    }


}





@-moz-keyframes merci-spin {


    from {


        -moz-transform: rotate(0deg);


    }


    to {


        -moz-transform: rotate(360deg);


    }


}





@-webkit-keyframes merci-spin {


    from {


        -webkit-transform: rotate(0deg);


    }


    to {


        -webkit-transform: rotate(360deg);


    }


}





.merci-outer {


    display: none;


}





.merci-variations {


    font-size: 13px;


}





.merci-variations .variation {


    overflow: auto;


    margin-bottom: 0;


}





.merci-variations .variation dt {


    margin: 0 5px 0 0;


    float: left;


}





.merci-variations .variation dd {


    margin: 0 10px 0 0;


    float: left;


}





.merci-qtybox {


    display: block;


    width: 90px;


    height: 30px;


    line-height: 30px;


}





.merci-qtybox .tic-chng {


    font-size: 0;


    float: left;


    display: block;


    width: 30px;


    height: 30px;


    line-height: 30px;


    text-align: center;


    color: #636363;


}





.merci-qtybox .tic-chng:hover {


    color: #da1919;


}





.merci-qtybox .tic-chng::before {


    font-family: 'FontAwesome', sans-serif;


    font-weight: normal;


    content: '\f056';


    font-size: 16px;


}





.merci-qtybox .tic-chng.tic-minus::before {


    content: '\f056';


}





.merci-qtybox .tic-chng.tic-plus::before {


    content: '\f055';


}





.merci-qtybox .merci-qty {


    float: left;


    display: block;


    width: 30px;


    height: 30px;


    line-height: 30px;


    text-align: center;


    font-weight: 500;


    padding: 0 5px;


    color: #111111;


    font-size: 16px;


    border: none;


}





input.merci-qty::-webkit-outer-spin-button,


input.merci-qty::-webkit-inner-spin-button {


    -webkit-appearance: none;


    margin: 0;


}