body{
color:#fff;
background-color:#1E4078;
}
h1{
text-transform:uppercase;
font-size:3.5em;
padding:10px 0;
}
h3{
border-top:1px solid #fff;
display:block;
font-size:3.5em;
padding:0 20px;
width:100%;
}
h4{
border-bottom:1px solid #fff;
display:block;
font-size:3.2em;
padding:0 20px;
width:100%;
}
h5{
font-size:1.8em;
font-weight:light;
color:#19BE9C!important;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#fff;
text-decoration:none;
}
a:visited{
color:#fff;
text-decoration:none;
}
.col-100{
width:100%;
}
.col-50{
width:50%;
}
.col-66{
width:66.6667%;
}
.col-33{
width:33.3333%;
}
.col-40{
width:40%;
}
.col-30{
width:30%;
}
.cont{
width:90%;
margin:0px auto;
}
.hed{
width:90%;
margin:0 auto;
text-align:center;
}
.fot{
width:90%;
margin:0 auto;
text-align:center;
padding:20px 0;
}
.one {
height:250px;
float:left;
padding:10px;
}
.two{
height:auto;
clear:both;
}
.theer{
height:auto;
clear:both;
text-align:center;
padding-top:30px;
}
.forth{
height:auto;
clear:both;
padding:10px;
}
.fift{
height:auto;
float:left;
text-align:center;
}
.sld i{
width: 36px;
height: 36px;
background-color: white;
color: #5C6D7D;
text-align: center;
line-height: 36px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
font-size:20px;
cursor:pointer;
position:relative;
}
.men{
background-image: url('../images/headerbg.jpg');
background-position: 0 100%;
background-repeat:no-repeat;
background-size:100% 100%;
background-attachment:scroll;
background-color:#224680;
width:100%;
height:auto;
}
.fix{
position:fixed;
background:#323A45;
z-index:99;
width:100%;
display:block;
top:0;
}
ul.soc {
  position: relative;
  z-index: 11;
}
ul.soc li {
  display: inline-block;
  margin: 0 2px;
}
ul.soc li a {
  width: 36px;
  height: 36px;
  background-color: white;
  color: #444444;
  text-align: center;
  line-height: 36px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  font-size:20px;
}
.mai{
height:100%;
width:100%;
padding-top:30px;
text-align:center;
text-shadow:1px 1px 1px #333;
cursor:pointer;
}
.mai i{
font-size:8em;
}
.mai p{
font-size:1.5em;
}
.mai:hover .des{
display:block;
}
.des{
display:none;
font-size:1.5em;
padding:10px 0;
font-family:calibri;
}
.mai:hover i{
display:none;
}
.mai:hover h3{
border-top:none;
border-bottom:1px solid #fff;
}

#avia{
background:#16A086;
}
#train{
background:#52BE80;
}
#bus{
background:#2A80B9;
}
#hotel{
background:#F1C40F;
}
#car{
background:#E77E23;
}
#trans{
background:#EB6F63;
}
#tick{
background:#F39C11;
}
#exc{
background:#D25400;
}
#ins{
background:#C1392B;
}
#ref{
background:#A469BD;
}
#tex{
background:#5C6D7D;
color:#fff;
padding:20px 0px;
text-align:center;
}
#tex p{
font-size:1.3em;
text-align:justify;
margin:0 35px;
}
#part{
background:#2D3E50;
}
#hid strong{
color: #19BE9C;
font-size: 1.4em;
width: 100%;
display: block;
border-bottom: 1px solid #19BE9C;
}

@media (max-width:1200px){
h3{
font-size:3.4em;
}
}
@media (max-width:992px){
h3{
font-size:3.2em;
}
.cont{
width:100%;
}
.col-30{
width:50%;
}
.col-40{
width:50%;
}
.col-66{
width:50%;
}
.col-33{
width:50%;
}
}

@media (max-width:768px){
.col-30{
width:100%;
}
.col-40{
width:100%;
}
.col-50{
width:100%;
}
.col-66{
width:100%;
}
.col-33{
width:100%;
}
}