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

/* ============================================================================ 
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("http://fonts.googleapis.com/css?family=Suranna");
@import url("http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff");

/*  SCSS VARIABLES
================================================================================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Montserrat&display=swap');


input[type=text] { color:#000 !important;}
body {margin: 0px;font-size: 100%;font-family: 'Montserrat', sans-serif;}
img {border: none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;height:auto;}
.fullimage{width:100%;height:auto;}
.fullimg{width:100%;height:auto;}
h1{width:100%; height:auto; padding:0px;color:#000; font-size:22px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:20px; color:#fff; text-align:left; font-weight:900; text-transform:uppercase;}
h3{width:100%; height:auto; padding:0; margin:15px 0 10px 0; font-size:18px; text-align:left; font-weight:900;}

.blue{color:#103e90 !important;}
.black{color:#000;}
.white{color:#fff;} 
.red{color:#f23f00;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

.topRibon{width:100%; height:auto; padding:12px 3%; margin:0; background:#103e90; border-bottom:solid 1px #f1f1f1;}
.trLeftBox{width:60%; height:auto; padding:0; margin:0; float:left; color:#000; font-weight:300; font-size:14px; line-height:15px;}
.trRightBox{width:40%; height:auto; padding:0; margin:0; float:right; color:#000; font-weight:300; font-size:14px; line-height:15px;}
.gtranslater{width:auto; height:auto; padding:0 3% 0 0; margin:0px 20px 0 0; float:left; color:#000; font-weight:400; font-size:14px; border-right:solid 1px #ccc;}
.trCallUs{width:auto; height:auto; padding:3px 3% 3px 0; margin:0 20px 0 0; float:left; color:#000; font-weight:400; font-size:14px; border-right:solid 1px #ccc;}
.trEmail{width:auto; height:auto; padding:3px 0 3px 0; margin:0; float:left; color:#000; font-weight:400; font-size:14px;}
.trLogin{width:auto; height:auto; padding:3px 0 3px 0; margin:0; float:right; color:#000; font-weight:400; font-size:14px;}
.trReg{width:auto; height:auto; padding:3px 25px 3px 15px; margin:0 25px 0 15px; float:right; color:#000; font-weight:400; font-size:14px;border-right:solid 1px #ccc;}
.trCart{width:auto; height:auto; padding:3px 0; margin:0; float:right; color:#000; font-weight:400; font-size:14px;}
.contact-icon{margin:0px 7px 0 0;color:#ff6b00;}
.contact-icon1{margin:0px 7px 0 0;color:#ff6b00;}
.tr-contactnav{color:#fff;}
.tr-contactnav:hover{color:#ff6b00; text-decoration:none;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;background:#fff;}
header .header{width:100%; height:auto; padding:0px 2.5%; margin:auto; background:rgba(0,0,0,0); position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.1);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }

header .rightBox{width:auto;float:right; position:relative; margin:27px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:150px;height: auto; padding:0px; margin:5px 0 7px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .booknow{width:auto; height:auto; padding:0; margin:25px 0 10px 7px; float:right;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px 2.5%; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; position:relative; margin:17px 0 15px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:120px;height: auto; padding:0px; margin:5px 0 7px 0; position:relative; top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .booknow{width:auto; height:auto; padding:0; margin:25px 0 10px 7px; float:right;}
header.smaller .menuBox{ margin:0px 0 0 0;}

.menuBox{width:auto; height:auto; margin:auto 25px auto auto; padding:0; color:#007db8; font-size:15px; font-weight:400; text-align:left;}

.body{width:100%; height:auto; margin:auto;}
.iheadingBox{width:100%; height:auto; padding:0px 0 35px 0; margin:0; text-align:center;}
.iheadingBox1{width:100%; height:auto; padding:0px 0 20px 0; margin:0; text-align:center;}
.iheadingBox2{width:100%; height:auto; padding:0px 0 35px 0; margin:120px 0 0 0; text-align:center;}
.iheadingsmalltext{width:100%; height:auto; padding:18px 0 10px 0; margin:0; text-align:center; text-align:center; font-size:15px; color:#555;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; padding:0; margin:100px 0 0 0;position:relative;}
.bannerHeading{width:90%; height:auto; padding:10px 2% 12px 2%; margin:auto; position:absolute; z-index:1; left:5%; top:27%; color:#fff; font-size:50px; font-weight:900; text-align:center; text-shadow:0 2px 2px #000;font-family: 'Releway', Helvetica, Arial, sans-serif;}
.bannerSMText{width:100%; height:auto; padding:15px 0 15px 0; margin:auto;color:#fff; font-size:24px; line-height:45px; font-weight:400; text-align:center; text-shadow:0 2px 2px #000;}

/*-- Inquiry Css --*/
.enquirybox{width:83%; height:auto; padding:0; margin:auto 8%; position:absolute; z-index:1; bottom:-128px;border-radius:10px;}
.bitabbox{width:100%; height:auto; padding:0; margin:0;background:rgba(0,0,0,0.9);border-radius:10px 10px 0 0;overflow:hidden;}
.biformbox{width:100%; height:auto; padding:5px 1.2% 10px 1.5%; margin:0; background:rgba(0,0,0,0.8); border-radius: 0 0 10px 10px;}
.biFormCol{width:24%; height:auto; padding:0 !important; margin:0px 0.5% !important; float:left; position:relative;}
.biFormCol1{width:100%; height:auto; padding:0 !important; margin:0px 0.5% 7px 0.5% !important; float:left; position:relative;}
.biFormCol2{width:19%; height:auto; padding:0 !important; margin:0px 0.5% !important; float:left; position:relative;}
.biTextBox{width:100%; height:auto; padding:6px 4% 5px 4%; margin:0px auto 10px auto; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biDateTextBox{width:100%; height:auto; padding:6px 4% 5px 4%; margin:0px auto 10px auto; background:#fff url(images/calendarIcon.png) no-repeat right 7px center; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biListBox{width:100%; height:auto; padding:8px 3% 7px 3%; margin:0px auto 10px auto; border:solid 1px #fff; color:#6a6d73 !important; font-size:15px; outline:none; border-radius:4px;}
.biTextAreaBox{width:100%; height:75px; padding:6px 4% 5px 4%; margin:0px auto 10px auto; border:solid 1px #fff;color:#a4abb2 !important; font-size:15px; outline:none;}
.bookingBtn{width:100%; height:auto; padding:7px 3%;margin:0px auto 10px auto; background:#ff2a00; box-shadow:1px 1px 1px #000; border:none; color:#fff; font-weight:bold; font-size:14px; border-radius:4px; outline:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.bookingBtn:hover{background:#00d13f; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.tabbtn{width: auto; height:auto;padding: 10px 15px 6px 15px; margin:0 1px 0 0; background:none; color:#ccc; float: left; font-size:14px; font-weight:500; border-radius:0;}
.tabbtn:hover{background:#ff4800; cursor:pointer;color:#fff;}
.activetab{background:#ff4800; cursor:pointer;color:#fff;border-radius:0;}
.tab-content{width:auto; height:auto;padding:8px 0 2px 0;margin:0 1px 0 0;color:#fff;border-radius:0px;}

/*-- Popular Tour Packages --*/
.ptppanel{width:100%; height:auto; padding:60px 3.5% 50px 2.5%; margin:auto; background:#fff; font-size:13px; color:#555;}
.iptppanel{width:100%; height:auto; padding:20px 1% 0px 0; margin:auto; background:#fff; font-size:13px; color:#555;}
.ptpBox{width:100%; height:auto; padding:0px; margin:0px 2% 25px 2%; background:#fff; border:solid 0px #e3e3e3;border-radius: 7px; overflow: hidden;}
.ptpImgBox{width:100%; height:auto; padding:0; margin:0; position:relative;}
.ptpHeading{width:100%; height:auto; padding:10px 0; margin:0; background:#ffef2f; color:#ff0000; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}
.ptpdetailspanel{width:100%; height:auto; padding:0; margin:0;}
.ptpviewdetails{width:50%; height:auto; padding:10px 0 9px 0; margin:0; background:#000; color:#fff;font-size:13px; text-align:center; font-weight:bold; float:left;}
.iptppanel .ptpviewdetails{width:50%; height:auto; padding:7px 0 6px 0; margin:0; background:#000; color:#fff;font-size:13px; text-align:center; font-weight:bold; float:left;}
.ptpviewdetails:hover{background:#e60000;}
.ptpprice{width:50%; height:auto; padding:6px 0 7px 0; margin:0; background:#444; color:#fff;font-size:17px; text-align:center; font-weight:500; float:left;}
.specialimg{width:auto; height:auto; padding:0; margin:0; position:absolute; z-index:1; top:0px; right:0px;}
.ptpduration{width:auto; height:auto; padding:5px 10px; margin:0; background:rgb(0,0,0,0.7); color:#fff; font-size:13px; position:absolute; z-index:1; left:0px; top:0px;}

.ptpBox:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.ptpImg {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.ptprmbox{width:auto; height:auto; padding:0; margin:25px auto 25px auto; text-align:center;}

/*-- Tour Package Css --*/
.international-panel{width:100%; height:auto; padding:70px 3.5% 60px 2.5%; background:#f7f7f7; margin:auto;}
.international-panel .iheadingBox h2{width: 100%;height: auto;padding: 0px;color: #000;font-size: 22px;font-weight: 900;text-align: center;font-family: Arial, Helvetica, sans-serif;}

.iinternational-panel{width:100%; height:auto; padding:20px 1% 0px 0; background:#fff; margin:auto;}
.ip-box{width:100%; height:auto; padding:0; margin:0px 0 25px 0; background:#f7f7f7; border:solid 0px #e3e3e3;}
.ip-img{width:100%; height:auto; padding:0; margin:0; position:relative;}
.packageLeftIconBox{width:auto; height:auto; padding:0px; margin:0; position:absolute; z-index:1; left:0px; top:0px;}
.popularIcon{width:auto; height:auto; padding:0px; margin:0; position:absolute; z-index:1; right:0px; top:0px;}
.packageIconBox{width:auto; height:auto; padding:3px; margin:0 0 2px 0; background:rgb(0,0,0,0.5);}

.packagePriceBox{width:90%; height:auto; padding:5px 5% 7px 5%; margin:0; background:rgb(0,0,0,0.5); position:absolute; z-index:1; bottom:0px; font-size:15px; color:#fff;}
.price{width:auto; height:auto; padding:0; margin:0; float:left;font-size:22px; font-weight:bold;}
.pernight{width:auto; height:auto; padding:0; margin:10px 0 0 10px; float:left;font-size:13px; font-weight:400;}
.packageHeading{width:100%; height:auto; padding:0; margin:10px 0; color:#000; font-size:20px; font-weight:900; text-align:center; text-transform:capitalize;}
.packageBox:hover .packageHeading{ color:#ff0000;}
.grid figure:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.ip-img {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.light-box{width:100%; height:auto; padding:0px; margin:12px auto;display:block;}

.prmbox{width:auto; height:auto; padding:0; margin:40px auto 25px auto; text-align:center;}
.packagerm{width:auto; height:auto; padding:9px 15px; margin:0; background:#103e90; color:#fff; font-size:15px; cursor:pointer; border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.packagerm:hover{background:#ff2a00; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Discover Mauritius --*/
.dm-panel{width:100%; height:auto; padding:20px 1% 0px 0; margin:auto; background:#fff; font-size:13px; color:#555;}
.dm-box{width:100%; height:auto; padding:0px; margin:0px 2% 25px 2%; background:#fff; border:solid 0px #e3e3e3;border-radius: 7px; overflow: hidden;}
.dm-imgbox{width:100%; height:auto; padding:0; margin:0; position:relative;}
.dm-heading{width:100%; height:auto; padding:10px 0; margin:0; background:#ffef2f; color:#ff0000; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}

.dm-box:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.dm-img {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.dm-panel .ptpviewdetails {width: 50%;height: auto;padding: 7px 0 6px 0;margin: 0;background: #000;color: #fff;font-size: 13px;text-align: center;font-weight: bold;float: left;}

/*-- Car Rentals Css --*/
.cr-panel{width:100%; height:auto; padding:70px 3.7% 45px 3%; background:#fff; margin:auto;}
.cr-panel .iheadingBox h2{width: 100%;height: auto;padding: 0px;color: #000;font-size: 22px;font-weight: 900;text-align: center;font-family: Arial, Helvetica, sans-serif;}

.icr-panel{width:100%; height:auto; padding:20px 1% 0px 0; background:#fff; margin:auto;}
.cr-box{width:100%; height:auto; padding:0; margin:0px 1% 25px 1%; background:#001d34; border:solid 2px #001d34; border-radius:10px; overflow:hidden;position:relative; top:0px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.cr-box:hover{width:100%; height:auto; padding:0; margin:0px 1% 25px 1%; background:#001d34; border:solid 2px #001d34; border-radius:10px; overflow:hidden;box-shadow:0px 7px 7px #d1d1d1; position:relative; top:-7px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.cr-box h3{width:100%; height:auto; padding:0; margin:0px; font-size:16px; font-weight:500; color:#fff;}
.crImgBox{width:100%; height:auto; padding:0 10%; margin:0 auto; background:#fff; position:relative;}
.crTextBox{width:100%; height:auto; padding:10px 5%; margin:0; background:#001d34;border-top:solid 1px #001d34;}
.crcvbox{width:100%; height:auto; padding:0; margin:7px 0 0 0; color:#fff; font-size:13px;}
.crcapacity{width:auto; height:auto; padding:0; margin:6px 0 0 0; float:left;}
.crviewdetails{width:auto; height:auto; padding:5px 7px; margin:0; background:none; float:right; border:solid 1px #003c6c; color:#fff; font-size:13px; border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.crviewdetails:hover{ background:#ff2a00; border:solid 1px #ff2a00; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.crnav{ color:#fff;}

.icr-panel .crviewdetails{width:auto; height:auto; padding:2px 7px; margin:0; background:none; float:right; border:solid 1px #003c6c; color:#fff; font-size:13px; border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.icr-panel .crviewdetails:hover{ background:#ff2a00; border:solid 1px #ff2a00; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.carlist{width:100%; height:auto; padding:0; margin:45px auto 0 auto;}
.carlist-row{width:100%; height:auto; padding:0; margin:20px auto; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.car-img{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.car-price{display:none;width:auto; height:auto; padding:2px 5px; margin:auto; background:#ff6b00; color:#fff; font-size:13px; position:absolute; top:10px; left:0px; z-index:1;border-radius:4px;}
.car-price1{width:auto; height:auto; padding:4px 10px; margin:auto; background:#ff6b00; float:left; color:#fff; font-size:13px;border-radius:4px;}
.carlist h2{width:100%; height:auto; padding:0; margin:25px auto 5px auto; font-size:17px; color:#000;}
.car-details{width:100%; height:auto; padding:0 0px 0 0; margin:10px auto 20px auto; font-size:13px; color:#000;}
.car-btn-box{width:100%; height:auto; padding:15px 0 0 0; margin:7px 0 0 0; text-align:left;border-top:solid 1px #f7f7f7;}
.caraddtocart {width: auto;height: auto;padding: 4px 10px 4px 10px;margin: auto;background: #ff2a00; display:block; float:right; font-size: 15px;color: #fff;border-radius: 4px;border: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.caraddtocart:hover {background: #dd2400;font-size: 15px;color: #fff;border-radius: 4px;border: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.caraddtocart .cart-icon{padding:0; margin:4px 4px 0 0; color:#fff; font-size:15px; text-align:right;}

/*-- Hotel Css --*/
.hotel-panel{width:100%; height:auto; padding:70px 3% 60px 3%; background:#f7f7f7; margin:auto;}
.ihotel-panel{width:100%; height:auto; padding:20px 0 0px 0; background:#fff; margin:auto;}
.hotel-panel h2{width:100%; height:auto; padding:0px;color:#000; font-size:22px; text-align:center; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
.ihotel-panel h2{width:100%; height:auto; padding:0px;color:#000; font-size:22px; text-align:center; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
.hotel-panel .iheadingsmalltext {color: #555;}
.hBox{width:100%; height:auto; padding:0; margin:0px 0 25px 0; background:#001d34; border:solid 2px #001d34; border-radius:10px; overflow:hidden;position:relative; top:0px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.hBox:hover{box-shadow:0px 7px 7px #d1d1d1; position:relative; top:-7px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.hDetailsBox{width:100%; height:auto; padding:0; margin:0; background:#fff; color:#555;}
.hImgBox{width:40%; height:auto; padding:0; margin:0; float:left;}
.ihImgBox{width:42%; height:auto; padding:0; margin:0; float:left;}
.hTextBox{width:55%; height:auto; padding:10px 0; margin:0; float:right;}
.ihTextBox{width:53%; height:auto; padding:10px 0; margin:0; float:right;}
.hTextBox h5{width:100%; height:auto; padding:0; margin:5px 0 10px 0; font-size:20px; text-align:left; font-weight:600;}
.hcvbox{width:100%; height:auto; padding:0; margin:7px 0 0 0; font-size:14px;}
.hlocation{width:auto; height:auto; padding:0; margin:6px 0 0 0; font-size:15px;}
.hprice{width:auto; height:auto; padding:0; margin:6px 0 0 0; color:#ff4200; font-weight:bold;}

.hviewdetails{width:auto; height:auto; padding:5px 0; margin:12px 0 0 0;}
.hnav{width:auto; padding:5px 7px; margin:0;border:solid 1px #e1e1e1; font-size:13px; border-radius:4px; color:#999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.hnav:hover{background:#ff2a00; border:solid 1px #ff2a00; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.hiconbox{width:92%; height:auto; padding:10px 0; margin:0 auto;}
.hfacilityicon{width:31px; height:31px; padding:6px; margin:0 12px 0 0; background:#ff4200; color:#fff; font-weight:200; float:left; border-radius:30px; overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Keiffel Blogs --*/
.blog-panel{width:100%; height:auto; padding:60px 4%; margin:10px auto 0px auto; background:#fff; text-align:center; position:relative;}
.blog-panel h2{width:100%; height:auto; padding:0px;color:#000; font-size:22px; text-align:center; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
.blog-panel .iheadingsmalltext {color: #555;}

.blog-text{padding:0;margin:0 0.6% 20px 0.6%; font-size:14px; line-height:22px; text-align:center;}
.blog-box{width:100%;height:auto; padding:0;margin:5px auto; background:#fff;border:solid 1px #f1f1f1; border-radius:10px; overflow:hidden; text-align:center;position:relative; top:0px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.blog-box:hover{box-shadow:0px 4px 5px #e1e1e1; position:relative; top:-5px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.blog-img{width:100%;height:auto; padding:0;margin:auto 0px auto;text-align:left;}
.blog-img .full-size{width:100%;height:auto;}
.blog-title{width:90%;min-height:55px; padding:0;margin:auto;font-size: 14px;font-weight: bold; text-align:left;}
.blog-title h3{width: 100%;height: auto; padding: 0;margin: 15px 0 10px 0;font-size: 17px;text-align: left;font-weight: 600;line-height:27px;}
.blog-title-nav{color:#333;}
.blog-title-nav:hover{color:#1761a8; text-decoration:none;}
.blog-sm-text{width:90%;height:auto; padding:7px 0 5px 0;margin:auto;font-size: 14px; color:#333;font-weight: 400; text-align:left; line-height:22px;}

.blogger-details {width:100%;height: auto;padding:10px 1.5%;margin: 10px auto 5px auto;border-top: solid 1px #f1f1f1; border-bottom: solid 1px #f1f1f1;}
.blogger-name{width:100%; height:auto; padding:0; margin:0; text-align:left; font-size:12px; color:#999;}
.blog-date{width:100%; height:auto; padding:0; margin:0; text-align:right; font-size:12px; color:#999;}

.blog-icon{margin:2px 5px 0 0;}
.blog-rm-box{width:90%; height:auto; padding:0; margin:10px auto 15px auto; color:#333; font-size:13px; text-align:right;}
.blog-rm-nav{color:#333; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.blog-rm-nav:hover{color:#1761a8; text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.blog-vall-box{width:90%; height:auto; padding:0; margin:35px auto 0px auto; color:#333; font-size:15px; text-align:center;}
.blog-vall-nav{color:#333; font-weight:bold; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.blog-vall-nav:hover{color:#1761a8; text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.blogdetails-bc{margin:130px 0 0 0 !important;text-transform: none !important;}

.blogdetails-admindatebox{width:100%; height:auto; padding:0px 0 10px 0; margin:0;}
.blogdetails-admindatebox .blog-icon {margin: 4px 7px 0 0;}
.blogger-dp-name{display:inline-block;width:auto; height:auto; padding:0; margin:0 25px 0 0; text-align:left; font-size:14px; color:#999;}
.blog-dp-date{display:inline-block;width:auto; height:auto; padding:0; margin:0; text-align:left; font-size:14px; color:#999;}

.blogdetails-content{width:100%; height:auto; padding:0px 0 15px 0; margin:0 0 15px 0;}

.blog-rlist-row{width:100%;height:auto;padding:0 0 15px 0;margin:0 0 15px 0; border-bottom:solid 1px #f1f1f1;}
.blog-rlist-col1{width:20%;height:auto;padding:0;margin:0 5% 0 0;float:left;}
.blog-rlist-col2 {width:75%;height:auto;padding:0;margin:0;text-align:left;font-size:14px;line-height:20px;float:left;}

/*-- Why Keiffel Travel & Tours --*/
.wkttpanel{width:100%; height:auto; padding:70px 3.5% 60px 3.5%; margin:auto; background:#0e0e0e url(images/hotel-bg.jpg) no-repeat center center; background-size:100% 105%;}
.wkttpanel h2{width:100%; height:auto; padding:0px;color:#fff; font-size:22px; text-align:center; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
.wkttpanel .iheadingsmalltext {color: #fff;}
.wkttouterbox{ width:100%; height:auto; padding:0; margin:50px 0 0 0;}
.wkttBox{width:97%; height:auto; padding:7px 2%; margin:0px 1.5% 25px 1.5%; background:#fff; border-radius:10px;}
.wktticonbox{width:65px; height:auto; padding:20px 0 10px 0; margin:0 auto; font-size:50px; text-align:center; line-height:30px; color:#ff2a00;}
.wkttheading{width:100%; height:auto; padding:0; margin:10px 0 0 0; font-size:22px; font-weight:bold; text-align:center;}
.wktttxt{width:94%; height:auto; padding:0; margin:15px auto 20px auto; font-size:14px; font-weight:400; line-height:22px; text-align:center; color:#555;}

.wkttrmbox{width:auto; height:auto; padding:0; margin:25px auto 20px auto; text-align:center;}
.wkttrm{width:auto; height:auto; padding:5px 12px; margin:0; background:#fff; color:#a1a1a1; font-size:13px; cursor:pointer; border-radius:4px; border:solid 2px #c1c1c1; text-transform:uppercase; font-weight:bold;}
.wkttrm:hover{background:#ff0000; color:#fff; border:solid 2px #ff0000;}

/*-- Customer Reviews --*/
.crPanel{width:100%; height:auto; padding:70px 3% 60px 3%; margin:auto; background:#f7f7f7;}
.crPanel .iheadingBox h2{width: 100%;height: auto;padding: 0px;color: #000;font-size: 22px;font-weight: 900;text-align: center;font-family: Arial, Helvetica, sans-serif;}

.crBox{width:94%; height:auto; padding:25px 0 30px 0; margin:0 3% !important; background:#fff; border:solid 1px #e3e3e3;}
.crName{width:95%; height:auto; padding:8px 2.5%; color:#000; text-align:center; font-size:18px; font-weight:bold; line-height:20px;}
.crRating{width:95%; height:auto; padding:10px 2.5%; margin:0;text-align:center;}
.crtext{width:90%; height:auto; padding:0; margin:0 auto; color:#555; font-size:15px; font-weight:400; line-height:22px;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:0; margin:auto; background:#091426; /*background:#091426 url(images/footerBg.png) no-repeat center center; background-size:100% 100%;*/ color:#697585; text-align:center;}
.footer-body{width:100%; height:auto; padding:80px 7% 60px 7%; margin:auto;}
.footerimg {width: 100%;height: 87px;padding: 0;margin: 0;background:#f7f7f7 url(images/footer-img.png) repeat-x center center;}
.footerimg1 {width: 100%;height: 87px;padding: 0;margin: 0;background:#fff url(images/footer-img.png) repeat-x center center;}

.footerNavBox{width:80%; height:auto; padding:10px 0 0 0; text-align:justify;}
div#fNav1 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:normal; line-height:28px;} 
div#fNav1 ul  a:hover {color:#ff2a00;}

div#fNav2 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:normal; line-height:28px;} 
div#fNav2 ul  a:hover {color:#ff2a00;}

.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:14px; color:#fff; font-weight:normal; text-align:left; line-height:25px;}
.fContact{width:90%; height:auto; padding:7px 0 3px 0;}
.footerHeading{width:100%; margin:0 0 20px 0; font-size:24px; font-weight:600; color:#fff; text-transform:uppercase; text-align:left;}

.ffaicon{width:auto; height:auto; padding:0; margin:5px 10px 0 0; color:#ff0000;}

.cRightBox{width:100%; height:auto; padding:27px 7%; margin:0;  background:#091426; font-size:13px; font-weight:400; color:#fff; text-align:left;border-top: 1px solid #101c2f;}
.copyright{width:auto; height:auto; text-align:center; float:left;}
.poweredby{width:auto; height:auto; text-align:center; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#ff2a00;}

.whatsapp {width: auto;height: auto;padding: 0;margin: 0;position: fixed;z-index: 101;bottom: 0; left: 0;}

/*== INNER PAGE ==*/
.inn-wrap{width:92%; height:auto; padding:55px 0 50px 0 ; margin:0 auto;color:#333; font-size:16px; line-height:25px; text-align:justify;}
.inn-wrap p{width:100%; height:auto; padding:10px 0 ; margin:0 auto;line-height:30px;}
.inn-wrap h1{width:100%; height:auto; padding:0px 0 20px 0; background:url(images/iheading-border.jpg) no-repeat left bottom; color:#000; font-size:25px; font-weight:bold;font-family: 'Montserrat', sans-serif;}
.inn-wrap h2{width:100%; height:auto; padding:0px 0 5px 0; color:#000; font-size:22px; font-weight:bold;font-family: 'Montserrat', sans-serif;}
.inn-wrap .overview-head{width:100%; height:auto; padding:3px 0 5px 0; margin:15px 0 15px 0; border-bottom:solid 5px #f5f5f5;}
.inn-wrap .overview-head h2{width:100%; height:auto; padding:0px 0 5px 0; color:#000; font-size:22px; font-weight:bold;font-family: 'Montserrat', sans-serif;}
.inn-wrap .hbg{background:url(images/iheading-border.jpg) no-repeat center bottom;}

.splashnfun-img{width:100%; height:auto; padding:0 50% 15px 0; margin:10px 0 15px 0; border-bottom:solid 5px #f5f5f5;}

/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin:80px 0 0 0; position:relative;}
.bgBox{width:100%; height:100%; padding:0; margin:0;background: rgba(0,0,0,0.4); position:absolute; z-index:1; top:0;}
.innBanHeadBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; position:absolute; z-index:2; bottom:0;}
.page-title__column{ display:table-cell; vertical-align:middle;}
.page-title__column--border:after {content: '';width: 100%;height: 1px;background: rgba(255,255,255,0.7);display: block;}
.page-title__column--title {width: 1%;white-space: nowrap; padding: 10px 20px;}

.pageNavBox{width:100%; height:auto; padding:14px 3.5% 10px 3.5%; margin:0; background:#f1f1f1; font-size:14px; color:#f23f00; text-transform:uppercase;}
.pageNavBox1{width:100%; height:auto; padding:14px 3.5% 10px 3.5%; margin:125px 0 0 0; background:#f1f1f1; font-size:14px; color:#f23f00; text-transform:uppercase;}
a.pageNav:link,a.pageNav:active,a.pageNav:visited{width:auto; height:auto; padding:0; margin:0;font-size:14px; color:#000; position:relative; text-transform:uppercase;}
a.pageNav:hover{color:#f23f00;}

/*-- Payment Form --*/
.pay-form{width:50%; height:auto; padding:40px 0 35px 0; margin:auto; background:#f5f5f5; border:solid 0px #e1e1e1; border-radius:7px;}

.pay-row{width:88%; height:auto; padding:0; margin:0 6% 20px 6%;}
.pay-btn-row{width:90%; height:auto; padding:0; margin:0 6%; text-align:center;}
.pay-textbox{width:100%; height:auto; padding:8px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.pay-textarea{width:100%; height:75px; padding:8px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.pay-submitbtn{width:auto; height:auto; padding:8px 25px 9px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.pay-submitbtn:hover{background:#dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Side Inquiry Form --*/
.side-form-flight{width:88%; height:auto; padding:0 0 25px 0; margin:auto 12% auto 0; background:#f5f5f5; border:solid 0px #e1e1e1; border-radius:7px;}
.side-form{width:88%; height:auto; padding:0 0 25px 0; margin:auto auto auto 12%; background:#f5f5f5; border:solid 0px #e1e1e1; border-radius:7px;}
.side-heading{width:100%; height:auto; padding:20px 6%; margin:auto auto 25px auto; background:#103e90; color:#fff; font-size:22px; border-radius:7px 7px 0 0;}
.side-heading1{width:100%; height:auto; padding:20px 6%; margin:auto auto 25px auto; background:#103e90; color:#fff; font-size:22px; border-radius:7px 7px 0 0;}
.sticky-position{height: auto;position: -webkit-sticky;position: sticky;top:75px;}

.side-form-row{width:88%; height:auto; padding:0; margin:0 6% 15px 6%;position:relative;}
.side-form-btn-row{width:90%; height:auto; padding:0; margin:0 6%; text-align:center;}
.side-form-textbox{width:100%; height:auto; padding:8px 4%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.side-form-datebox{width:100%; height:auto; padding:8px 4%; margin:auto;background:#fff url(images/calendarIcon.png) no-repeat right 7px center; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.side-form-textarea{width:100%; height:75px; padding:8px 4%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.side-submitbtn{width:auto; height:auto; padding:8px 25px 9px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.side-submitbtn:hover{background:#dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.hdp-banner{width:100%; height:auto; padding:0 0 30px 0; margin:0;border-bottom:solid 0px #f1f1f1;}
.hdp-img-box{width:100%; height:auto; padding:0; margin:0; position:relative;}
.hdp-slider-text{width:100%; height:auto; padding:10px 2% 12px 2%; margin:0; background:rgb(0,0,0,0.5); position:absolute; z-index:1; bottom:0px; font-size:17px; color:#fff; line-height:18px;}

.hdp-details{width:100%; height:auto; padding:15px 0; margin:0 auto;}
.hdp-details h4{width:100%; height:auto; padding:15px 0 10px 0; margin:0 auto; font-size:20px; font-weight:bold;}

.hdp-day-price{width:100%; height:auto; padding:15px 3%; margin:0 0 15px 0;background:#103e90;}
.hdp-day-price1{width:100%; height:auto; padding:10px 0 20px 0; margin:0;background:#fff; line-height:32px;border-bottom:solid 5px #f5f5f5;}
.hdp-day-price .day-price{padding:0; margin:0; color:#fff; font-size:16px;}
.hdp-day-price .addtocart{padding:0; margin:0; color:#fff; font-size:16px; text-align:right;}
.hdp-day-price .cart-icon{padding:0; margin:2px 10px 0 0; color:#fff; font-size:20px; text-align:right;}

.overview-content{width:100%; height:auto; padding:0px 0 15px 0; margin:0 0 15px 0; border-bottom:solid 5px #f5f5f5;}

.in-tabbtn{width: auto; height:auto;padding:7px 20px 5px 20px; margin:0 1px 0 0; background:#e1e1e1; color:#555; float: left; font-size:15px; font-weight:bold;}
.in-tabbtn:hover{background:#ff4800; cursor:pointer;color:#fff;}
.activetab{background:#ff4800; cursor:pointer;color:#fff;}
.in-tab-content{width:100%; height:auto;padding:12px 0;margin:auto;color:#333;border-radius:0px 7px 7px 7px;}

/*-- Flights --*/
.flight-panel{width:100%; height:auto; padding:20px 0 0px 0; margin:auto -15px; background:#fff; font-size:13px; color:#555;}
.flightHeading{width:99%; height:auto; padding:20px 0 0 0; margin:80px 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;border-top:solid 2px #f1f1f1;}
.flight-box{width:100%; height:auto; padding:7px; margin:0px 2% 25px 2%; background:#fff; border:solid 1px #e3e3e3;border-radius: 0px; overflow: hidden;box-shadow:0px 0px 0px #d1d1d1;}
.flight-imgbox{width:100%; height:auto; padding:0; margin:0; position:relative;}
.flight-heading{width:100%; height:auto; padding:7px 0 6px 0; margin:0; background:#ffef2f; color:#ff0000; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}

/*-- About Page --*/
.aboutLeftBox{width:57%; height:auto; padding:0; margin:auto; float:left;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:35%; height:auto; padding:5px 0.5%; margin:0; border:solid 1px #f1f1f1; float:right;}

/*-- Corporate Page --*/
.leadershippanel{width:100%; height:auto; padding:20px 0 0 0; margin:auto;}
.lsheading{width:100%; height:auto; padding:12px 0 20px 0; margin:auto auto 40px auto; font-size:25px; font-weight:bold; text-align:left; border-bottom:dashed 1px #e1e1e1;}
.lsbox{width:44%; height:auto; padding:0; margin:auto 3% 20px 3%; float:left;}
.lsimgbox{width:40%; height:auto; padding:0; margin:auto; border-radius:100%; overflow:hidden; border:solid 5px #fff; box-shadow:0 0px 12px #d1d1d1;}
.lsname{width:100%; height:auto; padding:12px 0 0 0; margin:auto; font-size:15px; font-weight:bold; text-align:center;}
.lsdesignation{width:100%; height:40px; padding:5px 0 0 0; margin:0 auto 25px auto; font-size:12px; font-weight:500;color:#999; line-height:20px; text-align:center;}

/*-- Properties --*/
.prop-panel{width:100%; height:auto; padding:20px 1% 0px 0; margin:auto; background:#fff; font-size:13px; color:#555;}
.prop-box{width:100%; height:auto; padding:0px; margin:0px 2% 25px 2%; background:#fff; border:solid 0px #e3e3e3;border-radius: 7px; overflow: hidden;box-shadow:0px 0px 7px #d1d1d1;}
.prop-imgbox{width:100%; height:auto; padding:0; margin:0; position:relative;}
.prop-heading{width:100%; height:auto; padding:15px 0 10px 0; margin:0; background:#fff; color:#ff0000; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}
.prop-short-desc{width:100%; height:auto; padding:0 0 5px 0; margin:0; background:#fff; color:#ff0000; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}
.prop-short-desc p{width:100%; height:auto; padding:0; margin:0;color:#000; font-size:13px; font-weight:bold; text-align:center; line-height:27px;}
.prop-short-desc span{color:#555; font-size:11px; font-weight:bold; text-align:center; line-height:27px;}

.prop-box:hover .img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.prop-img {overflow:hidden;}
.img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.prop-nabv-box{width:100%; height:auto; padding:0 0 15px 0; margin:0; text-align:center;}
.prop-nav{width:auto; padding:5px 7px; margin:0;border:solid 1px #e1e1e1; font-size:13px; border-radius:4px; color:#999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.prop-nav:hover{background:#ff2a00; border:solid 1px #ff2a00; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.prop-details-panel{width:100%; height:auto; padding:0; margin:auto;}
.prop-table{width: 100%; border-collapse: collapse; border:solid 1px #103e90;}
.prop-table th{text-align: left;padding: 10px 20px; background:#103e90; color:#fff;}
.prop-table td {text-align: left;padding: 8px 20px;}
.prop-table tr:nth-child(even) {background-color: #f5f5f5;}

.prop-gallery-head{width:100%; height:auto; padding:0px; margin:30px 0; background:#fff; border:solid 0px #e3e3e3;border-radius: 7px; font-size:25px;}

.g-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-gap: 20px;align-items: stretch;}
.g-grid .light-box {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-gap: 20px;align-items: stretch;}
.g-grid .light-box img {border: 1px solid #ccc;box-shadow: 0px 0px 0px 0px  rgba(0,0,0,0.3);max-width: 100%;cursor:pointer;}

/*-- Partner --*/
.partner-panel{width:100%; height:auto; padding:20px 1% 0px 0; margin:auto; background:#fff; font-size:13px; color:#555;}
.partner-box{width:96%; height:auto; padding:0px; margin:0px 2% 25px 2%; background:#fff; border:solid 0px #e3e3e3;border-radius: 7px; overflow: hidden;box-shadow:0px 0px 7px #d1d1d1;}
.partner-imgbox{width:80%; height:auto; padding:0; margin:10px auto; position:relative;}
.partner-title{width:100%; height:auto; padding:10px 0 10px 0; margin:0; background:#fff; color:#103e90; border-top:solid 1px #f1f1f1; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase;}

/*-- Corporates --*/
.corp-leadership{width:100%; height:auto; padding:15px 0; margin:30px auto 0 auto;font-size:30px; background:#f7f7f7; color:#000; text-align:center; border-top:solid 2px #f1f1f1; border-bottom:solid 2px #f1f1f1;}
.corp-imgbox{width:150px; height:auto; padding:0; margin:30px auto 0 auto;font-size:20px; color:#000; text-align:center; border-radius:100px;overflow:hidden; border:solid 5px #fff; box-shadow:0 0 10px #d1d1d1;}
.corp-title{width:100%; height:auto; padding:0; margin:20px auto 0 auto;font-size:15px; font-weight:bold; color:#000; text-align:center;}
.corp-designation{width:100%; height:auto; padding:0; margin:5px auto 0 auto;font-size:12px; color:#000; text-align:center;}

/*-- Tour Package Details Page --*/
.itpdBox{width:70%; height:auto; padding:0 1%; margin:0 0 20px 0; background:#f5f5f5; border:dashed 1px #e1e1e1; float:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.itpdBox:hover{background:#fff; border:dashed 1px #ff2a00;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.itpdBox:hover .itpdDetailsBox{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.itpdBox:hover .itpdHeadingBox{border-top:dashed 1px #ff2a00; border-bottom:dashed 1px #ff2a00;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.itpdImgBox{width:100%; height:auto; padding:12px 0; margin:auto;}
.itpdDetailsBox{width:100%; height:auto; padding:5px 0; margin:auto;}
.itpdHeadingBox{width:96%; height:auto; padding:7px 2% 0 2%;margin:0 0 15px 0; background:#e1e1e1;border-top:dashed 1px #e1e1e1;border-bottom:dashed 1px #e1e1e1;}
.itpdHeadBox{width:75%; height:auto; padding:0; margin:5px 0 0 0; float:left;}
.itpdPriceBOx{width:20%; height:auto; padding:0; margin:10px 0 15px 0; text-align:right; float:right;}
.itpdPrice{width:auto; height:auto; padding:5px 12px; margin:auto; background:none; color:#ff2a00; font-size:25px; font-weight:bold; border-radius:5px;}
.itpddesc{width:96%; height:auto; padding:0; margin:15px 2% 10px 2%; font-size:15px;}
.iSlideImgBox{width:100%; height:auto; padding:0; margin:0; position:relative;}
.iSlideImgText{width:96%; height:auto; padding:5px 2% 7px 2%; margin:0; background:rgb(0,0,0,0.5); position:absolute; z-index:1; bottom:0px; font-size:13px; color:#fff; line-height:18px;}

.itpdRightBox{width:25%; height:auto; padding:0; margin:0 0 20px 0; float:right;}
.ienquiryform{width:98%; height:auto; padding:0 1%; margin:0; background:#f7f7f7; border:dashed 1px #e1e1e1;}
.ibnheading{width:100%; height:auto; padding:22px 0 20px 0; margin:0 0 22px 0; text-align:center;border-bottom:dashed 1px #e1e1e1;}

.ibnFormRow{width:95%; height:auto; padding:0; margin:0 auto 17px auto;}
.ibnBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:center;}

.ibntxt{width:93.7%; height:auto; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:13px; border-radius:4px; outline:none;}
.ibntxtarea{width:93.7%; height:auto; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:13px; border-radius:4px; outline:none;}
.isubmitbtn{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.isubmitbtn:hover{background:#dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.ibncontactDetails{width:98%; height:auto; padding:0 1%; margin:20px 0 0 0; background:#f7f7f7; border:dashed 1px #e1e1e1;}
.icontacticon{width:100%; height:auto; padding:0; margin:30px 0 20px 0; text-align:center;}
.needhelp{width:100%; height:auto; padding:0; margin:0; font-size:25px; text-align:center;}
.icontactno{width:100%; height:auto; padding:0; margin:25px 0 30px 0; color:#0096ff; font-size:30px; font-weight:bold; text-align:center;}

.ipaddtocart{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.ipaddtocart:hover{background:#dd2400; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Contact Page --*/
.iContactPanel{width:100%; height:auto; padding:0 1%; margin:20px 0 20px 0; }
.iContactInquiryBox{width:40%; height:auto; padding:0; margin:0; float:left;}
.iContactFormRow{width:100%; height:auto; padding:0; margin:0 0 20px 0;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:right;}
.iFormTextBox{width:95%; height:auto; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.iFormTextAreaBox{width:95%; height:100px; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.isubmitbtn{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.isubmitbtn:hover{background:#dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.iContactDetailsBox{width:50%; height:auto; padding:0; margin:0; float:right;font-size:15px;color:#555;text-align:left;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:0 0 15px 0; color:#000; font-size:22px; font-weight:bold; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 20px 0; color:#777; font-size:17px; font-weight:400;}
.iContactMap{width:100%; height:auto; padding:0; margin:50px 0 70px 0;}

.socialmedia {width: 35px;height: auto;padding: 0;margin: 0;position: fixed;bottom: 75px;right: 12px;z-index: 99999;}


.scrollup {
    background-color: #ff2a00;
    border-radius: 50%;
    bottom: 10px;
    color: #ffffff;
    display: none;
    font-size: 18px;
    height: 40px;padding-top:10px;
    line-height: 40px;
    position: fixed;
    right: 5px;
    text-align: center;
    width: 40px;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}


/*-- Login Page CSS --*/
.loginContainer{width:100%; height:auto; margin:15px auto 20px auto;}
.loginBox{width:45%; height:auto; padding:10px 20px; margin:auto; border:solid 1px #d9d9d9; box-shadow:1px 1px 1px #ccc; border-radius:10px; background:#f5f5f5;}
.lfHead{width:100%; height:auto; padding:0 0 7px 0; margin:0 0 5px 0; border-bottom:solid 1px #d9d9d9; font-size:17px; font-weight:bold;}
.lfLabel{width:100%; height:auto; padding:10px 0 10px 0; font-size:12px; color:#454545;}
.lfBox{width:100%; height:auto; padding:0; font-size:13px; color:#d9d9d9;}
.lfLoginTextBox{width:100%; height:auto; padding:10px 2.5%; background:#fff url(images/loginTextBoxIcon.png) no-repeat left; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.lfPassTextBox{width:100%; height:auto; padding:10px 2.5%; background:#fff url(images/loginPassBoxIcon.png) no-repeat left; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.lfTextBox{width:100%; height:auto; padding:10px 2% 10px 40px; border:solid 0px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;}
.lfLoginNavBox{width:auto; height:auto; padding:10px 0 0 0;}
.lfRegNavBox{width:auto; height:auto; padding:10px 0 0 0; text-align:left; float:left;}
.ifRegNav{width:auto; height:auto; padding:0; margin:0; color:#31aae2;font-size:13px;}
.ifRegNav:hover{color:#ff6100;}
.lfLoginBtnBox{width:auto; height:auto; padding:10px 0 0 0; text-align:right; float:right;}
.loginBtn{width:auto; height:auto; padding:10px 15px; margin:0; border:none;background:#31aae2; color:#fff;outline:none; cursor:pointer; border-radius:5px; font-size:13px; font-weight:bold;}
.loginBtn:hover{background:#ff6100;}

/*-- Register Page CSS --*/
.regContainer{width:100%; height:auto; margin:35px auto 20px auto;}
.regOuterBox{width:45%; height:auto; padding:10px 20px 20px 20px;  margin:auto; border:solid 1px #d9d9d9; border-radius:10px; background:#f5f5f5; box-shadow:1px 1px 1px #ccc;}
.regHead{width:100%; height:auto; padding:0 0 7px 0; margin:0 0 5px 0; border-bottom:solid 1px #d9d9d9; font-size:17px; font-weight:bold;}
.regLabel{width:100%; height:auto; padding:10px 0 0px 0; font-size:12px; color:#454545; text-transform:uppercase;}
.regBox{width:100%; height:auto; padding:0; font-size:13px; color:#a5a5a5;}
.regTextBox{width:100%; height:auto; padding:7px 2%; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5;border-radius:3px; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}

.regNavBtnBox{width:auto; height:auto; padding:10px 0 0 0;}
.regNavBox{width:auto; height:auto; padding:10px 0 0 0; text-align:left; float:left; font-size:13px; color:#a5a5a5;}
.regNav{width:auto; height:auto; padding:0; margin:0; color:#31aae2;font-size:13px;}
.regNav:hover{color:#000;}

.regBtnBox{width:auto; height:auto; padding:10px 0 0 0; text-align:right; float:right;}
.regBtn{width:auto; height:auto; padding:10px 15px; margin:0; border:none;background:#31aae2; color:#fff;outline:none; cursor:pointer; border-radius:5px; font-size:13px; font-weight:bold;}
.regBtn:hover{background:#ff6100;}

/*-- View Kart --*/
.view-cart{width:100%; height:auto; padding:0; margin:0 auto;}
.view-cart table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.view-cart th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1;}
.view-cart td {text-align: left;padding: 8px; border:solid 1px #e1e1e1;}
.view-cart tr:nth-child(odd){background-color: #f2f2f2}
.view-cart-btn-box{width:100%; height:auto; padding:0; margin:20px auto 0 auto;}
.back-btn{width:auto; height:auto; padding:7px 15px; margin:0 5px 0 0; background:#337ab7; color:#fff; border-radius:5px; font-size:15px; display:inline-block;}
.back-btn:hover{background:#0960aa; cursor:pointer;}
.save-btn{width:auto; height:auto; padding:9px 15px; margin:0 5px 0 0; background:#5cb85c; color:#fff; border-radius:5px; font-size:15px; border:none;}
.save-btn:hover{background:#3aaa3a; cursor:pointer;}
.clear-btn{width:auto; height:auto; padding:7px 15px; margin:0 5px 0 0; background:#d9534f; color:#fff; border-radius:5px; font-size:15px; border:none; display:inline-block;}
.clear-btn:hover{background:#ee3731; cursor:pointer;}
.vc-btn-icon{margin:3px 0 0 0;}
.delete-btn{width:auto; height:auto; padding:4px 8px; margin:0 5px 0 0; background:#d9534f; color:#fff; border-radius:5px; font-size:15px; border:none; display:inline-block;}
.delete-btn:hover{background:#ee3731; cursor:pointer;}
.vc-qty-box{width:85%; height:auto; padding:7px 5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}

/*-- Check Out --*/
.checkoutpanel{width:86%; height:auto; padding:0; margin:0 auto;}
.checkout-billing-details{width:55%; height:auto; padding:0; margin:0;float:left;}
.billing-box{width:95%; height:auto; padding:10px 2.5%; margin:0 0 25px 0; background:#f9f9f9; border:solid 1px #e5e5e5; border-radius:10px;}
.order-box{width:42%; height:auto; padding:10px 1.5%; margin:0; background:#f9f9f9; border:solid 1px #e5e5e5; float:right; border-radius:10px;}
.co-heading{width:100%; height:auto; padding:5px 0 15px 0; margin:0 0 20px 0; font-size:25px; color:#006cb0; font-weight:bold; border-bottom:solid 1px #e5e5e5;}
.co-row{width:100%; height:auto; padding:0; margin:0 0 12px 0;}
.co-col1{width:48%; height:auto; padding:0; margin:0; float:left;}
.co-col2{width:48%; height:auto; padding:0; margin:0; float:right;}
.co-col3{width:100%; height:auto; padding:0; margin:0;}
.co-accountbox{width:100%; height:auto; padding:0; margin:15px 0 7px 0;}
.co-shippingaddbox{width:100%; height:auto; padding:0; margin:15px 0 7px 0;}
.co-label{width:100%; height:auto; padding:0; margin:0 0 7px 0; font-size:18px; color:#555; font-weight:500;}
.co-textbox{width:100%; height:auto; padding:6px 5%; margin:0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-textbox1{width:100%; height:auto; padding:6px 5%; margin:15px 0 0 0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-textarea{width:100%; height:40px; padding:6px 5%; margin:15px 0 0 0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-listbox{width:100%; height:auto; padding:6px 5%; margin:0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}

.order-box table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.order-box th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1;}
.order-box td {text-align: left;padding: 8px; border:solid 1px #e1e1e1; font-size:15px;}
.order-box tr:nth-child(odd){background-color: #f5f5f5;}

/*-- My Account --*/
.db-table {width: 100%;border: solid 2px #e1e1e1;}
.db-table th, td {text-align: left;padding:8px 12px;}
.db-table tr:nth-child(odd) {background-color: #fff;}
.db-table tr:nth-child(even) {background-color: #f7f7f7;}

/*-- My Account --*/
.ma-panel{width:94%; height:auto; padding:0; margin:0 auto;}
.ma-left-box{width:26%; height:500px; padding:0 2%; margin:0 auto; float:left; background:#f7f7f7; border-radius:10px;}
.ma-right-box{width:70%; height:auto; padding:0; margin:0 auto; float:right; background:#fff; border-radius:10px;}

.ma-side-nav{width:100%; height:auto; padding:10px 0 0 0; text-align:justify;}
div.ma-side-nav ul { margin:10px 0 10px 0; padding: 0; list-style: none; } 
div.ma-side-nav ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div.ma-side-nav ul a:link, div.ma-side-nav ul a:active, div.ma-side-nav ul a:visited { margin: 0; padding:2px 0 4px 0; text-decoration: none; color:#000; font-size:17px;display:block;text-align:left;font-weight:500; line-height:35px; border-bottom:solid 1px #fff;} 
div.ma-side-nav ul  a:hover {color:#0085d0;}
.ma-icon{ margin:9px 10px 0 0; color:#0085d0;}

.ma-head-box{width:100%; height:auto; padding:0 0 10px 0; margin:0 auto; font-size:30px; color:#0085d0; font-weight:500;}
.ma-data-box{width:100%; height:auto; padding:0; margin:15px auto 0 auto;}

.ma-form-outer-box{width:100%; height:auto; padding:25px 4% 15px 4%; margin:0 auto 20px auto; background:#f9f9f9; border:solid 1px #e1e1e1; border-radius:10px;}
.maf-heading{width:100%; height:auto; padding:0 0 20px 0; margin:0 auto 20px auto; font-size:17px; font-weight:bold; color:#0085d0; text-transform:uppercase;border-bottom:solid 2px #e1e1e1;}
.ma-form-row{width:100%; height:auto; padding:0; margin:0 auto 15px auto;}
.ma-form-label{width:100%; height:auto; padding:0; margin:0 auto 7px auto; font-size:14px; font-weight:bold; color:#333;}
.ma-form-box{width:100%; height:auto; padding:0; margin:auto;}
.ma-form-textbox{width:100%; height:auto; padding:10px 2%; margin:auto; border:solid 1px #e1e1e1; border-radius:4px;}
.ma-form-btn{width:auto; height:auto; padding:8px 2%; margin:auto; background:#0085d0; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; border:none; border-radius:5px;}
.ma-form-btn:hover{background:#0085d0;}

/*-- My Order History --*/
.order-history-box table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.order-history-box th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1; font-size:14px;}
.order-history-box td {text-align: left;padding: 8px; border:solid 1px #e1e1e1; font-size:14px;}
.order-history-box tr:nth-child(odd){background-color: #f2f2f2}

.view-cart-list{width:100%; height:auto;padding:0; margin:auto;}


.view-order-btn{width:auto; height:auto; padding:4px 5px 0 5px; margin:0 5px 0 0; background:#337ab7; color:#fff; border-radius:4px; font-size:15px; display:inline-block;}
.view-order-btn:hover{background:#0960aa;}
.download-invoice-btn{width:auto; height:auto; padding:4px 5px 0 5px; margin:0 1px; background:#00919a; color:#fff; border-radius:4px; font-size:15px; display:inline-block;}
.download-invoice-btn:hover{background:#00777e;}

/*-- Invoice --*/
.invoice-panel{width:95%; height:auto; padding:20px 2.5%; margin:0; background:#fff;}
.invoice-panel .invoice-header {padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #AAAAAA;}
#logo {float: left;margin-top: 8px;}
#logo img {height: 70px;}
#company {float: right;text-align: right; font-size:13px;}
#details {width:100%;margin-bottom: 50px;font-size:13px;}
#client {padding-left: 6px;border-left: 6px solid #0087C3;float: left;font-size:13px;}
#client .to {color: #777777;}
#company .name {font-size: 20px;font-weight: bold;margin: 0;}
#invoice {float: right;text-align: right;}
#invoice .date {font-size: 1.1em;color: #777777;}


#thanks{margin:35px 0 0 0;font-size: 22px;margin-bottom: 50px; font-weight:bold;}
#notices{padding-left: 6px;border-left: 6px solid #0087C3; font-size: font-size:12px;}
#notices .notice { font-size: 13px;}
.invoice-panel .invoice-footer {color: #777777;height: 30px;position: absolute; bottom: 0; border-top: 1px solid #AAAAAA;padding: 8px 0;text-align: center;}

/* The Modal (background) */
.apformrow{width:50%; height:auto; padding:0 2%; margin:0 0 12px 0; position:relative;float:left;}
.apformrow1{width:100%; height:auto; padding:0 2%; margin:0 0 12px 0; position:relative;float:left;}
.aptextbox{width:100%; height:auto; padding:5px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;border-radius:4px;}
.aptextarea{width:100%; height:50px; padding:5px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;border-radius:4px;}

.myBtn{cursor:pointer;}
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 75px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal h2 {width: 100%;height: auto;padding: 0px 0 5px 0;color: #fff;font-size: 20px;font-weight: bold;font-family: 'Montserrat', sans-serif;}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {color: white;float: right;font-size: 28px;font-weight: bold;position: absolute;right: 10px;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding:7px 16px 0px 16px; background-color: #df001d; color: white !important;}
.modal-body {padding: 25px 2%;}
.modal-footer {padding:4px 16px;background-color: #df001d;color: white !important;}

.smsharer{}
.smsharer .fa {
  padding: 10px 10px;
  font-size: 30px;border-radius:5px;
  width: 80px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.smsharer .fa:hover {
    opacity: 0.7;
}

.smsharer .fa-facebook {
  background: #3B5998;
  color: white;
}

.smsharer .fa-twitter {
  background: #55ACEE;
  color: white;
}

.smsharer .fa-google {
  background: #dd4b39;
  color: white;
}

.smsharer .fa-linkedin {
  background: #007bb5;
  color: white;
}

.smsharer .fa-youtube {
  background: #bb0000;
  color: white;
}

.smsharer .fa-instagram {
  background: #125688;
  color: white;
}

.smsharer .fa-pinterest {
  background: #cb2027;
  color: white;
}

.smsharer .fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.smsharer .fa-skype {
  background: #00aff0;
  color: white;
}

.smsharer .fa-android {
  background: #a4c639;
  color: white;
}

.smsharer .fa-dribbble {
  background: #ea4c89;
  color: white;
}

.smsharer .fa-vimeo {
  background: #45bbff;
  color: white;
}

.smsharer .fa-tumblr {
  background: #2c4762;
  color: white;
}

.smsharer .fa-vine {
  background: #00b489;
  color: white;
}

.smsharer .fa-foursquare {
  background: #45bbff;
  color: white;
}

.smsharer .fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}