@import url(bootstrap.min.css);
@import url(slick.css);
@import url(all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/* font-family: 'Poppins', sans-serif; */

*{ outline: none !important; text-decoration: none !important; }
img{ max-width: 100%;  }

body{font-family: 'Poppins', sans-serif; font-size: 15px; overflow-x: hidden; background-color: #f4f4f4;}

.font-w-300{font-weight: 300;} .font-w-400{font-weight: 400;} .font-w-500{font-weight: 500;} .font-w-600{font-weight: 600;} .font-w-700{font-weight: 700;}
.h-vfull{ height: 100vh; }
.overhidden{ overflow: hidden; }
.uppercase{ text-transform: uppercase; }

.header{ position: absolute; left:0; right: 0; top: 0; z-index: 22;}
.hmbanner{ background: #000; }
.container{ width: 100%; max-width: 1200px; }

.header.head_fix{
	padding: 0; position: fixed; animation: hedscroll 0.8s ease-in-out; animation-fill-mode: forwards; background: #092532;
	box-shadow: 0 0 40px #092532
}
.header.head_fix:before{ transform:none;}

.navbar-brand{max-width: 200px;}

.navigation > li {margin: 0 10px;}
.navigation > li:nth-child(1){animation-delay: 0.2s;}
.navigation > li:nth-child(2){animation-delay: 0.34s;}
.navigation > li:nth-child(3){animation-delay: 0.44s;}
.navigation > li:nth-child(4){animation-delay: 0.55s;}
.navigation > li:nth-child(5){animation-delay: 0.66s;}
.navigation > li > a{ color: #fff; }
.navigation > li:hover > a{ color:#f67529 }
.navigation > li > ul{
	position: absolute; background-color: #fff; display: none; margin: 0; list-style: none; padding:10px 0; width: 230px; z-index: 33;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.navigation > li:hover > ul{ display: block; }
.navigation > li > ul li a{ display: block; padding: 8px 15px; color: #222; }
.navigation > li > ul li a:hover{ background-color:#232323; color: #f67529; }

.bnbtn{ background-color: #f67429; color: #fff;}
.menu_toggle{ color:#fff; width: 50px; box-shadow: none !important; height:35px; border:1px solid #dfdfdf; }
.menu_toggle i:nth-child(2){ display: none; }
.menu_toggle[aria-expanded=true] i:nth-child(1){ display:none; }
.menu_toggle[aria-expanded=true] i.fa-times{ display:block; }

.banner{ overflow: hidden; }
.banner_wrp{ display: flex; height: 100vh; align-items: center; }
.banner_wrp > div{height: 100%; position: relative; display: flex;  align-items: center; justify-content: center; width: 50%; }
.banner_wrp > div .bn_cnt_wrp{width: 100%; max-width: 618px;}
.bn_cnt_wrp .read_btn1{ color: #fff; }
.bn_cnt_wrp h1{ color: #fff; font-weight: 300; text-transform: uppercase; margin-bottom: 20px;  }
.bn_cnt_wrp h1 span{ display: block; }
.bn_cnt_wrp p{color: #E5E5E5; font-weight: 300;}

.bn_right{ overflow: hidden; }
.bn_right img{ height: 100vh; object-fit: cover; width: 100%; }



.bg_white{ background-color: #fff; }
.relative{ position: relative; }

.rowMod_1{ position: relative; }
.f4-gray{background-color: #39a5d72b  !important; }
.rowMod_1 .container{ position: relative; z-index: 3; }
.rowMod_1 .abt_img{ position: absolute; left: 0; bottom: 0; top: 0; width: 50%; height: 100vh; }
/*.rowMod_1:before{
	display: block; height: 100%; width: 50%; top: 0; bottom: 0; left: 0; position: absolute; background-image: url('../images/hm_fold_img1.jpg');
	background-repeat: no-repeat; content: ''; background-size: cover;
}*/

.similarhed1, .in_similarhed1{font-size: 50px; text-transform: uppercase; font-weight: 300; overflow: hidden;}
.similarhed1 span.oclr, .in_similarhed1 span.oclr{ display: inline-block; color: #f67529; font-style: italic;}
.similarhed1 span{display: inline-block; /*transform: scale3d(1.0, 5, 1.0) translateY(60px); opacity: 0; transition: all ease-in-out 0.8s;*/}
.similarhed1 div{  }
.similarhed1.active span{ opacity: 1; transform: none; }
.similarhed1 div:nth-child(1) span{ transition-delay: 0.2s; }
.similarhed1 div:nth-child(2) span{ transition-delay: 0.4s; }
.similarhed1_inline > div{ display: inline-block; }
.similarhed1.heading_white{ color: #fff; }


.rowMod_2_hm{ padding-left: 11%; }
.hm_abt_cols_row > div{  border-top: 0; border-bottom: 0;}
.hm_abt_cols_row > div:nth-child(1){ border-left: 0; }
.hm_abt_cols_row > div:nth-child(4){ border-right: 0; }
.hm_abt_cols_wrp{ background: #fff; overflow: hidden; height: 100%; margin: 1px;}
.hm_abt_cols_wrp_img{ display: flex; width:60px; height: 70px; align-items: center; justify-content: center; }
.hm_abt_cols_wrp_img img{ width: 50px;  }
.hm_abt_cols_wrp h3{font-size: 20px; text-transform: uppercase; color: #000;}


.sticky{ position: sticky; top:0; position: -webkit-sticky; }
.read_btn1{ color:#111; transition: all ease 0.2s;}
.read_btn1:hover{ color:#f67529; }
.read_btn1 img{ width: 20px; margin-left: 8px; }

.bg_dark_gry{	background-color: #092532;}
.hmCount_wrp{border: 1px solid #424242; color: #fff; display: flex; min-height: 250px; justify-content: center; align-items: center; }
.counter_wrp h3{ color:#f67529; font-size: 40px; font-weight: 300;}
.hmCount_wrp p{color: #aaaaaa;}
.rowMod_3_hm_img{ height: 500px; object-fit: cover; width: 100%; }


.hm_serv_wrp{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.hm_serv_wrp_list{ background-color: #fff; transform: translateX(300px); opacity: 0; transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1.0); border-left: 5px solid transparent; }
.hm_serv_wrp_list.active{ transform: none; opacity: 1;  }
.hm_serv_wrp_list:hover{border-left: 5px solid #F67529; box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out;}
.ser_img_wrp{ max-width: 320px; }
.hm_serv_wrp_list_noI{ max-width: 480px; }
.hm_serv_wrp_list_wrp h3{ font-weight: 400; margin-bottom: 24px; text-transform: uppercase; }

.giving_edge_list{ overflow: hidden; transform: translateX(300px); opacity: 0; transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1.0);}
.border-right{border-right: 1px solid #dfdfdf;}
.giving_edge ul.nav-tabs{ margin: 0; display:block; border:none !important;}
.giving_edge ul.nav-tabs li{ margin:10px 0; padding: 0;}
.giving_edge ul.nav-tabs li button{color: #888; border:none !important; font-size: 20px; padding: 0; margin: 0;}
.giving_edge ul.nav-tabs li button.active{ color:#F67529; }
.giving_edge_list.active{ transform: none; opacity: 1; }
.giving_edge_list h3{ font-size: 26px; margin: 0 0 20px 0; padding-right: 35px; font-weight: 500;position: relative; display: inline-block; }
.giving_edge_list h3:before{ position: absolute; right: 0; width:20px; height: 20px; top: 5px; display: flex; content: ''; background-image: url('../images/tick-arr.svg'); background-size: 17px; background-repeat: no-repeat; background-position: center; }
.giving_edge_list p{ color:#111; font-size: 20px; margin: 15px 0;}

.bg_dark{ background-color: #092532;  }
.rowMod_4_hm_cnt{ max-width: 700px; width: 100%; }
.rowMod_4_hm_cnt h3{ font-size: 45px; font-weight:300; margin-bottom:30px; text-transform: uppercase; color:#fff; }
.rowMod_4_hm_cnt p{ color: #E5E5E5; font-weight: 300; }
.hm_lst_img img{ width: 100%; height: 400px; object-fit: cover; }
.read_btn2{ color:#fff; }


.subscribe_row h3{ font-size: 55px; font-weight: 300; margin: 0; text-transform: uppercase; }
.subscribe_row p{ margin: 15px 0 0 0; color:#888; }
.max_width900{ max-width: 900px; margin: auto; }


.sub_sc_form{ max-width: 700px; margin:30px auto 0 auto; }
.sub_sc_form input{ border-radius: 0; box-shadow: none !important; border:0; height: 58px; }
.sub_sc_form input.form-control{padding-left: 30px; border:1px solid #fff;}
.sub_sc_form input.form-control:focus{border:1px solid #f67529;}
.sub_sc_form .subBtn{color: #E5E5E5; font-weight: 300; width: 100%; background-color: #000; border-radius: 0; }
.sub_sc_form .subBtn:hover{ color:#f67529;}


.faqsaccord .accordion-item{ border-left: 0; border-right: 0;}.faqsaccord .accordion-item:nth-child(1){ border-top:none; }
.faqsaccord .accordion-button{ box-shadow: none !important; font-weight: 600; padding: 10px 20px; }
.faqsaccord .accordion-button:after{
	width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 40px;
	background-position: center;
}
.faqsaccord .accordion-button[aria-expanded="true" ]{
	background-color: #f67529; color: #fff;
}
.faqsaccord .accordion-body{padding: 30px;}

.privacy_policy{ color:#fff; }
.privacy_policy a{color: #f67529 !important;}



/* About page */
.abt_techlove_wrp{
	max-width: 800px; margin: auto; padding: 0 15px;
}
.abt_techlove_wrp_list{border-left: 5px solid #F67529; background-color: #fff; padding: 30px 0; }

.abt_techlove_wrp_list .techlove_wrp img{ max-width: 110px; }
.abt_techlove_wrp_list_wrp h3{ color: #F67529; }

.abt_sap_offerings{
	border-left: 5px solid transparent; min-height: 180px; margin: 20px 0;
	transition: all ease-in-out 0.2s;
}
.abt_sap_offerings:hover{
	background-color: #fff; border-left: 5px solid #F67529;
	box-shadow: 0px 3px 60px rgba(0,0,0,0.1);
}
.abt_sap_offerings h3{ font-size:26px; font-weight: 400; margin: 0 0 20px 0; }

.team_pro_wrp{ text-align: center; }
.team_pro_wrp img{ max-width: 230px; }
.team_pro_wrp h4{ text-transform: uppercase; font-size: 16px; font-weight: 600;}
.team_pro_wrp > p{color: #f67529; font-weight: 400; font-size: 14px;}

.pro_col{ background-color: #f0f0f0; padding: 20px;}
.team-pop-cont{padding: 20px;}
.modal-content{ border:none !important; border-radius: 0 !important; }
.team-pop-cont p{ text-align: left; font-size: 14px; }
.team_pop_model img{ max-width: 100%; }
.team_pop_model .btn-close{
	position: absolute; right: 0; top: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #666; color: #fff; opacity: 1;
	z-index: 33; border-radius: 0; background-image: none; box-shadow: none;
}
.team_pop_model .btn-close:hover{ background-color: #f67529; }

.pro_social{ margin: 0 -10px; justify-content: center; list-style: none; padding: 0; display: flex; }
.pro_social li{margin: 0;}
.pro_social li a{ font-size: 20px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; }
.pro_social li a:hover{ color: #fff; }
.pro_social li:nth-child(1) a{ background-color: #000; }
.pro_social li:nth-child(2) a{background-color: #F67529;}

.award_wrp{ margin: 20px 0; text-align: center;}
.award_wrp img{/* max-width: 120px;*/ }


.testimonial_wrp{ padding-left: 60px; position: relative; }
.testimonial_wrp p strong{ display: block; }
.testimonial_wrp:before{
	position: absolute; left: 0; top: -20px; width: 50px; height: 50px; content: ''; background-image: url(../images/quote_test.svg); background-repeat: no-repeat;
	background-size: contain;
}

.abt_mision_vision_row{
	position: relative; background-image: url(../images/blue-sky-with-clouds-background.jpg); background-repeat: no-repeat;
	background-size: 60%; background-position: right center;
}
.abt_mision_vi_wrp{ min-height: 300px; padding: 30px; height: 100%; background-color: #212121; color: #fff; }
.abt_mision_vi_wrp h4{ padding: 0 30px; margin: 0 -30px; border-bottom: 1px solid #f67529; padding-bottom: 10px; margin-bottom: 30px; }
.abt_mision_vi_wrp p{ color:#999; }
.abt_mision_vision_row .row > div:nth-child(1) .abt_mision_vi_wrp{ margin-top:80px; }

.img_side_txt_list{ margin: 0; list-style: none; padding: 0; }
.img_side_txt_list li{ margin: 15px 0; color: #dfdfdf; position: relative; padding-left: 20px;}
.img_side_txt_list li:before{ position: absolute; left: 0; top:8px; content: ''; display: block;width: 5px; height: 5px; border-radius: 4px; background-color: #f67529; }

.img_icon{ max-width: 90px; }

.accordion_serv .accordion-item{
	margin: 10px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.accordion_serv .accordion-button{ box-shadow: none !important;   background-color: transparent; border-bottom: 1px solid #dfdfdf; color: #232323;}
.accordion_serv .accordion-button:after{color: #F67529 !important;}
.accordion_serv .accordion-body ul{ margin: 0; padding: 0; list-style: none; }
.accordion_serv .accordion-body ul li{ margin: 15px 0; position: relative; padding-left: 20px; }
.accordion_serv .accordion-body ul li:before{
	position: absolute; left: 0; top: 8px; width: 5px; height: 5px; content:''; background-color:#F67529; border-radius: 5px;
}

.list-style_1{ margin:0; padding: 0; list-style: none; }
.list-style_1 li{ margin: 10px 0; position: relative; padding-left: 20px;}
.list-style_1 li:before{ position: absolute; left: 0; top: 12px; width: 6px; height:6px; content: ''; border-radius: 5px; background-color: #F67529; }
.font-20{ font-size: 20px; }

.list-style_1_righttic li{padding:0;}
.list-style_1_righttic li:before{ display: none; }
.list-style_1_righttic li:after{
	right: 0; width: 16px; height: 8px; background-color: transparent; border-left: 2px solid #F67529; border-bottom: 2px solid #F67529; position: relative;
	border-radius: 0; left: auto; position: static; display: inline-block; content: ''; margin: 0 0 0 15px; transform:translateY(-6px) rotate(-45deg);
}

.icon_img{ max-width: 90px; }

.clr_white{ color: #fff; }
.p_clr{ color: #e7e7e7; }
.shadow{box-shadow: 0 0 8px rgba(0,0,0,0.02);}

.contact_form .form-control{
	background-color: transparent; border-radius: 0; border:none; border-bottom: 1px solid #666; box-shadow: none; color: #efefef;
}
.contact_form label.error{color: #f00; font-weight: 400; font-size: 14px;}
.contact_form .form-control:focus{border-bottom: 1px solid #F67529;}
.contact_form select:focus{ color: #222; }
.contact_form textarea{ resize: none; height: 150px; }
.contact_form button{ color: #fff; box-shadow: none !important; }
.contact_form select:focus{ background-color: #efefef !important;}
.contact_form .read_btn1 {border:1px solid #f67529; padding:10px 30px; border-radius: 0;}

.careers_form .form-control{font-weight: 300; color: #232323}
.careers_form button{ color: #232323; }
.careers_form label.error{ color:#f00; font-weight: 300; font-size: 13px; }


.job_wrapper .job_wrapper_list{ display: block; padding:8px; }
.job_wrapper .job_wrapper_list a{
	display: block; background: #fff; padding: 20px; color: #232323; border: 1px solid #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.job_wrapper .job_wrapper_list a:hover{ border-color:#F67529; box-shadow: 0 0 10px rgba(246,177,41,0.5); }
.job_wrapper .job_wrapper_list a p{ font-weight: 500; }
.job_wrapper .job_wrapper_list a p.job_wrapper_list_title{min-height: 45px;}
.job_wrapper .job_wrapper_list a p > img{ max-width: 80px; margin: 14px 0; }
.job_wrapper .job_wrapper_list a > div{ color: #777; font-style: 13px;}
.job_wrapper .job_wrapper_list a > div img{ width: 20px; opacity: 0; transition: all ease 0.2s; transform: translateX(-10px); }
.job_wrapper .job_wrapper_list a:hover > div img{ transform: none; margin-left: 8px; opacity: 1; }

.jobs_header h1{ color: #fff; text-transform: uppercase; font-weight: 300;}
.jobs_header h1 span{ font-size: 13px; color: #999; display: inline-block; margin-left: 8px;}
.jobs_header h1 span img{ width:20px; margin-right: 5px; }
.jobs_header .breadcrumb a, .jobs_header .breadcrumb span{color: #888}
.jobs_header .breadcrumb li{color:#F67529; font-size: 13px;}
.job_list_wrp{ background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
.job_list_wrp h3{font-size: 30px; margin: 0 0 15px 0; }
.job_list_wrp h3 a{color: #232323;}
.job_list_wrp_ex_l{ display: flex; margin: 0 -10px; list-style: none; padding: 0; flex-wrap: wrap; }
.job_list_wrp_ex_l li{ padding: 10px; }
.job_list_wrp_ex_l li img{max-width: 20px; margin-right: 8px;}


/* About page */

.job_list_table{ font-size: 15px; }
.job_list_table a.btn{ padding: 5px 12px; font-size: 15px; background-color: #dfdfdf; margin: 0 5px; }
.job_list_table a.btn:hover{ background-color: #EF1F2F; color: #fff; }
.read_btn1_2{ background-color: #fff; box-shadow: none !important; }

.footer{ overflow: hidden; }
.copy_text{border-top:1px solid #313131; color:#B5B5B5; }
.copy_text a{ color:#888; } 
.copy_text a:hover{ text-decoration: underline !important; }
.copy_text_p{ text-align: right; }

.ft_cols{ margin: 15px 0; overflow: hidden; }
.ft_cols h4{ margin: 0 0 20px 0; font-size: 18px; color: #9B9B9B; font-weight: 300; }
.ft_links{ margin: 0; list-style: none; padding: 0;}
.ft_links li{ margin: 15px 0; }
.ft_links li a[href="jobs.html"]{display: none;}
.ft_links li a{ color: #E5E5E5; font-weight: 300; transition: all ease 0.2s;}
.ft_links li a:hover{ color:#f67529; }

.ft_social{ display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 0; list-style: none; }
.ft_social li{ margin: 0 10px; font-size: 20px;}
.ft_social li a{ color:#fff;  transition: all ease 0.2s; }
.ft_social li a:hover{ color:#f67529; }

.submit_btn{ background-color: #000; color: #fff;  text-transform: uppercase; padding: 8px 30px;}
.submit_btn:hover{ background-color:#f57529 !important; color: #fff; }

.category_list{ margin: 0; padding: 0; list-style: none; }
.category_list li{ display: inline-block; margin: 10px; }
.category_list li label{ cursor: pointer; }

.presence_link{ margin: 0 -10px; }
.presence_link a{ display: inline-block; transition: all ease 0.2s; color: #E5E5E5; margin: 0 10px; }
.presence_link a:hover{color:#f67529;}


@media(max-width: 768px){
	.rowMod_1:before{ height: 400px; right: 0; width: 100%;}
	.rowMod_1 .row > div:nth-child(2){ margin-top: 300px; }
	.md-hauto{ height: auto; }

	.rowMod_1 .abt_img{ width: 100%; position: relative; height: 400px; top: 0; }
	.rowMod_1 .row > div:nth-child(2){ margin-top: 0; }

	.similarhed1, .subscribe_row h3, .rowMod_4_hm_cnt h3{font-size: 35px;}
	.ser_img_wrp{ max-width: 100%; }

	.banner_wrp > div{ width: 100%; }

	.sub_sc_form input.form-control{ font-size: 13px; }

	.abt_mision_vi_wrp{ min-height: auto; }
	.abt_sap_offerings{
	    background-color: #fff;
	    border-left: 5px solid #F67529;
	    box-shadow: 0px 3px 60px rgb(0 0 0 / 10%);
	}
	.banner_wrp{ display: block !important;}

	.hm-bn-left{ margin: 0 -10px; padding: 0; }
	.hm-bn-left h1{ font-size: 40px ; }

	.copy_text_p{ text-align: left; }
}

@media(min-width: 991px){
	.ft_cols{ width: 20%; }
	.banner_wrp{ width: 100% !important; max-width: 100% !important; padding: 0; }

	.job_wrapper .job_wrapper_list{ width: 20%; }
}
@media(max-width: 991px){
	.banner_wrp > div.bn_left{ width: 100%; }
	.banner_wrp > div.bn_right{ width: 100%; }
	.banner_wrp > div.bn_right img{ height: auto; width: 100%; object-fit: inherit;}
	.banner_wrp{ height: auto; padding-top: 80px; }
	.banner_wrp > div .bn_cnt_wrp{ max-width: 100% !important; width: 100%; }

	#navbarSupportedContent{ background-color: #222; }
	.navigation{ width: 100%; padding: 10px; }
	.navigation > li > ul{ position: static;  display: block; width: 100%;}

}
@media(max-width: 1200px){
	.rowMod_2_hm{ padding-left: 0; }
}







.bn_cnt_wrp h1 span{
		transform: scale3d(1.0, 3, 1.0) translateY(60px); opacity: 0; animation: 0.6s ease-out textSkew; animation-fill-mode: forwards;
	}
	.bn_cnt_wrp h1 > div{overflow: hidden;}
	.bn_cnt_wrp h1 div:nth-child(1) span{ animation-delay: .3s; transform: scale3d(1.0, 5, 1.0) translateY(60px);}
	.bn_cnt_wrp h1 div:nth-child(2) span{ animation-delay: .6s; transform: scale3d(1.0, 5, 1.0) translateY(60px);}
	.bn_cnt_wrp h1 div:nth-child(3) span{ animation-delay: .9s; transform: scale3d(1.0, 5, 1.0) translateY(60px) ;}
	.bn_cnt_wrp h1 div:nth-child(4) span{ animation-delay: 1.2s; transform: scale3d(1.0, 5, 1.0) translateY(60px) ;}
	@keyframes textSkew{
		0%{opacity: 0;  }
		100%{ transform: none; opacity: 1; }
	}

@media(min-width: 768px){
	.animateX-right{ transform: translateX(400px); transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1.0); opacity: 0;  }	
	.animateX-right.active{ transform: none; opacity: 1; }

	.animateX-left{ transform: translateX(-400px); transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1.0); opacity: 0;  }	
	.animateX-left.active{ transform: none; opacity: 1;}

	.hm_abt_cols_row .hm_abt_cols_wrp{ opacity: 0; transform: translateY(400px); transition: all ease-in-out 0.8s;}
	.hm_abt_cols_row_hm .hm_abt_cols_wrp{ opacity: 1; transform: translateY(0); transition: all ease-in-out 0.8s;}
	.hm_abt_cols_row > div:nth-child(1) .hm_abt_cols_wrp{ transition-delay: 0.8s;}
	.hm_abt_cols_row > div:nth-child(2) .hm_abt_cols_wrp{ transition-delay: 0.6s;}
	.hm_abt_cols_row > div:nth-child(3) .hm_abt_cols_wrp{ transition-delay: 0.4s;}
	.hm_abt_cols_row > div:nth-child(4) .hm_abt_cols_wrp{ transition-delay: 0.2s;}
	.hm_abt_cols_row.active .hm_abt_cols_wrp{ transform: none; opacity: 1; }

}
@media(min-width: 991px){
	.header{ animation: 1s ease 0s 1 slideDown;     background: #092532;animation-fill-mode: forwards;  opacity: 0;}
	.navigation > li {animation: 1s ease-out 0s 1 slideDown; opacity: 0; animation-fill-mode: forwards;}
	@keyframes slideDown {
	  0% {transform: translateY(-100%); opacity: 0;}
	  100% {transform: translateY(0); opacity: 1;}
	}



	.banner_wrp{justify-content: flex-end;}
	.banner_wrp > div.bn_left{
		width: 100%; animation: 1.6s ease-in-out 0s 1 widthAnim; animation-fill-mode: forwards; position: absolute;
		left: 0; bottom: 0; top: 0; right: 0; background-color: #156185; z-index: 2;
	}
	.bn_right img{ animation: 1.6s ease-in-out 0s 1 bnscale; animation-fill-mode: forwards; }

	@keyframes widthAnim{
		0%{  }
		100%{ width: 50%; opacity: 1;}
	}
	@keyframes bnscale{
		0%{ transform: scale(1.5); }
		100%{ transform: none; }
	}


	
	


	
}
@media(min-width: 1200px) and (max-width: 1366px){
.banner_wrp > div .bn_cnt_wrp{width: 100%; max-width: 550px;}
}
@media(min-width: 1200px){
	.bn_cnt_wrp h1{ overflow: hidden; font-size:34px; }
}



@keyframes hedscroll{
0%{ transform: translateY(-100%); opacity: 0; }
100%{ transform: translateY(-0%); opacity: 1;}
}