.common {}

.common-color-eumm-blue {color: rgba(11, 30, 100, 1);}
.common-color-eumm-blue-light {color: rgba(11, 30, 100, 0.8);}
.common-bg-eumm-blue {background-color: rgba(11, 30, 100, 1);}

.common.block {
	display: block;
	position: relative;
	background-color: rgb(247, 247, 247);
	border-radius: 3px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
}

.common.header {
	position: relative;
	margin-bottom: 20px;
	overflow-x: hidden;
}

.common.header .title {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	
	display: inline-block;
	border: 0px solid red;
}

.common.header .title-size-2 {font-size: 1.5rem;}
.common.header .title-size-3 {font-size: 1.4rem;}

.common.header .line {display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.common.header .title .line {width: 120%;}
.common.header > .line {position: absolute; bottom: 0; left: 0; width: 45%; /*max-width---: 175px;*/}

.common.header .line-5   {width: 50%;}
.common.header .line-6   {width: 60%;}
.common.header .line-7   {width: 70%;}
.common.header .line-8   {width: 80%;}
.common.header .line-9   {width: 90%;}
.common.header .line-10  {width: 100%;}
.common.header .line-110 {width: 110%;}
.common.header .line-120 {width: 120%;}
.common.header .line-130 {width: 130%;}
.common.header .line-140 {width: 140%;}
.common.header .line-150 {width: 150%;}
.common.header .line-160 {width: 160%;}
.common.header .line-170 {width: 170%;}
.common.header .line-180 {width: 180%;}
.common.header .line-190 {width: 190%;}
.common.header .line-200 {width: 200%;}

.common.header .icons-container {
	position: absolute; top: 10px; right: 0;
}

.common.owl-carousel {
	/* position: relative; */
	background-color: rgb(245, 245, 245);
	padding: 20px;
	border-radius: 3px;
	border: 0px solid red;
}

.common.owl-carousel iframe {
	max-width: 100%;
}

.common.owl-carousel .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	border: 0px solid red;
}

.common.owl-carousel .owl-nav .owl-prev {left: -30px;}
.common.owl-carousel .owl-nav .owl-next {right: -30px;}
.common.owl-carousel .owl-nav .owl-prev,
.common.owl-carousel .owl-nav .owl-next {
	position: absolute;
	font-size: 9rem;
	color: rgba(255, 255, 255, 0.6);
	margin-top: -130px;
	background: none;
	cursor: pointer;
	outline: none;
	color: rgba(11, 30, 100, 0.6);
}
.common.owl-carousel .owl-nav .owl-prev:hover,
.common.owl-carousel .owl-nav .owl-next:hover {
	color: rgba(11, 30, 100, 0.3);
}

.common.pagebar {background-color: rgb(236, 236, 236); padding: 0.5rem 1rem; border-radius: 3px;}
.common.pagebar a {padding: 2px 10px; text-decoration: none; border-radius: 3px; margin-right: 5px;}
.common.pagebar a:LAST-CHILD {margin-right: 0px;}
.common.pagebar a:hover,
.common.pagebar a.active {background-color: rgb(10, 30, 100); color: rgb(255, 255, 255);}
.common.pagebar .dots {color: rgb(150, 150, 150); margin-right: 5px;}

.common.button {
	display: inline-block;
	border: 1px solid rgb(10, 30, 100);
	padding: 10px 25px;	
	color: rgb(10, 30, 100);
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	text-align: center;
	word-break: break-all;
}
.common.button:hover {
	background-color: rgb(10, 30, 100);
	color: rgb(255, 255, 255);
}