body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
	  background-color: #FFC107;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #FFA000;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #FFA000;
      font-weight: 400;
      margin-bottom: 30px;
  }  
  .w3-card-4{
	  background-color: #FFC107!important;  
  }
  .jumbotron {
      background-color: #FFC107; /*FFA000*/
      color: #303030;
      padding: 50px 25px;
	  padding-top: 75px;
	  padding-bottom: 25px;
      font-family: Montserrat, sans-serif;
  }
  .logoSmall{
	  height:45px;
	  position:absolute;
	  top: 2px;
  }
  .logoBig{
	max-height:200px;
	margin-bottom:50px;  
  }
  .container-fluid {
      padding: 60px 50px;
  }
  .bg-grey {
      background-color: #666;
	  background-image:url("../images/bg_gray2.jpg");
	  background-position:center;
	  background-size:cover;
	  color: #fff;
  }
  .bg-gray2 {
	  background-color: #333;
	  background-image:url("../images/bg_gray1.jpg");
	  background-position:center;
	  background-size:cover;
	  color: #fff;
  }
  .logo-small {
      color: #FFA000;
      font-size: 50px;
  }
  .w3-card-4 h4{
	  color: #333!important;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 0 0;
      border: none;
      border-radius: 0;
	  margin:0!important;
  }
  .thumbnail img {
      width: 100%;
      height: 100%!important;
      
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #FFC107;
  }
  .carousel-indicators li {
      border-color: #FFC107;
  }
  .carousel-indicators li.active {
      background-color: #FFA000;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }
  .navbar {
      margin-bottom: 0;
      background-color: #FFA000;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #303030 !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #701112 !important;
      background-color: #FFC107 !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer {
	  background-color: #FFA000;
	  color: #333;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #333;
  }
  .iconPanel{
      white-space: unset;
  }
  .iconPanel:hover{
	  background-color: #FFA000!important;
  }

  .alert{
    position: fixed;
    top: 100px;
    max-width: 600px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2000;
  }

  .divi { 
  border-color:#FFC107;
	  margin-top:-60px;
  height: 30px; 
  border-style: solid; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
.divi:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  border-color:#FFC107;
  margin-top: -31px; 
  border-style: solid; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
  
  /*****************************/
  .mySlidesBasic{
	  max-height:300px;margin:auto;
  }
  .mySlides {
	display:none;max-width:400px;max-height:400px;margin:auto;
	;}
.w3-left, .w3-right, .w3-badge {cursor:pointer;}
.w3-badge {height:13px;width:13px;padding:0;}

.sliderBar{
	width:100%;
	background-color: rgba(255,255,255,.5);
}

.fullImage{
	max-height:100%;
	max-width:100%;
	width:auto;
	display:block;
	z-index:99;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #FFA000;
  transition: all .2s ease-in-out;
  margin-bottom: 30px;
  margin-right: 15px;
  position:fixed;
  z-index:98;
}
.arrow-up{
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #FFA000;
  transition: all .2s ease-in-out;
  margin-top: 60px;
  margin-right: 15px;
  position:fixed;
  z-index:98;
}
.arrow-down:hover, .arrow-up:hover {
	transform: scale(1.5);
}

#content1, #content2, #content3, #content4{
    min-height: 100vh!important;
}

.w3-animate-zoom-2 {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s; animation-delay:1s;opacity:0; transition:opacity 1s linear; transition-delay:1s}
.w3-animate-zoom-3 {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s; animation-delay:2s;opacity:0; transition:opacity 1s linear; transition-delay:2s}
.opacity1{opacity:1;}

.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#FFC107!important}
.w3-text-red{color:#FFA000!important;}
footer .w3-text-red{color:#FFC107!important;};

.gallery-box{display:block;position:relative;margin:0 auto;overflow:hidden;height:100%;width:100%;}
.gallery-box .gallery-box-caption{display:block;position:absolute;bottom:0;width:100%;height:100%;text-align:center;color:#fff;opacity:0;background:rgba(44,44,44,.8);-webkit-transition:all .35s;
-moz-transition:all .35s;transition:all .35s}
.gallery-box .gallery-box-caption .gallery-box-content{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%)}
.gallery-box:hover .gallery-box-caption{opacity:1}
.gallery-box:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.gallery-box img{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.modal-content{background-color:#1d1d1d;z-index:101;}
.icon-lg{font-size:50px;line-height:18px}
#galleryImage{max-height:80vh;max-width:90%;margin:auto;}

.blue-a{color:rgb(81, 142, 235);}

.iconPanel{
    height:185px;
}
.nostyle{
    list-style:none;
}

.mySlidesBasic{
    background-color: transparent!important;
}

.maxwicontent{
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .iconPanel{
        height:170px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .col-sm-4{margin-bottom: 20px;}
    .iconPanel{
        height:170px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .col-sm-4, .col-sm-3{margin:0;margin-bottom: 10px;}
    .logo-small {display:none;}
    .iconPanel{
        height:35px;
        padding:0!important;
    }
    .iconPanel h4{
        margin-top: 3px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}