/* footer */
 .footer {
   background:#f7f8fa;
 }
 .footer-top {
   position: relative;
   margin: 0 10%;
   padding: 35px 0 33px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .footer-logo {
   width: 310px;
 }
 .footer-logo img {
   display: block;
   width: 100%;
   height: auto;
 }
 .footer-navs {
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 66.27%;
 }
 .footer-navs li a {
   display: block;
   color: #333;
   font-size: 16px;
 }
 .footer-navs li a:hover {
   color: #222;
 }
 .footer-address {
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 46px 10% 50px;
   background: url(../images/earth.png) 19.37vw 32px no-repeat;
 }
 .address-line span {
   display: block;
   margin-bottom: 10px;
   color: #222;
   font-size: 16px;
   line-height: 2;
 }
 .address-line b {
   display: block;
   margin-bottom: 27px;
   line-height: 1;
   color: #333;
   font-size: 32px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
 }
 .address-line time {
   display: block;
   margin-left: -10px;
   color: #515458;
   font-size: 16px;
 }
 .footer-ri {
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 66.27%;
 }
 .address p {
   color: #515458;
   font-size: 16px;
   line-height: 2;
 }
 .address-eq {
   width: 150px;
 }
 .address-eq img {
   width: 100%;
   height: auto;
 }
 .address-eq p{
   width: 150px;display: block; text-align:center;font-size: 16px;
 }
 .footer-copy {
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 23px 10% 23px;
   background: #014190;
 }
 .footer-copy p {
   color: #fff;
   font-size: 16px;
 }
 .footer-copy a{color: #fff; font-size: 16px;}
 .network {
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
 }
 .sonMore{width: 190px;height: 52px;display: flex;overflow: hidden;align-items: center;justify-content: center;border-radius: 26px;border: 2px solid #00a0e9;user-select: none;transition: all .4s ease;}
 .sonMore span{font-size: 16px;padding-right: 30px;color: #00a0e9;transition: all .4s ease;position: relative;font-family:'COLFAX-MEDIUM';margin-top: 4px;}
 .sonMore span::after{content: "";position: absolute;width: 15px;height: 10px;background: url('../img/moreArr.png') no-repeat;right: 0;top: 50%;margin-top: -6px;}
 .sonMore.white span{color: #fff;}
 .sonMore.white span::after{background-image: url('../img/moreArrW.png');}
 .sonMore:hover{border: 2px solid #00a0e9;background: #00a0e9;}
 .sonMore:hover span{color: #fff;}
 .sonMore:hover span::after{animation: moreArrow .5s ease;background-image: url('../img/moreArrW.png');}
 @keyframes moreArrow{0%{transform:translateX(0)}60%{transform:translateX(60px)}60.001%{transform:translateX(-20px)}100%{transform:translateX(0)}}

 .prorel{width: 100%;background: url('../img/prorelBg.jpg') no-repeat left top/cover;padding: 68px 0;}
 .prorel .container{display: flex;justify-content:space-between;align-items: flex-end;}
 .prorel-cont{color: #fff;}
 .prorel-cont h6{font-size: 32px;font-weight: 700;}
 .prorel-cont p{font-size: 18px;opacity: 0.8;margin-top: 12px;}
 .prorel .sonMore{border: 2px solid #fff;float: right;}
 .prorel .sonMore span{color: #fff;}
 .prorel .sonMore span::after{background-image: url('../img/moreArrW.png');}
 .prorel .sonMore:hover{background: #fff;}
 .prorel .sonMore:hover span{color: #00a0e9;}
 .prorel .sonMore:hover span::after{background-image: url('../img/moreArr.png');}
 
 @media screen and (max-width: 1024px) {
  .footer-top {
     display: none;
   }
   .footer-address {
     padding: 32px 5%;
   }
   .footer-copy p,
   .network a {
     font-size: 14px;
   }
   .address-eq {
     display: none;
   }
   .mtop {
     height: 60px;
   }
   .ptext strong {
     font-size: 28px;
   }
   .ptext {
     max-width: 90%;
   }}
   
   
   @media screen and (max-width: 861px) {
    .footer-address {
       display: block;
     }
     .address p {
       font-size: 14px;
     }
     .footer-copy {
       padding: 15px 5%;
     } }
	  @media screen and (max-width: 641px) {
	  .footer-copy {
	     display: block;
	   }
	   .address p {
	     font-size: 13px;
	   }
	   .footer-ri {
	     width: 100%;
	   }
	   .address-line b {
	     font-size: 29px;
	     margin-bottom: 20px;
	   } }
	   
	   @media all and (max-width:1599px) { .prorel-cont h6{font-size: 28px;}
    .prorel {padding: 56px 0;} }
	
	@media all and (max-width:640px) { .prorel {padding: 36px 0;background-position: right 2% bottom;}
    .prorel .container{display: block;overflow: hidden;}
    .prorel-cont{width: 100%;}
    .prorel-cont p{max-width: none;}
    .prorel .sonMore {margin: 20px auto 0;float: none;}
    .prorel-cont h6 {font-size: 24px;text-align: center;} 
	
	
	}