@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/open_sans2/static/OpenSans-Regular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/open_sans2/static/OpenSans-Italic') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/open_sans2/static/OpenSans-Bold.ttf') format('truetype');
    font-style: normal;
}


@font-face {
    font-family: 'ShadowsIntoLightTwo';
    src: url('/fonts/ShadowsIntoLightTwo.ttf') format('truetype');
    font-style: normal;
}


body {
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 15px;
  min-height: 20rem;
  padding-top: 0rem;
  background-color: #06593f;
  background: linear-gradient(90deg,rgba(6, 89, 63, 1) 42%, rgba(28, 146, 111, 1) 100%);
  color: #fff;
}

.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: url("/files/images/bg/bckgrnd_tabla_ 1920x1308px.jpg") no-repeat center center;
	background-size: cover;
	z-index: -1;
}

#promoPanel {
	position: relative;
	z-index: 1;
	min-height: 200vh;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
}
 


b { font-family: "open_sansregular", Arial, sans-serif; }

a { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration:none; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "open_sansregular", Arial, sans-serif;
  font-weight: 700;
  color: #fff;
}

.open_sans {
	font-family: "open_sansregular", Arial, sans-serif;
}
.manus_regular {
	font-family: "manus_regular", Arial, sans-serif;	
}
.shadows_into_light_two {
	font-family: "shadows_into_light_two", Arial, sans-serif;	
}

.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw800 { font-weight: 800; }

.fsr1 { font-size: 1rem; } .fsr2 { font-size: 2rem; } .fsr3 { font-size: 3rem; } .fsr4 { font-size: 4rem; } .fsr5 { font-size: 5rem; }  
.fsr6 { font-size: 6rem; } .fsr7 { font-size: 7rem; } .fsr8 { font-size: 8rem; } .fsr9 { font-size: 9rem; } .fsr10 { font-size: 10rem; }  
.fs5 { font-size: 5px; } .fs6 { font-size: 6px; } .fs7 { font-size: 7px; } .fs8 { font-size: 8px; } 
.fs9 { font-size: 9px; } .fs10 { font-size: 10px; } .fs11 { font-size: 11px; } .fs12 { font-size: 12px; } 
.fs13 { font-size: 13px; } .fs14 { font-size: 14px; } .fs15 { font-size: 15px; } .fs16 { font-size: 16px; } .fs17 { font-size: 17px; } .fs18 { font-size: 18px; } .fs19 { font-size: 19px; } .fs20 { font-size: 20px; } .fs21 { font-size: 21px; } .fs22 { font-size: 22px; } .fs23 { font-size: 23px; } .fs24 { font-size: 24px; } .fs25 { font-size: 25px; } .fs26 { font-size: 26px; } .fs27 { font-size: 27px; } .fs28 { font-size: 28px; } .fs29 { font-size: 29px; } .fs30 { font-size: 30px; } .fs31 { font-size: 31px; } .fs32 { font-size: 32px; } .fs33 { font-size: 33px; } .fs34 { font-size: 34px; } .fs35 { font-size: 35px; } .fs36 { font-size: 36px; } .fs37 { font-size: 37px; } .fs38 { font-size: 38px; } .fs39 { font-size: 39px; } .fs40 { font-size: 40px; } .fs41 { font-size: 41px; } .fs42 { font-size: 42px; } .fs43 { font-size: 43px; } .fs44 { font-size: 44px; } .fs45 { font-size: 45px; } .fs46 { font-size: 46px; } .fs47 { font-size: 47px; } .fs48 { font-size: 48px; } .fs49 { font-size: 49px; } .fs50 { font-size: 50px; } .fs51 { font-size: 51px; } .fs52 { font-size: 52px; } .fs53 { font-size: 53px; } .fs54 { font-size: 54px; } .fs55 { font-size: 55px; } .fs56 { font-size: 56px; } .fs57 { font-size: 57px; } .fs58 { font-size: 58px; } .fs59 { font-size: 59px; } .fs60 { font-size: 60px; } .fs61 { font-size: 61px; } .fs62 { font-size: 62px; } .fs63 { font-size: 63px; } .fs64 { font-size: 64px; } .fs65 { font-size: 65px; } .fs66 { font-size: 66px; } .fs67 { font-size: 67px; } .fs68 { font-size: 68px; } .fs69 { font-size: 69px; } .fs70 { font-size: 70px; } .fs71 { font-size: 71px; } .fs72 { font-size: 72px; }
.fs73 { font-size: 73px; }


#mainNavbar { border: 0px solid transparent; z-index: 200; border-bottom: 2px solid #07513a; }
#mainNavbar .navbar-logo {  }
#mainNavbar .navbar-logo > img {
    max-height: 80px;
    padding: 0px;
    padding-top: 5px;
	max-width:100%;
}  
#mainNavbar .navbar-brand {  
	color: #000;
	font-family: "open_sansregular", Arial, sans-serif;
	font-weight:bold;
	text-decoration:none; 
}

#mainNavbar .navbar-brand:hover {
	color:#000!important; 
	text-decoration: underline;
}
#mainNavbar #topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#mainNavbar #topmenu > li {
    display: inline-block;
}
#mainNavbar #topmenu > li > a {
    padding: 5px 15px;
    color: #000;
    text-decoration: none;
}
#mainNavbar #topmenu > li > a:hover {
	color:#000;
	text-decoration: none;
}


.half-block { width:4.2%; }
.hideEmpty { display:none; }
.row { width:100%; margin: 0; }
.dil { display:inline; }
.dilb { display:inline-block; }
.db { display: block; }
.dn { display: none; }

header.homehead {
  position: relative;
  background-size: 100% auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: open_sansregular, Arial, sans-serif;
  margin-top: -1px;
  opacity: 0.3;
}

header.promohead {
	padding:15px;
	margin: 15px;
}

header.promohead p {
	font-size:14px;
	font-weight:300;
	font-family: open_sansregular, Arial, sans-serif;
}
header.promohead .promohead-text {
	padding:1rem 2rem;
}
header.promohead  .promohead-img {
	min-height:30rem;
	background-size:cover
}
@media (min-width:768px) {
	header..promohead  .promohead-text {
		padding: 1rem 2rem
	}
}

#errorMsgPanel{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 999;
}
#infoMsgPanel{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 999;
}
#appMsgPanel{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 999;
}

.ct1 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.promo-list {}

.promoBlockTitle {
    font-family: open_sansregular, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: bold;
    padding: 10px 0px;
    line-height: 14px;
    height: 3rem;
    overflow: hidden;
}


.promoBlockImg  {
	
}
.promoBlockImg > img {
	
  width: 100%;
}

.promoBlockExpiredImg {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    padding-top: 50%;
}
.promoBlockExpiredImg > img {
    width: 90%;
    display: inline;
}
.promoBlockBtn {
  padding: 8px 8px;
    padding-top: 8px;
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 15px;
}

.promoBlockBtn > div { display:inline-block; }

.promoBlockBtn > div > span {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 10px;
    line-height: 15px;
    float: left;
    padding: 8px 10px;
    font-size: 12px;
	font-family: open_sansregular, Arial, sans-serif;
}

.promoBlockBtn > div > i {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8px;
    float: left;
    padding-top: 12px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    background-color: #07104ae0;
    overflow-x: hidden;
    padding-top: 15px;
    transition: 0.5s;
}

.nav-link { 
  color: #fff;
  padding: 8px;
}
.nav-link:hover { color: #fff; }

#promoHeadPanel {
	margin:0;
	padding:0;
}

#promoMainMenu {
	border: none;
	font-family: open_sansregular, Arial, sans-serif;
}

.img-responsive { max-width:100%; }


#promoMainMenu a {
  font-family: "open_sansregular", Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
}

.myBtn {
	display: inline-block;
	height: 35px;
}

.myBtn > div {
    display: inline-block;
    padding: 8px;
}

.myBtn > div > span {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 10px;
    line-height: 18px;
    float: left;
    padding: 8px 10px;
    font-size: 18px;
	font-family: open_sansregular, Arial, sans-serif;
}

.myBtn > div > i {
    padding-left: 18px;
    padding-right: 10px;
    font-size: 12px;
    float: left;
    padding-top: 12px;
}

.bgWhite { background-color:#fff !important; color:#000;}
.bgBlack { background-color:#000!important; color:#fff;}
.bgGray { background-color:#2f2f2f !important; color:#fff;}

/*UL COLORS*/
.bgBlue { background-color:#005eef!important; color:#fff; }
.bgBlueMiddle { background-color:#005fec!important; color:#fff; }
.bgBlueLight { background-color:#47c8ff!important; color:#000; }
.bgBlueDark { background-color:#013879!important; color:#fff; }

.bgYellow { background-color:#ffe300!important; color:#000; }
.bgGreen { background-color:#00a889!important; color:#fff; }
.bgGreenLight { background-color:#00d7c4!important; color:#fff; }

.bgPink { background-color:#f752c7!important; color:#fff; }
.bgPinkLight { background-color:#fca6de!important; color:#000; }

.bgCyan { background-color:#77ddf5!important; color:#000; }

.bgSalamon { background-color:#ff7c7d!important; color:#000; }
.bgRed { background-color:#ff544f!important; color:#fff; }

.bgHRed { background-color:#ed1c24 !important; color:#fff; }
.bgHBlack { background-color:#000 !important; color:#fff; }
.bgHWhite { background-color:#fff !important; color:#000; }

.bgPurple { background-color:#9c44c0!important; color:#fff; }
.bgPurpleLight { background-color:#cf98d9!important; color:#000; }

.txtBlue { color: #005ff1; }
.txtPurple { color: #005ff1; }
.txtWhite { color: #fff; }

.bgligh10 { background-image: url(/mg/w10p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh20 { background-image: url(img/w20p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh30 { background-image: url(img/w30p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh40 { background-image: url(img/w40p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh50 { background-image: url(img/w50p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh60 { background-image: url(img/w60p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh70 { background-image: url(img/w70p.png); background-repeat: no-repeat; background-size: cover; }

@media (min-width: 768px) {

}

@media (min-width: 768px) {
  
}
footer.homehead {
    position: relative;
    background-size: 100% auto;
    padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	font-family: open_sansregular, Arial, sans-serif;
	margin-top: -1px;
	opacity: 0.3;
}

footer.footer {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #797979;
  border-top: 2px solid #07513a;
}

footer.footer a {
  color: #144623;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
footer.footer a:hover { color:#ec1b23; text-decoration: underline; }
footer.footer .text-muted { color: #fbfbfb9e !important  }

.collection{
    height: auto;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.collection .content{
    height: 25rem;
    width: 25rem;
    background-color: transparent;
    border: .0rem solid rgba(255,255,255,.1);
    border-radius: .0rem;
    border-bottom: .0rem solid #0099ff;
    border-top: .0rem solid #0099ff;
    overflow: hidden;
    /* padding: .2rem; */
}

.product-carousel-swiper .content img{
    width: 100%;
    border-bottom-left-radius: .0rem;
    border-bottom-right-radius: .0rem;
}
.product-carousel-swiper .text-content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.product-carousel-swiper .text-content h3{
    font-size: 1.7rem;
    font-weight: 500;
}
.product-carousel-swiper .text-content p{
    max-width: 22rem;
    font-size: .8rem;
    font-weight: 400;
    text-align: center;
}
.product-carousel-swiper .btn{
    background-color: transparent;
    padding: .2rem;
    border: 2px solid #0099ff;
    outline: none;
    font-size: .8rem;
    border-radius: .5rem;
    margin: 1rem 0;
    cursor: pointer;
}

.promo-menu {
    width: 100%;
    justify-content: space-around;
}

.promoMainMenuPanel  { 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 777;
	box-shadow: 1px 1px 5px #fff;
}
#promoMainMenu .nav-link { text-decoration:none; border-bottom: 1px solid transparent; }
#promoMainMenu .nav-link:hover { border-bottom: 1px solid #fff; }

.input-group-text {padding: 0.65rem .7rem;}

@media only screen and (max-width: 576px) {
	#napiAjandekLinkLista {
		flex-wrap: wrap; 
	}
	.character-input {
		width: 40px;
		text-align: center;
		font-size: 20px;
		padding: 10px 5px;
	  }
	 .promoSectionTitle {
 		 font-size: 42px;
    	}
	#promoMainMenu a {
    	font-size:20px;
    }
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0!important;
}

#js-cookie-toggle { display:none; }

@media only screen and (min-width: 576px)  {
   	#promoMainMenu a {
    	font-size:12px;
    }
	
	.nav-link { 
		color: #fff;
		background-color: #144623;
		border-radius: 0;
	}
	.nav-link:active  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:visited  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:focus  { 
		color: #fff;
		background-color: #6b9674;
	}
	.nav-link:hover { 
		color: #fff;
		background-color: #6b9674;
	}
}

@media only screen and (min-width: 576px) and (max-width: 992px) {
   	#promoMainMenu a {
    	font-size:12px;
    }
	
	.nav-link { 
		color: #fff;
		background-color: #144623;
		border-radius: 15px;
	}
	.nav-link:active  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:visited  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:focus  { 
		color: #fff;
		background-color: #6b9674;
	}
	.nav-link:hover { 
		color: #fff;
		background-color: #6b9674;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #promoMainMenu a {
    	font-size: 16px;
    }
	
	.nav-link { 
		color: #fff;
		background-color: #144623;
		border-radius: 15px;
	}
	.nav-link:active  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:visited  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:focus  { 
		color: #fff;
		background-color: #6b9674;
	}
	.nav-link:hover { 
		color: #fff;
		background-color: #6b9674;
	}
}

@media only screen and (min-width: 1200px) {
  	#promoMainMenu a {
    	font-size:20px;
    }
	
	.nav-link { 
		color: #fff;
		background-color: #144623;
		border-radius: 15px;
	}
	.nav-link:active  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:visited  { 
		color: #fff;
		background-color: #144623;
	}
	.nav-link:focus  { 
		color: #fff;
		background-color: #6b9674;
	}
	.nav-link:hover { 
		color: #fff;
		background-color: #6b9674;
	}
}

@media only screen and (max-width: 576px) {
	#napiAjandekLinkLista {
		flex-wrap: wrap; 
	}
	.character-input {
		width: 40px;
		text-align: center;
		font-size: 20px;
		padding: 10px 5px;
	  }
	 .promoSectionTitle {
 		 font-size: 30px;
    	}
	#promoMainMenu a {
    	font-size:20px;
    }
	.promoSectionTitle { padding-bottom: 1rem!important; }
	.promo-menu { background-color: #144623; }
	.promo-menu .nav-link { color: #fff; }
	.promo-menu a { color: #fff; }
	#promoPanel {
		background-attachment: scroll;
	}
}


@media only screen and (min-width: 576px) and (max-width: 992px) {
	#napiAjandekLinkLista {
		flex-wrap: wrap; 
	}
	.character-input {
	  width: 35px;
	  text-align: center;
	  font-size: 25px;
	}
	.promoSectionTitle {
 		 font-size: 2rem;
    }
   	#promoMainMenu a {
    	font-size:12px;
    }
	.promoSectionTitle { padding-bottom: 2rem!important; }
	#promoPanel {
		background-attachment: fixed;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#napiAjandekLinkLista {
		flex-wrap: wrap;
	}
	.character-input {
	  width: 35px;
	  text-align: center;
	  font-size: 25px;
	}
	.promoSectionTitle {
 		 font-size: 2rem;
    }
    #promoMainMenu a {
    	font-size: 16px;
    }
	.promoSectionTitle { padding-bottom: 4rem!important; }
	#promoPanel {
		background-attachment: fixed;
	}
}

@media only screen and (min-width: 1200px) {
	#napiAjandekLinkLista {
		flex-wrap: wrap;
	}
	.character-input {
	  width: 35px;
	  text-align: center;
	  font-size: 25px;
	}
    .promoSectionTitle {
 		 font-size: 2rem;     
    }
  	#promoMainMenu a {
    	font-size:20px;
    }
	.promoSectionTitle { padding-bottom: 4rem!important; }
	#promoPanel {
		background-attachment: fixed;
	}
}