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: rgba(87, 130, 132, 1) !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;
    }
.LoggedOut .LoggedOut {
    display: none;
}

.LoggedIn header .LoggedIn {
    display: none;
}

.ShellMainContent > .Center {
    max-width: 1220px;
    margin: 0 auto;
    padding-right: 5px;
    padding-left: 5px;
    min-height: 500px;
}

.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 5px;
    clear:both;
    width:100%;
}
/*Header*/
header{
    background-image:linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)),url(/Static/images/headerBg.png);
    background-size:cover;
    padding-top:30px;
    margin-bottom:15px;
    height: 400px;
}

.HeaderTop {
    color: #000;
    display: inline-block;
    width: 100%;
    padding:15px 0;
}
ul.TopLeft {
    float: left;
}

    ul.TopLeft li a{
        color:#FFF;
    }
.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: 350px;
        background-color: #FFF;
        display: inline-block;
        position: relative
    }

    .HeaderTop .ShellSearch input.SearchTextBox {
        float: left;
        height: 30px;
        clear: right;
        width: 100%;
        margin-right: 0;
        border: none;
        display: inline-block;
        color:#000;
        border: solid 1px #CCC;
        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, span.CartItemCount{
    display: none !important;
}

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

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

.SearchControls .SearchButton img {
    width: 100%;
    max-width: 20px
}
    ul.TopRight {
        clear: right;
        float: right;
    }
ul.TopRight li{
}
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:#29629e;
    }
    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:#29629e;
        border-color:#FFF;
    }
    .HeaderContent {
        width: 100%;
        display: inline-block;
    }

.DropDown.Large ul.topnav .subnav {
    margin-top: 50px;
    width: 200px;
    background-color: #f0f1f0;
}
.DropDown.Large ul.topnav{
    height:50px;
    margin-bottom:20px;
}
.DropDown nav ul li a {
    padding: 15px 30px;
    font-size: 16px;
    color: #FFF;
    text-transform:uppercase;
    font-weight:600;
}
.DropDown.Small ul.topnav div.icon-menu {
    display: block;
    margin: 10px;
    margin-left: 0;
    font-size:20px;
}
    .DropDown.Large nav ul li a:hover {
       color: #578284;
    }
    .Logo {
        float: left;
        max-width: 350px;
        width:100%;
        padding-left:5px;
    }
.DropDown.Large .subnav li a {
    width: 100%;
}

.DropDown.Large .subnav li {
    width: 100%;
}
.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:#29629e;
}
/* 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: #29629e !important;
        height: 1px;
    }

   

.Large nav.fill ul li a {
    transition: all 2s;
}

    .Large nav.fill ul li a:after {
        text-align: left;
        content: '.';
        margin: 0;
        opacity: 0;
    }

    .Large nav.fill ul li a:hover {
        color: #fff !important;
        z-index: 1;
    }

        .Large nav.fill ul li a:hover:after {
            z-index: -10;
            animation: fill 1s forwards;
            -webkit-animation: fill 1s forwards;
            -moz-animation: fill 1s forwards;
            opacity: 1;
        }
@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }

    50% {
        width: 100%;
        height: 1px;
    }

    100% {
        width: 100%;
        height: 100%;
        background: #333;
    }
}
    /*Banner*/
   

        /*Footer*/
        .ShellFooter {
            color: #FFF;
            width: 100%;
            float: left;
            clear: both;
            margin-top: 30px;
            background-color:#29629e;
            padding:30px 0;
        }



.CompInfo.Center {
    padding-top: 10px;
    text-align:center;
}
.CompInfo .Block ul li {
    text-align: left;
    display: block;
    color: #FFF;
    padding: 10px 0px;
}
    .CompInfo .Block {
        padding: 20px 0;
        font-size:14px; 
    }
.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*/

.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;
    background-color: #29629e;
    color: #FFF;
}
   
.DropDown.Small ul.topnav li > a {
    color: #000;
    padding: 10px;
}
.HeaderTop li.MobileSearch {
    display:none;
}
/*.DropDown.Small ul.topnav li > a:hover {
        background-color:#FFF;
        color:#000;
    }*/
@media (max-width: 1200px) {
    .DropDown.Large nav ul li a {
                padding: 15px 15px;
            }

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

        @media (max-width: 991px) {

        }

@media (max-width: 918px) {
    .HeaderTop .ShellSearch {
    }

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

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

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

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

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

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

    header {
        height: 200px;
    }

}
.ShellNavigation{
    padding-left:5px;
}
/*sidebar*/
.ShellSideBar {
    float: left;
    background-color: #444548;
    margin-right: 15px;
    width: 220px;
    padding: 20px 0;
}

    .ShellSideBar ul li {
        width: 100%;
    }

        .ShellSideBar ul li a {
            padding: 5px 0;
            display: block;
            padding: 8px 15px;
            color: #FFF;
            text-transform: uppercase;
            font-weight: 600;
        }

            .ShellSideBar ul li a:hover {
                color:#FFF;
                text-decoration:none;
                background-color: #35629d;
            }

    .ShellSideBar > ul > li > ul {
        display: none;
        position: absolute;
        left: 220px;
        background-color: #444548;
        width: 220px;
        top: 0;
        z-index: 1;
    }

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

        .ShellSideBar > 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;
        }

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

.ShellStoreMainContent, div#ctl00_Store_content_Store_content, .Center > .Info {
    float: left;
    width: 79%;
    line-height: normal;
    padding-top: 10px;
}
@media (max-width: 1150px) {
    .ShellSideBar{
        width:190px;

    }
        .ShellSideBar > ul > li > ul{
            width:200px;
            left:190px;
        }

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

    .ShellSideBar {
        display: none;
    }
    .ShellStoreMainContent, div#ctl00_Store_content_Store_content, .Center > .Info{
        width: 100%;
    }
}

    @media (max-width: 700px) {
        .Logo {
            float: none;
            padding-bottom: 10px;
            max-width: 250px;
        }

        ul.TopRight {
            width: 100%;
        }

        .DropDown.Small .MenuButton span {
            padding: 5px 8px;
        }

        ul .TopRight li {
            margin: 0 5px;
            padding: 2px 0px;
            margin-top: -8px;
        }

        .DropDown.Small .MenuButton {
            margin: 35px 10px 0px;
            font-size: 20px;
        }

        ul.TopLeft, ul.TopRight {
            /*width: 100%;
        float: none;
        text-align: center;
        margin: 0 auto;*/
        }

        header {
            padding-top: 5px;
        }

        ul.TopRight {
            margin-right: 0;
        }
    }

    @media (max-width: 400px) {
    }
    /*Store changes*/
   
    /*Folder Changes*/
    .ShellTemplate > a article, .ShellTemplate > article {
        padding: 0;
        border: none;
    }