/* user.css ----------------------------------------------------------------- */


/*#46494D*/

.navbar-inverse {
    background-color: #ffffff!important;
    border-top: 1px solid #ccc;
    border-bottom: 60px solid #004990;
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}


@font-face {
    font-family: 'Univers Bold Condensed';
    font-weight: 700;
    src: url('ext/fonts/2B816F_4_0.woff2');
}
@font-face {
    font-family: universalCondensed;
    src: url('ext/fonts/2B816F_2_0.woff2');
}

@font-face {
    font-family: universalThinCondensed;
    src: url('ext/fonts/UniversLTStd-ThinUltraCn.otf');
}

@font-face {
    font-family: 'source_sans_prosemibold';
    font-style: normal;
    font-weight: bold;
    src: url('ext/fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
    url('ext/fonts/sourcesanspro-semibold-webfont.woff') format('woff');
}




@media (min-width: 768px)
bootstrap.min.css:5
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: -15px!important;
    }

    h4, h5, h6,
    h1, h2, h3 {margin-top: 0;}
    ul, ol {margin: 0;}
    p {margin: 0;}
    html, body{
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 300;
        background: #fff;
    }

    body a{
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }
    .header_top{
        background: #FFF;
    }
    .logo{
        float:left;
        margin-top:10px;
        margin-bottom: 22px;
    }
    ul.shopping_grid{
        padding:0;
        margin:0;
        list-style:none;
        float:right;
    }
    ul.shopping_grid li{
        float: left;
        padding: 6px 20px 0;
        margin-top: 0px;
        /*border-right: 1px solid #f7f7f7;*/
        /*text-transform:uppercase;*/
        font: 300 14px/14px 'Roboto', sans-serif;
        /*min-height: 50px;*/
        /*color:#FFFFFF;*/
    }

    ul.shopping_grid a{
        color:#666!important;
        font-weight: 200;
    }

    ul.shopping_grid a:hover{
        color:#ffffff;
    }

    ul.shopping_grid li img{
        margin-top: -4px;
    }
    ul.shopping_grid a li:hover {
        color: #8CC1E1;
    }
    ul.shopping_grid li:hover span.m_1{
        color: #191919;
    }
    span.m_1{
        color: #CC2D30;
    }
    /* start h_menu */
    .header_bottom_right{
        float:right;
        width:53%;
    }
    .h_menu4{
        background: #191919;
        padding: 0; /* Nav Padding */
    }

    .toggleMenu {
        display: none;
        background: #CC2D30;
        width: 100%;
        color: #FFF;
        font-size: 1.5em;
    }
    .nav {
        list-style: none;
        *zoom: 1;
        margin: 0 auto;
    }
    .nav:before,
    .nav:after {
        content: " ";
        display: table;
    }
    .nav:after {
        clear: both;
    }
    .nav ul {
        list-style: none;
        z-index:888;
    }
    .nav li a {
        display: block;
        margin:0px 15px;
        color: #666;
        font: 400 14px/14px 'Roboto', sans-serif; /* Nav text */
        /*text-transform:uppercase;*/
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        text-decoration: none;
        padding: 17.5px;
    }

    .nav > li:nth-child(1){
        margin:0
    }

    .nav > li:nth-child(6){
        float: right;
    }
    .nav li a:hover {
        color: #000000;
    }

    .nav li {
        position: relative;
        vertical-align: middle;
    }
    .nav > li {
        float:left;
    }
    .nav > li > li > a{
        font-size: 0.85em;
        padding: 10px 20px;
        display: block;
        color: white;
        background: #fff;
        position: relative;
        z-index: 9999;
        font-weight: normal;
        width: 100%;
        text-decoration: none;
        margin: 0;
        text-transform: lowercase;
    }
    .nav li li {
        border-top:none;
    }
    .nav li li:hover{
        border-top:none;
    }
    .nav li li a{
        text-transform: capitalize;
        font-size:0.85em;
        border-top: 1px solid #e8ebf1;
        border-left: 1px solid #e8ebf1;
        border-right: 1px solid #e8ebf1;

        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: all 0 ease-out;
        transition: none;
    }
    .nav li li a:hover{
        color: #191919;
    }

    .nav > li >  ul {
        position: absolute;
        left: -9999px;
        padding: 0;
        z-index: 9999;
        background: #fff;
    }
    #submenu {
        position: absolute;
        z-index: 500;
        background: rgba(70, 73, 77, 0.9);
        visibility: hidden;
        width: 400px;
    }

    #submenu ul {
        display: inline-block;
        vertical-align: top;
    }

    #submenu a {
        padding: 15px;
        border: none;
    }

    /*
    #dropcalendar {
        background: rgba(255, 255, 255, 0.9);
        color: #CC2d30;
    }
    *.

    /* Optional orders under submenu a
    #submenu a {
        padding: 15px;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        -webkit-background-clip: padding-box; /* for Safari
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome
    }

    #submenu ul li:last-of-type a {
        border: none;
    }
    */
    #submenu a:hover {
        color: #ffffff;
        font-weight: bold;
    }

    .nav li:hover #submenu {
        visibility: visible;
    }

    .navarrow {
        font: 400 14px/14px 'Arial', sans-serif; /* Nav text */
    }

    .arrow-img {
        margin-left: 10px;
    }

    img.umbrella {
        visibility: hidden;
    }

    .menu li a:hover img.umbrella {
        visibility: visible;
    }




    /* ADDED STYLES */


    /* HOME PAGE */

    .content_right > .top_grid1, .content_right main {
        margin-left: 2em
    }

    .content_right {
        text-align: center;
    }

    main {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }

    main table {
        -webkit-border-horizontal-spacing: 8px;
        -webkit-border-vertical-spacing: 8px;
    }

    main ul {
        list-style-type: disc;
    }

    .imageBlock {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2em
    }

    .imageBlock > a {
        display: inline-block;
        background: #CC2D30;
        padding: 10px 15px;
        height: 170px;
    }

    .doubleImg > a {
        width: 48.5%;
    }

    .tripleImg > a {
        width: 31%;
    }

    .singleImg > a {
        width: 100%;
    }


    .textOverlay {
        color: white;
        margin-top: 100px;
    }

    .textOverlay span {
        display: block;
    }

    .textOverlay .title {
        font-size: 1.3em;
        font-weight: bold;
    }





    .imgContainer {
        display: inline-block;
        margin-top: 15px;
        width: 55%;
        height: 75px;
    }





    /* Global Stuff */

    /*::selection {
        color: white;
        !*background: #cc2d30;*!
    }*/

    ::-moz-selection {
        color: white;
        /*background: #cc2d30;*/
    }

    #topLink {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
        padding: 0.5rem;
        font-size: 0.7rem;
    }

    #topLink .fa-circle {
        color: #CC2D30;
    }

    #topLink .fa-arrow-up {
        color: white;
    }


    #topLink:hover .fa-circle {
        color: white;
    }

    #topLink:hover .fa-arrow-up {
        color: #CC2D30;
    }


    /* Custom Orders Page */

    .customspan {
        display: block;
    }

    #customdiv {
        text-align: left;
        margin-bottom: 2em;
    }

    #customdiv ol{
        margin-left: 3em;
    }

    #customdiv a {
        color: #CC2D30 !important;
        text-decoration: underline !important;
    }

    /*
    #customdiv {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #customdiv > div {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 1em 0;
        padding: 0.3em;
    }

    #customdiv > div:first-of-type {
        margin-top: 2em;
    }

    #customdiv div div {
        width: 50%;
    }

    #customdiv p {
        text-align: left;
    }

    #customdiv h4 {
        text-align: left;
        color: #CC2D30;
        font-weight: bold;
    }

    #customdiv img {
        border: 1px solid #DADBDB;
    }

    #customdiv span {
        display: block;
        color: #CC2D30;
    }
    */
    .customspan:first-of-type {
        margin: 0.5em auto;
    }

    #adminLink {
        display: inline-block;
        width: 8.5em;
        text-align: left;
        margin-left: 1em;
        padding: 5px;
        border: 1px solid gray;
        border-radius: 5px;
    }

    #adminLink:hover {
        border: 1px solid #CC2D30;
    }

    .delivery a {
        display: inline-block;
        padding: 10px;
        width: 100%;
        height: 180px;
        background: #CC2D30;
    }

    .delivery a:hover .innerFeature {
        background: white;
    }

    .delivery a:hover .featureSpan {
        /*color: #CC2D30;*/
    }


    /* CONTACT PAGE */

    .about .container {
        margin-top: 1em;
    }

    #contact_left {
        text-align: left;
    }

    #contact_left p:last-of-type {
        margin-top: 3%;
    }

    .contact_right {
        margin-top: 8%;
    }

    .about {
        background: #eee;
    }

    .about .container h3 {
        color: #CC2D30;
    }

    .contactTitle {
        font-weight: bold;
    }

    .contactBlocks {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 4%;
    }

    .contactBlocks div {
        margin: 1em;
    }


    /* FAQ PAGE */

    #faqArticle {
        width: 95%;
        margin: 0 auto;
        margin-top: 2em;
        text-align: left;
        font-size: 0.9em;
    }

    #faqArticle h2 {
        font: 300 20px/20px Arial, sans-serif;
        text-transform: uppercase;
        margin-bottom: 1.5em;
        color: #CC2D30;
    }

    #faqArticle h3 {
        margin-bottom: 1%;
        font-size: 1.1em;
        font-weight: bold;
    }

    #faqArticle p {
        margin-bottom: 3%;
    }

    #faqArticle a {
        text-decoration: underline;
    }


    /* PRIVACY POLICY PAGE */


    #infoArticle {
        display: inline-block;
        margin-top: 1.5em;
        margin-left: 3%;
        text-align: left;
    }
    #infoArticle h3{
        font: 300 20px/25px Arial, sans-serif;
        color: #CC2D30;
        text-transform: uppercase;
        margin-bottom: 1.5em;
    }

    #infoArticle span {
        display: inline-block;
        margin-bottom: 0.5em;
    }

    .boldText {
        font-weight: bold;
    }

    #infoArticle p {
        margin-bottom: 1.5em;
    }
    #infoArticle #topBtn {
        display: block;
        text-align: center;
        text-decoration: underline;
        margin-bottom: 2%;
    }



    /* QUIKEY - LIVE SITE STYLES */


    img[name=SkuDet_BtnAddToCart]:hover, img[name=SkuDet_BtnCheckStock]:hover, img[name=CancelRepImg]:hover, img[name=RefreshRepImg]:hover, img[name=CheckoutRepImg]:hover, img[name=LoginBtn]:hover {
        cursor: pointer;
    }

    .brandlogo {
        max-width: 180px;
        max-height: 60px;
    }

    .ProductCatHdr_img {
        max-width: 100%;
        max-height: 200px;
    }




    /***** Media Quries *****/
    @media screen and (max-width: 768px) {
        .h_logo4{
            text-align:center;
            float: none;
            margin: 4% 0;
        }
        /*--.h_menu4{
            float: none;
        }--*/
        .toggleMenu {
            padding: 5px 10px;
            width: 100%;
        }
        .nav li a {
            margin: 10px 15px;
        }

        .search {
            display: none;
        }

        .nav {
            background: #fff;
        }
        .active {
            display: block;
        }
        .nav > li {
            float: none;
        }
        .nav > li > .parent {
            background-position: 64% 50% !important;
        }
        .nav ul {
            display: block;
            width: 100%;
        }
        .nav > li.hover > ul , .nav li li.hover ul {
            position: static;
        }
    }
    @media screen and (max-width: 640px) {
        .toggleMenu {
            width:100%;
        }
    }
    @media screen and (max-width: 480px) {
        .toggleMenu {
            width:100%;
        }
    }
    @media screen and (max-width: 320px) {
        .toggleMenu {
            width:100%;
        }
    }
    /*--slider--*/
    /*--- slider-css --*/
    .slider {
        position: relative;
    }
    .rslides {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }
    .rslides li:first-child {
        position: relative;
        display: block;
        float: left;
    }
    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

    a.morebtn{
        background: #191919;
        padding:0.8em 0;
        display:block;
        font-size:0.875em;
        text-transform:uppercase;
        color:#FFF;
        width:20%;
        margin:0 auto;
        transition:0.5s all ease;
        -webkit-transition:0.5s all ease;
        -moz-transition:0.5s all ease;
        -o-transition:0.5s all ease;
        -ms-transition:0.5s all ease;
    }
    a.morebtn:hover{
        background: #CC2D30;
    }
    .callbacks_tabs a{
        visibility:hidden;
    }
    .callbacks_tabs li{
        display:inline-block;
    }
    ul.callbacks_tabs.callbacks1_tabs {
        position: absolute;
        bottom: 14px;
        z-index: 999;
        left: 13px;
    }
    .callbacks_nav {
        position: absolute;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        top: 50%;
        left: 0;
        opacity: 0.7;
        z-index: 3;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        height:59px;
        width:60px;
        background: url("elements/arrows.png") no-repeat left top;
        margin-top: -45px;
    }
    .callbacks_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }
    .banner_desc {
        display: block;
        z-index: 2;
        text-shadow: none;
        margin: 0;
        max-width: none;
        position: absolute;
        top: 25%;
        right: 12%;
        width: 45%;
        text-align: center;
    }

    .banner_desc h1{
        color: #191919;
        font: 300 51px/51px 'Arial', sans-serif;
    }
    .banner_desc h2{
        color: #191919;
        font: 300 31px/31px 'Arial', sans-serif;
        margin-top:1em;
    }

    .slide2 {
        display: block;
        z-index: 2;
        text-shadow: none;
        margin: 0;
        max-width: none;
        position: absolute;
        top: 85%;
        left: 16%;
        width: 50%;
        text-align: center
    }

    img.bannerImg {
        display: inline-block;
        position: absolute;
        z-index: 2;
        width: auto;
        height: auto;
        top: 59%;
        left: 5%;
    }

    .banner_desc span{
        color: #BABBBE;
        font: 18px 'Helvetica', sans-serif;
    }

    /*-- responsive-mediaquries --*/
    @media(max-width:1024px){

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

        a.morebtn {
            width: 26%;
        }
        .callbacks_nav {
            top: 55%;
        }

        /* ADDED RESPONSIVE STYLES */

        #submenu {
            width: 100%;
            top: 40px;
            background: #191919;
            text-align: center;
        }

        #submenu ul {
            width: 30%;
            display: inline-block;
            float: left;
        }

        #submenu a {
            padding: 10px;
            text-align: left;
        }

        .nav > li:nth-child(5){
            float: left;
        }

        .featuredBlocks > div > a {
            width: 45%;
        }

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

        a.morebtn {
            width: 30%;
        }
        .callbacks_tabs a:after {
            height: 10px;
            width: 10px;
        }

        /* Item responsiveness */
        .rcc {
            display: block;
        }
    }
    @media(max-width:480px){

        .callbacks_nav {
            top: 60%;
        }

        a.morebtn {
            width: 40%;
            font-size:0.8em;
        }
        .callbacks_tabs a:after {
            height:4px;
            width: 4px;
        }
        ul.callbacks_tabs.callbacks1_tabs {
            bottom: 10px;
            left: 4px;
        }
    }
    @media(max-width:320px){

        .callbacks_nav {
            top: 63%;
        }

        a.morebtn {
            width: 50%;
            font-size: 0.8em;
            padding:0.6em 0.5em;
        }
        .callbacks_tabs a:after {
            height:4px;
            width: 4px;
        }
        ul.callbacks_tabs.callbacks1_tabs {
            bottom: 10px;
            left: 4px;
        }
    }
    .column_center {
        background: #dee9f1;
        background: -moz-linear-gradient(45deg,  #dee9f1 50%, #f1ede9 57%, #f9eae4 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(50%,#dee9f1), color-stop(57%,#f1ede9), color-stop(100%,#f9eae4));
        background: -webkit-linear-gradient(45deg,  #dee9f1 50%,#f1ede9 57%,#f9eae4 100%);
        background: -o-linear-gradient(45deg,  #dee9f1 50%,#f1ede9 57%,#f9eae4 100%);
        background: -ms-linear-gradient(45deg,  #dee9f1 50%,#f1ede9 57%,#f9eae4 100%);
        background: linear-gradient(45deg,  #dee9f1 50%,#f1ede9 57%,#f9eae4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee9f1', endColorstr='#f9eae4',GradientType=1 );
        padding:10px 0;
    }
    .search {
        position: relative;
        padding: 10px 0 10px 15px;;
    }
    .stay {
        float: left;
        font: 800 13px/13px 'Arial', sans-serif;
        margin: 8px 10px 0 0;
        text-transform:uppercase;
        color: #CC2D30;
    }

    .search input[type="text"] {
        padding:7.5px 10px;
        outline: none;
        color: #CC2D30;
        background: white;
        border: none;
        width:72%;
        line-height: 1.5em;
        font: 500 13px/13px 'Arial', sans-serif;

    }

    /* Remove Placeholder Text On-Click */
    .search input[type="text"]:focus::-webkit-input-placeholder { color:transparent; }
    .search input[type="text"]:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
    .search input[type="text"]:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
    .search input[type="text"]:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

    .search input[type="submit"] {
        border-radius: 0px 30px 30px 0px;
        background: url('images/search.png') no-repeat 6px 5px #cccccc;
        padding: 4px 17px;
        border: none;
        cursor: pointer;
        position: absolute;
        outline: none;
    }

    /*.search input[type="submit"]:hover {
        background: url('elements/search2.png') no-repeat 6px 5px #000000;
        -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
        -moz-box-shadow: inset 0px 0px 0px 2px #000000;
        box-shadow: inset 0px 0px 0px 2px #000000;
    }*/

    /*--index_content--*/
    .main{
        background: #eee;
        padding: 2em 0 3em;
    }


    h3.menu_head {
        background: #004fb6;
        padding: 1em;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 1em;
        margin: 0;
    }
    .sidebar_box{
        padding-right:0;
        border-right: 1px solid #DADBDB;
    }
    .menu {
        width: auto;
        height: auto;
        padding: 0;
        margin:0;
        list-style: none;
        background: #efefef;
    }
    ul {
        padding: 0;
        list-style: none;
    }
    .menu > li > a {
        width: 100%;
        line-height: 3.5em;
        text-indent: 1.2em;
        display: block;
        position: relative;
        color: #191919;
        font-size:15px;
        text-decoration:none;
        border-bottom: 1px solid #ddd;
        font-weight:600;
    }
    .menu > li > a img{
        vertical-align: baseline;
        margin-right: 5px;
    }
    .menu ul li a {
        width: 100%;
        display: block;
        position: relative;
        font:800 15px/15px 'Arial', sans-serif;
        color: #191919;
        text-decoration:none;
        border-bottom: 1px solid #ddd;
        line-height: 3.5em;
        text-indent: 1.2em;
    }
    .menu ul li a:hover{
        background: #CC2D30;
        color: #fff;
    }
    .menu > li > a:hover, .menu > li > a.active {
        background:#fff;
        border-right: 5px solid #191919;
    }
    .menu ul.kid-menu li a{
        border-bottom: none;
    }

    /*
    #navcalendar {
        color: #CC2D30;
    }
    *.

    .cute {
        background: white;
    }

    .delivery{
        margin: 2em 0;
        text-align:center;
    }
    .delivery img{
        display:inline-block;
    }
    .twitter{
        margin-top:4em;
        padding-right: 4%;
    }
    .twitter h3{
        font:800 20px/20px 'Arial', sans-serif;
        color: #CC2D30;
        margin-bottom: 1em;
    }
    ul.twt1{
        padding:0;
        list-style:none;
        margin-bottom:2em;
    }
    i.twt{
        width: 35px;
        height: 30px;
        background: url(elements/img-sprite.png)no-repeat -2px -1px;
        float: left;
        margin-right:4%;
    }
    ul.twt1 li.twt1_desc{
        overflow: hidden;
        font:600 14px/14px 'Arial', sans-serif;
        font-style:italic;
        line-height:1.5em;
        color: #B5B6B8;
    }
    .clients{
        margin-top:4em;
    }
    .clients h3{
        font:600 20px/20px 'Arial', sans-serif;
        color: #CC2D30;
        text-transform:uppercase;
        margin-bottom:1.5em;
    }
    .clients h4{
        background: #f6f3f3;
        font:500 13px/13px 'Arial', sans-serif;
        font-style:italic;
        color: #000;
        line-height:1.8em;
        padding:2em;
        width:90%;
    }
    ul.user{
        padding:0;
        margin:0;
        list-style:none;
    }
    i.user_icon{
        width: 35px;
        height: 32px;
        background: url(elements/img-sprite.png)no-repeat -45px -3px;
        float: left;
        margin-right:10%;
    }
    ul.user li.user_desc{
        float:left;
    }
    ul.user li.user_desc p{
        font:700 13px/13px 'Arial', sans-serif;
        margin-top:15px;
    }
    ul.user li.user_desc p a{
        color: #000;
    }
    /*-----------------------------------------------------------------------------------*/
    /*	Stroke
    /*-----------------------------------------------------------------------------------*/
    .b-link-stroke{
        position:relative;
        display:inline-block;
        vertical-align:top;
        font-weight: 300;
        overflow:hidden;
        margin-bottom: 5px;
    }
    .b-link-stroke .b-wrapper{
        position:absolute;
        width:100%;
        height:100%;
        top:12em;
        left:0;
        text-align:center;
        color:#ffffff;
    }

    .b-link-stroke .b-top-line{
        position:absolute;
        top:-100%;
        left:0;
        width:50%;
        height:100%;
        background:rgba(248, 69, 69, 0.59);
    }
    .b-link-stroke .b-bottom-line{
        position:absolute;
        bottom:-100%;
        right:0;
        width:50%;
        height:100%;
        background:rgba(248, 69, 69, 0.59);
    }
    .b-link-stroke .b-top-line, .b-link-stroke .b-bottom-line{
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -ms-transition:all 0.5s;
        -o-transition:all 0.5s;
        -webkit-transition:all 0.5s;
    }
    .b-link-stroke:hover .b-top-line{
        top:0;
    }
    .b-link-stroke:hover .b-bottom-line{
        bottom:0;
    }
    /*-----------------------------------------------------------------------------------*/
    /*	Animation effects
    /*-----------------------------------------------------------------------------------*/
    .b-animate-go{
        text-decoration:none;
    }
    .b-animate{
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -ms-transition:all 0.5s;
        -o-transition:all 0.5s;
        -webkit-transition:all 0.5s;
        visibility:hidden; /* lt-ie9 */
    }
    /* lt-ie9 */
    .b-animate-go:hover .b-animate{
        visibility:visible;
    }
    .b-from-left{
        position:relative;
        left:-100%;
    }
    .b-animate-go:hover .b-from-left{
        left:0;
    }
    .b-from-right{
        position:relative;
        right:-100%;
    }
    .b-animate-go:hover .b-from-right{
        right:0;
    }
    .b-from-top{
        position:relative;
        top:-100%;
    }
    .b-animate-go:hover .b-from-top{
        top:0;
    }
    .b-from-bottom{
        position:relative;
        bottom:-100%;
    }
    .b-animate-go:hover .b-from-bottom{
        bottom:0;
    }
    .b-scale{
        position:relative;
        transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        -webkit-transform:scale(0);
    }
    .b-animate-go:hover .b-scale, h1{
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);
    }
    .grid_1{
        background:#fff;
        border:5px solid #fff;
    }
    .grid_2{
        padding:1em 1em 0;
    }
    .grid_2 p{
        font: 600 15px/15px 'Arial', sans-serif;
        color: #797979;
        line-height: 1.2em;
        border-bottom: 1px solid #ECECEC;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    a:hover, a:focus {
        /*color: #CC2D30;*/
        text-decoration:none;
    }
    ul.grid_2-bottom{
        padding:0;
        margin:0;
        list-style:none;
    }
    ul.grid_2-bottom li.grid_2-left{
        float: left;
        border-right: 1px solid #ECECEC;
        padding-right: 11%;
    }
    ul.grid_2-bottom li.grid_2-left p{
        border-bottom: 0;
        font: 800 20px/20px 'Arial', sans-serif;
        color: #000;
        margin: 3px 0 0 0;
        padding-bottom: 0;
    }
    ul.grid_2-bottom li.grid_2-right{
        float:right;
    }
    ul.grid_2-bottom li.grid_2-left p small {
        font:700 15px/15px 'Arial', sans-serif;
        vertical-align: text-top;
    }
    .btn.btn-primary {
        font:300 15px/15px 'Roboto', sans-serif;
        font-style: normal;
        text-shadow: none;
        /*text-transform:uppercase;*/
        padding:8px 10px;
        position: relative;
        letter-spacing: 0;
        background: transparent;
        box-shadow: none;
        border: none;
        outline: none;
        z-index: 1;
        overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        border-radius:2px;
    }



    .btn.btn-primary.active {
        font:300 13px/13px 'Roboto', sans-serif;
        font-style: normal;
        text-shadow: none;
        /*text-transform:uppercase;*/
        color: #FFF;
        padding:8px 30px;
        position: relative;
        letter-spacing: 0;
        background: transparent;
        box-shadow: none;
        border: 3px solid black;
        outline: none;
        z-index: 1;
        overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        border-radius:3px;
    }


    .btn {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        color: #191919;
        border: 1px solid #ccc;
        border-bottom-color: #B5B6B8;
    }
    .btn-primary {
        color: #FFFFFF;
        background: #0467C6!important;
    }

    .btn-primary:hover {
        color: #FFFFFF;
        background: #004fb6!important;
    }

    .box_1{
        padding:0;
    }
    .top_grid1 {
        text-align: center;
        margin-bottom: 2em;
    }
    .top_grid1-box{
        padding:0;
    }
    .top_grid1-box1{
        padding-right:0;
    }
    .top_grid2-box2 {
        padding-left: 0;
    }
    .top_grid2{
        margin-top:2em;
    }
    h4.head{
        color: #000;
        font: 700 25px/25px 'Arial', sans-serif;
        text-transform: uppercase;
        padding: 30px 0 0 20px;
    }
    span.m_2{
        color:#CC2D30;
    }



    .f_grid1 h3, .f_grid3 h3{
        color:#000;
        font: 400 25px/25px Arial, sans-serif;
        text-transform:uppercase;
        margin-bottom:1em;
    }
    .f_grid1 p{
        color: #74777A;
        font: 700 14px/14px 'Arial', sans-serif;
        line-height: 1.5em;
        margin-top: 2em;
    }
    .f_grid1 {}
    .f_grid2{
        margin: 0 4% 0 7%;
        width: 14%;
        padding: 0;
    }
    ul.social {
        padding: 0;
        margin:0;
        list-style: none;
    }
    ul.social li{
        margin-bottom:1em;
    }
    ul.social li:first-child {
        margin-left: 0;
    }
    ul.social li a:hover{
        text-decoration:none;
    }
    ul.social li a:hover p{
        color: #CC2D30;
    }
    p.m_3{
        overflow: hidden;
        font: 700 13px/13px 'Arial', sans-serif;
        text-transform:uppercase;
        padding: 3px 0 0 0;
        margin:0;
        color: #191919;
    }
    i.fb,i.tw,i.google,i.instagram {
        width: 20px;
        height: 20px;
        float:left;
        background: url(elements/img-sprite.png)no-repeat;
        margin-right:10px;
    }
    i.fb{
        background-position:-98px -8px;
    }
    i.tw {
        background-position:-130px -8px;
    }
    i.google {
        background-position:-162px -8px;
    }
    i.instagram {
        background-position:-194px -8px;
    }
    ul.list{
        padding:0;
        margin:0;
        list-style:none;
        float:left;
        width: 50%;
    }
    ul.list li{
        margin-bottom:15px;
    }
    ul.list li p{
        margin:0;
        font: 700 15px/15px 'Arial', sans-serif;
    }
    ul.list1{
        overflow:hidden;
        margin:0;
        padding:0;
        list-style:none;
    }
    ul.list1 li p{
        margin:0;
        font: 700 15px/15px 'Arial', sans-serif;
        color: #B5B6B8;
        line-height:1.5em;
    }
    .footer_bottom {
        background: white;
        padding: 1em 0;
    }
    .cssmenu {
        float: left;
        color: #DADBDB;
        font:500 14px/14px 'Arial', sans-serif;
    }
    .cssmenu ul li {
        display: inline-block;
    }
    .cssmenu ul li a {
        color:#DADBDB;
        display: block;
        margin:0 10px;
    }
    .cssmenu ul li a:hover{
        text-decoration:none;
        color: #CC2D30;
    }
    .copy {
        text-align: center;
        margin-top:8px;
    }
    .copy p {
        color: #B5B6B8;
        font:400 14px/1px 'Arial', sans-serif;
        text-transform:uppercase;
    }
    .copy p a {
        color: #CC2D30;
    }

    /*--single--*/
    .images_3_of_2 {
        width:37.2%;
        float: left;
        margin-right: 2.6%;
    }
    .span_3_of_2 {
        width:59.3333%;
    }
    .desc1 {
        display: block;
        float: left;
    }
    .span_3_of_2 h1 {
        color: #74777A;
        text-transform: uppercase;
        font: 400 25px/25px Arial, sans-serif;
        margin-bottom: 1em;
    }
    p.availability {
        color: #191919;
        font:500 15px/15px 'Arial', sans-serif;
        font-weight: normal;
    }
    .price_single {
        font-size: 1.3em;
        margin: 0.5em 0 1.5em;
    }
    span.reducedfrom {
        text-decoration: line-through;
        margin-right: 3%;
        color: #191919;
        font:500 25px/25px 'Arial', sans-serif;
    }
    span.actual {
        color:#CC2D30;
        font:500 25px/25px 'Arial', sans-serif;
        margin-right: 5%;
    }
    .price_single a {
        color:#191919;
        font:500 13px/13px 'Arial', sans-serif;
    }
    .price_single a:hover{
        color:#CC2D30;
    }
    h2.quick {
        color:#191919;
        font:600 16px/16px 'Arial', sans-serif;
        text-transform: uppercase;
    }
    p.quick_desc {
        color:#191919;
        font: 300 16px/25px Arial, sans-serif;
        line-height: 1.8em;
        margin-bottom: 2em;
    }
    .wish-list {
        padding: 15px 0;
        border-bottom: 1px solid #E5E5E5;
        border-top: 1px solid #E5E5E5;
    }
    .wish-list li {
        display: inline-block;
        margin-right: 45px;
    }
    .wish-list li a {
        color:#CC2D30;
        font:500 14px/14px 'Arial', sans-serif;
        padding-left: 22px;
        text-decoration: underline;
    }
    .wish-list li a:hover{
        text-decoration:none;
    }
    .wish-list li.wish {
        background: url(elements/wishlist.png) no-repeat 0;
    }
    .wish-list li.compare {
        background: url(elements/compare.png) no-repeat 0;
        margin-right: 0;
    }
    ul.size {
        padding: 0;
        list-style: none;
        margin-top: 2em;
    }
    ul.size h3 {
        color:#191919;
        font:600 16px/16px 'Arial', sans-serif;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    ul.size li {
        display: inline-block;
        margin: 0 10px 0 0;
    }
    ul.size li a {
        color: #555;
        font:500 14px/14px 'Arial', sans-serif;
        background:#DFDFDF;
        padding: 5px 10px;
    }
    ul.size li a:hover{
        background:#CC2D30;
        color:#fff;
    }
    .quantity_box {
        margin: 2em 0;
    }
    ul.product-qty {
        padding: 0;
        list-style: none;
        float: left;
    }
    .product-qty span {
        color:#191919;
        font:600 16px/16px 'Arial', sans-serif;
        padding-bottom: 0.5em;
        display: block;
        text-transform: uppercase;
    }
    .product-qty select {
        border: 1px solid #eee;
        padding: 0.5em;
        font-size: 1em;
        outline: none;
    }
    a.btn.bt1.btn-primary.btn-normal.btn-inline {
        padding:15px 40px;
    }
    /******** SAP ************/
    .sap_tabs{
        padding: 1em 0 4em;
        margin-top: 3em;
    }
    .sap_tabs {
        margin-top: 3em;
    }
    .facts {
        border: 1px solid #ddd;
    }
    ul.tabrab_list li a {
        color: #777;
        font: 300 16px/25px Arial, sans-serif;
        line-height: 1.8em;
        vertical-align: top;
        text-decoration: none;
    }
    ul.tab_list {
        list-style: none;
        padding: 1em;
    }
    .top1{
        margin-top: 2%;
    }
    .resp-tabs-list {
        width: 100%;
        list-style: none;
        padding: 0;
    }
    .resp-tab-item:first-child{
        border-left:none;
    }
    .resp-tab-item{
        color: #777;
        font-size: 0.8125em;
        cursor: pointer;
        padding: 12px 10px;
        display: inline-block;
        margin: 0;
        text-align: center;
        list-style: none;
        float: left;
        outline: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        text-transform: uppercase;
        background:#fff;
        width: 33.33333%;
    }
    .resp-tab-item:hover {
        text-shadow: none;
        color:#000;
    }
    .resp-tab-active{
        background:#CC2D30;
        text-shadow: none;
        color:#fff;
    }
    .resp-tabs-container {
        padding: 0px;
        clear: left;
    }
    h2.resp-accordion {
        cursor: pointer;
        padding: 5px;
        display: none;
    }
    .resp-tab-content {
        display: none;
    }
    .resp-content-active, .resp-accordion-active {
        display: block;
    }
    h2.resp-accordion {
        font-size:1em;
        padding: 10px 15px;
        background:#CC2D30;
        margin:10px 0;
        color:#fff;
    }
    h2.resp-accordion:hover{
        background:#000;
        text-shadow: none;
        color: #FFF;
    }

    @media only screen and (max-width:480px) {
        .sap_tabs{
            padding-top:0;
        }
        .resp-tabs-container{
            padding:10px;
        }
        ul.resp-tabs-list {
            display: none;
        }
        h2.resp-accordion {
            display: block;
        }
        .resp-vtabs .resp-tab-content {
            border: 1px solid #DADBDB;
        }
        .resp-vtabs .resp-tabs-container {
            border: none;
            float: none;
            width: 100%;
            min-height: initial;
            clear: none;
        }
        .resp-accordion-closed {
            display: none !important;
        }
    }
    h3.single_head{
        color: #74777A;
        text-transform: uppercase;
        font: 400 25px/25px Arial, sans-serif;
        margin-bottom: 1em;
    }
    /*--about--*/
    .about{
        padding: 1em 0;
    }
    .span1 h3, h3.m_3{
        text-align: center;
        text-transform: uppercase;
        font: 300 25px/25px Arial, sans-serif;
        margin-bottom:1.5em;
        color:#000;
    }
    .span1 h4{
        color: #000;
        font: 400 16px/25px Arial, sans-serif;
        line-height:1.5em;
        margin-top:1em;
    }
    .span1 h5{
        color:#000;
        font:400 20px/20px 'Arial', sans-serif;
    }
    .span1 p{
        color: #999;
        font:300 16px/25px Arial, sans-serif;
        line-height:1.8em;
    }
    p.m_4{
        margin-bottom:1em;
    }
    .about_bottom{
        margin-top:5em;
    }
    ul.about_box {
        padding: 0;
        list-style: none;
    }
    ul.about_box li.box_img {
        width: 25%;
        float: left;
        margin-right: 5%;
    }
    ul.about_box li.box_desc {
        overflow: hidden;
        color: #B5B6B8;
        font: 300 16px/25px Arial, sans-serif;
        line-height: 1.8em;
    }
    ul.about_box h4 {
        margin-top: 1em;
        color: #B5B6B8;
        font: 300 16px/25px Arial, sans-serif;
        line-height: 1.8em;
    }
    .feature h4 {
        color: #191919;
        font: 300 20px/25px Arial, sans-serif;
        text-transform: uppercase;
    }
    .feature p {
        color: #B5B6B8;
        font: 300 16px/25px Arial, sans-serif;
        line-height: 1.8em;
    }
    .about_box1 {
        margin-bottom:2em;
    }
    /*--contact--*/
    p.comment-form-author {
        margin-bottom: 2em;
    }
    .contact-form label {
        display: block;
        font-size: 0.8125em;
        color: #000;
        text-transform: uppercase;
    }
    .contact-form input[type="text"] {
        padding: 10px;
        width: 95%;
        color: #B5B6B8;
        font: 300 16px/25px Arial, sans-serif;
        background: #fff;
        outline: none;
        display: block;
        border: 1px solid #eee;
    }
    .contact-form textarea {
        padding: 10px;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #eee;
        outline: none;
        color: #B5B6B8;
        font: 300 16px/25px Arial, sans-serif;
        -webkit-appearance: none;
        resize: none;
        height: 150px;
    }
    .contact-form input[type="submit"] {
        display: inline-block;
        padding: 13px 25px;
        background: #CC2D30;
        color: #FFF;
        font-size: 1em;
        line-height: 18px;
        text-transform: uppercase;
        border: none;
        outline: none;
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
    }
    .contact-form input[type="submit"]:hover, .page-not-found a:hover, .register-but form input[type="submit"]:hover, .acount-btn:hover, .login-right input[type="submit"]:hover{
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration:none;
        background:#000;
    }
    i.pin_icon{
        width: 24px;
        height: 35px;
        background: url(../elements/img-sprite.png)no-repeat -234px -4px;
        float: left;
        margin-right: 10px;
    }
    i.phone{
        width: 24px;
        height: 27px;
        background: url(../elements/img-sprite.png)no-repeat -6px -48px;
        float: left;
        margin-right: 10px;
    }
    i.mail{
        width: 24px;
        height: 20px;
        background: url(../elements/img-sprite.png)no-repeat -51px -50px;
        float: left;
        margin-right: 10px;
    }
    .contact_address, .contact_email {
        overflow: hidden;
        font: 300 16px/25px Arial, sans-serif;
        color: #999;
        line-height: 1.5em;
    }
    .contact_email{
        cursor:pointer;
    }
    .contact_email:hover{
        color:#000;
    }
    .address{
        margin-bottom:1.5em;
    }
    .map{
        margin-top:1em;
    }
    .map iframe{
        width:100%;
        min-height:300px;

        border: none;
    }
    .page-not-found{
        text-align:center;
    }
    .page-not-found h1{
        font: 300 150px/150px Arial, sans-serif;
        color:#000;
        margin-bottom:0.5em;
    }
    .page-not-found a {
        color: #fff;
        background:#CC2D30;
        text-decoration: none;
        padding: 15px 40px;
        font: 300 16px/16px Arial, sans-serif;
    }
    /*--register--*/
    .register-top-grid h3, .register-bottom-grid h3 {
        color:#CC2D30;
        font-size: 1em;
        padding-bottom: 5px;
        margin: 0;
        font-weight:600;
    }
    .register-top-grid div, .register-bottom-grid div {
        width: 48%;
        float: left;
        margin: 10px 0;
    }
    .register-top-grid span, .register-bottom-grid span {
        color:#999;
        font: 300 14px/25px Arial, sans-serif;
        padding-bottom: 0.2em;
        display: block;
        text-transform: uppercase;
    }
    .register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
        border: 1px solid #EEE;
        outline-color:#FF5B36;
        width: 96%;
        font-size: 1em;
        padding: 0.5em;
    }
    .checkbox {
        margin-bottom: 4px;
        padding-left: 27px;
        font-size: 1.1em;
        line-height: 27px;
        cursor: pointer;
    }
    .checkbox {
        position: relative;
        font: 300 14px/25px Arial, sans-serif;
        color:#74777A;
    }
    .checkbox:last-child {
        margin-bottom: 0;
    }
    .news-letter {
        color: #555;
        font-weight:600;
        font-size: 0.85em;
        margin-bottom: 1em;
        display: block;
        text-transform: uppercase;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        clear: both;
    }
    .checkbox i {
        position: absolute;
        bottom: 5px;
        left: 0;
        display: block;
        width:20px;
        height:20px;
        outline: none;
        border: 2px solid #D2CF99;
    }
    .checkbox input + i:after {
        content: '';
        background: url("../elements/tick1.png") no-repeat 1px 2px;
        top: -1px;
        left: -1px;
        width: 15px;
        height: 15px;
        font: normal 12px/16px FontAwesome;
        text-align: center;
    }
    .checkbox input + i:after {
        position: absolute;
        opacity: 0;
        transition: opacity 0.1s;
        -o-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -webkit-transition: opacity 0.1s;
    }
    .checkbox input {
        position: absolute;
        /*left: -9999px;*/
    }
    .checkbox input:checked + i:after {
        opacity: 1;
    }
    .news-letter:hover {
        color:#00BFF0;
    }
    .register-but{
        margin-top:1em;
    }
    .register-but form input[type="submit"] {
        background:#CC2D30;
        color: #FFF;
        font-size: 0.8em;
        padding: 0.8em 2em;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        display: inline-block;
        text-transform: uppercase;
        border:none;
        outline:none;
    }
    .register-but input[type="submit"]:hover {
        background:#000;
    }
    div.register-bottom-grid {
        margin-top:3em;
    }
    /*--login--*/
    .login-left {
        padding: 0;
    }
    .login-left h3, .login-right h3 {
        color:#CC2D30;
        font-size: 1em;
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 0.5em;
    }
    .login-left p, .login-right p {
        color:#999;
        display: block;
        font: 300 16px/25px Arial, sans-serif;
        margin: 0 0 1.5em 0;
        line-height: 1.8em;
    }
    .acount-btn {
        background:#CC2D30;
        color: #FFF;
        font-size: 0.8em;
        padding: 0.7em 1.2em;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        display: inline-block;
        text-transform: uppercase;
    }
    .acount-btn:hover, .login-right input[type="submit"]:hover{
        background:#000;
        text-decoration:none;
        color:#fff;
    }
    .login-right form {
        padding: 1em 0;
    }
    .login-right form div {
        padding: 0 0 1.5em 0;
    }
    .login-right span {
        color: #555;
        font: 300 14px/25px Arial, sans-serif;
        padding-bottom: 0.2em;
        display: block;
        text-transform: uppercase;
    }
    .login-right input[type="text"] {
        border: 1px solid #DDDBDB;
        outline-color:#fb4d01;
        width: 96%;
        font-size:0.8125em;
        padding:10px;
    }
    .login-right input[type="submit"] {
        background:#CC2D30;
        color: #FFF;
        font-size: 0.8em;
        padding: 0.7em 1.2em;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        display: inline-block;
        text-transform: uppercase;
        border:none;
        outline:none;
    }
    .login-right input[type="submit"]:hover{
        background:#000;
    }
    a.forgot {
        font: 300 14px/25px Arial, sans-serif;
    }
    h4.title {
        color: #000;
        margin-bottom: 0.5em;
        font: 300 18px/25px Arial, sans-serif;
        text-transform: uppercase;
        border-bottom: 1px solid #DFDDDD;
        padding-bottom: 13px;
    }
    p.cart {
        color: #999;
        line-height: 1.8em;
        font: 300 16px/25px Arial, sans-serif;
    }



    /*--responsive design--*/
    @media(max-width:1366px){
        .banner_desc h1 {
            font: 300 45px/45px 'Arial', sans-serif;
        }
    }
    @media(max-width:1024px){
        .banner_desc h1 {
            font: 300 43px/43px 'Arial', sans-serif;
        }
        .banner_desc {
            top: 10%;
            right: 10%;
            width: 48%;
        }
        .btn.btn-primary {
            padding: 7px 18px;
        }
        .banner_desc h2 {
            font: 300 18px/23px 'Arial', sans-serif;
        }
        .f_grid1 h3, .f_grid3 h3 {
            font: 400 20px/25px Arial, sans-serif;
        }
        .span_3_of_2 {
            width: 51.3333%;
        }
        .images_3_of_2 {
            width: 45.2%;
            margin-right: 2.6%;
        }
        .span_3_of_2 h1 {
            font: 400 22px/22px Arial, sans-serif;
            margin-bottom: 1em;
        }


        .delivery a {
            width: 50%;
        }
    }

    @media(max-width:800px){
        .nav > li {
            float: none;
        }
        .toggleMenu {
            text-align: center;
        }
        .toggleMenu:hover{
            color: #eee;
        }

        .toggleMenu:focus {
            color: white;
        }

        ul.nav {
            background: #FFF;
            padding-top: 1em;
        }
        .nav > li {
            margin: 1em 0;
        }

        /* Added Responsive Styles */

        /*.header_top {
            margin-left: 1em;
            margin-right: 1em;
        }*/

        .banner_desc {
            top: 25%;
        }

        img.bannerImg {
            width: 25%;
            top: 25%;
        }

        .slide2 {
            width: 40%;
            top: 68%;
            left: 31%;
        }

        .nav > li:nth-child(5){
            float: left;
            margin-left: 1em;
        }


        .banner_desc h1 {
            font: 300 32px/32px 'Arial', sans-serif;
        }
        .content_right{
            margin-top: 4em;
        }
        .box_2,.top_grid1-box1 {
            margin-bottom: 2em;
        }
        .grid_1 {
            text-align: center;
        }
        .f_grid1{
            margin-bottom:2em;
        }
        .f_grid2 {
            margin:0 0 2em;
            width: 90%;
            padding:0 15px;
        }
        .box_1 {
            padding:0 15px;
        }

        .f_grid1 p {
            margin-top: 1em;
        }
        .f_grid1 {
            border-right: none;
        }
        .footer_bottom {
            text-align: center;
        }
        .cssmenu {
            float: none;
        }
        .copy {
            float: none;
            margin-top: 20px;
        }
        .single_right{
            margin-top:4em;
        }
        .span_2{
            margin: 3em 0;
        }
        .span1 h3, h3.m_3 {
            margin-bottom: 1em;
        }
        .about_bottom {
            margin-top: 3em;
        }
        .span_3{
            margin-top:3em;
        }
        .contact_right {
            margin-top: 3em;
        }
        .map{
            margin-top:2em;
        }
    }
    @media(max-width:640px){
        .logo {
            margin-top:7px;
        }
        ul.shopping_grid li {
            padding: 0px 5px 0;
            min-height: 50px;
            font: 600 12px/12px 'Arial', sans-serif;
            /*color: #FFFFFF;*/
        }
        .logo img{
            width:70%;
        }
        .toggleMenu {
            font-size: 1.1em;
        }
        .banner_desc h1 {
            font: 300 25px/25px 'Arial', sans-serif;
        }
        .banner_desc h2 {
            font: 300 15px/20px 'Arial', sans-serif;
        }
        .banner_desc {
            top: 20%;
        }
        .images_3_of_2{
            width: 100%;
            margin-right: 0;
            float:none;
        }
        .span_3_of_2 {
            width: 100%;
        }
        .span_3_of_2 {
            width: 100%;
            float: none;
        }
        .resp-tab-item {
            padding: 10px 3px;
        }
        .main {
            padding: 1em 0 3em;
        }

        /* ADDED RESPONSIVE STYLES */

        .imageBlock, .featuredBlocks {
            flex-direction: column;
            margin-bottom: 0;
        }

        .imageBlock a {
            margin: 1em auto;
            width: 80%;
        }

        .featuredBlocks > div {
            width: 80%;
        }

        .featuredBlocks > div > a {
            width: 47.5%;
        }

        #secondblock {
            margin-top: 1em;
        }

        .delivery a {
            width: 50%;
        }


        #submenu {
            width: 100%;
            top: 40px;
            background: #191919;
            text-align: center;
            display: inline-block;
        }

        #submenu ul {
            width: 40%;
            display: inline-block;
        }

        .nav > li:nth-child(5){
            float: left;
        }

        .banner_desc {
            top: 30%;
        }

        img.bannerImg {

            height: auto;
            top: 15%;
        }

        .slide2 {
            display: none;
        }

        /* Custom Orders Page */
        #customdiv > div {
            flex-direction: column;
        }

        #customdiv > div > div:last-of-type {
            margin-top: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid gray;
        }

        #adminLink {
            text-align: center;
            margin: 0 auto;
        }





    }
    @media(max-width:480px){
        .logo{
            width:33%;
            padding-bottom: 10px;
        }
        .logo img{
            width:100%;
        }
        .banner_desc {
            right: 13%;
        }
        .banner_desc h1 {
            font: 300 18px/18px 'Arial', sans-serif;
        }
        .banner_desc h2 {
            font: 300 13px/17px 'Arial', sans-serif;
        }
        .cssmenu ul li a {
            margin: 0 5px;
            line-height: 1.8em;
        }
        .login-left {
            padding: 0 15px;
            margin-bottom: 3em;
        }
        .login-right form {
            padding:0;
        }
        .register-top-grid div, .register-bottom-grid div {
            width: 100%;
            float: none;
        }

        /* Added Respnsive Styles */

        .logo {
            width: 50%;
            float: none;
            margin: 0 auto;
        }
        ul.shopping_grid {
            float: none;
            margin-top:5px;
            text-align: center;
        }
        .header_top {
            margin: 0px 0;
        }
        ul.shopping_grid li {
            display: inline-block;
            float: none;
        }

        /*
        .callbacks_nav {
            background: ('elements/.jpg');
        }
        */
        .main {
            padding-bottom: 0.5em;
        }

        .banner_desc {
            top: 30%;
            right: 10%;
        }

        .banner_desc h2 {
            display: none;
        }

        .imageBlock a {
            width: 100%;
        }

        .textOverlay .tag {
            font-size: 0.9rem;
        }

        .featuredBlocks > div {
            width: 100%;
        }

        #submenu {
            border-bottom: 1px solid black;
        }

        #cat09 .title {
            font-size: 1.2rem;
        }

        .content_right {
            margin-top: 1em;
        }

        .content_right main {
            margin: 0 auto;
        }

        #customdiv div div {
            width: 100%;
        }

        .top_grid1 {
            margin: 0;
            padding: 0;
        }

        .rcc {
            width: 95% !important;
            margin-bottom: 1em;
            margin-left: auto;
            margin-right: auto;
        }

        .rcc > .ProdCatItem {
            width: 100%;
            height: auto;
        }

        .ProdCatItem {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        form[name="Shopping%20Cart%20AddItems"] > table:first-of-type > tbody > tr > td {
            display: block;
            width: 90%;
            margin: 0 auto;
        }

        /*
        .callbacks_nav {
            width: 40px;
            height: 40px;
        }
        */
    }
    @media(max-width:320px){

        .toggleMenu {
            font-size: 1em;
            padding: 3px;
        }
        .callbacks_nav {
            left: -17px;
        }
        .banner_desc h1 {
            font: 300 14px/15px 'Arial', sans-serif;
        }
        .banner_desc h2{
            display:none;
        }
        .banner_desc {
            top: 30%;
        }
        .stay {
            font: 800 12px/13px 'Arial', sans-serif;
        }
        .stay_right {
            width: 55%;
        }
        .menu > li > a {
            line-height: 2.5em;
            text-indent: 1em;
            font-size: 13px;
        }
        .twitter {
            margin-top: 2em;
            padding-right: 0;
        }
        .clients {
            margin-top: 2em;
        }
        .clients h3 {
            margin-bottom:1em;
        }
        .top_grid2 {
            margin-top:0;
        }
        h4.head {
            font: 700 16px/30px 'Arial', sans-serif;
            padding: 0px 0 0 20px;
        }
        .main {
            padding: 1em 0 1em;
        }
        .content_right {
            margin-top: 2em;
        }
        ul.list {
            float: none;
            width: 100%;
        }

        .feature h4 {
            font: 300 15px/15px Arial, sans-serif;
        }
        ul.about_box li.box_desc {
            font: 300 15px/25px Arial, sans-serif;
        }
        .map iframe {
            min-height:200px;
        }
        .contact-form input[type="text"], .contact-form textarea{
            width: 100%;
        }
        .page-not-found h1 {
            font: 300 90px/90px Arial, sans-serif;
        }
    }


    .footer-extra {
        background: #666666!important;
    }

    .page-header {
        margin: 5px 0 20px;
    }

    .productHolder {
        background-color: #ffffff!important;
    }

    .equal-height {
        min-height: 420px!important;
    }

    .include-list>ul {
        list-style-type: square!important;
    }
    @media(max-width:414px) {
        #popCart {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 80%;
            min-height: 50%;
            background-color: #f8f8f8;
            border: 3px solid #BAC4D0;
            color: #000;
            z-index: 100000; /*do not change this*/
            display: none; /*do not change this*/
            padding: 5px;
        }

        .image-cart {
            display: none;
        }
    }

    @media(min-width:415px) {
        #popCart {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 40%;
            min-height: 50%;
            background-color: #f8f8f8;
            border: 3px solid #BAC4D0;
            border: 2px solid;
            border-radius: 3px;
            color: #000;
            z-index: 100000; /*do not change this*/
            display: none; /*do not change this*/
            padding: 20px;
        }
    }

    ul.popcartList {list-style-type:none; margin:0; padding:0;}
    li.popcartButton {float:right;padding-right:10px;}

    #popCart_overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
        background-color: #000;
        display:none;
        opacity:0.75;
        filter:alpha(opacity=75);
        -moz-opacity: 0.75;
    }

    * html #popCart_overlay { /* ie6 hack */
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }


    .btn-info {
        padding:7px 10px!important;
        text-transform:uppercase!important;
        color: #fff!important;
        background-color: #191919!important;
        border-color: #191919!important;
    }

    .alert-warning {
        color: #333333!important;
        background-color: #EFEFEF!important;
        border-color: #EFEFEF!important;
    }


    .carousel-control.left, .carousel-control.right {
        background-image: none;
    }


    h1 {
        margin: 0 0 9px -1px;
        font-size: 48px;
        font-family: 'Roboto',Helvetica,Arial,sans-serif;
        /*text-transform: uppercase;*/
        color: #333333;
        font-weight: 300;
        padding: 0;
        line-height: 48px;
        letter-spacing: -1px;
        word-wrap: break-word;
    }

    .header_header {
        background-color: #ffffff;
        height: 37px;
        border-top: 2px solid #CA261A;
    }

    .panel-info>.panel-heading {
        color: #ffffff;
        background-color: #333333;
        border-color: #333333;
    }

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #004FB6;
        border-color: #004FB6;
    }

    h2 {
        font: 300 30px/30px 'Roboto','Arial', sans-serif;
        /*text-transform:uppercase;*/
    }

    h3>a {
        color: #ee3124!important;
        text-decoration: none;

    }

    h3 {
        font: 300 25px/25px 'Roboto','Arial', sans-serif;
        /*text-transform:uppercase;*/
    }

    h1 {
        color: #333;
    }

    a:focus, a:hover {
        text-decoration: none!important;
    }
/*
    #bodyWrapper {
        min-height: 600px;
    }*/

    .footer-bottom {
        min-height: 200px;
        background-color: #666666;
    }

.home-search {
    background-color: #004fb6!important;
    color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    @media (min-width: 768px) {
        .home-images {
            max-width: 200px !important;
        }
    }

    @media (min-width: 1400px) {
        .home-images {
            max-width: 275px !important;
        }
    }

    @media (min-width: 1800px) {
        .home-images {
            max-width: 300px !important;
        }
    }

    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #ffffff;
        border-radius: 4px;
    }

.breadcrumb>li {
    font: 300 15px/15px 'Roboto','Arial', sans-serif;
}

.prod_description>ul {
    padding: 10px;
    list-style: circle!important;
}

    .panel-default>.panel-heading {
        background-color: #CA261A!important;
    }

    .panel-default>.panel-heading {
        color: #fff;
    }