/* header.css — site header styles extracted from the inline <style> blocks of index.html */
#logo{padding-top:0px;}
#logo{padding-bottom:0px;}
#logo{margin-left:0px;}
#logo{margin-right:0px;}
#nav-main,.nav-main{margin-top:40px;}
#nav-main,.nav-main{margin-bottom:10px;}
.headerfont{font-family:Lato;}
.topbarmenu ul li{font-family:Lato;}
#nav-main ul.sf-menu a:hover,#nav-main ul.sf-menu a:focus,.nav-main ul.sf-menu a:hover,.nav-main ul.sf-menu a:focus,#nav-main ul.sf-menu li.current-menu-item > a,.nav-main ul.sf-menu li.current-menu-item > a,#nav-main ul.sf-menu ul li a:hover,.nav-main ul.sf-menu ul li a:hover,#nav-main ul.sf-menu ul li a:focus,.nav-main ul.sf-menu ul li a:focus{color:#191919;}
header .nav-trigger .nav-trigger-case{width: 100%; position: static; display:block;}
.mobile-header-container a,.mobile-header-container .mh-nav-trigger-case{color:#191919;}
#nav-second ul.sf-menu>li{width:16.5%;}
.kad-topbar-left,.kad-topbar-left .topbarmenu{float:right;}
.kad-topbar-left .topbar_social,.kad-topbar-left .topbarmenu ul,.kad-topbar-left .kad-cart-total,.kad-topbar-right #topbar-search .form-search{float:left}
#topbar .mobile-nav-trigger-id{float: left;}
#nav-main .sf-menu ul,.nav-main .sf-menu ul,#nav-second .sf-menu ul,.topbarmenu .sf-menu ul{background: #f2f2f2;}
#nav-main ul.sf-menu ul li a,.nav-main ul.sf-menu ul li a,#nav-second ul.sf-menu ul li a,.topbarmenu ul.sf-menu ul li a,#nav-main ul.sf-menu ul#kad-head-cart-popup li .quantity,#nav-main ul.sf-menu ul#kad-head-cart-popup .total{color: #383838;}
#nav-main .sf-menu ul li,.nav-main .sf-menu ul li,#nav-second .sf-menu ul li,.topbarmenu .sf-menu ul li,#nav-main .sf-menu ul,.nav-main .sf-menu ul,#nav-second .sf-menu ul,.topbarmenu .sf-menu ul{border-color: transparent;}
.kad-header-style-two .nav-main ul.sf-menu > li{width: 33.333333%;}
.single-post #kad-banner{/*background:rgb(78, 184, 233)*/}
.menu-search-icon-kt:hover{cursor:pointer;position:relative;z-index:99999}
.search-results .headerclass,.search-no-results .headerclass{background: #fff;max-height: 75px;}
button#responsive-menu-button{top:45px !important}
.single-post #kad-banner{background-image:
url('/media/2020/11/read-quran-hero-sample-dark-one.jpg');background-position: left top;}
.read-quran-post #kad-banner{
background-image: url('/media/2021/02/Read-the-Quran-Hero-5.jpg');
background-position: center bottom;
height:500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.read-quran-post .kt_no_post_header_content{margin-top: -35px}
#nav-main ul.sf-menu li.current-menu-item > a{
    color: #191919;
}
#nav-main{z-index:9999}
#nav-main .sub-menu a{color:#383838 !important}
#nav-main .sub-menu .menu-item:hover::after{background:none}
#nav-main .sub-menu .menu-item:hover{background:#e7e6e6}
#nav-main ul.sf-menu{
position: relative;
/*right: 30px;*/
/*top:10px*/
top:-39px;
right:20px;
float:right !important}
#nav-main{top:-40px}
#kad-banner .container{width:100%}
#logo{z-index: 99999;position: relative;/*top:35px;*/left:50px;top:10px}
#thelogo img{/*max-width:80px*/}
.home #nav-main ul.sf-menu a{color: #191919}
#nav-main ul.sf-menu a{/*color: #fff;*/ /*font-weight:bold !important*/}
#nav-main ul.sf-menu a .sf-dropdown a span{color:#383838 !important}
.menu-item:hover::after{background-color: #4eb8e9}
.menu-item:hover::after{bottom: 0;
content: ' ';
height: 5px;
left: 0;
position: absolute;
width: 100%}
.kad-header-widget{postion:relative;z-index:9999;width:300px;float:right;top:35px}
.kad-header-widget .form-search .search-query{color:#fff;background:transparent;border:none}
.kad-header-widget .kad-btn{display:inline-block;padding:0 50px}
#akrightheader{position:relative;top:0px;float:right;right:60px;display:none}
.right-menu-item{margin-right:10px;color:#fff;
background-color: rgb(78, 184, 233);
border: 0px solid rgb(0, 0, 0);
/*border-radius: 5px;*/
color: rgb(255, 255, 255);
padding: 5px 10px;
font-size: 13px;
}
#akrightheader a i{color:#fff}
.offhomepages #kad-banner{
    background-image: url('/media/2021/02/Article-Page-Hero.jpg');
    background-position:center top;
    height: 500px;

background-position-y: 81px !important;
background-repeat: no-repeat;
}
.blogposts #kad-banner,.page-id-1156 #kad-banner{
    background-image: url('/media/2021/02/Article-Page-Hero.jpg') !important;
    background-position: center top;
    height: 500px !important;
background-position-y: 81px !important;
background-repeat: no-repeat;
}
.page-id-1019 #kad-banner{
    background-image: url('/media/2021/02/Get-Involved-Hero.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-3093 #kad-banner{
    background-image: url('/media/2021/02/Get-Involved-Hero.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.blogposts #kad-banner{
background-image: url('/media/2020/11/read-quran-hero-sample-dark-one.jpg');
background-position: left top;
height: 330px}
.page-id-1234 #kad-banner,.page-id-4400 #kad-banner{
background-image: url('/media/2021/02/Books-Hero-2.jpg');
background-position: center top;
height:500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-1534 #kad-banner,.quranforkids #kad-banner{
background-image: url('/media/2021/02/Quran-for-Kids-hero-2.jpg');
height:500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-1412 #kad-banner{
background-image: url('/media/2021/02/Podcast-Hero-1.jpg');
background-position: center top;
height:500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
/* the back issues render from the database (Views/Content/Page.cshtml), whose body class
   carries the page id but not the theme's .alrisala / .spiritislam family class */
.alrisala #kad-banner,.page-id-1360 #kad-banner,.page-id-8514 #kad-banner{
background-image: url('/media/2021/02/Al-Risala-Hero.jpg');
background-position: center top;
height:500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.qurantrans #kad-banner{
    background-image: url('/media/2021/02/Quran-Translations-Hero-2.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.spiritislam #kad-banner,.page-id-8564 #kad-banner,.page-id-8590 #kad-banner{
    background-image: url('/media/2021/02/Spirit-of-Islam-hero.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-1718 #kad-banner{
    background-image: url('/media/2021/02/Donate-Image-hero-op-2.jpg');
    background-position: left top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-1502 #kad-banner{
    background-image: url('/media/2021/02/Quran-Commentary-hero-2.jpg');
    background-position: left top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.page-id-1749 #kad-banner{
    background-image: url('/media/2021/02/Audiobooks-hero-op-2.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
.privacy-policy .headerclass{background:#fff}
.page-id-3112 #kad-banner{
    background-image: url('/media/2021/02/Get-Involved-Hero.jpg');
    background-position: center top;
    height: 500px;
background-position-y: 81px;
background-repeat: no-repeat;
}
/* Hero band height on small screens. Every page above pins #kad-banner to a
   fixed 500px, which on a 390x844 phone is ~60% of the first screen before any
   content appears. Shrink the band on the ported resource pages; the page title
   floated onto it is re-centred by the matching block in common.css. */
@media only screen and (max-width:767px){
.page-id-1234 #kad-banner,.page-id-4400 #kad-banner,
.page-id-1534 #kad-banner,.quranforkids #kad-banner,
.page-id-1412 #kad-banner,
.alrisala #kad-banner,
.qurantrans #kad-banner,
.spiritislam #kad-banner,
.page-id-1502 #kad-banner,
.page-id-3112 #kad-banner,.page-id-3093 #kad-banner{height:380px}
}
@media only screen and (max-width:480px){
.page-id-1234 #kad-banner,.page-id-4400 #kad-banner,
.page-id-1534 #kad-banner,.quranforkids #kad-banner,
.page-id-1412 #kad-banner,
.alrisala #kad-banner,
.qurantrans #kad-banner,
.spiritislam #kad-banner,
.page-id-1502 #kad-banner,
.page-id-3112 #kad-banner,.page-id-3093 #kad-banner{height:300px}
}
@media only screen and (min-width: 1296px){
.col-md-4.clearfix.kad-header-left{max-width:250px}
}
@media only screen and (max-width: 1295px){
.col-md-4.clearfix.kad-header-left{width:100%}
#logo{text-align:center;position:initial;margin:10px auto 10px auto;max-width:220px}
#nav-main ul.sf-menu{position:static;float:none !important}
#nav-main{top:-63px}
.page #kad-banner,.single-post #kad-banner{background-position-y:105px}
}
@media only screen and (max-width:991px){
.page #kad-banner,.single-post #kad-banner{background-position-y:88px}
}
@media only screen and (max-width:782px){
button#responsive-menu-button{
    top: 59px !important;
}
@media only screen and (max-width:500px){
#logo{margin: 10px auto 10px 5px;max-width: 150px;}
button#responsive-menu-button{top: 52px !important;}
.page #kad-banner,.single-post #kad-banner{background-position-y:78px}
}
}
button#responsive-menu-button,#responsive-menu-container{
    display: none;
    -webkit-text-size-adjust: 100%;
}
@media screen and (max-width:991px){
#responsive-menu-container{
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99998;
        padding-bottom: 5px;
        margin-bottom: -5px;
        outline: 1px solid transparent;
        overflow-y: auto;
        overflow-x: hidden;
    }
#responsive-menu-container .responsive-menu-search-box{
        width: 100%;
        padding: 0 2%;
        border-radius: 2px;
        height: 50px;
        -webkit-appearance: none;
    }
#responsive-menu-container.push-left,#responsive-menu-container.slide-left{
        transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
    }
.responsive-menu-open #responsive-menu-container.push-left,.responsive-menu-open #responsive-menu-container.slide-left{
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
    }
#responsive-menu-container.push-top,#responsive-menu-container.slide-top{
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
    }
.responsive-menu-open #responsive-menu-container.push-top,.responsive-menu-open #responsive-menu-container.slide-top{
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }
#responsive-menu-container.push-right,#responsive-menu-container.slide-right{
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
    }
.responsive-menu-open #responsive-menu-container.push-right,.responsive-menu-open #responsive-menu-container.slide-right{
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
    }
#responsive-menu-container.push-bottom,#responsive-menu-container.slide-bottom{
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }
.responsive-menu-open #responsive-menu-container.push-bottom,.responsive-menu-open #responsive-menu-container.slide-bottom{
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }
#responsive-menu-container,#responsive-menu-container:before,#responsive-menu-container:after,#responsive-menu-container *,#responsive-menu-container *:before,#responsive-menu-container *:after{
         box-sizing: border-box;
         margin: 0;
         padding: 0;
    }
#responsive-menu-container #responsive-menu-search-box,#responsive-menu-container #responsive-menu-additional-content,#responsive-menu-container #responsive-menu-title{
        padding: 25px 5%;
    }
#responsive-menu-container #responsive-menu,#responsive-menu-container #responsive-menu ul{
        width: 100%;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu{
        display: none;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open{
         display: block;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link{
        padding-left:10%;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link{
        padding-left:15%;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link{
        padding-left:20%;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link{
        padding-left:25%;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link{
        padding-left:30%;
    }
#responsive-menu-container li.responsive-menu-item{
        width: 100%;
        list-style: none;
    }
#responsive-menu-container li.responsive-menu-item a{
        width: 100%;
        display: block;
        text-decoration: none;
        
        position: relative;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a{            padding: 0 5%;    }
#responsive-menu-container .responsive-menu-submenu li.responsive-menu-item a{            padding: 0 5%;    }
#responsive-menu-container li.responsive-menu-item a .fa{
        margin-right: 15px;
    }
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden;
    }
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow  .fa{
        margin-right: 0;
    }
button#responsive-menu-button .responsive-menu-button-icon-inactive{
        display: none;
    }
button#responsive-menu-button{
        z-index: 99999;
        display: none;
        overflow: hidden;
        outline: none;
    }
button#responsive-menu-button img{
        max-width: 100%;
    }
.responsive-menu-label{
        display: inline-block;
        font-weight: 600;
        margin: 0 5px;
        vertical-align: middle;
    }
.responsive-menu-label .responsive-menu-button-text-open{
        display: none;
    }
.responsive-menu-accessible{
        display: inline-block;
    }
.responsive-menu-accessible .responsive-menu-box{
        display: inline-block;
        vertical-align: middle;
    }
.responsive-menu-label.responsive-menu-label-top,.responsive-menu-label.responsive-menu-label-bottom{
        display: block;
        margin: 0 auto;
    }
button#responsive-menu-button{
        padding: 0 0;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
    }
.responsive-menu-box{
        width:25px;
        height:19px;
        display: inline-block;
        position: relative;
    }
.responsive-menu-inner{
        display: block;
        top: 50%;
        margin-top:-1.5px;
    }
.responsive-menu-inner,.responsive-menu-inner::before,.responsive-menu-inner::after{
         width:25px;
         height:3px;
         background-color:#ffffff;
         border-radius: 4px;
         position: absolute;
         transition-property: transform;
         transition-duration: 0.15s;
         transition-timing-function: ease;
    }
.responsive-menu-open .responsive-menu-inner,.responsive-menu-open .responsive-menu-inner::before,.responsive-menu-open .responsive-menu-inner::after{
        background-color:#ffffff;
    }
button#responsive-menu-button:hover .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-inner::after,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after{
        background-color:#ffffff;
    }
.responsive-menu-inner::before,.responsive-menu-inner::after{
         content: "";
         display: block;
    }
.responsive-menu-inner::before{
         top:-8px;
    }
.responsive-menu-inner::after{
         bottom:-8px;
    }
.responsive-menu-boring .responsive-menu-inner,.responsive-menu-boring .responsive-menu-inner::before,.responsive-menu-boring .responsive-menu-inner::after{
    transition-property: none;
}
.responsive-menu-boring.is-active .responsive-menu-inner{
    transform: rotate(45deg);
}
.responsive-menu-boring.is-active .responsive-menu-inner::before{
    top: 0;
    opacity: 0;
}
.responsive-menu-boring.is-active .responsive-menu-inner::after{
    bottom: 0;
    transform: rotate(-90deg);
}
button#responsive-menu-button{
        width:55px;
        height:55px;
        position:fixed;
        top:15px;right:5%;            background:#000000    }
.responsive-menu-open button#responsive-menu-button{
            background:#000000
        }
.responsive-menu-open button#responsive-menu-button:hover,.responsive-menu-open button#responsive-menu-button:focus,button#responsive-menu-button:hover,button#responsive-menu-button:focus{
            background:#000000
        }
button#responsive-menu-button .responsive-menu-box{
        color:#ffffff;
    }
.responsive-menu-open button#responsive-menu-button .responsive-menu-box{
        color:#ffffff;
    }
.responsive-menu-label{
        color:#ffffff;
        font-size:14px;
        line-height:13px;    }
button#responsive-menu-button{
        display: inline-block;
        transition: transform 0.5s, background-color 0.5s;
    }
#responsive-menu-container{
        width:75%;left: 0;
        transition: transform 0.5s;
        text-align:left;            background:#212121;    }
#responsive-menu-container #responsive-menu-wrapper{
        background:#212121;
    }
#responsive-menu-container #responsive-menu-additional-content{
        color:#ffffff;
    }
#responsive-menu-container .responsive-menu-search-box{
        background:#ffffff;
        border: 2px solid #dadada;
        color:#333333;
    }
#responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder{
        color:#c7c7cd;
    }
#responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder{
        color:#c7c7cd;
    }
#responsive-menu-container .responsive-menu-search-box:-moz-placeholder{
        color:#c7c7cd;
        opacity: 1;
    }
#responsive-menu-container .responsive-menu-search-box::-moz-placeholder{
        color:#c7c7cd;
        opacity: 1;
    }
#responsive-menu-container .responsive-menu-item-link,#responsive-menu-container #responsive-menu-title,#responsive-menu-container .responsive-menu-subarrow{
        transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    }
#responsive-menu-container #responsive-menu-title{
        background-color:#212121;
        color:#ffffff;
        font-size:13px;
        text-align:left;
    }
#responsive-menu-container #responsive-menu-title a{
        color:#ffffff;
        font-size:13px;
        text-decoration: none;
    }
#responsive-menu-container #responsive-menu-title a:hover{
        color:#ffffff;
    }
#responsive-menu-container #responsive-menu-title:hover{
        background-color:#212121;
        color:#ffffff;
    }
#responsive-menu-container #responsive-menu-title:hover a{
        color:#ffffff;
    }
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image{
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        margin-bottom: 15px;
    }
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img{        max-width: 100%;
    }
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a{
        border-top:1px solid #212121;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{
        font-size:13px;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a{
        line-height:40px;
        border-bottom:1px solid #212121;
        color:#ffffff;
        background-color:#212121;            height:40px;    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover{
        color:#ffffff;
        background-color:#3f3f3f;
        border-color:#212121;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow{
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active{
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{right: 0;
        height:39px;
        line-height:39px;
        width:40px;
        color:#ffffff;        border-left:1px solid #212121;
        background-color:#212121;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active{
        color:#ffffff;
        border-color:#212121;
        background-color:#212121;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover{
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover{
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link{
        background-color:#212121;
        color:#ffffff;
        border-color:#212121;
    }
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover{
        background-color:#3f3f3f;
        color:#ffffff;
        border-color:#3f3f3f;
    }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link{            font-size:13px;
            text-align:left;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{                height:40px;            line-height:40px;
            border-bottom:1px solid #212121;
            color:#ffffff;
            background-color:#212121;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover{
            color:#ffffff;
            background-color:#3f3f3f;
            border-color:#212121;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow{
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active{
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow{                left:unset;
                right:0;            height:39px;
            line-height:39px;
            width:40px;
            color:#ffffff;                border-left:1px solid #212121  !important;
                border-right:unset  !important;            background-color:#212121;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active{
            color:#ffffff;
            border-color:#212121;
            background-color:#212121;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover{
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover{
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link{
            background-color:#212121;
            color:#ffffff;
            border-color:#212121;
        }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover{
            background-color:#3f3f3f;
            color:#ffffff;
            border-color:#3f3f3f;
        }
}
header #logo a.brand,.logofont{font-family:Lato;line-height:40px;font-weight:400;font-style:normal;color:#ffffff;font-size:32px;}
#nav-main ul.sf-menu a,.nav-main ul.sf-menu a{font-family:Lato;line-height:18px;font-weight:400;font-style:normal;color:#191919;font-size:15px;}
#nav-second ul.sf-menu a{font-family:Lato;line-height:22px;font-weight:400;font-style:normal;font-size:18px;}
#nav-main ul.sf-menu ul li a,#nav-second ul.sf-menu ul li a,.nav-main ul.sf-menu ul li a{line-height:inheritpx;font-size:14px;}