/* Start section Fotrer */


.footer-wrap {
    padding-top: 30px;    
    background-color: #001c43;
    margin: 70PX 0 0 0;
    position: relative;

}


.footer-wrap h3 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-wrap p {
    /*font-size: 14px;*/
    line-height: 24px;
    color: #f5f5f5;
    margin-top: 15px;
    padding: 0 25px 0 0;
    text-align: justify;
}


.footer-links li {
    list-style: none;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}
.fa-envelope:before {
    content: "\f0e0";
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-links li a {
   /* font-size: 14px;*/
    line-height: 26px;
    color: #f5f5f5;
    text-decoration: none;
}


.footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #f5f5f5;
}

.footer-category li a {
    font-size: 14px;
    line-height: 26px;
    color: #f5f5f5;
    text-decoration: none;
}

.footer-category li:before {
    /*content: "\f105";*/
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #f5f5f5;
}

.address {
    
    color: #f5f5f5;
    /*font-size: 14px;*/
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}
.address-1 {
    
    color: #000;
    font-size: 17px;
    position: relative;
    padding-left: 32px;
    line-height: 30px;    
}

.address:before {
    content: "\f041";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.info a {
 
    color:  #f5f5f5;
   /* font-size: 14px;*/
    line-height: 30px;
    font-weight: normal;
}
.info-1 a {
 
    color: #000;
    /*font-size: 17px;*/
    position: relative;
    padding-left: 17px;
    line-height: 30px;
   
}

.wrapper-2 {
       margin:-15px 0;
    list-style: none;
}

.info a {

    color: #fff !important;
    /*font-size: 14px;*/
    line-height: 30px;
    font-weight: normal;
}  
.info-1 a {

    color: #000 !important;
    /*font-size: 17px;*/
    position: relative;
    padding-left: 17px;
    line-height: 30px;
    
}

.fa-fax:before {
    color:#f5f5f5;
    content: "\f1ac";
}
.footer-category li {
    float: left;
    list-style: none;
    padding: 0 6px;
}
.locations-2 {
color:#ooo;}
.increase-size {
    font-size: 27px;
}

.copyright {
    border-top: 1px solid #5f5f5f;
    font-size: 14px;
    color: #f5f5f5;
    margin-top: 25px;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}
.copyright a{color: #fff;}


/* Style the Un-order list by setting its list-style to none */
.wrapper-2 ul {
  list-style: none;
  float:right;
}

/* Style the list items inside the UL list, by setting its width, height and line-height 
  and float them to left and set its border and border-radius.
 */
.
.
.wrapper-1 ul li {
  width: 35px;
  height: 35px;
  line-height: 27px;
  margin: -5px 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #D8E2DC;
  float: left;
  transition: all 0.5s ease;
list-style:none !important;
}
.wrapper-1 ul li {

list-style:none !important;
}
.wrapper-2 ul li{
  width: 35px;
  height: 35px;
  line-height: 27px;
  margin: -5px 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #D8E2DC;
  float: left;
  transition: all 0.5s ease;
}
.wrapper-2 ul li {

list-style:none !important;
}

/* Style the icons by setting its color and margin-top value to 20px 
to align it properly */
.
.wrapper-1 ul li .fa {
  color: #D8E2DC;
  margin-top: 0px;
  transition: all 0.5s ease;
}
.wrapper-2 ul li .fa {
  color: #D8E2DC;
  margin-top: 0px;
  transition: all 0.5s ease;
}

/* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
  to icons for glowing effect and use transition property for smooth transition effect. */
/*facebook*/
.wrapper-1 ul li:hover.facebook {
  border: 3px solid #3b5998;
  box-shadow: 0 0 5px #3b5998;
  transition: all 0.5s ease;
}

.
.wrapper-1 ul li:hover.facebook {
  border: 3px solid #3b5998;
  box-shadow: 0 0 5px #3b5998;
  transition: all 0.5s ease;
}
.wrapper-2 ul li:hover.facebook {
  border: 3px solid #3b5998;
  box-shadow: 0 0 5px #3b5998;
  transition: all 0.5s ease;
}
.fa-2x {
    font-size: 1em;
}

.wrapper-1 ul li:hover .fa-facebook {
  color: #3b5998;
  text-shadow: 0 0 5px #3b5998;
  transition: all 0.5s ease;
}

/*twitter*/
.wrapper-1 ul li:hover.twitter {
  border: 3px solid #00aced;
  box-shadow: 0 0 5px #00aced;
  transition: all 0.5s ease;
}

.wrapper-1 ul li:hover .fa-twitter {
  color: #00aced;
  text-shadow: 0 0 5px #00aced;
  transition: all 0.5s ease;
}

.wrapper-1 ul li:hover .fa-facebook {
  color: #3b5998;
  text-shadow: 0 0 5px #3b5998;
  transition: all 0.5s ease;
}

/*twitter*/
.wrapper-2 ul li:hover.twitter {
  border: 3px solid #00aced;
  box-shadow: 0 0 5px #00aced;
  transition: all 0.5s ease;
}

.wrapper-2 ul li:hover .fa-twitter {
  color: #00aced;
  text-shadow: 0 0 5px #00aced;
  transition: all 0.5s ease;
}


/* whatsapp */
.
.wrapper-1 ul li:hover.linkedin {
  border: 3px solid #d34836;
  box-shadow: 0 0 5px #d34836;
  transition: all 0.5s ease;
}

.wrapper-1 ul li:hover .fa-linkedin {
  color: #d34836;
  text-shadow: 0 0 5px #d34836;
  transition: all 0.5s ease;
}
.wrapper-2 ul li:hover.linkedin {
  border: 3px solid #d34836;
  box-shadow: 0 0 5px #d34836;
  transition: all 0.5s ease;
}

.wrapper-2 ul li:hover .fa-linkedin {
  color: #d34836;
  text-shadow: 0 0 5px #d34836;
  transition: all 0.5s ease;
}


/* media queries */

@media screen and (max-width: 640px){
 .wrapper-3 {
display:none;
}
.footer-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
}
}


@media screen and (max-width: 340px){
  .wrapper {
      width: 150px;
  }
  .wrapper ul li{
      margin:15px;
  }
  .wrapper ul li.google{
      margin-left: 15px;
  }
}


.footer-wrap .info{padding-left: 30px;position: relative;color: #fff;margin-bottom: 12px;}
.footer-wrap .info i{position: absolute; left: 0; top: 8px; color: #fff;}

/* End section Fotrer */