/* Set height to 100% for body and html to enable the background image to cover the whole page: */
body, html {
  height: 100%
}
p,h1,h2,h3,h4,h5,h6,span,div,a{
    font-family: 'Roboto', sans-serif;
}


.bgimg {
  /* Background image */
  background: #fff;
  /* Full-screen */
  height: 100%;
  width:100%;
  /* Center the background image */
  background-position: center;
  /* Scale and zoom in the image */
  background-size: 100% 100%;
  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  position: relative;
  /* Add a white text color to all elements inside the .bgimg container */
  color: black;
  /* Add a font */
  font-family: 'Roboto', sans-serif;
  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

.ci-text {
    color: #fff;
    font-size: 1.3rem !important;
}
.contact-item, .contact-item a {
    color: #fff;
}
input#name::placeholder {
    color: #fff;
}
input#email::placeholder {
    color: #fff;
}
 .form-group label {
    color: #fff !important;
}
 .contact-form .ci-btn {
    color: #fff !important;
}
/* Style the <hr> element */
hr {
  margin: auto;
  width: 40%;
}

@media (min-width:1200px){
p{
    font-size:20px;
}

}


@media (max-width: 775px){
.mobile-text {
    margin-top: 40%;
}

}

  /* Navigation links */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}


.inner-nav ul li {
    float: left;
    margin-left: 25px;
    z-index: 2;
    position: relative;
    overflow: visible;
}


/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  padding:25px;
  background-color: #fff;
  width: 100%;
  z-index: 1;
  min-width: 250px;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #fff;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}

.dropdown-ul-list{
    
    float:left;
     padding:0;
}

.dropdown-list{
    margin-left: 0px !important;
        width: 100%;
    text-align: left;
}
.inner-nav ul li a {
    height: 40px;
    line-height: 40px;
}
@media (max-width:991px){
  .subnav-content {
  display: block;
  position: relative;
  left: 0;
  padding:25px;
  background-color: rgba(18,18,18, .97);
  width: 100%;
  z-index: 1;
  min-width:150px;
}
.dropdown-list{
    margin-left: 0px !important;
        width: 100%;
    text-align: left;
    color: #999;
}


.mobile-on .desktop-nav ul li ul {
    padding: 0 0 15px 25px;
    border-bottom: 1px solid rgba(255,255,255, .1);
}

}
@media (min-width:992px){
    .menu-wrap{
    max-width: 1030px;
    margin: 0 auto;
    }
}
@media (min-width:1200px){
    .menu-wrap{
    max-width: 1200px;
    margin: 0 auto;
    }
    .inner-nav.desktop-nav a {
    font-size: 14px;
}
.nav-logo-wrap .logo {
    display: table-cell;
    vertical-align: middle;
    max-width: 350px;
    max-height: 100%;
}
.nav-logo-wrap.nav-logo-wrap-desktop img {
    width: 350px;
}
.main-nav {
    width: 100%;
    height: 82px !important;
}
}


a:not([href]):not([tabindex]) {
    color: #d3d3d3;
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    color: #d3d3d3;
    text-decoration: none;
}
a:not([href]):not([tabindex]):hover {
    color: #d1d1d1;
    text-decoration: none;
}
a.next {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}

a.prev {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}