<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Travel</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Destination <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">New Delhi</a></li>
<li><a href="#">Amritsar</a></li>
<li><a href="#">Mumbai</a></li>
<li><a href="#">Jaipur</a></li>
<li><a href="#">Udaipur</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Hotels <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">New Delhi</a></li>
<li><a href="#">Amritsar</a></li>
<li><a href="#">Mumbai</a></li>
<li><a href="#">Jaipur</a></li>
<li><a href="#">Udaipur</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Tours <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li><a href="#">Deals</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-collapse -->
</nav>
<div class="home-banner">
<div id="myCarousels" class="carousel slide" data-ride="carousel" data-interval="false">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousels" data-slide-to="0" class="active"></li>
<li data-target="#myCarousels" data-slide-to="1"></li>
<li data-target="#myCarousels" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="img-overlay">
<img src="https://images.pexels.com/photos/132037/pexels-photo-132037.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Second slide">
</div>
<!-- Static Header -->
<div class="header-text text-center hidden-xs">
<div class="main_title ">
<span> Welcome to Travel Land </span>
<h2>Enjoy the Freedom</h2>
<p>Our aggregator runs searches on numerous Web sites simultaneously and then links <br> directly to the search results so you can easily
find and purchase the tour to enjoy.</p>
</div>
<div class="">
<div class="gap-t-30"></div>
<a class="btn btn-lg btn-primary site-btn" href="#">Learn More</a>
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<div class="img-overlay">
<img src="https://images.pexels.com/photos/672358/pexels-photo-672358.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Second slide">
</div>
<!-- Static Header -->
<div class="header-text text-center hidden-xs">
<div class="main_title ">
<h2>Paris <span>Top</span> Tours</h2>
<p>Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat.</p>
</div>
<div class="">
<a class="btn btn-lg btn-primary site-btn" href="#">Learn More</a>
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<div class="img-overlay">
<img src="https://images.pexels.com/photos/33545/sunrise-phu-quoc-island-ocean.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Second slide">
</div>
<!-- Static Header -->
<div class="header-text text-center hidden-xs">
<div class="main_title ">
<h2>Paris <span>Top</span> Tours</h2>
<p>Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat.</p>
</div>
<div class="">
<a class="btn btn-lg btn-primary site-btn" href="#">Learn More</a>
</div>
</div><!-- /header-text -->
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#myCarousels" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousels" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div><!-- /carousel -->
</div>
<div class="easy-area area-padding">
<div class="container">
<div class="row text-center">
<div class="col-md-4">
<div class="easy-box">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/service-icon-1.png" alt="">
<h2>Easy To Customize</h2>
<p>Lorem ipsum dolor sit amt, consectet adop adipisicing elit, sed do eiusmod tepo raraincididunt ugt labore.</p>
</div>
</div>
<div class="col-md-4">
<div class="easy-box">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/service-icon-2.png" alt="">
<h2>Easy To Customize</h2>
<p>Lorem ipsum dolor sit amt, consectet adop adipisicing elit, sed do eiusmod tepo raraincididunt ugt labore.</p>
</div>
</div>
<div class="col-md-4">
<div class="easy-box">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/service-icon-3.png" alt="">
<h2>Easy To Customize</h2>
<p>Lorem ipsum dolor sit amt, consectet adop adipisicing elit, sed do eiusmod tepo raraincididunt ugt labore.</p>
</div>
</div>
</div>
</div>
</div>
<div class="app-area area-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="section-title">
<h2>ABOUT OUR APP</h2>
<h3>One application multiplies properties </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum voluptatum reprehenderit nostrum dolor, necessitatibus quod dolorum odio ipsa accusantium harum molestias eligendi expedita illo mollitia, dolore distinctio porro tempore! Lorem ipsum dolor </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis iure recusandae minus cumque ratione quaerat, amet modi! Odio, inventore, nulla!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis iure recusandae minus </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis iure recusandae minus cumque ratione quaerat, amet modi! Odio</p>
<div class="about-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-md-5">
<div class="abt-img-box">
<img src="http://wpocean.com/tf/html/naima/assets/img/app/about-app.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div id="show" class="show-area area-padding">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="section-title text-center">
<h2>How it work?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam unde, accusantium consectetur sit excepturi eius.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="show-box text-center">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/work-icon-1.png" alt="">
<h2>Login First</h2>
<p>Lorem ipsum dolor sit ameteped consecteadop adipisicing elitab sed eiusmod temporara incident</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="show-box text-center">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/work-icon-1.png" alt="">
<h2>Data Analysis</h2>
<p>Lorem ipsum dolor sit ameteped consecteadop adipisicing elitab sed eiusmod temporara incident</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="show-box text-center">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/work-icon-1.png" alt="">
<h2>Face Testing</h2>
<p>Lorem ipsum dolor sit ameteped consecteadop adipisicing elitab sed eiusmod temporara incident</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="show-box text-center">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/work-icon-1.png" alt="">
<h2>Show Result</h2>
<p>Lorem ipsum dolor sit ameteped consecteadop adipisicing elitab sed eiusmod temporara incident</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<img src="assets/img/bg/work-bg.png" alt="">
</div>
</div>
</div>
</div>
<div id="design-area" class="area-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="section-title text-center">
<h2>Special design</h2>
<p>Lorem ipsum madolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor coli incididunt ut labore Lorem ipsum madolor sit amet.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="designs-area text-right">
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-1.png" alt="">
</div>
<h3>Creative Desig</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-2.png" alt="">
</div>
<h3>Retina ready</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-3.png" alt="">
</div>
<h3>High Resulation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="designs-img">
<img src="http://wpocean.com/tf/html/naima/assets/img/app/feature-aap.png" alt="">
</div>
</div>
<div class="col-md-4">
<div class="designs-area">
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-4.png" alt="">
</div>
<h3>Clean Codes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-5.png" alt="">
</div>
<h3>Unlimited design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
<div class="designs">
<div class="designs-icon">
<img src="http://wpocean.com/tf/html/naima/assets/img/icon/feature-icon-6.png" alt="">
</div>
<h3>Full free Chat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="area-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="section-title text-center m-b-100">
<h2>Awesome Team</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel volutpat felis, eu condimentum massa. Pellentesque mollis</p>
</div>
</div>
</div>
<div class="row">
<div class="team-area">
<div class="col-md-3 col-sm-6">
<div class="team-box">
<div class="team-img">
<img src="http://wpocean.com/tf/html/naima/assets/img/team/team-1.jpg" alt="">
</div>
<div class="team-info">
<h3>Imran Hossain</h3>
<span>Founder & Ceo</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, suscipit?</p>
<a href="#" class="team-bio">View Bio</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-box">
<div class="team-img">
<img src="http://wpocean.com/tf/html/naima/assets/img/team/team-2.jpg" alt="">
</div>
<div class="team-info">
<h3>Naima Anjum</h3>
<span>UX Designer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, suscipit?</p>
<a href="#" class="team-bio">View Bio</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-box">
<div class="team-img">
<img src="http://wpocean.com/tf/html/naima/assets/img/team/team-3.jpg" alt="">
</div>
<div class="team-info">
<h3>John Doe</h3>
<span>Front-end Developer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, suscipit?</p>
<a href="#" class="team-bio">View Bio</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-box">
<div class="team-img">
<img src="http://wpocean.com/tf/html/naima/assets/img/team/team-4.jpg" alt="">
</div>
<div class="team-info">
<h3>Sarah Melyah</h3>
<span>Web Developer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, suscipit?</p>
<a href="#" class="team-bio">View Bio</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="area-padding soft-bg">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="soft-download-title text-center">
<h2>Download App Today</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi autem quisquam voluptas, et facilis deleniti!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center ">
<div class="soft-btn-box">
<a href="#" class="soft-btn">Google Store<i class="fa fa-android"></i></a>
<a href="#" class="soft-btn">Apple Store <i class="fa fa-apple"></i></a>
<a href="#" class="soft-btn">Windows Store<i class="fa fa-windows"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="cta-sektion cta-padding35">
<div class="container">
<div class="row">
<div class="col-md-9 col-sm-9 col-xs-12">
<h3><span class="glyphicon glyphicon-cog "></span> <b>Homes for sale?</b> Explore properties like a pro.</h3>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 Tpadding10">
<button type="button" class="btn btn-primary site-btn">Start Right Now</button>
</div>
</div>
</div>
</div>
<div class="footer-section">
<div class="footer">
<div class="container">
<div class="col-md-4 footer-one">
<h5>About Us </h5>
<p>Cras sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<div class="social-icons">
<a href="https://www.facebook.com/"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a>
<a href="https://twitter.com/"><i id="social-tw" class="fa fa-twitter-square fa-3x social"></i></a>
<a href="https://plus.google.com/"><i id="social-gp" class="fa fa-google-plus-square fa-3x social"></i></a>
<a href="mailto:bootsnipp@gmail.com"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</div>
<div class="col-md-3 footer-two">
<h5>Information </h5>
<ul>
<li><a href="maintenance.html">Maintenance Tips</a></li>
<li><a href="contact.html">Locations</a></li>
<li><a href="about.html">Testimonials</a></li>
<li><a href="about.html">Careers</a></li>
<li><a href="about.html">Partners</a></li>
</ul>
</div>
<div class="col-md-3 footer-three">
<h5>Helpful Links </h5>
<ul>
<li><a href="maintenance.html">Maintenance Tips</a></li>
<li><a href="contact.html">Locations</a></li>
<li><a href="about.html">Testimonials</a></li>
<li><a href="about.html">Careers</a></li>
<li><a href="about.html">Partners</a></li>
</ul>
</div>
<div class="col-md-2 footer-four">
<h5>Helpful Links </h5>
<ul>
<li><a href="maintenance.html">Maintenance Tips</a></li>
<li><a href="contact.html">Locations</a></li>
<li><a href="about.html">Testimonials</a></li>
<li><a href="about.html">Careers</a></li>
<li><a href="about.html">Partners</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center ">
<div class="copyright-text">
<p>CopyRight © 2017 Digital All Rights Reserved</p>
</div>
</div> <!-- End Col -->
</div>
</div>
</div>
</div>
/* CTA CSS */
.cta-padding35 {
padding: 35px 0 35px;
background-color: #b40028;
color:#fff;
}
/* Footer */
.footer {
position: relative;
background-color: #fff;
color: #707070;
padding: 55px 0 40px;
}
.footer h5 {
font-size: 18px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
color: #707070;
position: relative;
padding-bottom: 16px;
}
.footer h5:after {
content: '';
display: block;
margin: 5px 0 0;
width: 40%;
height: 1px;
background-color: #fff;
}
.footer ul {
list-style: none;
line-height: 2.2em;
padding-left:0px;
}
.footer ul a {
color:#707070;;
}
.footer ul a:hover {
color:#274abb;;
text-decoration:none;
}
/*footer bottom */
.footer-bottom {
padding-top: 5px;
padding-bottom: 15px;
border-top: 1px solid rgba(0,0,0,0.09);
background: #fff;
}
.copyright-text p {
color: #707070;
margin-top: 18px;
margin-bottom: 0;
font-size:12px;
}
/* Social Icons */
.social-icons{
margin: 0;
padding: 0;
font-size : 10px;
}
.social {
margin:7px 7px 7px 0px;
color:#232323;
}
#social-fb:hover {
color: #3B5998;
transition:all .25s;
}
#social-tw:hover {
color: #4099FF;
transition:all .25s;
}
#social-gp:hover {
color: #d34836;
transition:all .25s;
}
#social-em:hover {
color: #f39c12;
transition:all .25s;
}
/******************* Software Download *********/
.soft-bg {
background:#000;
background-size: cover;
background-position: center center;
position: relative;
z-index: 1;
}
.soft-download-title {
margin-bottom: 60px;
color: #fff;
}
.soft-btn {
display: inline-block;
color: #fff;
border: 2px solid #C9223D ;
padding: 15px 41px;
border-radius: 50px;
text-decoration: none;
-webkit-transition: .3s;
transition: .3s;
box-shadow: 0 3px 22px 0 rgba(0, 0, 0, 0.2);
margin: 0px 10px;
}
.soft-btn:hover {background:#C9223D;color:#fff;}
/******************** TEAM AREA ************/
.m-b-100 {
margin-bottom: 100px;
}
.team-img {
text-align: center;
}
.team-box {
background-color: #fff;
padding: 25px 25px;
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: .3s;
transition: .3s;
}
.team-info {
z-index: 1;
text-align: center;
}
.team-info h3 {
font-size: 20px;
padding-top: 15px;
margin-bottom: 0;
font-weight: 400;
}
.team-info span {
font-size: 16px;
display: block;
padding-top: 5px;
}
.team-info p {
padding: 10px 0;
}
.team-info a {
display: inline-block;
color: rgba(4, 151, 254, .80);
border: 2px solid rgba(4, 151, 254, .80);
padding: 6px 15px;
-webkit-transition: .3s;
transition: .3s;
}
.team-img img {
width: 150px;
border-radius: 50%;
margin-top: -60px;
}
/*************** design AREA ***************/
.designs {margin-bottom: 37px;}
.designs h3 {padding-top: 20px;font-size: 20px;}
/*************** SHOW AREA ***************/
.show-box h2 {font-size: 20px;padding-top: 15px;}
.show-box p{}
.show-box{text-align:center;padding:25px 20px;-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);}
.show-box:hover {box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);transform:translateY(-5px);-webkit-transition:.3s;transition:.3s}
.area-padding {padding:100px 0;}
.gray-bg {background:#F7F7F9;}
.section-title {}
.section-title h2 {font-size: 30px; font-weight: 500;}
.section-title h3 {font-size: 20px;font-weight: 400;}
.section-title p {font-size: 14px;margin-bottom: 25px; line-height: 26px;}
.social-icons {margin-top: 45px;}
/*************** EASY AREA ***************/
.area-padding {padding:100px 0;}
.easy-box:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);transform:translateY(-5px);-webkit-transition:.3s;transition:.3s}
.easy-box{text-align:center;padding:25px 20px;-webkit-transition:.3s;transition:.3s}
.easy-box h2{font-size:20px;padding-top:15px;margin: 0 0 15px;}
/* Button */
.site-btn{padding:12px 25px 12px 25px;border-radius:2px;background:#DF314D;border-color:transparent;font-size:14px;}
.site-btn:hover{background:#C9223D ;border:transparent;}
/* Home banner Caraousel */
.home-banner{padding-top:70px;}
.carousel-inner img {width: 100%; max-height: 500px;}
.img-overlay::after {
background: rgba(0, 0, 0, 0.40) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
/* Carousel Header Styles */
.header-text {
position: absolute;
top: 35%;
left: 1.8%;
right: auto;
width: 96.66666666666666%;
color: #e2e2e2;
font-size:20px; letter-spacing:1px;
}
.header-text h2 {font-size: 60px; color:#fff; font-weight:600;}
.header-text span {padding: 10px;color:#C9223D ;}
.header-text h3 span {padding: 15px;}
.header-text p {font-size:17px; line-height:22px;}
.gap-t-30{margin-top:30px;}
/* Navigation */
.caret-up {
width: 0;
height: 0;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-bottom: 4px solid;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}
.dropdown-menu {padding:0px;}
.dropdown-menu > li > a {
color: #514f4f;
text-decoration: none;
background-color: #fff ;
}
.dropdown-menu > li > a:hover {
color: #fff;
text-decoration: none;
background-color: #C9223D ;
}
.dropdown-menu > li > a {padding:8px; border-bottom:1px solid #e2e2e2;}
.navbar-default {
background-color: #C9223D ;
padding:25px 0px 15px 0px;
font-weight:400;
letter-spacing:2px;
font-size:16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-bottom:0px;
}
.navbar-default .navbar-brand {
color: #d9d9d9;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #ffffff;
}
.navbar-default .navbar-text {
color: #d9d9d9;
}
.navbar-default .navbar-nav > li > a {
color: #d9d9d9;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #c9223d;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #c9223d;
}
.navbar-default .navbar-toggle {
border-color: #c9223d;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #c9223d;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #d9d9d9;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #d9d9d9;
}
.navbar-default .navbar-link {
color: #d9d9d9;
}
.navbar-default .navbar-link:hover {
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #d9d9d9;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #c9223d;
}
}
$(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop( true, true ).fadeIn("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
},
function() {
$('.dropdown-menu', this).stop( true, true ).fadeOut("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
});
});
