body{font-family: 'lato', sans-serif; background-color: #1F1F1F;}
:focus,.btn:focus { outline: 0;}
a:focus { outline: 0; border:none;}
hr{border-color: #ececec;}
.row.gutter-0>div{padding-left:0; padding-right: 0;}


/*================*/
/*HELPERS*/
/*================*/

.nmt {margin-top: 0px !important;}
.smt {margin-top: 5px !important;}
.mmt {margin-top: 10px !important;}
.lmt {margin-top: 15px !important;}
.xlmt {margin-top: 25px !important;}
.jmt {margin-top: 40px !important;}

.nmb {margin-bottom: 0px !important;}
.smb {margin-bottom: 5px !important;}
.mmb {margin-bottom: 10px !important;}
.lmb {margin-bottom: 15px !important;}
.xlmb {margin-bottom: 25px !important;}
.jmb {margin-bottom: 40px !important;}

.nmr {margin-right: 0px !important;}
.smr {margin-right: 5px !important;}
.mmr {margin-right: 10px !important;}
.lmr {margin-right: 15px !important;}
.xlmr {margin-right: 25px !important;}
.jmr {margin-right: 40px !important;}


.nml {margin-left: 0px !important;}
.sml {margin-left: 5px !important;}
.mml {margin-left: 10px !important;}
.lml {margin-left: 15px !important;}
.xlml {margin-left: 25px !important;}
.jml {margin-left: 40px !important;}


/* === PADDING === */

.npt {padding-top: 0px !important;}
.spt {padding-top: 5px !important;}
.mpt {padding-top: 10px !important;}
.lpt {padding-top: 15px !important;}
.xlpt {padding-top: 25px !important;}
.jpt {padding-top: 40px !important;}

.npb {padding-bottom: 0px !important;}
.spb {padding-bottom: 5px !important;}
.mpb {padding-bottom: 10px !important;}
.lpb {padding-bottom: 15px !important;}
.xlpb {padding-bottom: 25px !important;}
.jpb {padding-bottom: 40px !important;}

.npr {padding-right: 0px !important;}
.spr {padding-right: 5px !important;}
.mpr {padding-right: 10px !important;}
.lpr {padding-right: 15px !important;}
.xlpr {padding-right: 25px !important;}
.jpr {padding-right: 40px !important;}


.npl {padding-left: 0px !important;}
.spl {padding-left: 5px !important;}
.mpl {padding-left: 10px !important;}
.lpl {padding-left: 15px !important;}
.xlpl {padding-left: 25px !important;}
.jpl {padding-left: 40px !important;}

/* === GENERAL === */

.uppercase {text-transform: uppercase !important;}
.bold {font-weight: 400;}

/* === ICONS === */

.icon-large {font-size: 18px !important;}

/* === BUTTONS === */

.btn-gj {text-transform: uppercase; background-color: #BB9178; color: #fff;}

/* === LABELS === */

.label-default { background-color: #A2A2A2;}


/* === PRINT === */

@media print {
    .no-print, .no-print * { display: none !important; }
}




/* VIDEO OVERLAY */
.fancybox-title-float-wrap { position: absolute; top: -22px; left: 13px;  margin-bottom: 0; z-index: 8050; text-align: left;}
.fancybox-title-float-wrap .child { background: none !important; text-transform: uppercase; font-weight: 300 !important; font-size: 18px; letter-spacing: 3px; margin-right: 0px !important; padding: 0px !important;}

/* LOADER */
.temp, .cart-temp, .popupTemp { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background: url('../images/loading.gif') center no-repeat #fff; opacity: 0.8;}

/* Account Links */
#accountLinks.list-inline>li { display: inline-block; padding-left: 5px; padding-right: 0px;}

a.cartLink { color: #A9765B !important;}
a.cartLink i {font-size: 15px !important; }






ul#noty_topCenter_layout_container { top: 40% !important;}
/*
li.animated.fadeInUp {
    background-color: #A9765B !important;
}

li.animated.fadeInDown {
    background-color: #A22D2D !important;
}
*/

/*
li.animated.fadeInDown,
li.animated.fadeInUp {
    height: 100% !important;
    border: none !important;
    padding: 12px;
    color: #fff !important;
}
*/
li.animated.fadeInDown,
li.animated.fadeInUp {
    height: 100% !important;
    border: none !important;
    /* width: 470px !important; */
    padding: 0px;
    color: #fff !important;
    background-color: inherit !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
li.animated.fadeInDown {
    background-color: #8A2C2C !important;
}
.noty_message {
    font-weight: 400 !important;
    padding: 15px;
}
li.animated .noty_type_success {
    background-color: #BB9178 !important;
}


span.noty_text { font-size: 15px !important; line-height: 24px;}
h1, .h1 {
    font-size: 32px;
}
.page-title {
    text-transform: uppercase;
}
/*================*/
/*ELEMENTS*/
/*================*/
.list-socials {list-style: none; margin-left: 0; padding: 0; text-align: center;}
.list-socials li{display: inline-block;vertical-align: middle;}
.list-socials li a{display: inline-block; padding: 5px; margin: 0 5px;}

.form-control{box-shadow: none; font-size: 16px; height: 40px;}
.form-control:focus{box-shadow: none;}
.form-dark .form-control{color: #fff; background-color: #292929; border-color: #292929;}


.qtySelect {
    border: 1px solid #ccc;
    border-radius: 0px;
    overflow: hidden;
    /* background: #fafafa url("img/icon-select.png") no-repeat 90% 50%; */
}
.qtySelect select {
    padding: 5px 8px;
    width: 30px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.qtySelect select:focus {
    outline: none;
}


.carousel-control.left, .carousel-control.right{background: none; filter: none;}
.carousel-control .glyphicon-chevron-left:before, .carousel-control .glyphicon-chevron-right:before, .carousel-control .icon-prev:before, .carousel-control .icon-next:before{display: none;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width: 44px; height: 44px; margin-top: -22px; background-position: 50%; background-repeat: no-repeat;}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{background-image: url(../images/ic_nav_left.png);}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{background-image: url(../images/ic_nav_right.png);}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev-dark{background-image: url(../images/ic_nav_left_dark.png);}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next-dark{background-image: url(../images/ic_nav_right_dark.png);}
.carousel-control.lg .glyphicon-chevron-left,.carousel-control.lg .icon-prev{background-image: url(../images/ic_nav_left_lg.png);}
.carousel-control.lg .glyphicon-chevron-right,.carousel-control.lg .icon-next{background-image: url(../images/ic_nav_right_lg.png);}

.panel-group .panel{border: 0; box-shadow: none;}
.panel-group .panel+.panel{margin-top: 0;}
.panel.panel-default { border-bottom: 1px solid #ddd; }
.panel-group .panel-heading{padding: 0;}
.panel-group .panel-title{display: block;padding: 20px 15px 20px 30px; text-transform: uppercase; position: relative;}
.panel-group .panel-title:before{content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 10px; top: 50%; margin-top: -12px;}
.panel-group .panel-title[aria-expanded="true"]:before{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header-top .list-contact li a:before {
    color: #bb9178;
    margin-right: 5px;
    font-family: 'FontAwesome';
}
.header-top .list-contact li.item-contact-call a:before {
    content: "\f095";
    font-size: 14px;
}
.panel-group .panel-body{padding-top: 0; padding-left: 30px;}
.panel-default>.panel-heading{background-color: transparent; border: 0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border: 0;}

.dropdown-menu {top: 44px;}
.accordion-inner-content { border: 1px solid #F1E6E1;;padding: 20px 30px;}
.faq-accordion {}

/*================*/
/*HEADER*/
/*================*/
.site-header{position: relative; top 0; width: 100%; background-color: #fff; z-index: 99;}
.site-header.affix {position: fixed; top 0; z-index: 99; background-color: rgba(255, 255, 255, 1) !important;}
.site-header.affix .header-top{display: none;}

.header-top{display: block; border-bottom: 1px solid #ececec;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.header-top .list-contact{list-style: none; padding: 0; margin: 0; line-height: 39px;}
.header-top .list-contact li{display: inline-block;}
.header-top .list-contact li a{display: inline-block; vertical-align: middle; color: #858585; text-transform: uppercase; font-size: 12px; margin-right: 0px;}
.header-top .list-contact li a:hover, .header-top .list-contact li a:focus{color: #a67757;}
.header-top .list-contact li a:before{color: #bb9178; margin-right: 5px; font-family: 'FontAwesome';}
.header-top .list-contact li.item-contact-call a:before{content: "\f095"; font-size: 14px;}
.header-top .list-contact li.item-contact-email span:before{content: "\f003";}

.navbar{border: 0; margin-bottom: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar .navbar-brand{height: auto; padding-top: 15px; padding-bottom: 15px;}
.navbar .navbar-brand img {max-width: 234px;}
.navbar-nav>li>a{text-transform: uppercase; padding: 10px 20px 14px;}
.affix .navbar{width: 100%; top: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);}
.navbar-header { float: none;}
.largeMonogramLogo {display: none !important;}
.affix .largeMonogramLogo {display: block !important;}
.affix .defaultLogo {display: none !important;}
.logoutIcon {color: #A9765B !important;}
.nav-logo {width: 15px;}


@media (max-width: 550px) {
    .form-group.email .col-xs-6 {
        width:100% !important;
        margin-bottom: 10px;
    }

    button.newsletter {
        top: 59px !important;
    }
}

@media (max-width: 767px) {
    .sidebar {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .site-header.affix {
        position: relative;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .affix .navbar>.container .navbar-brand {
        margin-left: -60px;
    }
}
@media (max-width: 767px) {
    .navbar-header{text-align: center; position: relative; border-bottom: 1px solid #f4f4f4;}
    .navbar-toggle{float: left; margin-left: 5px; position: absolute; left: 0; bottom: 25%; margin-bottom: 6px;}
    .navbar-brand{float: none; display: inline-block;}
    .navbar-brand>img{max-height: 60px;}
    .navbar-nav{margin-top: 0; margin-bottom: 0;}
    .navbar-nav>li>a{border-bottom: 1px solid #f4f4f4;}
    .nav .dropdown-toggle{position: relative;}
    .nav .dropdown-toggle:after{font-family: 'FontAwesome'; position: absolute; right: 14px; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #9b9b9b; font-size: 12px; }
    .nav .dropdown-toggle[aria-expanded="false"]:after{content: "\f067";}
    .nav .dropdown-toggle[aria-expanded="true"]:after{content: "\f068";}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border: 0;}
    .navbar-nav .open .dropdown-menu{background-color: #f7f7f7;}
    .navbar-nav .open .dropdown-menu>li>a{text-transform: uppercase; font-weight: 300;}

}

@media (min-width: 590px) and (max-width: 768px){
    .footer-right .col-sm-4 {width: 33%!important;float: left;}
}

@media (min-width: 768px) {
    .site-header{position: absolute; top: 0; left: 0; right: 0;}
    .header-top{display: block; height: 43px;}
    .affix .header-top{height: 0; overflow: hidden; border-bottom:none;}

    .navbar{height: 170px;}
    .affix .navbar{background-color: rgba(255,255,255,1); height: 103px;}
    .affix .navbar .navbar-brand>img{max-width: 168px; height: 70px;}
    .affix .navbar .navbar-collapse{position: relative;}
    .affix .navbar .navbar-nav{margin-right: 0px; position: absolute; bottom: 0; right: 0;}
    .affix-top .navbar{text-align: center;clear: both;}
    .affix-top .navbar .navbar-header{float: none; margin: 0 auto;}
    .affix-top .navbar .navbar-brand{float: none; display: inline-block; text-align: center;margin: 0 auto; padding-bottom: 5px;}
    .affix-top .navbar .navbar-right{float: none !important; margin: 0 auto;}
    .affix-top .navbar .navbar-nav>li{float: none; display: inline-block;}
    .navbar-nav>li>.dropdown-menu{padding: 10px 0; right: auto; left: -10px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);box-shadow: 0 6px 12px rgba(0,0,0,0); border-top: none; min-width: 200px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
        -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
        -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
        -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        z-index: 50;
        background: rgba(255, 255, 255, 0.9);
    }
    .navbar-nav>li:last-child>.dropdown-menu{
        left: auto; right: 20px;
    }
    .navbar-nav>li.open>.dropdown-menu, .navbar-nav>li:hover>.dropdown-menu{
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease;
        -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease;
        -o-transition: opacity 0.4s ease, -o-transform 0.4s ease;
        transition: opacity .4s ease, transform .4s ease;
    }

    .navbar-nav>li>.dropdown-menu>li>a{font-size: 12px; text-transform: uppercase; padding: 8px 30px;}
    .navbar-nav>li>.dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:focus{background-color: transparent; color: #bb9178;}

}

@media (min-width: 768px) and (max-width: 991px){
    footer .container { max-width: 800px; width:100%;}
    .navbar-nav>li>a {
        text-transform: uppercase;
        padding: 10px 5px;
        font-size: 12.8px;
    }
    header.affix .navbar-nav>li>a {
        text-transform: uppercase;
        padding: 10px 5px;
        font-size: 12px;
    }
}


@media (max-width: 991px){
    .widget-signup {border-bottom: 1px solid #393939; padding-bottom: 10px;}
    .product-detail .list-socials {width: 50%;}
    /* INCENSE */
    .carousel-caption.burner-caption { display: none;}
}


@media (max-width: 1200px){

    /* INCENSE */
    .carousel-caption.burner-caption { top: 55% !important; left: 15% !important; }
    #home-slider .carousel-caption.burner-caption .title { font-size: 16px; margin-bottom: 24px; letter-spacing: 4px;}
    #home-slider .carousel-caption.burner-caption .desc { font-size: 12px; letter-spacing: 7.5px; }
}


/*================*/
/*FOOTER*/
/*================*/
.site-footer{background-color: #1f1f1f; color: #808080; padding: 30px 0 0px;}
.site-footer a{color: #808080;}
.site-footer a:hover, .site-footer a:focus{color: #fff;}
.site-footer .widget{margin-bottom: 28px;}
.site-footer .widget-title{position: relative; text-transform: uppercase; color: #fff; padding-bottom: 10px; margin-bottom: 15px;}
.site-footer .widget-title:after{content: ""; height: 1px; width: 50px; background-color: #393939; position: absolute; bottom: 0; left: 0;}
.site-footer .widget .menu-links{text-transform: uppercase; font-size: 12px; margin: 0; padding: 0; list-style: none;}
.site-footer .widget .menu-links li{margin-bottom: 16px;}
.site-footer .widget-signup .widget-title{text-align: center; font-size: 12px; padding-bottom: 0; margin-bottom: 10px;}
.site-footer .widget-signup .widget-title:after{display: none;}
.site-footer .widget-signup .form-group.email{position: relative;}
.site-footer .widget-signup .form-group.email input{padding-right: 40px; font-size: 13px;}


.site-footer .form-control {
    font-size: 14px;
    font-weight: 300;
}

.site-brand{text-align: center; margin: 10px 0 35px;}
.site-brand img{margin-bottom: 10px; max-width: 195px;}
.site-brand .tagline{letter-spacing: 1.5px; }

.site-info{text-align: center; border-top: 1px solid #393939; padding-top: 10px;}
.site-info .copy-right{text-transform: uppercase; font-size: 11px;}
i.fa.fa-envelope-o:hover { color: #A9765B; }


button.newsletter { background: none;  border: none; position: absolute; right: 5px; top: 9px; }

@media (min-width: 991px) and (max-width: 1200px){
    .navbar-nav>li>a {
        text-transform: uppercase;
        padding: 10px 11px;
    }
    .product-detail .title {
        font-size: 18px !important;
    }
    .footer-right-1.col-sm-4 {
        margin-left: 25px;
    }
    .footer-right-3.col-sm-4 {
        width: 29%;
    }

    /* INCENSE */
    .carousel-caption.burner-caption {
        top: 63% !important;
        left: 12% !important;
    }


    .carousel-caption.football-caption.ali { top: 54% !important; right: -87% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 13px; margin-bottom: 24px; letter-spacing: 2px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 8px; letter-spacing: 4.9px; }

}

@media (min-width: 991px) and (max-width: 1029px){

    .carousel-caption.football-caption.ali { top: 54% !important; right: -84% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 12px; margin-bottom: 24px; letter-spacing: 3px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 8px; letter-spacing: 5.3px; }

}
@media (min-width: 1030px) and (max-width: 1199px){

    .carousel-caption.football-caption.ali { top: 54% !important; right: -84% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 12px; margin-bottom: 24px; letter-spacing: 3px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 8px; letter-spacing: 5.3px; }

}
@media (min-width: 1100px) and (max-width: 1200px){

    .carousel-caption.football-caption.ali { top: 54% !important; right: -78% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 11px; margin-bottom: 17px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 8px; letter-spacing: 5.8px; }

}

/*================*/
/* HOMEPAGE SLIDER */
/*================*/

#home-slider .carousel-caption.football-caption .desc,
#home-slider .carousel-caption.basketball-caption .desc { color: #929292;}




@media (min-width: 1200px) {
    .footer-right{padding-left: 50px; padding-right: 15px;}
    .footer-right-2{padding-left: 70px; }
    .footer-right-3{padding-left: 85px; }


    /*================*/
    /* HOMEPAGE SLIDER */
    /*================*/

    .carousel-caption.burner-caption { top: 67% !important; left: 10% !important; }
    #home-slider .carousel-caption.burner-caption .title { font-size: 22px; margin-bottom: 24px; letter-spacing: 4px; }
    #home-slider .carousel-caption.burner-caption .desc { font-size: 13px; letter-spacing: 10.7px; }


    .carousel-caption.football-caption { top: 67% !important; left: 3% !important; }
    #home-slider .carousel-caption.football-caption .title { font-size: 20px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption .desc { font-size: 11px; letter-spacing: 9px;}


    .carousel-caption.basketball-caption { top: 67% !important; left: 11% !important; }
    #home-slider .carousel-caption.basketball-caption .title { font-size: 22px; margin-bottom: 24px; letter-spacing: 4px; color: #D8D8D8;}
    #home-slider .carousel-caption.basketball-caption .desc { font-size: 11px; letter-spacing: 9.2px;}


    .carousel-caption.football-caption.ali { top: 54% !important; right: -64% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 16px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 11px; letter-spacing: 8.2px; }

}
@media (min-width: 1200px) and (max-width: 1299px){
    .carousel-caption.football-caption.ali { top: 54% !important; right: -87% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 13px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 9px; letter-spacing: 6.2px; }
}
@media (min-width: 1300px) and (max-width: 1399px){
    .carousel-caption.football-caption.ali { top: 54% !important; right: -81% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 14px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 10px; letter-spacing: 6.4px; }
}
@media (min-width: 1400px) and (max-width: 1599px){
    .carousel-caption.football-caption.ali { top: 54% !important; right: -74% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 16px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 10px; letter-spacing: 7.5px; }
}
@media (min-width: 1500px) {
    .footer-right{padding-left: 50px; padding-right: 15px;}
    .footer-right-2{padding-left: 70px; }
    .footer-right-3{padding-left: 85px; }


    /*================*/
    /* HOMEPAGE SLIDER */
    /*================*/

    .carousel-caption.football-caption { top: 67% !important; left: 0% !important; }
    #home-slider .carousel-caption.football-caption .title { font-size: 22px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption .desc { font-size: 13px; letter-spacing: 8.6px;}

    .carousel-caption.basketball-caption { top: 67% !important; left: 10% !important; }
    #home-slider .carousel-caption.basketball-caption .title { font-size: 24px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.basketball-caption .desc { font-size: 13px; letter-spacing: 9px;}

}
@media (min-width: 1600px) {
    .carousel-caption.football-caption.ali { top: 54% !important; right: -69% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 18px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 11px; letter-spacing: 8.2px; }
}

h2.intro.title {
    font-weight: inherit;
    margin: 30px 0;
}


@media (max-width: 767px) {
    .section-parallax {
        min-height: 200px !important;
    }
}

@media (max-width: 767px) {
    h2.intro.title {
        font-size: 14px;
        letter-spacing: 2px;
        font-family: 'lato';
        line-height: 28px;
    }
    .section-heading .title {
        font-size: 24px;
    }
    .product-slide .carousel-indicators li {
        width: 60px !important;
        height: 60px !important;
    }

    /***  Home slider captions ***/
    .carousel-caption.football-caption,
    .carousel-caption.basketball-caption { display: none; }
}
@media (max-width: 768px) {
    .section-parallax {
        min-height: 370px !important;
        background-position: top center !important;
    }
}
@media (min-width: 768px) and (max-width: 899px){
    .carousel-caption.football-caption { top: 67% !important; left: 1% !important; }
    #home-slider .carousel-caption.football-caption .title { font-size: 10px; margin-bottom: 10px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption .desc { font-size: 7px; letter-spacing: 5.3px; }

    .carousel-caption.basketball-caption { top: 67% !important; left: 5% !important; }
    #home-slider .carousel-caption.basketball-caption .title { font-size: 16px; margin-bottom: 10px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.basketball-caption .desc { font-size: 9px; letter-spacing: 6.4px; }

    .carousel-caption.football-caption.ali { top: 67% !important; left: 47% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 10px; margin-bottom: 15px; letter-spacing: 3px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 7px; letter-spacing: 4.8px; }

}
@media (min-width: 768px) and (max-width: 1023px){
    h2.intro.title {
        font-size: 14px;
        letter-spacing: 3px;
        font-family: 'lato';
        line-height: 28px;
    }
}


@media (min-width: 900px) and (max-width: 990px){
    .carousel-caption.football-caption.ali { top: 67% !important; left: 48% !important; }
    #home-slider .carousel-caption.football-caption.ali .title { font-size: 12px; margin-bottom: 15px; letter-spacing: 3px; color: #fff;}
    #home-slider .carousel-caption.football-caption.ali .desc { font-size: 8px; letter-spacing: 5.4px; }
}


@media (min-width: 900px) and (max-width: 1023px){
    .carousel-caption.football-caption { top: 67% !important; left: 1% !important; }
    #home-slider .carousel-caption.football-caption .title { font-size: 14px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption .desc { font-size: 9px; letter-spacing: 6.5px; }

    .carousel-caption.basketball-caption { top: 67% !important; left: 5% !important; }
    #home-slider .carousel-caption.basketball-caption .title { font-size: 18px; margin-bottom: 24px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.basketball-caption .desc { font-size: 12px; letter-spacing: 6.5px; }

}
@media (min-width: 1024px) and (max-width: 1199px){
    h2.intro.title {
        font-size: 13px;
        letter-spacing: 3px;
        font-family: 'lato';
    }
    .carousel-caption.football-caption { top: 67% !important; left: 2% !important; }
    #home-slider .carousel-caption.football-caption .title { font-size: 16px; margin-bottom: 15px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.football-caption .desc { font-size: 10px; letter-spacing: 7px; }


    .carousel-caption.basketball-caption { top: 67% !important; left: 10% !important; }
    #home-slider .carousel-caption.basketball-caption .title { font-size: 20px; margin-bottom: 15px; letter-spacing: 4px; color: #fff;}
    #home-slider .carousel-caption.basketball-caption .desc { font-size: 11px; letter-spacing: 8px; }

}

@media (min-width: 1200px) and (max-width: 1400px){
    h2.intro.title {
        font-size: 17px;
        letter-spacing: 3px;
        font-family: 'lato';
    }
}
@media (min-width: 1401px) {
    h2.intro.title {
        font-size: 16px;
        letter-spacing: 3px;
        font-family: 'lato';
    }
}
.homepage .site-content { padding-top: 0px; }
/*.site-content { min-height: calc(100vh - 363px)!important; }*/
/*================*/
/*PAGE GLOBAL*/
/*================*/
.section-heading .title{margin: 30px 0; position: relative; text-transform: uppercase; color: #303030;}
.section-content .title.lower-title{margin: 30px 0px !important;}

/* .section-heading .title:after{content: ""; width: 42px; height: 1px; background-color: #a67757; position: absolute; left: 0; bottom: -10px;} // mini bar */
.section-heading .title.title-center{text-align: center;}
.section-heading .title.title-center:after{left: 50%; margin-left: -21px;}
.section-content{padding: 30px 0;}
.section-content .title{text-transform: uppercase; line-height: 28px;}
.section-content .title.lower-title{margin: 10px 0px !important;}
.section-dark{background-color: #a59b92; color: #fff;}
.section-parallax{min-height: 370px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section-2-img .section-content, .section-3-img .section-content{padding: 0;}
.section-2-img .section-content img, .section-3-img .section-content img{width: 100%;}

.site-content{padding-top: 15px; background-color: #fff;}
.site-content.page h2,.site-content h1 {color: #A9765B;text-transform: uppercase;}
.site-content.page h2 {font-size: 26px;}
.site-content.page p {font-size: 16px;line-height: 26px;}
.page-default .content-main{margin-bottom: 30px;}
.page-default .content-area{margin-top: 30px}


#main { min-height: 500px;}
body.home #main { margin-top: 210px;}

.btn-gj { background-color: #A9765B; color: #fff; font-size: 12px; border: 1px solid #A9765B;}
.btn-gj:hover { background-color: #BF9077; color: #fff; }

.coming_soon h2 { text-align: center; color: #A9765B !important; }
.coming_soon hr.dashed.top { margin-top: 17%; }


.faq-help-box {
    border: 1px solid #BB9184;
    padding: 4px 36px 20px;
}

.faq-help-box h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

@media (min-width: 600px) and (max-width: 780px){
    .footer-right-1.col-sm-4,
    .footer-right-2.col-sm-4
     {
        padding-left: 60px;
    }
}

@media (max-width: 780px) {
    .footer-right.col-md-9,.footer-left.col-md-3 {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (min-width: 768px) {
    .site-content{padding-top: 228px;}
    .section-heading .title,.section-content .title{font-size: 28px;}
    .section-content .lead{font-size: 18px; letter-spacing: 0.3px;}

    .section-2-img .section-content .row>div:first-child{border-right: 1px solid #fff;}
    .section-2-img .section-content .row>div:last-child{border-left: 1px solid #fff;}
}

@media (max-width: 991px) {
    .section-parallax {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('../data/bg-parrllax-fixed.jpg') !important;
        background-attachment: inherit;
        min-height: 350px !important;
    }
    .help-box {
        margin: 0px 0px 25px !important;
    }
}

@media (max-width: 767px) {
    .section-parallax {
        min-height: 249px !important;
    }
    body.home #main { margin-top: 0px;}
}
@media (min-width: 1024px) {
    .page-default .content-area{margin-top: 35px; }
    .page-default .content-main{margin-bottom: 60px;border-right: 1px solid #ddd; }
    .page-default .sidebar{ margin-bottom: 60px; padding-left: 30px;}
}

@media (min-width: 992px) and  (max-width: 1024px) {
    .section-parallax { min-height: 215px !important; }
}


/*=====================
 *=
 *=   HOMEPAGE
 *=
 =====================*/


#home-slider{font-family: 'lato', sans-serif; background-color: #000000;}
#home-slider .carousel-inner>.item>img, #home-slider .carousel-inner>.item>a>img{width: 100%;}
#home-slider .carousel-caption{text-align: left; color: #ccc; text-transform: uppercase;}
#home-slider .carousel-caption .title{font-size: 25px;margin-bottom: 30px;letter-spacing: 4px; }
#home-slider .carousel-caption .desc{font-size: 13px;letter-spacing: 6px; }
#home-slider a {color: #fff;}


@media screen and (min-width: 768px){
    #home-slider .carousel-caption{top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); bottom: auto;}
}


/*=====================
 *=
 *=   PRODUCT PAGE
 *=
 =====================*/

.product-slider-wrapper{padding: 30px 0;}
.product-slide .carousel-inner{margin-bottom: 30px}
.product-slide .carousel-inner>.item>img, .product-slide .carousel-inner>.item>a>img{margin: 0 auto; max-width: 100%;cursor: pointer;}
.product-slide .carousel-indicators{position: static; text-align: center; margin: 0 auto; width: 100%;}
.product-slide .carousel-indicators li{width: 65px; height: 65px; border-color: #E4E4E4; border-radius: 0; text-indent: 0; margin: 0 5px;}
.product-slide .carousel-indicators li.active{border-color: #BFA698;}
.product-slide .carousel-indicators li img{max-width: 100%;}

.product-content .desc{font-size: 16px; text-align: center; max-width: 660px; margin: 0 auto 10px;}

.product-detail .title{text-transform: uppercase; font-size: 21px; font-weight: 400; color: #303030; margin-top: 0;letter-spacing: 3px;}
.product-detail .sku{color: #9f9f9f; font-size: 13px; margin-bottom: 25px;}
.product-detail .price{color: #757575; font-weight: 400; line-height: 34px;}
.product-detail .link-call{display: block; padding-left: 38px; line-height: 44px; text-transform: uppercase; font-weight: 400; height: 44px; position:relative;}


.product-detail .link-call:before{content: "\f10b"; font-family: 'FontAwesome'; font-size: 56px; position: absolute; top: 0; left: 0;}
.product-detail .panel-group .panel-title{font-size: 13px; font-weight: 400;}
.product-detail .list-support{list-style: none; font-size: 13px; font-weight: 400; text-transform: uppercase; padding-left: 0;}
.product-detail .list-support li{margin-bottom: 15px;}
.product-detail .list-support li .icon{display: inline-block; vertical-align: middle; margin: 0 20px 0 10px; font-size: 18px;}
.product-detail .list-socials{font-size: 18px; display: flex; justify-content: space-between;}
.product-detail .list-socials li a{margin: 0 10px;}
.main-description p {line-height: 1.8em; font-size: 15px;}
.clickToZoom { text-align: center; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;}
.clickToZoom p { color: #D4D4D4 !important; font-size: 12px}

.imageMagnify i {font-size: 24px; color: #CCCCCC;}
.imageMagnify {position: absolute; top: 10px; right: 10px;z-index: 1;}

.product-slider-wrapper .carousel-control {
    top: 50%;
    bottom: 0;
    height: 47px;
}


@media screen and (max-width: 768px){
    .product-slider-wrapper .carousel-inner {
        width: 66%;
        margin: 0 auto 15px;
    }
    .product-detail .link-call {
        font-size: 12px;
    }
}

/* FANCY BOX VIDEO OVERLAY */
.fancybox-wrap { z-index: 2000;}
.fancybox-title { color: #fff; font-size: 18px;  font-family: "Open Sans"; font-weight: 300; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
.video-content { width: 800px;}

@media screen and (min-width: 1024px){
    .product-slider-wrapper{padding: 60px 0 25px;}
    .product-slide .carousel-inner{margin-bottom: 35px}
    .product-slide .carousel-indicators li{width: 65px; height: 65px;margin: 0 20px;}
    .product-detail .price{line-height: 48px; font-size: 16px;}
    .product-detail .add-cart{font-size: 15px; padding: 12px 20px; letter-spacing: 1px; text-transform: uppercase;}
}



#gj-login {
    max-width: 535px;
    min-height: 260px;
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #fff;
}
#userLoginbox,
#signUp {
    height: 220px;
}
#signUp {
    border-left: 1px solid #F3E3DB;
}
#signUp p {
    line-height: 20px;
    margin-top: 40px;
}
.loginMonogram img {
    cursor: pointer;
    width: 15px;
}
#gj-login h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}
.rememberMe{
    text-transform: uppercase;
    margin-bottom: 5px;
}
.forgottenPassword{
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 8px;
}
#close_login {
    position: absolute;
    right: 16px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}
#gj-login .form-control {
    font-size: 13px;
    height: 35px;
}
.close.btn {
    margin: -7px 7px;
    width: 10px;
    height: 10px;
    padding: 9px;
    background: url('../images/close_thin.png') center center no-repeat;
}
.btn.btn-create-account,
.btn.btn-sign-in {
    background-color: #A9765B;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}
.btn-create-account {
    right: 15px;
}
.alert-danger {
    border-color: #a94442;
    color: #a94442;
    text-transform: uppercase;
    width: 94%;
    margin: 10px auto 5px;
    background-color: #fff;
}
.modal {
    z-index: 99999999;
}


@media (min-width: 768px){
    .modal-sm {
        width: 500px;
    }
}
@media (max-width: 768px){
    #signUp h4 {
        border-top: 1px solid #ddd;
        margin-top: 15px;
        padding-top: 15px;
    }
    #signUp p {
        line-height: 20px;
        margin-top: 15px;
    }
    #signUp {
        height: 150px;
    }
    #signUp {
        border-left: none;
    }
}
@media (min-width: 500px) and (max-width: 768px){
    .modal-dialog {
        position: relative;
        width: 70%;
        margin: 10px auto;
    }
}

.single-product .carousel-inner .item.active a:hover img{cursor: url('../images/zoom-in.png'), auto; display: block;}


/**********************
 **
 **   POPUP CART
 **
 **********************/


.badge.badge-cart { background-color: #303030 !important; min-width: 10px; padding: 3px 5px !important; font-size: 10px !important; font-weight: normal !important; border-radius: 50% !important; margin-left: -4px;}

#shop-cart-popup-wraper {
    position :relative;
    display: inline-block;
    margin-top: 2px;
}

#shop-cart-popup-wraper:hover .shop-cart-popup{
    display: block;
}

#shop-cart-popup-wraper .shop-cart-popup {
    position: absolute;
    width: 350px;
    top:32px;
    right: -50px;
    background: #fff;
    z-index: 999999999;
    display: none;
}

#shop-cart-popup-wraper .popupCart {
    border:1px solid #ccc;
}

#shop-cart-popup-wraper .shop-cart-popup .deleteItem,
#cart-items-table .deleteItem {
    padding: 4px 6px;
    height: 29px;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #A7A7A7;
    width: 29px;
    color: #464646;
    margin-left: 10px;
}
#cart-items-table .deleteItem {
    position: relative;
    top: 30px;
}
#shop-cart-popup-wraper .shop-cart-popup .table-scoller { height: 230px; overflow-x: hidden;}
#shop-cart-popup-content .itemCount {text-transform: uppercase; text-align: center; letter-spacing: 1px; font-size: 12px;}
.popupViewCart,.popupCheckout {

    width: 100%;
    margin: 10px 0 !important;
    text-align: center;
}
.popupCheckout { background-color: #BB9178; color: #fff !important;}
.popupCheckout:hover { background-color: #A9765B;}
.popupViewCart,.popupViewCart:focus { border: 1px solid #444; color: #444 !important;}
.priceQty { color: #7B7B7B; font-size: 12px; padding: 0px;  min-width: 55%;  float: right;  text-align: right;  margin-right: 25px;  margin-top: 20px;}
.popupTotal { text-align: right; color: #444; text-transform: uppercase; padding-right: 15px; margin-top: 10px; }
#shop-cart-popup-content .itemName { margin-bottom: 10px; text-transform: uppercase; font-size: 11px;}


#shop-cart-popup-content .table>tbody>tr>td {
    padding: 7px 7px 7px 20px;
}


/*=====================
 *=
 *=   VIEW CART PAGE
 *=
 =====================*/


.whatsInBag {
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 200;
    padding-bottom: 3px;
}
.cartItemTitle a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}
button.removeItem {
    background: none !important;
    border: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 11px;
    float: right;
    color: #7B7B7B;
}
button.removeItem:hover {
    color: #444;
}
select.qty_box {
    width: 45px;
    float: left;
    border: none;
    height: auto !important;
}
.priceQtyBox {
    border: 1px solid #ddd;
    height: 42px;
    vertical-align: middle !important;
    padding: 9px 15px 0 5px;
    background: url('../images/qty_bg2.jpg') -14px 0px no-repeat #CEA790;
    color: #fff;
    text-align: right;
    margin-top: 34%;
    font-size: 12px;
    line-height: 24px;
}

@media screen and (max-width: 768px){
    .priceQtyBox {
        margin-top: 10px;
    }
    button.removeItem {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 700px){
    .col-md-4.col-xs-4.cartListImageHolder,
    .col-md-5.col-xs-4.cartListInfo
     {
        width: 50%;
    }
    .col-md-3.col-xs-4.selectQty
     {
        width: 100%;
    }
}
.img-thumbnail.popup,
.cartListImageHolder .img-thumbnail {
    padding: 0px;
    border: none;
    border-radius: 0px;
}
.cartListImageHolder .img-thumbnail {
    width: 170px;
}
.cartScroller .table>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.cartItem {
    border-bottom: 1px solid #E6E6E6;
    margin: 10px 0;
    padding: 10px 0;
}
.cartForms {
     border-top: 1px solid #CEA790;
    padding: 10px 10px 25px;
    margin: 20px 15px;
    clear: both;
    border-bottom: 1px solid #CEA790;
}
.cartTotal {
    font-size: 15px;
    margin: 14px 0;
    text-transform: uppercase;
    font-family: "lato";
    font-weight: 400;
    color: #4C4C4C;
}
input#code {
    font-size: 12px;
    text-transform: uppercase;
}
.continueShopping {
    border: 1px solid #B5B5B5;
    color: #6F6F6F;
    margin-left: 15px;
}
input#discount-apply-btn {
    background-color: #444;
    color: #fff;
    border: none;
}
.checkOut {
    background-color: #CDA790;
    color: #fff;
}
.continueShopping,input#discount-apply-btn,.checkOut {
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 8px;
    margin-right: 4px;
}
.help-box {
    border: 1px solid #ddd;
    padding: 0px 25px 7px;
    margin: 0px 15px;
    text-align: center;
    background: #1F1F1F;
    color: #fff;
}
.help-box p {
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #A7A7A7;
}
.cart-accordion {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.cart-accordion .panel-title {
    font-size: 13px;
}



/*=====================
 *=
 *=   CHECKOUT PAGE
 *=
 =====================*/

.delivery-info {
    padding: 0 30px 0 15px;
}
.sectionTitle {
    text-transform: uppercase;
    border-bottom: 2px solid #BF9884;
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 20px;
}
#checkout-page label {
    text-transform: uppercase;
    font-size: 12px;
    color: #777777;
    font-weight: 400;
    margin-bottom: 0;
}
#checkout-page .form-control {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-left: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#contactUs .form-control {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-left: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#checkout-page input:disabled {
    padding-left: 15px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #F3F3F3;
}
.radio li,
#payment li {
    list-style: none;
}
.payment_methods li {
    list-style: none;
    margin-bottom: 10px;
}
.payment_methods input[type="radio"] {
    margin-right: 5px;
}
.radio ul,
#payment ul {
    padding-left: 5px;
}
#checkout-page ::-webkit-input-placeholder,
#contactUs ::-webkit-input-placeholder,
#login ::-webkit-input-placeholder,
#register-page ::-webkit-input-placeholder,
#editProfileForm ::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
  color: #CCC;
  font-weight: 300;
}
#checkout-page ::-moz-placeholder,
#contactUs ::-moz-placeholder,
#login ::-moz-placeholder,
#register-page ::-moz-placeholder,
#editProfileForm ::-moz-placeholder { /* Firefox 19+ */
  color: #CCC;
  font-weight: 300;
}
#checkout-page :-ms-input-placeholder,
#contactUs :-ms-input-placeholder,
#login :-ms-input-placeholder,
#register-page :-ms-input-placeholder,
#editProfileForm :-ms-input-placeholder
 { /* IE 10+ */
  color: #CCC;
  font-weight: 300;
}
#checkout-page :-moz-placeholder,
#contactUs :-moz-placeholder,
#login :-moz-placeholder,
#register-page :-moz-placeholder,
#editProfileForm :-moz-placeholder { /* Firefox 18- */
  color: #CCC;
  font-weight: 300;
}
.cartSummaryItemTitle {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    color: #444;
    margin-top: 5px;
}
span.qtyPrice {
    font-size: 12px;
    color: #7E7E7E;
    margin-left: 15px;
}
input#email,
input#email_address,
input#email-2 {
    text-transform: none !important;
}

#checkOutPrices {
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
}

#payment {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}


/* OLD STYLES */

#allowed-shipping-methods.alert-danger {
    border-radius: 0px !important;
    padding: 10px !important;
    text-align: center;
    color:#8A2020;
    background: #fff;
    font-size: 12px;
}

.portlet.light.bordered {
    border: 1px solid #84A22F!important;
}

#checkout-page .portlet.light {
    padding: 12px 30px 15px;
}
#checkout-page .portlet.light.bordered>.portlet-title {
    border-bottom: 1px solid #DCDCDC;
}
#checkout-page .mainCatTitle {
    padding-bottom: 6px;
}
#checkout-page .recieve_updates {
    border: 2px solid #9BB15F;
    padding: 8px 17px;
    text-align: center;
    margin: 20px 0 7px;
}
#register-page .recieve_updates {
    padding: 8px 17px;
    text-align: center;
    font-size: 14px;
    border: 2px solid #D7E2BA;
    margin-bottom: 15px;
}


.free-delivery {
    color: #AF2E2B;
    text-transform: uppercase;
}
p.free-delivery {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.address_box {
    padding: 5px 50px 25px;
    background: #F9F9F9;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

.address-item.select .address_box {
    padding: 5px 50px 25px;
    background: #E5D6CE;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

.address_box:hover {
    background: #F7F3F0;
}

.add_address_box {
    padding: 25px 50px;
    margin-bottom: 10px;
    border: 2px solid #F3F6EA;
}

#addresses input[type="radio"] {
    position: relative;
    left: -28px;
    top: 17px;
}
#addresses li {
    list-style: none;
}
.address-item.selected .address_box{
    background-color: #F7F3F0;
}
.address_box.manual.selected  {
    background-color: #fff;
    border: 1px solid #E5D6CE;
}
.recipe-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    border: 1px solid #BF9884;
    margin-top: 40px;
}



/*=====================
 *=
 *=   REGISTRATION PAGE
 *=
 =====================*/


#register-page .form-control {
    font-size: 13px;
    text-transform: uppercase;
}

.btn-register {
    background-color: #A9765B;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
}
@media screen and (max-width: 767px){
    .btn-register {
        float: none !important;
    }
}
.newsletterSubcription {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 12px;
}

.accountCreated {
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #EAEAEA;
    width: 100%;
    padding: 9px;
    margin-top: 5px;
}

#registration .help-box p {
    font-size: 13px;
    line-height: 26px;
}


/*=====================
 *=
 *=   ACCOUNT PAGES
 *=
 =====================*/

.accountQuickLinks {
    text-transform: uppercase;
    list-style: none;
    line-height: 35px;
    padding: 0;
}
.accountQuickLinks h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-top: 26px;
    font-weight: 400;
    font-size: 15px;
}

.accountPage .pageTitle{
    text-transform: uppercase;
    color: #A9765B;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
}
.accountPage h4 {
    border-bottom: 1px solid #B69C98;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
}


/*=====================
 *=
 *=   EDIT ACCOUNT PAGE
 *=
 =====================*/

#editProfileForm label,
#contactUs label,
#login label,
#register-page label {
    text-transform: uppercase;
    font-size: 12px;
    color: #777777;
    font-weight: 400;
    margin-bottom: 0;
}
#editProfileForm .form-control,
#contactUs .form-control,
#login .form-control,
#register-page .form-control {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-left: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
}
#editProfileForm h4,
#contactUs h4,
#login h4,
#register-page h4 {
    font-weight: 400;
}
#user-addresses .dropdown-menu,
#DataTables_Table_0 .dropdown-menu{
    left: inherit;
    right: 0 !important;
    top: 25px !important;
}
#user-addresses tr {
    text-transform: uppercase;
    font-size: 13px;
}
#user-addresses td {
    padding: 15px 0;
}



/*=====================
 *=
 *=  ORDER HISTORY PAGE
 *=
 =====================*/

div#DataTables_Table_0_filter {
    float: right;
}
div#DataTables_Table_0_filter  input.form-control {
    height: 35px;
    margin: 0 0 10px 9px;
    font-size: 12px;
    text-align: right;
}
div#DataTables_Table_0_info {
    font-size: 12px;
}
.dataTables_length label,
.dataTables_length select {
    font-size: 12px;
}
.actionButton {
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    padding: 5px 0 5px 10px;
    color: #444;
}
.alert {
    background: #EFDBD2;
    padding: 15px 20px 1px;
    text-transform: uppercase;
}
.alert h3 {
    margin: 5px 0;
}
.alert p {
    color: #000;
    font-size: 13px !important;
}
.alert button.close {
    right: 0px;
    color: #000;
}



/*=====================
 *=
 *=  ORDER DETAILS PAGE
 *=
 =====================*/

.invoiceSectionTitle {
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    border-bottom: 1px solid #E2E2E2 !important;
}

#invoice-info li {
    text-transform: uppercase;
    line-height: 25px;
    font-size: 13px;
    color: #000;
}
@media screen and (max-width: 767px){
    .invoiceSectionTitle {
        margin-top: 30px;
    }
}


/*=====================
 *=
 *=  ORDER PLACED PAGE
 *=
 =====================*/

#successPage h4 {
    color: #A9765B;
    text-transform: uppercase;
    font-weight: 400;
}



/*=====================
 *=
 *=  CONTACT US PAGE
 *=
 =====================*/

#contactUs .form-group {
    margin-bottom: 25px;
}



/*=====================
 *=
 *=  MODAL SIGNIN BOX
 *=
 =====================*/

.alert.alert-danger.signin-error {
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
}




select {
    background: url('../images/down-arrow.png') no-repeat 97% 19px !important;
}

.cartScroller select,
.dataTables_length select {
    background: none !important;
}



/* CONTROL */

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 25px;
    left: 0;
    height: 40px;
    width: 40px;
    background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #CAA795;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #CAA795;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
    left: 17px;
    top: 7px;
    width: 8px;
    height: 23px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

/* scroll fixes */
.modal-open .modal {
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow-y: scroll;
  font-size: 12px;
}

.modal-content {
    -webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.modal .help-block {
  font-size: 13px;
}

.modal label {
    font-weight: normal;
}

button#registerInterestButton {
    position: absolute;
    right: 15px;
    bottom: -64px;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition: opacity ease-out .4s;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
*/



/*
inspired from http://codepen.io/Rowno/pen/Afykb
http://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {


  opacity: 0;
  transition-property: opacity;
  transition-duration: ease-out 1.5s;
  transition-timing-function:linear;
  /*

  transition: opacity ease-out 3s;
  transition-timing-function:linear;
  opacity: 0; /* hide all slides */
*/
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.modal-title {
    text-transform: uppercase;
}