@font-face {
    font-family: 'rubikregular';
    src: url('../fonts/rubik-regular_0.woff2') format('woff2'),
         url('../fonts/rubik-regular_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikbold';
    src: url('../fonts/rubik-bold.woff2') format('woff2'),
         url('../fonts/rubik-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*,html {
  margin:0;
  padding: 0;
}
body{
  background-color: rgb(54, 43, 73);
  font-family: 'rubikregular';
  font-size:15px;
  color: #777;
}
.glyphicon .glyphicon-chevron-right{
  content: ">";
}

/* page conatainer show page in center of website*/
h3, h4 {
  font-family: 'rubikregular';
    margin: -44px 0 1px 0;
    font-size: 20px;
    color: #111;
}

.view-all a{
    color:#fff !important;
}

.email-now{
  position: relative;
  top: -86px;
  text-align: center;
  background-image: url(../images/whitebk.png);
  height: 93px;
  background-position: top;

}
.email-now p{ font-size: 12px;}

.email-now-btn{
  padding: 0px 13px 0 0;
    text-align: right;

}
.color-blue{
  color:#099999;
}
.email-ptn-pos{
  margin-right: 7%;
    background-color: #40aed7 !important;
    border-radius: 5% !important;
    font-weight: 800;
        margin-bottom: 0.5%;
    box-shadow: 3.5px 0px 1px 1.5px  rgba(0, 0, 0, 0.29);

}

.font-big {
  font-size:50px;
}
.paragrph-width {
  width:80%;
  margin: auto;
  font-size: 17px;
}
.read-more a {
  color:#099999;
  text-decoration: none;
  float: right;
  margin-right: 11%;
}
.row{
  width:80%;
  margin: 29px auto;
}
.blue-bk {
  background-image:url("../images/bluebk.png");
  height:610px;
}
.container {
  /*  padding: 80px 120px;*/
  background:#fff;
  padding:0px;
  margin-bottom: 1%;
}

.container-ba{
  background:none;
}
.person {
    border: 10px solid transparent;
    margin-bottom: 2px;
    width: 100%;
    height: 62%;

}
.person:hover {
    border-color: #f1f1f1;
}

.telinfo{
    width: 100%;
    float: right;
    color: #fff;
    background: #182024;
    height: 44px;
      font-family: 'rubikbold';
      font-size: 16px;
      padding: 1rem 0.5rem;
}

.telinfo span a{
  color:#40aed7;
      padding: 13px;
      text-decoration:none;


}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  background-color:rgba(0, 0, 0, 0.5);

}
.carousel-indicators{bottom:118px;}
.carousel-inner img {
    /*-webkit-filter: grayscale(90%);
    filter: grayscale(90%); /* make all photos black and white */
    width: 100%; /* Set width to 100% */
    margin: auto;
}
.carousel-caption h3 {
    color: #fff !important;
}
@media (max-width: 600px) {
  .carousel-caption {
    display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
  }
}
.bg-1 {
      color: #bdbdbd;
}
.bg-1 h3 {color: #fff;}
.bg-1 p {font-style: italic;
  font-style: italic;
    font-weight: normal;

    /* line-height: 53%; */
    padding-top: 2%;}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}
.thumbnail p {
  margin-top: 26px;
    color: #555;
    font-weight: normal;
}
.btn {
    padding: 10px 20px;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
}
.btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
}
.modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
}
.modal-header, .modal-body {
    padding: 40px 50px;
}
.nav-tabs li a {
    color: #777;
}
#googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.navbar {
  font-family: 'rubikbold';
    margin-bottom: 0;
    background-color: none !important;
    border: 0;
    font-size: 16px !important;
    color:#fff;

}

.naviagtion-txposi{
  padding: 2rem 0;
}

.navbar-brand img{
  width:80%;
  padding:0 0.5rem;

}
.navbar li a, .navbar .navbar-brand {
    color: #d5d5d5 !important;
}

.nav>li{

}

.navbar-nav li a:hover {
    color: #fff !important;
}
.navbar-nav li.active a {
    color: #fff !important;
    background-color: #5c58dc !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
}
.dropdown-menu li a {
    color: #000 !important;
}
.dropdown-menu li a:hover {
    background-color: red !important;
}
footer {
    background-color: #182024;
    color: #f5f5f5;
    padding: 2px;
    width:50%;
    margin: auto;
}
footer a {
    color: #f5f5f5;
}
footer a:hover {
    color: #777;
    text-decoration: none;
}
.form-control {
    border-radius: 0;
}
textarea {
    resize: none;
}

.gallery-img{
   width:100%;
   height:17em;
   background: #fff;
    box-shadow:0.5px 2px 1px 1.5px rgba(0, 0, 0, 0.29);

}
.img-circle {
  border-radius: 0;
}
.img-text{
  font-size: 13px;
    color: #362b49;
    width: 85%;
    margin: auto;
}

.glyphicon-chevron-right,.glyphicon-chevron-left {
  display:none !important;
}

   /*inner pages css  */
     .inner-txt{
            margin: -64px auto 34px auto;
      }

      .heading-txt{
        font-family: 'rubikbold';
    font-size: 49px;
    margin: -123px 0 0 auto;
    opacity: 0.9;
      }

      .inner-bigH{
        color:#40aed7;
        font-family: 'rubikbold';
        text-align: center;
      }
      .list-styling{
        text-align: left;
       list-style-position: outside;
       padding-left: 8%;
      }

      .slider-container2 {
     width:100%;
     margin: 0 auto;
     padding: 10px 10px 0 10px;


   }

   .slideshow_wrapper2 {
     width:100%;
     height:400px;
     overflow: hidden;

   }

   .slideshow2 {
     width:1500px;
     height:400px;
     margin: 0 0 0 -1000px;
    position: relative;
     -webkit-animation-name: slide_animation;
     -webkit-animation-duration:10s;
     -webkit-animation-iteration-count:infinite;
     -webkit-animation-direction:alternate;
      -webkit-animation-play-state: running;
   }

   .slide2 {

     position:relative;
     float:left;
     overflow:hidden;

   }

   .slideshow2 img{
     width:500px; height:400px;
   }

   @-webkit-keyframes slide_animation {

     0% {left:0px;}
     10% {left:500px;}
     20% {left:500px;}
     30% {left:500px;}
     40% {left:500px;}
     50% {left:500px;}
     60% {left:500px;}
     70% {left:1000px;}
     80% {left:1000px;}
     90% {left:1000px;}
     100% {left:1000px;}

   }