@font-face {
   font-family: TCM_____;
   src: url('fonts/TCM_____.TTF');
}
.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
}
.clearfix::after{
 clear: both;

}

.cog_global_wrap{
	width: 100%;
	float: left;
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	z-index: 999;
	/*display: flex;*/
   /* display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;*/
    align-items: center;
    -webkit-align-items: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.cog_global_wrap .buttons_wrapFull{
	width: 100%;
	height: 18%;
	float: left;
	margin-top: 17.4%;
}
.cog_global_wrap .buttons_wrapFull .wrap_engine{
	width: 60%;
	height: 100%;
	margin: 0 auto;
}

.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left{
	width: 300px;
	height: 100%;
	float: left;
}

.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left button{
	width: 100%;
	height: 70px;
	font-size: 36px;
	color: #fff;
	border: 2px solid #fff;
	font-family: 'TCM_____';
	border-radius: 30px;
	background: none;
	cursor: pointer;
	transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}
.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left p{
	text-align: center;
	font-size: 24px;
	font-family: 'TCM_____';
	color: #fff;
	margin-top: -8px;
}

.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left button:hover{
	background-color: #323232;
	color: #fff;
	transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}


.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right{
	width: 405px;
	height: 100%;
	float: right;
}

.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right button{
	width: 100%;
	height: 70px;
	font-size: 36px;
	color: #fff;
	border: 2px solid #fff;
	font-family: 'TCM_____';
	border-radius: 30px;
	background: none;
	cursor: pointer;
	transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}

.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right button:hover{
	background-color: #323232;
	color: #fff;
	transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}


.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right p{
	text-align: center;
	font-size: 24px;
	font-family: 'TCM_____';
	color: #fff;
	margin-top: -8px;
}

.cog_global_wrap .p_intro{
    width: 100%;
    height: 115px;
    float: left;
    margin-top: 245px;
}

.cog_global_wrap .p_intro ._content_p{
   width: 94%;
   height: 115px;
   margin: 0 auto;
   border-top: 2px solid #fff;
}
.cog_global_wrap .p_intro ._content_p p{
   font-family: 'TCM_____';
   font-size: 11.5px;
   color: #fff;
   padding-top: 15px;
   text-align: center;
}

 @media (max-width: 1200px){
  .cog_global_wrap{
	width: 100% !important;
	float: left;
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	z-index: 999;
}



.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right,
.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left{
	float: none;
	width: 100%;
	margin-top: 40px;
 }
.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_right button,
.cog_global_wrap .buttons_wrapFull .wrap_engine .engine_left button{
	float: none;
	width: 100%;
	font-size: 23px !important;
 }

 .p_intro, ._content_p{
 	width: 100% !important;
 	float: left !important;
 	height: auto !important;
 }
 .p_intro ._content_p p{
 	padding: 5px;
 }
 .cog_global_wrap .p_intro{
 	margin-top: 140px !important;
 }

}


@media (max-width: 1200px){
	 .size-logo{
 	height:  2.1rem !important;
 	/*margin-top: 40px;*/
 }

}

@media (max-width: 1024px){
	 .size-logo{
 	height:  2rem!important;
 	margin-top: 0px;
 }

 

}

@media (max-width: 790px){
	 .size-logo{
 	height:  2rem!important;
 	margin-top: 0px;
 }



}

@media (max-width: 340px){
	 .size-logo{
 	height:  1.5rem!important;
 	margin-top: 4px;
 }
 
}