@font-face {
    font-family: 'Tahoma';
    src: url('../fonts/tahoma.eot') format('embedded-opentype'),
       url('../fonts/tahoma.woff') format('woff'),
       url('../fonts/tahoma.woff2') format('woff2'),
       url('../fonts/tahoma.ttf') format('truetype'),
       url('../fonts/tahoma.otf') format('opentype');
    font-display: swap;
 }
 
 @font-face {
    font-family: 'Tahoma Bold';
    src: 
       url('../fonts/tahoma-bold.eot') format('embedded-opentype'),
       url('../fonts/tahoma-bold.woff') format('woff'),
       url('../fonts/tahoma-bold.woff2') format('woff2'),
       url('../fonts/tahoma-bold.ttf') format('truetype'),
       url('../fonts/tahoma-bold.otf') format('opentype');
    font-display: swap;
 }
 
 @font-face {
    font-family: 'Arial';
    src: 
       url('../fonts/arial.eot') format('embedded-opentype'),
       url('../fonts/arial.woff') format('woff'),
       url('../fonts/arial.woff2') format('woff2'),
       url('../fonts/arial.ttf') format('truetype'),
       url('../fonts/arial.otf') format('opentype');
    font-display: swap;
 }
 
 @font-face {
    font-family: 'Arial Bold';
    src:
       url('../fonts/arial-bold.eot') format('embedded-opentype'),
       url('../fonts/arial-bold.woff') format('woff'),
       url('../fonts/arial-bold.woff2') format('woff2'),
       url('../fonts/arial-bold.ttf') format('truetype'),
       url('../fonts/arial-bold.otf') format('opentype');
    font-display: swap;
 }
 
 @font-face {
    font-family: 'Metric';
    src:
       url('../fonts/metric-regular.eot') format('embedded-opentype'),
       url('../fonts/metric-regular.woff') format('woff'),
       url('../fonts/metric-regular.woff2') format('woff2'),
       url('../fonts/metric-regular.ttf') format('truetype'),
       url('../fonts/metric-regular.otf') format('opentype'); 
    font-display: swap;
 }
 
 @font-face {
    font-family: 'Metric Medium';
    src:
       url('../fonts/metric-medium.eot') format('embedded-opentype'),
       url('../fonts/metric-medium.woff') format('woff'),
       url('../fonts/metric-medium.woff2') format('woff2'),
       url('../fonts/metric-medium.ttf') format('truetype'),
       url('../fonts/metric-medium.otf') format('opentype'); 
    font-display: swap;
 }
 body {
   font-family: 'Arial', 'Open Sans', sans-serif !important;
   margin: 0;
   padding: 0;
   height: 100%;
   font-size: 14px !important;
   /* font-size: calc(14px + 7 * ((100vw - 320px) / 2240)); */
}
header a:hover {
    color: white !important;
 }
 header .bottom a:hover{
    color: #A80A0F !important;
 }
 header .bottom .mega a{
    color:white;
 }
 header .bottom .mega a:hover{
    color: white !important;
 }
 header {}
header ul{
   list-style-type: none;
}
header #mobile {
   padding: 15px;
   display: flex;
   justify-content: space-between;
}
img.size-full{
   width: auto !important; /* or probably 100% in case of a grid */
   height: auto !important; 

}
header #mobile img.logo {
   height: 30px;
}

header #mobile>a {
   font-size: 30px;
   float: right;
   margin-top: -9px;
   display: block;
}

header #dropdown {
   position: fixed;
   top: 0;
   left: 0;
   opacity: 0;
   display: none;
   visibility: hidden;
   z-index: 9999;
   width: 100vw;
   height: 100vh;
   background: rgb(57, 57, 58);
   color: white;
   overflow-y: auto;
   transition: opacity 2s visibility 2s;
   padding: 0px 10px;
   
}
header #dropdown a{
    color:white;
}
@keyframes fade {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

header #dropdown.active {
   opacity: 1;
   visibility: visible;
   display: block;
   animation: fade 1s;
}
header #dropdown #close-btn {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 20px;
}

header #dropdown .search-block {
   position: absolute;
   top: 20px;
   left: 20px;
   font-size: 14px;
   width: 250px;
}

header #dropdown .search-block input {
   background: rgb(89, 88, 89);
   border: none;
   border-radius: 50px;
   height: 25px;
   color: white;
   text-indent: 25px;
   padding: 15px 10px;
   width: 100%;
}

header #dropdown .search-block input {
   transition: all 0.3s;
}

header #dropdown .search-block input:focus {
   width: 80vw;
   outline: none;
}

header #dropdown .search-block i {
   position: absolute;
   top: 7px;
   left: 12px;
}

header #dropdown ul {
   paginate_button-style-type: none;
   padding: 0;
}

header #dropdown ul#menu {
   margin-top: 10vh;
   padding-left: 15px;
   margin-bottom: 10vh;
}

header #dropdown ul#menu>li {
   padding: 10px 0px;
   font-size: 22px;
   font-family: 'Tahoma';
   position: relative;
}

header #dropdown ul#menu>li.active {
   font-family: 'Tahoma Bold';
}

header #dropdown ul#menu>li ul li:first-child {
   padding-top: 35px;
}

header #dropdown ul#menu>li ul li {
   padding: 20px 0px;
   font-size: 20px;
   font-family: 'Tahoma Bold';
}

header #dropdown ul#menu>li ul li ul li {
   font-size: 16px;
   font-family: 'Arial';
   margin-left: -10px;
   padding: 10px 0;
}

header #dropdown ul#menu>li ul li ul li:first-child {
   padding-top: 10px;
}

header #dropdown ul#menu>li a {
   position: relative;
}

header #dropdown ul#menu>li  img.chevron {
   transition: all .3s;
    /* width: 14px; */
    position: absolute;
    right: -2px;
    top: 8px;
    padding: 15px;
}

header #dropdown ul#menu>li.active ul {
   max-height: 200vh;
}

header #dropdown ul#menu>li.active  img.chevron {
   transform: rotate(180deg)
}

header #dropdown ul li a {
   display: block;
   max-width: 80%;
}
header #dropdown ul#menu>li ul li  a{
   max-width: none;
}

header #dropdown ul li a img {
   vertical-align: middle;
   width: 30px;
   height: 30px;
}

header #dropdown ul li a b {
   display: inline-block;
   word-break: break-word;
   width: 71%;
   margin-left: 10px;
}

header #dropdown ul li ul {
   overflow: hidden;
   transition: all .3s ease;
   padding-left: 0px;
   max-height: 0;
   /* margin-top: 30px; */
}

header #dropdown ul li ul li ul {
   padding-left: 55px;
   margin-top: 10px;
}

header #dropdown li.separator {
   padding: 1px 0px !important;
   background: white;
   width: 95%;
   margin: 30px 0;
}

header #desktop {
   display: none;
}

header #search-dialog {
   display: block;
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   display: none;
   visibility: hidden;
   opacity: 0;
   transition: opacity 1s visibility 0.5s;
}

header #search-dialog.active {
   visibility: visible;
   opacity: 1;
   display: block;
}

header #search-dialog>div {
   position: absolute;
   top: 5vh;
   width: 80vw;
   text-align: center;
   left: 10vw;
}

header #search-dialog>div>i {
   position: absolute;
   left: 13px;
   top: 15px;
   font-size: 20px;
   color: rgb(124, 152, 158);
}

header #search-dialog>div>img {
   position: absolute;
   right: 12px;
   top: 15px;
   cursor: pointer;
}

header #search-dialog>div>input {
   width: 100%;
   height: 42px;
   border-radius: 9px;
   text-indent: 30px;
   padding: 25px 10px;
}
h1,h2,h3,h4,h5{
   font-family: 'Tahoma Bold';
}
h1{
    font-size: 20px;
    margin-bottom: 24px;
}
@media(min-width:968px) {
    header #mobile {
        display: none;
     }
  
     header #desktop {
        display: block;
     }
  
     header #desktop .top {
        height: 46px;
        width: 100vw;
        background: #A80A0F;
        font-size: 14px;
        font-family: 'Tahoma';
     }
  
     header #desktop .top ul {
        paginate_button-style-type: none;
        padding: 0 10px;
     }
  
     header #desktop .top>ul {
        text-align: right;
        /* padding: 10px 0px; */
        color: white;
        margin: 0;
     }
  
     header #desktop .top>ul>li {
        display: inline-block;
        margin: 0px 15px;
        position: relative;
     }
  
     header #desktop .top>ul>li.bhs {
        position: relative;
        background: transparent;
        padding: 12px;
     }
  
     header #desktop .top>ul>li.bhs.active {
        background: rgb(57, 57, 58);
     }
  
     header #desktop .top>ul>li input {
        border-radius: 50px;
        border: none;
        background: rgb(160, 67, 59);
        height: 20px;
        text-indent: 20px;
        color: white;
        padding: 13px 0;
     }
  
     header #desktop .top>ul>li input:focus {
        outline: none;
     }
  
     header #desktop .top>ul>li input::placeholder {
        color: white;
     }
  
     header #desktop .top>ul>li>i {
        position: absolute;
        right: 10px;
        top: 5px;
     }
  
     header #desktop .top>ul>li>a>i {
        margin-left: 2px;
        margin-right: 5px;
     }
  
     header #desktop .top>ul>li ul {
        display: none;
     }
  
     header #desktop .top ul>li>ul {
        max-height: 0;
        display: none;
        background: rgb(57, 57, 58);
        position: absolute;
        padding: 10px;
        transition: all 0.5s;
        z-index: 9999;
        width: 100%;
        left: 0;
     }
  
     header #desktop .top ul>li>ul li {
        padding: 10px 0px;
     }
  
     header #desktop .top ul>li>ul li a {
        margin-right: 5px;
     }
  
     /* header #desktop .top ul>li:last-child.active {
        background: rgb(57, 57, 58);
        padding: 10px;
        margin-top: -10px;
        margin-right: 10px;
     } */
  
     header #desktop .top ul>li.active>ul {
        max-height: 100vh;
        display: block;
        text-align: left;
        padding: 10px 12px;
     }
  
     header #desktop img.logo {
        height: 46px;
     }
  
     header #desktop .bottom {
        position: relative;
        font-size: 14px;
        font-family: 'Tahoma';
        background: #fff;
     }
  
     header #desktop .bottom ul {
        paginate_button-style-type: none;
        padding: 0 12px;
        text-align: right;
        margin: 0;
     }
  
     header #desktop .bottom>ul>li {
        display: inline-block;
        margin: 0px 10px;
        vertical-align: middle;
        padding: 18px 0px;
        cursor: pointer;
     }
  
     header #desktop .bottom>ul>li>a {
        display: block;
        line-height: 45px;
        font-size: 14px;
        color:black;
     }
  
     header #desktop .bottom>ul>li>ul {
        display: none;
        max-height: 0;
        background-color: rgb(57, 57, 58, 0.9);
        color: white;
        position: absolute;
     }
  
     header #desktop .bottom>ul>li>span {
        width: 0;
        height: 2px;
        background: #A80A0F;
        transition: all 0.5s;
        display: block;
     }
  
     header #desktop .bottom>ul>li:hover {
        color: #A80A0F;
     }
  
     header #desktop .bottom>ul>li:hover span {
        width: 100%;
     }
  
     header #desktop .bottom>ul>li ul.mega {
        top: 100%;
        width: 100%;
        left: 0;
        text-align: center;
        z-index: 9;
        
  
     }
  
     header #desktop .bottom>ul>li:hover ul.mega {
        display: block;
        max-height: 200vh;
  
     }
  
     header #desktop .bottom>ul>li ul.mega>li {
        padding: 20px 0px;
        display: inline-block;
        vertical-align: top;
        margin: 0px 1vw;
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul {
        text-align: left;
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li {
        padding: 20px 0px;
        font-size: 14px;
        font-family: 'Tahoma Bold';
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li:hover {
        opacity: 0.9;
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li:hover>ul {
        opacity: 1;
     }
  
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li img {
        margin-right: 10px;
        width: 45px;
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li>ul {
        padding-left: 60px;
        padding-top: 10px;
        text-align: left;
        font-size: 12px;
        font-family: 'Arial';
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li {
        padding: 9px 0px;
     }
  
     header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li:hover {
        opacity: 0.9;
     }
}
@media(min-width:1200px) {
    header #desktop .bottom>ul>li {
       display: inline-block;
       margin: 0px 15px;
       vertical-align: middle;
       padding: 18px 0px;
       cursor: pointer;
    }
 
    header #desktop .bottom>ul>li>a {
       display: block;
       line-height: 45px;
       font-size: 16px;
    }
 }
 
 @media(min-width:1368px) {
    header #desktop .bottom>ul>li>a {
       display: block;
       line-height: 45px;
       font-size: 16px;
    }
 
    header #desktop .bottom>ul>li {
       display: inline-block;
       margin: 0px 0px;
       vertical-align: middle;
       padding: 18px 30px;
       cursor: pointer;
    }
 }
 footer {
    width: 100%;
    background: #39393B !important;
    color: white !important;
    padding: 5em 30px 1em !important;
 }
 footer a{
    color: white !important;
 }
 footer a:hover{
    color: white !important;
 }
 footer ul {
    padding: 0;
    paginate_button-style-type: none;
    margin-top: 0;
    margin-bottom: 70px;
 }
 
 footer ul li {
    padding: 15px 0px;
    font-size: 12px;
    font-family: 'Tahoma Bold';
 }
 
 footer p.address {
    line-height: 25px;
    font-size: 12px;
    font-family: 'Tahoma';
 }
 
 footer .followus {
    font-size: 12px;
    font-family: 'Tahoma Bold';
    margin: 30px 0 0;
 }
 
 footer .copyright {
    font-size: 10px;
    font-family: 'Tahoma';
 }
 footer ul{
    list-style-type: none;
 }
 footer ul.social li {
    display: inline-block;
    margin-right: 15px;
    font-size: 25px;
 }
 
 footer img.logo {
    margin: 15px 0px;
 }
 
 @media(min-width:1024px) {
    footer .left {
       float: left;
    }
 
    footer .right {
       float: right;
    }
 
    footer img.logo {
       margin-top: 35px;
    }
 
    footer {
       padding: 5em 0px 1em;
    }
 
    footer ul {
       margin-bottom: 0px;
    }
 
    footer ul li {
       font-size: 14px;
    }
 
    footer p.address {
       font-size: 14px;
    }
 
    footer .followus {
       font-size: 14px;
       font-family: 'Tahoma';
    }
 
    footer .copyright {
       font-size: 12px;
    }
 }


.sd-breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-family: 'Arial' !important;
 }
 
 .sd-breadcrumb > a {
    
    color: #000000 !important;
    margin: 0 5px !important;
    font-family: 'Arial' !important;
    color:black !important;
 }
 
 .sd-breadcrumb .sd-crumb-active {
    color: black !important;
    font-family: 'Arial Bold' !important;
    font-weight: bold !important;
 }
 
 @media (min-width:1024px) {
    .sd-breadcrumb {
       background: transparent !important;
       padding: 0 !important;
       font-size: 14px !important;
       font-family: 'Arial' !important;
       margin-bottom: 35px !important;
    }
 
 
 }

 .sd-sidebar-content {
    padding: 40px 35px !important;
    box-shadow: 0px 3px 15px #00000014 !important;
    border-radius: 8px !important;
    background: #fff !important;
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 30px !important;
 }
 table thead tr th,table thead tr td {
    color: #fff !important;
    background-color: #A80A0F !important;
    border-color: #A80A0F !important;
    font-family: 'Arial Bold';
    font-size: 14px;
    padding:20px !important;
 }

 .info-pages{
    text-align: center;
 }
.paginations {
   text-align: center;
   margin-top: 50px;
}

.paginations .list {
   cursor: pointer;
   color: #9A989E;
   padding: 10px 15px;
   margin: 0px;
   transition: all 0.5s ease-in-out;
   display: none;
   font-size: 12px;
}
.paginations .list.show{
   display: inline-block !important;
}

.paginations .list:hover {
   color: #A80A0F;
}

.paginations .list.arrow {
   color: #000000;
   border-radius: 50%;
   border: 1px solid #000000;
   padding: 6px 12px;
   display: inline-block !important;
}

.paginations .list.arrow:hover {
   color: #fff;
   border: 1px solid #A80A0F;
   background: #A80A0F;
}

.paginations .list.active {
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   display: inline-block !important;
}

.paginations .list.active:hover {
   color: #fff;
}

 /*

 .pagination {
    text-align: center;
    margin-top: 50px;
 }
 
 .pagination .paginate_button {
    cursor: pointer;
    color: #9A989E;
    padding: 10px 15px;
    margin: 0px;
    transition: all 0.5s ease-in-out;
    font-size: 12px;
 }

 
 .pagination .paginate_button:hover {
    color: #A80A0F;
 }
 

 
 .pagination .paginate_button.active {
    color: #fff;
    background: #A80A0F;
    border-radius: 50%;
    display: inline-block;
 }
 
 .pagination .paginate_button.active:hover {
    color: #fff;
 }*/
 