/* Add here all your CSS customizations */

@font-face {
    font-family: 'dinbold';
    src: url('/Fonts/din_bold-webfont.eot');
    src: url('/Fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/din_bold-webfont.woff2') format('woff2'),
    url('/Fonts/din_bold-webfont.woff') format('woff'),
    url('/Fonts/din_bold-webfont.ttf') format('truetype'),
    url('/Fonts/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din-regularregular';
    src: url('/Fonts/dinr____-webfont.eot');
    src: url('/Fonts/dinr____-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/dinr____-webfont.woff2') format('woff2'),
    url('/Fonts/dinr____-webfont.woff') format('woff'),
    url('/Fonts/dinr____-webfont.ttf') format('truetype'),
    url('/Fonts/dinr____-webfont.svg#din-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'din-regularregular'; color: #000000; }
p {color:#000000;}

strong{ font-family: 'dinbold';}

h2.BAR{ border-left:4px solid #7C2529; padding-left: 10px;}
.text-xs { font-size: 1.13rem !important;}
.lh-sm{ line-height: 1.6;}
.lh-20 p{ line-height: 20px !important;}
.W{ color: #ffffff !important;}
.mt--uno{ margin-top: -2px !important;}
.mb-uno{ margin-bottom: -1px !important;}
.mt--xxl{ margin-top: -27px !important;}
.ml-xxlg { margin-left: 35px !important;}
.mt-xxlg { margin-top: 37px !important;}
.mt-ssm{ margin-top: 7px !important;}
.FLR{ float: right !important;}
.FLL{ float: left !important;}
.NOB{ border: none !important;}
.LBTB{ border-left: 1px solid #e4e4e4 !important; border-top: 1px solid #e4e4e4 !important;}
.WC{ width: 100%; padding: 15px;}
.NOB{ border: none !important;}
.pr-uno{ padding-right: 1px !important;}

html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    color: #7C2529 !important;
}

a:hover{ text-decoration: none !important;}

.medical-schedules h4.RED{color: #7c2529 !important;}

hr.RED {
    background-image: -webkit-linear-gradient(left, transparent, #b21825, transparent);
    background-image: linear-gradient(to right, transparent, #b21825, transparent);
    border: 0;
    height: 1px;}

.bggray{ background: #F4F4F4 !important; border-left: 15px solid #ffffff; margin-right: 0;}

.counters .fa-id-card{ display: inline; font-size: inherit;}


/* -- CSS DA COMMENTARE PER RIMETTERE SLIDE OPACA E LEGGIBILE -- */

.rev_slider .slotholder:after{  background: rgba(0, 0, 0, 0);}
.slider-container .main-label{ color: #7c2529;}

/* -- FINE CSS DA COMMENTARE PER RIMETTERE SLIDE OPACA E LEGGIBILE -- */

.medical-schedules .box-four{ border: 1px solid #7c2529 !important;}
.box-shadow-custom {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
}

.page-header .breadcrumb.breadcrumb-valign-mid{ right: 10px;}

html .page-header-color.page-header-primary{ min-height: 124px;}
#header .header-logo img { margin: 15px 15px 15px 0 !important;}
#header .header-body{ border-bottom: 6px solid #7c2529; padding: 0 0 0 0;}
#header .header-top{ padding: 16px 0 7px 0;}
html.sticky-header-active #header .header-body{ border-bottom-color:#7c2529;}

.medical-schedules { margin: -25px 0 0 0; /* riaccendere dopo video margin: -143px 0 0 0;*/ opacity: 0.9;}
.tp-video-play-button{ opacity: 1 !important; z-index: 10000000 !important;}

/*.slider-container div.tp-bgimg{ z-index: -1 !important; background-image: none !important; background-color: #ffffff; }*/

.form-control.BR{ border: 1px solid #7C2529;}
#header .header-social-icons{ float: left;}

    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .MID {
        width: 60%;
    }

    #header .header-nav-main nav > ul > li.dropdown-mega > .MID {
        left: auto;
    }

.medical-schedules .box-one, .medical-schedules .box-two, .medical-schedules .box-three, .medical-schedules .box-four { height: 220px;}
.feature-box-icon{ float: none;}
img.BOX{ text-align: center; margin: 0 auto;}
.UNO{ left: 17%; margin-top: 40%;}
.DUE{ left: 42%; margin-top: 40%;}
.DUENEWS{ left: 42%; margin-top: 15%;}
.TRE{ left: 67%; margin-top: 40%;}
.thumb-info .thumb-info-action-icon {
    transition: all 0.3s;
    border-radius: 0 0 0 0;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 400px;
    width: 50px;
    z-index: 2;
    box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
}
.thumb-info .thumb-info-action-icon i { left: 0; top:-1px; font-size: 20px;}
.thumb-info{ border: none; border-bottom: none;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title i{ top:33%;}
.NOBORD{ border-bottom: none !important;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title i.fa-angle-right{ position: inherit;-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); font-size: inherit !important;}
.team .thumb-info .HF{ min-height: 165px;}


.DWN{ max-width: 90% !important;}
.thumb-info .thumb-info-title{ width: 100% !important; max-width: 100% !important;}

.feature-box.feature-box-style-2 .feature-box-icon { width: auto; height: auto;}
.feature-box.feature-box-style-2 .feature-box-info { padding-left: 0;}
.feature-box.feature-box-style-2 p { padding-right:0px;}
.feature-box.feature-box-style-2 h4 { font-size: 1.1em;}

section.team .RLFT{ -moz-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px; -khtml-border-radius: 6px 0px 0px 6px;}
section.team .RRGH{ -moz-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; -khtml-border-radius: 0px 6px 6px 0px;}

.sort-source > li > a { padding: 5px 7px;}
.thumb-info .thumb-info-type{ line-height: 1.4; padding: 5px 9px; font-size: 15px;  margin: 8px 0px -22px 0px; width: 100% !important;}
.portfolio-item .thumb-info{ background-color: #FFF; border: 1px solid #DDD;}

.thumb-info:hover .thumb-info-title, .thumb-info .thumb-info-title { background: transparent;}

.team .thumb-info-centered-icons:hover .thumb-info-caption-text a{ color: #ffffff !important;}
.team .thumb-info-caption:hover .thumb-info-caption-text a{ color: #ffffff !important;}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon{ border-radius: 0; margin-right: 15px;}
html .thumb-info .thumb-info-action-icon-light{ background: #7C2529;}
html .thumb-info .thumb-info-action-icon-light i{ color: #ffffff;}
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i{ position: relative;}
.thumb-info .thumb-info-action-icon i{ top: 2px;}

.SPP .thumb-info .thumb-info-wrapper:after{background: rgba(124, 37, 41, 0.95);}
.SPP .thumb-info .thumb-info-title {color: #ffffff !important;}
.thumb-info .thumb-info-wrapper:after{background: rgba(255, 255, 255, 0.95); }
.thumb-info .thumb-info-title{color: #7C2529 !important;}

article.post-large { margin-left: 0px;}
article.post-large .post-image, article.post-large .post-date { margin-left: 0;}

.toggle > label + p{ height: 0; margin-bottom: 0; padding-left: 20px; padding-right: 20px;}

.header-search .input-group .form-control, .header-search .input-group-addon, .header-search .input-group-btn{ display: inline;}
.header-search .input-group-btn:last-child>.btn, .header-search .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px; height: 34px; width: 34px;}

.header-search .input-group-btn:last-child>.btn i{ left: -8px; top: -5px; position: relative;}

a.MORE { float: right; display: block; width: 30px; height: 30px; position: absolute; bottom:40px; right:15px; font-size: 14px; line-height: 30px; text-align: center; color: #fff; background:#7C2529;}
a:hover.MORE { background:#b21825;}

.team .owl-carousel.nav-bottom .owl-nav .owl-next::before {
    font-family: simple-line-icons;
    content: "\e606";
}
.team .owl-carousel.nav-bottom .owl-nav .owl-prev::before {
     font-family: simple-line-icons;
     content: "\e605";
    margin-right: -12px;
 }
.COLL .owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 1px;
    background: #7C2529;
    color: #ffffff;
    padding: 0px;
}
.owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 1px;
    background: #7C2529;
    color: #ffffff;
    padding: 8px;
}
.COLL .owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px;
    background: #7C2529;
    color: #ffffff;
    padding: 0px;
}
.owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px;
    background: #7C2529;
    color: #ffffff;
    padding: 8px;
}
.team .owl-carousel.nav-bottom .owl-nav .owl-prev, .team .owl-carousel.nav-bottom .owl-nav .owl-next {
    font-size: 1em;
}
.date {
    background: #7C2529;
    position: relative;
    margin-bottom: 1px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 48px;
    color: #fff;
}
.date i {
    background: #B21825;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border-left: 1px solid #fff;
    font-size: 24px;
    line-height: 46px;
    text-align: center;
    color: #fff;
}
.panel-group .panel-heading a .fa, .panel-group .panel-heading a .icons {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 0;
    background: #7C2529;
    padding: 10px 8px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
}
.panel-group .panel-heading a{ padding: 0;}
.panel-default>.panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
}
.panel{ box-shadow: none;}

.table-hover th{ background:#B21825; color: #ffffff; }

.call-to-action-content{ width: 65% !important;}
.call-to-action-btn{ width: 30% !important;}
.call-to-action .call-to-action-btn{ text-align: left;}

.content-grid .content-grid-item{min-height: 130px; border: none;}

#footer{ background: #dddddd;}
#footer .footer-copyright{ background: #cccccc;
    border-top: 1px solid #cbcbcb;}

.nav-pills>li+li {
    margin-left: 0px;
}

/* PASQUI PRIVACY STRATIFICATA */
.PRIVSTR label { background-color:#FFE2D7; color:#344960 !important; border-left:none !important; margin-bottom: 0;}
.PRIVSTR .toggle.active > label { background-color:#FFD7C5 !important; color:#344960 !important; }
.PRIVSTR label:hover { background-color:#FFD7C5; }
.PRIVSTR .toggle.active > label:before { border-top-color:#344960 !important; }
.PRIVSTR p { background-color:#FFEFE9; color:#344960 !important; }
/*.PRIVSTR .toggle.active > label + p { padding-top:10px; padding-bottom:10px; }*/
.BLUPRIVACY { font-size: 1.1em; color: #014d67; }
.MODALPRIVACY { margin-top:115px }
.MODALPRIVACY .modal-header { background-color:#77272E; }
.MODALPRIVACY .modal-header button { color:#FFFFFF }
.MODALPRIVACY .modal-header h4 { color:#FFFFFF }
.MODALPRIVACY .modal-footer { background-color:#77272E; }


@media (min-width: 992px){
    #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a { padding: 58px 13px 53px 13px;}
    #header .header-nav.header-nav-stripe nav.ES > ul > li > a, #header .header-nav.header-nav-stripe nav.ES > ul > li:hover > a { padding: 58px 8px 53px 8px;}
    #header .header-nav-main nav > ul > li > a {font-size: 13px}
    #header .header-nav-main nav.ES > ul > li > a {font-size: 13px;}
    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after { border-color: #CCC transparent transparent transparent; border-style: none; border-width: 4px; content: " "; float: right; margin-top: 7px; margin-left: 4px;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu{  opacity: 0.98 !important;}
    #header .header-nav-main.header-nav-main-square {  margin-bottom: -3px;}
    .page-header-more-padding .breadcrumb-valign-mid, .page-header-custom-background .breadcrumb-valign-mid, .page-header-float-breadcrumb .breadcrumb-valign-mid{ width: 60%;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { padding:3px 8px;}
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child { margin-top: 0; margin-left: -8px; margin-bottom: -18px !important; padding: 0;}
    #header .header-nav-main nav > ul > li.dropdown-mega .MID .dropdown-mega-sub-title:first-child { margin-top: 0; margin-left: -8px; margin-bottom: 8px !important; padding: 0;}
    #header .header-nav-main nav > ul > li > a{ font-weight: 100;}
    /*.MODALPRIVACY { margin-top:115px }*/
}
@media (max-width: 479px){
    #header .header-logo img { margin: 30px 15px 15px 0 !important;}
    .medical-schedules { margin: -43px 0 0 0 !important; opacity: 0.9;}
    section.team .RLFT{ -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
    section.team .RRGH{ -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
    .bggray{ text-align: center; margin: 0 auto;}
    .bggray img{ text-align: center; margin: 0 auto; padding-top: 20px;}
    .bggray .btn{ text-align: center; margin: 0 auto 20px auto !important; float: none !important;}

    .slider-container{ background: #ffffff url(/media/1142/slide-9.jpg) no-repeat center !important;}
}
@media (max-width: 767px){
    /*.MODALPRIVACY { margin-top:260px !important}*/
    .call-to-action-content{ width: auto !important;}
    .call-to-action-btn{ width: auto !important;}
}
@media (max-width: 991px){
    /*.MODALPRIVACY { margin-top:165px }*/
    section.team .RLFT{ -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
    section.team .RRGH{ -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
    .MLRESP{ margin-left: -10px !important;}
}

@media (max-width: 992px) {
    #header .header-btn-collapse-nav {
        margin-right: 0px !important;
    }
}


#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:14px 0; font-size:1em;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; color:#ffffff; }
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#AF2D2A;}
#cookie-bar .cb-enable:hover {background:#AF2D2A;}
#cookie-bar .cb-disable {background:#AF2D2A;}
#cookie-bar .cb-disable:hover {background:#AF2D2A;}
#cookie-bar .cb-policy {background:#777777;}


.container .row.cards .card {
    margin-bottom: 15px;
    padding-bottom: 20px;
}
@media (min-width: 768px)
    .col-sm-4 {
        width: 33.33333333%;
    }
    @media (min-width: 768px)
        .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
            float: left;
        }
        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
        }
        * {
            box-sizing: border-box;
        }
        user agent stylesheet
        div {
            display: block;
        }
        body {
            font-family: din-regularregular;
            color: #000;
        }
        body {
            background-color: #fff;
            font-size: 14px;
            line-height: 22px;
            margin: 0;
        }
        body {
            background-color: #fff;
        }
        html {
            direction: ltr;
            overflow-x: hidden;
            box-shadow: none!important;
        }

        html {
            -webkit-tap-highlight-color: transparent;
        }

        :after, :before {
            box-sizing: border-box;
        }
        :after, :before {
            box-sizing: border-box;
        }

/* MODIFICHE CSS QUESTIONARI PREVENZIONE */

p.testoprev {
    color: #000;
    line-height: 26px;
    margin: 0 0 20px;
    box-sizing: border-box;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-size: 21px;
}

.container .divider{
    margin: 15px auto;
    width: 100%;
    padding-top: 0px !important;
    border-bottom: 1px solid #d1d1d1;
    clear: both;
}

h2.sub-title {
    border-left: 4px solid #7c2529;
    float: left;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    width: calc(100% - 15px);
    padding-left: 10px;
    color: #7c2529;
    font-size: 26px;
    line-height: 40px;
    border-left: 4px solid #7c2529;
    font-family: inherit;
}

@media (max-width: 768px){
    h2.sub-title {
        font-size: 36px;
    }
}

@media screen and (min-width: 768px)
    .container .row.cards .card label {
        font-size: 9px;
    }

.card-title {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #7c2529;
    text-transform: uppercase;
    font-size: 11px;
}

.container .row.cards .card .img-card {
    position: relative;
    margin: 4px 0 10px;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
}

.container .row.cards .card .img-card img {
    max-width: 100%;
    border: 2px solid #ccc;
    border-radius: 10px;
    vertical-align: middle;
    box-sizing: border-box;
}

.container .row.cards .card .img-card a.go-to-site:hover {
    background-color: rgba(0,0,0,.5);
}
.container .row.cards .card .img-card a.go-to-site {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
@media screen and (min-width: 992px;)
    .container .row.cards .card a {
        font-size: 9px
    }

.container .row.cards .card .img-card a.go-to-site:hover span {
    opacity: 1;
}
.container .row.cards .card .img-card a.go-to-site span {
    display: block;
    padding: 5px 20px;
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    opacity: 0;
    font-size: 11px;
}

/* col-xs-12- button */

.container .row.cards .button {
    padding: 0;
    padding-bottom: 10px;
}

.container .row.cards .card a.btn-go {
    display: block;
    background-color: #ccc;
    color: #7c2529;
}

.container .row.cards .card a.btn-primary {
    display: block;
    background: #7c2529;
    border-color: #681f23;
    color: #fff;
}
.container .row.cards .card a {
    font-size: 11px;
    padding: 6px 4px;
}

@media screen and (min-width: 768px) {
    .container .row.cards .button {
        padding: 0;
        padding-right: 5px;
    }
}

@media (min-width: 768px)
{
    .col-sm-6{
        float: left;
    }
}

/* btn-primary */

.container .row.cards .card a.btn-primary {
    display: block;
    background: #7c2529;
    border-color: #681f23;
    color: #fff;
}

@media screen and (min-width: 768px)
    .container .row.cards .card a {
        font-size: 9px;
    }

.btn {
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
    font-size: 9px !important;
}

@media (min-width: 992px) {
    .btn
    {
    font-size: 14px!important;
    }
}

@media (max-width: 768px) {
    .btn
    {
        font-size: 14px!important;
    }
}

.container .row.cards .card a.btn-primary:hover {
    background-color: #55191c;
    border-color: #391113;
}

/* ISCRIVITI BUTTON */

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: 0px;
    line-height: 20px;
}

.input-group-btn:last-child>.btn{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn {
    display: table-cell;
}

.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* FAVICON */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 15px !important;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn btn-primary btn-sm{
    font-size: 0px !important;
}

@media (max-width:991px) {
    .VIDWIDTH {
        width: 320px !important;
    }
}

.VIDWIDTH{
    width: 400px;
}

@media (min-width: 768px){
	.offset-md-1 {
		margin-left: 8.333333%;
	}
}

    .title-style{
        margin: auto;
        padding: 30px 0px;
        text-transform: uppercase;
        text-align: center;
        color: #7c2529;
    }
    .text-style{
        text-transform: uppercase;
    }
    .table-bottom{
        border-bottom: 1px solid #dee2e6 !important;
    }

.select-lng{
    text-align: center;
}

.button-qr{
    font-size: 18px !important;
    margin: 15px !important;
}

.margin-qr-container{
    margin-top: 40px;
    margin-bottom: 40px;
}

.hd-qr-style{
    text-transform: none !important;
}