/** ELT INI **/

/*-------------------------------------
        2. Top-area
--------------------------------------*/
nav.navbar.bootsnav {
    background-color: #fff; /* transparent; */
    border-bottom: transparent;
        padding-top: 0;     /* sobreescribe el padding default de navbar */
        padding-bottom: 0;  /* sobreescribe el padding default de navbar */
}
.wrap-sticky nav.navbar.bootsnav.sticked {background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.2);}
/*.navbar-brand*/
.navbar-header a.navbar-brand,.navbar-header a.navbar-brand:hover,.navbar-header a.navbar-brand:focus {
    display: inline-block;
    color: #616060;
    font-size: 24px;
    font-weight: 500;
    padding: 30px 0px;
    text-transform:capitalize;
}
.navbar-header a.navbar-brand span{display: inline-block;color:#e99c2e;text-transform:capitalize;}

.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {padding:30px 0px;}
/*.navbar-brand*/

/*.nav li*/
nav.navbar.bootsnav ul.nav > li > a {
    color: #616060;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: 0.3s linear; 
    -moz-transition: 0.3s linear; 
    -ms-transition: 0.3s linear; 
    -o-transition: 0.3s linear; 
    transition: 0.3s linear;
}
nav.navbar.bootsnav ul.nav > li > a {padding: 48px 25px;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li > a:focus{color: #e99c2e;}
nav.navbar.bootsnav ul.nav > li.active>a {color: #0E2963;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    content: "";
}
nav.navbar.bootsnav ul.nav > li.dropdown span {
    font-size: 8px;
    margin-left: 15px;
}
.wrap-sticky nav.navbar.bootsnav.sticked ul.nav > li > a{padding:20px 25px;} /* Se disminuyó la separación entre elementos del menú original: 30px 25px*/
/*.nav li*/
.wrap-sticky nav.navbar.bootsnav.sticked img{padding-bottom:5px;}

/*.menu-ui-design*/
.menu-ui-design{overflow-y:scroll;height: 350px;}
.menu-ui-design::-webkit-scrollbar {
    width:5px;
}
.menu-ui-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #000;
}
.menu-ui-design::-webkit-scrollbar-thumb {
  background-color: #0E2963;
}
/*.menu-ui-design*/

/*.attr-nav*/
.attr-nav {
    position: relative;
    top:5px;
}
.attr-nav > ul > li > a {
    color: #616060;
    padding: 44px 15px;
    font-size: 18px;
    font-weight: 500;
}
.attr-nav > ul > li > a:hover{color: #0E2963;}
.wrap-sticky nav.navbar.bootsnav.sticked .attr-nav > ul > li > a {padding:28px 15px;}
/*.attr-nav*/



/* ----------------------------------------*/



/*badge*/
.badge {
    background-color: #0E2963;
    border: 2px solid #0E2963;
}
.attr-nav > ul > li > a span.badge {
    margin-top: -25px;
    width: 20px;
    height: 20px;
    padding-top: 3px;
}
/*.badge*/

/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle {
    position: relative;
    background-color: transparent; /* #fff; */
    border: 1px solid #0E2963;
    padding: 10px;
    top: 0;
}
nav.navbar.bootsnav .navbar-toggle i{color: #0E2963;}
/*.navbar-toggle */
/** ELT END **/




/* OCULTAR NAVEGADOR ELT EN PC */
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

.safe-area {
  display: none;    
}

@media screen and (max-width:1680px){

}/*max-width:1680px*/
@media screen and (max-width:1440px){
	.single-welcome-hero {height: 807px;}
}/*max-width:1440px*/

@media screen and (max-width:1199px){
	nav.navbar.bootsnav ul.nav > li > a { padding: 35px 10px;}
	.dropdown-menu {left: -200px;}
	
	.welcome-hero-txt h2,.welcome-hero-txt h3 {font-size: 40px;}
	.welcome-hero-txt h4 {font-size: 28px;}

	.single-populer-products {min-height: 320px;}

}/*max-width:1199px*/

@media screen and (max-width:1024px){
/* OCULTAR NAVEGADOR ELT EN PC - original */
/*
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
    float: none!important;
    margin: 0 auto;
    display: table;
}
*/
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
	    display: none;
	}	
	
	.single-welcome-hero {height:768px;}
	.single-about-img:before,.single-about-img:after{display: none;}
}/*max-width:1024px*/

@media screen and (max-width:1008px){

}/*max-width:1008px*/

@media screen and (max-width:992px){
	nav.navbar.bootsnav .navbar-collapse.collapse.in {padding-bottom: 30px;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center {float:left;margin: 0;padding:0;}
	nav.navbar.bootsnav .navbar-brand {padding: 25px;}
	nav.navbar.bootsnav ul.nav > li > a {padding: 15px 0px;border: transparent;}
	.attr-nav > ul > li > a {padding: 20px 15px;}
}/*max-width:992px*/


@media screen and (max-width:991px){
	.main-menu .nav li span.badge {top: 20px;right:-5px;}
	.single-feature,.single-blog,.single-new-arrival {max-width: 270px;margin: 30px auto;}
	.single-populer-products {max-width: 350px;margin: 30px auto;min-height: auto;padding-bottom: 30px;}


}/*max-width:991px*/

@media screen and (max-width:851px){
        #mainMenuHeader { display: none !important;}
        #mainLogo { width:149px !important; height:40px !important;}

        
        #footerCenteredLogo { display: none !important;}
        #footerPolicyAndConditions { display: none !important;}
        #footerSpanFb { display: none !important;}
        #footerAddress { margin-top: 0px !important;}
        #footerWrapperCenteredLogo{ margin-bottom: 0px !important;}
        
        #footerMobilePolicyAndConditions{ display: block !important;}
        #footerSpanMobileFb { display: block !important;}
        
       #header .safe-area nav {
            transition: all 0.55s;
            position: fixed;
            top: 0px;
            right: -200%;
            bottom: 0px;
            background-color: #fff;
            padding: 75px 0px;
            z-index: 999;
        }
       #header .safe-area nav.visible {
            right: 0px;
            left: 0px;
        }
        
/* PRESENTAR NAVEGADOR ELT EN CEL */        
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
    float: none!important;
    margin: 0 auto;
    display: table;
}        

}/*max-width:851px*/


@media screen and (max-width:768px){

}/*max-width:768px*/

@media screen and (max-width:767px){
	.wrap-sticky nav.navbar.bootsnav.sticked nav.navbar.bootsnav ul.nav > li > a {padding: 15px 25px;}
	
	.single-welcome-hero {height:auto;background: transparent;padding: 100px 0;display: block;}

	.feature-content,.blog-content,.new-arrivals-content{margin-top:40px;}
	
}/*max-width:767px*/

@media screen and (max-width: 660px){

}/*max-width:660px*/

@media screen and (max-width: 640px){

}/*max-width:640px*/

@media screen and (max-width: 580px){

}/*max-width:580px*/

@media screen and (max-width: 540px){

}/*max-width:540px*/

@media screen and (max-width: 480px){
	.welcome-hero h2 {font-size: 30px;}
	
}/*max-width:480px*/

@media screen and (max-width: 440px){
	nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{padding: 10px 0px;}
	.welcome-hero-txt h2,{font-size: 24px;line-height: 1.5;}
	.welcome-hero-txt h3,.welcome-hero-txt h4 {font-size: 24px;}
	
}/*max-width:400px*/

@media screen and (max-width:350px){
	nav.navbar.bootsnav .navbar-toggle {margin-right: -25px;left:-10px;}
	nav.navbar.bootsnav .navbar-brand {padding:25px 0;font-size: 20px;}
	.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand, .wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {padding: 25px 0px;}
	.wrap-sticky nav.navbar.bootsnav.sticked .attr-nav > ul > li > a {padding: 22px 10px;}
}/*max-width:350px*/

@media screen and  (max-width: 320px){
	
}/*max-width:320px*/