

/*=================
    01.BASIC
===================*/

body {
    font-family: 'MarkForMC', sans-serif;
    overflow-x: hidden;
	color:#FFF;
	background-color:#0f0708;
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'MarkForMC', sans-serif;
}



a,
a:hover,
a:focus,
button {
    text-decoration: none !important;
    outline: none !important;
}

p {
	font-family: 'MarkForMC', sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.text-orange{
	color:#f26522;
}

.text-dark{
	color:#181818 !important;
}

.section_all {
    position: relative;
}

.section_all.bg{
   background-color:#0f0708;
}


.section_logo{
	
}

.section_logo .logo{
	width:100%;
	height:auto;
}

.bg_overlay_cover_on{
    background-color: rgba(3, 3, 14, 0.90);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
	z-index:0;
}

.section_content .title{
	font-size: 90px;
	line-height: 1em;
	font-weight:300;
}

.section_content .title span{
	font-weight:500;
}

.section_content .line{
	width: 100%;
	height:1px;
	background-color:transparent;
	border-bottom:1px solid #FFF;
	
}

/*CONTENT 2*/
.icon-2{
	width:100%;
	height:auto;
}
.title-2{
	font-size: 80px;
	line-height: 1em;
	font-weight:200;
}
.text-2{
	font-size: 28px;
	line-height: 1em;
	font-weight:300;
}

/*CONTENT 3*/
.text-31{
	font-size: 38px;
	line-height: 1em;
	font-weight:300;
}
.text-32{
	font-size: 86px;
	line-height: 1em;
	font-weight:200;
}
.text-33{
	font-size: 62px;
	line-height: 1em;
	font-weight:300;
}
.text-34{
	font-size: 54px;
	line-height: 1em;
	font-weight:300;
}


/*CONTENT 4*/
.bg-blue{
	background-color:#61a99e;
}


.text-41{
	font-size: 38px;
	line-height: 1em;
	font-weight:300;
	color:#222;
}

.broder-right{
	border-right:2px solid #FFF;
}

.text-421{
	font-size: 22px;
	line-height: 1em;
	font-weight:300;
}
.text-422{
	font-size: 84px;
	line-height: 0.9em;
	font-weight:400;
}
.text-423{
	font-size: 54px;
	line-height: 0.9em;
	font-weight:400;
}
.text-424{
	font-size: 20px;
	line-height: 1em;
	font-weight:300;
}

.text-431{
	font-size: 48px;
	line-height: 1em;
	font-weight:300;
}
.text-432{
	font-size: 84px;
	line-height: 1em;
	font-weight:400;
}
.text-433{
	font-size: 62px;
	line-height: 1em;
	font-weight:400;
}
.text-434{
	font-size: 20px;
	line-height: 1em;
	font-weight:300;
}




/*CONTENT 5*/

.icon-5{
	width:100%;
	height:auto;
}

.text-511, .text-521{
	font-size: 36px;
	line-height: 1em;
	font-weight:300;
}
.text-512, .text-522{
	font-size: 22px;
	line-height: 1em;
	font-weight:300;
}
.text-514{
	font-size: 25px;
	line-height: 1em;
	font-weight:400;
}

.title-5{
	font-size: 46px;
	line-height: 1em;
	font-weight:400;
}

.bg-yellow{
	background-color:#dda22a;
}
.bg-green{
	background-color:#7b9b36;
}


/*CONTENT 6*/
.bg-red{
	background-color:#cf5b2b;
}

.icon-6{
	width:100%;
	height:auto;
}

.text-61{
	font-size: 48px;
	line-height: 1em;
	font-weight:300;
}
.text-62{
	font-size: 48px;
	line-height: 1em;
	font-weight:300;
}

/*CONTENT 7*/

.icon-71{
	width:220px;
	height:auto;
}

.icon-7{
	width:100%;
	height:auto;
}
.title-7{
	font-size: 72px;
	line-height: 1em;
	font-weight:200;
}
.title-72{
	font-size: 60px;
	line-height: 1em;
	font-weight:200;
}
.text-72{
	font-size: 28px;
	line-height: 1em;
	font-weight:300;
}

/*FOOTER*/
.text-footer-1{
	font-size: 45px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-2{
	font-size: 45px;
	line-height: 1em;
	font-weight:500;
}
.text-footer-3{
	font-size: 45px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-4{
	font-size: 41px;
	line-height: 1.2em;
	font-weight:500;
}

.text-footer-5{
	font-size: 29px;
	line-height: 1em;
	font-weight:300;
}

.text-footer-6{
	font-size: 15px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-7{
	font-size: 15px;
	line-height: 1em;
	font-weight:300;
}


.bg-red-light{
	background-color:#ea632d;
}

a{
	color:#fff;
	font-weight:400;
}
a:hover,
a:focus{
	color:#111;
 
}




@media (max-width: 1199px) {
	
.section_logo .logo{
	width:100%;
	height:auto;
}

.section_content .title{
	font-size: 84px;
	line-height: 1em;
	font-weight:300;
}


/*CONTENT 2*/
.icon-2{
	width:100%;
	height:auto;
}
.title-2{
	font-size: 70px;
	line-height: 1em;
	font-weight:200;
}
.text-2{
	font-size: 23.5px;
	line-height: 1em;
	font-weight:300;
}

/*CONTENT 3*/
.text-31{
	font-size: 33px;
	line-height: 1em;
	font-weight:300;
}
.text-32{
	font-size: 76px;
	line-height: 1em;
	font-weight:200;
}
.text-33{
	font-size: 56px;
	line-height: 1em;
	font-weight:300;
}
.text-34{
	font-size: 48px;
	line-height: 1em;
	font-weight:300;
}


/*CONTENT 4*/


.text-41{
	font-size: 32px;
	line-height: 1em;
	font-weight:300;
	color:#222;
}

.text-421{
	font-size: 20px;
	line-height: 1em;
	font-weight:300;
}
.text-422{
	font-size: 76px;
	line-height: 0.9em;
	font-weight:400;
}
.text-423{
	font-size: 48px;
	line-height: 0.9em;
	font-weight:400;
}
.text-424{
	font-size: 19px;
	line-height: 1em;
	font-weight:300;
}

.text-431{
	font-size: 42px;
	line-height: 1em;
	font-weight:300;
}
.text-432{
	font-size: 76px;
	line-height: 1em;
	font-weight:400;
}
.text-433{
	font-size: 57px;
	line-height: 1.1em;
	font-weight:400;
}
.text-434{
	font-size: 19px;
	line-height: 1em;
	font-weight:300;
}




/*CONTENT 5*/

.icon-5{
	width:100%;
	height:auto;
}

.text-511, .text-521{
	font-size: 30px;
	line-height: 1em;
	font-weight:300;
}
.text-512, .text-522{
	font-size: 20px;
	line-height: 1em;
	font-weight:300;
}
.text-514{
	font-size: 22px;
	line-height: 1em;
	font-weight:400;
}

.title-5{
	font-size: 38px;
	line-height: 1em;
	font-weight:400;
}




/*CONTENT 6*/
.bg-red{
	background-color:#cf5b2b;
}

.icon-6{
	width:100%;
	height:auto;
}

.text-61{
	font-size: 42px;
	line-height: 1em;
	font-weight:300;
}
.text-62{
	font-size: 37px;
	line-height: 2.2rem;
	font-weight:300;
}

/*CONTENT 7*/

.icon-71{
	width:200px;
	height:auto;
}

.icon-7{
	width:100%;
	height:auto;
}
.title-7{
	font-size: 60px;
	line-height: 1em;
	font-weight:200;
}
.title-72{
	font-size: 54px;
	line-height: 1em;
	font-weight:200;
}
.text-72{
	font-size: 25px;
	line-height: 1em;
	font-weight:300;
}

/*FOOTER*/
.text-footer-1{
	font-size: 38px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-2{
	font-size: 40px;
	line-height: 1em;
	font-weight:500;
}
.text-footer-3{
	font-size: 38px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-4{
	font-size: 36px;
	line-height: 1.2em;
	font-weight:500;
}

.text-footer-5{
	font-size: 25px;
	line-height: 1em;
	font-weight:300;
}

.text-footer-6{
	font-size: 14px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-7{
	font-size: 14px;
	line-height: 1em;
	font-weight:300;
}


  
}


@media (max-width: 991px) {
	
.section_logo .logo{
	width:100%;
	height:auto;
}

.section_content .title{
	font-size: 62px;
	line-height: 1em;
	font-weight:300;
}


/*CONTENT 2*/
.icon-2{
	width:100%;
	height:auto;
}
.text-wrapper-2{
		padding-left:5px;
}

.title-2{
	font-size: 52px;
	line-height: 1em;
	font-weight:200;
	margin-bottom:10px !important;
	margin-top:10px !important;
}
.text-2{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
}

/*CONTENT 3*/
.text-31{
	font-size: 25px;
	line-height: 1em;
	font-weight:300;
}
.text-32{
	font-size: 57px;
	line-height: 1em;
	font-weight:200;
}
.text-33{
	font-size: 42px;
	line-height: 1em;
	font-weight:300;
}
.text-34{
	font-size: 38px;
	line-height: 1em;
	font-weight:300;
}

#content-2 .mb-4{
	margin-bottom: 2rem !important;
}


/*CONTENT 4*/


.text-41{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
	color:#222;
}

.text-421{
	font-size: 15px;
	line-height: 1em;
	font-weight:300;
}
.text-422{
	font-size: 57px;
	line-height: 0.9em;
	font-weight:400;
}
.text-423{
	font-size: 36px;
	line-height: 0.9em;
	font-weight:400;
}
.text-424{
	font-size: 14px;
	line-height: 1em;
	font-weight:300;
}

.text-431{
	font-size: 32px;
	line-height: 1em;
	font-weight:300;
}
.text-432{
	font-size: 57px;
	line-height: 1em;
	font-weight:400;
	padding-top:8px;
}
.text-433{
	font-size: 42px;
	line-height: 1.1em;
	font-weight:400;
}
.text-434{
	font-size: 14px;
	line-height: 1em;
	font-weight:300;
}




/*CONTENT 5*/

.icon-5{
	width:100%;
	height:auto;
}

.text-511, .text-521{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
}
.text-512, .text-522{
	font-size: 16px;
	line-height: 1em;
	font-weight:300;
}

.text-522{
 margin-bottom: .25rem !important;	
}
.text-514{
	font-size: 18px;
	line-height: 1em;
	font-weight:400;
}

.title-5{
	font-size: 27px;
	line-height: 1em;
	font-weight:400;
}


/*CONTENT 6*/


.icon-6{
	width:100%;
	height:auto;
}

.text-wrapper-6{
	padding-right:5px !important;
}

.text-61{
	font-size: 34px;
	line-height: 1em;
	font-weight:300;
}
.text-62{
	font-size: 29px;
line-height: 1.1em;
font-weight: 300;
}

/*CONTENT 7*/

.icon-71{
	width:130px;
	height:auto;
}

.icon-7{
	width:100%;
	height:auto;
}

.icon-wrapper-7{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.title-7{
	font-size: 46px;
	line-height: 1em;
	font-weight:200;
}
.title-72{
	font-size: 40px;
	line-height: 1.1em;
	font-weight:200;
}
.text-72{
	font-size: 22px;
	line-height: 1em;
	font-weight:300;
}

/*FOOTER*/
.text-footer-1{
	font-size: 30px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-2{
	font-size: 29px;
	line-height: 1em;
	font-weight:500;
}
.text-footer-3{
	font-size: 30px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-4{
	font-size: 26px;
	line-height: 1.2em;
	font-weight:500;
}

.text-footer-5{
	font-size: 18px;
	line-height: 1.1em;
	font-weight:300;
}

.text-footer-6{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-7{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
}


  
}



@media (max-width: 767px) {
	
.section_logo .logo{
	width:100%;
	height:auto;
}

.section_content .title{
	font-size: 46px;
	line-height: 1em;
	font-weight:300;
}


/*CONTENT 2*/
.icon-2{
	width:100%;
	height:auto;
}

.icon-wrapper-2{
		padding-left:0px !important;
		padding-right:15px !important;
}

.text-wrapper-2{
		padding-left:0px;
		padding-right:0px;
}

.title-2{
	font-size: 39px;
	line-height: 1em;
	font-weight:200;
	margin-bottom:10px !important;
	margin-top:10px !important;
}
.text-2{
	font-size: 15px;
	line-height: 1.2em;
	font-weight:300;
}

/*CONTENT 3*/
.text-31{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
}
.text-32{
	font-size: 42px;
	line-height: 1em;
	font-weight:200;
}
.text-33{
	font-size: 31px;
	line-height: 1em;
	font-weight:300;
}
.text-34{
	font-size: 26px;
	line-height: 1em;
	font-weight:300;
}

#content-2 .mb-4{
	margin-bottom: 2rem !important;
}


/*CONTENT 4*/


.text-41{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
	color:#222;
}

.text-421{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
}
.text-422{
	font-size: 41px;
	line-height: 0.9em;
	font-weight:400;
	padding-top: 10px !important;
}
.text-423{
	font-size: 26px;
	line-height: 1em;
	font-weight:400;
}
.text-424{
	font-size: 10px;
	line-height: 1.1em;
	font-weight:300;
	padding-top:5px !important;
}

.text-431{
	font-size: 26px;
	line-height: 1em;
	font-weight:300;
}
.text-432{
	font-size: 40px;
	line-height: 0.9em;
	font-weight:400;
	padding-top:8px;
}
.text-433{
	font-size: 30px;
	line-height: 1.1em;
	font-weight:400;
}
.text-434{
	font-size: 10px;
	line-height: 1.1em;
	font-weight:300;
}




/*CONTENT 5*/

.icon-5{
	width:100%;
	height:auto;
}

.text-511, .text-521{
	font-size: 19px;
	line-height: 1em;
	font-weight:300;
}
.text-512, .text-522{
	font-size: 12px;
	line-height: 1em;
	font-weight:300;
}
.text-514{
	font-size: 14px;
	line-height: 1em;
	font-weight:400;
}

.title-5{
	font-size: 21px;
	line-height: 1em;
	font-weight:400;
}

.icon-wrapper-5{
	padding-left:0px !important;
	padding-right: 0px !important;
}

.text-wrapper-5{
	padding-left:5px !important;
	padding-right: 5px !important;
}



/*CONTENT 6*/


.icon-6{
	width:100%;
	height:auto;
}

.text-wrapper-6{
	padding-right:5px !important;
}

.text-61{
	font-size: 29px;
	line-height: 1em;
	font-weight:300;
}
.text-62{
	font-size: 20px;
line-height: 1.1em;
font-weight: 300;
}

/*CONTENT 7*/

.icon-71{
	width:100px;
	height:auto;
}

.icon-7{
	width:100%;
	height:auto;
}

.icon-wrapper-7{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.title-7{
	font-size: 34px;
	line-height: 1em;
	font-weight:200;
}
.title-72{
	font-size: 31px;
	line-height: 1.1em;
	font-weight:200;
}
.text-72{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
}

/*FOOTER*/
.text-footer-1{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
	margin-bottom: 8px !important;
}
.text-footer-2{
	font-size: 21.5px;
	line-height: 1em;
	font-weight:500;
	margin-bottom: 8px !important;
}
.text-footer-3{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
	margin-bottom: 8px !important;
}
.text-footer-4{
	font-size: 19.5px;
	line-height: 1.2em;
	font-weight:500;
	margin-bottom: 8px !important;
}

.text-footer-5{
	font-size: 15px;
	line-height: 1.1em;
	font-weight:300;
}

.text-footer-6{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
}
.text-footer-7{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
}


  
}



@media (max-width: 575px) {
	
.section_logo{
	padding-top: 1.5rem !important;
}

.section_content .title{
	font-size: 46px;
	line-height: 1em;
	font-weight:300;
	
	font-size:8vw;
}


/*CONTENT 2*/
#content{
	padding-top: 1rem !important;
}

#content .line{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.icon-2{
	width:100%;
	height:auto;
}

.icon-wrapper-2{
		padding-left:8px !important;
		padding-right:8px !important;
}

.text-wrapper-2{
		padding-left:0px;
		padding-right:0px;
}

.title-2{
	font-size: 39px;
	line-height: 1em;
	font-weight:200;
	margin-bottom:10px !important;
	margin-top:10px !important;
	font-size:7vw;
}
.text-2{
	font-size: 15px;
	line-height: 1.2em;
	font-weight:300;
	font-size:3.8vw
}

/*CONTENT 3*/
.text-31{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
	margin-bottom: 8px !important;
	font-size:3.2vw
}
.text-32{
	font-size: 42px;
	line-height: 1em;
	font-weight:200;
	font-size:7.4vw
}
.text-33{
	font-size: 31px;
	line-height: 1em;
	font-weight:300;
	font-size:5.5vw
}
.text-34{
	font-size: 26px;
	line-height: 1em;
	font-weight:300;
	font-size:4.8vw
}

#content-2 .mb-4{
	margin-bottom: 2rem !important;
}


/*CONTENT 4*/


.text-41{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
	color:#222;
	
	font-size:3.5vw;
}

.text-421{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
	font-size:2.8vw
}
.text-422{
	font-size: 41px;
	line-height: 0.9em;
	font-weight:400;
	padding-top: 10px !important;
	font-size:7vw
}
.text-423{
	font-size: 26px;
	line-height: 1em;
	font-weight:400;
	font-size:4.5vw
}
.text-424{
	font-size: 10px;
	line-height: 1.1em;
	font-weight:300;
	padding-top:5px !important;
	font-size:2.8vw;
	width: 75%;
}

.text-431{
	font-size: 26px;
	line-height: 1em;
	font-weight:300;
	font-size:4.8vw
}
.text-432{
	font-size: 40px;
	line-height: 1em;
	font-weight:400;
	padding-top:8px;
	font-size:7vw
}
.text-433{
	font-size: 30px;
	line-height: 1.6em;
	font-weight:400;
	font-size:5.4vw
}
.text-434{
	font-size: 10px;
	line-height: 1.1em;
	font-weight:300;
	font-size:2.8vw
}




/*CONTENT 5*/

.icon-5{
	width:100%;
	height:auto;
}

.text-511, .text-521{
	font-size: 19px;
	line-height: 1em;
	font-weight:300;
	font-size:3.8vw;
}
.text-512, .text-522{
	font-size: 12px;
	line-height: 1em;
	font-weight:300;
	font-size:2.8vw
}
.text-514{
	font-size: 14px;
	line-height: 1em;
	font-weight:400;
	font-size:2.6vw
}

.title-5{
	font-size: 21px;
	line-height: 1em;
	font-weight:400;
	font-size: 3.4vw;
}

.icon-wrapper-5{
	padding-left:0px !important;
	padding-right: 0px !important;
}

.text-wrapper-5{
	padding-left:5px !important;
	padding-right: 5px !important;
}



/*CONTENT 6*/


.icon-6{
	width:100%;
	height:auto;
}

.text-wrapper-6{
	padding-right:5px !important;
}

.text-61{
	font-size: 29px;
	line-height: 1em;
	font-weight:300;
	font-size:4.8vw;
}
.text-62{
	font-size: 20px;
line-height: 1.1em;
font-weight: 300;
font-size:3.7vw;
}

/*CONTENT 7*/

#content-7{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.icon-71{
	width:90px;
	height:auto;
}

.icon-7{
	width:100%;
	height:auto;
}

.icon-wrapper-7{
	padding-left: 5px !important;
	padding-right: 0px !important;
}

.title-7{
	font-size: 34px;
	line-height: 1em;
	font-weight:200;
	font-size:7vw;
}
.title-72{
	font-size: 31px;
	line-height: 1.1em;
	font-weight:200;
	font-size:5vw;
}
.text-72{
	font-size: 18px;
	line-height: 1em;
	font-weight:300;
	font-size:3.5vw;
}

/*FOOTER*/
#footer{
	padding: 1rem !important;
	margin-top: 3rem !important;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	
}
.text-footer-1{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
	margin-bottom: 8px !important;
	font-size:5vw;
}
.text-footer-2{
	font-size: 21.5px;
	line-height: 1em;
	font-weight:500;
	margin-bottom: 8px !important;
	font-size:5vw;
}
.text-footer-3{
	font-size: 24px;
	line-height: 1em;
	font-weight:300;
	margin-bottom: 8px !important;
	font-size:5vw;
}
.text-footer-4{
	font-size: 19.5px;
	line-height: 1.2em;
	font-weight:500;
	margin-bottom: 8px !important;
	font-size:5vw;
}

.text-footer-5{
	font-size: 15px;
	line-height: 1.1em;
	font-weight:300;
	font-size:4vw;
}

.text-footer-6{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
	font-size:2.5vw;
}
.text-footer-7{
	font-size: 13px;
	line-height: 1em;
	font-weight:300;
	font-size:2.5vw;
}


  
}

