.banner-form.modal-form h3{
  font-size: 20px;
  color: #036081;
  font-weight: 900;
  padding: 0px 30px;
  text-align: center;
  margin-top: 60px;
}

.banner-form.modal-form .form-control{
  border: 1px solid #ccc;
  padding: 10px;
}
.modal-content{
  background:#fafafa !important;
}
.modal-content .banner-form {

    background:none !important;

}
.modal-dialog {
    max-width: 500px;
    margin: 30px auto;
    width: calc(100% - 20px);
    max-width: 1200px;
}

/* part 1 */
 .part-1 {
     padding: 100px 0 ;
     text-align: center;
     background: #f5f5f5;
     min-height: 80vh;
}
 .part-1 h5 {
     margin: 50px 0 20px;
      text-align: center;
     font-size: 30px;
     color: #000;
}
 .part-1 h2 {
     text-align: center;
     font-size: 44px;
     margin:  0;
     position: relative;
    color: #016080;
    font-weight: 900;
}


 .part-1 p {
     text-align: center;
     font-size: 16px;
     color: #333;
     margin: 20px 0 0 ;
}
 .part-1 h3 {
     text-align: center;
     font-size: 24px;
     color: #5b5b5b;
     margin: 30px 0 10px;
     font-weight: 900;
}
 .part-1 h4 {
     text-align: center;
     font-size: 32px;
     color: #016080;
     background:#fff; 
     margin: 20px 0  ;
     padding:  25px;
     height: 276px;
     font-weight: 900;
     box-shadow: 0px 0px 10px #ccc;
     transition: all 1s;
     cursor: pointer;
     vertical-align:middle;
    display:table-cell;
    text-transform: uppercase;
}

 .part-1 h4:hover  {
     background:#016080;
     color: #fff !important; 
}



.foot-list img{
  float: left;
  margin-right: 15px;
}
.foot-list h3{
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #fff;
}
.foot-list p{
  text-align: left;
  font-size: 18px;
  color: #fff;
}
.foot-list p b{
  font-weight: 600;
  color: #000;
}

 .footer-ico-cntr {
     background: #0d0d0d;
     padding: 30px 0;
}
 .footer-ico-cntr p {
     color: #fff;
     margin-bottom: 0px;
     font-size: 14px;
    
}
 .footer-ico-cntr a {
     color: #079ed5;
}
 .form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"]:focus, input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
     border: none;
     border-bottom: 1px solid #999;
     border-radius: 0px;
     padding: 5px 0px;
}
 .form-control, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
     border: none;
     border-bottom: 1px solid #999;
     box-shadow: none;
     outline: 0 none;
}
.fly {
  opacity: 1;
  transition: all 600ms ease-in-out;
  transform: translateY(100px) scale(1) translate3d(0, 0, 0);
}
.slide-1-cntr .fly {
 margin-bottom: 15px;
  display: table;
}
.main-outer-cntr .fly {
 margin-bottom: 15px;
  display: table;
}
.show-block {
  opacity: 1;
  transform: translateY(0) scale(1) translate3d(0, 0, 0);
}
.btn{
  cursor: pointer;
}
.main-outer-cntr{
  position: relative;
}

.slide-1-cntr h2{
  margin-bottom: 50px;
}

.back-btn{
  cursor: pointer;
  padding: 15px 20px;
  background: #016080;
  color: #fff !important;     
  position: absolute;
  left: -70px;
  top: 65%;
  z-index: 10;
  box-shadow: 5px 5px 0px #333;
}
.next-btn{
  padding: 15px 20px;
  background: #016080;
  color: #fff !important;
  position: absolute;
  right: -70px;
  top: 65%;
  z-index: 10;
  box-shadow: -5px 5px 0px #333;
}
.back-btn i, .next-btn i{
  font-size:24px;
}

#section10 {
    display: none;
}


.float{
  position:fixed;
  width:50px;
  height:50px;
  bottom:42%;
  right:0px;
  background-color:#25d366;
  color:#FFF !important;
  text-align:center;
  font-size:24px;
  box-shadow: -2px 2px 3px rgba(0,0,0,.3);
  z-index:100;
  line-height: 50px;
}



.float1{
  position:fixed;
  width:50px;
  height:50px;
  bottom:50%;
  line-height: 50px;
  right:0px;
  background-color:#05a6c0;
  color:#FFF !important;
  text-align:center;
  font-size:24px;
  line-height: 50px;
  box-shadow: -2px 2px 3px rgba(0,0,0,.3);
  z-index:100;
}
.backtohome{
  color: #fff;
  background: #016080;
  border-radius: 0px;
  border: none;
  padding: 15px 25px;
  font-size: 18px;
}
.backtohome:hover{
  background: rgb(1, 96, 128);

}


/* thanks */
.thanks-page{
  text-align: center;
}

.thanks-page h2 {
    font-size: 62px;
    color: #999;
    font-weight: 900;
    margin: 30px 0px 20px; 
    text-align: center;
    text-transform: uppercase;
}
.thanks-page h2 span {
    color: #016080;
}
.thanks-page p {
    font-size: 24px;
    color: #666;
}
.thanks-page a {
  text-decoration: none;
    color: #016080;
}
.thanks-bg{
  background-image: url("../images/thanks.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 90%;
}


@media screen and (max-width: 1450px) {
.banner-form {
    max-width: 390px;
    padding: 30px;
}
.banner-form form h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
.banner-form .form-control {
    padding: 10px;
}
.banner-form .btn {
    padding: 0px ;
    font-size: 14px;
}
.banner-form .btn i {
    padding: 12px;
}
.banner h2 {
     font-size: 44px;
    margin: 50px 45px 10px;
}
.navbar-brand img{
  width: 180px;
}
.container-main-banner {
    margin-top: -98px;
}
.figure {
    width: 148px;
    height: 195px;
}
.fore {
  background-position:0 100px;
}
.mid {
  background-position:0 80px;
}
.part-1 {
     padding: 100px 0 ;
}

@keyframes bk {
  100% { background-position: -2500px 100px; }
}

@keyframes bk2 {
  100% { background-position: -2500px 80px; }
}
.part-1 h2 {
    font-size: 40px;
}
.part-1 p {
    font-size: 16px;
}
.part-1 h3 {
    font-size: 18px;
}
.part-1 h4 {
    font-size: 22px;
    height: 206px;
}
.modal-dialog {
    max-width: 900px;
}
.banner-form.modal-form h3 {
    padding: 0px;
    margin-top: 0px;
    font-size: 16px;
    line-height:24px;
}

.prof_modal .banner-form.modal-form .form-control {
    padding: 10px;
    height: 15px;

}

/* thanks */

.thanks-page h2 {
    font-size: 44px;
}
.thanks-page p {
    font-size: 16px;
}




}
@media screen and (max-width: 1366px) {
.part-1 h5 {
    font-size: 22px;
     margin: 0 0 20px;
}
.part-1 h2 {
    font-size: 30px;
       
}
.slide-1-cntr h2 {
    margin-bottom: 30px;
}
}

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


.float{
  bottom:40%;
}

.newt6 { 
    font-size: 16px!important; 
}

.float1{
  bottom:50%;
}
.part-1 {
     height: auto;
         padding: 50px 0;
}
.container-main-banner {
    height: auto;
}
.banner .carousel-item.active {
    height: 720px;
}
.part-1 h2 {
    font-size: 24px;
}
.part-1 p {
    font-size: 14px;
}
.part-1 h3 {
    font-size: 16px;
}
.part-1 h4 {
    font-size: 18px;
    padding: 51px 40px;
    height: auto;
}
.slide-1-cntr h2 {
    margin-bottom: 10px;
}
.next-btn {
    padding: 15px 10px;
    background: #048398;
    color: #fff !important;
    position: absolute;
    right: -35px;
    top: 65%;
    z-index: 10;
    box-shadow: -5px 5px 0px #333;
}
.back-btn {
    padding: 15px 10px;
    background: #048398;
    color: #fff !important;
    position: absolute;
    left: -35px;
    top: 65%;
    z-index: 10;
    box-shadow: 5px 5px 0px #333;
}
.banner h2 {
    font-size: 24px;
    margin: 40px 0px 15px;
}
.banner p {
    display: none;
}
.banner-form {
    max-width: 390px;
    padding: 20px;
}
.part-1 h5 {
    font-size: 20px;
}
.banner-form form h3 {
    font-size: 16px;
}
.banner-form .form-control {
    padding: 5px;
}

.mob-dis-none{
  display: none;
}

/* scroll */
#section10 {
    position: absolute;
    color: #FFF;
    width: 100%;
    z-index: 999;
    bottom: 13%;
    z-index: 9999;
    text-align: center;
    display: block;
}

div.mouse-container {
  position: relative;
  display: block;
  height: 100px;
}
#section10 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50px;
    height: 78px;
    margin-left: -25px;
    border: 2px solid #eeea7f;
    border-radius: 50px;
    box-sizing: border-box;
  -webkit-animation: scroll-mouse 2s;
  animation: scroll-mouse 2s;
    -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
   box-shadow: 0 0 10px rgba(0,0,0,.5);
}
#section10 a span::before {
    position: absolute;
    top: 9px;
    left: 50%;
    content: '';
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background-color: #eeea7f;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
     box-shadow: 0 0 10px rgba(0,0,0,.5);
}
@-webkit-keyframes scroll-mouse {
   0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 15px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll-mouse {
   0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 15px);
     opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 35px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 35px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}




.navbar-brand img {
    width: 130px;
}



}

@media screen and (max-width: 768px) {
#walk-container {
    width: 40%;
    animation: stroll 20s linear infinite;
}


}

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