@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body{font-family: 'Roboto', sans-serif;}
header{ width: 100%;padding: 0px 0; position: absolute;z-index: 9999;}
@media screen and (max-width: 991px){
  header{position: inherit; background: #28282A!important;}
  .banner{position: inherit !important;}
  .servicecont{
    padding: 0; margin: 0;
  }
}
.servicecont{
  padding: 25px;
}

p {
  font-weight: 300 !important;
  font-size: 16px;
  margin: 5px 0 5px;
  line-height: 23px;
  font-family: 'Josefin Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu', sans-serif !important;}
.p{font-size: 18px!important;}
.navbar-static-top {border-color: transparent !important; height: auto !important; padding: 10px;}
.navbar-static-top .navbar-nav>li>a {background:none!important;text-transform: uppercase !important;  padding: 10px; margin-left: 10px; margin-right: 10px; 
  color:#fff !important; text-transform: capitalize; font-size: 19px !important;font-weight: 550; }
  .navbar-static-top .navbar-nav>li>a:hover {  background:none!important;padding: 10px; color: #ccae16!important;}
  .active{background:none !important; }
  .navbar-static-top .navbar-nav>.active>a{ padding: 10px; background:#none!important; color: #ccae16!important;}
  .navbar-static-top .navbar-toggle .icon-bar { background-color: #fff;height: 3px!important;}
  .navbar{margin-bottom:0px !important;padding-left: 380px;position: fixed;width: 100%;}
  .navbar-static-top .navbar-toggle { background-color: #ccae16;border: transparent;border-radius: 8px;}

  @media only screen and  (max-width: 800px) {
    .navbar{
      padding:0px;top:0px!important;
      background: #221f1f!important;position:inherit;
    }
  }

  .btn{
   background: #ccae16; padding: 7px; font-size: 16px; color: #fff!important; border-radius: 8px; border: none;
 }

 .tap{
  background: #ccae16; padding: 10px; font-size: 17px; color: #fff; border-radius: 10px; border: transparent;
}
.tap:hover {background: #515154; padding: 10px; font-size: 17px; color: #fff; border-color:#F4BC16;  border-radius: 10px; }
.bitn{
 background: #ccae16;font-weight: 500 !important; padding: 10px; font-size: 17px; color: #000; border-radius: 10px; border: transparent;
}
/*a:hover{ color: #fff; }*/
.text1{color: #fff; font-size: 16px;}
.text2{color: #fff; font-size: 17px;}
.fa{ color:#ccae16;  }
hr.style15 {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.style15:after {
  content: '\002622';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}
.contact{
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  font-size: 20px;
}
.ooo
{
  height:25px;width:25px;border: 1.5px solid #ccae16;border-radius: 50%;
}
.ooo2
{
  height:31px;width:31px;border:2px solid #fff;border-radius:50%;
}
.hhh {
  height: 25px;
  width: 25px;
  text-align: center;
  padding: 4px;
  border: 1.5px solid #ccae16;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  margin-top: -5px;
}
.ict
{
  color: #fff; border: 2px solid #fff; padding: 5px;border-radius: 50%; width: 31px;height: 31px;
}
.boxlimo2
{
  padding: 15px;background: #fff;
  z-index: 99999999;
  -webkit-box-shadow: rgba(0,0,0,1.0) 0 3px 11px 0!important;
}

.para {
  /* The image used */
  background:url(../images/banner.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.para2 {
  /* The image used */
  background:url(../images/banner.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.para0 {
  /* The image used */
  background:url(https://www.rclimousines.com/front/images/para0.jpg);
  background-size: cover;

  /* Set a specific height */


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.form-group {
 margin-bottom: 5px!important;
}
.form-control{
  padding: 0px 6px;
  width: 100%;
  height: 35px;
  border: 1px solid #222;
  border-radius: none!important;
}

.form-control:focus {
}
/* Hide Dropdowns by Default */
nav ul ul {
  display: none;
  position: absolute; 
  top: 50px; /* the height of the main nav */
  right: -50px;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
}

/* Second, Third and more Tiers */
nav ul ul ul li {
  position: relative;
  top:0px; 
  left:10px;
}

/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' ⯆ '; }
li > a:only-child:after { content: ''; }
@media only screen and  (max-width: 800px) 
{
  .container-fluid{
    padding: 0;margin: 0;
  }
  .container{
   padding: 0;margin: 0;
 }
}

.centeredsmall {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered2 {
  position: absolute;
  top: 35%;
  left: 15%;
  transform: translate(-10%, -50%);
}

#return-to-top {
  position: fixed;
  bottom: 6px;
  right: 20px;
  background: #ccae16;
  width: 39px;
  height: 39px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 11px;
  top: 9px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

.captions
{
  position: absolute;
  left: 43%;
  top:47%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;

}
.captions button{
 font-size: 26px;
 padding: 5px 11px;
}

@media only screen and  (max-width: 800px) 
{
  .captions
  {
    position: absolute;
    left: 32%;
    top: 37%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
  }
  .captions button{
   font-size: 18px;
   padding: 4px 11px;
 }
}


.get-flow-wrap
{
  background: #ccae16;
  color: #000;
  padding: 7px;
  position: fixed;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  bottom: 220px;
  width: 155px;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  border: 2px solid #ccae16;
  border-radius: 8px;
}
/*.get-flow-wrap:hover 
{
  border: 2px solid #DDA215;
  text-decoration: none;
  background: #000;
  color: #DDA215;
}*/

.get-flow-wrap2
{
  background: #209c05;
  color: #000;
  padding: 7px;
  position: fixed;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  bottom: 111px;
  width: 155px;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  border: 2px solid #209c05;
  border-radius: 8px;
}
/*.get-flow-wrap2:hover 
{
  border: 2px solid #DDA215;
  text-decoration: none;
  background: #000;
  color: #DDA215;
}*/
.get-flow-wrap3
{
  background: #AE1F23;
  color: #000;
  padding: 7px;
  position: fixed;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  bottom: 55px;
  width: 155px;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  border: 2px solid #AE1F23;
  border-radius: 8px;
}
/*.get-flow-wrap3:hover 
{
  border: 2px solid #DDA215;
  text-decoration: none;
  background: #000;
  color: #DDA215;
}
*/

.nav-tabs>li>a>i{font-size: 35px!important;}
.nav-tabs>li>a.active>{background: #ED8E00!important;}
.nav-tabs > li.active>a {color: #fff!important;background: #ccae16!important;}
.nav-tabs > li>a {color: #000!important;border-radius: 0px!important;padding:6px;}
@media screen and (max-width: 991px)
{
  .container{padding: 5px !important; margin: 0 !important;}
  .container-fluid{padding: 5px !important; margin: 0 !important;} 
  .nav-tabs>li>a>i{font-size: 15px!important;}
  .no{font-size: 30px!important;}
}


.nav-tabss>li>a>i{font-size: 35px!important;}
.nav-tabss>li>a.active>{background: #ED8E00!important;}
.nav-tabss> li>.active {color: #ED8600!important;}
.nav-tabss> li>a {color: #000!important; border-radius: 0px!important;padding:6px;}

@media screen and (max-width: 991px)
{
  .container{padding: 5px !important; margin: 0 !important;}
  .container-fluid{padding: 5px !important; margin: 0 !important;} 
  .nav-tabss>li>a>i{font-size: 15px!important;}
  .no{font-size: 30px!important;}
}


.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: -15px;background: #ffd100;height: 25px;top: 33%;width: 25px;opacity: 100%;font-size: 17px!important; 
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: -25px;background: #ffd100;height: 25px;top: 33%;width: 25px;opacity: 100%;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    /*-webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;*/
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    /*-webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;*/
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    /*-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;*/
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    /*-webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;*/
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    /*-webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;*/
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    /*-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;*/
  }
}