@charset "utf-8";

/* CSS Document */

.logo-menu {
        padding: 0px;
    width: 300px;
        position: absolute;
}

.Menu {
    background-color: rgba(255, 255, 255, 0);
        padding: 15px 30px 15px;
    float: right;
    width: calc(100% - 300px);

}

nav.navbar.bootsnav {
	background-color: rgba(255, 255, 255, 0);
}
.home-tnews {
	    padding: 70px 0;
}

#table-breakpoint tr, #table-breakpoint th, #table-breakpoint td {
    border: none;
    border-bottom: 1px solid #e4ebeb;
    /* font-family: 'Lato', sans-serif; */
    font-size: 16px;
}

.owl-news-t1 .des {

   font-size: 15px;

    color: #869093;

    height: 50px;

    line-height: 25px;

    overflow: hidden;

    margin: 5px 0px 25px;

}

.owl-news-t1 .owl-nav [class*=owl-],

.owl-photo-t1 .owl-nav [class*=owl-]

 {

    color: #FFF;

    font-size: 0;

    padding: 30px 30px;

    cursor: pointer;

    background-image: url(../images/next_prev2.png);

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    background-color: rgba(255, 255, 255, 0.7);

    border: 3px solid #dfe2e3;

}
.owl-news-t1 .padding {
    border-bottom: 2px solid #00BCD4;
    position: relative;
}
.owl-news-t1 .slide-box {

    padding: 20px;
}
.owl-news-t1 .owl-prev {

    background-position: 20px center;

    left: -80px;

}

.owl-news-t1 .owl-next

{

    background-position: -20px center;

    right: -80px;

}







.owl-photo-t1 .owl-prev {

    background-position: 5px center;

	left:15px;

}

.owl-photo-t1 .owl-next{

    background-position: -25px center;

	right:15px;

}





.outw1 .text {

    text-align: left;

        padding: 20px 20px 50px 20px;

}

.outw1 .btn-more {

    text-align: left;

}

.outw1 .btn-more a {

    border: 1px solid #fff;

    background-color: #fff;

    font-size: 10px;

    color: #000;

    padding: 5px 20px;

    display: inline-block;

    border-radius: 0px;

	    margin-top: 15px;

    margin-left: 10px;

	border: 1px solid #c1c1c1;

}

.outw1 .btn-more a:hover {

    color: #fff;

    background-color: #000;

    padding-right: 50px;

}

.outw1 .text .des {

    font-size: 14px;

    line-height: 26px;

    padding: 10px;

    color: #8a8a8a;

	overflow: hidden;

    height: 80px;

}

.image-a4-t1 .map {

    background-color: #f5f5f5;

    border: 1px #666 none;

    border-radius: inherit;

    padding: 15px;

}





.tab .tab-content .Article li {

     background-image: url(../images/symbol.png);

     background-repeat: no-repeat;

     background-position: 5px 8px;

}

.owl-photo-t1 .slide-box {

    margin: 0;

    overflow: hidden;

    background-color: #f3f3f3;

    position: relative;

    padding: 0px;

    border-right: 1px solid #ddd;

}

.owl-photo-t1 a.more {

    display: inline-block;

    padding: 4px 15px;

    font-size: 12px;

    font-weight: 200;

    margin: 15px 0; 

    color: #fff;

    background: #248cb3;

    border-bottom-right-radius: 10px;

    text-transform: capitalize;

    transition: all 0.30s linear;

}

.owl-photo-t1 .image {

    width: 100%;

    height: 0;

    padding-bottom: 65%;

    overflow: hidden;

}



.home-text {

    overflow: hidden;

    height: 100%;

	background: #ececec;

}



.text-b2-t2 .link-area {

    padding: 100px 10px 60px 60px;

}





.video-c2 {

    padding: 100px;

    overflow: hidden;

}

.video-c2.wordtextbox {

    font-size: 14px;

    padding: 30px ;

    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);

}

.owl-a6-t1 {

    padding: 40px 0;

}



.image-a3 .des-area {

    padding: 45px 0px 25px 0px;

    overflow: hidden;

}

table tr, table th, table td {

    font-size: 14px;

}

.btn {



    margin: 5px 0;

   

}

.blog-info h3 {

	font-size: 18px;

}



.text-b3 {

    padding: 0px 0;

}

.menu ul li a {

    font-size: 16px;

}



.text-b3-t1 .title {

    font-size: 16px;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

	margin-bottom: 10px;

}

.text-b3-t1 .size {

    font-size: 14px;

    line-height: 15px;

    overflow: hidden;

    padding-bottom: 5px;

    margin-bottom: 5px;

    color: #b1b1b1;

    border-bottom: none;

	padding-top: 10px;

}

.text-b3-t1 .file-area {

    padding: 10px;

    position: relative;

}

.text-b3-t1 .more a {

    display: inline-block;

    padding: 5px 30px;

    background-color: #3360b3;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

    position: absolute;

	right: 0;

	top: 82px;

}



.menu ul li a {

    background: #ffffff;

    color: #797979;

    float: left;

    font-size: 18px;

    overflow: hidden;

    padding: 10px;

    position: relative;

    text-decoration: none;

    white-space: nowrap;

    width: 100%;

    border-bottom: 1px solid #cccccc;

}

.menu ul .submenu > li > ul.submenu > li > a {

    border-bottom: none;

    padding: 5px 0px 5px 55px;

    color: #a1a1a1;

    line-height: 24px;

    font-size: 14px;

	background-image: url(../images/symbol.png);

	background-repeat: no-repeat;

	background-position: 35px 8px;

}



.menu ul .submenu > li > ul.submenu > li > ul.submenu > li > a{

    border-bottom: none;

    padding: 5px 0px 5px 70px;

    color: #a1a1a1;

    line-height: 24px;

    font-size: 14px;

	background-image: url(../images/symbol.png);

	background-repeat: no-repeat;

	background-position: 50px 8px;

}



.menu ul .submenu li a {

    background: #f7f7f7;

    border-left: solid 6px transparent;

    border-top: none;

    float: left;

    font-size: 16px;

    position: relative;

    width: 100%;

    border-bottom: 1px solid #ffffff;

}





#table-breakpoint tr, #table-breakpoint th, #table-breakpoint td {

    border: none;

    border-bottom: 1px solid #e4ebeb;

    /* font-family: 'Lato', sans-serif; */

    font-size: 16px;

}

.price {

   padding:20px 50px;

}

.price .table{

   font-size:18px;

    width: 100%;

}

.price .table p{

   width: calc(100% - 100px);

   float: left;

   overflow: hidden;

   height: 25px;

}

.price .table span{

   width: 80px;

       float: right;

	   color:#c0392b; 

}



.interval .bgs2 {

	 background-image: none;

	     padding: 20px 0;

}

.bgs2 {

	position:relative;

	overflow: hidden;

	    padding: 80px 0;

		background-image: url(../images/bg.jpg);

}

.leftBox  {

	margin: 0 30px;

}

.leftBox .subTitle {

    position: relative;

    font-family: "Cantarell", sans-serif;

    font-size: 20px;

    letter-spacing: .075em;

    color: #333;

    text-transform: uppercase;

    padding-left: 75px;

    box-sizing: border-box;

}

.leftBox .subTitle:before {

  content: '';

  position: absolute;

  left: 0;

  top: 15px;

  width: 55px;

  height: 1px;

  background: #fff;

}



 .leftBox .en {

  font-family: "PT Serif", serif;

  font-size: 60px;

    line-height: 75px;

    margin-bottom: 25px;

  color: #333;

  margin-bottom: 20px;

}



.leftBox h2 {

  display: block;

  font-size: 32px;

  font-weight: 100;

  letter-spacing: .1em;

  color: #474747;

  margin-bottom: 45px;

}

.btn01 a {

  position: relative;

  display: inline-block;

  border: 1px solid #c1c1c1;

  padding: 10px 90px 10px 20px;

  box-sizing: border-box;

  font-family: "Cantarell", sans-serif;

  text-transform: uppercase;

  letter-spacing: .2em;

  overflow: hidden;

  color: #ffffff;

  background: #333;

}



.btn01 a:before {

  content: '';

  position: absolute;

  left: -50px;

  top: 50%;

  margin-top: -0.5px;

  width: 35px;

  height: 1px;

  background: #fff;

  transition: all .5s;

}



.btn01 a:after {

  content: '';

  position: absolute;

  right: 14px;

  top: 50%;

  margin-top: -0.5px;

  width: 35px;

  height: 1px;

  background: #c1c1c1;

  transition: all .5s;

}



.btn01 a:hover {

  background: #333;

  color: #fff;

  padding-left: 40px;

}



.btn01 a:hover:before {

  left: 0px;

  transition-delay: .2s;

}



.btn01 a:hover:after {

  background: #333;

  right: -50px;

}





.owl-news-t1 .title {

    color: #000;

    font-size: 18px;

    height: 60px;

    line-height: 32px;

    overflow: hidden;

    margin: 5px 0px;

    margin-bottom: 20px;

}

.image-a4-t2 .imageitem .image {

    text-align: center;

    overflow: hidden;

    opacity: 1;

    -webkit-transform: scale3d(1,1,1);

    transform: scale3d(1,1,1);

    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}



@media (max-width: 767px)  {

.logo-menu {

    width: 100%;

}

.navbar-wrapper .container{

padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}

.Menu {

    width: 100%;

	padding: 0px 0px;

	background-color: rgba(0, 0, 0, 0.7);

}





.text-b2-t2 .link-area {

    padding: 20px ;

}

.tab .tab-content .Article li {

    margin-bottom: 10px;

    padding-left: 30px;

}

.tab .tab-content .Article li {

    background-position: 5px 8px;

}

.owl-news-t1 .owl-nav [class*=owl-]{

    padding: 25px 25px;

    

    border: 2px solid #dfe2e3;

}

.owl-news-t1 .owl-prev {

   background-position: 10px center;

    left: -15px;

}

.owl-news-t1 .owl-next{

    background-position: -20px center;

    right: -15px;

}

.video-c2 {

    padding: 20px;

    overflow: hidden;

}

.price {

   padding:20px;

}



.bgs2 {

	position:relative;

	overflow: hidden;

	    padding: 60px 0 0 0;

		background-image: url(../images/bg.jpg);

}

.leftBox  {

	margin: 0 30px 30px;

}

nav.navbar.bootsnav.no-full .navbar-collapse {

    max-height: 500px;

    padding-top: 30px;

    padding-bottom: 30px;

    overflow-y: auto !important;

}



.leftBox .subTitle {

    font-size: 16px;

}

.leftBox .en {

    font-size: 45px;

    line-height: 50px;

}

.leftBox h2 {

    font-size: 26px;

}

.owl-default .owl-dots {

    bottom: 10px;

}

.owl-a1-t1 .image {

    width: 100%;

}



	}


#sc348 .Main-picture{
   margin: 150px auto 250px ;
    text-align: center;

}
#sc348 .Main-picture .en{
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 0px;
    color: #628fbe;
	text-transform:uppercase;
}


#sc348 .Main-picture .tn{
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
	    text-align: center;
}
#sc348 .Main-picture .tn:after {
    content: '';
    display: block;
    width: 45px;
    height: 2px;
    background-color: #000000;
    margin: 0 auto;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}


#sc348 .col-xs-12{
	padding-right: 0px;
    padding-left: 0px;
	}
	

#sc295 .image-a4 .wrap {
    margin-top: -800px;
}	
	
#sc295 .home-image {
    position: relative;
    overflow: inherit;
}	
#sc295.image-a4-t2 .map {
        background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}


#sc354 .Main-picture{
   margin: 50px auto 50px ;

}

#sc354 .Main-picture .en{
    font-size: 16px;
	line-height: 26px;
    font-weight: 100;
    letter-spacing: 0px;
    color: #ffffff;
	text-transform:uppercase;
}


#sc354 .Main-picture .tn{
    font-size: 40px;
    line-height: 42px;
    font-weight: 100;
	color: #ffffff;
}
#sc354 .Main-picture .tn:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #ffffff;
    margin-top: 0.5em;
    margin-bottom: 0.8em;

}

#sc354 .col-sm-6 {
    float: right !important;
	    width: 55%;
}
#sc354 .home-image {
    position: relative;
    overflow: unset;
}
#sc354 .image-a4-t2 .map {
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
	    margin-bottom: 80px;
}
#sc354 .image-a4-t2 .des-area {
	padding-top: 50px !important;
    padding-bottom: 100px !important;
	margin-top: 30px ;
    background-attachment: fixed !important;
}
#sc354 .image-a4 .wrap {
    margin-top: -650px;
}

#sc358 .image-a4-t1 .map {
    background-color: #ffffff;
    border: 1px #666 none;
    border-radius: inherit;
    padding: 0px;
}
#sc358 .col-sm-6 {
        padding-right: 0px;
    padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#sc358 .aos-animate {
          font-size: 16px;
    line-height: 42px;
    font-weight: 100;
    color: #000000;
	text-align: center;
	margin: 20px 0 ;
}
#sc358 .aos-animate h4{
          font-size: 37px;
    line-height: 42px;
    font-weight: 100;
    color: #959595;
}
#sc369 {
	margin-bottom: 40px;
	margin-top: 40px; 

}
#sc369 .video-c3-t1 .wordtextbox   h3{
margin-bottom: 25px;
		letter-spacing: 3px;
		font-size: 40px;
		font-weight: 500;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		    color: #fefefe;
}
#sc369 .video-c3-t1 .wordtextbox h3:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    margin: 25px auto;
    background-color: #FFEB3B;
    transition-delay: .7s;
    width: 40px;
}
#sc369 .video-c3-t1 .wordtextbox p {
   font-size: 16px;
    line-height: 30px;
}


#sc369 .video-c3-t1 .wordtextbox p {
   font-size: 16px;
    line-height: 30px;
}

@media (max-width: 767px)  {
	#sc348 .Main-picture{
   margin: 100px 20px ;
    text-align: center;
}
#sc348 .Main-picture .en{
    font-size: 40px;
}


#sc348 .Main-picture .tn{
    font-size: 24px;
}
#sc348 .home-image .wordtextbox .col-xs-12 {
   width: calc(100% - 40px);
}
#sc348 .col-xs-12 {
   width: 50%;
}
	#sc354 .home-image {
    overflow: hidden;
}
	#sc354 .col-sm-6 {
    float: right !important;
	    width: 100%;
}
#sc354 .image-a4-t2 .des-area {
    float: left;
	margin-top: 0px ;
	    width: 100%;
}
#sc354 .Main-picture {
       margin: 20px auto 20px;
    float: left;
    overflow: hidden;
	z-index: 100;
}
#sc354 .image-a4-t2 .map {

    margin-bottom: 400px;
}
#sc354 .image-a4 .wrap {
    margin-top: -850px;
}
.home-tnews {
    padding: 40px 0 20px;
}
#sc357 .col-xs-6 {
    width: 100%;
}
.video-c3-t1 .wordtextbox .des {
    text-align: center;
    border: 10px solid #00bcd4;
    margin: 20px;
    padding: 20px;
    min-height: 200px;
    color: #fff;
}

#sc369 .video-c3-t1 .wordtextbox h3 {

    font-size: 30px;

}
#sc369 .video-c3-t1 .wordtextbox p {
    font-size: 14px;
    line-height: 24px;
}
}


.itemList .col-xs-12{
		    padding-right: 0px;
    padding-left: 0px;
}
	
  

.itemList  .Img{
		overflow:hidden;
		margin-bottom: 100px;
	}
itemList  .Img img{
		display: block;
		width: 100%;
	}
.itemList  .Txt{
		    background: rgba(45, 63, 164, 0.92);
    padding: 80px 80px 60px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 60%;
		-webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
.itemList :nth-child(even) .Img{
		float: right;
	}
.itemList :nth-child(even) .Txt{
		left: 25px;
		right: auto;
	}
.itemList .Txt em{
		color: #bd986e;
		letter-spacing: 2px;
		font-size: 14px;
		margin-bottom: 6px;
		display: block;
	}
.itemList  .Txt h3{
		margin-bottom: 25px;
		letter-spacing: 3px;
		font-size: 40px;
		font-weight: 500;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		    color: #fefefe;
	}
.itemList .Txt h3:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    margin: 25px auto;
    background-color: #FFEB3B;
    transition-delay: .7s;
    width: 40px;
}
.itemList  .Txt p{
		    color: #ffffff;
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    max-height: 100%;
    text-align: left;
	}

.textEditor {
	width: 100%;
	margin: 0px auto 50px;
	overflow: hidden;
	
}

.textEditor .Item {
	width: 100%;
	margin: 15px auto;
	float: left;
	overflow: hidden;
	
}

.textEditor .Txt{
	position:relative;
	float: left;
	    overflow: hidden;
	}

.textEditor .Txt h3{
	font-weight:normal;
	margin-top: 0px;
	
	}

.textEditor .Txt h3 strong{
	overflow: hidden;
	display:block;
	width:100%;
   font-size: 28px;
	    margin-bottom: 10px;
	}

.textEditor .Txt h3 em{
	display:block;
	font-size:16px;
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.textEditor .Txt h3:after{
	content:"";
	display:block;
	margin:15px 0;
	background:#898989;
	width:60px;
	height:1px;
	}

@media (max-width: 1200px){
.itemList  .Txt{
		right: 0;
	}
.itemList :nth-child(even) .Txt{
		left: 0;
	}
}
@media (max-width: 1180px){
.itemList {
		margin: 25px 0;
	}
}
@media (max-width: 1024px){
.itemList .Txt{
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@media (max-width: 768px){
.itemList {
		margin: 10px 0;
	}
.itemList .Txt{
		padding: 25px 25px 20px;
	}
	.itemList .Img {
    overflow: hidden;
    margin-bottom: 0px;
}
}
@media (max-width: 639px){
	.contentBox .Img .rightBox{
		margin-top: 10px;
	}
	.itemList .Img {
    overflow: hidden;
    margin-bottom: 0px;
}

}
@media (max-width: 480px){
.itemList{
		padding: 0;
	}

}




#Language {
  position: relative;
  list-style: none;
  font-weight: 400;
  font-size: 0;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 20px 20px 0px 0px;
  
  border: 1px solid #ffffff;
  float:right;
}
#Language li {
      font-size: 1.2rem;
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    z-index: 5;
    min-width: 120px;
    color: #fff;
}
#Language li i{
  margin-right: 10px;
}
li {
  margin: 0;
}

#Language .drop {
  overflow: hidden;
  list-style: none;
  position: absolute;
  padding: 0;
  width: 100%;
  left: 0;
  top: 48px;
}
#Language  .drop div {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  -ms-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  position: relative;
}
.drop li {
  display: block;
  padding: 0;
  width: 100%;
  background: #fff !important;
      padding: 10px 10px !important;
  color:#000000;
}


#Language li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#Language li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

.drop .map1 {
	background-image: url(../images/Language2.jpg);
	background-size: cover;
    background-position: center center;
    width: 25px;
    height: 18px;
    float: left;
    margin-right: 10px;
}
.drop .map2 {
	background-image: url(../images/Language1.jpg);
	background-size: cover;
    background-position: center center;
    width: 25px;
    height: 18px;
    float: left;
    margin-right: 10px;
}
.drop .map3 {
	background-image: url(../images/Language3.jpg);
	background-size: cover;
    background-position: center center;
    width: 25px;
    height: 18px;
    float: left;
    margin-right: 10px;
}
.drop .map4 {
	background-image: url(../images/Language4.jpg);
	background-size: cover;
    background-position: center center;
    width: 25px;
    height: 18px;
    float: left;
    margin-right: 10px;
}
@media (max-width: 992px)  {
	#Language {
    margin: 0px 40px 0px 0px;
    border: none;
}
	#Language span{
    display:none;
    
}
#Language li {
        font-size: 1.8rem;
    padding: 20px 10px;
    min-width: initial;
    color: #fff;
}
#Language .drop {
    overflow: hidden;
    list-style: none;
    position: absolute;
    padding: 0;
    width: 100%;
    left: -70px;
    top: 60px;
    min-width: 160px;
    font-size: 1.2rem;
}
	}