body{ margin:0px; padding:0px; font-family:Calibri;}
h1,h2,h3,h4,h5,span,p,a,ul,li{ margin:0px; padding:0px; font-weight:normal;}
header{ background:url(../images/header_bg.png); clear:both;  position:fixed; z-index:9999; left:0px; right:0px; top:50px;}
section{ clear:both; }
footer{ clear:both; background:url(../images/bg-footer.jpg); overflow:hidden}
.flight{ position:fixed; right:0px; top:430px; z-index:9999;} 
.flight2{display:none} 


.container{ width:1200px; margin:0 auto; position:relative;}
.row{ clear:both; }
.logo{ width:260px; float:left;padding:5px 20px; position:relative; }
.logo img{position:absolute; z-index:999; background:#fff; top:-50px; padding:5px 50px; border:1px solid #000 }
nav{ float:right; margin-left:20px;}
nav ul{ list-style:none;}
nav li{ position:relative; float:left; }
nav li a{ font-size:18px; float:left; color:#fff; display:block; line-height:100px; padding:0 15px; text-decoration:none; text-transform:capitalize; transition: all 0.7s ease;}
nav li a:hover{ background:#de0000; color:#fff;}
.mobnav{ display:none; margin:5px 0;}
.mobnav img{ float:right; margin:10px 10px;}
.active_tab{ background:#de0000!important; color:#fff!important;}
.banner{ clear:both; display:block; background:url(../images/banner.jpg);}
.banner img{ width:100%;} 
.heading_2{ z-index:9999; font-size:40px; text-shadow: 2px 2px 2px #000; font-weight:bold; border-bottom:2px dashed #000; color:#de0000; margin-top:-80px; overflow:hidden; display:block;}
.tour_box{ width:299px; float:left; border-right:2px dotted #999; background:#fff; overflow:hidden; position:relative; }
.tour_box img{ width:100%;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;  }
.tour_box img:hover{opacity: 0.4; -webkit-transform:scale(1.2); transform:scale(1.2);}
.tour_box h2{ width:80%; font-size:18px; padding-left:20px; color:#000; text-transform:uppercase; left:7%; line-height:40px; position:absolute; z-index:999; bottom:30px; background:url(../images/header_bg2.png); display:block;}
.hover_box{ width:100%; height:100%; position:absolute; z-index:2; background:rgba(0, 0, 0, 0.5); left:0px; top:310px; transition:all 1s ease;}
.hover_box .more{ background:rgba(255, 255, 255, 0.8); padding:10px 20px; color:#000; position:absolute; left:90px; top:130px; font-size:14px; border-radius:20px;}
.hover_box .more:hover{ background:#ff0000; color:#fff;}
.tour_box:hover .hover_box{ top:0px;}

.hover_box2{ width:100%; height:100%; position:absolute; z-index:2; background:rgba(0, 0, 0, 0.5); left:0px; top:310px; transition:all 1s ease;}
.hover_box2 .more{ background:rgba(255, 255, 255, 0.8); padding:10px 20px; color:#000; position:absolute; left:230px; top:130px; font-size:14px; border-radius:20px;}
.hover_box2 .more:hover{ background:#ff0000; color:#fff;}
.tour_box2:hover .hover_box2{ top:0px;}


.tour_box2{ width:598px; float:left; background:#fff; overflow:hidden; position:relative!important;}
.tour_box2 img{ width:100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.tour_box2 img:hover{opacity: 0.4; -webkit-transform:scale(1.2); transform:scale(1.2);} 
.tour_box2 h2{ width:89%; font-size:18px; padding-left:20px; color:#000; text-transform:uppercase; left:4%; line-height:40px; position:absolute; z-index:999; bottom:30px; background:url(../images/header_bg2.png); display:block;}
.heading{ clear:both;}
.heading h2{ font-size:46px; color:#e50000; line-height:30px; padding:30px 0;} 
.back_bg{ background-image:url(../images/back_bg.jpg); background-attachment:fixed; background-size:100%; overflow:hidden; margin:40px 0 0 0; height:880px;}
.welcome{ clear:both; background:url(../images/header_bg2.png); margin:30px 0; padding:30px; text-align:center;}
.welcome h2{ font-size:44px; font-weight:bold; color:#e50000; text-align:center; line-height:30px;}
.welcome h1{ font-size:24px; font-weight:bold; color:#e50000; text-align:center; line-height:10px; margin-top:10px}
.welcome p{ text-align:center; line-height:25px; color:#000; margin:10px 0; font-size:18px;}
.welcome .more{ font-size:16px; background:#000; color:#fff; padding:8px 15px; text-align:center; text-decoration:none;}
.welcome .more:hover{ background:#e50000}
.welcome img{ width:100px; height:100px; margin:30px auto 0 auto; border-radius:100px; clear:both; box-shadow: 0px 5px 5px #000;}
.welcome .pack_new{ width:520px; float:left; margin:50px 0px 0px 30px; border:8px solid #d5d5d5; padding:10px 0 15px 0; background:url(../images/header_bg2.png); }


.client{ background:url(../images/client_bg.jpg) fixed; height:300px; text-align:center;}
.client img{ padding:5px; border:1px solid #000; background:#fff; border-radius:20px; margin:70px 0 0 0; transition: all 0.7s ease;}
.client img:hover{ background:#e50000;}
.clear{ clear:both;}
.clear30{ clear:both; height:20px;}
.clear40{ clear:both; height:40px;}
.infor{ width:277px; float:left; margin: 0px 30px 20px 0;}
.infor h2{ font-size:24px; color:#000; line-height:40px; margin:10px 0; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #e1e1e1;}
.infor ul{ list-style:none; float:left; width:135px;}
.infor li{ clear:both;}
.infor li a{ font-size:14px; color:#000; margin-right:5px; line-height:30px; text-decoration:none; text-transform:capitalize; border-bottom:1px dashed #202020; display:block;}
.infor li a:hover{ color:#F00;}
.infor p{ font-size:16px; color:#000; line-height:20px; }
.infor img{ float:left; margin:20px 5px 0 0}
.marg_no{ margin: 0px 0px 20px 0px!important;}
.bottom_bg{ background:#000; overflow:hidden; clear:both; text-align:center; }
.bottom_bg .copy{ font-size:14px; color:#fff; line-height:40px; float:left; text-decoration:none;}
.float_r{ float:right!important;}
.social{ width:45px; padding:20px 0px 20px 5px; position:fixed; left:0px; top:430px; z-index:999; border-radius:0 25px 25px 0px; background:#000; border-right:3px solid #e40000}
.social img{float:left; margin:2px 5px 0px 0; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;}
.social img:hover{-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ transform: rotate(360deg);}
.tour_pack{ clear:both; border:1px dashed #cccccc; padding:20px; margin:0 0 10px 0; overflow:hidden;}
.tour_pack img{ float:left; margin:0 30px 0 0; border:1px solid #000; padding:5px; background:#fff; width:300px; box-shadow: 5px 5px 5px #888888;}
.tour_pack h2{ font-size:26px; font-weight:bold; font-style:italic;  color:#de0000; line-height:40px; border-bottom:1px solid #dbdbdb;}
.tour_pack h4{ font-size:20px; font-weight:bold; font-style:italic;  color:#000; line-height:40px; clear:both;}
.tour_pack p{ font-size:16px;color:#000; margin-top:15px; float:left;}
.tour_pack span{ font-size:20px; font-weight:bold; color:#e30000; margin:15px 10px 0 0; float:left;}
.tour_pack .enq{ clear:both; margin-top:10px; background:#e30000; color:#fff; line-height:40px; text-align:center; display:block; width:120px;font-size:18px;transition: all 0.7s ease;}
.tour_pack .enq:hover{ background:#000;}
.tour_cont{ width:820px; float:left;}
.pack_test{ width:350px; float:right; margin-left:30px; border-bottom:1px solid #eaeaea ; border-top:1px solid #eaeaea ; padding:10px 0 15px 0; }
.pack_test img{width:100px; margin:0 15px 0 0}
.pack_test p{ font-size:14px; color:#000; width:220px; margin-top:0px; float:left; }

.map{ float: left; width:500px; padding:10px; border:2px solid #000; margin-top:10px;}
.contact{ width:550px; float:left; border:1px dashed #cccccc; padding:20px; margin:10px 0 0 20px; overflow:hidden;}
.contact h2{ font-size:26px; font-weight:bold; font-style:italic;  color:#de0000; line-height:40px; border-bottom:1px solid #dbdbdb;}
.contact p{ font-size:18px; color:#000; margin-top:15px; font-style:normal; line-height:25px;}
.form_box{ width:575px; padding:20px; overflow:hidden; margin:30px 0; text-align:center; border:1px dashed #CCC; float:left}
.form_box h2{ font-size:30px; font-weight:normal; color:#e50000; margin:0 0 30px 0; font-family: "Georgia",serif; font-style:italic; } 
.form_box from{ clear:both;}
.form_Row{ width:250px; float:left; margin:0 30px 0 0}
.form_box input{ width:250px; color:#000; font-size:16px; height:35px; width:100%; border:1px solid #e2e2e2; padding-left:15px; clear:both; margin:0 0 10px 0;} 
.form_box input:hover{border:1px solid #ff0000;}
.form_box input:focus{border:1px solid #ff0000;}
.form_box textarea{ color:#000; font-size:16px; height:80px; width:100%; border:1px solid #e2e2e2; padding:0 0 0 15px; margin:0!important;} 
.form_box textarea:hover{border:1px solid #ff0000;}
.form_box textarea:focus{border:1px solid #ff0000;}
.sumbit{ background:#000; color:#fff!important; width:100%!important; text-align:center; margin-top:10px!important; font-size:24px;}
.testimonials{ background:#fff; width:575px; padding:20px; overflow:hidden; margin:30px 0 0 30px;   border:1px dashed #CCC; float:left}
.testimonials h3{ font-size:30px; font-weight:normal; color:#e50000; margin:0 0 20px 0; text-align:center; font-family:  "Georgia",serif; font-style:italic; } 
.test_photo{ float:left; width:100px; margin-right:20px; }
.test_photo img{ width:100%; margin:10px 0 0 0; border:2px solid #999;}
.test_text { width:400px; float:left;}
.test_text p{font-size:16px; margin-top:5px; color:#000; font-style:italic; text-align:left; line-height:18px; clear:both;}
.test_text span{font-size:16px; margin-top:5px; color:#ff0000; font-style:italic;  line-height:20px; float:left;}
.test_text h4{font-size:12px; margin:7px 0 0 5px; color:#000; font-style:italic; text-align:left; line-height:20px; float:left;}
.test_both{ clear:both; border-bottom:1px dashed #CCC; height:20px; margin-bottom:10px}
.about_text{ clear:both; margin:0px 0 0 0;}
.about_text h2{ font-size:30px; color:#de0000; border-bottom:1px solid #dbdbdb;}
.about_text p{font-size:16px;color:#000; margin-top:15px; line-height:20px;}
.about_text span{font-size:24px; font-weight:bold; color:#de0000; line-height:40px;}
.about_text h3{font-size:24px; color:#000; line-height:40px;}
.about_text ul{ list-style:none; text-align:center;}
.about_text li{font-size:18px;color:#fff; padding:10px 20px; border-radius:30px; line-height:55px; display:inline; background:#ff0000; box-shadow: 2px 2px 2px #000; }
.img_box { float:left; margin: 0 0 0 30px;}
.img_box img { margin-top:60px;}
.tabing_nav{ clear:both;}
.tabing_nav ul{ list-style:none;}
.tabing_nav li{ float:left;}
.tabing_nav li a{ font-size:20px; background:#000; color:#fff; line-height:50px; display:block; padding:0 20px; text-decoration:none; text-transform:capitalize; border-left:1px solid #666}
.tabing_nav li a:hover{ background:#e40000;}
.event_box{ clear:both; border:1px dashed #cccccc; padding:20px; margin:0 0 10px 0; overflow:hidden;}
.event_box img{ float:left; margin:20px 20px 0 0; border:1px solid #000; padding:5px; background:#fff; width:255px; box-shadow: 5px 5px 5px #888888;}
.event_box img:hover{background:#000; transition: all 0.7s ease;}
.event_box h2{ font-size:26px; font-weight:bold; font-style:italic;  color:#de0000; line-height:50px; border-bottom:1px solid #dbdbdb;}
.event_box p{ font-size:18px;color:#000; margin-top:15px; float:left;}
.float_left{ float:left!important;}
.social_mob{ display:none; }
.clear5{ border-bottom:1px dashed #999; clear:both; height:10px; margin:10px 0 }


@media only screen and (min-width: 320px)and (max-width: 480px) and (orientation : portrait){
.tour_box h2{ font-size:14px; }
.tour_box{ max-width:100%!important; float: left!important; border-right:none; margin: 0 0 10px 0}
.hover_box .more{ left:95px; top:130px; font-size:14px; border-radius:20px;}
.hover_box2 .more{ left:100px; top:20px;}
.pack_test img{width:100px!important; margin: 0 0 10px 80px!important; text-align:center!important; float:none!important; }
}
@media only screen and (min-width: 320px)and (max-width: 480px) and (orientation : landscape){
.tour_box h2{ font-size:14px; }
.tour_box{ max-width:50%!important; float: left!important; border-right:none; margin: 0 0 10px 0}
.hover_box .more{ left:60px; top:80px; font-size:14px; border-radius:20px;}
.hover_box2 .more{ left:170px; top:50px;}
.pack_test img{width:100px!important; margin: 0 0 10px 150px!important; text-align:center!important; float:none!important; }

}
@media only screen and (min-width: 360px)and (max-width: 640px) and (orientation : portrait){
.pack_test img{width:100px!important; margin: 0 0 10px 90px!important; text-align:center!important; float:none!important; }
.tour_box{ max-width:100%!important; float: left!important; border-right:none; margin: 0 0 10px 0}
.hover_box .more{ left:115px; top:130px; font-size:14px; border-radius:20px;}
.hover_box2 .more{ left:115px; top:20px;}
	
}
@media only screen and (min-width: 360px)and (max-width: 640px) and (orientation : landscape){
.pack_test img{width:100px!important; margin: 0 0 10px 230px!important; text-align:center!important; float:none!important; }
.tour_box{ max-width:50%!important; float: left!important; border-right:none; margin: 0 0 10px 0}
.hover_box .more{ left:100px; top:130px; font-size:14px; border-radius:20px;}
.hover_box2 .more{ left:230px; top:80px;}	
}


@media screen and (max-width:767px){
header{ clear:both;  position:inherit; top:0px; background:none;}
.container{ width:94%; margin:0 3%;}
.flight{ display:none} 
.flight2{ display:none; position:fixed; left:0px; top:150px; z-index:9999;} 
.logo{ width:100%; float:none;padding:5px 0px; text-align:center;}
.logo img{position:inherit;top:0px; padding:0px; border:none; }
nav{ float:none; margin-left:0px; background:none; }
nav ul{ background:#000;}
nav li{float:none; }
nav li a{ clear:both;float:none; line-height:35px; padding:0 15px; transition: all 0.7s ease; width:100%; border-bottom:1px solid #333!important; }
.mobnav{ display:block; background:#000; height:50px; text-align:center;}
.mobnav a{font-size:24px;  font-style:italic; line-height:40px; color:#fff!important; text-decoration:none;}
#mobopen{ display:none;}
.social_mob{ text-align:center; display:block; clear:both;}
.social_mob img{ margin:5px 2px;}
.social{ display:none}


.tour_box{ width:100%; float:none; border-right:none; margin: 0 0 10px 0}
.tour_box2{ width:100%; float:none; }




.back_bg{ background:url(../images/back_bg.jpg) fixed; overflow:hidden; margin:0px 0 0 0; height:auto;}
.welcome{ clear:both; margin:10px 0; padding:30px; text-align:center;}
.welcome h2{ font-size:30px; font-weight:bold; color:#e50000; text-align:center; line-height:25px;}
.client{ background:url(../images/client_bg.jpg) fixed; height:auto; text-align:center; padding:10px 0;}
.client img{ margin:5px 0 5px 0; }
.clear40{ clear:both; height:10px;}
.infor{ width:100%; float:none; margin: 0px 0px 10px 0; clear:both; text-align:center;}
.infor h2{ font-size:24px; color:#000; line-height:40px; text-transform:uppercase; font-weight:bold;}
.infor ul{ float:none; width:100%;}
.float_r{ float:none!important; clear:both;}
.bottom_bg .copy{ clear:both; float:none!important; text-align:center!important;}
.social{ width:100%; text-align:center;clear:both;}
.social img{float:none;}
.form_box{ width:100%; margin:30px 0; float:none}
.form_box input{ width:100%;}
.form_Row{ width:100%; float:none; margin:0 30px 0 0}
.testimonials{width:100%; margin:30px 0 0 0px; float:none}
.tour_pack img{ width:100%; clear:both;}
.tour_pack h2{ clear:both; font-size:22px; line-height:50px;}
.tour_pack p{float:none; clear:both;}
.tour_pack span{ font-size:20px; margin:10px 10px 0 0; }
.tour_pack .enq{ clear:both; margin-top:10px; width:100%; color:#fff;}
.tour_pack .enq:hover{ background:#000;}
.tour_cont{ width:100%; float:none;}
.event_box{ text-align:center;}
.event_box img{ float:none; margin:10px 0px 0 0; max-width:100%; }
.tabing_nav{ clear:both; display:none}
.img_box { float:none; }
.img_box img { max-width:100% margin-top:20px;}
.map{ float: none; width:100%; clear:both; }
.contact{ width:100%; float:none; margin:10px 0 0 0px; }
.testimonials{ width:100%; text-align:center; margin:20px 0 0 0px;   float:none}
.test_photo{ float:none; margin:0 auto; text-align:center; }
.test_text { width:100%; float:none; text-align:center;}
.test_text p{text-align:center; }
.test_text span{ text-align:center; float:none;}
.test_text h4{text-align:center; float:none; margin:0px 0 0 5px; }
.welcome .pack_new{ width:100%; float:none; margin:20px 0px 0px 0px; border:8px solid #d5d5d5; padding:10px 0 15px 0; background:url(../images/header_bg2.png); clear:both;}
.pack_test{ width:100%; float:none; margin-left:0px; margin-top:20px; clear:both; text-align:center; }
.pack_test img{width:100px!important; margin: 0 0 10px 90px; text-align:center!important; float:none!important; }
.pack_test p{ width:100%; margin-top:0px; float:none; clear:both; text-align:center; }

}