/* -------------------------------- 



Primary style



-------------------------------- */

html * {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



*, *:after, *:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  font-size:18px;

 font-family: 'Ubuntu', sans-serif;

  color: #3e3947;

  background-color: white;

}



body, html {

  height: 100%;

}



a {

  color: #3e3947;

  text-decoration: none;

}



img {

  max-width: 100%;

}



/* -------------------------------- 



Modules - reusable parts of our design



-------------------------------- */

.cd-img-replace {

  /* replace text with a background-image */

  display: inline-block;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

}



/* -------------------------------- 



Main components 



-------------------------------- */

.cd-section {

 /* min-height: 100%;*/

  position: relative;

 /* padding: 2em 0;*/

}

/*.cd-section:nth-of-type(odd) {

  background-color: #3e3947;

}*/

/*.cd-section:nth-of-type(odd) p {

  color: #fff;

}

*/.cd-section:nth-of-type(even) {

  background-color: #745360;

}

/*.cd-section:nth-of-type(even) p {

  color: #bda3ad;

}*/

.cd-section h1, .cd-section p {

 /* position: absolute;*/

  left: 50%;

  top: 50%;

  bottom: auto;

  right: auto;

 /* -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);*/

 /* width: 90%;*/

 /* max-width: 768px;

  text-align: center;*/

}

.cd-section h1 {

  color: white;

  font-weight: 300;

  text-transform: uppercase;

  font-size: 20px;

  font-size: 1.25rem;

}

/*.cd-section p {

  line-height: 1.6;

}*/





.cd-scroll-down {

  position: absolute;

  left: 50%;

  right: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: 20px;

  width: 38px;

  height: 44px;

  background: url("../img/cd-arrow-bottom.svg") no-repeat center center;

}



/* No Touch devices */

.cd-nav-trigger {

  display: none;

}



.no-touch #cd-vertical-nav {

  position: fixed;

  left: 30px;

  top: 55%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 1;

}

.no-touch #cd-vertical-nav li {

  text-align: right;

}

.no-touch #cd-vertical-nav a {

  display: inline-block;

  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.no-touch #cd-vertical-nav a:after {

  content: "";

  display: table;

  clear: both;

}

.no-touch #cd-vertical-nav a span {

  float: right;

  display: inline-block;

  -webkit-transform: scale(0.6);

  -moz-transform: scale(0.6);

  -ms-transform: scale(0.6);

  -o-transform: scale(0.6);

  transform: scale(0.6);

}

.no-touch #cd-vertical-nav a:hover span {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.no-touch #cd-vertical-nav a:hover .cd-label {

  opacity: 1;

}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {

  background-color: #76c1e1;

}

.no-touch #cd-vertical-nav .cd-dot {

  position: relative;

  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/

  top: 8px;

  height: 12px;

  width: 12px;

  border-radius: 50%;

  background-color: #fff;

  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;

  -moz-transition: -moz-transform 0.2s, background-color 0.5s;

  transition: transform 0.2s, background-color 0.5s;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -o-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}

/*.no-touch #cd-vertical-nav .down-angle

{

	width: 0;

	height: 0;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-top: 16px solid #fff;

	 -moz-transition: -moz-transform 0.2s, background-color 0.5s;

  transition: transform 0.2s, background-color 0.5s;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -o-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}*/



.no-touch #cd-vertical-nav .cd-label {

  position: relative;

  margin-right: 10px;

  padding: .4em .5em;

  color: white;

  font-size: 14px;

  font-size: 0.875rem;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

  -moz-transition: -moz-transform 0.2s, opacity 0.2s;

  transition: transform 0.2s, opacity 0.2s;

  opacity: 0;

  -webkit-transform-origin: 100% 50%;

  -moz-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  -o-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

}



/* Touch devices */

.touch .cd-nav-trigger {

  display: block;

  z-index: 2;

  position: fixed;

  bottom: 30px;

  right: 5%;

  height: 44px;

  width: 44px;

  border-radius: 0.25em;

  background: rgba(255, 255, 255, 0.9);

}

.touch .cd-nav-trigger span {

  position: absolute;

  height: 4px;

  width: 4px;

  background-color: #3e3947;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  bottom: auto;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {

  content: '';

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  background-color: inherit;

  border-radius: inherit;

}

.touch .cd-nav-trigger span::before {

  top: -9px;

}

.touch .cd-nav-trigger span::after {

  bottom: -9px;

}



.touch #cd-vertical-nav {

  position: fixed;

  z-index: 1;

  right: 5%;

  bottom: 30px;

  width: 90%;

  max-width: 400px;

  max-height: 90%;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  -webkit-transform-origin: right bottom;

  -moz-transform-origin: right bottom;

  -ms-transform-origin: right bottom;

  -o-transform-origin: right bottom;

  transform-origin: right bottom;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  transition-duration: 0.2s;

  border-radius: 0.25em;

  background-color: rgba(255, 255, 255, 0.9);

}

.touch #cd-vertical-nav a {

  display: block;

  padding: 1em;

  border-bottom: 1px solid rgba(62, 57, 71, 0.1);

}

.touch #cd-vertical-nav a span:first-child {

  display: none;

}

.touch #cd-vertical-nav a.is-selected span:last-child {

  color: #d88683;

}

.touch #cd-vertical-nav.open {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.touch #cd-vertical-nav.open + .cd-nav-trigger {

  background-color: transparent;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span {

  background-color: rgba(62, 57, 71, 0);

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {

  background-color: #3e3947;

  height: 3px;

  width: 20px;

  border-radius: 0;

  left: -8px;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 1px;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

  bottom: 0;

}

.touch #cd-vertical-nav li:last-child a {

  border-bottom: none;

}



@media only screen and (min-width: 768px) {

  .touch .cd-nav-trigger, .touch #cd-vertical-nav {

    bottom: 40px;

  }

}

/*starting of header*/





header

{

	width:100%;

	background-color:#000;

	position:fixed;

	z-index:1;

}



.no-touch #cd-vertical-nav a.is-selected i

{

	color: #76c1e1;

}

.no-touch #cd-vertical-nav i

{

position: relative;

    top: 8px;

   /* height: 12px;

    width: 12px;*/

    border-radius: 50%;

	color:#fff;

	font-size:24px;

    

    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;

    -moz-transition: -moz-transform 0.2s, background-color 0.5s;

    transition: transform 0.2s, background-color 0.5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

	

.navbar-inverse .navbar-toggle1

{

	padding: 15px 15px;

	margin-top:58px;

}

.navbar-inverse1

{

	height:130px;

}

	

.mynav

{

	height:188px;	

}

.mynavstyle

{

	border-radius:0;

}

.right-ul

{

	    margin-top: 58px;

		/*padding-top:58px;*/

	    font-size:20px;

}

.mycollapse-class

{

	margin-top:25px;

	border-color:#000;

}





	.front-box:hover a

	{

		text-decoration:none;

	}

/*ending of header*/



/*starting of section1*/

/*#section0

{

	background-image:url(../images/about-us-bg.jpg);

	background-size:100% 100%;

	padding-top:1px;

	z-index:-1;

	background-repeat:no-repeat;

	min-height:100%;

	}

	*/

	/*padding-bottom:60px;*/	

	/*padding-bottom:100px;*/



.containt-area

{

	width:100%;

}

.about-heading

{

	font-size:36px;

	color:#76c1e1;

	

	font-style:italic;

	font-family: 'Ubuntu', sans-serif; 

}

.about-heading:after

{

	content:'';

	position:absolute;

	width:98%;

	height:2px;

	background-color:#2b2b2b;

	top:66px;

	left:10px;

}





.about-description 

{

	font-size:18px;

	color:#fff;

	margin-top:50px;

	line-height:1.6;

	width:100%;

	font-family: 'Ubuntu', sans-serif;

}

.special-char

{

	font-family:18px;

	color:#76c1e1;

	/*font-style:italic;*/

	font-weight:500;

	

}

.special-char a

{

	font-family:18px;

	color:#76c1e1;

	/*font-style:italic;*/

	font-weight:500;

}

/*ending of section1*/





/*starting of section2 mici section*/

 #section2, #section3, #section4, #section5, #section1

{



	

}

/*.container:after

{

	position:absolute;

	width:100%;

	height:2px;

	background-color:red;

	top:0;

	left:0;

	content:"";

}*/



.about-description .mici-last-para

{

	font-size:12px;

}

.about-description p

{

	margin-top:25px;

}

/*ending of section2 mici section*/



/*starting of section3*/

 .flib-box

  {

	  width:100%;

	 

	  position:relative;

	  top:0;

	  left:0;

	  background-color:transparent;

	  perspective:600px; 

	  height:306px;

  }  

   .front-box

  {

	  position:absolute;

	  background-color:yellow;

	  transform:rotateY(0deg);

	  color:#fff;

	  width:100%;

	  height:100%;

	  padding-top:96px;

	  transition:all 0.5s;

	   backface-visibility:hidden;

	   padding-left:15px;

	   padding-right:15px;

  }

  .front-box-img

  {

	   position:absolute;

	  background-color:#005874;

	  transform:rotateY(0deg);

	  color:#fff;

	  width:100%;

	  height:100%;

	  transition:all 0.5s;

	   backface-visibility:hidden;

	  

  }

  .back-box-content

  {

	   position:absolute;

	  background-color:black;

	  transform:rotateY(180deg);

	  color:#fff;

	  padding-top:96px;

	  width:100%;

	  height:100%;

	  transition:all 0.5s;

	  backface-visibility:hidden;

  }

  .back-box-content:hover a

  {

	  text-decoration:none;

  }

  

  .front-box i

  {

	  font-size:50px;

	  color:#fff;

  }

   .back-box-content i

  {

	  font-size:50px;

	  color:#fff;

  }

  

  

  .front-box-img img

  {

	  width:100%;

	  height:100%;

  }

  

  .front-box-title

  {

	  font-size:30px;

	  color:#fff;

  }

   .back-box

  {

	  position:absolute;

	  background-color:black;

	  transform:rotateY(180deg);

	  color:#fff;

	  width:100%;

	  height:100%;

	  transition:all 0.5s;

	  backface-visibility:hidden;

  }

  .back-box img

  {

	  width:100%;

	  height:100%;

  }

  

 .flib-box:hover .front-box

	 {	

	  transform:rotateY(-180deg); 

	 } 

	 .flib-box:hover  .back-box

	 {	

	  transform:rotateY(0deg); 

	 } 

	 .flib-box:hover .front-box-img

	 {

		 transform:rotateY(-180deg); 

	 }

	  .flib-box:hover .back-box-content

	  {

		   transform:rotateY(0deg);

	  }

	  

	 

.integrated-travel-solutions-para

{

	color:#3cbae2;

	font-size:59px;

	text-align:left;

	padding-top:88px;

	padding-left:20px;

}

/*ending of section3*/



/*starting of section4*/

.sub-heading

{

	font-size:25px;

	color:#76c1e1;

	font-style:italic;

}

.tailor-made-tours-last-para

{

	font-size:16px;

	color:#76c1e1;

}

.main-div i

{

	color: #fff;

    font-size: 50px;

}

.integrated-heading

{

    color: #fff;   

    font-size: 30px;

    margin-top: 20px;

}

/*ending of section4*/



/*starting of section5*/

.contact-description

{

	width:100%;

	font-size:18px;

	color:#fff;

	
}

.contact-description table 

{

	width:100%;

}

.contact-description table tr td, .contact-description table tr th

{

	text-align:left;

	padding:20px;

	

}

.contact-description table tr th

{

	color:#76c1e1;	

	border-bottom:1px solid  #1e1e1d;

}

.contact-description table tr th span:after

{

	position:absolute;

	content:'';

	width:100%;

	height:2px;

	background-color:#fff;

	left:0;

	top:20px;

	

}



/*ending of section5 */



/*commanclasses*/

.white

{

	color:#FFF;

}

a:hover 

{

	text-decoration:none;

}

/*ending of comman claSS*/







/*integrated-travel-solution*/



#section7, #section8, #section9, #section10 ,#section11, #section12

{

	background-image:url(../images/about-us-bg.jpg);

	background-size:100% 100%;

	padding-top:1px;

	/*z-index:-1;*/

	background-repeat:no-repeat;

	min-height:100%;

}



#section8 .visa-div

{

	width:100%;	

	

	

}

.visa-heading

{

	color:#fff;

}





#section9 .hotel-last-para

{

	font-size:12px;

}

.trailer-made-tours

{

	padding-top:250px;

}

<!--ending of  section4-->





/*ending of integrated-solution*/

.footer-div 

{

	

	color:#fff;

}
.footer-para
{
	color:#fff;
	 margin-top:200px;
}
.contact-btn
{
	background-color: #005874;
    border-color: #005874;	
}
.contact-btn:hover
{
	background-color:#000;
	color:#005874;
}
#id11:hover
{
	background-color:#000;
	color:#fff;
	border:2px solid #fff;
}



<!--closing of footer-->

.column-reverse

{
display: block;
}

.hotel-last-para

{

	font-size:12PX;

	font-family: 'Ubuntu', sans-serif;

}

.GREEN

{

	COLOR:#7d9c28;

}

.v-last-para

{

	color:#76c1e1;

	font-size:16px;

}



@media (max-width: 900px)

{

	.column-reverse

	{

		display: flex;
        flex-direction: column-reverse;

	}
	.hidi
	{
		display:block;
	}
	.visi
{
	display:none;	
}


}

.navbar {

	position:absolute;

	left:0;

	right:0;

	top:0;

	width:90%;

}

.container1 {

	overflow-y:hidden;

}

@media (min-width: 667px)

{

	.pt-300

{

	padding-top:250px;

}

}

@media (min-width: 900px)

{

	.pt-300

{

	padding-top:200px;

}
.hidi
	{
		display:none;
	}
	.visi
{
	display:block;	
}

}