/* Color Theme
--------------------------------- */
/* Color Scale
--------------------------------- */
/* Other Colors
--------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom color variables 
    Example:

    @color1: #ff00ff;
    @color2: #00ff00;
*/
/* Fonts
--------------------------------- */
/* Sizes
--------------------------------- */
/* Logo
---------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom variables 
    Example:

    @font-size: 18px;
    @font-family: Arial, sans-serif;
*/
/* Class Functions
----------------------------------------- */
.Wizards {
  padding: 0;
}
.Wizards .Wizards-header {
  display: block;
  background-color: #2F3E46;
  width: 100%;
  min-height: 70px;
  padding: 16px 20px;
}
.Wizards .Wizards-header .logo {
  max-width: 260px;
}
.Wizards .Wizards-header h2 {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 2rem;
  line-height: 1;
  color: #FFA742;
}
.Wizards .Wizards-header span i {
  font-size: 3rem;
  line-height: initial;
}
.Wizards .Wizards-header span i:hover {
  color: #fff;
}
.Wizards .Wizard {
  margin-bottom: 20px;
}
.Wizards .Wizard h3 {
  color: #222;
}
.Wizards .Wizard .image-container a {
  display: block;
}
.content-right .Wizards {
  line-height: 1.3;
}
.content-right .Wizards .Wizards-header {
  padding-bottom: 30px;
  display: block;
  margin: 15px 0 30px;
  border-bottom: 5px solid #EEE;
  background-color: black;
}
.content-right .Wizards .Wizards-header h3 {
  text-align: left;
  color: #272A2F;
}
.content-right .Wizards h2 {
  text-align: left;
  color: inherit;
}
.content-right .Wizards h3 {
  line-height: 1.1;
  /*padding-bottom:10px;*/
}
.content-right .Wizards .Wizard {
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
/* Modal Header */
.modalw-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
/* The Close Button */
.close {
  color: #bababa;
  position: absolute;
  right: 20px;
  top: 10px;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modalwizard {
  position: fixed;
  /* Stay in place */
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/ opacity */
}
/* Modal Body */
.modal-body {
  padding: 2px 16px;
}
/* Modal Footer */
.wizard-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
/* Modal Content */
.wizard-content {
  background-color: #fefefe;
  margin: 9% auto;
  /* 15% from the top and centered */
  width: 45%;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  position: relative;
  margin: auto;
}
.slideshow-container p {
  margin: 0;
}
.slideshow-container img {
  background-color: #52796F;
}
/* Next & previous buttons */
.Wizards-container .footer {
  position: relative;
  background-color: #2F3E46;
  text-align: center;
  padding: 20px;
  border: none;
  /* Caption text */
  /* Number text (1/3 etc) */
  /* The dots/bullets/indicators */
}
.Wizards-container .footer .prev i,
.Wizards-container .footer .next i {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  color: #fff;
  font-size: 2.4rem;
  line-height: 40px;
  width: 40px;
  height: 40px;
  transition: 0.6s ease;
  display: block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #222;
  font-weight: 700;
}
.Wizards-container .footer .prev i {
  left: 20px;
}
.Wizards-container .footer .next i {
  right: 20px;
}
.Wizards-container .footer .prev i:hover,
.Wizards-container .footer .next i:hover {
  background-color: #2F3E46;
}
.Wizards-container .footer .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.Wizards-container .footer .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.Wizards-container .footer .dot {
  cursor: pointer;
  height: 17px;
  width: 17px;
  margin: 0 2px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #FFF;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.Wizards-container .footer .active,
.Wizards-container .footer .dot:hover {
  background-color: #fff;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
.donotdisplay {
  float: left;
  font-weight: bold;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.Wizards .Wizard-gallery {
  /*img {
		float:left;
	}
    .custom-Wizard{
        margin:0 2% 2% 0;
		padding:0;
		border:none;
		width:48%;
		float:left;
    }*/
}
.Wizards .Wizard-gallery .Wizard {
  margin-bottom: 10px;
}
.Wizards .Wizard-list .Wizard {
  display: block;
  margin: 0 0 8px 0;
  padding: 0;
}
.Wizards .Wizard-list .Wizard h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3!important;
}
.Wizards .Wizard-list .Wizard p {
  margin-top: 7px;
}
.Wizards .Wizard-list .Wizard .content-container {
  padding-left: 15px;
}
.Wizards .Wizard-album .Wizard {
  display: block;
  width: 100%;
}
.Wizards .Wizard-album .Wizard h3 {
  display: block;
  margin: 0 0 20px 0;
  font-size: 1.5rem;
  line-height: 1.1;
}
.Wizards .Wizard-album .Wizard .image-container {
  display: block;
}
.Wizards .Wizard-album .Wizard img {
  width: 100%;
}
.Wizards .Wizard-album .Wizard a {
  font-size: 1.2;
}