/* CSS Document */


@import url('nivo-slider.css');


@font-face {
  font-family: 'Inter Bold';
  src:  url(../font/Inter-Bold.ttf);

}
*{ margin:0; padding:0;}


body{ margin:0; padding:0; font-family:SVN Gotham Book; font-size:14px;  text-align:center;  position:relative; line-height:25px  }
*{margin:0;padding:0}
a{ text-decoration: none;}
.upcase{text-transform:uppercase; }
.wrapSlide{ text-align:center; position: relative;}
.wrapSlide img{max-width:100%; }
.header{text-align:center;padding:10px 0 10px 0}
.vn{width: 360px; height:500px; border:1px solid red; position:absolute; top:390px;left: 270px; z-index: 99;}
.en{width: 390px; height:560px; border:1px solid red; position:absolute; top:360px;right: 270px; z-index: 99;}
.lang{width:100%; border:0px solid red; position:absolute; top:190px;right: 0; z-index: 99; text-align:center;text-transform:uppercase;  }
.lang img{ margin: 0 20px 0 20px; height:60px}
.address{width:100%; border:0px solid red;  z-index: 99; text-align:center; color:white; font-size:14px; 
  background:rgba(0,0,0, 0.9);line-height: 30px; padding:20px 0 20px 0;}
.text1{font-size:17px; color:#194b91;width:90%;margin:auto;  line-height:30px;   overflow: hidden;font-weight:bold; font-family: Inter Bold;}
.col{background:rgba(255,255,255,0.5);width:calc(33.33% - 40px); float:left;padding:10px;border-radius:5px}
.col1{}
.col2{margin:0 20px 0 20px}
.col3{}
.text1 p{padding-top:20px}
.text1 a{color:#194b91;}
.text-mb,.address2{ display:none}
.logo{width:100%;  position:absolute; top:20px; left:0; text-align:center; z-index: 9; margin-bottom: 20px; }
.logo img{width:100px; height:100px; border-radius:100%; display:block; margin:auto auto 10px auto;opacity:0.8}
.logo .name{ color: white; text-transform: uppercase; font-family: Inter Bold; font-size:40px;;}
@media screen and ( max-width: 1600px ) {
.text1{font-size:17px}
}
@media screen and ( max-width: 1400px ) {
.text1{font-size:17px}
}

@media screen and ( max-width: 1000px ) {
	.text-mb{ display:block;text-transform:uppercase; }

.lang,.address{ display:none}
.text-mb img{ margin: 10px 20px 0 20px; height:50px}
 .colvn{background:url(../img/2.jpg) center no-repeat; background-size:cover;padding:30px 10px 30px 10px;border-radius:5px;margin:2px 0 2px 0}
 .colen{background:url(../img/4.jpg) center no-repeat; background-size:cover;padding:30px 10px 30px 10px;border-radius:5px; }
 .coljp{background:url(../img/3.jpg) center no-repeat; background-size:cover;padding:30px 10px 30px 10px;border-radius:5px; }
.text-mb .text{background:rgba(255,255,255,0.5); overflow:hidden; text-decoration:none; font-size:15px;  font-family: Inter Bold;padding:10px; border-radius:10px;
}
.text-mb a{ text-decoration:none; color:#194b91}
.logo img{width:70px; height:70px; border-radius:100% }
.logo .name{font-size:21px}

}

@media screen and (min-width:760px) and (max-width: 1200px){
  .address2{ display:block; background-color: #222; color:white;padding:10px 0 10px 9}


}