html, body{
    font-family : 'Raleway', sans-serif;
    color       : #040707;
    font-size   : 14px;
    font-weight : 400;
    line-height : 1.2;
}

/* spinner */
.loader{
    position      : fixed;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

#loader{
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100vh;
    background      : rgba(0, 0, 0, .7);
    z-index         : 5000000;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.page{
    display        : flex;
    flex-direction : column;
    min-height     : 100vh;

}

header{
    min-height : 60px;
    color      : #005885;
}

header .container-fluid,
.headline .container-fluid,
.maincontent .container-fluid,
.titles .container-fluid{
    margin : 0 13.5rem;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-primary:focus-within,
.btn-primary:target{
    padding          : .7rem 2.5rem;
    border-radius    : 20px;
    background-color : #00b1b2;
    color            : #FFFFFF;
    border           : 0 none;
    text-decoration  : none;
    box-shadow       : none;
    outline          : none;
    text-transform   : uppercase;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:visited,
.btn-primary.disabled:active,
.btn-primary.disabled:focus-visible,
.btn-primary.disabled:focus-within,
.btn-primary.disabled:target{
    padding          : .7rem 2.5rem;
    border-radius    : 20px;
    background-color : #CDCDCD;
    color            : #FFFFFF;
    border           : 0 none;
    text-decoration  : none;
    box-shadow       : none;
    outline          : none;
    cursor           : default;
    pointer-events   : none;
    text-transform   : uppercase;
}

header small a,
header small a:hover,
header small a:focus,
header small a:visited,
header small a:active,
header small a:focus-visible,
header small a:focus-within,
header small a:target{
    color           : #fff;
    text-decoration : none;
    box-shadow      : none;
    outline         : none;
}

header small a:hover,
header small a:focus{
    color           : #fff;
    text-decoration : underline;
}

header .nav-link,
header .nav-link:focus,
header .nav-link:hover,
header .nav-link:visited,
header .nav-link:active,
header .nav-link:focus-visible,
header .nav-link:focus-within,
header .nav-link:target,
header .langs a,
header .langs a:focus,
header .langs a:hover,
header .langs a:visited,
header .langs a:active,
header .langs a:focus-visible,
header .langs a:focus-within,
header .langs a:target{
    color            : #006086!important;
    text-decoration  : none !important;
    background-color : transparent;
    box-shadow       : none;
    outline          : none;
    font-size        : 12px;
    font-weight      : 500;
    letter-spacing   : 1px;
}

header .langs a,
header .langs a:focus,
header .langs a:hover,
header .langs a:visited,
header .langs a:active,
header .langs a:focus-visible,
header .langs a:focus-within,
header .langs a:target{
    text-transform: uppercase;
}

header .langs a:focus,
header .langs a:hover,
header .nav-link:focus,
header .nav-link:hover{
    color           : #32c5d2 !important;
    text-decoration : underline;
}

header .langs .active a,
header .langs .active a:focus,
header .langs .active a:hover,
header .langs .active a:visited,
header .langs .active a:active,
header .langs .active a:focus-visible,
header .langs .active a:focus-within,
header .langs .active a:target{
    font-weight     : 900;
    text-decoration : underline;
}

header .langs li{
    padding : 0 3px;
}

header .header-time span{
    color            : #FFFFFF;
    text-decoration  : none;
    background-color : #eb5c37;
    box-shadow       : none;
    outline          : none;
    padding          : 0.5rem 1rem;
    font-size        : 12px;
    font-weight      : 600;
    border-radius    : 0;
    border           : none;
    white-space      : nowrap;
}

header .header-time:first-child span{
    border-top-left-radius    : 40px;
    border-bottom-left-radius : 40px;
    text-align                : right;
}

header .header-time:last-child span{
    border-top-right-radius    : 40px;
    border-bottom-right-radius : 40px;
    text-align                 : left;
}

header .header-time:first-child{
    text-align : right;
}

header .header-time:last-child{
    text-align : left;
}

.main-logo-img{
    height     : auto;
    width      : auto;
    max-width  : 100%;
    max-height : 100%;
}

.headline .nav-link,
.headline .nav-link:focus,
.headline .nav-link:hover,
.headline .nav-link:visited,
.headline .nav-link:active,
.headline .nav-link:focus-visible,
.headline .nav-link:focus-within,
.headline .nav-link:target{
    color            : #3a3f45;
    text-decoration  : none;
    background-color : transparent;
    box-shadow       : none;
    outline          : none;
    text-transform   : uppercase;
    font-weight      : 600;
}

.headline .nav-item.active a,
.headline .nav-item.active a:focus,
.headline .nav-item.active a:hover{
    color : #32c5d2;
}

.nav-lastitem:hover, .nav-lastitem:focus{
    background : #75dbd5 !important;
}

.card, .card-info{
    background-color : #FFFFFF;
    box-shadow       : none;
    border           : 1px solid #b7b7b969;
    padding          : 20px;
}

.tabnavigation .nav-link,
.tabnavigation .nav-link:focus,
.tabnavigation .nav-link:hover,
.tabnavigation .nav-link:visited,
.tabnavigation .nav-link:active,
.tabnavigation .nav-link:focus-visible,
.tabnavigation .nav-link:focus-within,
.tabnavigation .nav-link:target{
    color            : #FFFFFF;
    text-decoration  : none;
    background-color : #eb5c37;
    box-shadow       : none;
    outline          : none;
    padding          : 1rem 1.5rem;
    font-size        : 16px;
    font-weight      : 600;
    border-radius    : 0;
    border           : none;
}

.tabnavigation .nav-link:focus,
.tabnavigation .nav-link:hover,
.tabnavigation .nav-link.active,
.tabnavigation .nav-link.active:focus,
.tabnavigation .nav-link.active:hover{
    background-color : #005885;
}

.tabnavigation .nav .nav-item:first-child .nav-link.en{
    border-top-left-radius    : 40px;
    border-bottom-left-radius : 40px;
}

.tabnavigation .nav .nav-item:last-child .nav-link.en{
    border-top-right-radius    : 40px;
    border-bottom-right-radius : 40px;
}

.tabnavigation .nav .nav-item:first-child .nav-link.ar{
    border-top-right-radius    : 40px;
    border-bottom-right-radius : 40px;
}

.tabnavigation .nav .nav-item:last-child .nav-link.ar{
    border-top-left-radius    : 40px;
    border-bottom-left-radius : 40px;
}

.nav-pills a, .nav-pills a:hover,
.nav-pills a:active, .nav-pills a:focus{
    color           : #fff;
    text-decoration : none;
}


.breadcrumbs{
    margin : 5rem 0;
}

.breadcrumbs .crumbscontainer{
    background : url("/tna_b2b/resources/images/hrtitle-cf85c9c27a7a9f3edba5d68350fb3fd7.png") no-repeat bottom center;
}

.breadcrumbs .title{
    font-size   : 45px;
    font-weight : 600;
}

.breadcrumbs .subtitle{
    color       : #00b1b2;
    font-weight : 900;
}

.maincontent .groupdetails{
    color     : #4d4d4f;
    font-size : 18px;
}

.maincontent .groupnote{
    color     : #00b1b2;
    font-size : 30px;
}

.overlay-div{
    min-height : 717px;
    display    : flex;
    position   : absolute;
    z-index: -9;
}

.contact-footer:focus, .contact-footer:hover {
    color: #fff!important;
}

.product-list .alert-info{
    font-size : 18px;
}

.card.productcard.en{
    padding                    : 0;
    color                      : #005885;
    border-bottom-right-radius : 100px;
    border-top-left-radius     : 100px;
    border-top-right-radius    : 0px;
}

.card.productcard.ar{
    padding                   : 0;
    color                     : #005885;
    border-bottom-left-radius : 100px;
    border-top-right-radius   : 100px;
    border-top-left-radius    : 0px;
}

.card.logincard.en{
    padding                    : 0;
    color                      : #005885;
    border-bottom-right-radius : 50px;
    border-top-left-radius     : 50px;
    border-top-right-radius    : 0px;
}

.card.logincard.ar{
    padding                 : 0;
    color                   : #005885;
    border-top-right-radius : 50px;
    border-top-left-radius  : 0px;
}

.card.productcard:nth-child(2n){
    color : #00b1b2;
}

.card.productcard:nth-child(3n){
    color : #8c3688;
}

.card.productcard.en img{
    border-top-left-radius : 100px;
}

.card.productcard.ar img{
    border-top-right-radius : 100px;
}

.card.productcard .productList.en{
    padding-bottom             : 20px;
    padding-top                : 20px;
    border-bottom-right-radius : 100px;
}

.card.productcard .productList.ar{
    padding-bottom            : 20px;
    padding-top               : 20px;
    border-bottom-left-radius : 100px;
}

.card.productcard .productList .productlistDetails{
    min-height : 243px;
}

.card.productcard .productList .card-notes{
    font-size   : 70%;
    font-weight : 600;
}

.card.productcard .productList .groupdescription{
    color : #040707;
}

.groupdescription.ar{
    line-height : 1.8;
}

.card.productcard .productList .product-row .product-descr{
    font-weight : 600;
    font-size   : 21px;
}

.card.productcard .productList .product-row .price{
    font-size   : 1.3em;
    font-weight : 900;
}

.card.productcard .productList .product-row .btn_qty{
    cursor : pointer;
}

.card.productcard .productList .product-row .btn_qty.off{
    cursor         : default;
    opacity        : .5;
    pointer-events : none;
}

.card.productcard .productList .product-row .qty-input{
    text-align    : center;
    border-color  : inherit;
    color         : inherit;
    border-radius : 20px;
    width         : 100%;
    max-width     : 70px;
    font-weight   : 900;
    font-size     : 20px;
}

.packtype .qty-input{
    text-align    : center;
    border-color  : inherit;
    color         : #495057;
!important;
    border-radius : 0;
!important;
    width         : 100%;
    font-weight   : 900;
    font-size     : 14px;
!important;
    border        : 1px solid #ced4da;
!important;
}

.card.productcard .productList .product-row input[type="number"]{
    -moz-appearance : textfield;
}

.card.productcard .productList .product-row .calendar-input i{
    font-size : 1.75em;
    cursor    : default;
    color     : inherit;
}

.card.productcard .productList .product-row .calendar-input.disabled i{
    color          : #CDCDCD;
    cursor         : default;
    pointer-events : none;
}

/* shopping cart */
.shoppingcart .card.en,
.cart-container .card-header.en{
    color                   : #005885;
    border-top-right-radius : 100px;
}

.shoppingcart .card.ar,
.cart-container .card-header.ar{
    color                  : #005885;
    border-top-left-radius : 100px;
}

.container .card-info.en{
    color                   : #005885;
    border-top-right-radius : 100px;
}

.container .card-info.ar{
    color                  : #005885;
    border-top-left-radius : 100px;
}

.shoppingcart .card .number{
    font-size : 15px;
}

.shoppingcart .card .card-header,
.shoppingcart .card .card-footer,
.cart-container .card-header,
.container .card-header{
    font-weight   : 600;
    border-radius : 0;
    background    : transparent;
    border        : 0 none;
    padding       : 0;
}

.shoppingcart .card .card-body{
    padding   : 1.25rem 0 0;
    font-size : 15px;
}

.shoppingcart .card .card-footer hr{
    margin : .75rem 0;
    border : 1px solid #005885;
}

.shoppingcart .card .card-footer small{
    color     : #4d4d4f;
    font-size : 10px;
}

.product-title{
    font-size   : 20px;
    font-weight : 700;
    color       : #005885;
}

.shoppingcart .basket-product .btn_qty{
    cursor : pointer;
}

.shoppingcart .basket-product .btn_qty.off{
    cursor         : default;
    opacity        : .5;
    pointer-events : none;
}

.shoppingcart .basket-product .qty-input{
    text-align    : center;
    border-color  : inherit;
    color         : inherit;
    border-radius : 20px;
    background    : #FFFFFF;
    font-weight   : 700;
    width         : 50px;
    height        : 30px;
}

.shoppingcart .basket-product input[type="number"]{
    -moz-appearance : textfield;
}

.shoppingcart .basket-product .ajax-submit{
    background  : none;
    border      : none;
    margin-left : 7px;
    font-size   : 15px;
    cursor      : pointer;
    color       : #e5074f !important;
}

footer{
    margin           : auto 0 0;
    /*background-color: #005885;*/
    background-color : #003142;
    color            : #FFFFFF;
}

footer .footer-row{
    padding : 40px 20px 40px;

}

footer .jumbotron{
    background-color : transparent;
    border-radius    : 0;
    max-width        : 80%;
}

footer .jumbotron .display-4{
    font-size      : 16px;
    text-transform : uppercase;
    margin-bottom  : 0;
}

footer .jumbotron hr{
    border-top  : 3px solid #2DD4BF;
    width       : 12%;
    margin-left : 0;
}

footer .jumbotron .nav-link,
footer .jumbotron .nav-link:focus,
footer .jumbotron .nav-link:hover,
footer .jumbotron .nav-link:visited,
footer .jumbotron .nav-link:active,
footer .jumbotron .nav-link:focus-visible,
footer .jumbotron .nav-link:focus-within,
footer .jumbotron .nav-link:target{
    color            : #fff;
    text-decoration  : none;
    background-color : transparent;
    box-shadow       : none;
    outline          : none;
    padding          : .5rem 0;
}

footer .jumbotron .nav-link:focus,
footer .jumbotron .nav-link:hover{
    color: #32c5d2;
    text-decoration: none;
    outline: none;
}

footer .jumbotron ul .nav-link,
footer .jumbotron ul .nav-link:focus,
footer .jumbotron ul .nav-link:hover,
footer .jumbotron ul .nav-link:visited,
footer .jumbotron ul .nav-link:active,
footer .jumbotron ul .nav-link:focus-visible,
footer .jumbotron ul .nav-link:focus-within,
footer .jumbotron ul .nav-link:target{
    padding : .5rem 1rem;
}

footer .vivalogo{
    max-width    : 200px;
    margin-right : -13px;
}

.footer-bg{
    min-height : 470px;
    width      : 100%;
    display    : flex;
    position   : absolute;
}

.footer-img{
    height     : auto;
    width      : auto;
    max-width  : 100%;
    max-height : 100%;
}

.footer-margin{
    margin : 0 12rem !important;
}

.holder-data.en{
    background                 : white;
    padding                    : 30px;
    border-top-left-radius     : 50px;
    border-bottom-right-radius : 50px;
    border                     : 1px solid #b7b7b9;
    position                   : relative;
}

.holder-data.ar{
    background              : white;
    padding                 : 30px;
    border-top-right-radius : 50px;
    border                  : 1px solid #b7b7b9;
    position                : relative;
}

.cart-container{
    background                 : white;
    padding                    : 30px;
    border-top-right-radius    : 50px;
    border-bottom-right-radius : 50px;
    border                     : 1px solid gray;
}

.text-css{
    background-color : white;
    border           : 2px solid #99bcce;
    border-radius    : 10px !important;
}

.form-control:focus{
    background-color : #fff;
    outline          : 0;
    box-shadow       : 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.select-css{
    background-color    : white;
    border              : 2px solid #99bcce;
    border-radius       : 10px;
    padding             : 4px;
    background-position : calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size     : 5px 5px, 5px 5px, 1.8em 2.5em;
    background-repeat   : no-repeat;
}

.select_box:after{
    width        : 0;
    height       : 0;
    border-left  : 6px solid transparent;
    border-right : 6px solid transparent;
    position     : absolute;
    top          : 40%;
    right        : 5px;
    content      : "";
    z-index      : 98;
}

.holder-data .title{
    color       : #005885;
    font-weight : 700;
}

.coupon-form{
    border : 1px solid #005885;
    height : calc(2.25rem + 1px);
}

.coupon-form.ar{
    padding : 0rem 85px 0rem 110px;
}

.coupon-form.en{
    padding : 0rem 30px 0rem 110px;
}

.holder-data.ar .coupon-form{
    border-radius : 0px 50px 50px 0px;
}

.holder-data.en .coupon-form{
    border-radius : 50px 0px 0px 50px;
}

.holder-data.ar .coupon-label{
    right : 12px;
}

.holder-data.en .coupon-label{
    left : 12px;
}

.coupon-form::placeholder{
    color        : #005885;
    font-weight  : 600;
    padding-left : 15px;
}

.coupon-apply{
    background-color : #005885;
    color            : white;
    height           : 33px;
}

.btn.disabled, .btn:disabled {
    cursor: default;
    pointer-events: none;
}

.holder-data.en .coupon-apply{
    border-radius : 0px 50px 50px 0px;
}

.holder-data.ar .coupon-apply{
    border-radius : 50px 0px 0px 50px;
}

.vat-row{
    font-size : 9px;
    color     : #4d4d4f;
}

.ref{
    color : #4d4d4f;
}

.text-danger{
    color : #dc3545 !important;
}

form span.error{
    color       : #d20223;
    padding     : 0;
    margin      : 0;
    font-size   : 11px;
    line-height : 1.2;
    font-style  : italic;
}

.modal-title, .modal-subtitle, .perftitle, .modal .basket-product{
    color : #005885 !important;
}

.modal-subtitle{
    font-weight    : 600;
    text-transform : uppercase;
}

.modal-basket{
    font-weight : 600;
}

.vat, .js-mycal{
    color : black;
}

#changeStatGroupMobile{
    border              : 1px solid #515151;
    border-radius       : 50px;
    padding             : 0 30px 0 .75rem;
    height              : calc(2.25rem + 1px);
    display             : block;
    line-height         : 1.3;
    width               : 100%;
    max-width           : 100%;
    box-sizing          : border-box;
    margin              : 0;
    -moz-appearance     : none;
    -webkit-appearance  : none;
    appearance          : none;
    background-color    : #fff;
    /*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');*/
    background-image    : url('/tna_b2b/resources/images/dropdown-267889325863f61a103a310b4acbb474.svg');
    /*linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);*/
    background-repeat   : no-repeat, repeat;
    background-position : right .7em top 50%, 0 0;
    background-size     : .85em auto, 100%;
    color               : rgba(23, 23, 23, .75);
    cursor              : pointer;
    font-weight         : 600;
}

#changeStatGroupMobile:focus{
    outline : none;
}

.checkout-qty{
    font-size : 13px;
}

.home a {
    color: #32c5d2!important
}

.js-mycal.en .prev:before{
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f053";
}

.js-mycal.en .next:before{
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f054";
}

.js-mycal.ar .next:before{
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f053";
}

.js-mycal.ar .prev:before{
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f054";
}

.coupon-apply.ar{
    position : relative;
    z-index  : 1;
}

.coupon-container.ar{
    left : 127px;
}

.season-owner{
    color : #005885;
}

#right .card-body .product-item .icon-stack{
    max-width : 14%;
}

#right .card-body .product-item .item-stack{
    line-height : 1.2;
    max-width   : 85%;
    font-weight : 700;
}

#right .card-body .product-item.todo .item-stack{
    font-weight : 400;
}

#right .card-body .product-item .user::before{
    content     : "\f406";
    font-family : "Font Awesome 5 Free";
    font-weight : 700;
    font-size   : 15px;
}

#right .card-body .product-item.toedit .status::before{
    content     : "\f304";
    font-family : "Font Awesome 5 Free";
    font-weight : 700;
    font-size   : 13px;
    color       : #FF990C;
    position    : relative;
    top         : -1px;
    left        : -10px;
}

.image-input{
    border : none !important;
}

.image-input{
    visibility : hidden;
}

.login{
    padding : 35px;
}

.close{
    float          : right;
    font-size      : 20px;
    line-height    : 22px;
    color          : white;
    text-shadow    : 0 1px 0 #fff;
    width          : 25px;
    border-radius  : 50px;
    padding-bottom : 2px !important;
    opacity        : 1;
    font-weight    : 200;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover{
    color           : white !important;
    text-decoration : none;
    opacity         : .75;
}

.close:focus{
    outline : none;
}

.itemslist .minus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Dark-blue-Minus-a0c76b487b54c06d552e3054e18921e7.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.itemslist .plus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Dark-blue-Plus-8a1a4e65a7d6069da2c1fae24ab5235e.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.qty-label{
    font-weight : 600;
}

.total-price{
    color       : #005885;
    font-weight : 700;
}

.ticket-name{
    font-weight : 700;
}

div[aria-expanded=true] .fa-angle-down{
    display : none;
}

div[aria-expanded=false] .fa-angle-up{
    display : none;
}

.btn-text:not(.collapsed) .more{
    display : none;
}

.btn-text.collapsed .less{
    display : none;
}

.tc-description{
    color : black !important;
}

.collapse-tc{
    font-weight : 600;
}

.btn-outline-danger{
    color            : #E7004C;
    background-color : transparent;
    background-image : none;
    border-radius    : 30px;
    border           : 2px solid #E7004C;
    text-transform   : uppercase;
    font-size        : 14px;
    font-weight      : 600;
    width            : 160px !important;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle{
    color            : #fff;
    background-color : #E7004C;
    border-color     : #E7004C;
}

.btn-outline-danger:hover{
    color            : #fff;
    background-color : #E7004C;
    border-color     : #E7004C;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus{
    box-shadow : none;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus{
    box-shadow : none;
}

.productcard ul li::before{
    content     : "\2022";
    color       : black !important;
    font-weight : bold;
    display     : inline-block;
    width       : 1em;
    margin-left : -1em;
}

ul{
    list-style : none;
}

.subtitle-underline ul{
    list-style-type : disc;
}

.tc-content *:not(.collapse-tc){
    color : black;
}

.vip-icon{
    max-width     : 100%;
    max-height    : 100%;
    border-radius : 0px !important;
}

.icon-description{
    color     : black;
    font-size : 13px;
}

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

.social-icon{
    font-size : 24px;
}

.company_profile{
    height  : 100%;
    display : inline-flex;
}

.langs{
    display     : flex;
    align-items : center;
    padding-left: 10px;
}

.langs.ar {
    margin-right: 0!important;
}

.home .nav-link {
    padding-right: 0;
}

.logged_container ul{
    display         : flex;
    align-items     : center;
    flex-direction  : row;
    justify-content : flex-end;
    font-size       : 1em;
    margin          : 0;
    padding         : 0;
    width           : 100%;
}

.logged_container li{
    line-height     : inherit !important;
    display         : initial !important;
    list-style-type : none;
    height          : 100%;
    width           : fit-content;
    position        : relative;
    font-size       : 1em !important;
}

.logged_container li:before{
    display : none !important;
}

.logged_container li:not(.on):last-of-type,
.logged_container li:last-of-type{
    padding-right : 0px;
    width         : fit-content;
}

.logged_container li a:link,
.logged_container li a:visited,
.logged_container li a:active{
    text-transform  : uppercase;
    color           : #005885;
    text-decoration : none;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : all .4s;
    padding         : 0 15px;
}

.logged_container li a:hover,
.logged_container li.on a{
    text-transform  : uppercase;
    color           : #005885;
    text-decoration : none;
    padding         : 0 15px;
}

.logged_container ul li.login a:link,
.logged_container ul li.login a:visited,
.logged_container ul li.login a:active,
.logged_container ul li.login a:hover,
.logged_container ul li.logo.on a{
    padding : 0;
}

.logged_container li a .fas{
    margin-left : 5px;
}

.logged_container li a:hover .fas,
.logged_container li.on a .fas{
    transform : rotate(180deg);
}

.logged_container ol{
    display    : none;
    position   : absolute;
    border-top : 2px solid #fff;
}

.logged_container li.on ol{
    display        : flex;
    flex-direction : column;
    padding        : 0;
    background     : #fff;
    width          : 100%;
    min-width      : 150px;
    z-index        : 1000;
    border         : 1px solid #d5d5d5;
}

.logged_container ol li:first-of-type{
    margin-top : 0px;
}

.logged_container ol li{
    line-height   : initial !important;
    margin        : 0;
    height        : initial !important;
    border        : none !important;
    border-bottom : 1px solid #d5d5d5 !important;
    width         : 100% !important;
    padding       : 0 !important;
}

.logged_container ol li:last-of-type{
    border : none !important;
}

.logged_container ol li a:link,
.logged_container ol li a:visited,
.logged_container ol li a:active{
    height          : initial !important;
    border          : none !important;
    text-transform  : initial !important;
    padding         : 15px !important;
    text-align      : left;
    justify-content : start;
    color           : #333 !important;
}

.logged_container ol li a:hover{
    color      : #333 !important;
    background : #0e9fcc;
}

.plus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Dark-blue-Plus-8a1a4e65a7d6069da2c1fae24ab5235e.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.minus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Dark-blue-Minus-a0c76b487b54c06d552e3054e18921e7.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.card.productcard .minus-circle,
.card.productcard .plus-circle{
    padding         : 13px;
    background-size : 24px;
}

.cart_keyboard .minus-circle,
.cart_keyboard .plus-circle{
    padding         : 12px;
    background-size : 23px;
}

.card.productcard:nth-child(2n) .minus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Green-Minus-c73c2cf8a161de1ca9317529f60ce1e5.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.card.productcard:nth-child(2n) .plus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Green-Plus-866d8b71649565a37ad2c557d660aa38.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.card.productcard:nth-child(3n) .minus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/Purple-Minus-b13175d170004d97377dbde9a7132efb.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.card.productcard:nth-child(3n) .plus-circle{
    background-image  : url("/tna_b2b/resources/images/icons/purple-Plus-8a671332f634437c63ef634bfed8cbf0.png");
    background-repeat : no-repeat;
    border-radius     : 0;
}

.cart_keyboard .minus-circle{
    margin-right : 3px;
}

.cart_keyboard .plus-circle{
    margin-left : 4px;
}

.headline .nav-link::after{
    content            : '';
    display            : block;
    width              : 0;
    height             : 2px;
    background         : #00b2e2;
    -webkit-transition : width .3s;
    transition         : width .3s;
    /* width: 100%; */
}

.headline .nav-link:hover::after{
    width : 100%;
}

.dropbtn{
    background : none;
    color      : #3a3f45;
    font-size  : 15px;
    padding    : .5rem 1rem;
    border     : none;
}

.dropdown{
    position : relative;
    display  : inline-block;
}

.dropdown-content{
    position         : absolute;
    background-color : #f1f1f1;
    min-width        : 210px;
    z-index          : 1;
    right            : auto;
}

.dropdown-content.en{
    left : 16px;
}

.dropdown-content-2.top{
    top : 54px;
}

.fa-angle-down:before{
    content   : "\f107";
    font-size : 12px;
}

.dropdown-content a{
    text-decoration : none;
}

.dropdown-content a:hover{
    background : #0fb2cd;
    color      : #fff !important;
}

button.dropbtn:hover{
    color  : #32c5d2 !important;
    cursor : pointer;
}

.last-footer{
    background-color : #214C5A;
}

.last-footer-row{
    padding : 25px 20px 25px;
}

.close-icon{
    content : url("/tna_b2b/resources/images/icons/Exit-43004d423eaaebf228d29ed95357b51c.png");
}

.headline .nav-link.submenu:hover::after{
    width : 0;
}

.headline .nav-link.submenu:hover{
    background : #0fb2cd;
    color      : #fff !important;
}

.dropdown-content-2{
    left             : 100%;
    top              : 5px;
    right            : auto;
    position         : absolute;
    background-color : #f1f1f1;
    min-width        : 235px;
    z-index          : 1;
}

.dropdown-content-2.ar{
    right : 100%;
}

.dropdown-content-2.en{
    left : 100%;
}

.submenu{
    text-transform : capitalize !important;
}

a.nav-link.submenu, .media-submenu{
    color       : #015784 !important;
    font-weight : 500 !important;
}

.nav-pills .nav-item{
    padding-left  : 2px;
    padding-right : 2px;
}

.nav-pills{
    color : #fff;
}

.fa-ellipsis-v{
    color : #9facba;
}

.media-dropdown-content{
    position         : absolute;
    display          : none;
    background-color : #f1f1f1;
    min-width        : 210px;
    z-index          : 1;
    top              : 30px;
    left             : 13px;
    right            : auto;
    padding          : 5px 0px;
}

.dropdown:hover .media-dropdown-content{
    display : block;
}

#media-dropbtn{
    color : #3a3f45 !important;
}

.btn-outline-primary{
    padding        : .7rem 2.5rem;
    border-radius  : 20px !important;
    text-transform : uppercase;
}

.btn-outline-primary:hover, .btn-outline-primary:focus{
    color : #fff;
}

.calendar-submit{
    top        : 19px;
    right      : -3px;
    height     : 27px;
    width      : 28px;
    background : transparent;
    border     : none;
    position   : absolute;
}

.calendar-input, .calendar-input:focus{
    border     : transparent;
    background : none;
    color      : inherit;
    outline    : none;
}

.calendar-input.off{
    opacity : .5;
}

.select-date .fa-calendar-alt.off{
    opacity : .5;
}

.calendar-submit:not([disabled]){
    cursor : pointer;

}

.item-row{
    font-size : 17px;
}

.date-note-encounters.on,
.date-note-events.on{
    color : #E7004C;
}

.date-mobile.on{
    color : #E7004C;
}

.date-note{
    bottom : 8px;
}

.fish img{
    position: absolute;
}

.glass img{
    height : 29px;
}

.behind img{
    height : 32px;
}

.journey img{
    width  : 34px;
    height : 30px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance : none;
    margin             : 0;
}

.coupon-error{
    font-size : 14px;
}

.coupon-label{
    position    : absolute;
    color       : #005885;
    font-weight : 700;
    top         : 8px;
}

.padding-icons{
    padding-left : 23px;
}

.profile-menu{
    padding          : .7rem 2rem;
    background-color : #00b1b2;
    color            : #FFFFFF;
    text-decoration  : none;
    box-shadow       : none;
    outline          : none;
    text-transform   : uppercase;
    font-size        : 13px;
}

.credit-title{
    font-size : 20px;
}

.headline .nav-item:last-child .nav-link{
    background    : #2DD4BF;
    border-radius : 40px;
    font-size     : 15px;
    color         : #fff;
    padding: 11px 20px 10px 21px;
}

.nav-lastitem:after{
    width : 0 !important;
}

.nav-lastitem:focus,
.nav-lastitem:hover{
    color : #FFFFFF !important;
}

.navbar .nav-item:hover .dropdown-content,
.navbar .nav-item:focus .dropdown-content,
.navbar .nav-item:focus-visible .dropdown-content,
.navbar .nav-item:focus-within .dropdown-content{
    display : block;
}

.subdropdown:hover > .dropdown-content-2{
    display : block;
}

.dropdown-explore, .dropdown-rescue,
.species, .zones{
    display : none;
}

.explore:focus .dropdown-explore,
.explore:hover .dropdown-explore{
    display : block;
}

.species{
    top : 19px;
}

.time{
    display          : block;
    padding          : .5rem 1rem;
    color            : #3a3f45;
    text-decoration  : none !important;
    background-color : transparent;
    box-shadow       : none;
    outline          : none;
    font-size        : 12px;
    font-weight      : 500;
}

.opening {
    font-size: 12px;
    background: #f15236;
    color: #fff;
    padding: 4px 10px;
}

.hour {
    margin-bottom: 0px;
    font-size: 12px;
    background: #f15236;
    color: #fff;
    padding: 4px 10px;
}

.opening.en {
    border-radius: 20px 0px 0px 20px;
}
.hour.en {
    border-radius: 0px 20px 20px 0px;
}

.opening.ar {
    border-radius: 0px 20px 20px 0px;
}
.hour.ar {
    border-radius: 20px 0px 0px 20px;
}




.background-image{
    background-size : contain !important;
    background      : url(/tna_b2b/resources/images/main-bg-672509fe5e916e08544d63ad30ec3e87.png) no-repeat 0 130px;

}

.date-note{
    font-size   : 10px;
    font-weight : 600;
}

.qty-label.en{
    font-size : 10px;
}

.qty-label.ar{
    font-size : 14px;
}

.calendar-input:not(.off) i:before{
    cursor : pointer;
}

.coupon-form.ar{
    border-radius : 0px 50px 50px 0px;
}

pre{
    font-family : 'Raleway', sans-serif;
    overflow    : hidden;
    font-size   : 100%;
    margin      : 0;
}

.vat-label.ar{
    margin-top : 10px;
}

.input-daterange .form-control{
    background-color : white;
    border           : 2px solid #99bcce;
    border-radius    : 10px !important;
}

.input-daterange .fa-calendar-alt{
    position : absolute;
    top      : 10px;
    right    : 5px;
}

.fa-calendar-alt:before{
    content : "\f073";
    color   : #99bcce;
}
@media only screen and (min-width : 320px) and (max-width : 575px){

    .calendar-submit{
        position : absolute;
        bottom   : 226px;
        right    : 479px;
        width    : 24px;
        border   : none;
        top      : auto;
    }

    .form-control{
        padding : 0;
    }

    .coupon .form-control{
        padding : 0 0 0 15px;
    }

    .coupon-label.active{
        display : none;
    }

    .main-logo-img{
        width : 65%;
    }

    .basket-price{
        font-size : 13px;
    }

    .footer{
        font-size : 11px;
    }

    .profile-pic img{
        width : 80%;
    }

    .productlistDetails h3{
        font-size    : 30px;
        border-left  : 6px solid;
        padding-left : 30px;
    }

}

@media only screen and (min-width : 320px) and (max-width : 767px){

    .time{
        padding-top : 5px !important;
        font-size   : 12px !important;
        font-weight : 500 !important;
        padding     : .5rem 5px;
        color       : #3a3f45 !important;
    }

    .background-image{
        background          : url(/tna_b2b/resources/images/main-bg-672509fe5e916e08544d63ad30ec3e87.png) no-repeat top center;
        background-size     : contain !important;
        background-position : 0 80px;

    }

    .dropbtn{
        background : none;
        color      : #fff;
        font-size  : 15px;
        padding    : .5rem 1rem;
        border     : none;
    }

    .drop-media{
        top : 3px;
    }

    #media-dropbtn{
        padding   : 0rem 5px;
        font-size : 12px;
    }

    .headline .nav-link,
    .headline .nav-link:focus,
    .headline .nav-link:hover,
    .headline .nav-link:visited,
    .headline .nav-link:active,
    .headline .nav-link:focus-visible,
    .headline .nav-link:focus-within,
    .headline .nav-link:target{
        font-weight : 500;
    }

    .headline .nav-item:last-child .nav-link{
        background-color : #2DD4BF !important;
        border-radius    : 40px;
        font-size        : 15px;
        color            : #fff;
        padding: 11px 20px 10px 21px;
    }

    .maincontent .groupnote{
        font-size : 26px;
    }

    .breadcrumbs{
        margin : 2rem 0;
    }

    footer .footer-row{
        padding : 0 0;
    }

    .retry, .restart{
        width : 100%;
    }

    .performance_details{
        font-size : 12px;
    }

    .tabnavigation .nav .nav-item .nav-link{
        border-radius : 0px;
    }

    .card.productcard.en img{
        border-top-left-radius : 60px;
    }

    .card.productcard.ar img{
        border-top-right-radius : 60px;
    }

    .card.productcard.en{
        border-bottom-right-radius : 60px;
        border-top-left-radius     : 60px;
        border-top-right-radius    : 0px;
    }

    .card.productcard.ar{
        border-bottom-left-radius : 60px;
        border-top-right-radius   : 60px;
        border-top-left-radius    : 0px;
    }

    .card-img{
        height : 100%;
        width  : 100%;
    }

    .shoppingcart .card.en, .cart-container .card-header.en{
        color                      : #005885;
        border-top-right-radius    : 0px;
        border-top-left-radius     : 50px;
        border-bottom-right-radius : 50px;
    }

    .shoppingcart .card.ar, .cart-container .card-header.ar{
        color                     : #005885;
        border-top-left-radius    : 0px;
        border-top-right-radius   : 50px;
        border-bottom-left-radius : 50px;
    }

    .tabnavigation .nav .nav-item .nav-link{
        border-radius : 40px;
    }

    .product-title, .empty{
        font-size : 22px;
    }

    .btn-outline-danger{
        border : none;
    }

    .btn-outline-danger:hover,
    .btn-outline-danger:active,
    .btn-outline-danger:focus{
        border           : none;
        color            : #E7004C;
        background-color : transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .btn-outline-danger.dropdown-toggle{
        border           : none;
        color            : #E7004C;
        background-color : transparent;
    }

    .footer-margin{
        margin : 0 0rem !important;
    }

    .last-footer-row{
        font-size : 12px;
    }

    .footer-text, .footer-text a, .footer-text:hover,
    .footer-text:active, .footer-text:focus{
        color           : #fff;
        text-decoration : none;
        line-height     : 1.7;
    }

    .card.productcard .productList .product-row .price{
        font-size : 1.1em;
    }

    .card.productcard .productList .product-row .product-descr{
        font-weight : 600;
        font-size   : 1em;
    }

    .select-date{
        background-color : #f4f4f4;
        color            : #c1c1c1;
        font-weight      : 500;
        padding          : 10px;
        border-radius    : 10px;
    }

    .productList{
        padding : 0px;
    }

    .card.productcard .productList.en{
        padding                    : 20px;
        border-bottom-right-radius : 100px;
    }

    .card.productcard .productList.ar{
        padding                   : 20px;
        border-bottom-left-radius : 100px;
    }

    .groupdescription{
        padding-left : 37px;
    }

    .navbar-toggler{
        bottom : 29px;
        top    : 6px;
    }

    .site-logo{
        margin-top : 0;
    }

    #navbarNav .nav{
        flex-direction   : column;
        text-align       : start;
        font-size        : 18px;
        background-color : #215b7b;
    }

    #navbarNav .nav .nav-link{
        flex-direction   : column;
        text-align       : start;
        font-size        : 13px;
        background-color : #215b7b;
        color            : #fff;
        line-height      : 1.7;
    }

    .calendar-input, .calendar-input:focus{
        border     : transparent;
        background : none;
        color      : inherit;
        outline    : none;
    }

    .card.productcard:nth-child(1n) .select-date .fa-calendar-alt{
        content : url(/tna_b2b/resources/images/icons/calendar-blue-90e0f58a738417ab09f4785f460d3bb0.png);
    }

    .card.productcard:nth-child(2n) .select-date .fa-calendar-alt{
        content : url(/tna_b2b/resources/images/icons/calendar-green-3148881a430fff0ce9af61d1b2f5cb48.png);
    }

    .card.productcard:nth-child(3n) .select-date .fa-calendar-alt{
        content : url(/tna_b2b/resources/images/icons/calendar-purple-be82fa12124d3b592147d75e210c9030.png);
    }

    .select-date .span{
        font-weight : 500;
    }

    a[aria-expanded=true] .fa-chevron-right{
        display : none;
    }

    a[aria-expanded=false] .fa-chevron-down{
        display : none;
    }

    .dropdown-content .subdropdown .submenu,
    .dropdown-content .subdropdown-mobile .submenu{
        background-color : #406c8c;
    }

    .dropdown-content .submenu{
        background-color : #406c8c !important;
    }

    .dropdown-content-2 .submenu{
        background-color : #507c94 !important;
    }

    .dropdown-content-2{
        left             : 100%;
        top              : 5px;
        right            : auto;
        position         : static;
        background-color : #f1f1f1;
        min-width        : 235px;
        z-index          : 1;
    }

    .dropdown-content{
        left     : 0px;
        position : relative;
    }

    .header-nav{
        padding-top : 5px !important;
        font-size   : 12px !important;
        font-weight : 500 !important;
        padding     : .5rem 5px;
        color       : #3a3f45 !important;
    }

    .btn-header, .btn-header:focus{
        border           : none;
        background-color : transparent;
        outline          : none;
    }

    a.nav-link.submenu{
        color       : #fff !important;
        font-weight : 600 !important;
    }

    .navbar-light{
        border        : none;
        padding       : 4px 8px;
        border-radius : 5px;
    }

    .icon-description{
        color     : black;
        font-size : 10px;
    }

    .overlay-div{
        background-size     : 100% 100%;
        background-position : center;
        min-height          : 237px;
    }

    .qty-label{
        font-weight : 600;
        font-size   : 10px;
    }

    .shoppingcart .basket-product .ajax-submit{
        margin-left : 0px;
    }

    a.nav-link.dropbtn:active,
    a.nav-link.dropbtn:hover{
        color : #ff6b57 !important;
    }

}

@media only screen and (min-width : 320px) and (max-width : 575px){

    .tabnavigation .nav-link,
    .tabnavigation .nav-link:focus,
    .tabnavigation .nav-link:hover,
    .tabnavigation .nav-link:visited,
    .tabnavigation .nav-link:active,
    .tabnavigation .nav-link:focus-visible,
    .tabnavigation .nav-link:focus-within,
    .tabnavigation .nav-link:target{
        padding   : 1rem 0.5rem;
        font-size : 14px;
    }

    .card.productcard .productList .product-row .product-descr{
        font-size : .9em;
    }

    .card.productcard .productList .product-row .qty-input{
        max-width : 45px;
    }

    .productlistDetails h3{
        font-size    : 20px;
        border-left  : 6px solid;
        padding-left : 30px;
    }

    .main-logo-img{
        width : 75%;
    }

    .card.productcard .productList .product-row .price{
        font-size : 0.9em;
    }

}

@media only screen and (min-width : 575px) and (max-width : 767px){

    .tabnavigation .nav-link,
    .tabnavigation .nav-link:focus,
    .tabnavigation .nav-link:hover,
    .tabnavigation .nav-link:visited,
    .tabnavigation .nav-link:active,
    .tabnavigation .nav-link:focus-visible,
    .tabnavigation .nav-link:focus-within,
    .tabnavigation .nav-link:target{
        padding   : 1rem 1rem;
        font-size : 16px;
    }

    .card.productcard .productList .product-row .product-descr{
        font-weight : 600;
        font-size   : 1.2em;
    }

    .card.productcard .productList .product-row .price{
        font-size : 1.2em;
    }

    .productlistDetails h3{
        font-size    : 30px;
        border-left  : 6px solid;
        padding-left : 30px;
    }

    .main-logo-img{
        width : 100%;
    }

    header{
        min-height : 30px;
        color      : #005885;
    }

}

@media only screen and (min-width : 768px) and (max-width : 992px){

    .card.productcard .productList .product-row .qty-input{
        max-width : 55px;
    }

    .time{
        font-size : 13px;
    }

    .main-logo-img{
        max-width : 70%;
    }

    .nav-link{
        display : block;
        padding : .5rem 0.5rem;
    }

    header .nav-link, header .nav-link:focus,
    header .nav-link:hover, header .nav-link:visited,
    header .nav-link:active, header .nav-link:focus-visible,
    header .nav-link:focus-within, header .nav-link:target,
    header .langs a, header .langs a:focus,
    header .langs a:hover, header .langs a:visited,
    header .langs a:active, header .langs a:focus-visible,
    header .langs a:focus-within, header .langs a:target{
        font-size : 13px;
    }

    .shoppingcart .basket-product .qty-input{
        width : 35px;
    }

    .card.productcard .productList .product-row .product-descr{
        font-weight : 600;
        font-size   : 1em;
    }

    .card.productcard .productList .product-row .price{
        font-size   : 1em;
        font-weight : 900;
    }

    .tabnavigation .nav-link,
    .tabnavigation .nav-link:focus,
    .tabnavigation .nav-link:hover,
    .tabnavigation .nav-link:visited,
    .tabnavigation .nav-link:active,
    .tabnavigation .nav-link:focus-visible,
    .tabnavigation .nav-link:focus-within,
    .tabnavigation .nav-link:target{
        color            : #FFFFFF;
        text-decoration  : none;
        background-color : #eb5c37;
        box-shadow       : none;
        outline          : none;
        padding          : .5rem 1.5rem;
        font-size        : 13px;
        font-weight      : 600;
        border-radius    : 0;
        border           : none;
    }

    .overlay-div{
        background-size     : 100% 100%;
        background-position : center;
        min-height          : 237px;
    }

    .shoppingcart .basket-product .ajax-submit{
        margin-left : 0px;
    }

    .price-gross{
        font-size : 19px;
    }

    .footer-margin{
        margin : 0 2em !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1199px){

    .headline .nav-item:last-child .nav-link{
        font-size : 12px;
    }

    .headline .nav-link,
    .headline .nav-link:focus,
    .headline .nav-link:hover,
    .headline .nav-link:visited,
    .headline .nav-link:active,
    .headline .nav-link:focus-visible,
    .headline .nav-link:focus-within,
    .headline .nav-link:target{
        color            : #3a3f45;
        text-decoration  : none;
        background-color : transparent;
        box-shadow       : none;
        outline          : none;
        text-transform   : uppercase;
        font-weight      : 600;
        font-size        : 12px;
        padding          : .5em;
    }

    .overlay-div{
        background-size     : 100% 100%;
        background-position : center;
        min-height          : 237px;
    }
}

@media only screen and (min-width : 320px) and (max-width : 1199px){

    header .container-fluid,
    .headline .container-fluid,
    .maincontent .container-fluid,
    .titles .container-fluid,
    footer .container-fluid{
        margin : 0;
    }
}

@media screen{

    .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:visited,
    .btn-primary:active, .btn-primary:focus-visible,
    .btn-primary:focus-within, .btn-primary:target{
        padding          : .7rem 2rem;
        border-radius    : 20px;
        background-color : #00b1b2;
        color            : #FFFFFF;
        border           : 0 none;
        text-decoration  : none;
        box-shadow       : none;
        outline          : none;
        text-transform   : uppercase;
    }

    .btn-primary{
        background-color : #00b1b2 !important;
        color            : #FFFFFF !important;
        border           : none;
        border-color     : #00b1b2 !important;
        border-radius    : 20px !important;
    }
}

@media not all and (min-resolution : .001dpcm){
    @media{

        input[type='checkbox']{
            /* remove browser chrome */
            -webkit-appearance : none;
            -moz-appearance    : none;
            appearance         : none;
            outline            : none;
            top                : 4px;
            left               : 1px;
            width              : 22px;
            height             : 16px;
            display            : block;
            /*add styling */
            position           : relative;
            border             : 1px solid #455A64;
            overflow           : hidden;
            border-radius      : 3px;
            cursor             : pointer;
        }

        .tabnavigation .nav-link,
        .tabnavigation .nav-link:focus,
        .tabnavigation .nav-link:hover,
        .tabnavigation .nav-link:visited,
        .tabnavigation .nav-link:active,
        .tabnavigation .nav-link:focus-visible,
        .tabnavigation .nav-link:focus-within,
        .tabnavigation .nav-link:target{
            padding   : 1rem 0.7rem;
            font-size : 14px;
        }

        input[type='checkbox']::before{
            content             : '';
            color               : #fff;
            position            : absolute;
            top                 : 2px;
            right               : 2px;
            bottom              : 2px;
            left                : 2px !important;
            background-color    : transparent;
            background-size     : contain;
            background-position : center center;
            background-repeat   : no-repeat;
            border-radius       : 2px;
            -webkit-transform   : scale(0);
            transform           : scale(0);
            -webkit-transition  : -webkit-transform 0.25s ease-in-out;
            transition          : -webkit-transform 0.25s ease-in-out;
            transition          : transform 0.25s ease-in-out;
            transition          : transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
            /* base64 encoded to make things easier to show
                normally you would use an image or a font
            */
            background-image    : url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=");
        }

        input[type='checkbox']:checked::before{
            -webkit-transform : scale(1);
            transform         : scale(1);
        }

        .tabnavigation .nav-link{
            color            : #FFFFFF;
            text-decoration  : none;
            background-color : #eb5c37;
            box-shadow       : none;
            outline          : none;
            padding          : 1rem 0.7rem;
            font-weight      : 600;
            border-radius    : 0;
            border           : none;
        }

        .tabnavigation .nav-link:focus,
        .tabnavigation .nav-link:hover,
        .tabnavigation .nav-link.active,
        .tabnavigation .nav-link.active:focus,
        .tabnavigation .nav-link.active:hover{
            background-color : #005885;
            color            : #fff;
        }

    }
}

@media only screen and (min-width : 1200px) and (max-width : 1450px){

    header .container-fluid,
    .headline .container-fluid,
    .maincontent .container-fluid,
    .titles .container-fluid{
        margin : 0;
    }
}

@media only screen and (device-width : 768px){
    .tabnavigation .nav .nav-item .nav-link{
        border-radius : 0;
    }

    .footer-margin{
        margin : 0 2em !important;
    }
}