/****** CITA ******
 * CODING: MKS0010 / 2016-05-18
 * Description: page stylesheet
 */

/*embed font*/
@font-face {
	font-family: 'Arial';
	src: url('./Arial.eot');
	src: local('Arial'), url('./Arial.woff') format('woff'), url('./Arial.ttf') format('truetype');
}

/*end embed font*/
/*max width*/
.container{
	max-width:1440px;
}
/*end max-width*/

body{
	background:url('../images/main_background.png') no-repeat center  63px;
	background-size:100%;
	background-attachment: fixed;
	font-family: 'Arial';
}
/*flag*/
.verticle a {
    margin-top: -1px;
    color: blue;
    padding: 0px;
    display: block;
    position: absolute;
    top: -17px;
    right: -1px;
}
.kh{
	background:url('../images/kh.jpg') no-repeat center top;
}
.en{
	background:url('../images/en.jpg') no-repeat center top;
}
.flag{
  width: 26px;
  height: 16px;
  background-size: 100%;
  padding: 3px 14px;
}
.flag-ul{
  margin: 0px;
  padding: 0px;
  float:right;

}
.wrap-flag{
	  margin-top: 7px;
}
.flag-ul>li{
  list-style: none;
  display:inline-block;
}
.flag-ul>li>a{
	
	//display: block;
  //width: 25px;
  ////height: 14px;
  
}

.verticle{
	margin-top: -1px;
	color: blue;
	position:relative;
	
}
/*end flag*/


/*menu*/
.wrap-menu {
  border-bottom: 5px solid #008dc1;
    padding-bottom: 11px;
}
.navbar{  
	float: right;
	margin-bottom: 0px;
  margin-top: 9px;
}	
.navbar-default {
   background-color:transparent;
   border:none;
}
.navbar-default .navbar-nav>li>a {
  color: #008dc1;
  padding-right: 0px;
  padding-left: 38px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #cb991e;
   background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 
  padding: 0px;
}
.menu-list>li{
	float:left;
	  list-style: none;
}
.menu-list>li>a{
	color:#008dc1;
	font-family: 'Arial';
}
.logo{
    width: 163px;
  height: 67px;
  background: url('../images/logo.png') no-repeat center top;
  background-size: 100%;
  display: block;
  float: left;
	transition:0.3s linear 0s;
  }
.logo:hover{
	transform:scale(1.2);	
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  
  background-color: transparent;
}
.nav li a{
	color: #008dc1;
	transition:0.5s ease-in 0s;
	-moz-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.nav >li:hover >a{
	color: #cb991e !important;
	-moz-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	transform:rotateY(360deg);

}
.nav >li >.wrap-sub-menu-service{
	
}
.nav li{
	position:inherit;
}
.nav >li.active> a:hover {
	
	-webkit-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
/*.nav li>a:hover ~ ul.submenu, .nav li>a:hover ~ span.re-sym{
	display:block;
}*/
.nav >li:hover>.wrap-sub-menu-servicee,.nav >li:hover>.re-sym{
	display:block;
}
.submenue >li:hover >a{
	color: #cb991e;
	text-decoration:none;
}
.submenue{
	float:left;
	padding:0px;
	list-style:none;
}
.wrap-sub-menu-servicee{
		position:absolute;
		background:#008DC1;
		z-index:100;
		left:2%;
		display:none;
}
.submenu>li{
	
	
}
.submenue>li>a{
	display: block;
	padding:10px 10px;
	  color:#fff;
	  
}
.re-sym{
	display:none;
	border-bottom: 14px solid #008DC1;
  border-left: 12px solid transparent;
  border-right: 14px solid transparent;
  position: absolute;
  top: 38px;
  /*right: 62%;old*/
  right: 69%;
}

.show{
	display:block;
}
.none{
	visibility:hidden;
}
/*end menu*/

/*gallery*/
.breadcrumb{
	background:transparent;
}
.ui-group {
  display: inline-block;
  margin-top: 20px;
}
.grid{
	border:0px;
	background:transparent;
}
.button-group .button:first-child , .button-group .button:last-child {
  border-radius:0px;
}
.button{
	background:transparent;
}
.button:active, .button.checked, .button.is-selected
{
	color:#CE9E2A;
	background:transparent;
	text-shadow:inherit;
}
.element-item{
	background:transparent;
}
.element-item{
	display:block;
	transition:0.3s linear 0s;	
	margin:10px 0px;
}
.gal{
	margin:10px 0px;
}
.none{
	display:none;
}
.show{
	display:block;
}
.button {
  border: 0px;
}


/*end gallerry*/

/*slide*/

.responsive-slider .slides ul li .slide-body .caption.sub {
 
  left: 3px;
 
}
.responsive-slider .slides ul li .slide-body .caption.header {
   top: 15% !important;
  left: 0 !important;
}

.responsive-slider .slides ul li .slide-body .caption.sub {
  
  color: #26B4E8;
}
.responsive-slider .slider-control.left {
  visibility:hidden;
}
.responsive-slider .slider-control.right {
 
  visibility:hidden;
}
.wrap-slide:hover .responsive-slider .slider-control.right, .wrap-slide:hover .responsive-slider .slider-control.left{
	visibility:visible;
}
.responsive-slider .slider-control {
  position: absolute;
  font-size: 20px;
  color: #F2E6E6 !important;
  top: 40%;
  background-color: #807D7D !important;
  padding: 10px;
}
.responsive-slider .slides ul li .slide-body .caption.sub {
  bottom: -26px !important; 
    font-weight: 100 !important;
 font-size: 18px;
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 {
  right: 3% !important;
  width: 45% !important;
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img {
  width: 100% !important;
}
.header>h2{
	  color: #0C8EBE;
  font-weight: bold;
}
/*end slide*/

/*service in home page*/
.block{
	width: 20%;
  padding-bottom: 10px;
  background: #008dc1;
  border-left: 3px solid #fff;
  float: left;
  padding-top: 26px;
 transition:0.3s ease-in 0s;
 
}
p.inner-service {
  color: #fff;
    margin-top: 10px;
 
}
.full{
	
	
}
.center{
	text-align:center;
}
.symbol{
	padding: 37px;
	 background-size: 100% !important;
	 margin-left:0px;
	 transition:0.3s ease-in 0s;
}
.air-plane{
	background:url('../images/air-plane.png') no-repeat center center;
}
.car-for-truck{
	background:url('../images/car-for-truck.png') no-repeat center center;
}
.ship{
	background:url('../images/ship.png') no-repeat center center;
}
.truck{
	background:url('../images/truck.png') no-repeat center center;
}
.earth{
	background:url('../images/earth.png') no-repeat center center;
}

/*end service in home page*/

/*home page*/
.title {
  font-size: 20px;
  color: #008dc1;
    padding: 9px 0px;
}
.home>.wrap-title>h2{
	color:#008dc1;
	text-align:center;
	  padding: 30px 0px;
}
.home>.wrap-title{
	
}
.wrap-body{
	//margin-top: 87px;
}
.bold {
  font-weight: bold;
}
.counter {
  padding: 5px 0px;
}
.sym-counter{
	padding-top: 4px;
	padding-left: 24px;
	background:url('../images/counter.png') no-repeat;
}
.wrap-middle {
	padding-bottom: 40px;
  border-top: 1px solid #e5e5e5;
}
/*end home page*/
/*======owl ========*/


    #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

	.owl-buttons{
		display:none;/*custom*/
	}

/*===end owl=====*/
/*footer*/

footer{
	border-top: 4px solid #008dc1;
	padding-top:10px;
}
.wrap-allright {
  float: right;
  clear:both;
  
}
.cita{
	color:#000;
	font-weight: bold;
}
.sym-social{
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
transition:0.3s ease-in 0s;
  padding: 25px;
}
.sym-social:hover{
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}

.fb{
	background:url('../images/fb.png') no-repeat;
}
.twitter{
	background:url('../images/twitter.png') no-repeat;
}
.ld{
	background:url('../images/ld.png') no-repeat;
}
.utube{
	background:url('../images/utube.png') no-repeat;
}
.wrap-social {
  float: right;
    margin-bottom: 10px;
	  margin-top: 25px;
}
.txt-right{
	text-align:right;
}
/*end footer*/
.no_padding {
  padding: 0px;
}
#loading{
	background:url("../images/loading.gif") no-repeat !important;
	background-size:100%;
	padding:8px 18px;
	margin-left:87px;
	margin-top:-15px;
	display:none;
}
.form-group {
  overflow: auto;
}
/*contact*/
.map {
  padding: 20px 0px;
}
.inner-contact {
  padding-bottom: 20px;
}
.wrap-contact .wrap-title>h2 {
  text-align: center;
  font-size: 22px;
  color: #008dc1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
label {
	color: #0A91C2;
}

/*end contact*/

/*service*/
.wrap-inner-cat>ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.wrap-inner-cat>ul>li{
	padding:5px 0px;
	border-bottom: 1px dotted #F4DBDB;
}
.wrap-inner-cat>ul>li.active>a{
	border-left: 1px solid #FF9D05;
	padding-left:10px;
}
.wrap-inner-cat>ul>li>a{
	text-decoration: none;
	color: #008dc1;
  transition: 0.2s linear 0s;
  word-wrap: break-word;
  display: block;
  transition:0.2s ease-in 0s;
}
.wrap-inner-cat>ul>li>a:hover{
padding-left:10px;		
}

.wrap-inner-cat>p{
	color:#008dc1;
	font-weight: bold;
	padding: 10px 0px;
}

/*end service*/

/*sldie cate*/
.slide-cat {
  padding-top: 20px;
}
.button-previous.button-slider,.button-next.button-slider{
	background:transparent !important;
}
.devrama-slider{
		width: 100% !important;
		margin:0px !important;
}
.projector{
	  width: 100% !important;
	 
}
.primary-img.background{
	width:100% !important;
	
}
.navigation{
	display:none;
}
/*end slide cate*/
.wrap-detail{
	position: relative;
    font-size: 14px;
}
#info {
	margin-left:30px;
}
#loading{
	background: url("../images/16.gif") no-repeat !important;
background-size: 100%;
padding: 5px 6px;
margin-left: 140px;
margin-top: -12px;
display: none;
}
.success{
	color:green;
	font-weight:bold;
}
.error{
	color:red;
	font-weight:bold;
}
.loading-cat{
	 height: 70px;
    left: 30%;
    position: absolute;
    top: 40%;
    width: 70px;
	position:absolute;
	z-index:100;
	background:url(../images/335.gif) no-repeat;
	
}
/*media*/
@media (max-width: 1200px){
	
	p.inner-service {
	  color: #fff;
	  margin-top: 14px;
	  font-size: 12px;
	}
}

@media (max-width: 1140px){
	.container{
		width:100%;
	}
}

@media (max-width: 980px){
	.home>.wrap-title>h2 {
  
	  font-size: 20px;
	}
	.navbar-default .navbar-nav>li>a{
  padding-left:10px;
  padding-right:10px;
}
}

@media (max-width: 850px){
	
	.navbar-default .navbar-nav>li>a{
  padding-left:5px;
  padding-right:5px;
}

.re-sym{
	//display:none !important;
}
.wrap-sub-menu-servicee{
	left:0%;
}
}
@media (max-width: 768px){
	.slider-control.right, .slider-control.left{
		display:none;
	}
	.navbar{
		float:none;
	}
	.navbar-nav{
		margin:0px;
		text-align:center;
	}
	.wrap-sub-menu-servicee{
		position:inherit;
	}
	.wrap-sub-menu-servicee .submenue li a{
		border-bottom:1px solid #fff;
	}
	.navbar li:hover>.re-sym{
		display:none;
	}
	.submenue{
	position:static;
	width: 100%;
	}
	
}
@media (max-width: 670px){
	
	.responsive-slider .slides ul li .slide-body .caption.sub {
	  font-size: 10px !important;
	  font-weight: normal !important;
	  display:none;
	}
	.responsive-slider .slides ul li .slide-body .caption.header  {
		display:none;
		font-size: 14px !important;
	}
	p.inner-service {
	 
	  font-size: 10px;
	}
	.block {
	width: 50%;
	  border-bottom: 3px solid #fff;
	}
	.full{
	width:100% !important;
	}
	.block-last{
		width:100%;
	}
	.wrap-page table{
		width:100%;
	}
	.wrap-page table >tbody>tr>td{
		word-break:break-all;
	}
}
@media (max-width: 460px){
	
	.container{
		width:424px;
		  padding-left: 0px;
			padding-right: 0px;
	}
	
	body{
		width:424px;
		background-size:424px;
	}
}