html {
    font-family: "Arial" !important;
    font-size: 14px !important;
    line-height: 1.42857;
    color: #333333;
}

body {
    margin: 0;
    background-color: #fff;
    /*background: url("/site/background") no-repeat center top/cover;*/
    background-attachment: fixed;}

h1 {
    font-size: 32px;
    line-height: 1.09375;
    padding-bottom: 0.5em;
}

h2 {
    font-size: 30px;
    line-height: 1.1;
}

h3 {
    font-size: 26px;
    line-height: 1.33;
}

ul {
    list-style: none;
}

.page-content ul {
    list-style: disc;
}

.popup__bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 101;
    top: 0;
    left: 0;
}

a, a:hover {
    color: #9ba016;
}

a.link-phone,
a.link-mail {
    position: relative;
}
a.link-phone:before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20578.106%20578.106%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M577.83%2C456.128c1.225%2C9.385-1.635%2C17.545-8.568%2C24.48l-81.396%2C80.781%20c-3.672%2C4.08-8.465%2C7.551-14.381%2C10.404c-5.916%2C2.857-11.729%2C4.693-17.439%2C5.508c-0.408%2C0-1.635%2C0.105-3.676%2C0.309%20c-2.037%2C0.203-4.689%2C0.307-7.953%2C0.307c-7.754%2C0-20.301-1.326-37.641-3.979s-38.555-9.182-63.645-19.584%20c-25.096-10.404-53.553-26.012-85.376-46.818c-31.823-20.805-65.688-49.367-101.592-85.68%20c-28.56-28.152-52.224-55.08-70.992-80.783c-18.768-25.705-33.864-49.471-45.288-71.299%20c-11.425-21.828-19.993-41.616-25.705-59.364S4.59%2C177.362%2C2.55%2C164.51s-2.856-22.95-2.448-30.294%20c0.408-7.344%2C0.612-11.424%2C0.612-12.24c0.816-5.712%2C2.652-11.526%2C5.508-17.442s6.324-10.71%2C10.404-14.382L98.022%2C8.756%20c5.712-5.712%2C12.24-8.568%2C19.584-8.568c5.304%2C0%2C9.996%2C1.53%2C14.076%2C4.59s7.548%2C6.834%2C10.404%2C11.322l65.484%2C124.236%20c3.672%2C6.528%2C4.692%2C13.668%2C3.06%2C21.42c-1.632%2C7.752-5.1%2C14.28-10.404%2C19.584l-29.988%2C29.988c-0.816%2C0.816-1.53%2C2.142-2.142%2C3.978%20s-0.918%2C3.366-0.918%2C4.59c1.632%2C8.568%2C5.304%2C18.36%2C11.016%2C29.376c4.896%2C9.792%2C12.444%2C21.726%2C22.644%2C35.802%20s24.684%2C30.293%2C43.452%2C48.653c18.36%2C18.77%2C34.68%2C33.354%2C48.96%2C43.76c14.277%2C10.4%2C26.215%2C18.053%2C35.803%2C22.949%20c9.588%2C4.896%2C16.932%2C7.854%2C22.031%2C8.871l7.648%2C1.531c0.816%2C0%2C2.145-0.307%2C3.979-0.918c1.836-0.613%2C3.162-1.326%2C3.979-2.143%20l34.883-35.496c7.348-6.527%2C15.912-9.791%2C25.705-9.791c6.938%2C0%2C12.443%2C1.223%2C16.523%2C3.672h0.611l118.115%2C69.768%20C571.098%2C441.238%2C576.197%2C447.968%2C577.83%2C456.128z%22%20fill%3D%22%239ba016%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    position: absolute;
    left: -1.5em;
    top: 50%;
    width: 1em;
    height: 1em;
    transform: translateY(-50%);
}

a.link-mail:before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M7%2C9L5.268%2C7.484l-4.952%2C4.245C0.496%2C11.896%2C0.739%2C12%2C1.007%2C12h11.986%20c0.267%2C0%2C0.509-0.104%2C0.688-0.271L8.732%2C7.484L7%2C9z%22%20fill%3D%22%239ba016%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.684%2C2.271C13.504%2C2.103%2C13.262%2C2%2C12.993%2C2H1.007C0.74%2C2%2C0.498%2C2.104%2C0.318%2C2.273L7%2C8%20L13.684%2C2.271z%22%20fill%3D%22%239ba016%22%3E%3C%2Fpath%3E%3Cpolygon%20points%3D%220%2C2.878%200%2C11.186%204.833%2C7.079%20%22%20fill%3D%22%239ba016%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%229.167%2C7.079%2014%2C11.186%2014%2C2.875%20%22%20fill%3D%22%239ba016%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
    position: absolute;
    left: -1.5em;
    top: 50%;
    width: 1em;
    height: 1em;
    transform: translateY(-50%);
}

.green-button {
    background-color: #9ba016;
    color: white;
    border: none !important;
    text-shadow: 1.928px 2.298px 0.6px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    line-height: calc(40px - 0.650rem);
    text-align: center;
    height: 40px !important;
}

.green-button:hover,
.green-button:focus {
    background-color: #838713;
    color: white;
    text-decoration: none;
}

.brown-button {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    color: white;
    border: none !important;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    height: 40px !important;
    line-height: calc(33px - 0.650rem);
}

.brown-button:hover,
.brown-button:focus
{
    color: white;
    text-decoration: underline;
}

@media (min-width: 576px) {
    .green-button,
    .brown-button {
        font-size: 18px;
        height: 45px !important;
        line-height: calc(45px - 0.650rem);
    }
}

/*
    Bootstrap override
 */
@media screen and (min-width: 1340px){
    .container {
        width:1280px !important;
        max-width:1280px !important;
    }
}

@media screen and (max-width: 1339.98px){
    .container {
        max-width:100% !important;
    }
}

.dropdown-toggle {
    white-space: normal !important;
}

.dropdown-toggle::after {
    display: none !important;
}

svg {
    overflow: visible !important;
}
.form-control {
    border: 1px solid #808080;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 10px;
    height: 38px;
}

.form-control:focus {
    border-color: #808080;
}

select.form-control {
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%20129%20129%22%20enable-background%3D%22new%200%200%20129%20129%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%3Cg%3E%3Cpath%20d%3D%22m121.3%2C34.6c-1.6-1.6-4.2-1.6-5.8%2C0l-51%2C51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8%2C0-1.6%2C1.6-1.6%2C4.2%200%2C5.8l53.9%2C53.9c0.8%2C0.8%201.8%2C1.2%202.9%2C1.2%201%2C0%202.1-0.4%202.9-1.2l53.9-53.9c1.7-1.6%201.7-4.2%200.1-5.8z%22%20fill%3D%22%23834519%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) white no-repeat 98.5%;
}
select::-ms-expand { display: none; }

.col-right {
    width: 360px;
    max-width: 360px;
}

.pagination {
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
}

.pagination li {
    border: solid 1px #b3b3b3;
    min-width: 2em;
    display: flex;
}

.pagination li:first-child {
    border-radius: 5px 0 0 5px;
}

.pagination li:last-child {
    border-radius: 0 5px 5px 0;
}

.pagination li.active {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
}

.pagination li * {
    text-decoration: none;
    width: 100%;
}

.pagination li.active * {
    color: white;
}

/*
    Header
 */
.header__top {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
}

.logo img {
    padding: 15px 0;
    max-width: 80%;
}

.banner {
    width: 100%;
}

.banner-info {
    margin: 0 -50% 0 0;
    top: 27%;
    left: 50%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    color: white;
    text-shadow: 3px 3px 2px #3e3e3e, 0 0 2px #3e3e3e;
    font-size: 35px;
    transform: translate(-50%, -50%);
    font-weight: 800;
}

.main-menu {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    min-height: 50px;
}

.main-menu a,
.main-menu span {
    color: white;
    min-width: 90px;
}

.main-menu a:hover,
.main-menu .active:hover {
    color: #9ba016;
}

.main-menu .active {
    color: white;
    cursor: default;
    background-color: inherit;
}

.main-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-menu li:not(.menu-logo):after {
    content: '';
    width: 2px;
    height: 40px;
    background: #9ba016;
    position: absolute;
    right: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.main-menu li:last-child:after {
    display: none;
}

.menu-logo {
    display: none !important;
}

.menu-logo img {
    width: 45px;
}

.dropdown.show {
    background: #85471c !important;
}

.dropdown-menu {
    background: #85471c;
    border: 0;
    border-radius: 0;
    max-width: 500px;
    min-width: 250px;
    color: unset;
    margin: 0;
    font-size: inherit;
}

.main-menu li:last-child > .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

.dropdown-item {
    white-space: normal;
    padding: 0.5rem 1.5rem;
}

.dropdown-item:hover {
    background-color: inherit;
}


@media (min-width: 1200px) {
    .main-menu {
        font-size: inherit;
    }
    .main-menu li:not(.menu-logo):after {
        height: 45px;
    }
    .banner-info {
        font-size: 45px;
    }
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    z-index: 103;
}

.fixed .menu-logo:not(.d-none) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.contacts a,
.contacts a:hover {
    margin-left: 10px;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}
.contacts ul {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    padding-right: 20px;
    padding-left: 0;
}

.contacts ul>li {
    margin-left: 3em;
}

@media screen and (max-width: 767.99px){
    .contacts a,
    .contacts a:hover {
        font-size: 20px;
    }
}

@media screen and (max-width:575.99px){
    .contacts ul {
        flex-direction: column;
        padding-right: 0;
    }
    .contacts ul>li {
        text-align: center;
        margin-left: 1.5em;
    }
}

.mobile-menu-md[status='inactive'] {
    display: none;
}

.mobile-menu-md[status='active'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-menu-md .main-menu {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 102;
    width: 350px;
    left: 0;
    top: 120px;
    font-size: 14px;
    text-align: left;
    padding: 15px 0;
}

.mobile-menu-md .main-menu li:after{
    display:none;
}

.mobile-menu-md .dropdown-menu {
    left: 15px !important;
}

.mobile-menu-md a {
    width: 100%;
}

.mobile-menu-sm .main-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.mobile-menu-sm .dropdown-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.back-button {
    display: none;
}
@media screen and (max-width: 320px) {
    .mobile-menu-sm .back-button {
        display: block;
    }

    .mobile-menu-sm .back-button:before {
        content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%20129%20129%22%20enable-background%3D%22new%200%200%20129%20129%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%3Cg%3E%3Cpath%20d%3D%22m121.3%2C34.6c-1.6-1.6-4.2-1.6-5.8%2C0l-51%2C51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8%2C0-1.6%2C1.6-1.6%2C4.2%200%2C5.8l53.9%2C53.9c0.8%2C0.8%201.8%2C1.2%202.9%2C1.2%201%2C0%202.1-0.4%202.9-1.2l53.9-53.9c1.7-1.6%201.7-4.2%200.1-5.8z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        left: 0px;
        top: 0.9rem;
    }
}

header .shopping-cart {
    top: 10px;
    right: 10px;
}

header .shopping-cart svg,
.fixed .menu-logo svg {
    -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,1));
    filter: drop-shadow(0 0 3px rgba(0,0,0,1));
}

header .shopping-cart:hover svg,
.fixed .menu-logo:hover svg {
    -webkit-filter: drop-shadow(0 0 3px rgba(255,255,255,0.7));
    filter: drop-shadow(0 0 3px rgba(255,255,255,0.7));
}

header .shopping-cart a:hover {
    text-decoration: none;
}

header .shopping-cart .count,
.fixed .menu-logo .count{
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    padding-left: 3px;
}

header .shopping-cart:hover .count,
.fixed .menu-logo:hover .count{
    text-shadow: 0 0 5px white;
}

/*
    Header bottom
 */

.header__bottom {
    background-color: #fcf6f0;
    position: relative;
}

.header__bottom:after {
    content: "";
    background-image: url(/images/header-bg.png);
    background-repeat: repeat-x;
    height: 15px;
    display: block;
    background-color: unset;
    position: absolute;
    width: 100%;
    bottom: -10px;
}

.tools {
    padding-bottom: 15px;
}

.tools>div {
    padding-top: 15px;
}

#searchform {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#searchform input {
    width: 100% !important;
    max-width: 100%;
}

.langbar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0.25rem 0;
    font-size: 18px;
    font-weight: bold;
}
@media (min-width: 720px){
    .langbar {
        font-size: 20px;
    }
}

.langbar .nav-item * {
    color: black;
    /*padding: 0;*/
    padding: 0 15px;
}

.langbar a:hover,
.langbar .active {
    text-decoration: none;
    color: #834519;
}

.langbar li:first-child {
    border-right: 2px solid #000000;
}

#mobile-menu-button {
    width: 40px;
    height: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
}

#mobile-menu-button[status='inactive'] .line {
    width: 35px;
    height: 5px;
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    margin-top: 4px;
}

#mobile-menu-button[status='inactive'] .line:first-child {
    margin: 0;
}

#mobile-menu-button[status='active'] {
    position: relative;
    background: white;
    border-radius: 50%;
    z-index: 103;
}

@media screen and (max-width: 320px) {
    #mobile-menu-button[status='active'] {
        position: fixed;
        top: 0;
        right: 0;
        background: white;
        border-radius: 50%;
        z-index: 103;
    }
}

#mobile-menu-button[status='active'] .line {
    background: #000000;
    position: absolute;
    top: 18px;
    left: 7px;
    width: 25px;
    height: 3px;
}

#mobile-menu-button[status='active'] .line.l-1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mobile-menu-button[status='active'] .line.l-2 {
    display: none;
}

#mobile-menu-button[status='active'] .line.l-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.breadcrumb {
    background: none;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0;
}

.breadcrumb a,
.breadcrumb a:hover {
    text-decoration: none;
    color: #834519;
}

/*
    Footer
 */

footer {
    padding-top: 25px;
    padding-bottom: 10px;
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.footer__social li {
    padding: 0 5px;
}

.footer__rights {
    color: white;
    font-size: 18px;
    text-align: left;
}

.footer__contacts a,
.footer__contacts a:hover {
    margin-left: 10px;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}

@media screen and (max-width: 1200px){
    .footer__contacts a,
    .footer__contacts a:hover {
        font-size: 20px;
    }
    .footer__rights {
        font-size: 14px;
    }
}
@media screen and (max-width: 576px) {
    .footer__rights {
        text-align: center;
    }
}


/*
    Main content
 */

.main-content {
    min-height: 400px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    padding: 15px;
    overflow: hidden;
}

/*
    Right column
 */

.right-block {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    padding: 30px;
}

.right-block .contacts__title {
    text-align: center;
    font-size: 30px;
    color: white;
    text-transform: uppercase;
}

.right-block li {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.right-block li>a {
    color: white;
    font-size: 20px;
    text-decoration: none;
}

.callback .form-control {
    margin-bottom: 20px;
}
.callback .form-control:last-child {
    margin-bottom: inherit;
}

.input-phone {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20578.106%20578.106%22%20style%3D%22enable-background%3Anew%200%200%20578.106%20578.106%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M577.83%2C456.128c1.225%2C9.385-1.635%2C17.545-8.568%2C24.48l-81.396%2C80.781%20%20%20%20c-3.672%2C4.08-8.465%2C7.551-14.381%2C10.404c-5.916%2C2.857-11.729%2C4.693-17.439%2C5.508c-0.408%2C0-1.635%2C0.105-3.676%2C0.309%20%20%20%20c-2.037%2C0.203-4.689%2C0.307-7.953%2C0.307c-7.754%2C0-20.301-1.326-37.641-3.979s-38.555-9.182-63.645-19.584%20%20%20%20c-25.096-10.404-53.553-26.012-85.376-46.818c-31.823-20.805-65.688-49.367-101.592-85.68%20%20%20%20c-28.56-28.152-52.224-55.08-70.992-80.783c-18.768-25.705-33.864-49.471-45.288-71.299%20%20%20%20c-11.425-21.828-19.993-41.616-25.705-59.364S4.59%2C177.362%2C2.55%2C164.51s-2.856-22.95-2.448-30.294%20%20%20%20c0.408-7.344%2C0.612-11.424%2C0.612-12.24c0.816-5.712%2C2.652-11.526%2C5.508-17.442s6.324-10.71%2C10.404-14.382L98.022%2C8.756%20%20%20%20c5.712-5.712%2C12.24-8.568%2C19.584-8.568c5.304%2C0%2C9.996%2C1.53%2C14.076%2C4.59s7.548%2C6.834%2C10.404%2C11.322l65.484%2C124.236%20%20%20%20c3.672%2C6.528%2C4.692%2C13.668%2C3.06%2C21.42c-1.632%2C7.752-5.1%2C14.28-10.404%2C19.584l-29.988%2C29.988c-0.816%2C0.816-1.53%2C2.142-2.142%2C3.978%20%20%20%20s-0.918%2C3.366-0.918%2C4.59c1.632%2C8.568%2C5.304%2C18.36%2C11.016%2C29.376c4.896%2C9.792%2C12.444%2C21.726%2C22.644%2C35.802%20%20%20%20s24.684%2C30.293%2C43.452%2C48.653c18.36%2C18.77%2C34.68%2C33.354%2C48.96%2C43.76c14.277%2C10.4%2C26.215%2C18.053%2C35.803%2C22.949%20%20%20%20c9.588%2C4.896%2C16.932%2C7.854%2C22.031%2C8.871l7.648%2C1.531c0.816%2C0%2C2.145-0.307%2C3.979-0.918c1.836-0.613%2C3.162-1.326%2C3.979-2.143l34.883-35.496c7.348-6.527%2C15.912-9.791%2C25.705-9.791c6.938%2C0%2C12.443%2C1.223%2C16.523%2C3.672h0.611l118.115%2C69.768C571.098%2C441.238%2C576.197%2C447.968%2C577.83%2C456.128z%22%20fill%3D%22%239ba016%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) white no-repeat right 10px center;
}

.input-phone.invalid {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20578.106%20578.106%22%20style%3D%22enable-background%3Anew%200%200%20578.106%20578.106%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M577.83%2C456.128c1.225%2C9.385-1.635%2C17.545-8.568%2C24.48l-81.396%2C80.781%20%20%20%20c-3.672%2C4.08-8.465%2C7.551-14.381%2C10.404c-5.916%2C2.857-11.729%2C4.693-17.439%2C5.508c-0.408%2C0-1.635%2C0.105-3.676%2C0.309%20%20%20%20c-2.037%2C0.203-4.689%2C0.307-7.953%2C0.307c-7.754%2C0-20.301-1.326-37.641-3.979s-38.555-9.182-63.645-19.584%20%20%20%20c-25.096-10.404-53.553-26.012-85.376-46.818c-31.823-20.805-65.688-49.367-101.592-85.68%20%20%20%20c-28.56-28.152-52.224-55.08-70.992-80.783c-18.768-25.705-33.864-49.471-45.288-71.299%20%20%20%20c-11.425-21.828-19.993-41.616-25.705-59.364S4.59%2C177.362%2C2.55%2C164.51s-2.856-22.95-2.448-30.294%20%20%20%20c0.408-7.344%2C0.612-11.424%2C0.612-12.24c0.816-5.712%2C2.652-11.526%2C5.508-17.442s6.324-10.71%2C10.404-14.382L98.022%2C8.756%20%20%20%20c5.712-5.712%2C12.24-8.568%2C19.584-8.568c5.304%2C0%2C9.996%2C1.53%2C14.076%2C4.59s7.548%2C6.834%2C10.404%2C11.322l65.484%2C124.236%20%20%20%20c3.672%2C6.528%2C4.692%2C13.668%2C3.06%2C21.42c-1.632%2C7.752-5.1%2C14.28-10.404%2C19.584l-29.988%2C29.988c-0.816%2C0.816-1.53%2C2.142-2.142%2C3.978%20%20%20%20s-0.918%2C3.366-0.918%2C4.59c1.632%2C8.568%2C5.304%2C18.36%2C11.016%2C29.376c4.896%2C9.792%2C12.444%2C21.726%2C22.644%2C35.802%20%20%20%20s24.684%2C30.293%2C43.452%2C48.653c18.36%2C18.77%2C34.68%2C33.354%2C48.96%2C43.76c14.277%2C10.4%2C26.215%2C18.053%2C35.803%2C22.949%20%20%20%20c9.588%2C4.896%2C16.932%2C7.854%2C22.031%2C8.871l7.648%2C1.531c0.816%2C0%2C2.145-0.307%2C3.979-0.918c1.836-0.613%2C3.162-1.326%2C3.979-2.143l34.883-35.496c7.348-6.527%2C15.912-9.791%2C25.705-9.791c6.938%2C0%2C12.443%2C1.223%2C16.523%2C3.672h0.611l118.115%2C69.768C571.098%2C441.238%2C576.197%2C447.968%2C577.83%2C456.128z%22%20fill%3D%22%23ff0000%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) white no-repeat right 10px center;
}
.input-name {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20409.165%20409.164%22%20style%3D%22enable-background%3Anew%200%200%20409.165%20409.164%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M204.583%2C216.671c50.664%2C0%2C91.74-48.075%2C91.74-107.378c0-82.237-41.074-107.377-91.74-107.377c-50.668%2C0-91.74%2C25.14-91.74%2C107.377C112.844%2C168.596%2C153.916%2C216.671%2C204.583%2C216.671z%22%20fill%3D%22%239ba016%22%2F%3E%3Cpath%20d%3D%22M407.164%2C374.717L360.88%2C270.454c-2.117-4.771-5.836-8.728-10.465-11.138l-71.83-37.392c-1.584-0.823-3.502-0.663-4.926%2C0.415c-20.316%2C15.366-44.203%2C23.488-69.076%2C23.488c-24.877%2C0-48.762-8.122-69.078-23.488c-1.428-1.078-3.346-1.238-4.93-0.415L58.75%2C259.316c-4.631%2C2.41-8.346%2C6.365-10.465%2C11.138L2.001%2C374.717c-3.191%2C7.188-2.537%2C15.412%2C1.75%2C22.005c4.285%2C6.592%2C11.537%2C10.526%2C19.4%2C10.526h362.861c7.863%2C0%2C15.117-3.936%2C19.402-10.527C409.699%2C390.129%2C410.355%2C381.902%2C407.164%2C374.717z%22%20fill%3D%22%239ba016%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) white no-repeat right 10px center;
}
.input-name.invalid {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20409.165%20409.164%22%20style%3D%22enable-background%3Anew%200%200%20409.165%20409.164%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M204.583%2C216.671c50.664%2C0%2C91.74-48.075%2C91.74-107.378c0-82.237-41.074-107.377-91.74-107.377c-50.668%2C0-91.74%2C25.14-91.74%2C107.377C112.844%2C168.596%2C153.916%2C216.671%2C204.583%2C216.671z%22%20fill%3D%22%23ff0000%22%2F%3E%3Cpath%20d%3D%22M407.164%2C374.717L360.88%2C270.454c-2.117-4.771-5.836-8.728-10.465-11.138l-71.83-37.392c-1.584-0.823-3.502-0.663-4.926%2C0.415c-20.316%2C15.366-44.203%2C23.488-69.076%2C23.488c-24.877%2C0-48.762-8.122-69.078-23.488c-1.428-1.078-3.346-1.238-4.93-0.415L58.75%2C259.316c-4.631%2C2.41-8.346%2C6.365-10.465%2C11.138L2.001%2C374.717c-3.191%2C7.188-2.537%2C15.412%2C1.75%2C22.005c4.285%2C6.592%2C11.537%2C10.526%2C19.4%2C10.526h362.861c7.863%2C0%2C15.117-3.936%2C19.402-10.527C409.699%2C390.129%2C410.355%2C381.902%2C407.164%2C374.717z%22%20fill%3D%22%23ff0000%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) white no-repeat right 10px center;
}

.input-mail {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2014%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M7%2C9L5.268%2C7.484l-4.952%2C4.245C0.496%2C11.896%2C0.739%2C12%2C1.007%2C12h11.986%20c0.267%2C0%2C0.509-0.104%2C0.688-0.271L8.732%2C7.484L7%2C9z%22%20fill%3D%22%239ba016%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M13.684%2C2.271C13.504%2C2.103%2C13.262%2C2%2C12.993%2C2H1.007C0.74%2C2%2C0.498%2C2.104%2C0.318%2C2.273L7%2C8%20L13.684%2C2.271z%22%20fill%3D%22%239ba016%22%3E%3C%2Fpath%3E%20%3Cpolygon%20points%3D%220%2C2.878%200%2C11.186%204.833%2C7.079%20%22%20fill%3D%22%239ba016%22%3E%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%229.167%2C7.079%2014%2C11.186%2014%2C2.875%20%22%20fill%3D%22%239ba016%22%3E%3C%2Fpolygon%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") white no-repeat right 10px center;
}

.input-mail.invalid {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2014%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2220px%22%20height%3D%2220px%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M7%2C9L5.268%2C7.484l-4.952%2C4.245C0.496%2C11.896%2C0.739%2C12%2C1.007%2C12h11.986%20c0.267%2C0%2C0.509-0.104%2C0.688-0.271L8.732%2C7.484L7%2C9z%22%20fill%3D%22%23ff0000%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M13.684%2C2.271C13.504%2C2.103%2C13.262%2C2%2C12.993%2C2H1.007C0.74%2C2%2C0.498%2C2.104%2C0.318%2C2.273L7%2C8%20L13.684%2C2.271z%22%20fill%3D%22%23ff0000%22%3E%3C%2Fpath%3E%20%3Cpolygon%20points%3D%220%2C2.878%200%2C11.186%204.833%2C7.079%20%22%20fill%3D%22%23ff0000%22%3E%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%229.167%2C7.079%2014%2C11.186%2014%2C2.875%20%22%20fill%3D%22%23ff0000%22%3E%3C%2Fpolygon%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") white no-repeat right 10px center;
}

.invalid {
    border-color: red;
}
/*
    Hot List
 */

.hot:not([data-key]) {
    margin: 20px 0;
    border-left: solid 2px #9ba016;
    padding: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hot .doc-header {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-top: 1rem;
    color: #494d4e;
}

.hot .doc-detail {
    text-align: justify;
    margin-bottom: 0;
}

/*
    Carousel
 */

.carousel-item > .info {
    color: white;
    position: absolute;
    margin: 0 -50% 0 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.carousel-item .info * {
    text-align: center;
}

.carousel-item .info > p.slide_h1 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.09375;
    padding-bottom: 0.5em;
}

.carousel-item .info > p.slide_h2 {
    text-transform: lowercase;
    font-size: 14px;
    line-height: 1.1;
}

.carousel-item .info a {
    max-width: 250px;
}

.carousel-indicators li {
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    background-color: inherit;
    border: solid 2px white;
}

.carousel-indicators .active {
    background-color: white;
}

@media (min-width: 576px) {
    .carousel-item .info * {
        margin-bottom: 20px;
    }
    .carousel-item .info > p.slide_h1 {
        font-size: 32px
    }
    .carousel-item .info > p.slide_h2 {
        font-size: 22px;
    }

    .carousel-item .info a {
        margin-top: 40px;
    }
}

@media (min-width: 768px) {
    .carousel-item .info > p.slide_h1 {
        font-size: 40px
    }
    .carousel-item .info > p.slide_h2 {
        font-size: 25px;
    }
}

/*
    Page Content
 */

.page-content {
    margin-top: 15px;
}

.page-content h1,
.page-content h2,
.page-content h3 {
    padding-bottom: 0.5em;
}

.page-content h1:after,
.page-content h2:after,
.page-content h3:after {
    display: block;
    content: "";
    border-bottom: solid 2px #9ba016;
    width: 70px;
    margin-top: 0.5em;
}

/*
    Document View
 */

.document-spec {
    width: 100%;
}

.document-spec td {
    padding: 5px;
    border-bottom: 1px dashed #85481c;
}

.document-spec td:last-child {
    text-align: right;
}

.document-price {
    width: 100%;
    text-align: center;
    line-height: 75px;
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    color: white;
    font-size: 20px;
    margin: 15px 0;
}

.document-price > span:first-child {
    font-size: 35px;
}

.document-why {
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    margin: 10px 0;
}

.document-reasons li {
    padding-left: 15px;
}

.document-relatedtitle {
    text-align: center;
    text-transform: uppercase;
    color: white;
    background: -webkit-gradient(linear, left bottom, left top, from(#482205), to(#85471c));
    background: -webkit-linear-gradient(bottom, #482205, #85471c);
    background: -o-linear-gradient(bottom, #482205, #85471c);
    background: linear-gradient(to top, #482205, #85471c);
    width: 100%;
    font-size: 20px;
    padding: 10px 0;
    margin: 15px 0;
}

.related-price {
    width: 100%;
    text-align: center;
    line-height: 75px;
    background-color: #9ba016;
    color: white;
    font-size: 20px;
    margin: 15px 0;
}

.related-price > span:first-child {
    font-size: 35px;
}

.related-title {
    color: #85471c;
    font-size: 22px;
    margin-bottom: 15px;
}

.youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}