@font-face{font-family:'Lato';font-weight:400;src:url(fonts/lato.woff2) format('woff2')}
@font-face{font-family:'Lato';font-weight:700;src:url(fonts/latobold.woff2) format('woff2')}
@font-face{font-family:'Lato';font-weight:900;src:url(fonts/latoblack.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:400;src:url(fonts/opensans.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:500;src:url(fonts/opensanssemibold.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:700;src:url(fonts/opensansbold.woff2) format('woff2')}
body{color:#444}
h2{font-size:28px}
h2 .choice{display:block;color:#666;font-size:13px;font-weight:400}
h3{margin:20px 0;font-size:20px;color:#a87032}
em{color:#222;font-style:normal;font-weight:500}
label{font-weight:500;margin-bottom:4px}
[type=text],[type=number],[type=email],[type=password],[type=tel],[type=submit],select{-webkit-appearance:none}
select{cursor:pointer}
.container{margin:0;padding:0;max-width:100%}
.table td, .table th{vertical-align:middle}
.form-control{padding:0 10px;font-family:Lato;color:#898f94;border:1px solid #ddd;border-radius:0}
.form-control:hover{border-color:#333}
.form-control:focus{border-color:#333;box-shadow:none}
#send_container input:hover:invalid,#send_container input:focus:invalid{border-color:#dd2c00}
#send_container input:hover:valid,#send_container input:focus:valid{border-color:#28a745}
.btn{padding:8px 30px;border:0;border-radius:25px;text-transform:uppercase}
.btn:focus,.btn:active{box-shadow:none!important}
.btn-primary{background-color:#fd6d27}
.btn-primary:hover{background-color:#d35400}
.btn-primary:focus,.btn-primary:active{background-color:#b44800!important}
.btn-apply{color:#fff;background-color:#2ecc71}
.btn-apply:hover,.btn-apply:focus{background-color:#27ae60}
#code{width:80%}
#code::placeholder{text-transform:none}
.flash{padding:5px 8px;font-size:15px;border-radius:5px}
.success{color:#16723d;background:#eaf5ed;border:1px solid #27ae60}
.error{color:#df280a;background:#faebe7;border:1px solid #f16048}
.fa{margin-right:5px}
.fa-remove{font-size:26px;color:#cc353c}
.columnL{float:left;width:61%}
.columnR{float:right;position:sticky;top:0;width:36%}
#detailedPrice,.thanks{padding:20px;background:#f3f3f3;border-radius:20px}
#detailedPrice h2{color:#666;font-size:32px;font-weight:700;text-align:center}
#detailedPrice img{display:block;margin:5px 0 10px;box-shadow:2px 3px 5px rgba(0,0,0,.3)}
#total_block{font-size:13px}
#total_block strong{color:#8f5f3c}
#oldPrice{height:18px;font-size:18px;text-decoration:line-through}
.new{color:#27ae60}
.modal-backdrop.show{opacity:0}
.modal-content{box-shadow:0 3px 7px rgba(0,0,0,.3)}
#imgContainer{margin:25px 0 35px;text-align:center}
.title{display:block;color:#333;font-style:normal;text-decoration:underline}
.disclaimer{display:block;color:#8f5f3c;font-size:12px}

button{outline:0}
button.active{outline:0}

small{display:block}
b{color:#8f5f3c}
th small{line-height:1}
#send {
    border: 2px solid #28a745;
    color: #28a745;
    font-size:16px;
    border-radius: 50px;
    padding: 15px 80px;
    background: transparent;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    outline:0;
    transform: translateY(-50%);
}
#send .text.active {

    transform: translateY(-350%) scale(0);
    transition:.35s cubic-bezier(0.34, -0.61, 1, 0.64);
}
#send.active {
    padding: 0px 80px;
    transition:.4s cubic-bezier(0.35, -0.77, 0.67, 1.88);
}
#send .loader {
    position: absolute;
    width: calc(0% - 4px);
    height: calc(100% - 4px);
    background: #28a745;
    left: 2px;
    top: 2px;
    border-radius: 50px;
}
#send .loader.active {
    width: calc(100% - 4px);
    transition:1.3s ease-in-out;
    transition-delay:.5s;
}
#send .done {
    color: #fff;
    margin-top: -20px;
    transform: translateY(300%) scale(0);
}
#send .done.active {
    transform: translateY(0%) scale(1);
    transition:.4s cubic-bezier(0.34, -0.61, 1, 0.64);
}
#send.finished {
    padding: 15px 80px;
    transition:.4s cubic-bezier(0.35, -0.77, 0.67, 1.88);
}

.thanks{display:none;text-align:center}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
}

.select2-container--default .select2-selection--single{border:1px solid #ddd}

.select2-container .select2-selection--single{height:38px}

.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}

.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left:-10px;margin-top:3px;border-color:#343a40 transparent transparent transparent}

.select2-container--default .select2-results>.select2-results__options{max-height:400px}
.select2-container .select2-selection--single .select2-selection__clear{top:-2px;left:-10px}

.select2-container--default .select2-selection--single{border-radius:0}

select{position:relative}
select option:checked:after {
    content: attr(title);
    background: #666;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    border: none;
}
.select2-results__option{display:inline-block;width:152px;padding:0;text-align:center}
.select2-results__option:hover span{color:#cfa454}
.select2-results__option img{display:block;margin:0 auto 2px;box-shadow:2px 3px 5px rgba(0,0,0,.3)}
.select2-results__option span{display:block;width:152px;height:35px;font-weight:500}
.select2-search__field{outline:0}
.select2-search__field:focus{border:1px solid #a87032}


.tag {
    margin: 4px 0 20px 12px;
    position: relative;
    display: inline-block;
    background: #aa2c32;
    width: auto;
    height: 30px;

    font: 500 16px/30px 'Open Sans';

    color: #f3f3f3;
    text-align: center;
    border-radius:4px;
    padding:0 15px;
}
.tag::after {
    content: " ";
    height: 22px;
    width: 22px;
    background:#aa2c32;
    position: absolute;
    top:4px;
    left:-9px;
    border-radius:4px;
    transform: rotate(45deg);
}
.tag::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #f3f3f3;
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 1;
    border-radius: 10px;
}


@media only screen and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 2){
    .columnL,.columnR{float:none;width:100%}
    #send_container{text-align:center}
}

@media print{
label,input,select,button,b,small,.custom-select,.select2,table,.btn,.d-block,#print{display:none!important}
    .columnL,.columnR{float:none;width:100%}
    .columnL{border-bottom:1px solid #ccc}
}