@charset "UTF-8";
/* CSS Document */
/* ===================================================================================================================== */
/* ================================================= **** MODbg **** ================================================== */
/* ===================================================================================================================== */
.DotBut{
	position: relative;
	width: 0.78125vw;
	height: 0.78125vw;
	border-radius: 50%;
	-webkit-transiton: 0.25s ease-in-out;
	-moz-transiton: 0.25s ease-in-out;
	-ms-transiton: 0.25s ease-in-out;
	-o-transiton: 0.25s ease-in-out;
	transiton: 0.25s ease-out;
}

.mouseover:hover .DotBut{
	border-radius: 0%;
}

.liner{
	position: relative;
	max-width: 100%;
	height: 1px;
}
.linerF{
	position: relative;
	max-width: 100%;
	height:  1px;
}

.VertiLinerR{
	position: absolute;
	right: 0;
	top: 0;
	width:  1px;
	height: 100%;
}
.VertiLinerL{
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
}


.HorizontLine{
	position: relative;
	max-width: 100%;
	height: 1px;
}


.sticky-content{
	display: block !important;
	height: auto;
	width: 100%;
	top: 5vw;
	position: sticky;
	position: -webkit-sticky;
    
	
}


blockquote a:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height:100%;
	bottom: 0;
	left: 0;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

blockquote a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


/* ===================================================================================================================== */
/* ================================================= **** TABLET **** ================================================== */
/* ===================================================================================================================== */

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


}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
@media screen and (max-width:  767.98px) {
.DotBut{
	position: relative;
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 0%;
}

.mouseover:hover .DotBut{
	border-radius: 50%;
}

	
.sticky-content{
	display: block !important;
	height: auto;
	width: 100%;
	top: 12vw !important;
	position: sticky;
	position: -webkit-sticky;
}

.liner{
	height:1px;
}
.linerF{
	height: 1px;
}

.VertiLinerR{
	width: 1px;
}
.VertiLinerL{
	width: 1px;;
}


.HorizontLine{
	height: 1px;
}



/* ===================================================================================================================== */
/* ===================================================================================================================== */
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */