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

.clearDiv{
clear: both;
}

.right{
float: right;
}

.left{
float: left;
}

.center {
  margin: auto;
  width: 90%;
  padding: 10px;
}

.w100{
width: 100%;		
}

.w80{
width: 50%;		
}

.bold{
	font-weight: bold;
	}
.marginTD10{
	margin: 10px 0px;
}
.photographyBG{
	background-color: #eae6b5;
}
.artBG{
	background-color: #E8E9E9;
}
.marginTop10{
	margin-top: 10px;
	
}
.marginTop20{
	margin-top: 20px;
	}
.margingBtn20{
	margin-bottom: 20px;
}
.margingBtn40{
	margin-bottom: 40px;
}

.paddingTB20{
	padding: 20px 0px 20px 0px;
}
.paddingTop15{
	padding-top: 15px;
}
.paddingBtn20{
	padding-bottom: 20px;
}
.paddingBtn10{
	padding-bottom: 10px;
}
.padding5{
	margin: 5px 5px 5px 5px;
}

.colorGrey{
	color: #8B8B8B !important;
}

.paddingTB40{
	padding: 40px 0px 40px 0px;
}
.paddingT40{
	padding-top: 40px;
}
.paddingR10{
	padding-right: 10px;
}

.marginR5{
	margin-right: 5px;
}

.margin10{
	margin: 10px 10px 10px 10px;
}

.paddingL15{
	padding-left: 15px;
}

.paddingR15{
	padding-right: 15px;
}


.footerBG{
	background-color: #7F7F7F;
	padding-top: 20px;
	
	color: #FFFFFF !important;
}
.tavelZoneBG{
	background-color:#D7DECE !important;
	opacity: 0.8;
}
.footerBG a
{
	color: #ffffff;
}
.footerBG a:hover
{
	color: #ffffff;
}
.footerBG h2{
	color: #FBE78E;
}

.footerBG h4{
	color: #FBE78E;
}

.footerNoteTxt{
color:#C3C3C3 !important;
font-size: 12px;
}
.homeTopBannerImg{
	background-image: url(../images/homeBandPic01.png);
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.noteTxt{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	color: #545454;
}

.marginDownM20{
	margin-bottom: -20px;
}

.travelHeadingColor {
color: #58b828;
}

.travelList1stRow{
		margin-left: -26px !important;
}


/* Travel Detail Classes - Start*/

.travelLnkActive{
border-bottom: 3px solid #69cd36;
padding: 5px 12px 5px 12px;
text-decoration: none !important;
color: #000000 !important;
font-size: 16px;
line-height: 50px;
}
.travelLnkInActive{
padding: 5px 12px 5px 12px;
text-decoration: none !important;
color: #696969 !important;
font-size: 16px;
line-height: 50px;
}

.travelLnkInActive:hover{
border-bottom: 3px solid #a5a5a5 !important;
padding: 5px 12px 5px 12px;
text-decoration: none !important;
color: #696969 !important;
font-size: 16px;
line-height: 50px;
}
.tableHeaderBg{
background: #c6e7b5;
}


/* Travel Detail Classes - End*/

/* Travel icons - Start*/

.icoHill{
	background-image: url("../images/icons/ico_hills.svg");
	width: 24px;
	height: 15px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoWildlife{
	background-image: url("../images/icons/ico_wildlife.svg");
	width: 24px;
	height: 16px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoBeach{
	background-image: url("../images/icons/ico_beach.svg");
	width: 24px;
	height: 21px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoAdv{
	background-image: url("../images/icons/ico_adv.svg");
	width: 17px;
	height: 24px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoHeritage{
	background-image: url("../images/icons/ico_heritage.png");
	width: 24px;
	height: 24px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoHistoric{
	background-image: url("../images/icons/ico_historic.svg");
	width: 24px;
	height: 16px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoResort{
	background-image: url("../images/icons/ico_resort.svg");
	width: 24px;
	height: 21px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoPhotography{
	background-image: url("../images/icons/ico_photo.svg");
	width: 24px;
	height: 19px;
	margin: 2px 5px 2px 2px;
	float: left;
	fill: #ffffff;
	}
.icoHimalaya{
	background-image: url("../images/icons/ico_himalaya.svg");
	width: 24px;
	height: 15px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.icoLocation{
	background-image: url("../images/icons/ico_location.svg");
	width: 24px;
	height: 19px;
	margin: 2px 5px 2px 2px;
	float: left;
	}
.verticalMiddle{
	vertical-align: bottom;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Travel icons - End*/

/* Pagination Classes - Start*/
.pootuspagination {
  display: inline-block;
}

.pootuspagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pootuspagination a.active {
  background-color: #7bd94c;
  color:#000000;
}

.pootuspagination a:hover:not(.active) {background-color: #fadb7e;}
/* Pagination Classes - End*/

/* Pagination top Classes - Start*/
.pootuspaginationtop {
  display: inline-block;
}

.pootuspaginationtop a {
  color: black;
  float: left;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
}

.pootuspaginationtop a.active {
  background-color: #ffffff;
  color:#000000;
  }

.pootuspaginationtop a:hover:not(.active) {background-color: #fadb7e;}

.activeMargin{
	margin: 0px 30px;
}

/* Paginationtop Classes - End*/

/* Home Top Menu Bar Classes - Start*/

.logoPosition{
	margin-top: -10px;
	float: left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
 .caousel-margin{
	 padding-top : 50px;
 }
.navbar {
      font-family: sans-serif;
      margin-bottom: 0;
      background-color: #2d2d30;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 3px;
     opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #414141;
  }
  .navbar-nav li a:hover {
      color: #414141 !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: #red !important;
  }
/* Home Top Menu Bar Classes - End*/

/* Skill Graph Classes - Start*/

.mySkillBox{
	text-align: left;

}

.skillcontainer {
  width: 100%;
  background-color: #ddd;
	margin-bottom: 10px;
}

.skills {
  text-align: right;
  padding-right:10px;
  line-height: 15px;
  color: white;
}

.ux {width: 80%; background-color: #40574d;}
.ui {width: 90%; background-color: #40574d;}
.dv {width: 70%; background-color: #40574d;}
.acc {width: 70%; background-color: #40574d;}
.pm {width: 80%; background-color: #40574d;}
.people {width: 80%; background-color: #40574d;}
.dm {width: 90%; background-color: #40574d;}
.ur {width: 60%; background-color: #40574d;}
.id {width: 90%; background-color: #40574d;}

/* Skill Graph Classes - End*/


/*media query for social Icons */
@media only screen and (max-width: 525px) and (min-width: 320px)  {
	.space-pt1{
		margin-right: 20px !important;
	}
}

/*CSS for image gallery 

body {
    background-color: #fff;
    min-height: 100vh;
    font: normal 16px sans-serif;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    color: #58595a;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 30px auto;
    font-size: 18px;
    color: #85878c;
}

/* Styles for the gallery START here */

.tz-gallery {
    padding: 40px;
}

.tz-gallery .thumbnail {
    padding: 0;
    margin-bottom: 30px;
    border: none;
}

.tz-gallery img {
    border-radius: 2px;
}

.tz-gallery .caption{
    padding: 26px 30px;
    text-align: center;
}

.tz-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

.baguetteBox-button {
    background-color: transparent !important;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 4px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}
/*CSS for image gallery END here*/

/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.2); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: .5px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 30%;
  padding: 10px 10px 15px 10px;
  text-align: center;
}


.padding10{
padding: 10px;
}

.cardBorder{
padding: 10px 10px 10px 10px;
border-radius: 5px;
}