.navbar-default .navbar-nav > li.dropdown:hover > a, 
   .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
   .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
   background-color: #929292 !important;
   color: #fff !important;
   }
   li.dropdown:hover > .dropdown-menu {
   display: block;
   background-color: #929292 !important;
   color: #fff !important;
   }
      .carousel-inner {
   position: relative;
   overflow: hidden; 
   width: 100%;
   }
   /* carousel */
   #quote-carousel 
   {
   padding: 0 10px 30px 10px;
   /*margin-top: 30px 0px 0px 0px;*/
   }
   /* Control buttons  */
   #quote-carousel .carousel-control
   {
   background: none;
   color: #fff;
   font-size: 2.3em;
   text-shadow: none;
   margin-top: 30px;
   opacity: 1;
   }
   /* Previous button  */
   #quote-carousel .carousel-control.left 
   {
   left: -12px;
   }
   /* Next button  */
   #quote-carousel .carousel-control.right 
   {
   right: -12px !important;
   }
   /* Changes the position of the indicators */
   #quote-carousel .carousel-indicators 
   {
   right: 50%;
   top: auto;
   bottom: 0px;
   margin-right: -19px;
   }
   /* Changes the color of the indicators */
   #quote-carousel .carousel-indicators li 
   {
   background: #c0c0c0;
   }
   #quote-carousel .carousel-indicators .active 
   {
   background: #333333;
   }
   #quote-carousel img
   {
   }
   /* End carousel */
   .item blockquote {
   border-left: none; 
   margin: 0;
   }
   .item p{float: left;
   font-size: 18px;
   color: #fff;
   line-height: 30px;
   padding: 30px 40px;
   position: relative;
   text-align: center;}
   .item blockquote img {
   /*margin-bottom: 10px;*/
   }
   .item blockquote p:before {
   content: "\f10d";
   font-family: 'Fontawesome';
   float: left;
   margin-right: 10px;
   }
   /**
   MEDIA QUERIES
   */
   /* Small devices (tablets, 768px and up) */
   @media (min-width: 768px) { 
   #quote-carousel 
   {
   margin-bottom: 0;
   padding: 0 40px 0px 40px;
   /* margin-top: 30px; */
   }
   }
   /* Small devices (tablets, up to 768px) */
   @media (max-width: 768px) { 
   /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
   #quote-carousel .carousel-indicators {
   bottom: -20px !important;  
   }
   #quote-carousel .carousel-indicators li {
   display: inline-block;
   margin: 0px 5px;
   width: 15px;
   height: 15px;
   }
   #quote-carousel .carousel-indicators li.active {
   margin: 0px 5px;
   width: 20px;
   height: 20px;
   }
   #newsletter a {
   display: block;
   background: #fac174;
   height: 52px;
   padding-top: 10px;
   width: 80px !important;
   text-align: center;
   color: #fff;
   font-family: 'Raleway', sans-serif;
   font-size: 13px !important;
   font-weight: 400;
   text-decoration: none;
   }
   #feedback a {
   display: block;
   background: #f1646c;
   height: 52px;
   padding-top: 10px;
   width: 80px !important;
   text-align: center;
   color: #fff;
   font-family: Arial, sans-serif;
   font-size: 12px !important;
   font-weight: 400;
   text-decoration: none;
   }
   .testimonial-big .testimonial-big-img {
   position: relative !important;
   right: 15px;
   bottom: 0;
   text-align: center;
   }
   }
   .footer-slider-bg{width: 100%;
   background: #ccf9ff;
   /* padding-top: 30px;
   padding-bottom: 30px;*/
   color: #fff;}
   .overlay {
   position: fixed;
   top: 60px;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   .overlay:target {
   visibility: visible;
   opacity: 1;
   }
   .popup {
   margin:90px auto;
   padding: 15px;
   border-radius: 5px;
   width: 30%;
   position: relative;
   /*transition: all 5s ease-in-out;*/
   }
   .popup h2 {
   margin-top: 0;
   color: #333;
   font-family: Tahoma, Arial, sans-serif;
   }
   .popup .close {
   /*position: absolute;*/
   top: 32px;
   left: 25px;
   background: #00a0e3;
   transition: all 200ms;
   font-size: 25px;
   font-weight: 500 !important;
   text-decoration: none;
   color: #fff;
   padding: 0px 5px;
   opacity: 1;
   }
   .search {
   position: absolute;
   top: 19px;
   left: 45%;
   /* background: #ce00ff; */
   transition: all 200ms;
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
   padding: 0px 5px;
   }
   .popup .close:hover {
   color: #ffffff;
   }
   .popup .content {max-height: 30%; 
   overflow: auto;
   /* border-bottom: 2px dashed #d1d6d8; */
   /* margin-top: 16px; */}
   .div1 {
   padding: 20px;
   /* float: left; */
   height: auto;
   background:#fff;
   border-radius: 25px;
   }
   .content h3 { text-align: center;
   margin: 15px 0 15px 0;
   text-transform: uppercase;
   color: #00495d;
   border-bottom: 2px dashed #d1d6d8;
   padding-bottom: 10px;
   }
   @media screen and (max-width: 320px) {
   #newsletter a {
   display: block;
   background: #fac174;
   height: 52px;
   padding-top: 10px;
   width: 80px !important;
   text-align: center;
   color: #fff;
   font-family: 'Raleway', sans-serif;
   font-size: 13px !important;
   font-weight: 400;
   text-decoration: none;
   }
   #feedback a {
   display: block;
   background: #f1646c;
   height: 52px;
   padding-top: 10px;
   width: 80px !important;
   text-align: center;
   color: #fff;
   font-family: Arial, sans-serif;
   font-size: 12px !important;
   font-weight: 400;
   text-decoration: none;
   }
   .overlay {
   position: fixed;
   top: 0px !important;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   }
   @media screen and (max-width: 768px) {
   .overlay {
   position: fixed;
   top: 60px !important;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   .popup {
   margin: 30px auto;
   padding: 15px;
   border-radius: 5px;
   width: 95%;
   position: relative;
   }
   }
   /* sticky button */	
   #feedback1 {
   height: 0px;
   width: 85px;
   position: fixed;
   right: 0;
   top: 30%;
   z-index: 1000;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
   #feedback1 a {
   display: block;
   background:url(pc.png) no-repeat;
   height: 52px;
   width: 155px;	
   color: #fff;
   font-family: Arial, sans-serif;
   font-size: 17px;
   font-weight: 400;
   text-decoration: none;
   }
   #feedback1 a:hover {
   background:url(pc-over.png) no-repeat;
   }
   #feedback {
   height: 0px;
   width: 85px;
   position: fixed;
   right: 0;
   top: 65%;
   z-index: 1000;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
   #feedback a {
   display: block;
   background: #f1646c;
   height: 52px;
   padding-top: 10px;
   width: 95px;
   text-align: center;
   color: #fff;
   font-family: Arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   }
   #feedback a:hover {
   background:#00495d;
   }
   #newsletter {
   height: 0px;
   width: 85px;
   position: fixed;
   right: 0;
   top: 40%;
   z-index: 1000;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
   #newsletter a {
   display: block;
   background:#fac174;
   height: 52px;
   padding-top: 10px;
   width: 110px;
   text-align: center;
   color: #fff;
   font-family: Arial, sans-serif;
   font-size: 17px;
   font-weight:400;
   text-decoration: none;
   }
   #newsletter a:hover {
   background:#00495d;
   }
   .overlay1 {
   position: fixed;
   top: 60px;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   .overlay1:target {
   visibility: visible;
   opacity: 1;
   }
   .popup2 {
   margin:90px auto;
   padding: 15px;
   border-radius: 5px;
   width: 30%;
   position: relative;
   /*transition: all 5s ease-in-out;*/
   }
   .popup2 h2 {
   margin-top: 0;
   color: #333;
   font-family: Tahoma, Arial, sans-serif;
   }
   .popup2 .close1 {
   /*position: absolute;*/
   top: 32px;
   left: 25px;
   background: #00a0e3;
   transition: all 200ms;
   font-size: 25px;
   font-weight: 500 !important;
   text-decoration: none;
   color: #fff;
   padding: 0px 5px;
   opacity: 1;
   }
   .search {
   position: absolute;
   top: 19px;
   left: 45%;
   /* background: #ce00ff; */
   transition: all 200ms;
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
   padding: 0px 5px;
   }
   .popup2 .close1:hover {
   color: #ffffff;
   }
   .popup2 .content {max-height: 30%; 
   overflow: auto;
   /* border-bottom: 2px dashed #d1d6d8; */
   /* margin-top: 16px; */}
   .div2 {
   padding: 20px;
   /* float: left; */
   height: auto;
   background:#fff;
   border-radius: 25px;
   }
   .content1 h3 { text-align: center;
   margin: 15px 0 15px 0;
   text-transform: uppercase;
   color: #00495d;
   border-bottom: 2px dashed #d1d6d8;
   padding-bottom: 10px;
   }
   @media screen and (max-width: 320px) {
   .overlay1 {
   position: fixed;
   top: 0px !important;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   #newsletter {
   height: 0px;
   width: 85px;
   position: fixed;
   right: 0;
   top: 40%;
   z-index: 1000;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
   }
   @media screen and (max-width: 768px) {
   .overlay1 {
   position: fixed;
   top: 60px !important;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: +1000;
   }
   #newsletter {
   height: 0px;
   width: 85px;
   position: fixed;
   right: 0;
   top: 37%;
   z-index: 1000;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
   .popup2 {
   margin: 30px auto;
   padding: 15px;
   border-radius: 5px;
   width: 95%;
   position: relative;
   }
   }
   /* enquiry form */	
   #quickenquire input[type=text], input[type=email], textarea, select {
   width: 100%;
   padding: 5px 15px;
   margin: 8px 0;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   }
   #quickenquire label {
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 0px!important;
   margin: 0px!important;
   }
   #quickenquire  input[type=submit] {
   width: 100%;
   background-color: #00a0e3;
   color: white;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: 2px;
   padding: 7px 20px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   }
   #quickenquire  input[type=submit]:hover {
   background-color: #000000;
   }
   #quickenquire2 input[type=text], input[type=email], textarea, select {
   width: 100%;
   padding: 5px 15px;
   margin: 8px 0;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   }
   #quickenquire2 label {
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 0px!important;
   margin: 0px!important;
   }
   #quickenquire2  input[type=submit] {
   width: 100%;
   background-color: #00a0e3;
   color: white;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: 2px;
   padding: 7px 20px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   }
   #quickenquire2  input[type=submit]:hover {
   background-color: #000000;
   }
   @media screen and (min-width: 768px) and (max-width: 1024px){
   .testimonial-big .testimonial-big-img {
   position: absolute !important;
   right: 15px;
   bottom: 0;
   text-align: center;
   }  
   }
   
   input[type=number]::-webkit-inner-spin-button, 
   input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin: 0; 
   }
   
   
      .testimonial-big {
   width: 100%;
   background-color:#b3ccdb;
   position: relative;
   margin: 75px 0 0 0;
   }
   .testimonial-big .row {
   position: relative;
   }
   .testimonial-big .testimonial-big-text {
   float: left;
   font-size: 15px;
   color: #21262a;
   line-height: 30px;
   padding: 30px 40px;
   position: relative;
   text-align: center;
   font-weight: 500;
   }
   .testimonial-big .testimonial-big-text:before {
   position: absolute;
   right: 0;
   bottom: 10px;
   content: "\201D";
   font-size: 90px;
   color: black;
   color: rgba(0, 0, 0, 0.35);
   }
   .testimonial-big .testimonial-big-text:after {
   position: absolute;
   left: 0;
   top: 47px;
   content: "\201C";
   font-size: 90px;
   color: black;
   color: rgba(0, 0, 0, 0.35);
   }
   .testimonial-big .row .col-md-2, .testimonial-big .row .col-sm-2, .testimonial-big .row .col-lg2 {
   position: static;
   }
   .testimonial-big .testimonial-big-img {
   position: absolute;
   right: 15px;
   bottom: 0;
   }
   .testimonial-big .testimonial-big-img img {
   width: auto;
   height: 200px;
   }
   .sub-footer a{    font-size: 13px}
   .sub-footer p{    font-size: 13px}
   
  
.gallery {
  width: 100%;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
}

.gallery > div {
  position: relative;
  float: left;
 
    
}

.gallery > div > img {
  display: block;
 margin-bottom: 10px;
    margin-top: 10px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.gallery > div:hover {
  z-index: 1;
}

.gallery > div:hover > img {
  transform: scale(1.1,1.1);
  transition: .3s transform;
 box-shadow: 0px 1px 2px 1px rgba(23, 23, 23, 0.3);
  
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}



img:hover {
  filter: none; }
  

  
 .brand {color: #00a0e3;
 margin-bottom: 5px !important;
    font-size: 17px;
    text-transform: capitalize;} 
  
 .discription{color: #333;}