@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300&display=swap");

.SaleIcon {
    display: none;
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    line-height: normal;
}
/** {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}*/
.btn-default, .btn-primary {
    background-color: hsl(44.59deg 91.74% 52.55%) !important;
    border-color: transparent !important;
    color: #FFF !important;
    transition: color 0.4s ease 0s !important;
}

    .btn-default:hover, .btn-primary:hover {
        background-color: rgba(98, 96, 88, 0.9) !important;
        border-color: rgba(98, 96, 88, 0.9) !important;
    }


/*START Create new account btn style*/
.CreateAccountNav {
	padding-top: 10px;
	color: #11507b;
}

	.CreateAccountNav a {
		color: #11507b;
	}
/*END Create new account btn*/


.LoggedOut .LoggedOut {
    display: none;
}

.LoggedIn header .LoggedIn {
    display: none;
}
.TopRight .login-logout-link {
    color: hsl(44.59deg 91.74% 52.55%) !important;
}

.ShellMainContent > .Center {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: 700px;
    position: relative;
    float: left;
    clear: both;
}

.Content.col-sm-12.col-md-6.col-lg-9.row {
    margin-right: 0;
    margin-left: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul li {
        list-style: none;
        display: inline-block;
    }

.Center {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    clear: both;
    width: 100%;
}
/*Header*/
header {
    background-size: cover;
    margin-bottom: 15px;
    background-color: rgb(35 42 46);
}

.HeaderTop {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 25px 0;
}

    .HeaderTop .Center {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .HeaderTop .ShellSearch {
        float: left;
        margin-right: 12px;
    }

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    max-width: 350px;
}

.HeaderTop .ShellSearch .SearchControls {
    width: 600px;
    background-color: #FFF;
    display: inline-block;
    position: relative
}

.HeaderTop .ShellSearch input.SearchTextBox {
    float: left;
    height: 40px;
    clear: right;
    width: 100%;
    margin-right: 0;
    border: none;
    display: inline-block;
    color: #000;
    background-color: #efefef;
    border: solid 1px #efefef;
    padding-left: 10px;
}

.HeaderTop .ShellSearch input#search::placeholder {
    text-transform: unset !important;
    color: #222;
    font-style: normal;
    font-size: 14px;
    margin-right: 10px;
}

input#HeaderSearchButton {
    display: none !important;
}

.HeaderTop .SearchControls .SearchButton {
    height: 40px;
    width: 40px;
    float: right;
    clear: right;
    display: table;
    color: #fff;
    margin: -40px 0px 0px 0px;
    z-index: 2;
    position: relative;
    background-color: #11507b;
}

.SearchControls .SearchButton:hover {
    cursor: pointer;
    opacity: .6
}

.SearchControls .SearchButton img {
    width: 100%;
    max-width: 20px
}

ul.TopRight {
    clear: right;
    float: right;
}

.TopRight li a img {
    width: 35px;
}

.cart-icon{
    position: relative;
}

    .cart-icon::before {
        font-size: 23px;
        position: absolute;
        top: -9px;
        left: 4px;
        color: hsl(44.59deg 91.74% 52.55%) !important;
    }

span.CartItemCount {
    position: absolute;
    display: flex;
    text-align: center;
    margin-top: -32px;
    margin-left: 7px;
    padding: 2px 5px;
    border-radius: 15px;
    color: hsl(44.59deg 91.74% 52.55%) !important;
}

ul.TopRight li.TopCart {
    border-right: none;
}

ul.TopRight li a {
    color: #FFF;
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 6px 10px;
}

ul.TopRight li:hover {
    background-color: #11507b;
}

ul.TopRight li a {
}

ul.TopRight li:hover a {
    text-decoration: unset;
}

ul.TopRight li img {
    float: none;
    clear: both;
    max-width: 26px;
    margin: 2px;
}

.btn-link {
    padding: 10px 25px;
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: 50px;
    display: inline-block !important;
}

    .btn-link:hover {
        background-color: #FFF;
        color: #11507b;
        border-color: #FFF;
    }

.HeaderContent {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    width: 100%;
}

nav.fill {
    position: relative;
}

.DropDown.Large .subnav {
    width: 100%;
    background-color: #f0f1f0;
    margin-top: -5px;
}
li.item.HasSubnav.Active .subnav.CLONED {
    background-color: #FFF;
}

    .DropDown.Large .subnav .SubnavWrap {
        padding: 10px;
    }

    .DropDown.Large .subnav li a {
        padding: 0;
    }

    .DropDown.Large .subnav .SubnavWrap > ul {
        -webkit-column-width: 314px !important;
        -moz-column-width: 314px !important;
        column-width: 314px !important;
        width: 100%;
    }

.ShellHeader .DropDown nav ul li a {
    padding: 15px 30px;
    font-size: 16px;
    color: #5a5a5c;
    text-transform: uppercase;
    font-weight: 600;
}

.ShellHeader .DropDown.Small ul.topnav div.icon-menu {
    display: block;
    margin: 10px;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 20px;
}

.DropDown.Large nav ul li a:hover {
    color: #578284;
}

.Logo {
    float: left;
    max-width: 210px;
    width: 100%;
    padding-left: 5px;
}

.DropDown.Large .subnav li a {
    width: 100%;
    font-family: 'Barlow', sans-serif;
    color: #54595f;
}

.DropDown.Large .subnav li {
    width: 100%;
}

.topnav a {
    font-family: 'Barlow', sans-serif;
}

.ShellHeader .topnav a {
    color: hsl(44.59deg 91.74% 52.55%) !important;
}

.Logo img {
    width: 100%;
}

.SectionTitle {
    margin: 40px 0;
}

    .SectionTitle h1 {
        text-transform: uppercase;
        color: #ff0000;
        font-weight: bold;
        text-align: center;
        font-size: 25px;
    }

    .SectionTitle:after {
        content: " ";
        border-bottom: 5px solid #3d441f;
        width: 150px;
        display: block;
        margin: 0 auto;
    }

.DropDown ul.topnav {
    width: 100%;
    text-align: center;
}

    .DropDown ul.topnav li {
        float: unset !important;
    }
/*Navigation hover Effect*/
nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all .5s;
}

    nav ul li a:hover {
        color: #555;
    }

.DropDown.Large nav ul li ul.subnav li a {
    color: #11507b;
}
/* stroke */
.Large nav.fill ul li a {
    position: relative;
}


    .Large nav.fill ul li a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #11507b !important;
        height: 1px;
    }


    .Large nav.fill ul li a:hover, li.HasSubnav.Expanded > a {
        color: white !important;
    }
/*Banner*/

/*Login Page style*/
.ShellStoreMainContent.login {
    width: 100% !important;
}
/*Login Page Style*/
/*Shell Main*/
.ShellMain {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/*Shell Main*/
/*Footer*/
.ShellFooter {
    color: #FFF;
    width: 100%;
    float: left;
    clear: both;
    margin-top: auto;
    background-color: rgb(35 42 46);
    padding: 15px 0;
}

section.footer-social a {
    background-color: #222;
    margin: 0 5px;
    padding: 5px;
    border-radius: 50px;
    height: 34px;
    display: inline-block;
    font-size: 20px;
}

section.footer-social {
    text-align: right;
}

    section.footer-social svg {
        fill: #FFF;
        padding: 3px;
    }

.CompInfo.Center {
    text-align: center;
}

.CompInfo .Block ul li {
    text-align: left;
    display: block;
    color: #FFF;
    padding: 10px 0px;
}

.CompInfo .Block {
    padding: 15px 0;
    font-size: 14px;
    text-align: left;
}

    .CompInfo .Block ul li .btn {
        display: inline-block;
        margin-top: 5px;
    }

    .CompInfo .Block ul li a {
        color: #FFF;
    }

    .CompInfo .Block i.fa {
        background-color: #949494;
        color: #FFF;
        padding: 5px;
        width: 35px;
        height: 35px;
        border-radius: 40px !important;
        font-size: 23px;
        margin: 2px;
        margin-top: 5px;
    }

.Text-Info.col-lg-12 {
    background-color: #fafafa;
    color: #949494;
    padding: 20px 0;
    margin-top: 20px;
    text-align: center;
    line-height: 1.6;
}

.footerBottom .Left {
    float: left;
}

.footerBottom .Right {
    clear: right;
    float: right;
}

    .footerBottom .Right ul li {
        padding: 0 2px;
        margin: 0;
        padding-right: 4px;
    }

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.CompInfo .Join h1 {
    color: #415454;
    text-align: right;
}

.Join a.btn.btn-default {
    display: initial;
    float: right;
    clear: right;
    padding: 7px 17px;
}

.Footer-Logo img {
    max-width: 300px;
    width: 100%;
}
/*Responsive*/
.subnav ul li a {
    text-transform: unset !important;
    font-weight: unset !important;
}

.DropDown .subnav ul li a img {
    max-width: 70px;
    padding: 5px;
    border-radius: 100px;
    margin-right: 10px;
}

.DropDown.Small .subnav ul li a img {
    max-width: 30px;
    margin-right: 0;
}

.DropDown.Small .MenuButton {
    float: right;
    margin: 20px 20px 0px;
    font-size: 25px;
}

.DropDown.Small .MenuButton {
    position: absolute;
    top: 0px;
    right: 0;
}

.DropDown.Small ul.topnav {
}

.DropDown.Small .MenuButton span {
    padding: 8px;
    color: #11507b;
}

.eaglelink {
    width: 100%;
    float: right;
    text-align: left;
}

    .eaglelink a {
    }

.ShellHeader .DropDown.Small ul.topnav li > a {
    padding: 5px;
}

.HeaderTop li.MobileSearch {
    display: none;
}
/*.DropDown.Small ul.topnav li > a:hover {
        background-color:#FFF;
        color:#000;
    }*/
/*sidebar*/
.CustomSideBarContent {

}
    .CustomSideBarContent .sidebarnav, .CustomSideBarContent .sidebarnav > ul.subnav {
        display: block !important;
        width:100%;
    }
        .CustomSideBarContent .sidebarnav .Expand.icon-menu {
            display: block;
            padding: 5px 10px;
            position: absolute;
            right: 0;
            width: 100%;
            text-align: right;
            height: 35px;
        }
    .CustomSideBarContent ul.topnav li.HasSubnav > a {
        width:100%;
    }
    .CustomSideBarContent .sidebarnav .Expand.icon-menu::before {
        /*content: "\f107";*/
        content: '';
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate( -45deg );
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate( -45deg );
        width: 10px;
        height: 10px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    .CustomSideBarContent .DropDown ul.topnav{
        z-index: 2 !important;
    }
    .CustomSideBarContent .sidebarnav .subnav .item.HasSubnav.Active .item.Active {
        color: #11507b;
    }


    .CustomSideBarContent .sidebarnav .Expand.icon-menu:hover::before, .CustomSideBarContent .sidebarnav li.item.HasSubnav.Active {
        color: #11507b !important;
    } 
        .CustomSideBarContent .sidebarnav .Expand.icon-menu:hover{
            opacity:1 !important;

        }
            .CustomSideBarContent .sidebarnav .Expand.icon-menu:hover::before, .CustomSideBarContent .sidebarnav .Expand.icon-menu a {
                border-color: #11507b;
            }
            .CustomSideBarContent .sidebarnav > .subnav > .item > a {
                border-bottom: 1px solid #222;
                width: 100% !important;
                -o-transition: all .25s ease;
                transition: all .25s ease;
            }
    .CustomSideBarContent .sidebarnav .subnav .open .Expand.icon-menu::before {
        /* content: "\f106";*/
        -o-transition: all .25s ease;
        transition: all .25s ease;
        margin-top: 3px;
        border-color: #11507b;
        -webkit-transform: translate(-50%, -50%) rotate( -225deg );
        -ms-transform: translate(-50%, -50%) rotate(-225deg);
        transform: translate(-50%, -50%) rotate( -225deg );
    }

        .CustomSideBarContent ul li {
            width: 100%;
        }

        .CustomSideBarContent ul li a {
            color: #222222;
            padding: 5px 0;
            display: block;
            padding: 8px 15px;
            font-size:18px;
        }

            .CustomSideBarContent ul li:hover > a, .subnav .open >a {
                color: #11507b;
                text-decoration: none;
            }

    .CustomSideBarContent > ul > li > ul {
        display: none;
        position: absolute;
        left: 195px;
        background-color: #222222;
        width: 195px;
        top: 0;
    }

    .CustomSideBarContent > ul > li {
        position: relative;
    }

        .CustomSideBarContent > ul > li.hassub::after {
            font-family: "FontAwesome";
            content: "\f105";
            padding: 0 3px;
            vertical-align: middle;
            font-size: 90%;
            opacity: .9;
            position: absolute;
            top: 10px;
            right: 5px;
        }

        .CustomSideBarContent > ul > li:hover > ul {
            display: block;
        }

.ShellStoreMainContent, div#ctl00_Store_content_Store_content, .Center > .Info {
    width: calc(100% - 320px);
    padding-right: 5px;
    float: right;
}
    .ShellStoreMainContent.myaccount.LoggedIn, .ShellStoreMainContent.accountcontactus.LoggedIn {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 0px !important;
    }

    .ShellStoreMainContent.cart.LoggedIn {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 0px !important;
    }

.DropDown.Small ul.topnav {
    background-color: rgb(35, 42, 46);
}

.SideBarShowHide span i {
    padding: 15px;
    background-color: #11507b;
    color: #FFF;
    font-size: 20px;
    margin-top: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
    .SideBarShowHide span i:hover{
        cursor:pointer;
    }
.SideBarShowHide.open{
    margin-left:250px;
}
.SideBarShowHide{
    display:none;
}
.SideBarShowHide.open span i {
    transform: rotate(180deg);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ShellStoreMainContent.grid1 .ShellImages.SingleImage{
    display: none;
}

@media (max-width: 1200px) {
    .DropDown.Large nav ul li a {
        padding: 15px 15px;
    }

    .HeaderTop .ShellSearch .SearchControls {
        width: 250px;
    }
}

@media (min-width: 1011px) {
    .CustomSideBarContent{
        display:block !important;
    }
    .ShellSideBar{
        float: left;
        background-color: #FFF;
        margin-right: 15px;
        width: 300px;
        padding: 20px 5px;
        bottom: 0;
        top: 0;
    }
}
    @media (max-width: 1011px) {
        .SideBarShowHide {
            display: inline-block;
        }

            .SideBarShowHide span i {
                display: block;
            }

        .CustomSideBarContent {
            background-color: #FFF;
            display: none;
            -o-transition: all .25s ease;
            position: absolute;
            transition: all .25s ease;
            width: 290px;
            z-index:1000;
        }
        .CustomSideBarContent > ul > li > ul {
            z-index: 1;
        }

        .ShellStoreMainContent, div#ctl00_Store_content_Store_content, .Center > .Info {
            width: 100%;
            margin-left: 5px;
        }
    }



@media (max-width: 991px) {
}

@media (max-width: 918px) {
    .ShellHeader{
        /*max-height: 110px;*/
    }
    .HeaderTop .ShellSearch {
    }

        .HeaderTop .ShellSearch .SearchControls {
            width: 100%;
        }

    .HeaderTop {
        border-bottom: 1px solid #949494;
    }

    .DropDown.Small .MenuButton {
        float: right;
        margin: 25px 15px 0px 0px;
        font-size: 30px;
    }

    .HeaderTop .ShellSearch input.SearchTextBox {
        -webkit-appearance: none !important;
        box-shadow: none !important;
    }

    ul.TopLeft {
        padding-top: 5px;
    }

    ul.TopRight {
        margin-right: 60px;
    }
}

.ShellNavigation {
    padding-left: 5px;
}

    .ShellNavigation > span, .footer-copyright {
        font-family: 'Barlow', sans-serif;
    }

.TemplateTitle {
    color: #54595f;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 1150px) {
    .TopRight {
        margin-right: 50px;
    }
}

@media (max-width: 1011px) {
    .ShellStoreMainContent, div#ctl00_Store_content_Store_content, .Center > .Info {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .HeaderTop .Center {
        flex-direction: column;
    }

    .DropDown.Small .MenuButton {
        margin: 65px 15px 0px 0px;
    }

    .Logo {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .TopRight {
        padding: 15px 0;
        float: right;
        margin-top: 25px;
        margin-right: 0;
    }

    .TopLeft {
        padding: 15px 0;
        width: 100%;
        display: grid;
    }
    .ShellDetail{
        margin-left: 10px;
    }
}

@media (min-width: 500px) {
    /*Custom for item all fancybox of this site*/
    .fancybox-outer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        max-width: 500px !important;
        max-height: 500px !important;
    }

    .fancybox-skin {
        width: 530px !important;
        height: 530px !important;
        margin: 0 auto;
    }

    .fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
        width: 530px !important;
        height: 530px !important;
    }

    .fancybox-image {
        max-width: 500px;
        max-height: 500px;
    }

    .fancybox-inner {
        max-width: 500px;
        max-height: 500px;
    }
}

@media (max-width: 435px) {
    .ShellHeader {
        /*max-height: 160px;*/
    }
}

    .ShellStoreMainContent article:hover .TemplateDescription, .ShellStoreMainContent article:hover .ShellSaveLater, .ShellStoreMainContent article:hover .TemplateLink {
        display: none !important;
        transition: unset;
    }

.ShellMainContent{
    padding-left: 25px;
    padding-right: 25px;
}

.ProductAttributesLabel {
    text-transform: capitalize;
}

.TemplateAddToCart{
display: block;
}

.ShellStoreMainContent .TemplatePrice {
    position: unset !important;
    margin: 5px 0;
    bottom: unset;
}

.EditAccountInfoDiv{
    display: none;
}

.ShellImages .PhotoGallery{
    display: none;
}

.ShellImages .ExpandText{
    display: none;
}


.ShellStoreMainContent.accountcontactus.LoggedIn .ShellCaptcha {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  width: 100%;
}

.captchaText {
    margin-top: 0rem;
}

#ctl00_Store_content_RadCaptcha_SpamProtectorPanel > p{
  display: flex;
  flex-direction: column-reverse;
}