body{ font-family: 'Roboto', sans-serif !important;}
.home-head { text-align: center; }
.home-head h1 {font-size:26px; color: #000; font-weight: bold; padding-bottom: 5%;}
.home-head span { color: #ff971b; }
.bg-light { background: transparent !important; } 
.navbar-nav a { font-size:20px; color: #000; padding-right: 0px;} 
.navbar-expand-lg .navbar-nav li{ padding-right: 1.5rem;  } 
.navbar-brand {margin-right: 20%;}
.gry-bg{background: #dcd8dc; padding: 2% 5% 3% 5%;;}
.map {text-align: center;}
.blue-1 {text-align: center; padding: 5%}
.blue-1 img { padding-bottom: 15px;}
.blue-1 h3 {font-size: 24px; text-transform: uppercase; padding-bottom: 10px; font-weight: bold;}
.blue-1 p {font-size: 18px; }
.best-top {margin-top: 7%;}
.top-2 {margin-top: 5%;}
.fleet {text-align: center; width: 100%; float: left;}
.fleet h3 {font-size: 30px; color: #570361; text-transform: uppercase; font-weight:bold; text-align: center; margin:0 auto;}
.clent-bg { background: url(../images/gry-bg.png) no-repeat; width: 100%; background-size: cover; padding:5%;}
.testi h3 {font-size: 30px; color: #000; text-transform: uppercase; font-weight:bold; text-align: center; margin:0 auto;}
.testi span { color: #ff971b; }
.testi {width: 100%; float: left;}
.footer-bg { background: #ff971b; padding: 3% }
.bottom-mar {margin-bottom: 10%;}
.footer h4 { color: #fff; font-weight: 600; }
.footer p { color: #fff; }
.footer ul { margin: 0; padding:0; }
.footer ul li { text-decoration: none; list-style: none; color: #fff; float: left; padding-right: 10px; }
.bord-bottom { border-bottom: solid 1px #ccc; }
.cal {margin-top:5%; text-align: center; width: 100%;}
.camera-bg { background:#f2f2f2; width: 100%; padding: 1%;}
.banner-all { background: url(../images/bg1.jpg) no-repeat; width: 100%; background-size: cover; padding:5%;}
.pro-cam-bg { background: url(../images/camera-bg.jpg) no-repeat; width: 100%; background-size: cover; padding:5%;}
.contact-bg { background: url(../images/contact-bg.jpg) no-repeat; width: 100%; background-size: cover; padding:5%;}
.cam { margin-top: 50px; }
.cam h3 { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #fe991f; }
.camera { border: solid 1px #ccc;overflow: hidden; margin-bottom: 10%; text-align: center; margin-top: 10%; background: #fff;}
.camera h3{ font-size: 20px; font-weight: bold; text-transform: uppercase; color: #fff; background:#9C3 ; padding:20px; c }
.camera a { background: #8a4d91;padding: 10px 20px; color: #fff !important;
  margin-top: 10px; display: block; font-size: 24px; text-transform: uppercase; text-align: center; margin: 0 auto;}
.mar { margin-top: 3%; }
.pad {padding: 5% 5%;}
.btn  { margin-right: 20px; }
.tab-content { border:solid 1px #ccc; padding-bottom: 2%; margin-bottom: 2% ;padding-right:2%; }
.camera ul { margin: 0; padding: 0; }
.camera ul li { text-decoration: none; list-style: none; font-size: 18px; border-bottom: solid 1px #ccc; padding: 10px;}
.contc-for button {border-radius: 5px; font-size: 20px; color: #fff !important; text-transform: uppercase; background: #ffb257; padding: 10px 30px; border: none; }
.contc-for { padding: 5%; margin-bottom: 5%; margin-top: 5%; border: solid 1px #ccc; background: #fff;}
.contc-for h4 {border-radius: 5px; font-size: 24px; color: #fff; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #ccc; padding:10px; background: #570361;}
.contc-for p { font-size: 16px; color: #000;  border-bottom: solid 1px #ccc; padding-bottom: 20px; }
.cont-right { padding: 5%; margin-bottom: 5%; margin-top: 5%; border: solid 1px #ccc;background: #fff;}
.cont-right h4 { border-radius: 5px; font-size: 24px; color: #fff; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #ccc;  padding:10px; background: #570361;}
.cont-right i { padding-right: 20px; color: #8a4d91;}
.cont-right h5 { font-size: 16px; color: #000; font-weight: normal;  border-bottom: solid 1px #ccc; padding-bottom: 20px;}
.cont-right p { font-size: 16px; color: #000;  border-bottom: solid 1px #ccc; padding-bottom: 20px; }
.gry { background: #eeedeb; }
.map { overflow: hidden; }
.carousel .testimonial { font-size: 16px; }
.camera img {padding-bottom: 10px; }
.contc-for button:hover { background: #16a807; }
.padd-cal {padding: 2% 5% 0% 5%;}
.lab label { font-size: 12px !important; padding-top: 10px;}
.par h5 { font-size: 16px; }
.heiht-ma { height: 38px; }
.lab-head label { font-size: 12px; font-weight: normal; }
.bor { border: solid 1px #ccc;  border-radius: 5px; margin-top: 5%;}
.par-week { background: #570361; color: #fff; padding: 2%; }
.par-week-2 {color: #000; padding: 2%; }
.topmar {margin-top: 18px;}
.mar-in {margin-bottom: 34px;}
.caluc-heading { text-align: center; margin: 0 auto; margin-top: 5%;}
.caluc-heading h3 { font-size: 30px; text-transform: uppercase; font-weight: bold; }
.caluc-heading h5 { font-size: 20px; }
.mar-botto { margin-bottom: 50px; }
.head-pad label { font-size: 12px; }
.nav-tabs { background: #570361;}
.tabs-manu-1 a { border-right: solid 1px #fff; color: #fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #6dab0b !important; color: #fff; }
.par h5 { margin-top: 20px; }
.par-we h5  { margin-top: 20px; font-size: 16px; }
.top-bottom { margin-top: 20px; }
.pdf-bg { background: #3a7ec2 !important }
.fa-file-pdf::before { padding-right: 10px; }
.bottom-bg { background: #000; text-align: center;}
.bottom-bg p { color: #fff; padding-top: 10px; }
.bottom-bg a { color: #fff;}
.top-banner { margin-top:5%;}
.quit-cont h3 { background: #570361; padding: 5px; margin-bottom: 20px; color: #fff;}
.quit-cont p {font-size: 18px;} 
.quit-cont h5 { background: #8a4d91; border-radius: 50%; width: 100px; height: 100px;padding: 10%; text-align: center; margin: 0 auto; margin-bottom: 20px; }
.quit-cont i { font-size: 30px; color: #fff; }
.top-margin-qur { margin-top: 5%; }
.btnNext { background: #6dab0b; color: #fff !important; cursor: pointer; }
.btnPrevious {color: #fff !important;}
.btnReset { background: #962d08; color: #fff !important; cursor: pointer; }
.top-mar { margin-top: 5%; }
.pad-came {padding: 4%;}
.top-mar .tab-content { background: #ebebeb; border-radius: 10px}
.camera-img { border:solid 1px #ccc; background: #fff;}
.camera-first h3 { font-size: 42px; color: #570361; font-weight: bold; }
.camera-first h6 { font-size: 24px; color: #000; margin-top: 15px; }
.camera-first ul { margin: 0; padding: 0; }
.camera-first ul li { font-size: 18px; padding: 5px; border-bottom: solid 1px #ccc; list-style: none; text-decoration: none;}
.camera-first li::before { content: ""; width: 8px; height: 8px; background: #357fc1; position: absolute; left: 0px; margin-top: 7px; }
.camera-first p { margin-top: 10px; }
.fa-calculator::before {padding-right: 10px;}
.side-button { padding: 28% 10% 28% 10%;background:#fff; box-shadow: -webkit-box-shadow: 8px 7px 0px 0px rgba(255,152,27,1);
-moz-box-shadow: 8px 7px 0px 0px rgba(255,152,27,1);
box-shadow: 8px 7px 0px 0px rgba(255,152,27,1); }
.side-button a:hover { color: #fff; list-style: none; text-decoration: none; background:#01b401; }
.side-1 { background: #0d7495; padding: 10px 20px; color: #fff; font-size: 20px; display: block;
width: 100%; border-radius: 25px;}
.side-2 { background: #ff981d; padding: 10px 20px; color: #fff; font-size: 20px;  display: block;
width: 100%; margin-top: 10px; border-radius: 25px;}
.side-3 { background: #8a4d91; padding: 10px 20px; color: #fff; font-size: 20px; display: block;
width: 100%; margin-top: 10px; border-radius: 25px;}
.fa-chevron-right::before { padding-left: 10px; }
.side-button p{ background: #fff; padding: 20px ; color: #000; display: block;
width: 100%; margin-top: 10px; font-size: 18px; border: solid 1px #ccc;  font-weight: normal;font-style: italic;}
.nav-pills .nav-link{ font-size: 18px;background:#ebebeb; margin: 5px; color: #000; border-radius: 10px;}
.nav-pills .nav-link { border-radius: 0; padding: 9.5px; }
.camera-heding h3 { font-size: 24px; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 3%;background: #570361; padding: 10px 10px 10px 30px; }
.camera-first a { font-size: 18px;  margin-top: 10px;}
.camera-first .fa-file-pdf::before {font-size: 30px;}
.cal-first label { margin-right: 25px; }
.cal-first input { margin-right: 10px; }
.mar-botto-2 { margin-bottom: 38px; }
.marg-top { margin-top: 10%; }
.qitry-gry { background: #f7f7f7; padding: 3%;}
.gry-pad {padding: 3%;}
.quit-cont h3 { border-radius: 5px;  font-size: 20px;text-transform: uppercase;padding: 10px 10px 10px 20px;;font-weight: bold;} 
.quit-timg img { border:solid 2px #ccc; }
.topn { margin: 5%; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: #ff9211;}
.nav-pills .nav-link {padding: 20px; border-radius: 10px;}
.banner { background: url(../images/banner-2.png) no-repeat; width: 100%; background-size: cover; padding:5%;}
.destop { display: none; }
.mobile { float: left; width: 100%; text-align: center; }
.mobile li { float: left !important; width: 123px !important; background: #ebebeb; margin-right: 4px;}
.mobile .nav-link.active, .nav-pills .show > .nav-link { background: #ff9211; }
.mobile i { color: #000; }

#myBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #570361;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
.tabs-manu-1 .nav-link.active
.nav-item a { color: #fff; }
.nav-tabs .nav-link { color: #fff; }
.top-1 .nav-tabs .nav-item a { color: #fff; list-style: none !important; }
.top-1 .nav-tabs .nav-link.active  { background: #000; }
.top-1 .nav-tabs .nav-link1.active, .nav-tabs .nav-item.show .nav-link1 { background: #4e9c09;padding: 10px; }
.top-1 .nav-tabs {overflow: hidden;}
.top-1 .nav-tabs .nav-item {padding: 7px;}
.top-1 { margin-bottom: 2%; padding-top: 2%; }
.features ul { margin: 0; padding: 0; }
.fer h3 { border-radius: 5px;background:#570361;padding: 5px;margin-bottom: 20px;color:#fff; text-transform: uppercase; padding-left: 20px;} 
.features li { font-size: 24px; list-style: none; }
.features {padding: 2%;}
.fa-angle-double-left::before {padding-right: 10px; color: #570361}
.pro {display: block;}
.top-button  { border-radius: 5px; background:#fe991f; padding: 10px; color: #fff; margin: 5%; text-align: center;}
.top-button a {color: #fff; list-style: none; text-decoration: none;}
.cant-broucher {border:solid 1px #ccc; margin-top:3%;}
.banner-gry { background: #f2f2f2; padding:5%; }
.quit-timg img {height: 250px; }
.quit-timg { text-align: center; }
.cam-1 img {float: right;}
.date input { width: 50%; border-radius: 3px; padding: 8px; border: none; }
.sub button { font-size: 20px;color:#fff !important;text-transform: uppercase;background: #ffb257;padding: 10px 30px;border: none;margin: 20px 0pc 0pc 10px;  }
.broucher-bg { background: #d3d9d9; padding:5%; margin:5%;border-radius: 10px; }
.cam-1 img { border-radius: 20px; }
.text-1 { margin-bottom: 2%; }
.text-1 h4 {text-align: center; margin: 0 auto;}
.date span {padding: 5px; border: solid 1px #ccc; background: #939898;}
.top-2 h4 { margin-bottom: 10px; }
.Privacy-1 { margin-top: 3%; }
.Privacy-1 h3 { font-size: 24px; }
.stcy1 {background: #58375f; text-align: center;}
.stcy {padding-top: 20px;}
.stcy p { color: #fff; }
.stcy a { background: #ff981d; padding: 5px; color: #fff; border-radius: 5px; margin:10px; list-style: none; text-decoration: none; cursor: pointer;}



/* clent slider css strat*/
h2{
 font-size: 30px;
color:
#570361;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin: 0 auto;
padding-bottom: 5%;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* clent slider css end*/


/* testimonial slider css strat*/

h2 {
  font-size: 30px; color: #570361; text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin: 0px 0 60px;
}
h2 span { color: #ff971b; }
h2::after {
  content: "";
  width: 100px;
  position: absolute;
  margin: 0 auto;
  height: 4px;
  border-radius: 1px;
  background: #1abc9c;
  left: 0;
  right: 0;
  bottom: -20px;
}
.carousel {
  margin: 0 auto;
  padding: 0 70px;
}
.carousel .item {
  color: #999;
  overflow: hidden;
    min-height: 120px;
  font-size: 13px;
}
.carousel .media {
  position: relative;
  padding: 0 0 0 20px;
}
.carousel .media img {
  width: 75px;
  height: 75px;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial-wrapper {
  padding: 0 10px;
}
.carousel .testimonial {
    color: #808080;
    position: relative;
    padding: 15px;
    background: #f1f1f1;
    border: 1px solid #efefef;
    border-radius: 3px;
  margin-bottom: 15px;
}
.carousel .testimonial::after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background: #f1f1f1;
  border: 1px solid #efefef;
  border-width: 0 0 1px 1px;
  position: absolute;
  bottom: -8px;
  left: 46px;
  transform: rotateZ(-46deg);
}
.carousel .star-rating li {
  padding: 0 2px;
}
.carousel .star-rating i {
  font-size: 16px;
  color: #ffdc12;
}
.carousel .overview {
  padding: 3px 0 0 15px;
}
.carousel .overview .details {
  padding: 5px 0 8px;
}
.carousel .overview b {
  text-transform: uppercase;
  color: #1abc9c;
}
.carousel .carousel-indicators {
  bottom: -70px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 18px;
    height: 18px;
  border-radius: 50%;
  margin: 1px 2px;
}
.carousel-indicators li { 
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
  color: #fff;
    background: #1abc9c;
    border: 5px double;    
}
/* testimonial slider css end*/