html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Montserrat', sans-serif !important;
}

a {
    outline: none;
}

a:hover {
    color: initial;
}

ul {
    margin: 0;
    padding: 0;
}

button:focus {
    outline: none;
}

.header-body {
    padding-top: 114px;
}

.header-cart {
    padding-top: 365px;
}

.header-body header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    position: fixed;
}

.block-relative {
    position: relative;
}

.intro-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* align items in Main Axis */
    align-items: stretch;
    /* align items in Cross Axis */
    align-content: stretch;
    /* Extra space in Cross Axis */
    background: rgba(255, 255, 255, .1);
}

.intro-content {
    flex: 1;
    background: url('../img/intro-bg.jpg') center no-repeat;
    background-size: cover;
}

.fill-area {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* align items in Main Axis */
    align-items: stretch;
    /* align items in Cross Axis */
    align-content: stretch;
    /* Extra space in Cross Axis */
}

.intro-header {
    z-index: 2;
    min-height: 70px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0.5);
}

.intro-alert {
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    text-align: center;
    background-color: #EC2028;
}

.header-brand {
    float: left;
    margin-bottom: -30px;
}

.header-brand img {
    display: block;
    max-height: 75px;
}

.wrapper-balloon-lang {
    top: 0;
    bottom: 0;
    margin-left: 25px;
    position: absolute;
    align-items: center;
    display: inline-flex;
}

.balloon-lang {
    width: 32px;
    color: #fff;
    height: 32px;
    display: flex;
    font-size: 12px;
    font-weight: 300;
    margin-left: 7px;
    border-radius: 50%;
    position: relative;
    text-align: center;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background-color: #707070;
}

.balloon-lang:hover {
    color: #fff;
}

.balloon-lang.active {
    background-color: #EC2028;
}

.balloon-lang:before {
    right: 0;
    width: 0;
    bottom: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    border-top: 8px solid #6f6f6f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: rotate(-40deg);
    /* Equal to rotateZ(45deg) */
}

.balloon-lang.active:before {
    border-top: 8px solid #EC2028;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.balloon-mob {
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: flex;
    bottom: -45px;
    padding: 5px 15px;
    justify-content: flex-end;
}

.balloon-bg {
    background-color: rgba(94, 88, 87, .80);
    height: 62px;
}

.balloon-bg .balloon-mob {
    bottom: -62px;
    padding: 15px;
}

.balloon-social {
    margin-left: 15px;
    line-height: 15px;
    border-left: 1px solid #5E5857;
    padding-left: 5px;
}

.balloon-social a {
    color: #DCDCDC;
    font-size: 33px;
    display: inline-block;
    margin-left: 10px;
}


/*-- begin top menu --*/

.top-menu {
    margin: 0;
    padding: 0;
    float: right;
    display: flex;
    min-height: 70px;
    align-items: center;
}

.top-menu li {
    display: inline-block;
}

.top-menu a {
    color: #000;
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    border-left: 1px solid #5E5857;
}

.top-menu li:first-child a {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

.icon-login a {
    padding-right: 0;
    padding-left: 60px;
    background: url('../img/icon-login.png') 15px no-repeat;
    background-size: 32px;
}

.intro-alert-content {
    color: #fff;
    padding: 15px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.intro-alert-block {
    width: 100%;
}

.intro-alert-block p {
    margin: 0;
    font-size: 12px;
}

.intro-alert-btn {
    cursor: pointer;
    font-size: 14px;
    margin: 10px 25px 0;
    padding: 5px 50px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: uppercase;
}


/*-- begin flags --*/

.flag-wrapper:before {
    content: attr(data-label);
    display: table-footer-group;
    margin: 0 auto 40px;
}

.flag-wrapper {
    height: 100%;
    margin-top: -45px;
    align-items: center;
    justify-content: center;
    display: flex !important;
    flex-direction: column;
    padding: 0 50px;
}

.flag-item {
    color: #000;
    width: 100%;
    outline: none;
    outline: none !important;
}

.flag-item img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
}

.flag-item span {
    display: block;
    font-size: 12px;
    max-width: 80px;
    text-align: center;
    margin: 10px auto 0 auto;
}

.flag-wrapper .slick-list {
    width: 100% !important;
}

.slick-arrow {
    top: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    text-indent: -9999em;
    outline: none !important;
    background-size: 32px !important;
}

.slick-prev {
    left: 0;
    background: url(../img/arrow-prev.png) no-repeat center;
}

.slick-next {
    right: 0;
    background: url(../img/arrow-next.png) no-repeat center;
}

.intro-header-mob,
.header-mob-wrapper {
    z-index: 2;
    position: relative;
    box-shadow: 0 -2px 5px rgba(0, 0, 0.5);
}

.intro-header-mob .card {
    width: 100%;
    border: none;
}

.intro-header-mob .btn-link {
    float: left;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: 5px;
    border-radius: 50%;
    background: url('../img/icon-menu-active.png') center no-repeat;
    background-size: contain;
}

.intro-header-mob .accordion {
    background-color: #fff;
}

.btn-menu.btn-clear {
    background: url('../img/icon-menu-active.png') center no-repeat;
}

.btn-menu.btn-clear.collapsed {
    background: url('../img/icon-menu.png') center no-repeat;
}

.btn-menu.btn-dusk {
    background: url('../img/icon-menu-active.png') center no-repeat;
    background-size: contain;
}

.btn-plus.btn-dusk {
    background: url('../img/icon-plus.png') center no-repeat;
    background-size: contain;
}

.btn-menu.btn-dusk.collapsed {
    background: url('../img/icon-menu-dusk.png') center no-repeat;
    background-size: contain;
}

.btn-plus.btn-dusk.collapsed {
    background: url('../img/icon-plus-dusk.png') center no-repeat;
    background-size: contain;
}

.header-mob-buttons {
    float: right;
    margin: 10px 0 10px 10px;
}

.intro-header-mob .input-search {
    width: 100%;
    display: block;
    max-width: none;
    margin: 0 0 20px;
}

.submenu-wrapper {
    padding: 35px;
    overflow: auto;
    background-color: #5E5857;
}

.submenu-wrapper li {
    display: block;
    margin-top: 10px;
}

.submenu-wrapper li:first-child {
    margin-top: 0;
}

.submenu-wrapper a {
    font-size: 14px;
    color: #DCDCDC;
    text-decoration: none;
}

.submenu-wrapper ul ul {
    margin-top: 10px;
}

.submenu-wrapper ul ul a {
    color: #fff;
    font-size: 12px;
}

.intro-header-mob .card {
    border-radius: 0;
}


/*-- begin main menu --*/

.main-menu {
    /* padding: 25px 0; */
    text-align: right;
    position: relative;
    background-color: #DCDCDC;
    box-shadow: 0 -2px 5px rgba(0, 0, 0.5);
}

.main-menu li {
    height: 100%;
    margin-left: 35px;
    display: inline-block;
}

.main-menu li a {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 30px 0;
}

.main-menu nav {
    display: inline-block;
}

.input-search {
    border: none;
    outline: none;
    max-width: 180px;
    margin-left: 45px;
    border-radius: 30px;
    display: inline-block;
    padding: 7px 5px 7px 35px;
    font-size: 12px !important;
    background: url('../img/icon-search.png') 13px 10px #fff no-repeat;
    background-size: 15px;
}

.input-search::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.input-search::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

.input-search:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

.input-search:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.search-cart-wrapper {
    float: right;
}

.btn-cart {
    width: 32px;
    height: 32px;
    float: right;
    margin-left: 10px;
    border-radius: 50%;
    background: url('../img/icon-cart.png') center no-repeat;
    background-size: contain;
}


/*-- begin footer --*/

footer {
    background-color: #DCDCDC;
    border-top: 5px solid #EC2028;
}

.footer-row {
    text-align: center;
}

.footer-row-logo {
    align-items: center;
}

.footer-block {
    padding: 30px 0;
}

.footer-block h3 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.footer-block,
.footer-block a {
    font-size: 14px;
    color: #5E5857;
}

address,
.icon-phone {
    padding-left: 27px;
    background: url('../img/icon-location.png') 0 4px no-repeat;
    background-size: 18px;
}

.icon-phone {
    line-height: 24px;
    background-image: url('../img/icon-phone.png');
    padding-left: 25px !important;
}

.footer-block li {
    list-style: none;
}

.footer-block a {
    padding: 2px 0;
    display: inline-block;
}

.input-email {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #fff;
    background: url('../img/icon-send.png') right center #fff no-repeat;
    background-size: contain;
}

.footer-social {
    margin-top: 20px;
}

.footer-social img {
    display: block;
    max-height: 45px;
}

.footer-social a {
    margin-left: 10px;
}

.footer-social a:first-child {
    margin-left: 0;
}

.footer-logo {
    background-color: #fff;
    box-shadow: 0 -30px 6px -33px rgba(0, 0, 0.5);
}

.footer-box {
    text-align: center;
}

.footer-box img {
    display: block;
    max-height: 100px;
    margin-top: -31px;
}

.footer-box a {
    display: inline-block;
}

.footer-box .balloon-lang {
    display: none;
}


/* .footer-block ul {
    margin-bottom: 10px;
} */


/*-- begin carousel --*/

.carousel-block {
    min-height: 100px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-title {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.carousel-box {
    padding: 140px 0;
    position: relative;
}

.carousel-block::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(94, 88, 87, .60);
}

.button-normal {
    border: none;
    outline: none;
    color: #fff;
    font-size: 12px;
    margin-top: 8px;
    font-weight: 700;
    padding: 15px 60px;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #EC2028;
}

.button-clear-cart,
.button-clear-download {
    color: #000;
    display: inline-block;
    padding: 10px 10px 10px 45px;
    background: url(../img/icon-download.png) left center no-repeat;
    background-size: 42px;
}

.button-clear-cart {
    background: url(../img/icon-cart.png) left center no-repeat;
    background-size: 32px;
}

.button-clear,
.button-clear:hover {
    color: #000 !important;
    background-color: #DCDCDC;
}

.button-normal:hover {
    color: #fff;
}

.carousel-wrapper .slick-prev {
    left: 5%;
}

.carousel-wrapper .slick-next {
    right: 5%;
}


/*-- begin modal --*/

.modal-wrapper .modal-header {
    display: block;
    border-bottom: none;
    padding: 10px 10px 0;
}

.modal-wrapper .modal-body {
    padding: 10px;
}

.modal-wrapper .modal-content {
    padding: 15px;
}

.modal-wrapper .button-normal {
    margin-top: 25px;
}

.modal-close {
    width: 32px;
    height: 32px;
    float: right;
    display: block;
    margin: 0 !important;
    background: url(../img/icon-close.png) center no-repeat;
    background-size: contain;
}

.modal-wrapper .modal-body iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
}

.modal-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}


/*-- begin square --*/

.square-wrapper {
    background-color: #DCDCDC;
}

.square-block {
    margin: 0;
    width: 100%;
    color: #000;
    padding: 20px 0;
    text-align: center;
    border-left: 1px solid #5E5857;
}

.square-block:first-child {
    border: none;
}

.square-block img {
    margin: auto;
    display: block;
    max-height: 50px;
}

.square-title {
    font-size: 10px;
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.square-wrapper .container,
.circular-wrapper .banner-page-text {
    padding: 0;
}


/*-- begin banner --*/

.banner-wrapper {
    overflow: hidden;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-block {
    padding: 100px 0;
    max-width: 430px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.banner-block h1 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
}

.banner-block h1 b {
    display: block;
    font-size: 30px;
}

.banner-block h2 {
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 30px;
}

.banner-light h1,
.banner-light h2 {
    color: #fff;
}

.banner-dark h1,
.banner-dark h2 {
    color: #000;
}


/*-- begin frames --*/

.frames-wrapper {
    padding: 30px 0;
    border-top: 5px solid #EC2028;
}

.frames-clear {
    padding: 0;
    border-top: none;
}

.frames-img img {
    display: block;
    max-height: 200px;
    margin: 0 auto;
}

.frames-title {
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.price-actual {
    color: #EC2028;
    font-size: 28px;
    font-weight: 600;
}

.price-old {
    font-size: 28px;
    font-weight: 600;
    color: #C9C9C9;
    text-decoration: line-through;
}

.frames-block {
    padding: 50px 0;
}

.title-wrapper {
    padding: 0 15px;
    text-align: center;
    position: relative;
}

.title-wrapper h2 {
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
}

.title-wrapper h2 b {
    font-weight: 700 !important;
}

.title-wrapper small {
    display: block;
    color: #5E5857;
}

.frames-row .slick-prev,
.cover-wrapper .slick-prev,
.frames-wrapper .slick-prev,
.witness-wrapper .slick-prev,
.products-wrapper-mob .slick-prev {
    background-image: url('../img/arrow-prev-dark.png');
}

.frames-row .slick-next,
.cover-wrapper .slick-next,
.frames-wrapper .slick-next,
.witness-wrapper .slick-next,
.products-wrapper-mob .slick-next {
    background-image: url('../img/arrow-next-dark.png');
}


/*-- begin drawer block --*/

.drawer-wrapper {
    margin-bottom: 3px;
    border-top: 5px solid #EC2028;
}

.drawer-block {
    color: #000;
    outline: none;
    margin: 0 2px;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px !important;
}

.drawer-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    position: absolute;
    background-color: rgba(255, 255, 255, .80);
}

.drawer-title {
    font-size: 16px;
    font-weight: 600;
}

.drawer-text {
    margin: 0;
    font-size: 12px;
}

.drawer-wrapper .slick-arrow {
    top: 35%;
}

.drawer-wrapper .slick-prev {
    left: 2%;
}

.drawer-wrapper .slick-next {
    right: 2%;
}

.drawer-wrapper .title-wrapper {
    margin: 20px 0;
}


/*-- begin casing wrapper --*/

.casing-wrapper {
    padding: 30px 0;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.casing-wrapper::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, .70);
}


/*-- begin banner page --*/

.banner-page-wrapper {
    padding: 15px 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover !important;
    border-bottom: 5px solid #EC2028;
}

.banner-page-box {
    align-items: center;
}

.banner-page-box img {
    display: block;
    max-height: 60px;
}

.banner-page-title,
.banner-page-subtitle {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.banner-page-subtitle {
    color: #EC2028;
    font-size: 20px;
}

.banner-page-title {
    color: #5E5857;
    font-weight: 600;
    font-size: 20px;
}

.banner-page-text {
    padding-left: 15px;
}


/*-- begin products list --*/

.products-wrapper {
    padding-top: 30px;
}

.products-item {
    width: 100%;
    padding: 30px 60px 50px 60px;
}

.products-item img {
    max-height: 260px;
}

.product-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.product-excerpt {
    margin: 0;
    font-size: 14px;
    color: #5E5857;
    font-weight: 600;
    max-width: 300px;
}

.product-calification {
    padding: 0;
    border: none;
    color: #EC2028;
    font-size: 14px;
    font-weight: 600;
    background: none;
    text-decoration: underline;
}

.product-price {
    display: block;
    margin: 10px 0;
    font-size: 30px;
    font-weight: 600;
}

.products-info {
    padding: 10px 0 0 10px;
}


/*-- begin review --*/

.input-label {
    font-size: 12px;
    color: #5E5857;
    font-weight: 700;
}

.input-field {
    width: 100%;
    outline: none;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #DCDCDC;
}

textarea.input-field {
    display: block;
    min-height: 100px;
}

.form-row {
    margin-top: 20px;
}


/*-- rating Star Widgets Style --*/

.rating-stars {
    margin-top: 5px;
}

.rating-stars ul {
    padding: 0;
    display: inline-block;
    list-style-type: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-count {
    color: #5E5857;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    margin-left: 5px;
}

.rating-stars ul>li.star {
    display: inline-block;
}

.rating-stars ul>li.star>i.fa {
    color: #ccc;
}

.rating-stars ul>li.star.hover>i.fa,
.rating-stars ul>li.star.selected>i.fa {
    color: #EC2028;
}


/*-- begin circulars blocks --*/

.circular-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.circular-wrapper .banner-page-text {
    margin-bottom: 20px;
}

.circular-block {
    width: 100%;
    margin: 60px 0;
}

.circular-item {
    margin: 20px 0;
}

.circular-item img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 160px;
    margin: 0 auto 20px;
}

.circular-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}

.circular-img-label {
    color: #000;
    align-items: center;
    display: inline-flex;
}

.circular-img-label:hover {
    text-decoration: none;
}

.title-emphasis {
    padding: 30px 0;
    border-top: 5px solid #EC2028;
}

.title-emphasis b {
    color: #EC2028;
}

.frames-promo,
.sidebar .frames-block {
    border: none;
    padding-top: 0;
}

.frames-promo .frames-block {
    padding-top: 20px;
}

.frames-mobile-wrapper .frames-block {
    padding: 0;
}


/*-- begin banner info --*/

.banner-info .banner-page-title,
.banner-info .banner-page-subtitle {
    color: #fff;
}


/*-- begin single page --*/

.single-wrapper-row {
    padding: 30px 0;
    align-items: center;
}

.single-info-row {
    text-align: center;
}

.single-info-img img {
    margin: 0 auto;
    display: block;
    max-height: 330px;
}

.single-subtitle {
    display: block;
    font-size: 14px;
    color: #5E5857;
    font-weight: 700;
    text-transform: uppercase;
}

.single-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-caption {
    font-size: 14px;
    margin: 5px 0 0;
}

.single-price {
    font-size: 24px;
    font-weight: 600;
    display: block;
}


/*-- begin dropdown colors --*/

.scrollable-list {
    width: 100%;
    float: left;
    display: none;
    color: #666;
    padding: 5px 0;
    min-width: 115px;
    background: #FFF;
    border-radius: 3px;
    border-radius: 30px;
    border: 1px solid #5E5857;
}

.scrollable-list ul {
    margin: 0;
    padding: 0;
    z-index: 1;
    margin-top: 17px;
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    border: 1px solid #5E5857;
}

.scrollable-list ul li {
    margin: 8px;
    cursor: pointer;
    list-style: none;
    line-height: 25px;
    text-indent: -9999em;
}

.selected-option {
    cursor: pointer;
    font-size: 12px;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.scrollable-list ul li:hover {
    color: #c33;
}

.selected-option:hover {
    color: #333;
}

.scrollable-list i {
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 3px;
    text-indent: -99999em;
    border: 1px solid #DCDCDC;
}

.scrollable-list,
.input-dropdown {
    border-radius: 30px;
    background: url('../img/dropdown.png') right center no-repeat;
    background-size: 20px;
}

.input-dropdown select {
    width: 100%;
    outline: none;
    font-size: 12px;
    color: #5E5857;
    appearance: none;
    background: none;
    padding: 8px 15px;
    border-radius: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #5E5857;
}

.label-single {
    color: #5E5857;
    font-size: 12px;
}

.input-number {
    width: 100%;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #5E5857;
    background: url('../img/input-number.png') right center no-repeat;
    background-size: 22px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.input-block {
    margin-top: 10px;
}

.single-button-wrapper {
    margin-top: 20px;
    align-items: center;
}

.single-button-wrapper .button-normal {
    margin: 0;
}

.single-social {
    display: flex;
    margin-top: 15px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.single-social span {
    font-size: 14px;
    margin-right: 10px;
}

.single-social a {
    margin: 0 3px;
    font-size: 25px;
    color: #DCDCDC;
    display: inline-block;
}


/* -- begin aditional block -- */

.aditional-wrapper {
    padding: 30px 0;
    background-color: #EC2028;
}

.aditional-wrapper img {
    display: block;
    max-height: 50px;
}

.aditional-box {
    align-items: center;
}

.aditional-block span {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding-left: 10px;
    text-transform: uppercase;
}

.aditional-row {
    display: inline-flex;
}

.nav-item {
    width: 100%;
}

.nav-item a {
    color: #000;
    margin: 0 10px;
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-bottom: 5px solid #5E5857;
}

.nav-item a.active {
    border-color: #EC2028;
}

.tabs-wrapper {
    padding: 30px 0;
}

.tabs-inline .tab-content,
.tabs-wrapper .tab-content {
    padding: 30px 0;
    position: relative;
}

.tabs-wrapper .tab-content li {
    margin: 7px 0;
    display: block;
    font-weight: 600;
    padding-left: 25px;
    background: url('../img/icon-check.png') left center no-repeat;
    background-size: 20px;
}

.tabs-wrapper .tab-content h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.tabs-wrapper .tab-content p {
    font-size: 14px;
    font-weight: 600;
}

.button-download-wrapper a {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    text-align: left;
    border-radius: 30px;
    text-transform: uppercase;
    border: 1px solid #5E5857;
    padding: 12px 55px 12px 18px;
    background: url(../img/icon-download.png) right center no-repeat;
    background-size: 42px;
}

.button-download-wrapper {
    right: 0;
    top: 30px;
    text-align: right;
}

.info-video-wrapper {
    padding: 60px 0;
    font-size: 14px;
    background-color: #DCDCDC;
}

.info-video-wrapper .video-iframe {
    width: 100%;
    min-height: 250px;
    margin-top: 10px;
}

.info-video-wrapper li {
    list-style: disc;
    list-style-position: outside;
}

.title-block {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}


/* -- begin review block -- */

.review-wrapper {
    padding: 50px 0;
}

.review-block {
    overflow: auto;
    padding: 0 30px;
    max-height: 420px;
    margin-bottom: 40px;
    border: 1px solid #DCDCDC;
}

.review-profile-block {
    align-items: center;
}

.avatar-block,
.single-info-wrapper {
    position: relative;
}

.avatar-img {
    display: block;
    max-height: 100px;
}

.avatar-flag {
    right: 0;
    bottom: 0;
    max-height: 32px;
    position: absolute;
}

.avatar-info span {
    display: block;
}

.avatar-title {
    font-size: 16px;
    font-weight: 600;
}

.avatar-place,
.avatar-subtitle {
    color: #5E5857;
    font-size: 14px;
    font-weight: 600;
}

.avatar-place {
    color: #5E5857;
}

.avatar-info {
    padding-left: 10px;
}

.avatar-info .rating-stars {
    font-size: 12px;
}

.review-item {
    margin: 30px 0;
}


/* width */

.review-block::-webkit-scrollbar {
    width: 10px;
}


/* Track */

.review-block::-webkit-scrollbar-track {
    background: #DCDCDC;
}


/* Handle */

.review-block::-webkit-scrollbar-thumb {
    background: #EC2028;
}


/* Handle on hover */

.review-block::-webkit-scrollbar-thumb:hover {
    background: #EC2028;
}

.comment-block {
    font-size: 12px;
    padding: 0 50px;
    margin-top: 30px;
}


/* -- begin summary -- */

.summary-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.summary-block {
    padding: 0 10px;
    border-left: 1px solid #DCDCDC;
    /* width: 20%; */
}

.summary-row {
    padding: 20px 0;
}

.summary-block:first-child {
    padding-left: 0;
    border-left: none;
}

.summary-block small {
    color: #5E5857;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.summary-block span {
    /* display: block; */
    font-size: 18px;
    color: #5E5857;
    font-weight: 700;
}

.summary-total small {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.summary-total span {
    color: #000;
}

.summary-block select {
    border: none;
    outline: none;
    display: block;
    font-size: 10px;
    color: #5E5857;
    font-weight: 600;
    appearance: none;
    line-height: 27px;
    border-radius: 30px;
    -moz-appearance: none;
    padding: 0 30px 0 35px;
    -webkit-appearance: none;
    text-transform: uppercase;
    background: url('../img/dropdown.png') right center no-repeat, url('../img/icon-truck.png') left center no-repeat;
    background-size: 20px, contain;
}

.summary-block .button-normal {
    margin-top: 0;
    font-weight: 600;
}

.summary-mobile-wrapper {
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.summary-mobile-wrapper small {
    color: #5E5857;
    font-size: 16px;
    text-transform: uppercase;
}

.summary-mobile-wrapper .summary-block {
    padding: 0;
    border: none;
}

.summary-mobile-wrapper select {
    margin-top: 5px;
    font-size: 12px;
    line-height: 40px;
    padding-left: 50px;
    width: 100%;
    margin-bottom: 10px;
}

.summary-mobile-wrapper .button-normal {
    width: 100%;
    font-weight: 700;
    padding: 8px 17px;
}

.summary-amount {
    margin-top: 2px;
    color: #5E5857;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
}

.summary-amount span,
.summary-amount small {
    font-size: 14px;
    font-weight: 600;
}

.summary-amount-total span,
.summary-amount-total small {
    font-size: 16px;
}

.summary-amount-total span {
    color: #EC2028;
}

.summary-amount-total {
    margin-top: 7px;
}

.cart-wrapper .single-price {
    margin-top: 5px;
}

.cart-wrapper .single-title {
    font-size: 16px;
}

.cart-wrapper .single-info-wrapper {
    padding-right: 35px;
}

.icon-edit,
.icon-eraser {
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: none;
    display: block;
    position: absolute;
    background: url('../img/icon-eraser.png') center no-repeat;
    background-size: contain;
}

.icon-edit {
    background: url('../img/icon-pencil.png') center no-repeat;
    background-size: contain;
}

.cart-wrapper .single-info-img img {
    max-height: 120px;
}

.sidebar {
    padding: 30px 0;
}

.button-static {
    display: inline-block;
    position: static !important;
}

.sidebar .title-emphasis {
    border-top: none;
}

.sidebar .title-wrapper h2 {
    font-size: 22px;
}

.title-block-info {
    color: #5E5857;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.input-dropdown-clear select {
    color: #000;
    font-size: 14px;
    border-radius: 3px;
    padding: 11px 15px;
    border-color: #DCDCDC;
}

.input-clear::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #DCDCDC;
}

.input-clear::-moz-placeholder {
    /* Firefox 19+ */
    color: #DCDCDC;
}

.input-clear:-ms-input-placeholder {
    /* IE 10+ */
    color: #DCDCDC;
}

.input-clear:-moz-placeholder {
    /* Firefox 18- */
    color: #DCDCDC;
}

.input-wrapper {
    margin: 60px 0;
}

.title-icon-cart {
    display: inline-block;
    padding: 10px 55px 10px 0;
    background: url(../img/icon-cart.png) right center no-repeat;
    background-size: 40px;
}

.button-full .button-normal {
    width: 100%;
    margin-top: 20px;
}


/* -- begin green page -- */

.title-cover .title-block {
    margin: 0;
}

.title-block-accent,
.title-block-emphasis {
    margin: 0;
    font-size: 18px;
    color: #2FA700;
    font-weight: 700;
    text-transform: uppercase;
}

.title-block-accent {
    color: #EC2028;
}

.block-list-wrapper {
    padding: 30px 0;
    margin-top: 40px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.block-list-wrapper li {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    padding-top: 2px;
    padding-left: 32px;
    padding-bottom: 2px;
    background: url(../img/icon-check-light.png) 0 1px no-repeat;
    background-size: 22px;
}

.block-list-wrapper::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(47, 167, 0, 0.75);
}

.title-block-light {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.comment-item {
    padding: 40px 0;
}

.comment-item blockquote {
    margin-bottom: 0;
}

.comment-avatar {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
}

.comment-avatar img {
    display: block;
    max-height: 70px;
    margin-right: 10px;
}

.comment-label small {
    display: block;
    color: #5E5857;
    font-weight: 700;
}


/* begin acounting wrapper */

.counting-wrapper {
    color: #fff;
    margin: 30px 0;
    padding: 50px 0;
    position: relative;
    background-size: cover;
    text-transform: uppercase;
    background-position: center;
    background-repeat: no-repeat;
}

.counting-row {
    position: relative;
    align-items: center;
}

.counting-wrapper::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(236, 32, 40, 0.8);
}

.counting-block {
    padding-left: 65px;
    background: url('../img/icon-check-light.png') left center no-repeat;
    background-size: 50px;
}

.counting-block span {
    display: block;
    font-size: 30px;
    font-weight: 700;
}

.counting-block small {
    font-size: 16px;
    font-weight: 600;
}

.cover-wrapper {
    padding: 30px 0;
}

.witness-row,
.cover-wrapper-row {
    padding: 0 30px;
}

.cover-block {
    text-align: center;
}

.cover-title {
    color: #5E5857;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.cover-block img {
    height: auto;
    display: block;
    max-height: 160px;
    margin: 0 auto 10px;
}

.cover-wrapper .slick-arrow {
    top: 30%;
}

.witness-wrapper .avatar-img {
    max-height: 70px;
}

.witness-wrapper {
    padding: 40px 0;
}

.witness-block {
    padding: 0 20px;
}

.witness-block p {
    font-size: 14px;
    margin-top: 20px;
}


/* begin work page */

.input-upload {
    position: relative;
}

.input-upload input {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.input-upload span {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    text-align: left;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #5E5857;
    padding: 12px 55px 12px 18px;
    background: url(../img/icon-upload.png) right center no-repeat;
    background-size: 42px;
}

.input-button-end {
    display: flex;
    align-items: flex-end;
}


/* -- begin form -- */

.form-avatar {
    display: flex;
    padding: 30px 0;
    position: relative;
    align-items: center;
}

.form-avatar .avatar-img {
    max-height: 80px;
}

.avatar-block {
    margin-right: 10px;
}

.form-buttons {
    right: 0;
    position: absolute;
}

.form-buttons button {
    position: static;
    text-indent: -9999em;
    display: inline-block;
}

.tabs-inline .nav-item a {
    padding: 0 25px;
}

.table-list {
    width: 100%;
}

.password-block {
    position: relative;
}

.password-button {
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: none;
    margin: 5px 12px;
    position: absolute;
    background: url(../img/icon-eye.png) center no-repeat;
    background-size: 27px;
}


/* -- begin where page -- */

.map-block iframe {
    width: 100%;
    height: 300px;
    display: block;
}

.input-full {
    margin: 0;
    width: 100%;
    max-width: initial;
    border: 1px solid #DCDCDC;
    padding: 10px 10px 10px 35px;
    background-position: 15px 12px;
}

.tab-full {
    padding-right: 0 !important;
}

.icon-rounded-location {
    background: url('../img/icon-rounded-location.png') no-repeat !important;
}

.icon-rounded-phone {
    background: url('../img/icon-rounded-phone.png') no-repeat !important;
}

.icon-rounded-mail {
    background: url('../img/icon-rounded-mail.png') no-repeat !important;
}

.address-block li {
    font-size: 12px;
    min-height: 40px;
    align-items: center;
    display: flex !important;
    font-weight: 400 !important;
    padding-left: 42px !important;
    background-size: 32px !important;
    background-position: left center !important;
}

.address-title {
    font-size: 16px;
    color: #5E5857;
    font-weight: 700;
    margin: 35px 0 10px;
}