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

/* contact details */
#inner .logo{height: 100%;}
#inner table{width: 70%; margin-top: 80px;}
#inner .contact-box{padding: 10px; border: 1px solid #a8cecc; margin: 10px;border-left: 40px solid #235886;}
#inner .contacts{padding: 30px 40px;}
#inner .contact-icon{display: inline-block; float: left; left: -40px; margin-top: 8%; position: relative;}
#inner .contact-icon .fa{background: #0f3c68; border-radius: 50%;  color: #fff; font-size: 25px; padding: 18px 20px; width: 65px; height: 65px;border: 3px solid #FFF;}
#inner .cont-text p{color: #314354; overflow: hidden; padding: 12px 0px;}
#inner .contacts strong{font-size: 18px;}


/* Contact form */
.contact-form{margin-top: 40px;}
.contact-form input{width: 90%; height: 35px; border-radius: 4px; border: 1px solid #178693; padding: 10px; margin-bottom: 12px;}s
.contact-form p{text-align: right; margin-right: 40px; line-height: 2.5em;}
.contact-form textarea{width: 90%; border-radius: 4px; border: 1px solid #178693; padding: 10px; height: 200px;}
.contact-form .form-btn{width: 20%; height: 40px; margin-top: 20px; background: #4bb1ef; border:1px solid #4bb1ef; cursor: pointer; color: #ffffff; font-size: 18px; padding: initial;}
.success { font-size:17px; background-color:#4bb1ef; color:#fff; padding:8px 15px; text-align:center; max-width:800px; margin:0 auto 15px; display:none; }
.error { font-size:17px; background-color:#4bb1ef; color:#fff; padding:8px 15px; text-align:center; max-width:800px; margin:0 auto 15px; display:none; }

#inner p{text-align: left; font-size: 15px; line-height: 1.5em; color:#1f2123; font-family: 'Roboto Condensed', sans-serif;}

/* About Page */
#inner .content, #inner .srilanka-text{padding: 20px 20px;}
#inner .content img{max-width: 100%; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.22);}
#inner .img-logo{width: 380px; margin-top: -15px; padding-bottom: 20px; margin-left: 10px;}
#inner .static-box{background-image: url(../img/static.jpg); width: 100%; background-attachment: fixed; z-index: 0; z-index: 0; background-size: cover;}
#inner .static-content{padding: 40px;}
#inner .static-content img{width: 50px; padding-bottom: 10px;}
#inner .static-content .bounce{position: relative;display: block; width: 1%; height: 150px; margin: 0 auto;}
#inner .static-content .bounce i{ display:inline-block; position:absolute;-webkit-animation:movingbox 4s infinite;left: -23px;}
#inner .static-content .bounce img{}
@-webkit-keyframes movingbox{0%{bottom:0%;} 70%{bottom:50%;} 100%{bottom:0%;} }
#inner .static-content img:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
#inner .static-content .inner-box{text-align: center; padding: 10px 0px 40px 0px; background-color: rgba(0, 0, 0, 0.55); margin: 20px 10px;}
#inner .animate-number{font-size: 50px; color: #6e9ed8; padding-bottom: 10px;}
#inner .text-white{font-size: 18px; color: #ffffff; font-weight: 400;}
#inner .count{line-height: 60px; color: #6e9ed8; font-size: 50px; padding-bottom: 10px;}
#inner .content-box{ text-align:center; color:#0E2D3B;}
#inner .content-box h1{ display:inline-block;}
#inner .content-box h1:after{content: " ";display: block;background:rgb(231, 55, 53);height: 1px;width: 90px;margin: 20px auto 0;}
#inner strong{color: #576363;}

/* Sub pages Topic */
#inner .topic{text-align: center; padding-bottom: 30px;}
#inner .topic h1{display: inline-block;}
#inner .content-box h1 i{padding-right: 10px;}

/* Sri Lanka Page */
#inner .srilanka-text{background-image:url(../img/SriLanka.png); background-repeat: no-repeat; background-size: cover;}
#inner .img-content{padding: 0px 10px; text-align: center;}
#inner .img-content span{display: inline-block; transform: rotate(-8deg); margin: 0px; border: 5px #eee solid; box-shadow: 1px 3px 7px rgba(0,0,0,0.3);}
#inner .img-content span:nth-child(even){transform: rotate(8deg); margin-top: 20px;}
#inner .img-content img{width: 200px;}

/* Packages Page */
#inner .pack-img img{width: 100%; height: 250px; padding: 5px;}
#inner .pack-img li{width: 24%; display: flex; position: relative; overflow: hidden; margin: 3px; box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.45);}
#inner .pack-img li .view{background-color: rgba(200, 236, 248, 0.39); border: 5px solid #fff !important;}
#inner .pack-img li .view i, #inner .pack-img li span{background-color: #0867d7;}
#inner .pack-img li span{right: 5px; bottom: 5px; width: 273px; text-align: justify;}
#inner .pack-img li:hover span{bottom: -100%;}
#inner .pack-img li span h3{color: #fff;}

#inner .pack-img li:nth-child(4n+1) .view{background-color:rgba(191, 142, 33, 0.5);}
#inner .pack-img li:nth-child(4n+1) span, #inner .pack-img li:nth-child(4n+1) .view i{background-color:rgba(191, 142, 33, 0.9);}
#inner .pack-img li:nth-child(4n+2) .view{background-color:rgba(227, 38, 38, 0.5);}
#inner .pack-img li:nth-child(4n+2) span, #inner .pack-img li:nth-child(4n+2) .view i{background-color:rgba(227, 38, 38, 0.9);}
#inner .pack-img li:nth-child(4n+3) .view{background-color:rgba(33, 191, 82, 0.5);}
#inner .pack-img li:nth-child(4n+3) span, #inner .pack-img li:nth-child(4n+3) .view i{background-color:rgba(33, 191, 82, 0.9);}
#inner .pack-img li:nth-child(4n+4) .view{background-color:rgba(38, 180, 227, 0.5);}
#inner .pack-img li:nth-child(4n+4) span, #inner .pack-img li:nth-child(4n+4) .view i{background-color:rgba(38, 180, 227, 0.9);}

#inner .packages h3{color: #fff;}
#inner h1 small, h3 small{display: block; padding-top:5px;}

/* One packages Page */
#inner .package .topic{text-align: left;}
#inner .package .topic .r-btn{ float:right; margin-top:15px;}
#inner .package .topic .h1{ display:inline-block;width: 80%;}
#inner .package .topic .h1 small{ font-size:18px; color: #e05b12;}
#inner .package .topic .h1 small i{ font-size:14px; color:#852299;}
#inner .onepak-cont{width: 100%;}
#inner .onepak-cont img{max-width: 200px;}
/*#inner h1 small{margin-left: 44px;}*/
#inner .onepak-cont h3{background-color:#11417b; padding: 10px; margin-left: 30px; color: #ffffff; font-size: 20px;}
#inner .onepak-cont p{margin: 20px 0px 0px 30px; color:#272f36;}
#inner .onepak-cont .place{color:#0d9ea5; font-size: 18px; float:left; font-weight: 500;}
#inner .onepak-cont .day-topic{background: rgba(144, 145, 146, 0.14);padding: 10px 20px 30px;color: #14a711;font-size: 20px; border-bottom: 1px solid #adadad;}
#inner .onepak-cont .day{float:right;}
#inner .onepak-cont li{display: flex;margin-bottom: 15px; box-shadow: 1px 0 4px rgba(0,0,0,0.2); background-color:#f9f9f9;}
#inner .onepak-cont li span{ width:100%;}

/* Offers & Services Page */
#inner .services img{width:100%;}
#inner .services h4{text-align: justify; color:#17cbc4; padding-bottom: 3px;border-bottom: 1px solid #12f2ab33;margin-bottom: 7px;}
#inner .ser-box, #inner .ser-box-left{background:rgba(5, 15, 74, 0.77); padding: 20px; margin-left: 40px; border-radius: 5px;}
#inner .ser-box:after, #inner .ser-box-left:after{content: ''; height: 40px; width: 20px; border-style: solid; border-width: 20px; border-color: rgba(32, 154, 195, 0) rgb(57, 68, 131) rgba(222, 195, 9, 0) rgba(30, 179, 222, 0); position: absolute; left: 4px; top: 40px;}
#inner .ser-box p, #inner .ser-box-left p{ color:#fff;}
#inner .ser-xxl{margin-top:20px;}
#inner .ser-box-left{margin-left:0px; margin-right: 40px;}
#inner .ser-box-left:after{border-color: rgba(32, 154, 195, 0) rgba(240, 10, 10, 0) rgba(222, 195, 9, 0) rgb(57, 68, 131); left: 758px;}
#inner .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color:rgba(14, 69, 132, 0.3); overflow: hidden; width: 0; height: 100%; transition: .5s ease;}
#inner .services:hover .overlay {width: 100%;}

/* Testimonial Page */
#inner .testimonial li{width: 40%; margin: 25px 25px 55px 0px;}
#inner .testimonial p{padding: 10px;}


/* map */
.map-content-wrapper { width:100%; height:100%; position:relative; display:flex; text-align:left;border:5px #bababa solid; }
.map-load {position:relative; width:100%; height:640px; background:#333; }
.map-page .banner-wrap { padding:20px; background-color:#CDDC39; text-align:center; font-weight:bold; }
.map-content { position:fixed; top:160px; background-color:#fff; right:20px; width:300px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:3px; padding:20px; max-height:450px; overflow-y:scroll;  }
.map-window{max-width: 220px;}
.map-window h4 { font-weight:bold; font-size:16px; margin-bottom:7px; }
.map-window p { font-size:13px !important; }
.map-window .img-responsive{ max-width:100% !important;}
.add-btn { display:inline-block; margin:10px 0; color:#fff; font-weight:bold; text-transform:uppercase; border:1px #185cc1 solid; font-size:14px; padding:8px 15px; background-color:#3952DC; cursor:pointer; }
.add-btn.disable { background-color:#eee; color:#ccc; border:#ccc; cursor:default; }
.itinery { margin-top:10px; max-height:90px; overflow-y:scroll; }
.itinery label{ font-size:16px;margin-top:5px;display:inline-block;background-color:#17825c;color:#fff;padding:4px 7px 3px;border-radius:2px;margin:2px; }
.map-form label { font-size:16px; color:#212121; margin-top:5px;display: block;vertical-align: top;padding: 7px 0 3px; }
.map-form .input {padding:7px 10px; width:100%;border-radius:3px;box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);display:inline-block;border:1px #bddc90 solid;outline: none; }
.formWrap { padding:10px 0; }
.gm-style-iw { top:17px !important; left:23px !important; }

@media all and (max-width: 540px) {
	.content-box h3{display: block;padding: 10px; text-align: justify;}
	#inner .saicon{position: inherit;}
	#inner .p{font-size:13px; padding:5px 15px; line-height:1.4em;}
	#inner  p{font-size: 13px;}
	#inner .pack-img li, #inner .offers img{width: 100%;}
	#inner .pack-img li span{width: 330px; text-align: justify;}
	#inner h3 small{text-align: justify;}
	
	#inner .onepak-cont li{ display:block; padding-bottom:5px;}
	#inner .onepak-cont li i{ display:block; text-align:center;}
	#inner .onepak-cont li i img{ max-width:150px;}
	#inner .package .topic .h1{ display:block; width:100%;}
	#inner .package .topic .r-btn{ display:none;}
	
	#inner .ser-box, #inner .ser-box-left{ margin:0; text-align:justify;}
	#inner .ser-box::after, #inner .ser-box-left::after{ display:none;}
	
	#gridContainer{height: auto !important;}
	.grid li{display: inline-block; position: relative !important;top: 0 !important;max-width: 48%;left: 0 !important;}
	.grid li img{ max-width:100%;}

	#inner .testimonial li {width: 90%;margin-bottom: 30px;}
	#inner .contacts { margin-top: 17%; }

}