.top-bar {background-color: #262a2b; padding: 5px 0; border-bottom: 3px solid #222;}
.top-bar a, .td-footer a, .dark-red a {color: white;}

.navbar {padding: 20px 1px; padding-bottom: 55px;}

.icon {float: left; margin-right: 10px;}
.icon16 {width: 16px;}
.icon20 {width: 20px;}
.icon24 {width: 24px;}

div.box {float: left; display: flex; justify-content: center; align-items: center; color: white;} 
div.box span {color: #ed1c24;} 

div.collapse  {flex-grow: 0;}
ul.navbar-nav {float: right;}

.navbar img.logo {width: 100px;}
.navbar-1 img.logo {width: 180px;}

.td-panel-news .td-panel-body {height: 130px; overflow: hidden;  text-overflow: ellipsis; float: left; width: 100%; display: block;}

.spacer {float: left; width: 100%; height: 15px; display: block;}

body {
    background-color: #222 !important;
}

.panel-collector { padding: 5px; z-index: 6; display: block; position: relative; margin-top: -100px; background: white; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); }


.td-panel-news h2 {text-align: center; margin: 0; font-size: 18pt;}

.bg-light {
    background-image: url('/files/grad2.png');
    background-color: none !important;
}

.logo_bg {position: absolute; opacity: 0.05; width: 30vw; left: 50%; transform: translate(-50%, 20%); z-index: -1;}

#google_translate_element {
    position: fixed; top: 0px; right: 0px; width: 200px; z-index: 51; color: white;
}

.skiptranslate div {font-size: 1px !important;}

.arrow {position: absolute; bottom: 3vw; left: 50%; transform: translate(-50%, calc(50% + 10px)); width: 4vw; z-index: 500; cursor: pointer; transition: 150ms;}
.arrow:hover {transform: translate(-50%, calc(50% + 10px)) scale(1.1);}

.text-box-1 {padding-top: 0 !important;}

li.nav-item a {padding: 2px 5px; font-size: 16pt; margin: 2px 5px; border-bottom: 5px solid #ddd;}
li.nav-item:hover a {background: #ddd !important;}
li.nav-item.active a {background: #ed1c24 !important; color: white !important;}
.line {background-color: #ed1c24; height: 3px; width: 100px;}

iframe {filter: grayscale(100);}

.padding-t-55 {padding: 55px 0;}

a.logo {margin-bottom: 0px; margin-top: -10px; position: relative; z-index: 501; padding: 10px 0; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.logo2 {width: 280px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #aaa;
    background-color: white;
    padding: 3px 15px !important;
}
.td_pricelist {float: left; width: 100%;}

.stick-top {position: fixed; top: 0; left: 0; width: 100%; z-index: 499;}

.td_slick_line {float: left; width: 100%; position: relative;}
.bigLogo {position: absolute; top: 9vw; left: 30vw; transform: translate(-50%, -20%); width: 30vw; z-index: 300;}

.collapsing {width: 100% !important;}

.td-footer {background-color: #000; padding: 55px 0;}
.td-total-footer {background-color: #2a231e; padding: 5px 0; color: white;}
.td-total-footer  .container p, .td-total-footer  .container {color: #ccc !important;}
.td-total-footer .container {border-top: 1px solid #555; text-align: center;}
.card {margin: 10px; width: calc(33.33% - 20px); transition: 0.2s;}
.card-text {display: block; float: left; width: 100%;}

.card h3 {background-color: #ed1c24; color: white; font-size: 25pt; width: 100%; float: left; text-align: center !important;}
.card p {width: 100%; float: left; text-align: center !important; }

.card:hover {-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}
.card:hover .btn-link {-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}

a.buttonBG {float: left; margin-right: 5px; margin-bottom: 5px;}
a.buttonBG span:nth-of-type(1) {background-color: #ed1c24; float: left;  display: flex; align-items: center; justify-content: center; padding: 5px 50px; color: #ffffff; text-transform: uppercase; font-weight: bold; height: 45px; transition: 0.1s;}
a.buttonBG span:nth-of-type(2) {background-color: #ed1c24; float: left;  display: flex; align-items: center; justify-content: center;  height: 45px; padding: 5px; width: 45px }
a.buttonBG span:nth-of-type(2) img {width: 18px;}
a.buttonBG:hover span:nth-of-type(1), a.buttonBG.buttonBG_active span:nth-of-type(1) {background-color: #243446;  color: #ffffff;}

a.nb_toggler {background-color: #ed1c24; float: left;  display: flex; align-items: center; justify-content: center; padding: 5px 50px; color: #ffffff; text-transform: uppercase; font-weight: bold; transition: 0.1s; width: 100%;}
a.nb_toggler:hover {background-color: #243446;  color: #ffffff; text-decoration: none;}
.icon-64 {width: 64px;}
.icon64 {width: 64px;}

.margin-top-50 {margin-top: 50px;}

.sub_td_body {padding-top: 0;}

.octicon-yellow {color: #ed1c24;}
.octicon {margin: 0 10px;}
.menu-octicon {font-size: 16pt; color: #ed1c24;}

.td-panel { padding: 20px;}
.td-panel h2 {margin-top: 0;}

.td-panel-news {border-bottom: 5px solid #ccc;}
.td-panel-news:nth-of-type(even) {background: #ddd;}

.navbar-light .navbar-toggler-icon {
    background-image: url("/files/menu.svg");
    transition: 150ms;
}

.navbar-light .navbar-toggler-icon?:hover {
    opacity: 1;
}

.btn-link {
    transition: 0.2s;
    background-color: #ed1c24;
    border-color: #ed1c24;
}

.btn-link:hover {
    background-color: #cfbb07 !important;
    border-color: #cfbb07;
    color: white;
    text-decoration: none;
}

.btn-link.focus, .btn-link:focus {
    border-color: white;
    box-shadow: 0 0 0 0.2rem rgba(207, 187, 7,0.5) !important;
}

.dark-grey {background-color: #f9f9f9;}
.dark-red {background-color: #ed1c24;}


.shadow-basic {
position: relative; 
opacity: 0.3;
z-index: 5;
}

.td_body p {color: white;}

.td-map-box {position: relative;}
.td-map-cover {position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.2; cursor: pointer;}

#newsletter_form {float: left; width: 100%; max-width: 700px;}

.newsBox {float: left; width: calc(33.333% - 20px);  padding: 10px 35px; background-color: #000; margin: 10px; border-radius: 25px; }

.newsBox .newsHeader {color: #79798a; font-size: 18pt; float: left; margin-bottom: 15px; width: 100%; text-align: center;}
.newsBox .blog_icon {width: 6vw; opacity: 1; margin: 25px 0;}
.newsBox .newsBody, .newsBox .newsBody p, .newsBox .newsBody div , .newsBox .newsBody li {color: #eee}

.newsBox ul {float: left; width: 100%;}

.td-social-hub {float: left; width: 100%;}
h2.social {margin: 0; line-height: 250%; margin-bottom: 5px; color: #aaa;}

.td-social-hub .stretched-link {background: rgba(0,0,0,0.5); opacity: 0;}
.td-social-hub .stretched-link:hover {opacity: 1;}

.black-background {background: #000 !important;}

.partner-box {width: calc(25% - 40px); margin: 20px; float: left; display: flex; justify-content: center; align-items: center;}
.partner-box img {width: 100%; max-width: 100%; max-height: 100%;}
.partner-box span  {display: none;}

@media only screen and (max-width: 1024px) { 

}
@media only screen and (max-width: 1023px) {
    ul.navbar-nav {width: 100%; background: #fff; margin-top: 25px;} 
    .line {margin-bottom: 25px;}
    div.addressBox2, .logo2 {padding: 0 !important;; margin: 0 !important;; width: 33.33% !important;}
    a.logo {
        padding: 0;
        margin: 0;
        background-color: rgba(255,255,255,0);
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }



    .navbar img.logo {width: 80px;}
    .top-bar .box:nth-of-type(4) {display: none;}
    .top-bar .box:nth-of-type(5) {display: none;}
    .navbar-toggler {margin-right: 15px; float: right;}
    ul.navbar-nav {background: rgba(255,255,255,0.9);}
    .td_slick_line {margin-top: 0px; float: left; width: 100%;}
    .newsBox {width: 100%;}
    .newsBox .blog_icon {
        width: 15vw;
    }

    .navbar .container {display: block !important;}
    .newsBody {float: left; width: 100%;}
    .td-panel-news {width: 100% !important; margin: 10px 0;}
    .td-panel-body {height: 70px !important;}

    #google_translate_element {
        position: fixed; top: 15px; left: 15px; width: 120px; z-index: 500; color: white;
    }

    .container {position: relative;}
    .text-box-1 {
        padding-top: 0 !important;
    }

    .panel-collector {margin: 5px;}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
    .td_slick_line {margin-top: 80px; float: left; width: 100%;}
    .top-bar {display: none;}
    img.logo {width: 120px; margin-left: 15px;}
    div.addressBox2 {padding: 0 !important;; margin: 25px 0 !important;; width: 100% !important;}
    .logo2 {width: 50% !important; margin-top: 55px !important; float: left;}
    .td-panel {margin: 5px !important;; width: 100% !important;}
    .td-panel-collect {float: left; width: 100%;}
    .newsBox .blog_icon {
        width: 35vw;
    }

    button.navbar-toggler {margin-right: 15px; float: right;}

    #google_translate_element {
        position: fixed; top: 15px; left: 5px; width: 120px; z-index: 500; color: white;
    }
    .partner-box {
        width: calc(100% - 40px);
        margin: 20px;
        height: 150px;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .padding-t-55 {padding-top: 25px;}

    .partner-box {width: auto; }
    
}