@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@font-face {
    font-family: "JF Flat Regular";
    src: url('fonts/JF-Flat-regular.eot');
    src: url('fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('fonts/JF-Flat-regular.woff') format('woff'),
    url('fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family:"GE SS Two Medium";
src:url('../fonts/GE_SS_Two_Bold.otf'),
url('../fonts/GE_SS_Two_Light.otf'),
url('../fonts/GE_SS_Two_Medium.otf');}
body{font-family: 'JF Flat Regular',Sans-Serif;background: #B6D3EF;}

.header{min-height: 100px;}
.header p{
font-size: 15px;
text-align: center;
font-weight: bold;
margin-top: 20px;
color: #0F5A94;
}

.info-trip{background: #f4f4f4;overflow: hidden;}
.menu .navbar-default .navbar-nav > li > a{color:#fff; padding-top: 20px;padding-bottom: 20px;font-size: 15px;font-weight: bold;line-height: 25px;position: relative;padding-left: 2px;}
.menu .navbar-default .navbar-nav > li > a:hover{color: #fff;}
.menu .navbar-nav > li {float: right; transition: 0.5s all;width: 98px;border-left: 1px solid rgb(255, 255, 255);}
.menu .navbar-nav > li:hover{background: #31353D; color: #fff;}
.menu .navbar-default{border: none; background: #065A95; min-height: 90px;margin-bottom: 30px;border-radius: 0;direction: rtl;}
.navbar{margin-bottom: 0px;}
.menu .fa{padding-bottom: 5px;display: block;position: absolute;left: 7px;top: 25px;font-size: 16px;color: #F4DE12;}

.menu img{padding-bottom: 5px;display: block;position: absolute;left: 7px;top: 25px;font-size: 20px;color: #fff;}

 background-repeat: no-repeat; background-size: cover;  background-size: 100% 150px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: #EFC94C !important;}
.menu .navbar-nav > li:last-child{border-left: none;}

.info-trip br{display:none;}

.sub-menu{
text-align: center;
min-height: 30px;
line-height: 30px;
direction: rtl;
padding: 0;

}

.bannerr img{width:100%;height:500px;}
.bannerr h3{

text-align: right;
background: #F4DD19;
color: #0F5A94;
padding: 11px;
font-size: 20px;
font-weight: bold;
}

.sub-menu li a{font-weight: bold;color: #0F5A94;font-size: 13px;}
.sub-menu li{border-left: solid 1px #ddd;}
.sub-menu li:last-child{border-left: none;}

.main-content{}
.main-content img{width: 100%;}
.main-content p{}
.main-content h3{text-align: right;background: #F4DD19;color: #0F5A94;padding: 11px;font-size: 20px;font-weight: bold;}
.main-content h4 a{color: #4D4F54;font-size: 17px;font-weight: bold;}
.main-content h4{min-height: 40px;}

.sing{}
.sing img{
width: 80%;
height: 300px;
margin-top: 20px;
}
.sing p{font-size: 17px;}
.sing h3{text-align: right;background: #F4DD19;color: #0F5A94;padding: 11px;font-size: 20px;font-weight: bold;margin: 0;}
.sing h5{text-align: right;background: #F4DD19;color: #0F5A94;padding: 11px;font-size: 20px;font-weight: bold;margin: 0; text-align: right;}

.socsidelogo {
overflow: hidden;
padding-bottom: 10px;
padding-top: 50px;
}

.socsidelogo .fa {
font-size: 20px;
color: #FFF;
width: 35px;
height: 35px;
border: 1px solid #FFF;
margin-left: 15px;
line-height: 35px;
border-radius: 50%;
}


.fac {
    background: #3664A2 none repeat scroll 0% 0%;
}
.goo {
    background: #DD4B39 none repeat scroll 0% 0%;
}
.you {
    background: #CC181E none repeat scroll 0% 0%;
}
.twi {
    background: #55ACEE none repeat scroll 0% 0%;
}

.four{}
.four img{height: 155px !important;width: 100%;}
.four h4 a{font-size: 13px;}

.trip-info{background: #F5F5F5;font-size: 13px;direction: rtl;padding: 12px 5px;}
.price{
margin-top: 10px;
display: block;
    direction: rtl;
    margin-top: 10px;
    margin-bottom: 10px;
font-size: 18px;
font-weight: bold;   
    color: #065A95;
}
.info{
background: #F4DD19 none repeat scroll 0% 0%;
padding: 5px 10px;
}

.info-trip-detail{background: #f4f4f4;padding: 10px 0;margin-bottom: 10px;}
.info-trip p{padding-top: 10px;padding-bottom: 10px;}
.info-trip p img{
width: 33.333%;
float: right;
height: 200px;
padding: 10px;

}


.sidebar{}
.btn-danger{padding: 7px 13px;border-radius: 0px;margin-right: -3px;border: none; background: #F4DD19; border-color: #F4DD19; color: #0F5A94;}
.search input{font-size: 14px; border-radius: 0px;width: 75% !important;height: 39px;}
.last-trip h3{text-align: right;background: #F4DD19;color: #0F5A94;padding: 11px;font-size: 20px;font-weight: bold;}
.last-trip h4 a{color: #4D4F54;font-size: 17px;font-weight: bold;}
.search{margin-top: 20px;}

.rating > span:hover:before {
   content: "\2605";
   position: absolute;
     color: gold;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
      color: gold;
}

.rating > span:before,
.rating > span ~ span:before {
   content: "\2605";
   position: absolute;
      color: gold;
}


.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.rating .fa{color:#F4DD19;}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
      color: gold;
}


/* start kalam */
.kalam{background: url("../images/back-kalam .jpg");
background-attachment: fixed; background-size: cover;
background-repeat: no-repeat; min-height: 250px;
background-position: 0px 0px; background-repeat: repeat-y;
    animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
color: #FFF;}
.oppic_kalam{background: rgba(2,2,2,0.6); color: #FFF; min-height: 250px;}
.kalam img{width: 100%; height: 170px; margin-top: 30px; margin-bottom: 30px;}
.kalam h4{padding-top: 30px; padding-bottom: 30px; 
text-shadow: 2px 1px 0px #4C9ED9; font-size: 23px; font-weight:bold;}

@keyframes animatedBackground{
   from{ background-position:0px 0px;}
    to{ background-position:100% 0px;}
}
@-webkit-keyframes animatedBackground{
     from{ background-position:100% 0px;}
  to{ background-position:0px 0px;}
   
}
.kalam .btn-primary{margin-top: 15px;}
/* end kalam */

/* start footer */
.footer{background: #0F5A94; padding-bottom: 10px;direction: rtl;}
.footer {margin-top: 5px;}
.footer h3{font-size: 20px; color: #fff;}
.footer a{color: #fff; font-size: 13px;}
.footer p{font-size: 13px;}
.footer ul{padding: 0;}

.two-col li{
width: 48.333%;
float: right;
}


.click{
cursor: pointer;
margin-top: 20px;
margin-bottom: 20px;
border: none;
background: #0F5A94;
color: #fff;
padding: 10px 35px;
font-weight: bold;
font-size: 20px;

}
.fromsend{ 
display: none;
background: #fff;
padding: 15px 50px 0 50px;
text-align: right;    

}

.fromsendd{ 

background: #fff;
padding: 15px 50px 0 50px;
text-align: right;    

}
/* end footer */

.footer .socsidelogo {
overflow: hidden !important;
padding-bottom: 10px;
padding-top: 6px !important;     

}

.footer .socsidelogo .fa {
    font-size: 20px !important;
    color: #0F5A94 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #fff;
    margin-left: 15px !important;
    line-height: 30px !important;
}

/* start footer2 */
.footer2{padding: 5px; background: #4862A3; color: #fff;}
.footer2 a{font-weight: bold; color: #536066;}
.footer2 p{margin: 3px 0px 10px;}
/* end footer2 */

/* start page */
.page img{width: 100%; height: 260px;}
.page_info{padding-top: 20px; padding-bottom: 20px;}
/* end page */

/* start media query */
@media (min-width: 786px){
    .navbar-right{margin-right: -50px !important;}
}
/* end media query */