@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');


body { font-family: 'Montserrat', sans-serif; color: #000000; overflow-x: hidden; }
a:focus { outline: 0 !important;}
.form-box { display: table;  margin: 0 auto; width: 100%; }
.form-box .form-control { border-radius: 0; }
.form-control:focus {  box-shadow: 0 0;  border-color: #495057;}
.banner-contain {  text-align: center; position: absolute;  top: 25%;
      width: 70%;  left: 15%;  z-index: 9999; }
.form-box--button {  border-radius: 0; height: 40px;     float: left;}
.logo-box--link img { width: 300px;}
.banner-contain--h1 { font-size: 35px;  color: #fff; font-weight: 300;}
.slider-box {   position: relative; overflow: hidden;}

.carousel-icon {width: auto;opacity: 1; z-index: 9999;}
.carousel-icon.carousel-control-prev { left: 20px;}
.carousel-icon.carousel-control-next { right: 20px;}
    .white-btn:hover {background:#333 !important; color: white;}



    .carousel-icon span.carousel-control-next-icon, .carousel-icon span.carousel-control-prev-icon {
        padding: 11px;
        height: inherit;
    }
.btn-dark {  background: #000000;  border-color: #000000;}
span.full-cover {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999999;background: rgba(30, 27, 31, 0.92);display: none;}
.form-box .row { margin: 0;}
.form-box .row [class*="col-"] {  padding: 0; }
.banner-contain--textline {   margin-top: 15px;  margin-bottom: 40px; }
.ui-autocomplete {z-index: 999999; }

/* Place holder */
.auto-complete--box ::placeholder {   color: #000;  opacity: 1; }
.auto-complete--box :-ms-input-placeholder {  color: #000;  }
.auto-complete--box ::-ms-input-placeholder {color: #000;  }
  .auto-complete--box ::-webkit-input-placeholder { color: #000;}


/* End Place holder */


/* auto-complete--box */
.auto-complete--box {   margin-left: 5px; }
.ui-menu .ui-menu-item:hover .ui-state-active {  background: #000; color: #fff;  border-color: #000000;  }

/* End auto-complete--box */


/* buttons */
.btn-dark.focus, .btn-dark:focus {  box-shadow: 0 0 !important; }

/*End  buttons */


/* Dj Dots */
.box-dj { width: 60px;  height: 40px;  display: flex;  margin: 0 auto; align-items: center;
    justify-content: space-around;  }
  .box-dj .line:nth-child(1) {   background: #ef1dd9;}
.box-dj .line:nth-child(2) {  background: #000000;}
.box-dj .line:nth-child(3) {   background: #FFC107;}
.line {  width: 7px;   height: 90%; background: #fff; transition: 250ms ease-out; }
.inactive .line {  -webkit-transform: scale(1, 0.05); transform: scale(1, 0.05);  -webkit-animation: none;   animation: none; }
.line-1 { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: line1 1600ms infinite ease-in-out; animation: line1 1600ms infinite ease-in-out; }
.line-2 { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;-webkit-animation: line1 1125ms infinite ease-in-out;  animation: line1 1125ms infinite ease-in-out; }
.line-3 {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;-webkit-animation: line1 1500ms infinite ease-in-out;            animation: line1 1500ms infinite ease-in-out; }
  
  @-webkit-keyframes line1 {
    0% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
    20% {
      -webkit-transform: scale(1, 0.8);
              transform: scale(1, 0.8);
    }
    30% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
    50% {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    60% {
      -webkit-transform: scale(1, 0.25);
              transform: scale(1, 0.25);
    }
    100% {
      -webkit-transform: scale(1, 0.5);
              transform: scale(1, 0.5);
    }
  }
  
  @keyframes line1 {
    0% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
    20% {
      -webkit-transform: scale(1, 0.8);
              transform: scale(1, 0.8);
    }
    30% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
    50% {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    60% {
      -webkit-transform: scale(1, 0.25);
              transform: scale(1, 0.25);
    }
    100% {
      -webkit-transform: scale(1, 0.5);
              transform: scale(1, 0.5);
    }
  }
  @-webkit-keyframes stop {
    100% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
  }
  @keyframes stop {
    100% {
      -webkit-transform: scale(1, 0.1);
              transform: scale(1, 0.1);
    }
  }
  
  
  .dj-lines {
      position: absolute;
      bottom: 30px;
      background: none !important;
      width: 100%;
  }
  
  .dj-lines .box {
      background: none;
      border: 0;
  }

/* End Dj dots */


/* banner */
.fog-lights {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 999;
}
/* End banner */


/* Lights */

.luminaire {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 20px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 0 0 40px 20px #fff, 0 0 100px 50px #0ff;
    transition: box-shadow 4s ease-out;
    /* animation: spin 16s linear infinite; */
    animation: spin 16s linear infinite;
  }

@keyframes spin {
    0% {
    transform: rotate(0deg);
    
    }  
   
      100% {
    transform: rotate(360deg);
    
    }
}
  
  .luminaire:hover {
    cursor: pointer;
  }
  
  .luminaire::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 40px 20px #fff, 0 0 100px 50px #ff0;
    opacity: 0;
    transition: opacity 8s, transform 8s;
  }

  .luminaire::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 40px 20px #fff, 0 0 100px 50px #ff0;
    opacity: 0;
    transition: opacity 8s, transform 8s;


  }
  
  .on {
    background-color: #fff;
    box-shadow: 0 0 80px 40px #fff, 0 0 200px 100px #f0f;
  }
  
  .on::before {
    transform: translateX(-100px);
    opacity: 1;
  }
  
  .on::after {
    transform: translateX(100px);
    opacity: 1;
  }
  
  .banner-lightings {
      position: absolute;
      z-index: 999;
      width: 80%;
      text-align: center;
      left: 10%;
      top: 40px;
  }
  
  .banner-lightings .luminaire:first-child {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
      float: left;
  }

  .banner-lightings .luminaire:last-child {
    animation-delay: 3500ms;
    -webkit-animation-delay: 3500ms;
      float: right;
  }
/* End Lights */



@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, -1000px);
            transform: translate3d(0, 0, -1000px);
  }
}

@keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, -1000px);
            transform: translate3d(0, 0, -1000px);
  }
}
.popup-bubbles-box {
  position: absolute;
  width: 100%;
  min-height: 150px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 9999;
  left: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.bubble-wrap {
  margin: 0 auto;
  width: 20%;
  height: 114%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-perspective: 520px;
  perspective: 520px;
}

.bubble {
  position: absolute;
  background: black;
  opacity: .7;
  border-radius: 50%;
  -webkit-animation: move 15s infinite;
          animation: move 15s infinite;
}

.bubble:nth-child(1) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform: translate3d(130px, 110px, 1236px);
          transform: translate3d(130px, 110px, 1236px);
  background: #265cd9;
}

.bubble:nth-child(2) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform: translate3d(944px, 320px, 119px);
          transform: translate3d(944px, 320px, 119px);
  background: #26d968;
}

.bubble:nth-child(3) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform: translate3d(574px, 347px, 732px);
          transform: translate3d(574px, 347px, 732px);
  background: #26afd9;
}

.bubble:nth-child(4) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: translate3d(764px, 797px, 1510px);
          transform: translate3d(764px, 797px, 1510px);
  background: #d98826;
}

.bubble:nth-child(5) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-transform: translate3d(803px, 473px, 53px);
          transform: translate3d(803px, 473px, 53px);
  background: #d97726;
}

.bubble:nth-child(6) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  -webkit-transform: translate3d(392px, 570px, 1962px);
          transform: translate3d(392px, 570px, 1962px);
  background: #d92629;
}

.bubble:nth-child(7) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
  -webkit-transform: translate3d(321px, 50px, 813px);
          transform: translate3d(321px, 50px, 813px);
  background: #d926d6;
}

.bubble:nth-child(8) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform: translate3d(368px, 167px, 1005px);
          transform: translate3d(368px, 167px, 1005px);
  background: #26d9be;
}

.bubble:nth-child(9) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  -webkit-transform: translate3d(836px, 86px, 1079px);
          transform: translate3d(836px, 86px, 1079px);
  background: #d92685;
}

.bubble:nth-child(10) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-transform: translate3d(667px, 598px, 1914px);
          transform: translate3d(667px, 598px, 1914px);
  background: #d97126;
}

.bubble:nth-child(11) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
  -webkit-transform: translate3d(571px, 570px, 137px);
          transform: translate3d(571px, 570px, 137px);
  background: #d9a026;
}

.bubble:nth-child(12) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  -webkit-transform: translate3d(168px, 166px, 952px);
          transform: translate3d(168px, 166px, 952px);
  background: #2632d9;
}

.bubble:nth-child(13) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
  -webkit-transform: translate3d(657px, 73px, 401px);
          transform: translate3d(657px, 73px, 401px);
  background: #c426d9;
}

.bubble:nth-child(14) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
  -webkit-transform: translate3d(888px, 138px, 1256px);
          transform: translate3d(888px, 138px, 1256px);
  background: #26cad9;
}

.bubble:nth-child(15) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-transform: translate3d(390px, 558px, 612px);
          transform: translate3d(390px, 558px, 612px);
  background: #d92644;
}

.bubble:nth-child(16) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
  -webkit-transform: translate3d(172px, 261px, 1622px);
          transform: translate3d(172px, 261px, 1622px);
  background: #26d98e;
}

.bubble:nth-child(17) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
  -webkit-transform: translate3d(618px, 535px, 485px);
          transform: translate3d(618px, 535px, 485px);
  background: #26a9d9;
}

.bubble:nth-child(18) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  -webkit-transform: translate3d(153px, 433px, 809px);
          transform: translate3d(153px, 433px, 809px);
  background: #263bd9;
}

.bubble:nth-child(19) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
  -webkit-transform: translate3d(80px, 287px, 509px);
          transform: translate3d(80px, 287px, 509px);
  background: #a626d9;
}

.bubble:nth-child(20) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform: translate3d(375px, 692px, 467px);
          transform: translate3d(375px, 692px, 467px);
  background: #d92688;
}

.bubble:nth-child(21) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  -webkit-transform: translate3d(116px, 761px, 648px);
          transform: translate3d(116px, 761px, 648px);
  background: #d96e26;
}

.bubble:nth-child(22) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform: translate3d(902px, 181px, 887px);
          transform: translate3d(902px, 181px, 887px);
  background: #d9c726;
}

.bubble:nth-child(23) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
  -webkit-transform: translate3d(54px, 643px, 304px);
          transform: translate3d(54px, 643px, 304px);
  background: #26d99a;
}

.bubble:nth-child(24) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  -webkit-transform: translate3d(297px, 595px, 1121px);
          transform: translate3d(297px, 595px, 1121px);
  background: #d92629;
}

.bubble:nth-child(25) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-transform: translate3d(774px, 102px, 884px);
          transform: translate3d(774px, 102px, 884px);
  background: #26d947;
}

.bubble:nth-child(26) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
  -webkit-transform: translate3d(292px, 819px, 1938px);
          transform: translate3d(292px, 819px, 1938px);
  background: #8526d9;
}

.bubble:nth-child(27) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform: translate3d(836px, 346px, 580px);
          transform: translate3d(836px, 346px, 580px);
  background: #ca26d9;
}

.bubble:nth-child(28) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
  -webkit-transform: translate3d(27px, 144px, 674px);
          transform: translate3d(27px, 144px, 674px);
  background: #2647d9;
}

.bubble:nth-child(29) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
  -webkit-transform: translate3d(23px, 647px, 190px);
          transform: translate3d(23px, 647px, 190px);
  background: #26d94d;
}

.bubble:nth-child(30) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  -webkit-transform: translate3d(84px, 710px, 1425px);
          transform: translate3d(84px, 710px, 1425px);
  background: #26d9bb;
}

.bubble:nth-child(31) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -6.2s;
          animation-delay: -6.2s;
  -webkit-transform: translate3d(164px, 413px, 393px);
          transform: translate3d(164px, 413px, 393px);
  background: #d9b226;
}

.bubble:nth-child(32) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
  -webkit-transform: translate3d(881px, 967px, 340px);
          transform: translate3d(881px, 967px, 340px);
  background: #2635d9;
}

.bubble:nth-child(33) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
  -webkit-transform: translate3d(642px, 982px, 814px);
          transform: translate3d(642px, 982px, 814px);
  background: #2685d9;
}

.bubble:nth-child(34) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -6.8s;
          animation-delay: -6.8s;
  -webkit-transform: translate3d(939px, 88px, 1605px);
          transform: translate3d(939px, 88px, 1605px);
  background: #2644d9;
}

.bubble:nth-child(35) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
  -webkit-transform: translate3d(793px, 921px, 672px);
          transform: translate3d(793px, 921px, 672px);
  background: #d92f26;
}

.bubble:nth-child(36) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
  -webkit-transform: translate3d(375px, 600px, 1461px);
          transform: translate3d(375px, 600px, 1461px);
  background: #d9ac26;
}

.bubble:nth-child(37) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -7.4s;
          animation-delay: -7.4s;
  -webkit-transform: translate3d(922px, 406px, 1315px);
          transform: translate3d(922px, 406px, 1315px);
  background: #35d926;
}

.bubble:nth-child(38) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -7.6s;
          animation-delay: -7.6s;
  -webkit-transform: translate3d(726px, 452px, 1877px);
          transform: translate3d(726px, 452px, 1877px);
  background: #d92c26;
}

.bubble:nth-child(39) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
  -webkit-transform: translate3d(651px, 609px, 198px);
          transform: translate3d(651px, 609px, 198px);
  background: #2656d9;
}

.bubble:nth-child(40) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
  -webkit-transform: translate3d(927px, 18px, 1378px);
          transform: translate3d(927px, 18px, 1378px);
  background: #2635d9;
}

.bubble:nth-child(41) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -8.2s;
          animation-delay: -8.2s;
  -webkit-transform: translate3d(925px, 407px, 738px);
          transform: translate3d(925px, 407px, 738px);
  background: #b526d9;
}

.bubble:nth-child(42) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
  -webkit-transform: translate3d(963px, 680px, 266px);
          transform: translate3d(963px, 680px, 266px);
  background: #8ed926;
}

.bubble:nth-child(43) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -8.6s;
          animation-delay: -8.6s;
  -webkit-transform: translate3d(825px, 52px, 605px);
          transform: translate3d(825px, 52px, 605px);
  background: #26d92f;
}

.bubble:nth-child(44) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
  -webkit-transform: translate3d(998px, 877px, 1261px);
          transform: translate3d(998px, 877px, 1261px);
  background: #26d9a0;
}

.bubble:nth-child(45) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
  -webkit-transform: translate3d(855px, 655px, 1173px);
          transform: translate3d(855px, 655px, 1173px);
  background: #d926a6;
}

.bubble:nth-child(46) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -9.2s;
          animation-delay: -9.2s;
  -webkit-transform: translate3d(416px, 6px, 878px);
          transform: translate3d(416px, 6px, 878px);
  background: #26d94d;
}

.bubble:nth-child(47) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -9.4s;
          animation-delay: -9.4s;
  -webkit-transform: translate3d(854px, 696px, 1441px);
          transform: translate3d(854px, 696px, 1441px);
  background: #44d926;
}

.bubble:nth-child(48) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
  -webkit-transform: translate3d(815px, 320px, 1774px);
          transform: translate3d(815px, 320px, 1774px);
  background: #269ad9;
}

.bubble:nth-child(49) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
  -webkit-transform: translate3d(414px, 433px, 1653px);
          transform: translate3d(414px, 433px, 1653px);
  background: #9dd926;
}

.bubble:nth-child(50) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
  -webkit-transform: translate3d(788px, 791px, 954px);
          transform: translate3d(788px, 791px, 954px);
  background: #8e26d9;
}

.bubble:nth-child(51) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
  -webkit-transform: translate3d(482px, 820px, 1641px);
          transform: translate3d(482px, 820px, 1641px);
  background: #6bd926;
}

.bubble:nth-child(52) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
  -webkit-transform: translate3d(502px, 340px, 647px);
          transform: translate3d(502px, 340px, 647px);
  background: #26d9cd;
}

.bubble:nth-child(53) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -10.6s;
          animation-delay: -10.6s;
  -webkit-transform: translate3d(11px, 308px, 81px);
          transform: translate3d(11px, 308px, 81px);
  background: #b226d9;
}

.bubble:nth-child(54) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
  -webkit-transform: translate3d(743px, 109px, 1769px);
          transform: translate3d(743px, 109px, 1769px);
  background: #d94d26;
}

.bubble:nth-child(55) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
  -webkit-transform: translate3d(990px, 374px, 1644px);
          transform: translate3d(990px, 374px, 1644px);
  background: #d92632;
}

.bubble:nth-child(56) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
  -webkit-transform: translate3d(955px, 29px, 306px);
          transform: translate3d(955px, 29px, 306px);
  background: #2674d9;
}

.bubble:nth-child(57) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
  -webkit-transform: translate3d(441px, 514px, 241px);
          transform: translate3d(441px, 514px, 241px);
  background: #26d9ca;
}

.bubble:nth-child(58) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -11.6s;
          animation-delay: -11.6s;
  -webkit-transform: translate3d(507px, 777px, 1146px);
          transform: translate3d(507px, 777px, 1146px);
  background: #44d926;
}

.bubble:nth-child(59) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
  -webkit-transform: translate3d(304px, 866px, 323px);
          transform: translate3d(304px, 866px, 323px);
  background: #2638d9;
}

.bubble:nth-child(60) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
  -webkit-transform: translate3d(240px, 153px, 193px);
          transform: translate3d(240px, 153px, 193px);
  background: #2662d9;
}

.bubble:nth-child(61) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -12.2s;
          animation-delay: -12.2s;
  -webkit-transform: translate3d(207px, 961px, 18px);
          transform: translate3d(207px, 961px, 18px);
  background: #d92688;
}

.bubble:nth-child(62) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -12.4s;
          animation-delay: -12.4s;
  -webkit-transform: translate3d(802px, 793px, 280px);
          transform: translate3d(802px, 793px, 280px);
  background: #d92688;
}

.bubble:nth-child(63) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
  -webkit-transform: translate3d(909px, 427px, 1806px);
          transform: translate3d(909px, 427px, 1806px);
  background: #26d3d9;
}

.bubble:nth-child(64) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
  -webkit-transform: translate3d(48px, 997px, 1650px);
          transform: translate3d(48px, 997px, 1650px);
  background: #8226d9;
}

.bubble:nth-child(65) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -13s;
          animation-delay: -13s;
  -webkit-transform: translate3d(561px, 171px, 154px);
          transform: translate3d(561px, 171px, 154px);
  background: #26a6d9;
}

.bubble:nth-child(66) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
  -webkit-transform: translate3d(895px, 322px, 724px);
          transform: translate3d(895px, 322px, 724px);
  background: #26c4d9;
}

.bubble:nth-child(67) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -13.4s;
          animation-delay: -13.4s;
  -webkit-transform: translate3d(949px, 207px, 686px);
          transform: translate3d(949px, 207px, 686px);
  background: #d92674;
}

.bubble:nth-child(68) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
  -webkit-transform: translate3d(205px, 434px, 1510px);
          transform: translate3d(205px, 434px, 1510px);
  background: #94d926;
}

.bubble:nth-child(69) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
  -webkit-transform: translate3d(945px, 205px, 1087px);
          transform: translate3d(945px, 205px, 1087px);
  background: #71d926;
}

.bubble:nth-child(70) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
  -webkit-transform: translate3d(822px, 464px, 600px);
          transform: translate3d(822px, 464px, 600px);
  background: #d92659;
}

.bubble:nth-child(71) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -14.2s;
          animation-delay: -14.2s;
  -webkit-transform: translate3d(206px, 634px, 1434px);
          transform: translate3d(206px, 634px, 1434px);
  background: #3ed926;
}

.bubble:nth-child(72) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
  -webkit-transform: translate3d(486px, 95px, 1863px);
          transform: translate3d(486px, 95px, 1863px);
  background: #d92632;
}

.bubble:nth-child(73) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -14.6s;
          animation-delay: -14.6s;
  -webkit-transform: translate3d(627px, 219px, 1307px);
          transform: translate3d(627px, 219px, 1307px);
  background: #bbd926;
}

.bubble:nth-child(74) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -14.8s;
          animation-delay: -14.8s;
  -webkit-transform: translate3d(72px, 861px, 1383px);
          transform: translate3d(72px, 861px, 1383px);
  background: #26afd9;
}

.bubble:nth-child(75) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
  -webkit-transform: translate3d(273px, 968px, 1035px);
          transform: translate3d(273px, 968px, 1035px);
  background: #7426d9;
}

.bubble:nth-child(76) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
  -webkit-transform: translate3d(97px, 796px, 1009px);
          transform: translate3d(97px, 796px, 1009px);
  background: #d98526;
}

.bubble:nth-child(77) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -15.4s;
          animation-delay: -15.4s;
  -webkit-transform: translate3d(676px, 331px, 1369px);
          transform: translate3d(676px, 331px, 1369px);
  background: #a026d9;
}

.bubble:nth-child(78) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
  -webkit-transform: translate3d(465px, 31px, 227px);
          transform: translate3d(465px, 31px, 227px);
  background: #26b8d9;
}

.bubble:nth-child(79) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -15.8s;
          animation-delay: -15.8s;
  -webkit-transform: translate3d(887px, 39px, 1016px);
          transform: translate3d(887px, 39px, 1016px);
  background: #d9263e;
}

.bubble:nth-child(80) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
  -webkit-transform: translate3d(842px, 521px, 1977px);
          transform: translate3d(842px, 521px, 1977px);
  background: #7726d9;
}

.bubble:nth-child(81) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
  -webkit-transform: translate3d(33px, 227px, 655px);
          transform: translate3d(33px, 227px, 655px);
  background: #26d953;
}

.bubble:nth-child(82) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -16.4s;
          animation-delay: -16.4s;
  -webkit-transform: translate3d(204px, 412px, 747px);
          transform: translate3d(204px, 412px, 747px);
  background: #d9268e;
}

.bubble:nth-child(83) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -16.6s;
          animation-delay: -16.6s;
  -webkit-transform: translate3d(75px, 506px, 193px);
          transform: translate3d(75px, 506px, 193px);
  background: #9426d9;
}

.bubble:nth-child(84) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
  -webkit-transform: translate3d(53px, 697px, 1859px);
          transform: translate3d(53px, 697px, 1859px);
  background: #d92697;
}

.bubble:nth-child(85) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -17s;
          animation-delay: -17s;
  -webkit-transform: translate3d(809px, 32px, 203px);
          transform: translate3d(809px, 32px, 203px);
  background: #d9a626;
}

.bubble:nth-child(86) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -17.2s;
          animation-delay: -17.2s;
  -webkit-transform: translate3d(33px, 218px, 1967px);
          transform: translate3d(33px, 218px, 1967px);
  background: #26c7d9;
}

.bubble:nth-child(87) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
  -webkit-transform: translate3d(611px, 478px, 1508px);
          transform: translate3d(611px, 478px, 1508px);
  background: #26d9b8;
}

.bubble:nth-child(88) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
  -webkit-transform: translate3d(431px, 521px, 1318px);
          transform: translate3d(431px, 521px, 1318px);
  background: #6826d9;
}

.bubble:nth-child(89) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -17.8s;
          animation-delay: -17.8s;
  -webkit-transform: translate3d(579px, 606px, 835px);
          transform: translate3d(579px, 606px, 835px);
  background: #53d926;
}

.bubble:nth-child(90) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
  -webkit-transform: translate3d(395px, 829px, 915px);
          transform: translate3d(395px, 829px, 915px);
  background: #d99426;
}

.bubble:nth-child(91) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -18.2s;
          animation-delay: -18.2s;
  -webkit-transform: translate3d(115px, 797px, 958px);
          transform: translate3d(115px, 797px, 958px);
  background: #7126d9;
}

.bubble:nth-child(92) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
  -webkit-transform: translate3d(370px, 174px, 1400px);
          transform: translate3d(370px, 174px, 1400px);
  background: #26d9a3;
}

.bubble:nth-child(93) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
  -webkit-transform: translate3d(586px, 436px, 601px);
          transform: translate3d(586px, 436px, 601px);
  background: #d926c4;
}

.bubble:nth-child(94) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -18.8s;
          animation-delay: -18.8s;
  -webkit-transform: translate3d(854px, 14px, 1284px);
          transform: translate3d(854px, 14px, 1284px);
  background: #26d9a6;
}

.bubble:nth-child(95) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -19s;
          animation-delay: -19s;
  -webkit-transform: translate3d(980px, 347px, 1291px);
          transform: translate3d(980px, 347px, 1291px);
  background: #26d938;
}

.bubble:nth-child(96) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
  -webkit-transform: translate3d(675px, 278px, 847px);
          transform: translate3d(675px, 278px, 847px);
  background: #6e26d9;
}

.bubble:nth-child(97) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -19.4s;
          animation-delay: -19.4s;
  -webkit-transform: translate3d(347px, 935px, 369px);
          transform: translate3d(347px, 935px, 369px);
  background: #d97126;
}

.bubble:nth-child(98) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -19.6s;
          animation-delay: -19.6s;
  -webkit-transform: translate3d(168px, 124px, 519px);
          transform: translate3d(168px, 124px, 519px);
  background: #d926b8;
}

.bubble:nth-child(99) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
  -webkit-transform: translate3d(288px, 777px, 1994px);
          transform: translate3d(288px, 777px, 1994px);
  background: #26c1d9;
}

.bubble:nth-child(100) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -20s;
          animation-delay: -20s;
  -webkit-transform: translate3d(764px, 855px, 296px);
          transform: translate3d(764px, 855px, 296px);
  background: #26bbd9;
}

/* nav bar */

.navbar-box {  background-color: #000000; padding: 0; display: table;width: 100%; z-index: 999;}
.navbar-nav--custom {     margin: 0 auto;}
.navbar-box--link { color: #fff; padding: 10px 40px !important;}
.navbar-box--link:hover, .navbar-box--li.show .navbar-box--link { background: #fff; color: #000000;}
.sub-item-link {  color: #000000;}
.sub-item-link:hover {   background: #000000; color: #fff;}
.navbar-box--li.show .navbar-box--link:after {transform: rotate(-180deg);}
.navbar-box--li .navbar-box--link:after {transition: 500ms;}
.navbar-box--li .dropdown-menu {     padding-top: 0;padding-bottom: 0;border-top: 0; border-radius: 0 !important;  border: 0;}
.navbar-toggler {
  float: right;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  padding: 0;
  height: 17px;
}



.navbar-toggler:after {
  content: "";
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  height: 2px;
  background: #fff;
}

.navbar-toggler span.navbar-toggler-icon {
  height: inherit !important;
}

.navbar-toggler:focus {
  outline: 0;
}
.toggle-navbarbox {  display: none; }
/*End nav bar */

/* page title */

.jumbotron-title { background: #f8f8f8;     margin-bottom: 0px;}
.jumbotron-title-title {  font-size: 36px;}
.jumbotron-title-p {   font-size: 18px;  font-weight: 300;}


/* end  page title */


/* feature */

.feature-box--img {  width: 200px; margin-top: -20px;  margin-bottom: -20px;   position: relative; }
.feature-box {  border: 1px solid #ccc;  margin-top: 100px;   padding-left: 10px;  padding-right: 10px;}
.feature-box--p {  padding: 30px 20px;  font-weight: 300; font-size: 16px;}
.feature-box--main { padding: 0px 0 100px 0; display: block;  width: 100%; }
.feature-box--img img {  max-width: 100%; }
/* Circle */

.feature-box--img::before { position: absolute;	top: 50%;	left: 50%; z-index: 2;display: block;
    content: '';width: 0;height: 0;	background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);opacity: 0;}
    
.feature-box:hover .feature-box--img::before {-webkit-animation: circle .75s;	animation: circle .75s;}
@-webkit-keyframes circle {
    	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
  
.feature-box:hover {border-color:rgba(96, 125, 139, 0.14); background-color:rgba(96, 125, 139, 0.14);}

/*End feature */

/* Footer */

.footer--logo {  text-align: center;  margin-top: -52px;}
footer {  background: #f8f8f8;     padding-bottom: 20px;}
.footer-nav--link {   color: #000000;  font-weight: 600; position: relative;}
.footer-contain--para {   font-size: 16px;  text-align: center;     font-weight: 300;}
.footer--nav {   margin-bottom: 20px;  margin-top: 20px;}
/* .footer-nav--link:hover {   color: #5a5454;} 
.footer-nav--link:after {      content: "";   position: absolute; left: 30%;  width: 30%;  bottom: 0; height: 1px;  background: #d1d1d1; transition: 500ms;    opacity: 0;}
.footer-nav--link:hover:after {   transition: 500ms;  -webkit-transition: 500ms; width: 100%; left: 0; opacity: 1;} */

.copy-right {  padding: 10px 0; text-align: center;  font-weight: 300;}
.copy-right-text {  font-size: 18px; color: #2e3c46;}
.copy-right-reserved {  font-size: 14px; }
#st-1 {
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: center;
    z-index: 94034;
}

#st-1 .st-btn[data-network='facebook'] {
    background-position: 0px 0px !important;
}

span.st-label,.st-btn svg {  display: none !important;}
#st-1 .st-btn { width: 62px !important;  margin-right: 10px !important;  height: 62px !important;  background: url(/Images/Socil_Icons.png) !important;    min-width: 62px !important;
    transition: 800ms !important; display: block;}
#st-1 .st-btn:hover[data-network='facebook'] {  background-position: 0px -70px !important;}
#st-1 .st-btn[data-network='twitter'] {  background-position: -78px 0px !important;}
#st-1 .st-btn:hover[data-network='twitter'] {  background-position: -78px -70px !important;}
#st-1 .st-btn[data-network='pinterest'] { background-position: -155px 0px !important;}
#st-1 .st-btn:hover[data-network='pinterest'] { background-position: -155px -70px !important;}
#st-1 .st-btn[data-network='email'] {  background-position: -233px 0px !important;}
#st-1 .st-btn:hover[data-network='email'] {  background-position: -233px -70px !important;}
#st-1 .st-btn[data-network='sharethis'] {  background-position: -313px 0px !important;}
#st-1 .st-btn:hover[data-network='sharethis'] {  background-position: -313px -70px !important;}

/* end footer */
@media screen and (max-width :1300px) {
.banner-contain--h1 {font-size: 30px;}
}


@media screen and (max-width :1200px) {
  .luminaire:nth-child(2) {
    display: none;
}
  .feature-box--p {
    padding: 20px 10px;
    font-size: 14px;
    margin-bottom: 0;
}
    .luminaire {
        width: 10px;
        height: 10px;
        margin: 10px;
    }
    
    .luminaire::before, .luminaire::after {
        width: 10px;
        height: 10px;
        /* box-shadow: 0 0 4px 2px #fff, 0 0 100px 50px #ff0; */
    }
    
    .logo-box--link img {
        width: 200px;
    }
    
    .banner-contain { top: 8%;}

}


@media screen and (max-width :992px) {
  .logo-box--link img {  width: 150px; }
  .banner-contain {top: 5%; }
  .banner-contain--h1 { font-size: 25px;}
  .navbar-box--link {  padding: 10px 29px !important;}
  .dj-lines {     bottom: 13px;}

}


@media screen and (max-width :767px) {
  .banner-lightings { display: none }
  .navbar-box--link, .sub-item-link {
    font-size: 13px;
}

  .logo-box {
    padding-top: 20px;
}
  .toggle-navbarbox {
    display: table;
    width: 100%;
}
.bubble-wrap {
  width: 100%;
  max-height: 100%;
}

.dj-lines {
  bottom: 8px;
}
.form-box--button img {
  width: 17px;
  margin-top: -2px;
  margin-right: 4px;
}

.box-dj {
  width: 49px;
  height: 23px;
}
  .navbar-nav--custom { width: 100%; }
  .collapse.show {  display: table;  width: 100%; }
  .banner-contain {
    position: relative;
    width: 100%;
    left: inherit !important;
    top: inherit !important;
}
.navbar-box--li .dropdown-menu {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
 
}

.banner-contain--h1 {
    color: #000;
    
    font-size: 16px;
}

.auto-complete--box {
    margin-left: 0;
}

.auto-complete--box .form-control {
    margin-bottom: 10px;
}

.form-box {
    padding: 20px;
}

.form-box--button {
    margin: 0 auto;
    display: table;
    float: none;
}

.banner-contain--textline {
    margin-bottom: 20px;
}
.jumbotron-title-title {  font-size: 20px;}
.jumbotron-title-p {font-size: 15px; }
.feature-box {
  margin: 10px 0;
  width: 100%;
  display: table;
}

.feature-box--img {
  width: 100%;
  display: table;
  margin: 20px 0 20px 0;
  text-align: center;
}

.feature-box--p {
  width: 100%;
  font-size: 14px;
  display: table;
  padding: 10px;
}
.feature-box {  margin-bottom: 20px; margin-top: 40px; }

.feature-box--img img, .feature-box--main .media-body {
  width: 100%;
}
.footer-nav--link, .footer-contain--para, .copy-right-text, .copy-right-reserved {
  font-size: 13px;
}

.footer--logo img {
  width: 110px;
}

.footer--logo {
  margin-top: -30px;
}
.footer-nav--link {
  padding: 10px;
}
.navbar-box--link { padding: 10px 13px !important; }
.feature-box {
  border: 0;
  background: none;
  border-bottom: 1px solid #ccc;
  padding: 20px 20px;
}
}

/*-------profile-page-css-----*/
.about-banner-img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.banner-img {
    width: 100%;
}

.about-banner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    padding: 30px 0 !important;
}

.about-box--header {
    font-size: 42px;
    color: #222222;
    font-weight: 900;
    margin: 0;
}

.aboutus--map {
    margin-right: auto;
    margin-left: auto;
    /*border-radius: 50%;*/
    overflow: hidden;
    display: table;
    box-sizing: border-box;
    border: 2px solid #bbbbbb;
    margin-top: 10px;
}

.about-us--tab-para {
    font-size: 22px;
    color: #222222;
}

.contact-details {
    padding: 10px 0;
}
/*.website--link {
    float: left;
   padding-top: 5px;
    display: block;
    font-size: 22px;
    color: #222222;
}*/

.linkbox--link, .linkbox--time, .linkbox--span {
    font-size: 22px;
    color: #0061bd;
}

.linkbox--time {
    color: #222222;
}

.about-box--social-ul {
    padding: 0;
    float: left;
    margin: 0;
}

.about-box--social-li {
    display: inline-block;
}

.contact-details--link-row {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    margin: 10px 0;
}

.about-box--social-li:first-child a {
    padding-left: 0;
}

.about-box--social-link {
    padding: 0 15px;
}

.nav-tabs {
    border: 0;
}
/*----tabs----*/
.tab-item--li {
    flex: 1;
}

.tab-link {
    font-size: 22px;
    color: #222222;
    border: 1px solid #aaaaaa !important;
    border-radius: 0 !important;
    margin-right: 5px;
    padding: 10px 30px;
    font-weight: 700;
    text-align: center;
}

    .tab-link.active {
        background-color: #aaaaaa !important;
        color: #fff !important;
    }

.about-us--tab-contain {
    padding: 30px 0;
}

.about-us--tab-date {
    font-size: 22px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 5px;
    display: block;
}

.tab-box {
    padding: 10px 0 10px;
}

.state-text {
    float: left;
    color: #222222;
    text-align: center;
}

.location-box {
    margin: 20px auto 0 auto;
    display: table;
}

.zip-code {
    color: #222222;
    text-align: center;
}


.location-box .state-text, .location-box span.zip-code {
    font-size: 17px;
    font-weight: 600;
}

.aboutus--map iframe {
    width: 280px;
    height: 280px
}

.contat-btn {
    font-size: 18px;
}

.fa-phone {
    transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
}

.contat-btn i {
    margin-right: 10px;
}

.linkbox--link:hover, .linkbox--time:hover {
    color: #222222;
}

span.st-shares {
    display: none !important;
}

.logo--box {
    text-align: center;
    display: block;
    width: 100%;
}
/*------End profile-page-css-----*/
/*---------------------------------*/

@media screen and (max-width: 1299px) {
    .banner--contain {
        padding-top: 8.6%;
        padding-bottom: 20%;
    }

    .banner-contain--header {
        padding: 15px 0;
        font-size: 45px;
    }
    /*----profile-page----*/
    .about-banner-img {
        height: 165px;
    }

    .logo {
        width: 200px;
    }

        .logo.profile-logo {
            width: 150px !important;
        }

    .about-banner {
        padding: 35px 0 !important;
    }
}

@media screen and (max-width:1199px) {
    .logo {
        width: 200px;
    }

        .logo.profile-logo {
            width: 150px !important;
        }

    .about-box--header {
        font-size: 35px;
    }
}

@media screen and (max-width: 1099px) {
    .logo {
        width: 180px;
    }

        .logo.profile-logo {
            width: 130px !important;
        }

    .banner--contain {
        padding-top: 8%;
        padding-bottom: 12%;
    }
}

@media screen and (max-width: 992px) {

    .logo {
        width: 150px;
    }

        .logo.profile-logo {
            width: 100px !important;
        }

    .banner--contain {
        padding-top: 10%;
        padding-bottom: 15%;
    }

    .banner-contain--header {
        font-size: 25px;
        padding: 5px 0 15px;
    }
    /*-------profile-page----*/
    .about-us--tab-para {
        font-size: 19px;
        color: #222222;
    }

    .about-banner-img {
        height: 125px;
    }

    .about-banner {
        padding: 28px 0 !important;
    }

    .aboutus--map {
        margin: 0 auto;
        display: table;
    }
    /*----End profile-page----*/
}

/*----End profile-page----*/

@media screen and (max-width: 810px) {
    .banner--contain {
        padding-top: 10%;
        padding-bottom: 18%;
    }
}

@media screen and (max-width: 767px) {
    /*.banner--image{
        display: none;
    }*/
    .banner--contain {
        padding-top: 2%;
        padding-bottom: 15%;
    }

    .banner-contain--header {
        font-size: 22px;
    }

    .banner--image--mobile-view {
        display: block;
    }

    .banner-contain--form {
        display: table;
        margin: 0 auto;
    }

    .form--textbox {
        margin-bottom: 10px;
        height: 35px;
    }

    .btn-default {
        padding: 7px 14px;
        border-radius: 5px
    }
    /*-----profile-page-css----*/
    .tab-item--li {
        width: auto;
        flex: auto;
    }

    .about-box--header {
        font-size: 26px;
    }

    .contain--box {
        padding: 20px 0 80px;
    }

    .tab-link {
        padding: 6px 10px;
        font-size: 18px;
    }

    .about-us--tab-contain {
        padding: 15px 0;
    }

    .about-us--tab-date {
        font-size: 18px;
    }

    .about-us--tab-para {
        font-size: 17px;
    }

    .tab-box {
        padding: 30px 0 10px;
    }

    .aboutus--map, .aboutus--map iframe {
        width: 100% !important;
    }

    .about-box-media-order {
        order: 2;
    }

    .aboutus--map-media-order {
        order: 1;
    }

    .banner--image {
        height: 335px;
    }

    /*----end profile-page-css---*/
}

@media screen and (max-width: 580px) {
    .banner--contain {
        padding: 30px 10px;
    }

    .banner-contain--header {
        font-size: 20px;
        padding: 5px 0 10px;
    }

    .logo {
        width: 120px;
    }

        .logo.profile-logo {
            width: 80px !important;
        }

    .form-box {
        margin-bottom: 10px;
    }

    .about-banner-img {
        height: 90px;
    }

    .about-banner {
        padding: 15px 0 !important;
    }

    .about-us--tab-date {
        font-size: 17px;
    }

    .about-us--tab-para {
        font-size: 14px;
    }

    .about-box--social-li .about-box--social-link img {
        width: 40px;
    }

    .about-box {
        display: table;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}


@media screen and (max-width: 480px) {
    .banner--contain {
        padding: 30px 10px;
    }

    .banner-contain--header {
        font-size: 17px;
        padding: 2px 0 10px;
    }

    .logo {
        width: 100px;
    }

        .logo.profile-logo {
            width: 50px !important;
        }

    .form--textbox {
        width: 100% !important;
        height: calc(2rem + 0px);
        font-size: 14px;
        margin: 0 auto;
    }

    .banner--image {
        width: 100%;
        height: 312px;
    }

    .banner-contain--form {
        display: table;
        width: 100%;
        margin: 0 auto;
    }

    .banner--image--mobile-view {
        height: 304px;
    }

    .about-box--header {
        font-size: 18px;
    }

    .tab-link {
        padding: 6px 5px;
        font-size: 16px;
    }

    .about-banner-img {
        height: 55px;
    }

    .about-banner {
        padding: 8px 0 !important;
    }

    .linkbox--link, .linkbox--time, .linkbox--span {
        font-size: 17px;
    }

    .contact-details--link-row {
        padding-bottom: 6px;
    }

    .aboutus--map iframe {
        width: 200px;
        height: 200px;
    }
}

/*
    Moving Sites Styles
*/

/* 
    ---- Listing Serice Selection ----
*/
#ServicesSelect input {
    position: absolute;
    left: -9999px;
}

#ServicesSelect label {
    display: block;
    position: relative;
    margin: 5px;
    padding: 10px 30px 10px 40px;
    border: 2px solid #fff;
    border-radius: 100px;
    color: #000;
    background-color: rgba(0, 0, 0, .1);
    opacity: 0.7;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
}

    #ServicesSelect label::before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        width: 22px;
        border: 3px solid #fff;
        border-radius: 100px;
        transition: background-color .2s;
    }

    #ServicesSelect label:hover, input:focus + label {
        box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    }

#ServicesSelect input:checked + label {
    opacity: 1;
    background-color: #269a8a;
    color: white !important;
}

    #ServicesSelect input:checked + label::before {
        background-color: #fff;
    }

/* 
    ---- End Listing Serice Selection ----
*/

select option {
    color: black !important;
}

/*header stuff*/

#GetLocationIcon {
    display: block;
    float: right;
    margin-top: -0px;
    margin-left: -45px;
    cursor: pointer;
    z-index: 999
}

.center-cropped {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ArticleBackground {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f9fa+0,e0e0e0+100 */
    background: #f8f9fa; /* Old browsers */
    background: -moz-linear-gradient(top, hsla(210,16%,98%,1) 0%, hsla(0,0%,88%,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, hsla(210,16%,98%,1) 0%,hsla(0,0%,88%,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, hsla(210,16%,98%,1) 0%,hsla(0,0%,88%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fa', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}