@charset "utf-8";
/* CSS Document */

body{ font-family:LatoRegular; background-color:#fff; margin:0!important; padding:0!important; }
.row1{float:left; width:100%;}

a{outline:none!important;}

/*begin for Home main Search */
.searcRow{margin:0; padding:8px;position:relative;}
.padd8{padding:6px;}
.padTop0{padding-top:0;}

.addRow{margin:0; padding:0;}
.searcRow .form-group{margin:0;}
/*End for Home main Search */

/*Begin Solution for model box Jumbing*/
.modal-open { padding-right: 0 !important; } html{ overflow-y: scroll !important; }
/*End Solution for model box Jumbing*/

/*Begin Bootstap Edit */
.navbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;  box-shadow: none; margin-bottom:0;	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background: #00adad none repeat scroll 0 0;
box-shadow:none;  color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ 
background: none; color:#3575D3;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: none; color:#3575D3; border-radius:0;}
.navbar-default .navbar-nav > li > a { color: #757171; text-transform:uppercase; font-size: 16px; padding:22px 23px; margin:0 1px;  font-family:LatoRegular;}
.navbar-nav { float: right;}
/*.navbar-default .navbar-nav > li > a:hover span{box-shadow: 0px 9px 7px 26px #eee;}*/

/*End Bootstap Edit */

/* Begin FONTAWESOME STYLES */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.fa-minus:before { content: "\f068";}
.fa-plus:before {  content: "\f067";}

/* End FONTAWESOME STYLES */


/* Begin Font Lato */
@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/LatoRegular.eot');
    src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
         url('../fonts/LatoRegular.woff2') format('woff2'),
         url('../fonts/LatoRegular.woff') format('woff'),
         url('../fonts/LatoRegular.ttf') format('truetype'),
         url('../fonts/LatoRegular.svg#LatoRegular') format('svg');
}


@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/LatoBold.eot');
    src: url('../fonts/LatoBold.eot') format('embedded-opentype'),
         url('../fonts/LatoBold.woff2') format('woff2'),
         url('../fonts/LatoBold.woff') format('woff'),
         url('../fonts/LatoBold.ttf') format('truetype'),
         url('../fonts/LatoBold.svg#LatoBold') format('svg');
}


/* End Font Lato */



header{background:#fff; border-top: 11px solid #3575D3;}
.headerBorder { border-bottom: 1px solid #e4e4e4;}
.logo{margin:17px 0; width:135px;}
.logo img { width: 100%;}

/*Begin Main menu Section */
.mIcon{background:url(../images/menuIcons.png) no-repeat;  display: block;  height: 30px;  margin: 0 auto 3px;  width: 30px; transition:all 0.4s ease-in-out 0s;
-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}
.mIcon:hover{transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}
.menuIcon1 { background-position: 2px 0;}
.menuIcon2 {  background-position: -43px 0;}
.menuIcon3 {  background-position: -88px 0;}
.menuIcon4 {  background-position: -132px 0;}
.menuIcon5 {  background-position: -176px 0;}

.navbar-default .navbar-nav > .active > a:hover .menuIcon1{background-position: 2px -43px;}
.navbar-default .navbar-nav a:hover .menuIcon1{background-position: 2px -43px;}
.navbar-default .navbar-nav > .active .menuIcon1{background-position: 2px -43px;}

.navbar-default .navbar-nav > .active > a:hover .menuIcon2{background-position: -43px -43px;}
.navbar-default .navbar-nav a:hover .menuIcon2{background-position: -43px -43px;}
.navbar-default .navbar-nav > .active .menuIcon2{background-position: -43px -43px;}

.navbar-default .navbar-nav > .active > a:hover .menuIcon3{background-position: -88px -43px;}
.navbar-default .navbar-nav a:hover .menuIcon3{background-position: -88px -43px;}
.navbar-default .navbar-nav > .active .menuIcon3{background-position: -88px -43px;}

.navbar-default .navbar-nav > .active > a:hover .menuIcon4{background-position: -132px -43px;}
.navbar-default .navbar-nav a:hover .menuIcon4{background-position: -132px -43px;}
.navbar-default .navbar-nav > .active .menuIcon4{background-position: -132px -43px;}

.navbar-default .navbar-nav > .active > a:hover .menuIcon5{background-position: -176px -43px;}
.navbar-default .navbar-nav a:hover  .menuIcon5{background-position: -176px -43px;}
.navbar-default .navbar-nav > .active .menuIcon5{background-position: -176px -43px;}
/*End Main menu Section */

.searchBg{background:url(../images/searchBg2.jpg) no-repeat scroll 0 0; background-size:cover;}
.searchIcon{ border-radius: 100px;  display: block;   height: 100px;   width: 100px;  box-shadow: 2px 1px 1px 1px #000;}
.flightIcon{background:#eee url(../images/flightIcon_c.png) no-repeat scroll center center;}
.hotelIcon{background:#eee url(../images/hotelIcon_c.png) no-repeat scroll center center;}
.searchType { float: left; width: 100%; margin-top:30px;}
.searchType > ul { list-style: outside none none;  margin: 0;  padding: 0;}
.searchType li {  color: #fff; float: left; margin-right:50px; cursor:pointer;}
.searchType li h5 { font-family: latobold;  font-size: 22px; text-align: center;  text-shadow: 1px 0 1px #579ad1; text-transform: uppercase;}
.searchField { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;  border-radius: 5px;  box-shadow: 1px 1px 1px 0 #000;  float: left;  margin-bottom: 20px; margin-top:40px;  width: 100%;}
.flightType {  float: left;  width: 100%;}
.flightTypeField{float:left; width:100%;  margin-top: 10px;}
.fieldRow{ margin-left:-12px; margin-right:-12px; margin-bottom:8px;}
.col-large {  float: left;  padding: 0 12px;   width: 50%;}
.col-medium {  float: left;  padding: 0 12px;   width: 25%;}
.col-small { float: left;  width: 33.3333%; padding:0 12px;}
.col-largeMulti{width:33%;  padding:0 12px; float:left;}
.col-addBtn{width:9%; float:left; padding: 0 12px;}
.textField {color:#777; background: #fff none repeat scroll 0 0; border: medium none; border-radius: 5px;  float: left;  padding: 10px;  width: 100%;
-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;appearance:none;}
.searchField .form-group label {float:left; width:100%;  color: #fff;  font-family: latoregular;  font-size: 13px;  font-weight: normal;   text-shadow: 1px 1px 0 #777;}
.passengerRow {  overflow: hidden;  margin-left: -12px;  margin-right: -12px;}
.passField{width:100%; float:left; background:#fff; border-radius:5px; padding:7px;}
.minus,.plus {background:#3575D3; color:#fff;  border: medium none;  border-radius: 100px;  float: left;  font-size: 10px;  font-weight: lighter;  height: 26px;  text-align: center;  width: 26px;transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}
.plus{float:right;}
.minus:hover, .plus:hover{background:#5B9144;transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}
button-group { float: left;  width: 33.3333%;}
.passInput { float: left; text-align: center; height:26px; border:none;width: 33.3333%;}
.nonStop {  margin: 31px 0 0;}
.searchBtn {  background: #3575D3 none repeat scroll 0 0; border: medium none;  border-radius: 5px;  color: #fff;  font-size: 26px; margin-top: 13px; padding: 10px 42px;transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;
   text-shadow: 2px 0 1px #55859c;box-shadow: 1px 1px 1px 0 #000;}
/*.searchBtn:hover{background:#5B9144;transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}*/
input{outline:none !important;}
select{outline:none !important;}
button{outline:none;}
.oneWay{display:none;}
.MultyCity{display:none;}


/* Begin CheckBox Style */
.formCheckBox input[type="radio"], .formCheckBox input[type="checkbox"] {  display: none;}
.formCheckBox label::before {  background: rgba(0, 0, 0, 0) url("../images/checkBox1.png") no-repeat scroll 0px 0;  bottom: 1px;  content: "";  display: inline-block;
height: 28px;  right: 0;  width: 28px;position:absolute; right:auto;top:-1px; left:0;}
.checkCol{position:relative; text-align:left;}
.checkCol span {  color: #fff;  display: inline-block;  font-size: 15px;    font-weight: 300;  margin-left: 35px; overflow: hidden;  text-overflow: ellipsis;
vertical-align: bottom; white-space: nowrap; float:left; }
input[type="checkbox"]:checked + label::before { background: rgba(0, 0, 0, 0) url("../images/checkBox1.png") no-repeat scroll -40px 0px;  color: #f3f3f3;  content: "";
font-size: 15px;  height: 28px;  line-height: 15px;  text-align: center;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
width: 28px; position:absolute; right:-32px; top:-1px;}
.formCheckBox{float:left; width:30%;}
/* End CheckBox Style */


/* Begin Radio Button Style */
.formRadioBox input[type="radio"] {  display: none;}
.formRadioBox label::before {  background: rgba(0, 0, 0, 0) url("../images/radio1.png") no-repeat scroll 0px 0;  bottom: 1px;  content: "";  display: inline-block;
height: 24px; width: 24px;position:absolute; right:auto;top:0px; left:0;}
.radioCol{position:relative; text-align:left; float:left; margin-right:15px;}
.radioCol span {  color: #fff;  display: inline-block;  font-size: 15px;    font-weight: 300;  margin-left: 28px; overflow: hidden;  text-overflow: ellipsis;
vertical-align: bottom; white-space: nowrap; float:left;  font-family: latobold; }
input[type="radio"]:checked + label::before { background: rgba(0, 0, 0, 0) url("../images/radio1.png") no-repeat scroll -30px 0px;  color: #f3f3f3;  content: "";
font-size: 15px;  height: 24px;  line-height: 15px;  text-align: center;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
width: 24px; position:absolute; right:-32px; top:0px;}
.formRadioBox{float:left; width:100%;}
/* End Radio Button Style */

/* Begin Filter Checkbox style */
.filterCheck input[type="checkbox"] {  display: none;}
.filterCheck label::before {  background: rgba(0, 0, 0, 0) url("../images/check-icons-2.png") no-repeat scroll 0px 0;  bottom: 1px;  content: "";  display: inline-block;
height: 17px; width: 17px;position:absolute; right:0;top:3px; left:auto;}
.filterCol{position:relative; text-align:left; float:left; margin-right:15px;}
.filterCol span {  color: #fff;  display: inline-block;  font-size: 15px;    font-weight: 300;  margin-left: 25px; overflow: hidden;  text-overflow: ellipsis;
vertical-align: bottom; white-space: nowrap; float:left; }
.filterCheck input[type="checkbox"]:checked + label::before { background: rgba(0, 0, 0, 0) url("../images/check-icons-2.png") no-repeat scroll -22px 0px;  color: #f3f3f3;  content: "";
font-size: 15px;  height: 17px;  line-height: 15px;  text-align: center;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
width: 17px; position:absolute; right:0px; top:3px;}
.filterCheck{float:left; width:100%;}

/* End Filter Checkbox style */

.hiddenDate{opacity:.2;}
.addBtn {  background: #3575D3  none repeat scroll 0 0;    border: medium none;  border-radius: 4px;  height: 26px;  margin: 6px 2px 0;  width: 30px;  color: #fff;
line-height: 1; padding-left: 6px;}
.addBtn .glyphicon {  color: #FFF;  font-weight: bold;}

.topAr { position: absolute;top: -43px;  left: 18px;  font-size: 69px;  opacity: .7;  z-index: 2;  height: 43px; overflow: hidden; color: #000;}
.searchFiled-hotel .topAr{left:166px;}
.searchType .active .flightIcon{background:#3575d3 url(../images/flightIcon.png) no-repeat scroll center center;}
.searchType .active .hotelIcon{background:#3575d3 url(../images/hotelIcon.png) no-repeat scroll center center;}
.searchType li span{-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;}

.searchField-flight{position:relative;float: left;  width: 100%;  padding: 24px;}
.searchFiled-hotel{position:relative;float: left;  width: 100%;  padding: 24px; display:none;}
.roomCount {  background: #0072bc none repeat scroll 0 0; border-radius: 10px;  color: #fff; display: inline-block; font-size: 14px; margin: 6px 0 0; padding: 7px 7px; text-align: center; width:100%;}
.hRoomNo{width:46.6%;}
.hRoomLabel{width:20%;}



.footer{background:#3575d3;}

.footerBgImg{background:url(../images/footerBg.png) repeat-x; width:100%; height:157px; margin-top:50px;}
.envelop{position:relative; width:393px;height: 150px; margin-top:20px; }
.envelop:before {content:"";position:absolute;bottom:0;left:2px;background:url(../images/envelop-outer.png) no-repeat;width:393px;height: 140px; z-index:100;}
.envelopInner h4 {  font-size: 15px;    text-transform: uppercase;  color: #3575d3;  font-family: latobold; margin:5px 0 10px;}
.envelopInner h4 span {  margin-left: 10px;}
.envelopInner {  background: #fff;    width: 359px;   margin: 0px auto; padding:10px 20px; position: relative; top:-15px; height:150px; border:1px solid #f4f4f4;
transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-webkit-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;}
.enText{border:none; border-bottom:1px solid #ddd; font-size: 16px;  padding: 10px 25px 0 0; width:290px; float:left;}
.enOk {   background: #7c9eb8 none repeat scroll 0 0;   border: medium none;  border-radius: 100px;  color: #fff;  float: left;  height: 35px;  margin-left: -16px;
margin-top: 10px;    position: relative;   vertical-align: top;    width: 35px;}
.enField {  opacity: 0; transition: all .3s ease-in-out .5s;}
.envelop:hover .enField{  opacity: 1;transition: all .3s ease-in-out .5s;}
.envelop:hover .envelopInner{top:-76px; box-shadow: 0 -2px 1px 0 #c1c1c1;
transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-webkit-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;}
.envelop:hover .blink_me{opacity:0;}

.footerBottom { background: #2161BF;}
.footerlinks ul { float: left; list-style: outside none none; margin: 10px 0 0;   padding: 0;  width: 100%;}
.footerlinks li { color: #fff; float: left;}
.footerlinks li a { color: #fff; padding: 0 15px 0 0;}
.footerlinks > p {  float: left; width: 100%;  color: #d7d7d7;  margin-top: 10px;}

.footerSocial { float: right;}
.folllow { background:url(../images/follow.png) no-repeat scroll 0 0; display: block;  height: 33px; width: 90px; float:left;}
.footerSocial{margin:26px 0 0;}
.footerSocial ul{margin:0; padding:0; list-style:none; float:left;}
.footerSocial li { float: left; cursor:pointer;}
.fb-icon{width:35px ;height:35px; background:url(../images/facebook.png) no-repeat scroll 0 0; display:block;}
.tw-icon{width:35px ;height:35px; background:url(../images/twitter.png) no-repeat scroll 0 0; display:block;}
.in-icon{width:35px ;height:35px; background:url(../images/linkdin.png) no-repeat scroll 0 0; display:block;}

.questnIcon{background:url(../images/question.png) no-repeat scroll 0 0; width:130px; height:150px; display:block; float:left;}
figcaption {float: left;  padding-left: 10px;}
.footerContact{float:right;}
.footerContact figcaption h3 {  color: #fff;  font-size: 19px;  margin: 10px 0;text-shadow: 0px 1px 0px #4b4b4b;}
.footerContact figcaption h2 {  color: #fff;  font-size: 23px;  margin: 7px 0;text-shadow: 0px 1px 0px #4b4b4b;}
.footerContact figcaption p {  color: #fff;  font-size: 14px;  margin: 0;text-shadow: 0px 1px 0px #4b4b4b;}

.mainTitle { font-size: 26px;  color: #3575d3;  margin-bottom: 20px;}
.offerBox { float: left; overflow: hidden; position: relative; width: 100%; height:245px; border-radius: 6px; margin-bottom:15px;}
.offerBox:hover h5.priceLabel{transform: rotateX(360deg); transition: all 0.4s ease-in-out 0s;}
.offerBox > img {  width: 100%; height:100%;}
.offerBoxInfo {  position: absolute;  top: 0;  left: 0;  right: 0; text-align: center;  z-index: 1;}
.offerBoxInfo:after { content: "";  width: 100%;  height: 200%; background: rgba(255,255,255,.8);  position: absolute;  top: -142px;  left: -6px;  z-index: -1; 
 transform: rotate(44deg);-moz-transform: rotate(44deg);-webkit-transform: rotate(44deg);-o-transform: rotate(44deg); border-radius:0 0 24px 0;}
.offerBoxInfo > h5 {  font-size: 15px;  color: #3575d3;  text-shadow: 0px 1px 1px #d3d3d3; margin-top:15px; margin-bottom:5px;}
.offerBoxInfo date span {  color: #716767;  font-size: 12px;}
.StartFrom{font-size:19px; color:#fff; font-family:latobold;
 text-shadow: 0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200,0 0 2px #ffa200;}
h5.priceLabel { background: #5b9144 none repeat scroll 0 0;  color: #fff !important;  font-size: 15px;  margin: 0 auto;  padding: 5px;  text-shadow: none;  width: 169px;  font-family: latobold;  border: 1px solid #fff;  box-shadow: 0px -1px 7px 0px #7d7d7d; transition: all 0.4s ease-in-out 0s;}
.dateArrow { background: rgba(0, 0, 0, 0) url("../images/dateArrow.png") no-repeat scroll center center;  display: inline-block;  height: 12px;  width: 30px;    margin: 0 5px;}

 @media screen and (max-width:1200px){
.addBtn { height: 23px;  padding-left: 5px;  width: 23px;  font-size: 12px;}
.offerBoxInfo::after { left: 14px; top: -132px;}

}

@media screen and (max-width:990px)
{
.navbar-default .navbar-nav > li > a{padding:22px 15px;}
.roomCount{font-size:11px; padding:7px 2px;}
.addBtn { font-size: 10px; height: 23px;  padding-left: 4px;  width: 19px;}
.col-addBtn{padding-left:0;}
.offerBoxInfo::after{left:-29px; width:147%;}
.offerBoxInfo date span{font-size:10px;}

.questnIcon { display:none; background: rgba(0, 0, 0, 0) url("../images/question.png") no-repeat scroll 0 0; height: 131px;  width: 104px;  background-size: cover;}
.footerContact figcaption h3{font-size:16px;}
.footerContact figcaption h2{font-size:16px;}


}
@media screen and (max-width:767px){
body{overflow-x:hidden;}

.logo {  margin: 10px 0;  width: 90px;}
.navbar-default {  margin-top: -57px;}
.mIcon{display:none;}
.navbar-default .navbar-nav > li > a{padding:8px;}
.navbar-default .navbar-toggle { border-color: #3575D3;  border-radius: 0;  border-width: 2px;  margin-right: 0; padding:9px 15px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {  background-color: #98d8fd;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #3575D3;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #fff none repeat scroll 0 0; border: medium none;  padding: 0 30px;  position: absolute;
right: -13px; top: 59px;  box-shadow: 2px 5px 5px -3px #454545; z-index:10;}
.searchType li{margin-right:40px;}
.searchType{margin-top:5px;}
.searchField-flight{padding:10px;}
.col-large,.col-medium,.col-small,.col-largeMulti{padding:0 6px;}
.fieldRow { margin-bottom: 5px;  margin-left: -6px;  margin-right: -6px;}
.passengerRow { margin-left: -5px;  margin-right: -5px;}

.col-large{width:100%;}
.col-largeMulti{width:100%;}
.col-medium{width:50%;}
.col-addBtn{width:30%;}
.minus, .plus{width:20px; height:20px; margin-top:3px;}
.searchField .form-group { margin-bottom: 5px;  overflow: hidden;}
.mobSearchBtn {  width: 100%;}
.mobSearchBtn .searchBtn{width:100%;}
.searchFiled-hotel{padding:10px;}
.envelop{display:none;}
.footerContact{display:none;}
.footerBgImg{display:none;}
.footerSocial {
    float: left;
    text-align: center;
    width: 100%;
}
.folllow,.footerSocial ul{float:none; display:inline-block;}
.footerSocial {  margin: 5px 0 0;}
.offerBoxInfo::after{left:-126px;top: -195px;}
.menuBg { display:none;  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%; position: absolute;  width: 100%;  z-index: 10;}
body{position:relative;}

}

@media screen and (max-width:600px){


	
}


@media screen and (max-width:550px){


}

@media screen and (max-width:450px){


}

@media screen and (max-width:400px){

}

@media screen and (max-width:360px){


}