/*============
header bt
=============*/

header ul {
width: 100%;
padding: 0;
margin: 0;
display:flex;justify-content: space-between
}

header li{
color: #fff;
transition: all 0.2s;cursor: pointer;
}

header li:hover{
color: #DF004E;
}
header li.line {
  padding-bottom: 2px;
  position: relative;
}
header li.line::before {
background: #DF004E;  
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
header li.line:hover::before {

  background: #DF004E;
  transform-origin: left top;
  transform: scale(1, 1);
}



/*============
zoom bt
=============*/
.user-select-none {
user-select: none;
}

.zoom-in-b {
float: left;	
position: relative;
background-color: #ededed;
width: 100%;
cursor: pointer;
}

.zoom-in-text{
width: 100%;height: 100%;
position: absolute;
display:flex;
align-items: center;
z-index: 3;
}

.zoom-in-text .text {
color: #fff;
width: 245px;margin-left: 20px;
}



.zoom-in-b .more {
position: absolute;
color: #fff;
padding-bottom: 2px;
bottom: 14px;right: 12px;
z-index: 2;
transition: 0.3s ease-in-out;
}

.zoom-in-img {
  width: 100%;
  height:100%;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

.zoom-in-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.zoom-in-img img {
  transform: scale(1.02);
  transition: 0.5s ease-in-out;
}

.zoom-in-b:hover .zoom-in-img img {
  transform: scale(1.2);
}


.zoom-in-b:hover .more {
position: absolute;
bottom: 14px;right: 12px;
z-index: 2;
}

.line::before {
  background: #fff;  
  content: '';
  width: 80%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .2s;
}


.zoom-in-b:hover .line::before {	
  transform-origin: left top;
  transform: scale(1, 1);
}




/*============
h-link bt
=============*/


.h-link {
  color: #DF004E;
  font-weight: 300;
  cursor: pointer;
  padding-bottom: 5px;
  position: relative;
}
.h-link::before {
  background: #DF004E;  
  content: '';
  width: 80%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.h-link:hover::before {
  background: #DF004E;
  transform-origin: left top;
  transform: scale(1, 1);
}


/*============
t-link bt
=============*/


.t-link {
  color: #000;
  font-weight: 300;
  cursor: pointer;
  padding-bottom: 5px;
  position: relative;
}
.t-link::before {
  background: #000;  
  content: '';
  width: 80%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.t-link:hover::before {
  background: #000;
  transform-origin: left top;
  transform: scale(1, 1);
}

/*============
t-link bt
=============*/



.a-link {
  float: left;
  color: #000;
  font-weight: 300;
  cursor: pointer;
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;

}

.a-link::after {
  content: '';
  position: absolute;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(../img/a-link.png);
}

.a-link::before {
  background: #000;  
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}

.a-link:hover::before {
  background: #000;
  transform-origin: left top;
  transform: scale(1, 1);
}


/*============
.contact-btn
=============*/

.contact-btn{
position: relative;
border-radius: 4px;
width: 350px;
height: 55px;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.contact-txt::before {
content: 'Contact Us';
color: #fff;
font-size: 16px;
transition: all 0.2s;
}
.contact-btn:hover{background-color:#fff;}
.contact-btn.contact-txt:hover::before {color: #DF004E;}

/*============
.next-btn
=============*/

.next-btn{
position: relative;
border-radius: 4px;
width: 350px;
height: 55px;
display:flex;
justify-content: center;
align-items:center;
background-color:#A7A7A7;
border: solid 1px #A7A7A7;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.next-txt::before {
content: 'Next';
color: #fff;
font-size: 16px;
transition: all 0.2s;
}
.next-btn:hover{background-color:#fff;}
.next-btn.next-txt:hover::before {color: #A7A7A7;}

/*============
.back-btn
=============*/

.back-btn{
position: relative;
border-radius: 4px;
width: 350px;
height: 55px;
display:flex;
justify-content: center;
align-items:center;
background-color:#A7A7A7;
border: solid 1px #A7A7A7;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.back-txt::before {
content: 'Back';
color: #fff;
font-size: 16px;
transition: all 0.2s;
}
.back-btn:hover{background-color:#fff;}
.back-btn.back-txt:hover::before {color: #A7A7A7;}

/*============
.Send-Request-btn
=============*/

.Send-Request-btn{
position: relative;
border-radius: 4px;
width: 350px;
height: 55px;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.Send-Request-txt::before {
content: 'Send Request';
color: #fff;
font-size: 16px;
transition: all 0.2s;
}
.Send-Request-btn:hover{background-color:#fff;}
.Send-Request-btn.Send-Request-txt:hover::before {color: #DF004E;}

/*============
home-btn
=============*/

.home-btn{
position: relative;
border-radius: 4px;
width: 350px;
height: 55px;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.home-txt::before {
content: 'Home';
color: #fff;
font-size: 16px;
transition: all 0.2s;
}
.home-btn:hover{background-color:#fff;}
.home-btn.home-txt:hover::before {color: #DF004E;}