@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/

footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:2fr 1fr  1fr 1fr 1fr;
	margin-top:6rem;
	}	
footer h3{
	display:inline-block;
	position:relative;
	overflow:hidden;	
	font-size:2.4rem;
	color:var(--web-theme-color-black);
	text-align:left;
	font-weight:700;
	padding-bottom:1.4rem;
}
footer .foot-line{
	position:absolute;
	left:0;
	bottom:0;
	width:30%;
	height:2px;
 background-color: var(--web-theme-color-blue);
}
#SociaLink{ margin-top:4rem;}
#SociaLink li{ display:inline-block; font-size:3rem; margin-right:1rem; }
footer a:hover{color:var(--web-theme-color-blue);}
footer ul{ padding-top:2rem;}
footer ul li{padding-top:1.5rem; color:var(--web-theme-color-black);}
footer ul li a{
	color:#84898B;
	display:block;
	text-decoration:none;
}

.foottop img{ display:inline-block; width:32%;}
.foottop-title{ padding-top:4rem;}
.foottop-title a{font-size:3.5rem; font-weight:700; color:var(--web-theme-color-blue);}
footer .foottop ul li a{ margin-left:2.2rem;}
footer .foottop ul li{padding-top:0;}
footer .foottop ul li:nth-child(2){ padding-top:1.2rem;}
footer .foottop ul li:first-child a{ margin-left:1rem;}
footer .foottop ul li:last-child a{ margin-left:0.5em;}
.foot-first .wrap-flex{align-items: center;}
footer form{ margin-top:4rem;}
footer  .form-control {
	display:block;
	position:relative;
	width:20vw;
	height:50px;
	padding:12px 2rem;
	background-color:#EBEDEE;
	line-height:1.42857143;
	border:none;
}
footer  .form-control:focus {
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
}
footer  .form-control::-moz-placeholder {
color:var(--web-theme-color-black);
}
footer .form-control:-ms-input-placeholder {
color:var(--web-theme-color-black);
}
footer  .form-control::-webkit-input-placeholder {
color:var(--web-theme-color-black);
}
footer  button {
	position:relative;
	z-index:5;
	margin-left:-11rem;
	display:inline-block;
	width:12rem;
	height:35px;
	padding:-4rem 1rem;
	line-height:1.42857143;
	font-size:4rem;
	background-color:transparent !important;
	color:var(--web-theme-color-blue);
	border:none;
}
footer button:hover{background-color:var(--web-theme-color); border:none;}
/*Foot contact*/
#foot-contact{ padding:8rem 0; background-image: linear-gradient(to right,rgba(42,90,166,1) ,rgba(42,90,166,1) , rgba(130,210,212,1));}
#foot-contact .grid{ margin-top:2rem; padding-bottom:4rem; grid-template-columns:repeat(2,1fr);  align-items: center;}
#foot-contact h2{ text-transform:capitalize; color:var(--web-theme-color-white);}
.foot-title{display: -webkit-flex; display: flex;  align-items: center;}
.foot-topline{ width:2rem; height:3px; background-color:var(--web-theme-color-white);}
.foot-title h3{ margin-left:2rem; color:var(--web-theme-color-white);}
.foot-contact-content:last-child h1{ font-size:16rem; text-align:right; color:rgba(255,255,255,.2);}
.foot-contact-content:last-child .more{ position:relative; z-index:5; margin:0 auto; margin-top:-3rem; margin-right:8vw; } 
/*copy*/
#copy{ margin-top:6rem; padding-bottom:2rem; background-color:var(--web-theme-color-blue);}
#copy  p{ padding-top:3rem; text-align:center; color:rgba(255,255,255,.8);  word-wrap:break-word; word-break:break-all;}
@media (max-width:1023px){
footer #foottop{display: -webkit-grid; display: grid;grid-template-columns:auto;justify-content: space-between;grid-column-gap:0;grid-row-gap:2rem;}	
 footer h3{padding-top:10px;white-space:nowrap;}	
.foottop p{width:100%; padding-top:0;}
/*Foot contact*/
#foot-contact{ padding:4rem 0; background-image: linear-gradient(to right,rgba(42,90,166,1) ,rgba(42,90,166,1) , rgba(130,210,212,1));}
#foot-contact .grid{ margin-top:2rem; padding-bottom:4rem; grid-template-columns:1fr; grid-gap:30px;}
.foot-contact-content:last-child h1{ font-size:8rem; text-align:left; color:rgba(255,255,255,.2);}
#foot-contact .more{ position:relative; z-index:5; width:15rem; margin:0; margin-top:-3rem; margin-left:10vw; } 
footer  .form-control {display:block;width:100%; height:50px;padding:12px 2rem;}
#SociaLink{ margin-top:0;}
#copy{ margin-top:2rem;}
}
@media (max-width:490px){
.foottop  img{ display:inline-block; width:38%;padding:15px 4rem 15px 0rem;}
}