body {
    padding-top: 0px;
    padding-bottom: 0px;
}



.navbar .megamenu{ padding: 1rem; }
/* ============ desktop view ============ */

@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;}
	
}	

.site{margin-left: 5%;}

ul.navbar-nav{ font-family: 'Montserrat', sans-serif; font-weight: bold;margin-left: 45%;}

.list-unstyled {

    font-size: x-large;

}

.navbar-nav >li{padding-left:2rem;}

.col-megamenu h6{font-family: 'Montserrat', sans-serif; font-weight:bolder; font-size: larger;}

.col-megamenu .list-unstyled a{font-family: 'Montserrat', sans-serif; font-weight:lighter;}

.col-megamenu .list-unstyled a:hover{background-color: deepskyblue;}

.col-megamenu .list-unstyled a:link{text-decoration: none;}

.carousel {
    width: 100%;


  }

  
  @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.5, 1.5);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }
  
  .carousel-inner .carousel-item > img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
  }

  .carousel-inner-row .carousel-item .card {
    border-style: none;
  }


.page-sub{margin-top: 80px;}

.page-sub h2{color: #2c628c;text-align: center; font-family:'Montserrat',sans-serif;font-weight: bold;margin-top: 5%;}

.page-sub hr{
               border-top: 1px solid#2c628c;
               margin: 30px auto;
               width: 160px; 
               opacity: 100;

              }

.page-row hr{
              border: 1px solid#298a47;
              opacity: 100;
              width: 80px; 
            }

.page-row img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 60%;
            padding-top: 40px;
            padding-bottom: 40px;
}


.page-row h2{text-align: center; font-family:Arial, Helvetica, sans-serif;font-size: x-large;}
.page-row h2 a{color: #2c628c;}
.page-row h2 a:link{text-decoration: none;}
.page-row h2 a:hover{color: #298a47;}
.page-row p{text-align: justify;}
.page-row .col-md-4 {padding-left: 25px;padding-right: 25px; }

@media (max-width: 767px) {
  .carousel-inner-row .carousel-item > div {
      display: none;
  }
  .carousel-inner-row .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner-row .carousel-item.active,
.carousel-inner-row .carousel-item-next,
.carousel-inner-row .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner-row .carousel-item-end.active,
  .carousel-inner-row .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner-row .carousel-item-start.active, 
  .carousel-inner-row .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner-row .carousel-item-end,
.carousel-inner-row .carousel-item-start { 
transform: translateX(0);
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.text-center{  

  text-align: center!important;
  padding-top: 2%;
  padding-bottom: 2%;

}

.btn-primary{
  background-color:#2c628c;
  border: none;
}

.btn-primary:hover{
  background-color:#298a47;
  border: none;
}