html, body{ background:#fcfcfc; margin:0; padding:0;}
.homebaner{width:100%; height:auto; overflow:hidden; background-color:#9ae4fd
; }
.homebaner_imgdiv{height:900px; max-height: 100vh; width: 100%; -moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important;
background: url('../img/home-bannerbg.jpg') no-repeat;margin-top:-87px ; padding:0; min-height:900px; }
.homebaner_imgdiv img{}
.homebaner_content{max-width:980px; /*padding-left:100px;*/ max-width:1168px\9; padding-left:32px\9; padding-top:13%; height:auto; margin:0 auto; overflow:hidden; }
.hcontent_main{width:100%; height:auto; overflow:hidden}
.jogrutotrip{width:100%; height:75px;}
.jogrutotrip-desp{width:100%; height:90px; font-family: 'latoregular',Arial,sans-serif; font-size:24px; color:#fff; line-height:27px}
.droparrow{width:100%; height:60px;}
.new_btnimg{width:100%; height:auto; }
.imgborder{width:auto; height:50px; position:absolute; margin-top:-37px; *margin-top:-37px; display:none}
.new_btnimgleft{width:100%; height:auto; float:left;}
.new_btnimgleft ul{width:100%; height:auto; overflow:hidden;}
.new_btnimgleft ul li{display:inline-block; padding:3px; float:left}
.arrowdiv{width:50px; height:50px; position:absolute; left:50%; margin-top:-61px; display:none}
.howit{ color: #004D85;
font-family: 'latoregular',Arial,sans-serif;
font-size: 30px;
height: 30px;
left: 0;
margin: -62px auto auto 0;
position: absolute;
text-align: center;
width: 100%; *line-height:30px;}
.hobo-name{
background: url('../img/hobo-sprite.png') no-repeat 0 -31px;
width: 73px;
height: 23px;
display: inline-block;
padding-bottom: 5px;
vertical-align: middle;
}
.new_btnimgright{width:37%; height:auto; float:left;}
.asia{width:95px; height:104px; background: url('../img/continent_sprit_new.png') no-repeat; float:left}
.asia:hover{width:95px; height:104px; background: url('../img/continent_sprit_new.png') no-repeat 0 -124px; float:left; cursor:pointer}
.africa{width:77px; height:104px; background: url('../img/continent_sprit_new.png') no-repeat -94px 0; float:left}
.africa:hover{width:77px; height:104px; background: url('../img/continent_sprit_new.png') no-repeat -94px -123px; float:left; cursor:pointer}
.europe{width:77px; height:105px; background: url('../img/continent_sprit_new.png') no-repeat -173px 0; float:left}
.europe:hover{width:77px; height:105px; background: url('../img/continent_sprit_new.png') no-repeat -171px -123px; float:left; cursor:pointer}
.north-america{width:79px; height:111px; background: url('../img/continent_sprit_new.png') no-repeat -252px 0px; float:left}
.north-america:hover{width:79px; height:111px; background: url('../img/continent_sprit_new.png') no-repeat -251px -123px; float:left; cursor:pointer}
.oceania{width:79px; height:107px; background: url('../img/continent_sprit_new.png') no-repeat -334px 0; float:left}
.oceania:hover{width:79px; height:107px; background: url('../img/continent_sprit_new.png') no-repeat -333px -122px; float:left; cursor:pointer}
.south-america{width:81px; height:110px; background: url('../img/continent_sprit_new.png') no-repeat -415px 0; float:left}
.south-america:hover{width:81px; height:110px; background: url('../img/continent_sprit_new.png') no-repeat -417px -123px; float:left; cursor:pointer}
.spanlefts{ background: url('../img/continent_sprit_new.png') no-repeat -495px 0; width:229px; height:91px; margin-top:20px }
.spanrights{display: inline-block; float: left; margin-left: -73px; margin-top: 11px;}
.plantrip_btn{width:215px; height:54px; float:left; background: url('../img/continent_sprit_new.png') no-repeat -727px 0;}
.plantrip_btn:hover{width:215px; height:54px; float:left; background: url('../img/continent_sprit_new.png') no-repeat -727px -124px;}
.content_bottom{max-width:980px; margin:0 auto; height:auto;/* overflow:hidden;*/ background:#fcfcfc; margin-top:30px; position:relative;}
.content_middle{width:100%; height:auto; overflow:hidden}
.tiprplan_iti{width:100%; height:auto; overflow:hidden; padding-bottom:60px; /*padding-left:8%;*/ background:#fcfcfc; margin-top:20px}
.tiprplan_iti_ctitle{width:100%; height:20px; background:#fcfcfc; text-align:center; font-size:18px; font-family: 'latoregular',Arial,sans-serif; color:#004d85;}
.tiprplan_iti_cimg{width:100%; height:150px; float:left; padding-top:8px; text-align:center }
.tiprplan_iti_ctxt{width:100%; height:auto; text-align:center; color:#666666; font-size:14px;font-family: 'latoregular',Arial,sans-serif; line-height:17px}
.tiprplan_iti_city{width:230px; width:22%\9; height:auto; background:#fcfcfc; float:left; margin-right:20px; margin-right:30px\9; }
.tiprplan_iti_attra{width:230px;width:22%\9; height:auto; float:left; margin-right:20px; margin-right:30px\9;}
.tiprplan_iti_hotel{width:230px;width:22%\9; height:auto; float:left; margin-right:20px; margin-right:30px\9;}
.tiprplan_iti_social{width:230px; width:22%\9; height:auto; float:left}
.tiprplan_iti_border{width:100%; height:5px; margin-bottom:30px }
.populer_tripsmain{width:100%; height:auto; margin:0 auto;}
.populer_div{display:table; margin:0 auto; width:100%}
.populer_tripsmain ul{width:100%; height:auto; padding-bottom:40px;/* *padding:0 4% 30px 8% !important*/}
.populer_tripsmain ul li{display:inline-block;width:290px; margin-bottom:30px; height:auto; background:#0295c7; padding:2px; float:left; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.populer_tripsmain ul li:last-child{margin-right:0px !important;}
.populer_tripsbox{width:100%;}
.populer_tripsbox_inner{width:98.5%; height:181px; overflow:hidden; background:#fff;border-radius:7px; padding:2px; position:relative}
.populer_tripsbox_inner img{ -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px; }
.populer_tripsbox_title{/*width:21.3%;*/ width:96%; height:23px; background: url('../img/popular_titlebg.png') repeat-x ; padding:2px 5px 0 5px; color:#004d85; font-weight:bold; font-size:18px; position:absolute; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius
:5px; -o-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius
:5px; -o-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.title_left{float:left; text-align:left;/* width:60%*/ width:71%; height: 20px;overflow: hidden;}
.title_right{float:left; text-align:right; width:29%}
.populer_tripsbox_inner img{width:100%; height:100%;}
.populer_tripsbox_bottom{width:93.5%; height:36px; padding-left:16px; position:relative}
.tripsbox_bottom_left{width:44px; height:44px; float:left; position:absolute; *position:inherit; margin-top:-20px;-moz-border-radius:35px; -webki-border-radius:35px; -o-border-radius:35px; border-radius:35px; border:2px solid #fff; z-index:2}
.tripsbox_bottom_left img{max-width:100%; height:auto; -moz-border-radius:35px; -webkit-border-radius:35px; -o-border-radius:35px; border-radius:35px; }
.tripsbox_bottom_right{width:72%; *width:200px; height:auto; float:left; padding:9px 0 0 27%; *padding:9px 0 0 10px !important; font-size:16px;font-family: 'latoregular',Arial,sans-serif; color:#fff}
.populer_maintitle{width:61%; padding-left:39%; height:50px; *height:64px; overflow:hidden; margin-top:20px; color:#004d85; *font-size:26px; font-size:30px;font-family: 'latoregular',Arial,sans-serif;}
.popspan{margin-left:30px; line-height:30px}
.future_maintitle{width:100%; text-align:center;height:40px; line-height:30px; color:#004d85;*font-size:26px; font-size:30px;font-family: 'latoregular',Arial,sans-serif;}
.future_logodiv{width:90%; padding-left:10%; height:123px;}
.future_logodiv ul{width:100%; height:auto; overflow:hidden;}
.future_logodiv ul li{display:inline-block; padding:10px; padding:22px 10px\9; float:left}
.showmore{text-align:right; vertical-align:sub; margin-left:38%}
.title_left a {color: #004d85 !important; cursor: pointer;}
.title_right a {color: #004d85 !important; cursor: pointer;}
.tripsbox_bottom_right a{color:#fff; padding-left:5px}
@media (min-width: 1102px) and (max-width: 1178px) {
/*.populer_tripsmain ul li { margin-right: 3%;}*/
.populer_tripsmain {
padding: 0 5%;
width: 90%;
}
}
@media (min-width: 1060px) and (max-width: 1101px) {
/*.populer_tripsmain ul li { margin-right: 3%;}*/
.tiprplan_iti {
padding-left: 3%;
width: 97%;
}
/*.populer_tripsmain ul {
padding: 0 4% 0 6%;
width: 90%;
}*/
.future_logodiv ul li {
padding: 16px;
}
.populer_tripsmain {
padding: 0 2%;
width: 96%;
}
}
@media (min-width: 1025px) and (max-width: 1059px) {
/*.populer_tripsmain ul li { margin-right: 3%;}*/
.tiprplan_iti {
padding-left: 3%;
width: 97%;
}
/*.populer_tripsmain ul {
padding: 0 2%;
width: 96%;
}*/
.future_logodiv ul li {
padding: 16px;
}
.tiprplan_iti_hotel {
margin-right: 20px;
}
.tiprplan_iti_attra {
margin-right: 20px;
}
.tiprplan_iti_city {
margin-right: 20px;
}
.future_logodiv {
height: 123px;
padding-left: 5%;
width: 95%;
}
.populer_tripsmain {
padding: 0 2%;
width: 96%;
}
}
@media (min-width: 981px) and (max-width: 1024px) {
/*.homebaner_content { max-width: 1132px; padding-left: 68px;}*/
.tiprplan_iti {width: 98%; padding-left: 2%;}
.tiprplan_iti_city {margin-right: 20px; width: 22%;}
.tiprplan_iti_attra { margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel { margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul { padding: 0 1% 0 4%; width: 95%;}*/
/*.populer_tripsmain ul li {width: 29%; margin-right: 3%;}*/
.future_logodiv {padding-left: 2%; width: 98%;}
.future_logodiv ul li { padding: 18px;}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
/*.populer_tripsmain {
padding: 0 3%;
}*/
.populer_tripsmain {
padding: 0 1%;
width: 98%;
}
}
@media (min-width: 935px) and (max-width: 980px) {
.homebaner_imgdiv { background-size: auto auto; height: auto; padding-bottom: 31%; width: 100%;}
.homebaner_content { max-width: 1160px; padding-left: 40px;}
.tiprplan_iti {width: 98%; padding-left: 2%;}
.tiprplan_iti_city {margin-right: 20px; width: 22%;}
.tiprplan_iti_attra { margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel { margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul { padding: 0 1% 0 4%;width: 95%;}
.populer_tripsmain ul li { width: 29%; margin-right: 3%;}*/
.future_logodiv { padding-left: 2%;width: 98%;}
.future_logodiv ul li { padding: 14px;}
/*.populer_tripsmain {
padding: 0 0 0 1.5%;
}*/
.spanlefts {display: none !important;}
.spanrights {
margin-left: 13px;
}
.populer_tripsmain {
padding: 0 1%;
width: 98%;
}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
}
@media (min-width: 901px) and (max-width: 934px) {
.homebaner_imgdiv {background-size: auto auto; height: auto; padding-bottom: 31%; width: 100%;}
.homebaner_content { max-width: 1160px; padding-left: 40px;}
.tiprplan_iti {width: 98%; padding-left: 2%;}
.tiprplan_iti_city { margin-right: 20px; width: 22%;}
.tiprplan_iti_attra {margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel { margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul {padding: 0 1% 0 4%; width: 95%;}
.populer_tripsmain ul li { width: 29%;margin-right: 3%;float:none;}*/
.future_logodiv { padding-left: 2%; width: 98%;}
.future_logodiv ul li {padding: 11px;}
.spanlefts {display: none !important;}
.spanrights { margin-left: 19px;}
.showmore { margin-left: 31%;}
/*.populer_tripsmain {
padding: 0 0 0 1.5%;
}*/
.populer_tripsmain {
padding: 0 10%;
width: 90%;
}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
}
@media (min-width: 851px) and (max-width: 900px) {
.homebaner_imgdiv {background-size: auto auto; height: auto;padding-bottom: 31%;width: 100%;}
.homebaner_content { max-width: 1160px; padding-left: 40px;}
.tiprplan_iti {width: 98%; padding-left: 2%;}
.tiprplan_iti_city {margin-right: 20px; width: 22%;}
.tiprplan_iti_attra { margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel { margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul {padding: 0 1% 0 4%; width: 95%;}
.populer_tripsmain ul li {width: 29%; margin-right: 3%;float:none;}*/
.future_logodiv { padding-left: 2%; width: 98%;}
.future_logodiv ul li {padding: 11px 60px;}
.spanlefts { display: none !important;}
.spanrights { margin-left: 19px;}
.showmore { margin-left: 31%;}
/*.populer_tripsmain {
padding: 0 11%;
}*/
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
.populer_div {
display: table;
margin: 0 auto;
padding: 0 12%;
width: 76%;
}
}
@media (min-width: 801px) and (max-width: 850px) {
.homebaner_imgdiv { background-size: auto auto; height: auto; padding-bottom: 31%; width: 100%;}
.homebaner_content { max-width: 1160px; padding-left: 40px;}
.tiprplan_iti { width: 98%; padding-left: 2%;}
.tiprplan_iti_city { margin-right: 20px; width: 22%;}
.tiprplan_iti_attra {margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel {margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul { padding: 0 1% 0 4%;width: 95%;}
.populer_tripsmain ul li { width: 29%; margin-right: 3%;float:none;}*/
.future_logodiv {height: auto;padding-left: 2%;width: 98%;}
.future_logodiv ul li {padding: 10px 62px;}
.spanlefts {display: none !important;}
.spanrights { margin-left: 2px;}
.showmore { margin-left: 25%;}
.title_right {width: 32%;}
.title_left {
width: 54%;
}
/*.populer_tripsmain {
padding: 0 10%;
}*/
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
.populer_div {
display: table;
margin: 0 auto;
padding: 0 10%;
width: 80%;
}
}
@media (min-width: 769px) and (max-width: 800px) {
.homebaner_imgdiv {background-size: auto auto; height: auto; padding-bottom: 31%; width: 100%;}
.homebaner_content {max-width: 1178;padding-left: 22px; padding-top: 18%;}
.tiprplan_iti {width: 98%; padding-left: 2%;}
.tiprplan_iti_city {margin-right: 20px; width: 22%;}
.tiprplan_iti_attra {margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel {margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul {padding: 0 1% 0 4%;width: 95%;}
.populer_tripsmain ul li {width: 29%; margin-right: 3%;float:none;}*/
.future_logodiv {height: auto ;padding-left: 2%;width: 98%; }
.future_logodiv ul li { padding: 10px 60px;}
.spanlefts { display: none !important;}
.spanrights {margin-left: 19px;}
.showmore { margin-left: 18%;}
/*.populer_tripsmain {
padding: 0 8%;
}*/
.new_btnimgleft ul li {
float: none;
}
.populer_tripsmain {
padding: 0 9%;
width: 82%;
}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
}
@media (min-width: 723px) and (max-width: 768px) {
.homebaner_imgdiv { background-size: auto auto;height: auto; padding-bottom: 31%;width: 100%;}
.homebaner_content {max-width: 1178; padding-left: 22px; padding-top: 18%;}
.tiprplan_iti { width: 98%; padding-left: 2%;}
.tiprplan_iti_city { margin-right: 20px; width: 22%;}
.tiprplan_iti_attra { margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel {margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul { padding: 0 1% 0 4%;width: 95%;}
.populer_tripsmain ul li {width: 29%; margin-right: 3%;float:none;}*/
.future_logodiv { height: auto; padding-left: 2%;width: 98%;}
.future_logodiv ul li {padding: 10px 50px;}
.spanlefts {display: none !important;}
.spanrights {margin-left: 19px;}
.showmore {margin-left: 22%;}
.new_btnimgleft ul li {padding: 11px;}
.jogrutotrip-desp {
font-size: 23px;
}
.hobo-name {
background: url('../img/hobo-sprite.png') no-repeat -1px 0;
width: 61px;
height: 22px;
}
/*.populer_tripsmain {
padding: 0 5%;
}*/
.new_btnimgleft ul li {
float: none;
}
.populer_tripsmain {
padding: 0 6%;
width: 88%;
}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
}
@media (min-width: 660px) and (max-width: 722px) {
.homebaner_imgdiv { background-size: auto auto;height: auto;padding-bottom: 31%;width: 100%;}
.homebaner_content { max-width: 1178;padding-left: 22px; padding-top: 18%;}
.tiprplan_iti { width: 98%; padding-left: 2%;}
.tiprplan_iti_city { margin-right: 20px; width: 22%;}
.tiprplan_iti_attra { margin-right: 20px; width: 22%;}
.tiprplan_iti_hotel {margin-right: 20px; width: 22%;}
.tiprplan_iti_social { width: 22%;}
/*.populer_tripsmain ul { padding: 0 1% 0 2%; width: 97%;}
.populer_tripsmain ul li {float: none; margin-right: 1%;width: 31%;}*/
.future_logodiv {height: auto;padding-left: 2%; width: 98%;}
.future_logodiv ul li {padding: 10px 40px;}
.spanlefts { display: none !important;}
.spanrights { margin-left: 19px;}
.showmore { margin-left: 6%;}
.new_btnimgleft ul li { padding: 8px;}
.populer_tripsbox_bottom { padding-left: 9px;}
.tripsbox_bottom_right { padding: 9px 0 0 30%;}
.jogrutotrip-desp {
font-size: 20px;
}
.hobo-name {
background: url('../img/hobo-sprite.png') no-repeat -1px 0;
width: 61px;
height: 22px;
}
/*.populer_tripsmain {
padding: 0 2.5%;
}*/
.new_btnimgleft ul li {
float: none;
}
.populer_tripsmain {
height: auto;
margin: 0 auto;
width: 95%; padding:0 2.5%;
}
.homebaner_imgdiv {-moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; height: auto; padding-bottom: 31%; width: 100%; }
}
@media (max-width: 659px) {
.spanlefts {
display:none !important;
}
}
.tiprplan_iti_border > img {
max-width: 100%;
}
/************Marketing Portion************/
.marketing-portion {
display: block;
height: 250px;
margin: 0 auto;
width: 725px;
margin-top:50px;
clear:both;
}
.contest-term{
width:575px;
background:#fff;
padding:25px;
font-family:lato;
}
.contest-term h1{
color:#002c4e;
margin-top:0;
font-family:lato;
}
.contest-term li {
list-style: disc outside none;
margin: 0 0 0 15px;
}
.contest-term a{
background:#65aa09;
border-bottom:3px solid #4a7f02;
border-radius:5px;
padding:5px 10px;
font-weight:bold;
color:#fff;
font-size:18px;
margin: 20px 0 0 0;
display:inline-block;
}