/* =================FONT FACE========================== */
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('../fonts/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Medium.woff2') format('woff2'),
        url('../fonts/ProximaNova-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}





body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
	font-weight: 400;
	font-family: 'Proxima Nova';
	/* font-family: 'Mulish', sans-serif; */
}

a{
	border: 0;
	text-decoration: none;
	transition: 0.3s;
}

a:hover{
	border: 0;
	text-decoration: none;
	transition: 0.3s;
}

h1{
	font-weight: 900;
}
h2{
	font-size: 48px;
	font-weight: 900;
	margin-bottom: 30px;
	text-transform: uppercase;
}

p{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 25px;
}
p:last-child{
	margin-bottom: 0 !important;
}
p:empty{
	display: none !important;
}



.ttu{
	text-transform: uppercase;
}
.ttc{
	text-transform: capitalize;
}
.ttl{
	text-transform: lowercase;
}
.ttn{
	text-transform: none;
}



.fix{
	position: fixed;
}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}

.fw_100{
	font-weight: 100;
}
.fw_200{
	font-weight: 200;
}
.fw_300{
	font-weight: 300;
}
.fw_400{
	font-weight: 400;
}
.fw_500{
	font-weight: 500;
}
.fw_600{
	font-weight: 600;
}
.fw_700{
	font-weight: 700;
}
.fw_800{
	font-weight: 800;
}
.fw_900{
	font-weight: 900;
}

.fltLft{
	float: left;
}
.fltRgt{
	float: right;
}

.db{
    display: block !important;
}
.dib{
    display: inline-block !important;
}
.df{
    display: flex !important;
}
.fw{
    flex-wrap: wrap !important;
}
.aifs{
    align-items: flex-start !important;
}
.aic{
    align-items: center !important;
}
.aife{
    align-items: flex-end !important;
}
.jsfs, .jcfs{
    justify-content: flex-start !important;
}
.jcc{
    justify-content: center !important;
}
.jcsb{
    justify-content: space-between !important;
}
.jcsa{
	justify-content: space-around !important;
}
.jcse{
	justify-content: space-evenly !important;
}
.jcfe{
    justify-content: flex-end !important;
}
.fdrr{
    flex-direction: row-reverse;
}
.fdc{
    flex-direction: column;
}
.fdcr{
    flex-direction: column-reverse;
}
.l-0{
    left: 0 !important;
}
.r-0{
    right: 0 !important;
}
.r-30{
    right: 30px !important;
}
.t-0{
    top: 0 !important;
}
.t-_20{
    top: -20px !important;
}
.b-0{
    bottom: 0 !important;
}


/* padding */
.px_15{
	padding-left: 15px;
	padding-right: 15px;
}
.px_20{
	padding-left: 20px;
	padding-right: 20px;
}

/* Padding-Top */
.pt_200{
	padding-top: 200px !important;
}
.pt_140{
	padding-top: 140px !important;
}
.pt_100{
	padding-top: 100px !important;
}
.pt_90{
	padding-top: 90px !important;
}
.pt_80{
	padding-top: 80px !important;
}
.pt_75{
	padding-top: 75px !important;
}
.pt_70{
	padding-top: 70px !important;
}
.pt_60{
	padding-top: 60px !important;
}
.pt_55{
	padding-top: 55px !important;
}
.pt_50{
	padding-top: 50px !important;
}
.pt_45{
	padding-top: 45px !important;
}
.pt_40{
	padding-top: 40px !important;
}
.pt_35{
	padding-top: 35px !important;
}
.pt_30{
	padding-top: 30px !important;
}
.pt_25{
	padding-top: 25px !important;
}
.pt_20{
	padding-top: 20px !important;
}
.pt_15{
	padding-top: 15px !important;
}
.pt_10{
	padding-top: 10px !important;
}
.pt_05{
	padding-top: 5px !important;
}

/* Padding-Right */
.pr_100{
	padding-right: 100px !important;
}
.pr_90{
	padding-right: 90px !important;
}
.pr_80{
	padding-right: 80px !important;
}
.pr_75{
	padding-right: 75px !important;
}
.pr_70{
	padding-right: 70px !important;
}
.pr_60{
	padding-right: 60px !important;
}
.pr_55{
	padding-right: 55px !important;
}
.pr_50{
	padding-right: 50px !important;
}
.pr_45{
	padding-right: 45px !important;
}
.pr_40{
	padding-right: 40px !important;
}
.pr_35{
	padding-right: 35px !important;
}
.pr_30{
	padding-right: 30px !important;
}
.pr_25{
	padding-right: 25px !important;
}
.pr_20{
	padding-right: 20px !important;
}
.pr_15{
	padding-right: 15px !important;
}
.pr_10{
	padding-right: 10px !important;
}
.pr_05{
	padding-right: 5px !important;
}

/* Padding-Bottom */
.pb_100{
	padding-bottom: 100px !important;
}
.pb_90{
	padding-bottom: 90px !important;
}
.pb_80{
	padding-bottom: 80px !important;
}
.pb_70{
	padding-bottom: 70px !important;
}
.pb_60{
	padding-bottom: 60px !important;
}
.pb_55{
	padding-bottom: 55px !important;
}
.pb_50{
	padding-bottom: 50px !important;
}
.pb_45{
	padding-bottom: 45px !important;
}
.pb_40{
	padding-bottom: 40px !important;
}
.pb_35{
	padding-bottom: 35px !important;
}
.pb_30{
	padding-bottom: 30px !important;
}
.pb_25{
	padding-bottom: 25px !important;
}
.pb_20{
	padding-bottom: 20px !important;
}
.pb_15{
	padding-bottom: 15px !important;
}
.pb_10{
	padding-bottom: 10px !important;
}
.pb_05{
	padding-bottom: 5px !important;
}

/* Padding-Left */
.pl_100{
	padding-left: 100px !important;
}
.pl_90{
	padding-left: 90px !important;
}
.pl_80{
	padding-left: 80px !important;
}
.pl_75{
	padding-left: 75px !important;
}
.pl_70{
	padding-left: 70px !important;
}
.pl_60{
	padding-left: 60px !important;
}
.pl_55{
	padding-left: 55px !important;
}
.pl_50{
	padding-left: 50px !important;
}
.pl_45{
	padding-left: 45px !important;
}
.pl_40{
	padding-left: 40px !important;
}
.pl_35{
	padding-left: 35px !important;
}
.pl_30{
	padding-left: 30px !important;
}
.pl_25{
	padding-left: 25px !important;
}
.pl_20{
	padding-left: 20px !important;
}
.pl_15{
	padding-left: 15px !important;
}
.pl_10{
	padding-left: 10px !important;
}
.pl_05{
	padding-left: 5px !important;
}


	/* margin */
.mx_15{
	margin-left: 15px;
	margin-right: 15px;
}
/* Margin-Top */
.mt_100{
	margin-top: 100px !important;
}
.mt_90{
	margin-top: 90px !important;
}
.mt_80{
	margin-top: 80px !important;
}
.mt_70{
	margin-top: 70px !important;
}
.mt_60{
	margin-top: 60px !important;
}
.mt_55{
	margin-top: 55px !important;
}
.mt_50{
	margin-top: 50px !important;
}
.mt_45{
	margin-top: 45px !important;
}
.mt_40{
	margin-top: 40px !important;
}
.mt_35{
	margin-top: 35px !important;
}
.mt_30{
	margin-top: 30px !important;
}
.mt_25{
	margin-top: 25px !important;
}
.mt_20{
	margin-top: 20px !important;
}
.mt_15{
	margin-top: 15px !important;
}
.mt_10{
	margin-top: 10px !important;
}
.mt_05{
	margin-top: 5px !important;
}


/* Margin-Right */
.mr_100{
	margin-right: 100px !important;
}
.mr_90{
	margin-right: 90px !important;
}
.mr_80{
	margin-right: 80px !important;
}
.mr_70{
	margin-right: 70px !important;
}
.mr_60{
	margin-right: 60px !important;
}
.mr_50{
	margin-right: 50px !important;
}
.mr_50{
	margin-right: 50px !important;
}
.mr_40{
	margin-right: 40px !important;
}
.mr_35{
	margin-right: 35px !important;
}
.mr_30{
	margin-right: 30px !important;
}
.mr_25{
	margin-right: 25px !important;
}
.mr_20{
	margin-right: 20px !important;
}
.mr_15{
	margin-right: 15px !important;
}
.mr_10{
	margin-right: 10px !important;
}
.mr_05{
	margin-right: 5px !important;
}


/* Margin-Bottom */
.mb_120{
    margin-bottom: 120px !important;
}
.mb_105{
    margin-bottom: 105px !important;
}
.mb_100{
	margin-bottom: 100px !important;
}
.mb_90{
	margin-bottom: 90px !important;
}
.mb_80{
	margin-bottom: 80px !important;
}
.mb_75{
	margin-bottom: 75px !important;
}
.mb_70{
	margin-bottom: 70px !important;
}
.mb_60{
	margin-bottom: 60px !important;
}
.mb_50{
	margin-bottom: 50px !important;
}
.mb_40{
	margin-bottom: 40px !important;
}
.mb_35{
	margin-bottom: 35px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_05{
	margin-bottom: 5px;
}


/* Margin-Left */
.ml_100{
	margin-left: 100px !important;
}
.ml_90{
	margin-left: 90px !important;
}
.ml_80{
	margin-left: 80px !important;
}
.ml_70{
	margin-left: 70px !important;
}
.ml_60{
	margin-left: 60px !important;
}
.ml_50{
	margin-left: 50px !important;
}
.ml_55{
	margin-left: 55px !important;
}
.ml_40{
	margin-left: 40px !important;
}
.ml_35{
	margin-left: 35px !important;
}
.ml_30{
	margin-left: 30px !important;
}
.ml_25{
	margin-left: 25px !important;
}
.ml_20{
	margin-left: 20px !important;
}
.ml_15{
	margin-left: 15px !important;
}
.ml_10{
	margin-left: 10px !important;
}
.ml_05{
	margin-left: 5px !important;
}

.wid_10{
	width: 10%;
}
.wid_20{
	width: 20%;
}
.wid_25{
	width: 25%;
}
.wid_30{
	width: 30%;
}
.wid_33{
	width: 33.333333%;
}
.wid_35{
	width: 35%;
}
.wid_40{
	width: 40%;
}
.wid_45{
	width: 45%;
}
.wid_50{
	width: 50%;
}
.wid_55{
	width: 55%;
}
.wid_66{
	width: 66.666666%;
}
.wid_60{
	width: 60%;
}
.wid_65{
	width: 65%;
}
.wid_70{
	width: 70%;
}
.wid_80{
	width: 80%;
}
.wid_90{
	width: 90%;
}
.wid_100{
	width: 100%;
}


.wid_1b2{
	width: calc((100% / 2) - 10px)
}
.wid_1b3{
	width: calc((100% / 3) - 10px)
}
.wid_1b4{
	width: calc((100% / 4) - 10px)
}
.wid_1b5{
	width: calc((100% / 5) - 10px)
}
.wid_1b6{
	width: calc((100% / 6) - 10px)
}
.wid_1b7{
	width: calc((100% / 7) - 10px)
}
.wid_1b8{
	width: calc((100% / 8) - 10px)
}
.wid_1b9{
	width: calc((100% / 9) - 10px)
}
.wid_1b10{
	width: calc((100% / 10) - 10px)
}


section{
	overflow: hidden;
	position: relative;
}


.customBlock{
	padding-top: 80px;
	padding-bottom: 80px;
}
.customList, .noListBg, .noList{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.customList{
	margin-bottom: 30px;
}
.customList li,
.noListBg li{
	padding-left: 20px;
	position: relative;
}
.customList li:not(:last-child), .noListBg li:not(:last-child){
	margin-bottom: 5px;
}
.customList li:before {
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: #e21a2d;
}
.customList.orangeList li:before{
	background-color: #f68b1e !important;
}


.whiteText{
	color: #ffffff !important;
}
.blackText{
	color: #000000 !important;
}
.purpleText{
	color: #9d1882 !important;
}
.redText{
	color: #e21a2d !important;
}
.orangeText{
	color: #f68b1e !important;
}



/* -------------Header--------------- */

header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20)
}

.logosWrap{
	margin: 0;
	z-index: 3;
	color: white;
	padding: 7px 0;
	align-self: center;
	font-size: 1.8rem;
	font-family: "Passion One", "sans-serif";
}
.logosWrap ul li{
	position: relative;
}
.logosWrap ul li:not(:last-child){
	margin-right: 30px;
	padding-right: 30px;
}
.logosWrap ul li:not(:last-child):after{
	background-color: #cbcbcb;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	content: '';
	position: absolute;
}
.logo a{
	display: block;
}
.logo img{
	width: 100%;
	display: block;
	max-width: 120px;
	transition: 0.6s;
}

.menuArea{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	padding: 15px 0;
	transition: 0.6s;
}

.download{
	padding: 0 15px;
}

.arTitle{
	text-align: right;
}
.arTitle span{
	font-size: 22px;
	line-height: 26px;
	transition: 0.6s;
}
.arTitle span strong{
	font-weight: 600;
}

.banner{
	width: 100vw;
	overflow: hidden;
	position: relative;
	height: 90vh;
}

.bannerImgBox{
	left: 0;
	width: 50%;
	height: 80vh;
	position: relative;
	text-transform: uppercase;
}
.deskVdo {
    top: -20%;
    left: -45%;
    width: 1000px;
    position: relative;
}
/*
.bannerImg{
	width: 100%;
	height: 750px;
}
.bannerImg .absImg1{
	left: -290px;
	top: 0;
	width: 862px;
	animation: rotation 120s forwards 3s infinite;
}
.bannerImg .absImg2{
	left: -260px;
	top: 30px;
	width: 779px;
	animation: rotation 120s forwards 3s infinite;
}
.bannerImg .absImg3{
	left: -220px;
	top: 70px;
	width: 685px;
	animation: rotation 120s forwards 3s infinite;
}
.bannerImg .absImg4{
	left: -170px;
	top: 120px;
	width: 546px;
	animation: rotation 120s forwards 3s infinite;
}
.bannerImg .absImg5{
	left: -130px;
    top: 170px;
	width: 396px;
	animation: rotation 120s forwards 3s infinite;
}
.bannerImg .absImg6{
	left: -40px;
    top: 240px;
	width: 228px;
	animation: rotation 120s forwards 3s infinite;
}
*/
@keyframes rotation{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes rotation_rev{
	0%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes rotate_02{
	0%{
		transform: translateY(-50%) rotate(-180deg);
	}
	100%{
		transform: translateY(-50%) rotate(520deg);
	}
}
@keyframes rotate_03{
	0%{
		transform: rotate(-180deg);
	}
	100%{
		transform: rotate(-520deg);
	}
}


.bannerImgBox h1 strong{
	transition: 0.6s;
}
.strong_db_1.show{
	transform: translateX(260px);
}
.strong_db_2.show{
	transform: translateX(260px);
}
.strong_db_3.show{
	transform: translateX(260px);
}


.bannerImgBox h1{
	font-size: 50px;
    position: absolute;
    left: calc(100% - 380px);
    top: 50%;
    transform: translateY(-50%);
}

.bannerText{
	/*position: absolute;*/
	flex-direction: column;
	align-items: center;
	display: flex;
	height: 100%;
	width: 60%;
	z-index: 3;
	right: 30px;
	top: 0;
    bottom: 0;
    /* align-items: center; */
    margin: auto;
}
.bannerText h2{
    right: 5%;
	font-size: 50px;
	text-align: right;
	position: absolute;
}
.bannerText h2.blackText{
	top: calc(50% - 50px);
	transform: translateY(-50%)
}
.bannerText h2.blackText:after{
    left: 0;
    right: 0;
	height: 2px;
	bottom: -7px;
	content: '';
	position: absolute;
	background-color: #f68b1e;
}
.bannerText h2.purpleText{
	top: calc(50% + 25px);
	transform: translateY(-50%)
}

/* .bannerImg{
	display: none;
} */




/* ---------------------navigation---------------------- */
.headerWrap{
	z-index: 999;
	background-color: #fff;
}
.navigation{
	text-align: right;
}
.navigation .menuC{
	/*height: 32px;*/
	text-align: right;
	vertical-align: top;
	display: inline-block;
}
.navigation .menuC .barWrap{
    width: 40px;
    height: 34px;
}
.menuT{
    font-size: 20px;
}
.menuTitle{
    font-size: 30px;
	margin-top: 20px;
	margin-bottom: 15px !important;
}
.navigation .bar {
    transition: 0.6s;
    height: 4px;
	vertical-align: top;
    display: inline-block;
	border-radius: 8px;
    position: relative;
    background-color: #00a651;
	transition: 0.6s;
}
.navigation .bar:not(:last-child){
	margin-bottom: 9px;
}
.navigation .bar.bar_01 {
    top: 0;
	width: 30px;
	background: #f79633;
    transform: rotate(0);
}
.navigation .bar.bar_02 {
    top: -9px;
	width: 40px;
	background: #9d1882;
    transform: rotate(0);
}
.navigation .bar.bar_03 {
	top: -18px;
	width: 24px;
	background: #e32638;
}

nav .active .menuopen{
	display: none;
}
nav .menuclose{
	display: none;
}
nav .active .menuclose{
	display: block;
	margin-top: 21px;
}

.nav-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
	right: 0;
    align-items: center;
    margin: auto;
    margin-bottom: 30px;
    padding: 0 0 0 0;
    width: 100%;
    height: calc(100vh - 85px);
    background-color: #fff;
    z-index: 2;
    transform: translateY(-200%);
    transition: all 0.55s ease-in-out;
    -webkit-box-shadow: inset 0px 5px 10px 1px #f2f2f2;
    box-shadow: inset 0px 5px 10px 1px #f2f2f2;
}
.nav-menu.active {
	top: 85px;
	transform: translateY(0%);
}
.nav-item {
	margin: 30px 0;
	text-transform: uppercase;
}
.nav-menu a {
	color: #F00;
	font-weight: 700;
  	font-size: 15px;
}
.nav-menu a:hover {
  	color: #e63946;
}
.hamburger {
	cursor: pointer;
	z-index: 3;
}
.hamburger.close{
    float: left;
	opacity: 1 !important;
}
.hamburger.close .bar:nth-child(2) {
	opacity: 0;
}
.hamburger.close .bar:nth-child(1) {
	width: 40px;
	transform: translateY(15px) rotate(45deg);
}
.hamburger.close .bar:nth-child(3) {
  	width: 40px;
	transform: translateY(-15px) rotate(-45deg);
}

/* ------------Navigation----------------- */
nav{
	position: fixed;
	background-color: #f68d22;
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
	z-index: 999; 

	display: flex;
	justify-content: center;
	align-items: center;

	transform: scaleX(0);
	transform-origin: left center;
	opacity: 0;
	transition: transform 0.3s ease-in-out, opacity 0.2s ease-in;
}

.reveal-nav{
	transform: scaleX(1);
	opacity: 1;
}
.navHolder{
	height: 100vh;
    overflow-y: scroll;
	padding: 110px 50px 30px;
}

.menuTitle a.purpleText:hover{
	color: #ffffff;
}
.menuTitle .purpleText{
	line-height: 1;
	font-weight: 600;
}
.menuTitle .purpleText span{
	font-size: 20px;
	font-weight: 300;
	color: #ffffff;
	letter-spacing: 0.05rem;
}

.menu{
	margin: 0;
	padding: 0;
	/* height: 400px; */
	/* overflow-y: scroll; */
	list-style: none;
}
.menu-item{
	color: #fff; 
	text-decoration: none;
	height: 60px;
	font-size: 16px;
	line-height: 1.3;
	opacity: 0;
	padding: 8px 15px;
	transform: translate(-20em);
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.6s;
	border-radius: 10px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	letter-spacing: 0.05rem;
	border-radius: 10px;
	border: 1px solid #ffffff !important;
	background-color: rgba(255,255,255,0.12);
	transition: transform 0.8s ease-in-out, opacity 0.3s ease-in;
}
.menu-item:after{
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
	content: '';
	transition: 0.6s;
	border-radius: 10px;
	position: absolute;
	/* border: 1px solid rgba(157, 24, 130, 1.2); */
	/* background-color: rgba(157, 24, 130, 1.2); */
	background-color: #9d1882;
}
.menu-item span,
.menu-item strong{
	z-index: 2;
	color: #ffffff;
	position: relative;
}
.menu-item:hover:after{
	width: 100%;
}
.menu-item:hover span{
	
}
.menu-item:hover strong{
	color: ;
}
.menu li{
	width: calc(25% - 15px);
	margin-bottom: 15px;
	margin-right: 15px;
}
/* .menu li + li{
	margin-top: 1em;
} */

.reveal-items .menu-item{
	transform: translate(0);
	opacity: 1;
}

.reveal-items li:nth-child(1) .menu-item{
	transition-delay: 0.03s;
}
.reveal-items li:nth-child(2) .menu-item{
	transition-delay: 0.2s;
}
.reveal-items li:nth-child(3) .menu-item{
	transition-delay: 0.3s;
}
.reveal-items li:nth-child(4) .menu-item{
	transition-delay: 0.4s;
}
.reveal-items li:nth-child(5) .menu-item{
	transition-delay: 0.5s;
}
.reveal-items li:nth-child(6) .menu-item{
	transition-delay: 0.6s;
}
.reveal-items li:nth-child(7) .menu-item{
	transition-delay: 0.7s;
}
.reveal-items li:nth-child(8) .menu-item{
	transition-delay: 0.8s;
}
.reveal-items li:nth-child(9) .menu-item{
	transition-delay: 0.9s;
}
.reveal-items li:nth-child(10) .menu-item{
	transition-delay: 0.10s;
}
.reveal-items li:nth-child(11) .menu-item{
	transition-delay: 0.11s;
}
.reveal-items li:nth-child(12) .menu-item{
	transition-delay: 0.12s;
}
.reveal-items li:nth-child(13) .menu-item{
	transition-delay: 0.13s;
}
.reveal-items li:nth-child(14) .menu-item{
	transition-delay: 0.14s;
}

.reveal-items li:nth-child(15) .menu-item{
	transition-delay: 0.03s;
}
.reveal-items li:nth-child(16) .menu-item{
	transition-delay: 0.16s;
}
.reveal-items li:nth-child(17) .menu-item{
	transition-delay: 0.17s;
}
.reveal-items li:nth-child(18) .menu-item{
	transition-delay: 0.18s;
}
.reveal-items li:nth-child(19) .menu-item{
	transition-delay: 0.19s;
}
.reveal-items li:nth-child(20) .menu-item{
	transition-delay: 0.20;
}
.reveal-items li:nth-child(21) .menu-item{
	transition-delay: 0.21s;
}

.reveal-items li:nth-child(22) .menu-item{
	transition-delay: 0.03s;
}
.reveal-items li:nth-child(23) .menu-item{
	transition-delay: 0.23s;
}
.reveal-items li:nth-child(24) .menu-item{
	transition-delay: 0.24s;
}

.reveal-items li:nth-child(25) .menu-item{
	transition-delay: 0.03s;
}










.stickyHeader .logo img{
	max-width: 90px;
}
.stickyHeader .menuArea{
	padding: 9px 0;
}
.stickyHeader .arTitle span {
    font-size: 16px;
    line-height: 20px;
}
.stickyHeader .navigation .bar.bar_01,
.stickyHeader .navigation .bar.bar_02,
.stickyHeader .navigation .bar.bar_03{
	/* width: 30px;
	height: 3px; */
}

.stickyHeader .navigation .bar.bar_01,
.stickyHeader .navigation .bar.bar_02{
	/* margin-bottom: 8px; */
}

/* .stickyHeader .hamburger.active .bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.stickyHeader .hamburger.active .bar:nth-child(3) {
    transform: translateY(-13px) rotate(-45deg);
} */

.stickyHeader .nav-menu{
	height: calc(100vh - 68px);
}

.stickyHeader .nav-menu.active{
	top: 67px;
}




/* 
[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom]{
	opacity: 1 !important;
}
    
[data-aos=flip-up],
[data-aos=fade-up],
[data-aos=fade-down],
[data-aos=fade-left],
[data-aos=fade-right],
[data-aos=zoom-in],
[data-aos=zoom-out],
[data-aos=zoom-in-up],
[data-aos=zoom-in-down],
[data-aos=zoom-in-left],
[data-aos=zoom-in-right],
[data-aos=zoom-out-in],
[data-aos=zoom-out-up],
[data-aos=zoom-out-right],
[data-aos=zoom-out-left]{
	transform: translate(0) !important;
}

[data-aos^=fade][data-aos^=fade].aos-animate,
[data-aos^=zoom][data-aos^=zoom].aos-animate{
	transform: translate(0) !important;
} */

.lh_1{
	line-height: 1.3;
}
.lh_small{
	line-height: 1.3;
}
main{
	/* padding-top: 87px; */
	overflow-x: hidden;
}
.bgC_ebf0f3{
	background-color: #ebf0f3;
}
.bgC_cb85bd{
	background-color: #cb85bd;
}
.bgC_e58891{
	background-color: #fe8c97;
}
.bgC_f3cea8{
	background-color: #f3cea8;
}
.quoteBox{
	border: 2px solid #f68b1e;
	border-radius: 0 15px 15px 0;
	border-left: 0;
	padding-right: 20px;
}
.quoteBox h4{
	top: -20px;
	margin-bottom: 0;
	position: relative;
	padding-right: 10px;
	display: inline-block;
	background-color: #ebf0f3;
}
.quoteBox:not(:last-child){
	margin-bottom: 50px;
}
.box2 h4{
	padding-bottom: 14px;
}
.quoteBox p{
	top: -20px;
	position: relative;
}
.quoteBox img{
	top: -20px;
	width: 96%;
	position: relative;
}

.homeBlock_02 .absImg1{
	top: 35px;
    left: -315px;
    width: 680px;
}
.homeBlock_02 .absImg2{
	/* width: 250px; */
    left: 6%;
    top: 283px;
}

.container_max{
	width: 96%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.containerRow{
	padding-left: calc((100% - 1080px) / 2);
	/* padding-right: 96% / 2; */
}
.trippleText{
	width: 230px;
	font-size: 20px;
    line-height: 1.2;
	padding-top: 40px;
    /* padding: 150px 0 0 25px; */
}
.trippleText span:not(:last-child){
	margin-bottom: 8px;
}
.trippleBox{
	position: relative;
	margin: 203px 4% 0 25px;
	/* border-top: 2px solid #9d1882; */
	/* border-bottom: 1px solid #f68b1e; */
}
.trippleBox:before{
	top: 0;
	content: '';
	left: 200px;
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: #9d1882;
}
.trippleBox:after{
	bottom: 0;
	content: '';
	left: 225px;
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: #f68b1e;
}
.midText{
	font-size: 20px;
}
.trippleCont{
	padding-top: 40px;
	padding-left: 40px;
	position: relative;
	padding-bottom: 30px;
	width: calc(100% - 230px);
}
.trippleCont:before{
	bottom: 20px;
	width: 2px;
	content: '';
	left: -21px;
	position: absolute;
	height: calc(100% - 310px);
	background-color: #f68b1e;
}
.trippleCont .absImgBr{
	bottom: 0;
	left: -22px;
	width: 18px;
	height: 20px;
}

.ringList li {
    width: calc((100% / 6) - 20px);
}
.ringList1{
    padding: 0 210px;
}
.ringBox{
	position: relative;
}
.ringBox img{
	width: 180px
}
.counterText{
	top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.counterText.text-right{
	right: -60px;
}
.counterText.text-left{
	left: 60px;
}
.counterText > *{
	line-height: 1;
	color: #e21a2d
}
.counterText .counter{
}
.counterText .bigText{
	font-size: 60px;
	font-weight: 300;
}
.mediumT{
	font-size: 16px;
	font-weight: 500;
}
.strong{
	font-size: 18px;
	font-weight: 600;
}
.smallText{
	font-size: 12px;
	font-weight: 600;
}
.counterText p{
	font-weight: 400;
	font-size: 14px;
}

.counterTextBox{
	align-items: flex-start;
}
.counterTextBox .bigText{
	width: auto;
	max-width: 50px;
}
.counterTextBox img{
	width: 48px;
	top: -20px;
	position: relative;
}


.uList{
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	position: absolute;
}
.uList li{
	color: #fff;
	font-size: 36px;
	cursor: pointer;
	font-weight: 400;
	position: relative;
}
.uList li#uList_01.active{
	color: #9d1882;
}
.uList li#uList_02.active{
	color: #e21a2d;
}
.uList li#uList_03.active{
	color: #f68b1e;
}
.uList li:not(:last-child){
	margin-right: 30px;
	padding-right: 30px;
}
.uList li:not(:last-child):after{
	top: 0;
	right: 3px;
	bottom: 0;
	width: 1px;
	content: '|';
	color: #ffffff;
	position: absolute;
}
.uListContWrap{
	top: -70px;
	position: relative;
}
.uListEach{
	overflow: hidden;
}
.uListContWrap > div{
	display: none;
}
.uListContWrap > div:first-child{
	display: block;
}
.ringImgBox{
	left: -150px;
	bottom: -120px;
    width: 621px;
    height: 670px;
}
.absImg2{
	left: 105px;
    bottom: 100px;
}
.hugeText{
	line-height: 1;
	font-size: 250px;
	font-weight: 900;
}
.hugeText.abs{
	top: 50%;
    left: 50%;
    transform: translate(-40%, 40%);
}
.opacity_02{
	opacity: 0.2;
}
.boldPara p{
	font-weight: 700;
}
.fz_20{
	font-size: 20px;
}



.container_full{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.homeBlock_05{
    top: -70px;
}
.homeBlock_05 .absImg{
	right: -230px;
	top: 50%;
	width: 500px;
	transform: translateY(-50%) rotate(-180deg);
	animation: rotate_02 50s forwards infinite;
}
.topManageBox{
    height: 100%;
	padding-left: 70px;
	background-color: #e21a2d;
}
.topManageBox figure{
	margin:0;
	width: 100%;
	height: 100%;
	display: block;
}
.topManageBox figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.readMoreBtn{
	width: 150px;
	height: 48px;
	padding: 5px;
	display: block;
	font-weight: 500;
	color: #ffffff;
	transition: 0.6s;
	line-height: 34px;
	text-align: center;
	background-color: #e21a2d;
	border: 2px solid #e21a2d !important;
}
.readMoreBtn:hover{
	color: #e21a2d;
	background-color: #ffffff;
}
.readMoreBtn.whiteBtn{
	color: #e21a2d;
	background-color: #ffffff;
	border: 2px solid #ffffff !important;
}
.readMoreBtn.whiteBtn:hover{
	color: #ffffff;
	background-color: #e21a2d;
}
.manageMain{
	margin-right: 10%;
}
.quote{
	position: relative;
	background-color: #e21a2d;
}
.quote:after{
	right: 50px;
	width: 36px;
	content: '';
	height: 32px;
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../img/home/quote_bg.png);
}
.quote p{
	font-size: 28px;
	font-weight: 300;
	line-height: 1.3;
	padding: 30px 40px;
	font-style: oblique;
}
.quote.wid_40::after{
	content: normal;
}

.clearFix{
	position: relative;
}
.clearFix:after{
	display: table;
	content: '';
	clear: both;
}

.homeBlock_06{
    top: -70px;
}

.rndBox{
	padding-left: 70px;
	background-color: #f68d22;
}
.rndBox .contBox{
	padding: 100px 70px 120px;
	background-color: #e21a2d;
}
.rndBox .contBox h3{
	color: #FFF;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
}
.rndBox .contBox p{
	color: #FFF;
}
.rndMain{
	margin-right: 10%;
}
.rndImgBox{
    position: relative;
}
.rndImgBoxCont{
    height: 750px;
    max-width: 75%;
}
.rndImgBox figure{
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.rndImgBox > div,
.rndImgBox > div > div{
    height: 750px;
    width: 100%;
}
.rndImgBox figure{
    height: 750px;
    width: 100%;
    border-radius: 20px;
}
.rndImgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slick-arrow {
    padding: 0;
    z-index: 2;
    width: 35px;
    height: 41px;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    border: 0 !important;
    background: transparent;
    outline: none !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.slick-arrow:before {
    top: 50%;
    left: 50%;
    content: '';
    width: 19px;
    height: 11px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-prev {
    bottom: 32px;
    right: -128px;
}
.slick-prev:before{
    background-image: url(../img/prev_ar.png);
}

.slick-next {
    bottom: 0;
    right: -128px;
}
.slick-next:before{
    background-image: url(../img/next_ar.png);
}

.slick-dots{
    position: absolute;
    right: -110px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    padding: 0;
    height: 500px;
    background: #f9d1d5;
}
.slick-dots li {
    display: inline-block;
    margin: 0 0 3px;
}
.slick-dots li button {
    font-size: 0;
    border: 0;
    height: 40px;
    width: 4px;
    padding: 0;
    cursor: pointer;
    outline: none;
    background: #ff6b79;
}
.slick-dots li.slick-active button {
    background: #e21a2d;
}




section.homeBlock_07{
	overflow: visible;
}
.homeBlock_07 .absImg{
	right: -330px;
	top: -200px;
	width: 500px;
	z-index: 9;
	transform: rotate(-180deg);
	animation: rotate_03 75s forwards infinite;
}
.board_sec .container_full figure{
	margin: 0;
	width: 100%;
	height: 100%;
}
.board_sec .container_full figure img{
	width: 100%;
}
.boardLayer{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.boardLayer .toolTip{
	width: 22px;
	height: 22px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 50%;
	position: absolute;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: 1px solid #e21a2d;
	transition: 0.6s;
}
.toolTip:before {
    width: 20px;
    height: 20px;
    content: '';
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.6s;
    border-radius: 50%;
    position: absolute;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 2100ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: pulse;
    -moz-animation-duration: 2501ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 2100ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(226, 26, 45, 0.5);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
	}
}
.boardLayer .toolTip span{
	font-size: 12px;
	font-weight: 600;
	color: #000000;
}
.tip_1 {
    top: 72%;
    right: 68%;
	cursor: pointer;
}
.tip_2{
	top: 72%;
    right: 56%;
	cursor: pointer;
}
.tip_3{
	top: 72%;
    right: 45%;
	cursor: pointer;
}
.tip_4{
	top: 72%;
    right: 30%;
	cursor: pointer;
}
.tip_5{
	top: 45%;
    right: 90%;
	cursor: pointer;
}
.tip_6{
	top: 45%;
    right: 84%;
	cursor: pointer;
}
.tip_7{
	top: 33%;
    right: 71%;
	cursor: pointer;
}
.tip_8{
	top: 36%;
    right: 63%;
	cursor: pointer;
}
.tip_9{
	top: 36%;
    right: 53%;
	cursor: pointer;
}
.tip_10{
	top: 36%;
    right: 41%;
	cursor: pointer;
}
.tip_11{
	top: 36%;
    right: 37%;
	cursor: pointer;
}
.tip_12{
	top: 36%;
    right: 31%;
	cursor: pointer;
}
.tip_13{
	top: 36%;
    right: 12%;
	cursor: pointer;
}
.tipBox{
	padding: 20px 15px;
}
.tipBox .tipNote{
	background-color: #ececec;
	font-size: 13px;
	width: 24px;
	height: 24px;
	color: #e32638;
	font-weight: 700;
	display: flex !important;
	flex-wrap: wrap;
	border-radius: 50%;
	margin: 0 auto 10px;
	align-items: center;
	justify-content: center;
}
.tipBox > *{
	text-align: center;
}
.tipBox p{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 8px;
}
.tipBox .small{
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}


.footerWrap{
	border-top: 3px solid #e21a2d;
}

.footerDownload{
	height: 48px;
	margin-bottom: 30px;
	background-color: #e32638;
	border: 1px solid #e32638 !important;
}
.footerDownload span{
	color: #fff;
	font-weight: 600;
	transition: 0.6s;
}
.footerDownload:hover{
	background-color: #fff;
}
.footerDownload:hover span{
	color: #e21a2d;
}

.socialList li a{
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #f68b1e;
}
.socialList li a img{
    max-width: 16px;
    max-height: 16px;
}
.socialList li:not(:last-child){
	margin-right: 10px;
}
.pdfList{
	margin-left: -15px;
	margin-right: -15px;
}


main{
	padding-top: 88px;
}
/* -------------Milestone------------- */
.groupHeading h2 {
    font-size: 40px;
    font-weight: 900;
    color: #e21a2d;
    line-height: 1.1;
    text-transform: uppercase;
}
.milestoneWrap .bgImg1{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.eachMileWrap{
	width: 300px;
	/* height: 100px; */
}
.eachMileWrap .eachmileInfo{
	padding: 10% 14%;
}
.eachMileWrap1{
	left: 8%;
    top: 45px
}
.eachMileWrap2{
	left: 26.5%;
    top: 95px;
}
.eachMileWrap3{
	left: 44.5%;
    top: 40px;
}
.eachMileWrap4{
	left: 63%;
    top: 95px;
}
.eachMileWrap5{
	left: 81.5%;
    top: 40px;
}
.eachMileWrap6{
	right: 7%;
    bottom: 80px;
}
.eachMileWrap7{
	right: 25.5%;
    bottom: 40px;
}
.eachMileWrap8{
	right: 44%;
    bottom: 105px;
}
.eachMileWrap9{
	right: 62.5%;
    bottom: 40px;
}


.eachSector{
    margin-bottom: 50px;
}
.custListHolder{
	/* border-top: 2px solid #9d1882; */
	background-image: url(../img/capable/listBg.png);
	background-repeat: no-repeat;
	background-position: -140px 0px;
    background-size: cover;
    padding: 20px 0 0 60px;
    height: 180px;
    /*margin-bottom: 50px;*/
}
.custList figure img{
	max-width: 100%;
}
.eachSector:last-child .custListHolder{
	margin-bottom: 0;
} 
.mapBox{
	max-width: 970px;
    margin: 0 auto;
}

.dfWrapHolder1 .ringBox > img,
.dfWrapHolder2 .ringBox > img{
	width: 220px; 
}
.counterText.text-right.r-30{
	transform: translateY(calc(-50% - 25px));
}
.mt_-35{
	margin-top: -35px;
}


.absImgBox{
	height: 100vh
}
.absImgBox .imgBoxCont{
	position: relative;
}
/* .absImgBox .imgBoxCont:after{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	position: absolute;
	background-color: rgba(246, 139, 31, 0.7);
} */
.absBox{
	top: 0;
	z-index: 2;
	width: 70%;
	height: 100%;
	position: absolute;
	padding: 60px 50px;
	/* transform: translateY(-50%); */
}

.leftAbs{
	left: 0;
}
.rightAbs{
	right: 0;
}
.absBox > div{
	z-index: 2;
	height: 750px;
	max-height: 750px;
	/*overflow-y: scroll;*/
	position: relative;
	padding-right:0;
}

.absBox > div::-webkit-scrollbar,
.navHolder::-webkit-scrollbar {
	width: 5px;
}
/* Track */
.absBox > div::-webkit-scrollbar-track,
.navHolder::-webkit-scrollbar-track{
	background: #f1f1f1; 
}
/* Handle */
.absBox > div::-webkit-scrollbar-thumb,
.navHolder::-webkit-scrollbar-thumb{
	background: #610b5e; 
}
/* Handle on hover */
.absBox > div::-webkit-scrollbar-thumb:hover,
.navHolder::-webkit-scrollbar-thumb:hover{
	background: #555; 
}

.absBox:after{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	position: absolute;
	background-color: rgba(246, 139, 31, 0.7);
}
.absBoxRed:after{
	background-color: rgba(131, 17, 21, 0.9);
}
.stickyBox{
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
}
.sidebarCont {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}
.absImgBox .imgBoxCont figure{
	height: 100%;
}
.absImgBox .imgBoxCont figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.financialWrap .absImg{
	right: -150px;
	bottom: -150px;
	width: 500px;
	animation: rotation 50s forwards infinite;
}
.financialsList li{
	margin-bottom: 30px;
}
.financialsList li img{
	width: 100%;
	height: 100%;
}



.smallTitle{
	font-size: 16px;
}
.environmentWrap .dfWrapHolder2 .imgBox{
	height: 450px;
	overflow: hidden;
}
.environmentWrap .dfWrapHolder2 .imgBox img{
	width: 100%;
	height: 100%;
}
.environmentWrap .dfWrapHolder2 .eachBoxWrap .eachBox{
	width: calc(33.33% - 20px);
}

/**20-7-22**/

.ad-1 {
	padding: 15px 15px 0;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.ad-1 .imgInfo
{
  padding: 0 0 0 30px;
}
/*.hd-1 h2
{
	text-align: center;
	font-size: 50px;
	letter-spacing: 5px;
	text-shadow: 0 6px 10px rgba(0,0,0,0.2);
}*/

.more
{
  width:100%;
  height: auto;
  margin:40px 0 0 0;
}
.more a{
	padding: 10px 30px;
	border:2px solid #000;
	color:#000;
	text-decoration: none;
	font-weight: 600;
}
.more a:hover{
	background: rgba(0, 0, 0, 0.70);
	color:#fff;
}
.fl-1 .wid_50
{
 float: left;
 padding: 0 5px;
}
.test
{
	width:100%;
	height: auto;
	margin:0px 0 30px;
}
.test-coma
{
	width:70px;
	height: auto;
	float: left;
}
.test-coma img
{
	max-width: 100%;
}
.test-dec
{
	width:80%;
	height: auto;
	float: left;
	padding: 10px 0 0 15px;
}
.stk {
    width: 100%;
    z-index:-1;
    position: static;
}
.fl-stk
{
	position: relative;
}
.stk.sticky {
	position: fixed;
	top: 100px;
	width: 42%;
	animation-duration: .6s;
    animation-timing-function: ease;
}
footer{
	z-index: 9;
	position: relative;
	background: #fff;
}

.sh
{
	width: 175px;
	background: rgba(255,255,255,0.8);
	display: block;
	position: absolute;
	top:25px;
	padding: 10px 10px 15px;
	border-radius: 5px;
	text-align: center;
	display: none;
	cursor: pointer;
}
.toolTip:hover .sh
{
	display: block;
	cursor: pointer;
}
.sh h4
{
	font-size: 18px;
	margin: 0 0 5px 0;
}
.sh p
{
	font-size: 12px;
	margin: 0 0 10px 0;
}




.nxt_prev_area {
    max-width: 90%;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.nxt_prev_innr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.prev_area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.prev_area a, .next_area a {
    height: 50px;
    color: #fff;
    font-size: 18px;
    min-width: 200px;
    line-height: 48px;
    text-align: center;
    border-radius: 40px;
    border: 1px solid #e21a2d;
    background-color: #e21a2d;
    transition: all 0.3s ease-in-out;
}
.next_area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.prev_area a:hover, .next_area a:hover {
    color: #e21a2d;
    background-color: transparent;
}