body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

@font-face {
  font-family: 'CODE_Bold';
  src: url(CODE_Bold.woff) format("woff");
}
@font-face {
  font-family: 'CODE_Light';
  src: url(CODE_Light.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Bold_Oblique';
  src: url(Quicksand_Bold_Oblique.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Bold';
  src: url(Quicksand_Bold.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Book_Oblique';
  src: url(Quicksand_Book_Oblique.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Book';
  src: url(Quicksand_Book.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Light_Oblique';
  src: url(Quicksand_Light_Oblique.woff) format("woff");
}
@font-face {
  font-family: 'Quicksand_Light';
  src: url(Quicksand_Light.woff) format("woff");
}

input, textarea, select, a, button { outline: none; }
input, textarea, select, a, button:focus { outline:none; }
input, textarea, select, a, button:active { outline: none; }
ul, li {list-style-type: none;}
.decor{
  margin: auto;
  background-color: black;
  width: 2.5px;
  height: 15vh;
}
/*--------------------------------------------------------------
navigation
--------------------------------------------------------------*/
#bacground_nav{
  background-color: white;
  border-bottom: 3px solid;
}
.menu-item{
  padding-right: 12px;
  padding-left: 12px;
  font-family: 'CODE_Bold', sans-serif;
}
.menu-item>a{
  color: black;
}
.menu-item>a:hover{
  color: #20853e;
}
.menu-item>a:active{
  color: #20853e;
}

#navbar-collapse-main{
  padding-left: 10px;
}
#lang_choice_1{
  margin-left: 12px;
  margin-right: 12px;
  color: black;
  background-color: white;
  border: none;
  font-family: 'CODE_Bold', sans-serif;
}
/*--------------------------------------------------------------
home
--------------------------------------------------------------*/
.home_wraper{
  margin-top: 70px;
  width: 100%;
  height: auto;
}
.home_slider{
  background-image:url(https://www.lamobilexport.com/wp-content/uploads/2018/12/home_slide.gif);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 85%;
  height: 100%;
  margin: 50px auto;
}

.home_img>img{
  width: 100%;
  height: auto;
}
.home_content{
  margin-top: 20px;
  margin-bottom: 90px;
  width: 100%;
  height: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 2rem;
}
.home_txt{
  font-family: 'Quicksand_Bold', sans-serif;
  text-align: center;
  font-size: 3rem;
}
.home_contact{
  font-family: 'Quicksand_Bold', sans-serif;
  font-size: 1.3rem;
  background-color: white;
  padding: 15px;
  margin: 50px auto;
  border: none;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.home_contact:hover{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.video_overlay{
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 10%;
  width: 25%;
  height: 100vh;
}
.video_overlay>h2{
  font-family: 'Quicksand_Bold';
  padding: 15% 5%;
}
.line_short{
  margin: auto;
  max-width: 30vw;
  height: 2.5px;
  background: #000;
}
.line_short_white{
  margin: auto;
  max-width: 30vw;
  height: 2.5px;
  background: #ffffff;
}
#home_service>img{
  width: 100%;
  height: auto;
  padding: 50px;
}
#home_service{
  color: white;
}
.home_service_title{
  background-color: black;
  margin-right: 15%;
  margin-left: 15%;
  padding: 5px;
}
.home_service{
  margin-bottom: 30px;
}
.home_contact_block{
  background-color: black;
  color:white;
}
.why_img{
  width: 80%;
  height: auto;
  margin: auto;
}
.why{
  margin-bottom: 80px;
}

.why_list{
  font-family: 'Quicksand_Book';
  font-size: 2rem;
  text-align: center;
}
.service_type{
  text-align: center;
  margin: auto;
  color: white;
  font-family: 'Quicksand_Bold';
  font-size: 1rem;
}
.service_type:hover{
  text-decoration: underline;
  margin: auto;
  color: white;
  font-family: 'Quicksand_Bold';
  font-size: 1rem;
}
/*--------------------------------------------------------------
company
--------------------------------------------------------------*/
.company_wraper{
  margin-top: 60px;
  width: 100%;
  height: auto;
}
.company_slider{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/office-building.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.company_slider>h1{
  font-family: 'Work Sans', sans-serif;
  font-weight: 200;
  font-size: 300%;
  text-shadow: 1.5px 1.5px #000000;
  line-height: 3.7rem;
  color: white;
  padding-top: 70vh;
  padding-left: 5vw;
  vertical-align: bottom;
}
.company_slider>img{
  width: 100%;
  height: auto;
}
.company_img>img{
  width: 100%;
  height: auto;
}
.company_content{
  width: 100%;
  height: auto;
}

.company_slogan{
  margin-top: 20px;
  margin-bottom: 20px;
}
.company_slogan>h2{
  line-height: 2.9rem;
  margin-left: 23%;
  margin-right: 23%;
  padding: 60px 50px;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 200%;
}
.company_video{
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}
.about{
  margin-top: 60px;
  margin-bottom: 120px;

}
.who_we_are{
  margin-top: 80px;
  margin-bottom: 80px;
}
.our_ethic{
  margin-top: 80px;
  margin-bottom: 80px;
}
.ethic_img{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/employee_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}
.who_img{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/machine_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}
.ethic{
  font-family: 'Quicksand_Book';
  font-size: 1.3rem;
  padding: 70px;
  width: 100%;
  height: auto;
  background-color: black;
  color: white;
}
.ethic>h3{
  font-family: 'Quicksand_Bold';
  font-size: 2rem;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
service
--------------------------------------------------------------*/
.service_wraper{
  width: 100%;
  height: auto;
}
.service_front{
  margin: 0;
  width: 100%;
  height: auto;
}
.service_slogan>h3{
  font-family: 'Quicksand_Bold';
  font-size: 3rem;
}
.service_slogan{
  font-family: 'Quicksand_Book';
  font-size: 1.3rem;
  padding: 70px 70px 70px 70px;
  width: 100%;
  height: auto;
  color: black;
}
.service_img{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/service_1.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  min-height: 400px;
  margin-top: 70px;
}
.service_slider2{
  vertical-align: middle;
  margin-top: 120px;
  margin-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  height: auto;
}
.service_content{
  width: 100%;
  height: auto;
}
.material>img{
  padding: 25px;
  width: 100%;
  height: auto;
}
.m_text{
  height: 60vh;
  margin-top: auto;
  margin-bottom: auto;
}
.m_text>h3{
  font-family: 'Quicksand_Bold';
  font-size: 2.7rem;
}
.m_text>p{
  font-family: 'Quicksand_Book';
  font-size: 1rem;
}
.line{
  margin: 15px 0 15px 0;
  width: 100%;
  height: 2px;
  background: #000;
}

.titles{
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
}
.m_img>img{
  width: 100%;
  height: auto;
}
.m_txt{
  padding-left: 60px;
}
.m_txt>h3{
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 2.7rem;

}
.m_txt>p{
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
.service_info{
  margin-top: 80px;
  margin-bottom: 80px;
}
.choise{
  cursor:pointer;
  margin-bottom: 30px;
}
.choise:hover{
  background-color: black;
  color: white;
}
.service_display{
  margin: 60px auto;
}
.matertials{
  height: auto;
  width: 100%;
}
/*--------------------------------------------------------------
craft
--------------------------------------------------------------*/
.craft_wraper{
  width: 100%;
  height: auto;
}
.craft_content{
  width: 100%;
  height: auto;
}
.craft_title{
  min-height: 400px;
  margin-top: 140px;
  margin-bottom: 80px;
}
.title>h2{
  line-height: 2.6rem;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 40px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 400%;
}

.title>p{
  line-height: 2.5rem;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 80px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.7rem;
}
.imgStyle{
  width:100px;
  height:100px;
  border:3px solid grey;
}
.gallery{
  margin-top: 90px;
  margin-bottom:80px;
  width: 100vw;
  height: auto;
}
.display{
  width: 50%;
  height: 100%;
  float: left;
}
#mainImage{
  position: relative;
  height: auto;
  width: 100%;
}
.product_front{
  margin: 80px 0 80px 0;
  width: 100%;
  height: 100vh;
}
.product_slogan{
  font-family: 'Quicksand_Book';
  font-size: 1.3rem;
  padding: 150px 70px 70px 70px;
  width: 100%;
  height: auto;
  background-color: black;
  color: white;
}

.product_slogan>h3{
  font-family: 'Quicksand_Bold';
  font-size: 3rem;
}
.product_img{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/product.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}
.product_list{
  font-family: 'Quicksand_Book';
  font-size: 2rem;
  margin-bottom: 60px;
}
/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/
.contact_wraper{
  margin-top: 50px;
  width: 100%;
  height: auto;
}

.contact_slider>img{
  width: 100%;
  height: auto;
  padding: 20px 90px 55px 90px;
}
.contact_content{
  width: 100%;
  height: auto;
}
.contact_slogan{
  margin-top: 20px;
  margin-bottom: 20px;
}

.map{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/map_me1-01.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 70vh;
  padding: 0;
  margin: 80px 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.map:hover{
  cursor: pointer;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.c_adress{
  text-align: center;
  font-family: 'Quicksand_Book';
  font-size: 1.3rem;
  margin-top: 80px;
  margin-bottom: 80px;
}
.contact_info{
  margin-top: 80px;
  margin-bottom: 80px;
}
.contact_img{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/12/contact_page.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}
.fas{
  font-size: 2.5rem;
}
/*--------------------------------------------------------------
player
--------------------------------------------------------------*/
.play-bt{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/11/play_btn-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius:50%;
  padding:5px;
  z-index: 99;
  cursor:pointer;
  position: absolute;
}

.pause-bt{
  background-image: url(https://www.lamobilexport.com/wp-content/uploads/2018/11/pause_btn-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius:50%;
  padding:5px;
  z-index: 99;
  cursor:pointer;
  position: absolute;
}
.ms-thumb-list.ms-dir-h.ms-align-bottom{
	margin-top:20px !important;
}
/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
footer{
  width: 100%;
  height: auto;
  position: relative;
  background-color: black;
}
.footer_wraper{
  padding: 40px 10px;
}
.contact_footer{
  text-align: center;
  font-family: 'Quicksand_Book';
  color: white;
}
.e-mail>a{
  color: white;
}
.e-mail{
  margin-bottom: 1rem;
}
.line_white{
  margin: 15px 0 15px 0;
  width: 100%;
  height: 1.5px;
  background: #ffffff;
}
/*--------------------------------------------------------------
responsive
--------------------------------------------------------------*/
/*xs*/
@media only screen and (max-width: 576px) {
  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #bacground_nav{
    padding: 5px 20px;
  }

  /*--------------------------------------------------------------
  home
  --------------------------------------------------------------*/

  .home_wraper{
    margin-top: 20px;
  }

  .contact_slider>h1{
    font-size: 250%;
  }
  .contact_slogan>h2{
    margin-left: 7%;
    margin-right: 7%;
    font-size: 160%;
    line-height: 2.5rem;
  }
  .company_slogan>h2{
    margin-left: 7%;
    margin-right: 7%;
    font-size: 160%;
    line-height: 2.5rem;
  }
  .home_txt{
    font-size: 2rem;
    padding: 10% 5%;
  }
  .why_list{
    font-size: 1.5rem;
  }
  .choise{
    margin-bottom: 5px;
  }
  .m_text{
    text-align: center;
    height: 30vh;
  }
  .play-bt{
    width:60px;
    height:60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }
  .pause-bt{
    width:60px;
    height:60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }
.service_front{
  height: auto;
}
}
/*sm*/
@media screen and (min-width: 576px){
  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #bacground_nav{
    padding: 5px 30px;
  }
  .home_wraper{
    margin-top: 20px;
  }
  .contact_slider>h1{
    font-size: 250%;
  }
  .contact_slogan>h2{
    margin-left: 12%;
    margin-right: 12%;
    font-size: 180%;
    line-height: 2.6rem;
  }
  .company_slogan>h2{
    margin-left: 12%;
    margin-right: 12%;
    font-size: 180%;
    line-height: 2.6rem;
  }
  .home_txt{
    font-size: 2.5rem;
    padding: 10% 5%;
  }
  .why_list{
    font-size: 1.5rem;
  }
  .choise{
    margin-bottom: 5px;
  }
  .m_text{
    text-align: center;
    height: 30vh;
  }
  .play-bt{
    width:80px;
    height:80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
  }
  .pause-bt{
    width:80px;
    height:80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
  }
.service_front{
  height: auto;
}
}
/*md*/
@media screen and (min-width: 768px){
  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #bacground_nav{
    padding: 5px 50px;
  }

  .home_wraper{
    margin-top: 20px;
  }
  .contact_slogan>h2{
    margin-left: 20%;
    margin-right: 20%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .company_slogan>h2{
    margin-left: 20%;
    margin-right: 20%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .home_txt{
    font-size: 2.8rem;
    padding: 5% 10%;
  }
  .why_list{
    font-size: 1.8rem;
  }
  .m_text{
    height: 40vh;
    margin:0;
  }
  .play-bt{
    width:120px;
    height:120px;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
  }
  .pause-bt{
    width:120px;
    height:120px;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
  }
.service_front{
  height: auto;
}
}

/*lg*/
@media screen and (min-width: 992px)  {
  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #bacground_nav{
    padding: 5px 80px;
  }
  .home_wraper{
    margin-top: 80px;
  }
  .contact_slogan>h2{
    margin-left: 23%;
    margin-right: 23%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .company_slogan>h2{
    margin-left: 23%;
    margin-right: 23%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .home_txt{
    font-size: 3rem;
    padding: 5% 15%;
  }
  .why_list{
    font-size: 2rem;
  }
  .m_text{
    margin-top: auto;
    margin-bottom: auto;
  }
  .play-bt{
    width:150px;
    height:150px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
  }
  .pause-bt{
    width:150px;
    height:150px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
  }
.service_front{
  height: auto;
}
}
/*xl*/
@media screen and (min-width: 1200px)  {
  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #bacground_nav{
    padding: 5px 80px;
  }
  .home_wraper{
    margin-top: 80px;
  }
  .contact_slogan>h2{
    margin-left: 23%;
    margin-right: 23%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .company_slogan>h2{
    margin-left: 23%;
    margin-right: 23%;
    font-size: 200%;
    line-height: 2.9rem;
  }
  .home_txt{
    font-size: 3rem;
    padding: 5% 15%;
  }
  .why_list{
    font-size: 2rem;
  }
  .m_text{
    margin-top: auto;
    margin-bottom: auto;
  }
.service_front{
  height: auto;
}
}