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; }