
.jssora02l, .jssora02r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background:url(../img/a02.png) no-repeat;
    overflow: hidden;
}
.jssora02l { 
	background-position: -3px -33px; 
}
.jssora02r { 
	background-position: -63px -33px; 
}
.jssora02l:hover { 
	background-position: -123px -33px; 
}
.jssora02r:hover { 
	background-position: -183px -33px; 
}
.jssora02l.jssora02ldn { 
	background-position: -3px -33px; 
}
.jssora02r.jssora02rdn { 
	background-position: -63px -33px; 
}
.jssora02l.jssora02lds { 
	background-position: -3px -33px; 
	opacity: .3; 
	pointer-events: none; 
}
.jssora02r.jssora02rds { 
	background-position: -63px -33px; 
	opacity: .3; 
	pointer-events: none; 
}
.jssort03 .p {    
	position: absolute;    
	top: 0;    
	left: 0;    
	width: 62px;    
	height: 50px;
}
.jssort03 .t {    
	position: absolute;    
	top: 0;    
	left: 0;    
	width: 100%;    
	height: 100%;    
	border: none;
}
.jssort03 .w, .jssort03 .pav:hover .w {    
	position: absolute;    
	width: 62px;    
	height: 50px;    
	box-sizing: content-box;
}
.jssort03 .pdn .w, .jssort03 .pav .w {    
	border-style: none;
}
.jssort03 .c {    
	position: absolute;    
	top: 0;    
	left: 0;    
	width: 62px;    
	height: 50px;    
}
.jssort03 .p:hover .c, .jssort03 .pav .c {    
	filter: alpha(opacity=0);    
	opacity: 0;
}
.jssort03 .p:hover .c {    
	transition: none;    
	-moz-transition: none;    
	-webkit-transition: none;    
	-o-transition: none;
}
.jssort03 .w {
	width /**/: 62px;
	height /**/: 50px;
}
.pkgGalleryBx{
	background-color:#ccc;
	width: 525px;
	height:400px;
	margin-left:72px;
	float:left;
}
#pkgBriefing {
	position:absolute;
	left:620px;
	top:964px;
	width:275px;
	height:355px;
	z-index:1;
	background-color:#ffffff;
	text-align:left;
}
#pkgForm {
	position:absolute;
	left: 922px;
	top: 920px !important ; 
	width:350px;
	height: 445px;
	z-index:0;
	background-color:#424f5a;
	box-shadow: -9px 0px 8px -6px #8f8f8f;
}
.overViewSpacer{
	height:80px;
	clear:none;
	background-color:#f9f9f9;
	width: 1200px;
	margin: auto;
}
.pkgname{
	font-size: 20px;
    color: #3c3c3c;
	font-family: "LatoRegular";
	width:255px;
	height:auto;
}
.pkgduration{
	font-size: 14px;
    color: #8f8f8f;
	font-family: "LatoRegular";
	width:255px;
	height:30px;
}
.pkgvisitPlaces{
	font-size: 14px;
    color: #8f8f8f;
	font-family: "LatoRegular";
	width:255px;
	height:auto;
	margin-bottom:20px;
}
.pkgshortview{
	font-size: 12px;
    color: #8f8f8f;
	font-family: "LatoRegular";
	width:255px;
	height:70px;
	overflow:hidden;
}
.pkginclusion{
	font-size: 14px;
    color: #8f8f8f;
	font-family: "LatoRegular";
	width:255px;
	height:30px;
	margin-top: 10px;
}
.pkg_priceBx{
	width:275px;
	height: 54px;
	margin-top: 25px;
}
.priceStarting{
    color: #3c3c3c;
    font-family: "LatoRegular";
    font-size:18px;
    width:120px;
    height:55px;
    text-align:left;
    line-height: 16px;
    padding-top: 10px;
}
.pkg_price{
    color: #45a6de;
    font-family: "LatoRegular";
    font-size:30px;
    width:120px;
    height: 53px;
    margin-top: -54px;
    text-align:left;
    float: right;

}
.rupee_icn {
	font-family:"rupee_foradianregular";
	font-size:20px;
	color: #45a6de;
}
.pkgIncl-sml {
    margin-top: 10px;
	height:50px;
}
.pkgIncl-sml li {
    border: 1px dashed #b0bec5;
    border-radius: 5px;
    float: left;
    height: 40px;
    margin-right: 3px;
    width: 40px;
}
li.inclsmlHotel a span {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -12px -715px;
    display: block;
    height: 40px;
    width: 40px;
}
li.inclsmlHotel a span:hover {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -12px -758px;
}
li.inclsmlFlight a span {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -50px -715px;
    display: block;
    height: 40px;
    width: 40px;
}
li.inclsmlFlight a span:hover {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -50px -758px;
}
li.inclsmlSightseeing a span {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -127px -715px;
    display: block;
    height: 40px;
    width: 40px;
}
li.inclsmlSightseeing a span:hover {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -127px -758px;
}
li.inclsmlTransport a span {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -89px -715px;
    display: block;
    height: 40px;
    width: 40px;	
}
li.inclsmlTransport a span:hover {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -89px -758px;
}
li.inclsmlCityTour a span {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -167px -715px;
    display: block;
    height: 40px;
    width: 40px;
}
li.inclsmlCityTour a span:hover {
    background: rgba(0, 0, 0, 0) url("../images/img_sprite.png") no-repeat scroll -167px -758px;
}

input[type=text] {
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    background-color: #424f5a;
    color: white;
	font-size:11px;

}
textarea {
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    background-color: #424f5a;
    color: white;
	font-size:11px;
    padding-top: 10px;

}

.FormDiv { 
	background-color: #424f5a;
	float: left;
	height: 379px;
	margin-top: 20px;
	width: 100%;
}
.enterDetailsField {
    background-color: #424f5a;
    color: #fff;
	font-family: "LatoLight";
    font-size: 20px;
    height:30px;
    text-align: center;
    width: 100%;
}
.FormBox {
    /* clear: none; */
    color: #8f8f8f;
    float: left;
    /* font-size: 14px; */
    height: 349px;
    padding: 20px;
    width: 350px;
}
.Form-table{
	width: 338px;
	float: none;
}


.detailItinryBx{
    background-color: #FFF;
    margin: auto;
    padding: 15px;
    width: 1200px;
	border-bottom:1px solid #d7d7d7;
	height:50px;
}
.detailItinryNav{
	height: 66px;
	clear:none;
	background-color:#ffffff;
	width: 1200px;
	margin: auto;
	border-bottom: 1px solid #d7d7d7;
}
.navbar-nav>li>a {
    color: #777777;
    font-size: 16px;
    line-height: 35px;
	width:165px;
	text-align:center;
	font-family: "LatoRegular";
    /* text-transform: uppercase; */

}
.navbar .navbar-nav li { float: none;}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f3f3f3;
	color:#777777;
	border-bottom: 2px solid #8f8f8f;
	
}
.navbar .navbar-nav li a {
  font-family: "LatoLight";
  display: block;
  font-size: 14px;
  padding: 15px 20px;
  text-transform: uppercase;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li .active a {
  background: rgba(255, 255, 255, 0.1);
}
.show-menu .navbar.menu-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.navbar.menu-wrap .navbar-form {
  padding: 10px 20px;
  margin: 5px 0;
  border: none;
  box-shadow: none;
  display: block;
}
.navbar.menu-wrap .navbar-form .form-control {
  display: block;
  width: 100%;
}

.pkgDtlAdvntgs > p {
    color: #ec8333;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0
}

.pkgDtlAdvntgs li {
    color: #666;
}

    .pkgDtlAdvntgs li i {
        margin-right: 20px
    }

.pkgDtlcompList li {
    background-color: #fbfbfb;
    float: left;
    
}

.pkgDtlcompList li a {
    font-size: 18px;
    color: #666;
    padding: 20px 34px;
    display: block;
    border-bottom: 3px solid transparent
}

.pkgDtlcompList li a:hover,
.pkgDtlcompList li a:focus {
    border-bottom-color: #2575ba
}

.pkgDtlBox {
    background-color: #fff;
    margin-bottom: 40px;
    padding: 25px;
    clear: none;
    width: 1200px;
    margin: auto;
}

.pkgDtlBoxInner {
    margin-bottom: 40px
}

.secTitle {
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.secContent,
.inclExcl li {
    color: #666;
    font-size: 15px;
    line-height: 22px
}

    .inclExcl li i {
        margin-right : 10px
    }

    .inclExcl li small {
        color: #999;
        font-size: 14px;
        font-style: italic
    }


.pkgDtlDest-tabs > li > a {
    border-bottom: 3px solid transparent;
    border-radius: 0;
    color: #666;
    margin-right: 10px;
    padding: 10px 15px;
	background-color: #fff;
}

.pkgDtlDest-tabs > li > a:hover, 
.pkgDtlDest-tabs > li > a:focus {
    background-color: transparent;
    border-color: transparent transparent #2575ba
}

.pkgDtlDest-tabs > li.active > a, 
.pkgDtlDest-tabs > li.active > a:hover, 
.pkgDtlDest-tabs > li.active > a:focus {
    border-bottom: 3px solid transparent;
    border-color: transparent transparent #2575ba;
    cursor: default
}

.pkgDtlDest-tabs > li:last-child > a {
    margin-right: 0
}

.pkgDtlDest-tabs-content {
	padding-top: 40px;
	color: #666;
	font-size: 15px;
	line-height: 24px;
	height: auto;
	background-color: white;
}

.pkgDtlDest-tabs-content .readmorelink {
    display: inline-block;
    margin-top: 15px;
}

.divTitle {
    margin-bottom: 15px;
    color: #333;
    font-size: 18px;
}

.pkgDtlBox.tabItinerary .accordion-item {
    position: relative
}


.pkgDtlBox.tabItinerary .accordion-item .stepper {
    position: relative;
    border: 1px solid #666;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

.pkgDtlBox.tabItinerary .accordion-item .stepper::before {
    content: " ";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 37px;
    background-color: #666;
    width: 1px;
    -webkit-transform: translateX(-1px);
    -moz-transform: translateX(-1px);
    transform: translateX(-1px);

}

.pkgDtlBox.tabItinerary .accordion-toggle {
    background-color: transparent;
    color: #666;
    border: none;
    padding: 23px 0;
    font-size: 17px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    margin-left: 40px;
}

.pkgDtlBox.tabItinerary .accordion-toggle:first-child {
    padding-top: 0;
}

    .pkgDtlBox.tabItinerary .accordion-toggle:last-child {
        border-bottom:  none;
    }

.pkgDtlBox.tabItinerary .accordion-content {
    color: #666;
    font-size: 15px;
    line-height: 22px;
    border-left: 1px solid #666;
    margin-left: 14px;
    padding-left: 25px;
}
.nav-tabs {
    border-bottom: none;
    position: relative;
	border-bottom:1px solid #e4e4e4;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    border: none;
    color: #3c3c3c;
    font-size:16px;
    padding: 20px 20px;
    top: 3px;
}

.nav-tabs > li > a [class^="dpicon-"] {
    color: #cc9c33
}

.nav > li > a:hover, 
.nav > li > a:focus {
    color: #3c3c3c;
    border-bottom: #2575ba 3px solid;
    transition: all 0.1s ease-in-out;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    color: #3c3c3c;
    background-color: #f9f9f9;
    border: none;
    border-bottom: 3px solid #2575ba;
    top: 3px;
}

.cl-itinery-colm {
	background-color: #ffffff;
	float: none;
	font-family: "LatoRegular";
	font-size: 13px;
	height: 1200px;
}
.cl-itinery-colm5Nts {background-color: #ffffff;	height: 1570px;}
.cl-itinery-colmkrla {background-color: #ffffff;	height: 1000px;}
.cl-itinery-colmkrla2 {background-color: #ffffff;	height: 1400px;}
.cl-itinery-colm2300 {background-color: #ffffff;	height:2300px;}
.cl-itinery-colm1220 {background-color: #ffffff;	height:1220px;}
.cl-itinery-colm1850 {background-color: #ffffff;	height:1850px;}
.cl-itinery-colm5250 {background-color: #ffffff;	height:5250px;}
.cl-itinery-colm4150 {background-color: #ffffff;	height:4150px;}

.cl-daywise-row {
	background-color: #ffffff; 
	float: left; 
	font-family: "LatoRegular"; 
	font-size: 13px; 
	height: auto;
	width: 100%;
	margin-bottom:30px;
}
.cl-trip-smllimg { 
	background-color: #fff;    
	float: right;    
	height: 180px;    
	width: 225px;
}
.cl-trpdays-colmn { 
	background:rgba(244,244,244,0.2);  
	border-bottom: 1px solid #d7d7d7;  
	float: none;  
	height: auto; 
	padding: 15px 15px 25px; 
	width: 890px;
}
.cl-trip-days { 
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0; 
	color: #222f42; 
	font-family: "latoregular"; 
	font-size: 16px; 
	/* padding-top: 10px; */
}
.cl-days-span {padding-right: 10px;}
.cl-trp-content {
	color: #8f8f8f;
	font-family: "LatoRegular"; 
	font-size: 14px;  
	line-height: 20px;  
	padding-top: 15px;
	word-spacing:3px;	
}

.itnry-rght-img{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.itnry-lft-img{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
	
.incl-exclsContent {
	font-family:'latoregular';
    font-size: 18px;
    color: #ff5577;
	margin-bottom:5px;
	text-align: left;
}
.incl-exclsContentBx{width:590px;}
.incl-HotelListBx{width:1180px;}
.pkg_incl-excls ul{
    display: table-caption;
    float: none;
    height: auto;
    margin: 0;
    padding: 10px 0;
    text-align: left;
	width:585px;
	line-height:30px;
}
.pkg_incl-excls li{
    background-image: url("../images/icon-gry.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    float: left;
    font-size: 14px;
    padding: 0px 0 0px 25px;
    width: 575px;
}
.hotellistDtlBx{
	width: 520px;
	height: 54px;
	margin-top: 25px;
}
.hotellistIMG{
	width: 100px;
	height: 80px;
}
.hotellistNM{
	color: #3c3c3c;
	font-family: "LatoRegular";
	font-size: 14px;
	width: 400px;
	height: 80px;
	margin-top: -80px;
	text-align: left;
	float: right;
	border: 1px solid #eeeeee;
	padding: 10px;
}

.hotelContentBx{
	width:390px;
}
}
.hotellistDiv{
	width: 320px;
	height: 54px;
	margin-top: 25px;
}
.col3hotellistIMG{
	width: 100px;
	height: 80px;
}
.col3hotellistNM{
	color: #3c3c3c;
	font-family: "LatoRegular";
	font-size: 14px;
	width: 250px;
	height: 80px;
	margin-top: -80px;
	text-align: left;
	float: right;
/* 	border: 1px solid #eeeeee; */
	padding: 10px;
}
.hotel_tableText{
	font-family: "LatoRegular";
	font-size: 14px;
	color: #3c3c3c;
}
.tdBorder-btm{border-bottom: 1px solid #f6f6f6; padding-left: 10px;}
.tdBorder-rgt{border-right: 1px solid #f6f6f6; padding-left: 10px;}


.titleNMBx{
	height:50px;
	background-color:#f9f9f9;
	width: 1200px;
	margin: auto;
	font-family: "LatoRegular";
    font-size: 20px;
	padding-left:25px;
}
.wkendItinryBx{
    background-color: #fff;
    padding: 25px 25px 50px;
    clear: none;
    width: 1200px;
    margin: auto;
	border-bottom: 1px solid #d7d7d7;
	color:#777777;
    font-size: 16px;
    line-height: 25px;
}

.content-daywise {
	background: rgba(244, 244, 244, 0.2) none repeat scroll 0 0;
    color: #8f8f8f;
    font-family: "LatoRegular";
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    width: 890px;
    word-spacing: 3px;
}
.zigzagBordertop {
	position: relative;
	width: 1200px;
	height: 70px;
	background: #eff1e7;
	margin: auto;
	font-family: "LatoRegular";
    font-size: 20px;
	padding-top:25px;

}
.zigzagBordertop:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  background:
   linear-gradient( 44deg, transparent 33.333%, #eff1e7 33.333%, #eff1e7 66.667%, transparent 66.667% ), 
   linear-gradient( -46deg, transparent 33.333%, #eff1e7 33.333%, #eff1e7 66.667%, transparent 66.667% );
  background-size: 20px 40px;
}

.hotelDetailsBx{
	height:auto;
	clear:none;
	background-color:#eff1e7;
	width: 1200px;
	margin: auto;
	font-size:16px;
}
.zigzagBorderbtm {
	position: relative;
	width:100%;
	height:50px;
	background: #ffffff;
	margin: auto;

}
.zigzagBorderbtm:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  background:
   linear-gradient( 44deg, transparent 33.333%, #ffffff 33.333%, #fff 66.667%, transparent 66.667% ), 
   linear-gradient( -46deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667% );
  background-size: 20px 40px;
}


































.pkgoverviewBox {
    background-color: #fff;
    margin: auto;
    padding: 21px;
    width: 1200px;
	margin-top:20px;
	height:400px;
}
.pkgBriefBox{
	background-color:#ccc;
    color: #8f8f8f;
    font-family: "LatoRegular";
    height: 355px;
    width: 300px;
	margin-left:500px;
}
.qryFormBox{
	background-color:#ccc;
    color: #8f8f8f;
    font-family: "LatoRegular";
    height: 355px;
    width: 300px;

}



.map_div{
	height:300px;
	clear:none;
	background-color:#f9f9f9;
	width:100%;
	margin: auto;
}
#map-canvas {
    height: 300px;
    width: 100%;
}
.contactFormContainer {
    background-color: #ffffff;
    height: auto;

}
.FormfieldBox {
    background-color: #fff;
    margin: auto;
    padding: 21px;
    width: 1200px;
	margin-top:20px;
	height:330px;
}
#contusForm {
    background-color: #424f5a;
    box-shadow: -9px 0 8px -6px #8f8f8f;
    height: 400px;
    left: 880px;
    position: absolute;
    top: 585px !important;
    width: 350px;
    z-index: 0;
}
#contactAddress {
    position: absolute;
/*     left: 620px;
    top: 742px; */
    width:760px;
    height: 285px;
    z-index: 1;
    background-color: #ffffff;
    text-align: left;
}
.office_branch {
    color: #3c3c3c;
    font-family: "LatoRegular";
    font-size: 20px;
    height: auto;
    width: 700px;
}
.branch_name {
    color: #777777;
    font-family: "LatoRegular";
    font-size: 16px;
    height: auto;
    width:700px;
	margin-bottom:7px;
}
.branch_address {
    color: #8f8f8f;
    font-family: "LatoRegular";
    font-size: 14px;
    height: auto;
    width:700px;
}


















