/* from old tpl.home.html */
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.cover-products {
    padding: 60px 0 50px 0;
}

.cover-card-home {
    padding         : 10px;
    margin-bottom   : 10px;
    background-color: #eee;
}

.cover-card-home.two {
    padding-top   : calc((168px/2) + 12px);
    padding-bottom: calc((168px/2) + 12px);
}

@media (max-width: 1199px) {
    .cover-card-home.two {
        padding-top   : calc((140px/2) + 12px);
        padding-bottom: calc((140px/2) + 12px);
    }
}

@media (max-width: 992px) {
    .cover-card-home.two {
        padding-top   : calc((122px/2) + 12px);
        padding-bottom: calc((122px/2) + 12px);
    }
}

@media (max-width: 767px) {
    .cover-card-home.two {
        padding-top   : 10px;
        padding-bottom: 10px;
    }
}

.cover-card-home .cover-background-image {}

.cover-card-home .cover-background-image .background-image {
    background-color   : white;
    padding-top        : 100%;
    background-size    : contain;
    background-position: center;
    background-repeat  : no-repeat;
}

.cover-card-home .cover-background-image .background-image.actice {
    background-color: #f5f5f5;
}

.cover-card-home .cover-title {}

.cover-card-home .cover-title h1 {
    padding           : 0;
    margin            : 10px 0 0 0;
    line-height       : 1.4;
    font-size         : 14px;
    font-weight       : 700;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow     : ellipsis !important;
    overflow          : hidden !important;
    word-break        : break-word !important;
    text-decoration   : none !important;
    display           : -webkit-box !important;
}

.cover-card-home .cover-title h2 {
    padding           : 0;
    margin            : 10px 0 0 0;
    line-height       : 1.4;
    font-size         : 14px;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow     : ellipsis !important;
    overflow          : hidden !important;
    word-break        : break-word !important;
    text-decoration   : none !important;
    display           : -webkit-box !important;
}

.cover-demo {
    margin          : 60px 0;
    background-color: #FDD835;
}

.cover-demo .display-table {
    width         : 100%;
    display       : table;
    vertical-align: middle;
}

.cover-demo .display-table.height-80vh {
    height: 80vh;
}

.cover-demo .display-table .display-table-cell {
    display       : table-cell;
    vertical-align: middle;
}

.cover-demo .row {
    margin: 0 !important;
}

.cover-demo .row .col {
    padding: 0 !important;
}

.cover-demo .row [class^='col-'] {
    padding: 0 !important;
}

.cover-demo .cover-background-image .background-image {
    background-color   : white;
    padding-top        : 90vh;
    background-size    : contain;
    background-position: center;
    background-repeat  : no-repeat;
}

.cover-demo .cover-form {}

.cover-demo .cover-form .cover-header {
    padding: 0 100px 0 50px !important;
}

.cover-demo .cover-form .cover-header h1 {
    margin     : 30px 0 30px 0;
    font-size  : 30px;
    font-weight: 700;
}

.cover-demo .cover-form .cover-header h2 {
    margin     : 0 0 20px 0;
    font-size  : 16px;
    line-height: 1.42857143;
}

.cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form {
    padding: 0 100px 0 50px !important;
}

.cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form form .form_block label {
    position: absolute !important;
    left    : 72px !important;
}

.cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form form .form_block label {
    position: absolute !important;
    left    : 72px !important;
}

.cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form form .form_block.set {
    text-align: left !important;
}

.cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form form .form_block.set button {
    margin-bottom   : 20px;
    color           : white !important;
    border-color    : #242424 !important;
    background-color: #242424 !important;
}

@media (max-width: 991px) {

    .cover-demo .cover-form .cover-header,
    .cover-demo .cover-form component-page-contact-fromcontact-bs .company_contact_form {
        padding: 0 20px !important;
    }
}

@media (max-width: 767px) {
    .video_padding {
        padding-top: 0 !important;
    }
}

.vito_footer .mainsite h1 {
    color      : #fdd835;
    font-weight: bold;
    line-height: 33px;
    font-size  : 20px;
}

.vito_footer .mainsite ul {
    margin-top: 17px;
    list-style: none;
    margin    : 0;
    padding   : 0;
    border    : 0;
}

.vito_footer .mainsite ul li {
    text-decoration: none;
    color          : #333;
    font-size      : 14px;
    border-bottom  : 1px dotted #757575;
    width          : 100%;
    padding-bottom : 5px;
    margin-bottom  : 5px;
    display        : block;
}

.iframe_block iframe {
    width: 100%;
}

@media (min-width: 1200px) {
    .iframe_block iframe {
        height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .iframe_block iframe {
        height: 244px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .iframe_block iframe {
        height: 350px;
    }
}

@media(max-width: 767px) and (min-width: 591px) {
    .iframe_block iframe {
        height: 300px;
        width : 100%;
    }
}

@media(max-width: 590px) {
    .iframe_block iframe {
        height: 180px;
        width : 100%;
    }
}

.row {
    margin-left : -5px !important;
    margin-right: -5px !important;
}

.col-xs-12,
.col-xs-6 {
    padding-left : 5px !important;
    padding-right: 5px !important;
}

html body[ng-app] .form_block input,
html body[ng-app] .form_inline_block input {
    padding: 15px 20px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .set_mobile_size {
        padding: 10px 17px 10px 30px;
    }

    .image_set_mobile {
        background-position: left !important;
        height             : 570px !important;
        padding-top        : unset !important;
    }
}

@media (min-width: 1200px) {
    .set_mobile_size {
        padding: 10px 100px 20px 50px;
    }
}

@media (max-width: 991px) {
    .set_mobile_size {
        padding: 20px;
    }
}

component-carousel-banner .component_carousel_lazy_container.hide_true {
    z-index: -1 !important;
}

#boxes {
    overflow-y      : auto;
    white-space     : nowrap;
    position        : fixed;
    background-color: rgba(0, 0, 0, 0.7);
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    z-index         : 3000;
}

/* The Modal (background) */
.modal {
    display         : none;
    position        : fixed;
    z-index         : 50000;
    padding-top     : 250px;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    overflow        : auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
@media (min-width: 554px) {
    .modal-content {
        background-color: #fefefe;
        margin          : auto;
        padding         : 20px;
        border          : 1px solid #888;
        width           : 50%;
    }
}

@media (max-width: 553px) {
    .modal-content {
        background-color: #fefefe;
        margin          : auto;
        padding         : 20px;
        border          : 1px solid #888;
        width           : 90%;
    }
}

/* The Close Button */
.close {
    color      : #aaaaaa;
    float      : right;
    font-size  : 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color          : #000;
    text-decoration: none;
    cursor         : pointer;
}

#boxes {
    position: fixed;
    top     : 0;
    left    : 0;
    z-index : 8000000000000;
    right   : 0;
    bottom  : 0;

}

#mask {
    width           : 100% !important;
    height          : 100% !important;
    position        : fixed;
    left            : 0;
    top             : 0;
    z-index         : 9000;
    background-color: #000;
    display         : none;
}

#boxes .window {
    position     : absolute;
    left         : 0;
    top          : 0;
    width        : 440px;
    height       : 200px;
    display      : none;
    z-index      : 9999;
    padding      : 20px;
    border-radius: 15px;
    text-align   : center;
}

#boxes #dialog {
    width           : 450px;
    height          : auto;
    padding         : 10px;
    background-color: #ffffff;
    font-family     : 'Segoe UI Light', sans-serif;
    font-size       : 15pt;
}

.maintext {
    text-align     : center;
    font-family    : "Segoe UI", sans-serif;
    text-decoration: none;
}

body {
    background: url('bg.jpg');
}

#lorem {
    font-family: "Segoe UI", sans-serif;
    font-size  : 12pt;
    text-align : left;
}

#popupfoot {
    font-family: "Segoe UI", sans-serif;
    font-size  : 16pt;
    padding    : 10px 20px;
}

#popupfoot a {
    text-decoration: none;
}

.agree:hover {
    background-color: #D1D1D1;
}

.popupoption:hover {
    background-color: #D1D1D1;
    color           : green;
}

.popupoption2:hover {

    color: red;
}

@media (max-width: 500px) {
    #boxes #dialog {
        position: relative !important;
        margin  : auto !important;
        width   : 100% !important;
        left    : 0 !important;
    }
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 16px !important;
    color    : #000;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 16px !important;
    color    : #000;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 16px !important;
    color    : #000;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 16px !important;
    color    : #000;
}