/*==================== Contact =============*/
.contact{
    height: 100%;
    font-family: SourceSans3, sans-serif;
    margin: 80px 0 35px 0;
}

.contact .wrapper{
   width: 1240px;
    margin: 0 auto;
    position: relative;
 }

 .contact   ul{
  float: right;
  line-height: 16px;
}

.contact   li{
 float: left;
 border-right: 1px solid #9b9a9a;
}

.contact  li:last-child{
 border-right: 0;
}

.contact  li a{
 font-family: SourceSans3, Sans-serif;
 font-size: 18px;
 padding: 0 18px;
 color: #555454;

}

.contact  li a:hover{
  color: #c7c5c5;
}


.contact .left{
  /* width: 62%; */
  /* height: 700px; */
  height: auto;
}

.contact .right{
  /* width: 35%;
  height: auto;
  position: absolute;
  top: 0;
  left: 65%; */
  font-family: SourceSans3, Sans-serif;
}

.contact .right .top{
  margin: 40px 10px 20px 40px;
  color: #929292;
  font-size: 16px;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  /* padding-left: 20px; */
}

.contact .right .btm{
  background-image: url(../images/office-map.png);
  background-position: -120px 50px;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact .right .btm h4{     /* Logo */
    width: 90%;
    height: 112px;
    margin-left: 20px;
    background-image: url(../images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
}

.contact .right .btm h3{
  font-size: 19px;
  margin: 55px 10px 0 40px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;

}

.contact .right .btm .coName{
    font-family: Marcellus, Sans-serif;;
    font-size: 23px;
    font-weight: 700;
    color:#b0975f;
    letter-spacing: 1px;
    margin: 18px 10px 25px 40px;
}
.contact .right .btm .coName p{
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 300;
    font-family: SourceSans3, Sans-serif;
}

.contact .right .btm .coName .address{
    font-size: 19px;
    font-weight: 300;
    width: 280px;
    color: #000;
    line-height: 22px;
    margin-top: 33px;
    font-family: SourceSans3, Sans-serif;
}

.contact .right .btm .coName .address a{
  text-decoration: underline;
  font-style: italic;
  padding: 0;
}

/*==================== About =============*/
.abt{
  height: 100%;
  font-family: SourceSans3, sans-serif;
  color:rgb(82, 79, 79);
  /* margin: 60px 0 100px 0; */
}

 .wrapper{
    width: 1240px;
    margin: 0 auto;
    position: relative;
 }

 .abt ul{
   float:right;
   line-height: 16px;
 }
 .abt li{
  float: left;
  border-right: 1px solid #9b9a9a;
 }
.abt li:last-child{
  border-right: 0;
}

 .abt a{
  font-family: SourceSans3, Sans-serif;
  font-size: 18px;
  padding: 0 18px;
  color: #555454;
 }

 .abt a:hover{
  color: #c7c5c5;
 }

 /*--- "Company Profile" ----*/
.abt h1 {
    margin-top: 40px;
    font-family: titi, sans-serif;
    font-size:62px;
    width: 180px;
    line-height:60px;
    color: #B0975F;
 }

 .abt .left{
   /* width: 500px; */
   padding: 30px;
   margin-top: 240px;
   font-family: SourceSans3, sans-serif;
 }

 .abt .left h3{
    font-size: 23px;
    font-weight: 700;
    font-family: Marcellus, Sans-serif;;
    color:#b0975f;

 }

 .abt .left .title{
  font-size:17px;
  line-height: 20px;
  color: #b39292;
  margin-top: 20px;
  letter-spacing: 2px;
}

 .abt .left p{
     font-size:17px;
     line-height: 20px;
     color: #31250d;
 }

 .abt .left a{
  font-family: SourceSans3, Sans-serif;
  font-size: 17px;
  color: #31250d;
  padding: 0;
 }


 .abt .right{
    /* width: 740px; */
    padding: 30px;
    margin-top: -230px;
    /* position: absolute; */
    /* top: 20px; */
    /* left: 501px; */
    font-family: SourceSans3, sans-serif;
 }

 .abt .right h3{
  font-size:45px;
  font-weight: 300;
  margin-bottom: 30px;
  color: #5a4925;
 }

 .abt .right h4{
  width: 720px;
  height: 280px;
  background-image: url(../images/aboutus.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  font:none;
 }
 .abt .right p{
  font-size:18px;
  line-height: 27px;
  color: #272727;
  margin-bottom: 30px;
}

.mapContact{
    width: 100%;
    height: 700px;
}

@media only screen and (max-width: 680px) {

    .abt .left{
        margin-top: 0px;
    }
    .abt .right{
        margin-top: 0px;
    }
    .mapContact{
        width: 100%;
        height: 300px;
    }
}