body{
	margin:0px;
	padding:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	}	
.con{
	width:100%;
	height:650px;
	margin-top:0px;
    background-image: url("../images/intro-bg3.png");
	}
/*.icons{
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	margin-left:77%;
	margin-right:0px;
	margin-top:17px;
	margin-bottom:0px;
	}*/
.logo{
	position:absolute;
	padding:0px;
	height:50px;
	width:50px;
	margin:20px;
	}
.logo .img_logo{
    position: absolute;
    width:45px;
    top: -12px !important;
    left:-20px !important;
    cursor: pointer;
}
/*.block{
    position: relative;
}
.block .img_rapid{
    position: absolute;
    top:0;
    left:0;
}*/





.ani{
	background-image:url(../images/screen2.png);
	width:40vw;
   /* width:100%;*/
	background-position:center;
	background-repeat:no-repeat;
	height:60vh;
    /*height:auto;*/
	background-size:contain;
	position:absolute;
	margin:auto;
	top:0;left:0;right:0;bottom:0;
	transform:translateY(100%);
	transition:8s all;
	}
.fa {
  padding: 10px;
  width: 55px;
  text-align: center;
  text-decoration: none;
  margin: 5px -3px;
  font-size:22px !important;
  color:black;
}
.fa:hover {
    opacity: 0.7;
}
.icons1{
	margin-top:50px;
	margin-bottom:40px;
	margin-left:150px;
	margin-right:0px;
	display:table;
	}
.icon-blk{
	color:#757575;
	text-align:right;
	margin-left:0px;
	margin-right:175px;
	}
.block{
	margin:0px;
	padding:0px;
	margin-right:25px;
	margin-left:0px;
	float:right !important;
	margin-bottom:0px;
	margin-top:-110px;
    position: relative;
	}

.block .img_rapid{
    position: absolute;
    top:-135px;
    left:-75px;
}
.block .img_rapid_1{
    position: absolute;
    top:-160px;
    left:-75px;
} 
.icons2{
	margin-top:50px;
	margin-bottom:40px;
	margin-left:70px;
	margin-right:0px;
	display:table;
	}
.icon-blk2{
	color:#757575;
	text-align:left;
	margin-left:160px;
	margin-right:105px;
	}
.block2{
	margin:0px;
	padding:0px;
	margin-right:0px;
	margin-left:20px;
	float:left !important;
	margin-bottom:0px;
	margin-top:50px;
	}
.blk{
	margin-top:25px;
	}
.blk2{
	margin-bottom:60px;
	}
	
	
	
	
.icon-block{
	display:table;
	margin-top:45px;
	margin-bottom:40px;
	margin-right:35px;
	color:#757575;
	margin-left: 140px;
	text-align:right;
	}
.text {
    font-size: 18px;
    word-spacing: 2px;
    line-height: 1.5;
}
.head-text{
	margin-bottom:25px;
	font-weight:600;
	font-size:20px;
	word-spacing:3px;
	}
.block-icon{
	display:table;
	margin:0px;
	margin-top:50px;
	padding:0px;
	}
.icon-block1{
	display:table;
	margin-top:45px;
	margin-bottom:40px;
	margin-right:180px;
	color:#757575;
	margin-left: 20px;
	text-align:left;
	}
.icon-block2{
	display:table;
	margin-top:50px;
	margin-bottom:60px;
	margin-right:35px;
	color:#757575;
	margin-left: 180px;
	text-align:right;
	}
.icon-block3{
	margin-top:50px;
	display:table;
	margin-bottom:60px;
	margin-right:155px;
	color:#575757;
	margin-left: 20px;
	text-align:left;
	}
.item-image{
	height:70%;
	width:100%;
	}
.con1{
	background-color:black;
		}
.contact
{
    display: inline-block;
    width: 100%;
	padding: 40px 0px;
	background-color:black;
    background-size: cover;
}
.contact h1
{
	color: #fff;
	display: inline;
	border-bottom:  1px solid #fff;
	margin: 20px 0px;
}
.contact p
{
	color: #fff;
}
.circel-footer-icon
{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border:1px solid #fff;
	text-align: center;
	background: transparent;
}
.full-width
{
	display: inline-block;
	width: 100%;
}
.circel
{
	width: 80px;
	height:80px;
	border-radius: 100%;
    text-align: center;
	transition: ease 0.5s;
	padding-top: 26px;
	transition: ease 0.5s;
}

.full-width .col-md-4.col-sm-4.text-center:hover .circel

{

    background:#ffff00;

    color: #fff; 

    transition: ease 0.5s;

}

.services .full-width .col-md-4.col-sm-4.text-center:hover .circel i

{

    color: #fff; 

    transition: ease 0.5s;

}

.services .full-width .col-md-4.col-sm-4.text-center .circel i

{

    color: #ffff00; 

        transition: ease 0.5s;

        font-size: 36px;

}

h3 {

    color: #777;

    font-family: "RobotoR";

    font-size: 20px;

    font-weight: 400;

    line-height: normal;

    margin: 10px 0px 6px;

    position: relative;

    text-transform: uppercase;

}



p {

    color: #777;

    font-size: 15px;

    font-weight: 300;

    line-height: 24px;

    margin: 0 0 15px;

    font-family:"RobotoL";

}

.margintop20

{

    margin-top: 20px;

}
.contact12{
	background-color:#ffff00 !important;
	color:black !important;
	border:1px solid #ffff00 !important;
	}
.contact12:hover{
	background-color:black !important;
	color:#ffff00 !important;
	border:1px solid #ffff00 !important;
	}	
.how

{

    background:#ffff00;

    display: inline-block;

    padding: 40px 0px;

    color: #fff; 

    width: 100%;

}

.how h1

{

    display: inline;

    border-bottom: 1px solid #fff;

    color: #fff;

}

.how p

{

    color: #fff;

    text-align: right;

}

.how h2

{

    color: #fff;

    text-align: right;

}

.how h3

{

    color: #fff;

    text-align: right;

    margin: 0px;

}

.how .col-md-5.col-sm-5.text-left

{

    text-align: left;

}

.how .col-md-5.col-sm-5.text-left h3

{

    text-align: left;

}

.how .col-md-5.col-sm-5.text-left h2

{

    text-align: left;

}

.how .col-md-5.col-sm-5.text-left p

{

    text-align: left;

}



.how .col-md-2.col-sm-2.margintop40

{

    margin-top: 50px;

}



.margintop40

{

    margin-top: 40px;

}

.hotels2

{

    display: inline-block;

    width: 100%;

    padding: 50px 0;

}

.hotels2 h1

{

    text-align: center;

    display: inline;

    border-bottom: 2px solid #ffff00;

}

.effect

{

    position: relative;

    width: 100%;

    overflow: hidden;

    display: inline-block;

}

.effect-content

{

    position: absolute;

    width: 400px;

    height: 300px;

    background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

    color: #fff;

    top: 6%;

    left:6%;

    box-sizing: border-box;

    text-align: center;

    overflow: hidden;

    opacity: 0;

    transition: ease 0.5s;

}

.effect-content h3

{

    color: #fff;

    opacity: 0;

    transition: ease 0.5s;

}

.effect:hover .effect-content

{

    opacity: 1;

     transition: ease 0.5s;

}

.effect:hover .effect-content h3

{

    opacity: 1;

     transition: ease 0.5s;

     margin-top: 24%;

}

.effect-paragraph

{

    position: absolute;

    top: 44%;

    left: 0%;

    width: 100%;

    text-align: center;

    color: #fff;

    opacity: 0;

    transition: ease 0.5s;

}

.effect:hover .effect-content .effect-paragraph

{

    opacity: 1;

    transition: ease 0.5s;

}

.btn.btn-primary {

    background: #42c0d9;

    border-color: #42c0d9;

    color: #fff;

}



.btn.btn-primary:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-color: #42c0d9;

    color: #
	;

}

.effect-btn

{

   position: absolute;

    bottom: 0%;

    left: 0%;

    width: 100%;

    text-align: center;

    color: #fff;

    opacity: 0;


    transition: ease 0.5s; 

}

.effect:hover .effect-content .effect-btn

{

    bottom: 32%;

    opacity: 1;

}

.deals

{

    display: inline-block;

    width: 100%;

    padding: 50px 0;

}

.deals h1

{

    text-align: center;

    display: inline;

    border-bottom: 2px solid #42c0d9;

}

/* carousel */

.media-carousel 

{

  margin-bottom: 0;

  padding: 0 40px 30px 40px;

  margin-top: 30px;

}

/* Previous button  */



/* Next button  */



/* Changes the position of the indicators */



/* Changes the colour of the indicators */

.media-carousel .carousel-indicators li 

{

  background: #c0c0c0;

}

.media-carousel .carousel-indicators .active 

{

  background: #333333;

}



.thumbnail

{

    cursor: all-scroll;

    border:none;

    border-radius: 4px;

    padding: 0px;

    overflow: hidden;

}

.line

{

    text-decoration: line-through;

}

.thumbnail .btn.btn-primary

{

    margin-top: -6%;

    font-size: 20px;

    font-weight: lighter;

    font-family: 'RobotoL';

}

.thumbnail .btn.btn-primary span

{

    padding: 0px 4px;

}

.bold2

{

    font-size: 20px;

    cursor: pointer;

}

.bold2:hover

{

    color: #42c0d9;

}

.thumbnail .btn.btn-primary:hover

{

       background: #42c0d9 none repeat scroll 0 0;

    border-color: #42c0d9;

    color: #fff;



}













.tour-item{

    width:100%;

    height:auto;

    display:block;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    background:#fff;

    cursor:all-scroll;

}



.tour-item .thumb{

    width:100%;

    float:left;

    height:auto;

    position:relative;

    -webkit-border-radius:5px 5px 0 0;

    -moz-border-radius:5px 5px 0 0;

    border-radius:5px 5px 0 0;

}

.tour-item .thumb > img{

    width:100%;

    height:auto;

    -webkit-border-radius:5px 5px 0 0;

    -moz-border-radius:5px 5px 0 0;

    border-radius:5px 5px 0 0;

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    transition:all 0.5s ease-in-out;

}

.price-info{

    width:auto;

    padding:7px 20px;

    position:absolute;

    top:-21px;

    left:50%;

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

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

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

    transform:translateX(-50%);

    background:#42c0d9;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    transition:all 0.5s ease-in-out;

}

.regular-price{

    font-weight:300;

    color:#fff;

    font-size:18px;

    text-decoration:line-through;

    margin-right:10px;

    display:inline-block;

}

.sale-price{

    font-weight:300;

    color:#fff;

    font-size:20px;

    display:inline-block;

}

.discount-info{

    width:100%;

    float:left;

    height:auto;

    padding:40px 15px 20px;

    position:relative;

    background:#fff;

}

.discount-info a{

    color:#777;

    text-transform:uppercase;

    cursor:pointer;

}

.discount-info a:hover{

    color:#42c0d9;

}

.tour-item span .fa{

    color:#777;

}
.testemonial

{

        display: inline-block;

    width: 100%;

    padding:20px 0 00px;

}

.testemonial h1

{

    text-align: center;

    display: inline;

    border-bottom: 2px solid #42c0d9;

}





























section {

    padding-top: 10px;

}



.quote {

    color: rgba(0,0,0,.1);

    text-align: center;

    margin-bottom: 30px;

}



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

/*    Carousel Fade Transition   */

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



#fade-quote-carousel.carousel {

  padding-bottom: 60px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: 10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background: transparent;

  border: 1px solid #ffff00;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

}

#fade-quote-carousel .profile-circle {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    border-radius: 100%;

    overflow: hidden;

}

.testemonial .blockquote

{

    cursor: all-scroll;

}



.testemonial .carousel-indicators .active

{

    background:#ffff00 !important;

    width: 10px;

    height: 10px;

}







   #scroll {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:50px;

    height:50px;

    background-color:#ffff00;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius:60px

    border:1px solid #fff;

}

#scroll span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff

}

#scroll:hover {

    background-color:#000;

    border:1px solid #ffff00; 

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}

#scroll i

{

   padding-right: 15px;

   padding-top: 7px;

}





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

/* RESPONSIVE

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



@media (max-width: 991px) {

    .slide-text h1 {

        font-size: 40px;

        line-height: 50px;

        margin-bottom: 20px;

    }

    .slide-text > p {



        font-size: 18px;

    }

}





.navbar-default .navbar-nav > li.active > a

{

   color: #ffff00; 

}

.nav-active

{

    color: #fff;

}

.contact

{

    display: inline-block;

    width: 100%;

    background:url('../img/bg-contact.png') no-repeat;

    padding: 40px 0px;

    background-size: cover;

}


.contact h1
{
	color: #fff;
	display: inline;
	border-bottom:  1px solid #fff;
	margin: 20px 0px;
}
.contact p
{
    color: #fff;
}

.circel-footer-icon

{

    width: 50px;

    height: 50px;

    border-radius: 100%;

    border:1px solid #fff;

    text-align: center;

    background: transparent;

}

.circel-footer-icon i
{
	color: #fff;
	font-size: 24px;
	padding-top: 10px;
}

.contact .form-control
{

    background:transparent;

    border:1px solid #fff;

    height: 50px;

}

.contact textarea

{

    height: auto !important;

}

.social-icons

{

    padding-left: 0px;

    display: inline-block;

    width: 100%;

    margin: 0px;

}

.btn-danger
{
    background: #ffff00;
    color: #3f3f3f; !important;
   border:1px solid #ffff00;!important;
	border-color:#ffff00;
    border-radius: 0px;
	transition: ease 0.5s;
	 margin: 6px;
}
.btn-danger:hover
{
    background:transparent;
    color: #ffff00;
    transition: ease 0.5s;
}
.copy{
	height:80px;
	width:100%;
	background-color:#ffffff;
	color:#000000;
}
.copy p{
	margin:20px;
	padding:5px;
	float:right;
}