@media screen and (max-width: 1440px){
	html, body{
		font-size: 80%!important;
	}
}
@media screen and (max-width: 992px){
	html, body{
		font-size: 75%!important;
	}
}

@media screen and (max-width: 568px){
	html, body{
		font-size: 60%!important;
	}
}

html, body {
	height: 100%;
	/* [disabled]width: 100%; */
	position: relative;
	font-size: 100%;
}

.pt-perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}

.no-js body {
	overflow: auto;
}

.pt-page-ontop {
	z-index: 999;
}

/* Text Styles, Colors, Backgrounds */

.pt-page h1 {
	position: absolute;
	font-weight: 300;
	font-size: 4.4em;
	line-height: 1;
	letter-spacing: 6px;
	margin: 0;
	top: 12%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	word-spacing: -0.3em;
}

.pt-page h1 span {
	font-family: 'Satisfy', serif;
	font-weight: 400;
	font-size: 40%;
	text-transform: none;
	word-spacing: 0;
	letter-spacing: 0;
	display: block;
	opacity: 0.4;
}

.pt-page h1 strong {
	color: rgba(0,0,0,0.1);
}
/*mobile backgrounds*/
@media screen and (max-width: 767px){
	
	.pt-page-1 {
		background-color: #f5f5f5;
	}
	
	.pt-page-2 {
		background-image: url(../kepek/2new.jpg);
		background-position: 100% 100%;
		background-size: cover;
	}

	.pt-page-3 {
		background-image: url(../kepek/3mj.jpg);
		background-size: cover;
		background-position: 100% 35%;
	}

	.pt-page-4 {
		background-image: url(../kepek/4m.jpg);
		background-position: 100% 100%;
		background-size: cover;
	}

	.pt-page-5 {
		background-image: url(../kepek/5m.jpg);
		background-position: 100% 70%;
	}

	.pt-page-6 {
		background-color: #fff;
	}

	.pt-page-7 {
		background-image: url(../kepek/5m.jpg);
		background-position: 100% 60%;
	}

	.pt-page-8 {
		background-image: url(../kepek/5m.jpg);
		background-position: 100% 60%;
	}

	.pt-page-9 {
		background-color: #fff;
	}

	.pt-page-9f {
		background-color: #fff;
	}

	.pt-page-10 {
		background-image: url(../kepek/9m.jpg);
		background-size: cover;
	}

	.pt-page-10 {
		background-image: url(../kepek/9m.jpg);
		background-size: cover;
		background-position: 50% 30%;

	}

	.pt-page-11 {
		background-image: url(../kepek/5m.jpg);
		background-position: 100% 60%;
	}

	.pt-page-12 {
		background-image: url(../kepek/10m.jpg);
		background-size: cover;
		background-position: 100% 100%;
	}

	.pt-page-13 {
		background-color: #fff;
	}

	.pt-page-13 {
		background-color: #fff;
	}

	.pt-page-13.background-1 {
		background-color: #fff;

	}

	.pt-page-13.background-2 {
		background-color: #fff;

	}

	.pt-page-14 {
		/*background-image: url(../kepek/9m.jpg);
		background-size: cover;
		background-position: 50% 30%;*/
	}

	.pt-page-15 {
		background-image: url(../kepek/13m.jpg);
	    background-size: cover;
		background-position: 50% 66%;
	}

	.pt-page-16 {
		background-color: #fff;
	}

	.pt-page-17 {
		background-color: #fff;
	}

	.pt-page-18 {
		background-color: #fff;
	}

	.pt-page-19 {
		background-color: #fff;
	}

	.pt-page-20 {
		background-color: #fff;
	}

	.pt-page-21 {
		background-image: url(../kepek/16m.jpg);

	}
	
}

/*destkop backgrounds*/
@media screen and (min-width: 768px){
	
	.pt-page-1 {
		background-image: url(../kepek/1-new.png);
		background-size: 50%;
		background-position: 100% 0%;
		background-repeat: no-repeat;
		background-color: #f5f5f5;
		}


	.pt-page-2 {
		background-image: url(../kepek/2new.jpg);
		background-size: cover;
	}

	.pt-page-3 {
		background-color: #e8e8ea;
	}

	.pt-page-4 {
		background-image: url(../kepek/4.jpg);
		background-position: 60% 100%;
		background-size: cover;
	}

	.pt-page-5 {
		background-image: url(../kepek/5.png);
		background-position: 100% 50%;
		background-color: #fff;
	}

	.pt-page-6 {
		/*background-image: url(../kepek/6.jpg);
		background-size: cover;*/
		background-color: #fff;
	}

	.pt-page-7 {
		background-image: url(../kepek/5.png);
		background-position: 65% 5%;
		background-color: #fff;
	}

	.pt-page-8 {
		background-image: url(../kepek/5.png);
		background-position: 100% 30%;
		background-color: #fff;
	}

	.pt-page-9 {
		/*background-image: url(../kepek/6.jpg);
		background-size: cover;*/
		background-color: #fff;
	}

	.pt-page-9f {
		/*background-image: url(../kepek/6.jpg);
		background-size: cover;*/
		background-color: #fff;
	}

	.pt-page-10 {
		/*background-image: url(../kepek/9.jpg);
		background-size: cover;
		background-position: 45% 75%;*/
		background-color: #fff;
	}

	.pt-page-10 {
		/*background-image: url(../kepek/9.jpg);
		*/
		background-color: #fff;
	}

	.pt-page-11 {
		background-image: url(../kepek/5.png);
		background-position: 100% 50%;
		background-color: #fff;
	}

	.pt-page-12 {
		/*background-image: url(../kepek/10.jpg);
		background-size: cover;
		background-position: 30% 40%;*/
		background-color: #fff;
	}

	.pt-page-13 {
		/*background-image: url(../kepek/6.jpg);
		background-size: cover;*/
	}

	.pt-page-13 {
/*		background-image: url(../kepek/12.jpg);
*/
	}

	.pt-page-13.background-1 {
/*		background-image: url(../kepek/12_1.jpg);
*/
	}

	.pt-page-13.background-2 {
/*		background-image: url(../kepek/12_2.jpg);
*/
	}

	.pt-page-14 {
/*		background-image: url(../kepek/9.jpg);
		background-size: cover;
		background-position: 45% 75%;
*/
		background-color: #fff;
	}

	.pt-page-15 {
		/*background-image: url(../kepek/13.jpg);
		background-size: cover;*/
	}

	.pt-page-16 {
		/*background-image: url(../kepek/14.jpg);
		background-size: cover;
		background-position: 100% 100%;*/
	}

	.pt-page-17 {
	/*	background-image: url(../kepek/14.jpg);
		background-size: cover;
		background-position: 100% 100%;*/
	}

	.pt-page-18 {
	/*	background-image: url(../kepek/14.jpg);
		background-size: cover;
		background-position: 100% 100%;*/
	}

	.pt-page-19 {
	/*	background-image: url(../kepek/14.jpg);
		background-size: cover;*/
	}

	.pt-page-20 {
		/*background-image: url(../kepek/15.jpg);
		background-size: cover;
	    background-position: 80% 75%;
		*/
		background-color: #ffffff;
	}

	.pt-page-21 {
		background-image: url(../kepek/16.jpg);

	}
}

/* Triggers (menu and button) */

.pt-triggers {
	position: absolute;
	width: 300px;
	z-index: 999999;
	left: 50%;
	margin-top: 130px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 5%;
}

.no-js .pt-triggers {
	display: none;
}

.pt-triggers .dl-menuwrapper button,
.pt-touch-button {
	/*border: none;*/
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0 20px;
	padding: 0px 20px;
	line-height: 50px;
	height: 50px;
	letter-spacing: 1px;
	width: 100%;
	cursor: pointer;
	display: block;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	box-shadow: 3px 5px 20px 10px rgba(0,0,0,0.2);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 30px;
    background: transparent;
    border: 2px solid;
    color: white;
}

.pt-touch-button {
	background: #fff;
	color: #aaa;
}

.pt-triggers .dl-menuwrapper button {
	margin-bottom: 0;
}

.pt-touch-button:active {
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.touch .pt-triggers .dl-menuwrapper {
/*	display: none;*/
}

.pt-message {
	display: none;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #da475c;
	color: #fff;
	text-align: center;
}

.pt-message p {
	margin: 0;
	line-height: 60px;
	font-size: 26px;
}

.no-cssanimations .pt-message {
	display: block;
}



*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ac-custom {
	padding: 0 3em;
	/*max-width: 900px;*/
	margin: 0 auto;
}

.ac-custom h2 {
	font-size: 3em;
	font-weight: 300;
	padding: 0 0 0.5em;
	margin: 0 0 30px;
}

.ac-custom ul,
.ac-custom ol {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	/*max-width: 800px;*/
}

.ac-custom li {
	padding: 1.5em 0;
	position: relative;
	text-align: left;
}

.ac-custom label {
	display: inline-block;
	position: relative;
	font-size: 1.8em;
	padding: 0 0 0 80px;
	vertical-align: top;
	color: rgba(0,0,0,0.6);
	cursor: pointer;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"],
.ac-custom label::before {
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0;
	margin-top: -25px;
	position: absolute;
	cursor: pointer;
}

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.ac-custom label::before {
	content: '';
	border: 4px solid #fff;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.ac-radio label::before {
	border-radius: 50%;
}

.ac-custom input[type="checkbox"]:checked + label,
.ac-custom input[type="radio"]:checked + label {
	color: #fff;
}

.ac-custom2fix input[type="checkbox"]:checked + label,
.ac-custom2fix input[type="radio"]:checked + label {
	color: #01c9de!important;
}  

.ac-custom input[type="checkbox"]:checked + label::before,
.ac-custom input[type="radio"]:checked + label::before {
	opacity: 0.8;
}

/* General SVG and path styles */

.ac-custom svg {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -20px;
	left: 5px;
	pointer-events: none;
}

.ac-custom svg path {
	stroke: #fdfcd3;
	stroke-width: 13px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

.ac-custom2fix svg path {
	stroke: #01c9de!important;
}

.bordercolor label::before {
	border-color: #01c9de;
}

/* Specific input, SVG and path styles */

/* Circle */
.ac-circle input[type="checkbox"],
.ac-circle input[type="radio"],
.ac-circle label::before {
	width: 25px;
	height: 25px;
	margin-top: -15px;
	left: 10px;
	position: absolute;
}

.ac-circle label::before {
	background-color: #01c9de;
	border: none;
}

.ac-circle svg {
	width: 45px;
	height: 45px;
	margin-top: -25px;
	left: 2px;
}

.ac-circle svg path {
	stroke-width: 5px;
} 

/* Box Fill */
.ac-boxfill svg path {
	stroke-width: 8px;
} 

/* Swirl */
.ac-swirl svg path {
	stroke-width: 8px;
}

/* List */
.ac-list ol {
	list-style: decimal;
	list-style-position: inside;
}

.ac-list ol li {
	font-size: 2em;
	padding: 1em 1em 0 2em;
	text-indent: -40px;
}

.ac-list ol li label {
	font-size: 1em;
	text-indent: 0;
	padding-left: 30px;
}

.ac-list label::before {
	display: none;
}

.ac-list svg {
	width: 100%;
	height: 80px;
	left: 0;
	top: 1.2em;
	margin-top: 0px;
}

.ac-list svg path {
	stroke-width: 4px;
}

/* Media Queries */
@media screen and (max-width: 50em) {
	section {
		font-size: 80%;
	}
}




@media screen and (max-width: 47.4375em) {
	.pt-page h1 {
		font-size: 3em;
	}

	.pt-triggers .dl-menuwrapper {
		display: none;
	}
}

@media screen and (max-height: 45.9em) {
	.pt-triggers .dl-menuwrapper li a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.pt-triggers .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
		line-height: 24px;
	}
}

@media screen and (max-height: 38em) { 
	.pt-triggers .dl-menuwrapper {
	display: none;
	}
}

.bluebutton {
	background: #01c9de!important;
}

.ac-custom3fix label {
/*	font-size: 1.2em !important;*/
}

@media screen and (max-width: 992px){
	.hidemd {
		display: none;
	}
}
@media screen and (max-width: 1200px){
	.textleft {
		left: 0;
	}
	html, body{
		font-size: 80%;

	}
}
@media screen and (max-width: 992px){
	html, body{
		font-size: 75%;
	}
}
.dialog-close{
	padding: 1em 2em;
    outline: none;
    font-weight: 600;
    border: none;
    color: #fff;
    background: #01c9de;
}

@media screen and (min-width: 768px){
	.rightnull{
		right: 0;
	}
	
	.page1{
		top: 25%; 
		text-align: center; 
		margin: auto; 
		position: relative; 
		width: 50%; 
		font-size: 1.5rem; 
		color: white;
	}
	
	.page2{
		top: 5%; 
		text-align: center; 
		position: absolute; 
		font-size: 1.5rem; 
		text-align: justify; 
		color: black;
		margin: 5rem 5rem 0 3rem;
	}
	
	.page3{
		top: 15%; 
		text-align: center; 
		position: absolute; 
		font-size: 2.5rem; 
		right: 0%; 
		text-align: justify; 
		color: #5f727f; 
		margin: 0 3rem 0 3rem; 
		text-transform:uppercase; 
		font-weight:100; 
		width: 60%;
		
	}
	
	.page4{
		top: 5%; 
		text-align: center; 
		position: absolute; 
		font-size: 1.5rem; 
		text-align: justify; 
		color: black; 
		font-weight:100; 
		left: 5%;
	}
	
	.page6{
		text-align: center;
	}
	
	.page10{
		top: 10%; 
		text-align: center; 
		position: absolute; 
		font-size: 1.5rem; 
		text-align: justify; 
		color: black;
	}
	
	.page12{
		top: 15%; 
		text-align: center; 
		position: absolute; 
		width: 45%; 
		font-size: 1.5rem; 
		right: 0%; 
		text-align: justify; 
		color: white; 
		margin: 0 5rem 0 3rem;
	}
}

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

	.parallax{
		display: none;
	}

	.font15{
		font-size:1.5rem!important;
	}
	
	.scroll_div{
		overflow: scroll;
		height: 65vh;
	}
	
	
	.page1{
		top: 25%; 
		text-align: center; 
		margin: auto; 
		position: relative; 
		font-size: 1.5rem; 
		color: white;
	
	}

	.page2{
		top: 5%; 
		text-align: center; 
		position: absolute; 
		font-size: 1.5rem; 
		text-align: justify; 
		color: black;
	}
	
	.page3{
		top: 50%;
		bottom: 10%;
		position: absolute;
		text-align: justify;
		color: #5f727f;
		text-transform: uppercase;
		font-weight: 100;
		margin: auto;
		font-size: 1.5rem;
	}
	
	.page4{
		top: 15%;
		text-align: center; 
		position: absolute; 
		font-size: 1.3rem; 
		text-align: justify; 
		color: black; 
		font-weight:100; 
	}
	
	.page6{
		text-align: center;
	}
	
	.page10{
		top: 10%;
		text-align: center; 
		position: absolute; 
		font-size: 1.1rem; 
		text-align: justify; 
		color: black;
	}
	
	.page12{
		top: 20%;
		text-align: center;
		position: absolute;
		font-size: 1.2rem;
		right: 0%;
		text-align: justify;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.scroll_div_big{
		overflow: scroll;
		height: 60rem;
	}	
}

@media screen and (min-width: 569px){ 
	.next_button{
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 10px 0 5px;
		margin-left: 0;
		margin-right: 0;
		padding: 0px 20px;
		line-height: 50px;
		height: 50px;
		letter-spacing: 1px;
		width: 100%;
		cursor: pointer;
		box-shadow: 1px 5px 10px 3px rgba(0,0,0,0.2);
		border-radius: 30px;
		background: transparent;
		border: 2px solid;
		color: white;
	}
}
	
@media screen and (max-width: 568px){
	.next_button{
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 0px 20px;
		margin: auto;
		line-height: 40px;
		height: 40px;
		letter-spacing: 1px;
		width: 60%;
		cursor: pointer;
		box-shadow: 1px 5px 10px 3px rgba(0,0,0,0.2);
		border-radius: 30px;
		background: transparent;
		border: 2px solid;
		color: white;
	}
}
.scroll-side{
	scroll-direction: horizontal;
	display: flex;
	width: 50%;
	scroll-direction: horizontal;
	display: flex;
	scroll-behavior: smooth;
	overflow-x: auto;
	scroll-snap-coordinate: 50% 0%;
}
.scroll-wrapper{

	flex: 0 0 auto;
	width: 100%;
	overflow-x: auto;
}
/*scrollbar always visible*/

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #02bad3;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	border: 1px solid;
	border-color: #02bad3;
	border-radius: 5px;
}

/*Carousel slider*/
/*.carousel-control-prev-icon:after {
	color: #02bad3;
	content: '<';
	font-size: 3rem;
}
.carousel-control-next-icon:after {
	color: #02bad3;
	content: '>';
	font-size: 3rem;

}*/

.carousel-control-prev {
	margin-left: -1rem;
	margin-top: 0.5rem;
}

.carousel-control-next {
	margin-right: -1rem;
	margin-top: 0.5rem;
}

.hashmark__listing{
	margin-top: 1rem;
	color: #ffffff;
	font-size: 1.4rem;
	padding: 0;
}
.job-list__item-description{
background: #ffffff;
font-size: 0.8rem;
color: #7e7f7f;
}

.hover_logo :hover{
    transform: scale(1.05);

}

.hover_logo{
	transform: scale(1.0);
}

.to_muisz{
	background-color: white;
	border: 1px solid black;
	transition-duration: 0.4s;
	padding: 1rem;
}
.to_muisz:hover{
	background-color: #02bad3!important;
	color: white;
}

#finish{
	margin-bottom: 5vh;
	outline: none;
	font-size: 1.1rem;
	background: #01c9de!important;
	border: none!important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0 5px;
	margin-left: 0;
	margin-right: 0;
	padding: 0px 20px;
	line-height: 50px;
	height: 50px;
	letter-spacing: 1px;
	cursor: pointer;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	border-radius: 30px;
	color: white;
	font-size: 1rem;
	width: auto;
}