/* Fonts */
@font-face{
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: sans-serif;
}

@font-face{
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: sans-serif;
}

@font-face{
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: sans-serif;
}

@font-face{
	font-family: 'Beautiful';
	src: url('fonts/Beautiful People Personal Use.ttf') format('truetype');
	font-weight: 400;
	font-style: sans-serif;
}

/* Main Colors variables */
:root {
	--primary-color: #4d4d4d;
	--secondary-color: #00da9f;
	--third-color: #979797;
	--four-color: #f4f4f4;
	--five-color: #323232;
	--six-color: #cacaca;
	--max-page-w: 1400px;
}
/* Init CSS base */

a:link, a:visited, a:hover, a:focus, a:active
{
	color:none;
	text-decoration: none;
	display:inline-block;
}

table
{
	border: none;
	border-top: none !important;
	border-left: none !important;
	border-collapse: collapse;
}

tr, td
{
	padding: 0px;
}

.site 
{
	margin: 0 auto;
}

body 
{
  overflow-x:hidden;
 	margin:0px;
}

html {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    padding: 0;
    width: 100vw;
    overflow-x: hidden;
}

ul.languagesmk 
{
	list-style-type: none;
	padding: 0px;
	margin: 4px 0 0 0;
}

li.languagesmk  
{
	float: left;
	padding: 0px 2px;
	font-size: 14px;
}

li.socialsmk  
{
	float: left;
	padding: 0 15px 0 0;
}

ul.socialsmk 
{
	list-style-type: none;
	display: inline-block;
	padding: 0px;
}

ul.menu 
{
	list-style-type: none;
	display: inline-block;
	margin-top: 0px;
	padding: 0px;
}

li.menu  
{
	float: left;
	padding: 2px;
	font-size: 14px;
}

ul.videomenu 
{
	list-style-type: none;
	display: inline-block;
	margin-top: 0px;
	padding: 0px;
}

li.videomenu  
{
	float: left;
	padding: 15px 25px;
	font-size: 16px;
	text-align: center;
}

p, li, a
{
	font-size: 18px;
	font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:var(--third-color);
}

p.ko, li.ko, a.ko
{
	font-family: 'Nanum Gothic', sans-serif;
}

h1, h2, h3
{
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color:var(--third-color);
}

h1.ko, h2.ko
{
	font-family: 'Nanum Gothic', sans-serif;
}

.heavyp, a.heavyp
{
	font-weight: 800;
}

.centerme
{
	margin: auto;
}

.extrapadding
{
	padding: 10px;
}

.full_back_container
{
	width: 101%;
	background-color: var(--secondary-color);
}

.full_header_container
{
	width: 100%;
	padding-bottom: 5px;
}

.full_footer_container
{
	width: 100%;
	background-color: var(--primary-color);
}

.full_footerbase_container
{
	width: 100%;
	background-color: var(--five-color);
}

.max-width-container
{
	max-width: var(--max-page-w);
	margin: auto;
	padding: 0 2em;
}

.max-width-container-sml
{
	max-width: 860px;
	margin: auto;
	padding: 0 1em;
}

.extrapadding-block
{
	padding: 0 1em;
}

/* FLEX BASE */
.containerflex 
{
	display: flex;
 	flex-wrap: wrap;
}

.centerflex
{
	align-items: center;
  justify-content: center;
}

.centerflex-horizontal
{
  justify-content: center;
}


.centerflexelement
{
	align-items: center;
	justify-content: center;
  display: flex;
}


.flex-to-right
{
	margin-left: auto;
	order: 2;
	text-align: right;
}

.float-to-right
{
	float: right;
}

.block01 {flex: 8.333%;}
.block02 {flex: 16.666%;}
.block03 {flex: 25%;}
.block04 {flex: 33.333%;}
.block05 {flex: 41.666%;}
.block06 {flex: 50%;}
.block07 {flex: 58.333%;}
.block08 {flex: 66.666%;}
.block09 {flex: 75%;}
.block10 {flex: 83.333%;}
.block11 {flex: 91.666%;}
.block12 {flex: 100%;}
.blockauto {flex: 1 1 auto;}

@media (max-width: 829px)
{
  .block01, .block02, .block03, .block04, .block05, .block06, .block07, .block08, .block09, .block10, .block11, .block12, .blockauto
  {
  	flex: 100%;
  }
}

/* MEDIA FOR SPECIAL CASES */
@media only screen and (min-width: 0px)
{
  .visibledesk{display: none;}
  .visibledeskt{display: none;}
  .visibledevice{display: initial}
  .visibledeviceall{display: initial}
  .visibledevicetableall{display: inline-table;}
  .visibledevicet{display: block;}
  .visibletablet{display: none;}
  .slides img, .white_base
  {
  	width: 1750px;
  }
  .PM_logo_enzacta
	{
	  margin-top: 90px;
	}
	h1.tile_slider
	{
		font-size: 60px;
	}

	p.description_slider
	{
		font-size: 30px;
	}
}

@media only screen and (min-width: 390px)
{
  .slides img, .white_base
  {
  	width: 2000px;
  }
  .PM_logo_enzacta
	{
	  margin-top: 90px;
	}
	h1.tile_slider
	{
		font-size: 60px;
	}

	p.description_slider
	{
		font-size: 30px;
	}
}

@media only screen and (min-width: 500px)
{
  .slides img, .white_base
  {
  	width: 2100px;
  }
  .PM_logo_enzacta
	{
	  margin-top: 110px;
	}
	h1.tile_slider
	{
		font-size: 90px;
	}

	p.description_slider
	{
		font-size: 40px;
	}
}

@media only screen and (min-width: 830px)
{
	
  .visibledesk{display: initial}
  .visibledeskt{display: block}
  .visibledevice{display: none;}
  .visibledevicet{display: none;}
  .visibledeviceall,.visibledevicetableall{display: none;}
  .visibletablet{display: none;}
  .slides img, .white_base
  {
  	width: 2500px;
  }
  .PM_logo_enzacta
	{
	  margin-top: 145px;
	}
	h1.tile_slider
	{
		font-size: 103px;
	}

	p.description_slider
	{
		font-size: 40px;
	}
}

/* GENERAL STYLES */
.PM_logo_enzacta
{
	width: 100%;
	max-width: 120px;
  z-index: 200;
}

.PM_container_text
{
	width: 100%;
	position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 200;
  flex-flow: column;
}

h1.tile_slider
{
	font-family: 'Beautiful', sans-serif;
	color: white;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

p.description_slider
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: white;
	text-align: center;
	margin-top: -30px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


h2.subtitle
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 34px;
	color: #0b3a5d;
	text-align: center;
}

.container_general
{
	width: 100%;
	margin: auto;
}

.container_medium_general
{
	max-width: 800px;
	width: calc(100% - 2em);
	padding: 0 1em;
	margin: auto;
}

.container_upper_general
{
	position: relative;
	width: 100%;
	margin: auto;
}

.PM_header_base
{
	position: absolute;
	width: 100%;
	height: 70px;
	border-bottom: 2px solid #e94059;
	z-index: 100;
	backdrop-filter: blur(6px);
	background-color: rgb(255, 255, 255, 0.4);
}

.PM_footer_base
{
	border-top: 2px solid #e94059;
	background-color: #f2f2f2;
	width: 100%;
}

p.footer_copy
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

p.footer_text
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

.PM_cover_base
{
	width: 100%;
	display: flex;
}

.PM_main_logo
{
	width: 100%;
	max-width: 200px;
	margin: auto;
	margin-top: 17px;
}

.grey_back
{
	background-color: #d8d8d8;
}

.PM_video_container
{
	width: 100%;
	border-radius: 15px;
}

.video-container {
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: 15px;
}
.video-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	border-radius: 15px;
}

.preload_image
{
	position: absolute;
	top: -2000px;
	left: -2000px;
	width: 0px;
	height: 0px;
}

video {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

h2.title_general
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 28px;
	color: #e94059;
	margin: auto;
}

ul.first li::marker 
{
  color: #e94059!important; 
  font-size: 22px;
  line-height: 18px;
}

ul.second li::marker 
{
	content: "◆";
  color: #0b3a5d!important; 
  list-style-type: "◆";
  font-size: 13px;
}

ul.second li
{
	padding-left: 7px;
}

ul.third li::marker 
{
  color: 333333;
  content: "-";
  list-style-type: "-"; 
}

ul.fourth li 
{
  color: 333333;
  list-style-type: decimal;
}

ul.five li 
{
  color: #333333;
  list-style-type: upper-alpha;
}

h3.title_big
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-align: left;
	font-size: 24px;
	color: #333333;
	margin-top: 50px;
}

h3.title
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-align: left;
	font-size: 18px;
	color: #333333;
	margin-bottom: 0px;
}

p.normal_text, li
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-align: left;
	font-size: 18px;
	color: #333333;
	margin-top: 0px;
	line-height: 24px;
}

.margintop40
{
	margin-top: 40px;
}

.margintop60
{
	margin-top: 60px;
}

.margintop80
{
	margin-top: 80px;
}

.slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slides img {
	position: absolute;
	top: 0;
	right: 50%;
  transform: translateX(50%);
}
.slides img.active {
	display: absolute;
}
.buttons {
	position: absolute;
  bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  z-index: 102;
}
.buttons button {
	background-color: white;
	color: white;
	border: none;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
	border-radius: 50px;
	opacity: 0.5;
}
.buttons button.active {
	background-color: #e94059;
	opacity: 1;
}