/* latin */
/* @font-face {
    font-family: 'Encode Sans Semi Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Encode Sans Semi Condensed Regular'), local('EncodeSansSemiCondensed-Regular'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT4oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1yW9MQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Encode Sans Semi Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: local('Encode Sans Semi Condensed Medium'), local('EncodeSansSemiCondensed-Medium'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT7oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1Rl19FAZ9U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Encode Sans Semi Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Encode Sans Semi Condensed SemiBold'), local('EncodeSansSemiCondensed-SemiBold'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT7oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1RJ0NFAZ9U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  } */

  a {
        color: #a1a1a1;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
  }
  p {
    font-family: 'Montserrat', sans-serif;
	color: #545454;
	line-height: 1.5;
	/* padding-bottom: 25px; */
  }

header, main, footer {
    position: relative;
    font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	
}
main {min-height: 700px;}
header {
    width: 100%;
    z-index: 1000;
	background-color: #fff;
	position: fixed;
	-webkit-box-shadow: 0px 10px 31px -10px rgba(79,79,79,0.66);
	-moz-box-shadow: 0px 10px 31px -10px rgba(79,79,79,0.66);
	box-shadow: 0px 10px 31px -10px rgba(79,79,79,0.66);
}

body.fixed {
	position: fixed;
}

.generalWrap {
    max-width: 1290px;
    margin: 0 auto;
    position: relative;
}

.generalWrap.v2 {
	max-width: 1000px;
}

@media only screen and (max-width: 1280px){
    .generalWrap {
        width: 95%;
    }
}

h1 {
    font-size: 2.3em;
    font-weight: 600;
    text-transform: uppercase;
}
h2 {
    color:#0093d0;
	padding-bottom: 4px;
	margin-bottom: 16px;
	font-size: 1.8em;
	position: relative;
}

@media only screen and (max-width:1010px){
	h1 {font-size: 1.9em;}
	h2 {font-size: 1.4em;}
}

nav > a { 
	display: none;
	position: absolute;
	right: 0;
	padding: 29px 0px;
	color:#0093d0;
	font-size: 1.4em;
}

nav > ul {
	display: grid;
	grid-template-columns: auto repeat(7, auto);
	align-items: center;
	justify-items: center;
}
nav > ul > li {
	position: relative;
	padding: 20px;
}
nav > ul > li:first-child,
	nav > ul > li:first-child:hover a:before   {
	padding: 0;
	content: none;
}

nav > ul > li.openSub > ul {
	display: none;
	background-color: #fff;
	border-top: 3px solid #ffd204;
	position: absolute;	
	left: 0;
	top: 41px;
	-webkit-box-shadow: 0px 9px 29px -17px rgba(0,0,0,1);
	-moz-box-shadow: 0px 9px 29px -17px rgba(0,0,0,1);
	box-shadow: 0px 9px 29px -17px rgba(0,0,0,1);
	min-width: 100%;
}
nav > ul > li.openSub > ul > li > a {
	display: block;
	padding: 10px 15px;
	text-align: left;
	color: #3F3F3F;
	font-weight: 500;
}
nav > ul > li.openSub > ul > li:hover > a {
	background-color: #f4f4f4;
	color: #0093d0;
}
nav > ul > li.openSub:hover > ul {
	display: block;
}
nav > ul > li a {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.85em;
	padding: 0px;
	display: inline-block;
	text-align: center;
	position: relative;
}

nav > ul > li:hover > a:before, nav > ul > li.current > a:before {
	content: "";
	background-color: #ffd204;
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -10px;
}

nav > ul > li a.logo, 	nav > a.logo {
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	display: block;
	padding-top: 124px;
	width: 183px;
}
nav > a.logo {
	display: none;
	width: 83px;
	padding-top: 45px;
}

@media only screen and (max-width:1090px){
	header nav > ul {
		display: none
	}
	nav > a { 
		display: inline-block;
	}
	nav > a.logo {
		display: inline-block;
		position: relative;
		left: 0;
	}
	nav > ul > li a.logo {
		display: none;
	}
	nav > ul > li:hover > a:before, nav > ul > li.current > a:before { content: none;}
	nav > ul > li:hover > a, nav > ul > li.current > a:before { color: #3F3F3F;}


	header nav > ul > li {
		border: 1px solid #f1f1f1;
		text-align: center;
		padding: 20px 0;;
	}
	nav > ul > li.openSub > ul {
		position: relative;
		text-align: center;
		top: 20px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: none;
	}
	nav > ul > li.openSub > ul > li > a {
		text-align: center;
	}
}


footer { 
	overflow: hidden;
	background-color: #f6f6f6;
} 

footer .contactf {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-columns: 22% 30% 1fr;
	gap: 30px;
    justify-content: center;
    align-items: center;
    position: relative;
	z-index: 100;
	border-bottom: 1px solid #e0e0e0;
}

 
footer .contactf p {
    color: rgb(53, 53, 53);
    font-size: 1em;
    position: relative;
	z-index: 100;
	padding: 40px 0 40px 37px;
}
footer .contactf p > i {
	font-size: 2em;
	position: absolute;
	left: 0;
	top: 44px;
	color:#0290d0;
}
footer .contactf p:nth-child(2) > i{
	top:35px;
}

footer .contactf p > span {
	display: block;
}

footer:before {
	content: "";
	background-color: #0290d0;
	position: absolute;
	height: 2px;
	width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

footer .generalWrap > p {
	text-align: center;
	padding: 12px;
}

@media only screen and (max-width: 870px){
	footer .contactf {
		grid-template-columns: 22% 1fr 1fr;
	}
}

@media only screen and (max-width:770px){
	footer .contactf { 
		grid-template-columns: 1fr 1fr;
		gap: 0;
	}
	footer .contactf p:last-of-type { grid-column: span 2;}
}

@media only screen and (max-width: 475px){
	footer .contactf {
		grid-template-columns: 1fr;
		text-align: center;
	}
	footer .contactf p {
		padding: 10px 7px;
		text-align: center;
	}
	footer .contactf p > i {
		display: block;
		position: unset;
	}
	footer .contactf p:last-of-type {
		grid-column: span 1;
	}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.banner {
	max-height: 100vh;
	position: relative;
}

.banner a {
	height: 100vh;
	display: block;
	position: relative;
	overflow: hidden;
} 
.banner figure img{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* height:750px */
}
.banner a .info {
	position: absolute;
	display: block;
	background-color: #00a0d6e6;
	padding: 45px 0px;
	left: 0;
	width: 100%;
	/* top: 42%; */
	bottom: 0;
    z-index: 100;
}

.banner a .info:after {
	content: "";
	background-color: #00a0d6e6;
	position: absolute;
	width: 68px;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	left: 50%;
	top: -35px;
	height: 35px;
	transform: translateX(-50%);
}

.banner a .info p{
	color: #fff;
	text-align: center;
	width: 595px;
	margin: 0 auto;
	line-height: 1.4;
	font-size: 1.1em;
}

.prev {
	background-color: transparent;
	border: none;
	/* font-family: "FontAwesome"; */
	font-size: 2em;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 50%;
	z-index: 100;
}

.next {
	background-color: transparent;
	border: none;
	/* font-family: "FontAwesome"; */
	font-size: 2em;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 100;

}


@media only screen and (max-width:1010px){
	.banner, .banner a {
		max-height: 90vh;
		position: relative;
	}
}

@media only screen and (max-width: 690px){
	.banner, .banner a { max-height: 65vh;}
	.banner a .info { padding: 27px 0px; }
}

@media only screen and (max-width: 500px){
	.banner, .banner a { max-height: 50vh; }
	.banner a .info {
		width: 98%;
		padding: 15px 6px;
	}
	.banner a .info p {
		line-height: 1.3;
		font-size: 0.9em;
		width: auto;
	}
}

@media only screen and (max-width:420px){
	.banner, .banner a {
		max-height: 41vh;
		padding-top: 20px;
	}
	.prev, .next {top: 60%;}

	.banner a .info {
		display: none;
	}
}

.products {
	padding: 60px 0px;
	position: relative;
}
.products h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color:#a1a1a1 ;
	text-align: center;
	font-weight: 600;
}

.products h2:after,
.products h2:before {
content: "";
position: absolute;
height: 1px;
background-color: #e1e1e1;
width: 35%;
top: 10px ;
}
.products h2:before {
	left: 0;
}
.products h2:after {
	right: 0;
}

.boxContent {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px;
	padding: 0px 40px;
}

.products  .boxContent.v2 {
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
	gap: 0;
}

.products  .boxContent:before,
.products  .boxContent:after {
	content: "";
	position: absolute;
	height:50%;
	background-color: #e1e1e1;
	width: 1px;
	top: 10px ;
}
.products  .boxContent:before {left: 0;}
.products  .boxContent:after {right: 0;}

.products  .boxContent a{
	display: block;
	overflow: hidden;
	position: relative;
}
.products  .boxContent.v2 a:before {
	content: "";
	height: 220px;
	width: 1px;
	background-color: #e1e1e1;
	position: absolute;
	right: 0;
}
.products  .boxContent.v2 a:last-of-type:before { content: none;}

.boxContent a > img {
	width: auto;
	height: 283px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	transition: all .4s ease;
}

.products  .boxContent.v2 > a img {
	height: 139px;
}

.boxContent a:hover > img  {
	opacity: .5;
}
.boxContent a > h3, .products  .boxContent.v2 a > p  {
	position: relative;
	font-size: 1.8em;
	color: #0092d8;
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-family: 'Roboto Slab', serif;
}
.boxContent a > h3:before {
	content: "";
	position: absolute;
	background-color: #ffd109;
	height: 1px;
	width: 55px;
    left: 0;
    bottom: 0;
}

.products  .boxContent.v2 a > p {
	font-size: 1.4em;
	position: relative;
	padding-bottom: 10px;
}

.products  .boxContent.v2 a > p:before {
	content: "";
	background-color: #ffd109;
	position: absolute;
	height: 1px;
	width: 50px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}


@media only screen and (max-width:1050px){
	.boxContent {
		/* grid-template-columns: repeat(3, 1fr); */
		gap: 25px;
	}
	
	.boxContent a > img { height: 200px; }
	.products  .boxContent.v2 {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px 0;
	}
	.products .boxContent.v2 a:before {
		background-color: transparent;
	}
}

@media only screen and (max-width: 900px){
	.boxContent a > img { height: 167px; }
}

@media only screen and (max-width: 870px){
	.boxContent {
		grid-template-columns: repeat(2, 1fr);
	}
	.boxContent a > img {
		height: 251px;
	}
}

@media only screen and (max-width: 780px){
	.boxContent a > img {
		height: 210px;
	}
	.boxContent {
		padding: 0;
	}
	.products .boxContent:before, .products .boxContent:after { content: none;}
	.products h2:after, .products h2:before {width: 25%;}
}

@media only screen and (max-width: 640px){
	.boxContent a > img {
		height: 222px;
	}
}

@media only screen and (max-width:530px){
	.boxContent a > img {
		height: 163px;
	}
	.products h2:after, .products h2:before {
		content: none;
	}
	
}
@media only screen and (max-width: 420px){
	.boxContent {
		grid-template-columns: 100%;
	}
	.boxContent a > img {
		height: 261px;
	}

	.products .boxContent.v2 > a img {
		height: 115px;
	}
}

#represent {
	display: grid;
	grid-template-columns: repeat(2,50%);
	width: 100%;
}

#represent div.img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 480px;
}
#represent div {
	background-color: #444444;
}
#represent div.info {
	padding: 84px;
	padding-right: 0;
}

#represent div > h2 {
	color:#ffd109;
	font-family: 'Roboto Slab', serif;
	width: 50%;
	position: relative;
	padding-bottom: 20px;
}

#represent div > h2:before {
	position: absolute;
	content: "";
	background-color: #636262;
	height: 1px;
	width: 55px;
	left: 0;
	bottom: 0;
}

#represent div > p {
	width: 62%;
	color: #fff;
}

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

	#represent div > p { width: 75%; }
	#represent div.info {
		padding: 52px 0 0 40px;
	}
}
@media only screen and (max-width:1010px){

	#represent { 
		display: block;
		position: relative; 
		overflow: hidden;
	}
	#represent div.img {
		z-index: -1;
		height: 360px;
	}
	#represent div.info {
		padding: 92px;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color:#444444c9;
		text-align: center;
	}
	#represent div > h2, #represent div > p { width: unset;}
	#represent div > h2::before {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media only screen and (max-width:675px){
	#represent div.info {padding: 52px; }
}

@media only screen and (max-width: 450px){
	#represent div.info { padding: 14px 10px; }
}

.paginator {
    display: block;
	margin-top: 33px;
	margin-bottom: 40px;
    text-align: center;
}

.paginator span {
    background-color:#5ba8ef;
    padding: 6px 12px 5px 12px;
    border-radius: 50px;
	margin: 0px 5px;
	transition: all .4s;
}
.paginator span:hover { background-color: #999999;}
.paginator span > a {
	color: #fff;
}

/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #45565c;
	opacity: 0.66;
	filter: alpha(opacity=66);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	position: fixed;
	outline: none !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255,255,255,0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	line-height: 33px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #a8b1b6; font-family: "FontAwesome";}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #334b98;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
    background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	color: #303030;
	font-size: 13px;
	font-weight: 400;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 6px; padding-right: 6px; }
}


/* ----------- modalBox -----------*/
#modalBox, .inlineBox, #modalC {
	background: #fff;
	box-shadow: 0 0 20px rgba(64, 64, 64, 0.45);
	margin: 26px auto;
	max-width: 500px;
	padding: 24px 28px 26px;
	position: relative;
}

#modalBox > #pollResult {
    position: relative;
    color: rgb(26, 25, 25);
}
#modalBox > #pollResult > .pTitle {
    position: relative;
    padding: 10px 0px;
}

#modalBox > #pollResult > .pTitle span { color: #45565c;   }
#modalBox > #pollResult > .pRow {
    position: relative;
}

#modalBox > #pollResult > .pRow span {
    position: absolute;
    right: 0;
    width: 90%;
    background-color: #aeaeae;
    height: 5px;
    top: 6px;
    overflow: hidden;
}
#modalBox > #pollResult > .pRow span > em {
    height: 5px;
    background-color: #378d59;
    position: absolute;
}




.txtBox {
	padding: 23px;
}
#contentTruncate {
	display: none;
	margin-top: 22px;
}
.txtBox > p, #contentTruncate > p {
line-height: 1.2;
padding-bottom: 10px;
}

.txtBox h2:before {
	position: absolute;
	content: "";
	height: 1px;
	width: 45px;
	background-color: #ffd109;
	bottom: 0;
}

.txtBox.kid h2:before {
	background-color: #f00b68;

}

.txtBox h3 {
    font-size: 1.3em;
    font-weight: 500;
    color: #3F3F3F;
    padding: 10px 0px;
}

.txtBox h5 {
	cursor: pointer;
	font-size: 1em;
	font-weight: 500;
	padding-top: 10px;
	position: relative;
    text-align: center;
    color: #378d59;
}
.txtBox h5 a {
	border-bottom: 1px solid transparent;
	color: #378d59;
	display: inline-block;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
.txtBox h5 a:hover { text-decoration: none }
.txtBox h5:hover a { border-color: #378d59 }
.txtBox h5 i { margin-right: 6px }
.txtBox h5.open a { color: #a5a5a5 }
.txtBox h5:hover.open a { border-color: #a5a5a5 }
.txtBox h5:before {
	background-image: url(../img/degradation.png);
	background-position: bottom;
	background-repeat: repeat-x;
	content: "";
	cursor: pointer;
	height: 90px;
	left: -2px;
	position: absolute;
	top: -91px;
	width: 101%;
}
.txtBox h5.open:before { display: none }

.txtBox h4 {
	color: #3F3F3F;
	font-weight: 700;
	margin-bottom: 10px;
}
.txtBox ul {
	position: relative;
	margin-bottom: 10px;
}
.txtBox ul > li {
	display: block;
	color: #3f3f3f;
	padding-bottom: 8px;
	padding-left: 20px;
	position: relative;
}
.txtBox ul > li:before {
	content: "";
	background-color: #ffd204;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}

.txtBox.kid ul > li:before {
	background-color: #f00b68;
}
.txtBox table {
	display: table;
	width: 100%;
}
.txtBox table thead th, .txtBox table tbody td {
	text-align: center;
	padding: 7px 10px;
	color: #3F3F3F;
}

.txtBox table thead {
	background-color: #5ba8ef;
}
.txtBox table thead th {
	color: #fff;
}

.txtBox table  td:first-child, .txtBox table  td:nth-child(2) {
	border-right: 1px solid #636262;
}

.txtBox table  td:first-child  {
	text-align: left;
}
.txtBox table tbody tr:nth-child(even) {
    background-color:#eceaea;
}


.adjs {
	display: block;
}
.adjs a {
	margin-top: 20px;
	display: inline-block;
	margin-right: 20px;
	-webkit-box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.75);
}

.adjs a > i {
	color: rgb(255, 255, 255);
	background-color: #ffd109;
	padding: 10px 14px;
	display: inline-block;
}
.adjs a > p {
	display: inline-block;
	color: rgb(49, 49, 49);
	padding: 6px;
}

.kid .adjs a > i {
	background-color: #f00b68;
}



.internas {
	padding-top: 120px ;
	padding-bottom: 29px;
}

.internas > .sliderQS {
	width: 100%;
	position: relative;
}

.internas > .sliderQS  a {
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	min-height: 150px;
	max-height: 500px;
}

.internas > .sliderQS a img {
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.internas > .sliderQS a:before {
	content: "";
	position: absolute;
	height: 450px;
	width: 100%;
	background-color: transparent;
	left: 0;
	bottom: 0;
	-webkit-box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
	box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
	transition: all .4s ;
}

.internas > .sliderQS .prev,
.internas > .sliderQS .next {
	top: 57%;
}


@media only screen and (max-width: 750px){
	.internas > .sliderQS a {
		min-height: 85px;
	}
}



.internas h1 {
	margin: 20px auto;
	width: 100%;
	color: #0093d0;
	text-align: center;
	padding: 40px 0 20px 0;
}

@media only screen and (max-width:1010px){
	.internas h1 {
		margin: 0;
		padding: 25px 0 0px 0;
	}	
}
/* productos */
.bgline {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	padding-bottom: 136px;
	padding-bottom: 500px;
	-webkit-box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
	box-shadow: inset 0px -53px 92px -32px rgba(0,0,0,0.75);
}

@media only screen and (max-width: 1090px){
	.internas { padding-top: 75px; }
}

.internas .boxContent {
	padding-top: 40px;
}

.internas .productsList {
	display: grid;
	grid-template-columns: repeat(3, 30%);
	align-items: center;
	gap: 41px;
}

.internas .productsList > .box {
	
	-webkit-box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
	-moz-box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
	box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
}
.internas .productsList > .box > .imgProduct {
	width: 100%;
	max-height: 250px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #ffd204;
	text-align: center;
	transition: all .4s;
}

.internas .productsList > .box > .imgProduct > img {
	width: 100%;
}

.internas .productsList > .box:hover > .imgProduct {
	filter: brightness(70%);
}

.internas .productsList > .box.n > .imgProduct > img { width: auto;}

.internas .productsList > .box.n > .imgProduct,
.internas .productsList > .box.k > .imgProduct {
 height: auto;
}

.internas .productsList > .box.m > .imgProduct {
	border-bottom: 1px solid #0290d0;
}

.internas .productsList > .box.k > .imgProduct {
	border-bottom: 1px solid #f10a6d;
}
.internas .productsList > .box.n > .imgProduct > img,
.internas .productsList > .box.k > .imgProduct  > img {
	max-height: 250px;
}
.internas .productsList > .box > h2 ,
.internas .productsList > .box > p {
	padding: 10px 15px 20px 15px ;
	position: relative;
}

.internas .productsList > .box.m > h2 {
	color: #999999;
}

.internas .productsList > .box > h2:before {
	content: "";
	background-color: #ffd109;
	width: 54px;
	height: 3px;
	position: absolute;
	left: 15px;
	bottom: -11px;
}

.internas .productsList > .box.m > h2:before {
	background-color: #0290d0;
}
.internas .productsList > .box.k > h2:before {
	background-color: #f00b68;

}

@media only screen and (max-width: 800px){
	.internas .productsList {
		grid-template-columns: repeat(3, 32%);
		gap: 14px;
	}
	.internas .productsList > .box > h2 {
		padding: 10px 15px 5px 15px;
	}
}


@media only screen and (max-width: 750px){
	.internas .productsList {
		grid-template-columns: repeat(2, 42%);
		gap: 35px;
		justify-content: center;
	}
}

@media only screen and (max-width: 550px){
	.internas .productsList {
		grid-template-columns: repeat(2, 44%);
		gap: 15px;
	}
	.internas .productsList > .box.m > .imgProduct > img {
		width: 100%;
	}
	.internas .productsList > .box > .imgProduct {
		height: 108px;
	}

	.internas .productsList > .box > .imgProduct {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 412px){
	.internas .productsList {
		grid-template-columns: 100%;
	}
	.internas .productsList > .box > .imgProduct {
		height: 220px;
	}
}


/* REPRESENTACIONES */
.internas .representList {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 30px;
	margin: 20px 0px;
}

.internas .representList > .box{
	display: grid;
	grid-template-columns: 20% auto;
	gap: 10px;
	-webkit-box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
	-moz-box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
	box-shadow:  0px 0px 42px -25px rgba(0,0,0,0.62);
}
.internas .representList > .box:hover img {
	opacity: 70%;
}

.internas .representList > .box > .imglogo {
	text-align: center;
	border-right: 1px solid #0093d0;
	padding-right: 8px;
}

/* .internas .representList > .box > .imglogo, */
.internas .tipsList > .box > .imgLogo {
	background-position: center;
	border-right: 2px solid ;
	width: 100%;
}

.internas .representList > .box > .imglogo > img {
	width: 100%;
}

.internas .representList > .box > p, 
.internas .tipsList > .box > p {
	padding: 15px 20px ;
}

@media only screen and (max-width:800px){
	.internas .representList {
		gap: 18px;
	}
	.internas .representList > .box {
		grid-template-columns: 24% auto;
	}
}

@media only screen and (max-width: 670px){
	.internas .representList {
		grid-template-columns: 100%;
	}
}

/* CATEGORIAS DE REPRESENTACIONES */

.internas .listRepresent {
	display: grid;
	grid-template-columns: repeat(4, 22%);
	justify-content: center;
	gap: 40px;
	padding: 20px 0;
}

.internas .listRepresent .box {
	width: 100%;
	height: auto;
	display: block;
	-webkit-box-shadow: 2px 1px 18px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 1px 18px -11px rgba(0,0,0,0.75);
	box-shadow: 2px 1px 18px -11px rgba(0,0,0,0.75);
}

.internas .listRepresent .box > img {
	width: 100%;
}
.internas .listRepresent .box h3 {
	color: #5ba8ef;
	text-align: center;
	padding: 10px 6px;
	font-weight: 600;
}
.internas .listRepresent .box > .btns {
	display: grid;
	grid-template-columns: auto auto;
	gap: 10px 0;
}

.internas .listRepresent .box > .btns a {
	padding: 10px 5px;
	text-align: center;
	color: #808080;
	font-size: 1em;
	border-top: 1px solid #BDBDBD
}
.internas .listRepresent .box > .btns a:first-of-type {
	border-right: 1px solid #BDBDBD;
}

.internas .listRepresent .box > .btns a:hover {
	color: #f00b68;
}


@media only screen and (max-width:890px){
	.internas .listRepresent {
		gap: 20px
	}
}

@media only screen and (max-width:780px){
	.internas .listRepresent {
		grid-template-columns: repeat(3,auto);
	}
}
@media only screen and (max-width:645px){
	.internas .listRepresent {
		grid-template-columns: repeat(2,auto);
	}
}
@media only screen and (max-width:380px){
	.internas .listRepresent {
		grid-template-columns: 100%;
	}
}

/* TIPS */
.internas .tipsList {
	display: grid;
	grid-template-columns: repeat(2, 45%);
	gap: 41px;
	margin-bottom: 20px;
	justify-content: center;
}

.internas .tipsList > .box {
	display: grid;
	grid-template-columns: auto 64%;
	/* gap: */
	background-color: rgb(236, 236, 236);
	-webkit-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	-moz-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
}

.internas .tipsList > .box > .imgtips {
	display: block;
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
} 

.internas .tipsList > .box .info {
padding: 10px;
}

.internas .tipsList > .box .info > h3 {
	font-size: 1.3em;
	color: #0290d0;
	padding-bottom: 8px;
}

.internas .tipsList > .box .info p {
	padding-bottom: 0;
}

@media only screen and (max-width: 1010px){
	.internas .tipsList {
		gap: 15px;
	}
	.internas .tipsList > .box {gap: 0}
}

@media only screen and (max-width: 940px){
	.internas .tipsList {
		grid-template-columns: repeat(2, 48%);
	}

	.internas .tipsList > .box {
		grid-template-columns: auto 59%;
	}
}

@media only screen and (max-width: 790px) {
	.internas .tipsList {
		grid-template-columns: 92%;
	}
	.internas .tipsList > .box {
		grid-template-columns: auto 59%;
	}
	.internas .tipsList > .box > .imgtips {
		padding-bottom: 160px;
	}
}

@media only screen and (max-width: 490px){
	.internas .tipsList > .box > .imgtips {
		padding-bottom: 124px;
	}
}

@media only screen and (max-width: 430px){
	.internas .tipsList > .box > .imgtips {
		padding-bottom: 112px;
	}
}

@media only screen and (max-width:390px){
	.internas .tipsList > .box {
		grid-template-columns: 99%;
	}
	.internas .tipsList > .box > .imgtips {
		padding-bottom: 211px;
	}
}

/* -----------------RECETAS---------------- */

.internas .recipesList {
	display: grid;
	grid-template-columns: repeat(3, 30%);
	gap: 25px;
	margin-bottom: 20px;
	justify-content: center;
}

.internas .recipesList .box {
	-webkit-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	-moz-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	transition: all .4s;
}

.internas .recipesList .box .imgRecipe {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 220px;
	transition: all .4s;
}

.internas .recipesList .box:hover .imgRecipe {
	/* opacity: 50%; */
	filter: brightness(80%);;
}

.internas .recipesList .box > .txt {
	padding: 23px;
}

@media only screen and (max-width:950px){
	.internas .recipesList {
		grid-template-columns: repeat(3, 32%);
		gap: 15px;
	}

}

@media only screen and (max-width: 820px){
	.internas .recipesList {
		grid-template-columns: repeat(2, 42%);
	}
}

@media only screen and (max-width:665px){
	.internas .recipesList .box .imgRecipe {
		height: 183px;
	}
}

@media only screen and (max-width: 565px){
	.internas .recipesList {
		grid-template-columns: repeat(2, 47%);
	}
}

@media only screen and (max-width:550px){
	.internas .recipesList .box .imgRecipe {
		height: 156px;
	}
}
@media only screen and (max-width: 460px){
	.internas .recipesList {
		grid-template-columns: 100%;
	}
	.internas .recipesList .box .imgRecipe {
		height: 305px;
	}
}

/* DETALLES */
/* Detail medicine */

.txtBox .slideDetail {
	width: 100%;
	min-height: 330px;
	max-height: 450px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	-moz-box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	box-shadow: 3px 3px 15px 4px rgba(0,0,0,0.17);
	margin-bottom: 40px;
}

.txtBox .slideDetail  a {
	display: block;
	width: 100%;
}
.txtBox .slideDetail  a img {
	width: 100%;
	position: relative;
}
.txtBox .slideDetail  a iframe {
	width: 100%;
	height: 450px;
}

.txtBox .slideDetail  a.videoShow:before {
 content: "\f167";
font-family: "FontAwesome";
 color: #fff;
 font-size: 5.2em;
 position: absolute;
 left: 50%;
 transform: translate(-50%, -50%);
 top: 35%;
 z-index: 1000;
}

.txtBox .col2 {
	display: grid;
	grid-template-columns: 30% 65%;
	gap: 25px;
	padding: 20px ;
}

.txtBox .col2 .box {
	position: relative;
	width: 100%;
}

.txtBox .col2 img {
	width: 100%;
	height: auto;
	display: block;
}

.txtBox .col2 .box a {
	display: block;
	color: #a8b1b6;
	font-size: 1.3em;
	padding: 7px;
	text-align: center;
	border: 1px solid #a8b1b6;
}

.txtBox .col2 .box p {
	padding: 20px 0;
}

@media only screen and (max-width: 1010px){
	.internas .txtBox h1 {
		padding: 25px 0;
	}
}

@media only screen and (max-width: 720px){
	.txtBox .slideDetail a iframe {height: 350px;}
	.txtBox .slideDetail {
		min-height: 225px;
		max-height: 380px;
	}
	.txtBox .slideDetail a iframe {
		height: 272px;
	}
}

@media only screen and (max-width: 460px){
	.txtBox {
		padding: 23px 0;
	}
	.txtBox .col2 {
		grid-template-columns: 100%;
		padding: 22px 0;
	}
	.txtBox .slideDetail a iframe {
		height: 272px;
	}
}

@media only screen and (max-width: 420px){
	.txtBox .slideDetail {
		min-height: 165px;
		max-height: 200px;
	}
	.txtBox .slideDetail a iframe {
		height: 192px;
	}

	.txtBox .slideDetail .prev, .next {
		top: 44%;
	}
}



/* ----------------CONTACTO-----------------*/
.contact {
	position: relative;
	padding-top: 123px;
}

.contact h1 {
	color: #0093d0;
	text-align: center;
	padding: 40px 0 20px 0;
}
.contact .txtBox.grid {
	display: grid;
	grid-template-columns: repeat(2, 41fr);
	gap: 50px;
}

.contact .map, .contact .map > iframe {
	width: 100%;
	height: 320px;
}

.contact form {
	position: relative;
	width: 100%;
}

.contact form label > input,
.contact form label > textarea {
	width: 100%;
	display: block;
	border: none;
	color: #45565c;
	font-size: 1em;
	border-bottom: 1px solid #747474;
	margin-bottom: 10px;
	padding: 4px 5px 0 5px;
	position: relative;
}

.contact form label.error > input,
.contact form label.error > textarea {
	border-bottom: 1px solid #dd3434;
}

.contact form label {position: relative;}
.contact form label.error:before {
	content: "*";
	position: absolute;
	color: #dd3434;
	top: 19px;
	left: -7px;
}

.contact form label > textarea {  
	border: 1px solid #747474;
	padding: 5px 7px;
	font-family: 'Montserrat', sans-serif;
}

.contact form input[type="submit"]{
	display: inline-block;
	color: #fff;
	background-color: #0093d0 ;
	padding: 8px 10px;
	text-transform: uppercase;
	border: none;
	border-radius: 5px;
	transition: all .4s;
}

.contact form input[type="submit"]:hover {
	background-color: #1aa7e4 ;
}
p.tel, p.mail { padding-top: 10px;}

.contact .box {
	padding: 15px 0px;
}

.contact .box p {
	border-bottom: 1px solid #e0e0e0;
	padding: 6px;
	position: relative;
}

.contact .box p span {
	position: absolute;
	right: 0;
}

@media only screen and (max-width: 1090px){
	.contact {
		padding-top: 76px;
	}
}

@media only screen and (max-width: 650px){
	.contact .txtBox.grid {
		gap: 4px;
		padding: 0;
	}
	.contact form {
		position: relative;
		width: 96%;
	}
}

@media only screen and (max-width:520px){
	.contact .txtBox.grid {
		gap: 29px;
		grid-template-columns: 100%;
		margin-bottom: 40px;
	}
	.contact form {
		padding: 20px 5px;
	}

	.contact form input[type="submit"]{
		display: block;
		width: 102%;
	}
}