@media only screen and (min-width: 768px){
    #nav.nav-transparent:not(.fixed-nav) .main-nav>li>a {
        color: #000;
    }
}

#home { border-bottom : 1px solid #ccc; }
.home-content h1 {
    text-transform: none;
}
#nav.nav-transparent {
    height: 115px;top: 0;
}
@media (min-width: 768px){
  .navbar-nav {
          margin-top: 35px;
  }
  #nav {
      padding: 0px 0px; }
}



#home .home-wrapper{ text-align: left; }
ul, ol {

    list-style: auto;
  }
ul {   list-style-type: disc;  }
ul li { color: #000; }
@media(min-width: 768px){
  .translate-y-lg{
        transform: translateY(-150px);
  }
  .translate-y-down-lg {
       transform: translateY(120px);
  }
}

.bg-dark h1, .bg-dark h2,  .bg-dark h3,  .bg-dark h4,  .bg-dark h5,  .bg-dark h6, .bg-dark p { color: #fff;  }
.bg-white { background: #fff; }

.bg-white h1, .bg-white h2,  .bg-white h3,  .bg-white h4,  .bg-white h5,  .bg-white h6, .bg-white p { color: #000; }


h2 { font-size: 3.5em; }
h3 {font-size: 2.5em; }
.bg-white ul p, .bg-dark ul p {  color: #999; }

.service i {
    padding: 15px;
    position: inherit;
    left: 0;
    text-align: inherit;
    font-size: 32px;
    color: #000;
    border-radius: 50%;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
}
.service {

    border: 0;
}
.testimonial {
    margin: 0;
    border: 1px solid #ccc;
    padding: 40px;     min-height: 318px;
}
.testimonial-meta {
    position: relative;
    padding-left: 0;
    height: auto;
    margin-bottom: 20px;
    padding-top: 10px;
}
 .testimonial q::before { color: #fff; font-size: 5px; }

.testimonial q::after { font-size: 50px; display: block; }
.testimonial p.quote-p { margin-top: -40px; color: #999;   text-align: left;}
.padding-0-30 { padding: 0 30px;}
.footer-follow {
   text-align: right;
   margin-bottom: 20px;
   display: inline-block;
   float: right;
} .footer-copyright p {
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    margin-top: 30px;
}
.padding-left-0 { padding-left: 0; }
.footer-follow li a {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 50px;

    border-radius: 3px;
    background-color: blue;
    color: #FFF;
    background: none;
    padding: 3px;
}
footer .sec-subscribe {
   padding: 30px;
   transform: translateY(-110px);
}
footer .sec-subscribe form input{

    display: inline-block;
    background: none;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;     opacity: 1; }
footer .sec-subscribe form input[type='submit'] {   background: #000; margin-top: 20px;
    color: #fff;
    border-radius: 0;
    padding: 10px 20px;
    border: none; }
footer { padding-bottom: 0px;   margin-top: 50px; }


.title:after {

    background: none;
}
ul {     padding-left: 18px; }
.no-margin { margin: 0; }
.mt-125{ margin-top: -20px; }
.border-top { border-top: 1px solid #fff; }
footer .sec-subscribe {  border: 1px solid #ccc;  }
footer form#contact_form{     margin-top: 0px; }
@media (min-width: 1200px) {
.container {
    width: 75%;
} }
#back-to-top{ background: #000; }
.preloader span {
    background-color: #000;}

    .alert {

        margin-top: 20px;
    } #features h3 { margin-top: 10px; }

    @media only screen and (min-width: 768px) {
    .main-nav>li>a:after {
        content: "";
        display: block;
        background-color: #000; }
}

.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
    background: transparent;
    color: #000;
    font-weight: 600;
}

@media(min-width: 768px){
  #testimonial .owl-carousel .owl-stage-outer { overflow: inherit; }
  #testimonial .owl-carousel.owl-drag .owl-item { margin-top: -200px; background: #fff; }
  .navbar-brand .logo, .navbar-brand .logo-alt {
      width: 100px; max-height: 100px; margin-top: 7px;
  }
}


@media(max-width: 767px){
      #testimonial-slider { overflow: hidden}
  }

  @media(min-width: 768px){
      #footer h3 {
          margin-top: 15%;
      }
  }

#footer img.logo{     width: 100px;
    height: 100px; }

    input.country_code{
         border-radius: 4px 0 0 4px;
    }
    .fa-angle-down {
        position: absolute;
        top: 13px;
        right: 8px;
        font-size: 14px;
        cursor: pointer;
    }
    input.phone {
        border-radius: 0 4px 4px 0;
    }
    .country_code_list {
        text-align: left;
        padding: 10px;
        border: 1px solid #777;
        cursor: pointer;
        height: 300px;
        overflow-y: scroll;

        position: absolute;
        z-index: 99;
        background: #fff;
        margin-top: 40px;
    }
    .bg-dark {
        background-color: #000;
    }

 nav .fa-globe {
    margin-top: 0;
    font-size: 25px;    padding: 10px 15px;
}
nav .dropdown{
    list-style: none;     background: #fff;
    border: 1px solid #ccc;
    width: 80px;
    border-radius: 3px; padding: 0;
}

 nav .dropdown li { padding: 0px 0px; }

  nav .dropdown li a  {
   color: #000;
   padding: 5px 0px;  text-align: center;
}
 .home-wrapper h1{     line-height: 1.8;      font-weight: 600;

    font-size: 2.5em; }
 .has-dropdown:hover>.dropdown {

     visibility: visible;
 }

 @media(max-width: 767px)
 {

   .home-wrapper h1{  text-align: center; }

   .bg-dark h1, .bg-dark h2,  .bg-dark h3,  .bg-dark h4,  .bg-dark h5,  .bg-dark h6, .bg-dark p {  text-align: center;}
   .bg-white { background: #fff; }

   .bg-white h1, .bg-white h2,  .bg-white h3,  .bg-white h4,  .bg-white h5,  .bg-white h6, .bg-white p {  text-align: center; }

   .service {
   text-align: center;
   }
   .footer-follow li a {
       text-align: center;

   }

   footer .sec-subscribe form input[type='submit'] {  text-align: center; }

   .text-center-xs { text-align: center;}


}

@media(min-width: 768px)
{
   .pull-right-lg { float: right}

 }
 @media only screen and (max-width: 767px)
{
     .main-nav {
         top: 0;
         max-width: inherit;     text-align: center;
         padding-top: 30%;
     }
     .main-nav li {
        border-top: none;
    }
    .main-nav li a {
        padding: 15px 0;
    }
    .main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
        color: #999;
    }
    .main-nav>li.active {
        border-left: none;
    }
    nav .dropdown {
        background: transparent;
        border: 0;
        width: auto;
        border-radius: 3px;
        padding: 0;
        margin: auto;
    }
    nav .dropdown li a {
      color: #fff;
    }
    nav .fa-globe {     color: #fff; }
    .main-nav {
        position: fixed;
        right: 0; top:0; left:0;

        -webkit-box-shadow: 0px 80px 0px 0px #1C1D21;
        box-shadow: 0px 80px 0px 0px #1C1D21;
         width: 100%;
         height: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin: 0;
        overflow-y: auto;
        background: #1C1D21;
        -webkit-transition:  .8s all;
        transition: .8s all;  visibility: hidden;
    }
    #nav.open .main-nav {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
         height: auto; /*calc(100vh - 80px);*/   visibility: visible;
    }

#nav.open .nav-collapse span:before, #nav.open .nav-collapse span:after {background: #fff; }
.service {
    position: relative;
    padding: 40px 20px; }.section-header .title {
    text-transform: capitalize;
    margin-top: 15px;
      } #features h3 {
          margin-top: 15px;
      } .home-wrapper h1 {

        font-size: 1.5em;
        }
}
.footer-follow li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 13px;
    color: #fff;
    display: block;
    text-align: left;
}
.service { padding: 50px 10px; }

#footer {
    padding-bottom: 40px;
}