@charset "utf-8";
/* ------------------------------------------------------------------------------ */
/* image object styles (for fckstyles.xml) */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* floats */
.contentViewport img.imageOnLeft	{ display:block; float:left; max-width:47%; height:auto; margin:10px 18px 10px 0; }
.contentViewport img.imageOnRight	{ display:block; float:right; max-width:47%; height:auto; margin:10px 0 10px 18px; }
.contentViewport img.imageNoFloat	{ display:block; float:none; max-width:97.5%; height:auto; margin:10px auto 0;  }

/* floats responsive */
/* not supported by respond.js in IE for imported CSS */
@media only screen and (max-width:400px) {
	
	/* no floats */
	/*
	.contentViewport img.imageOnLeft,
	.contentViewport img.imageOnRight { float:none; clear:both; margin:0; }
	*/
}

/* ------------------------------------------------------------------------------ */
/* styles */
.contentViewport img.imageOnRight,
.contentViewport img.imageOnLeft,
.contentViewport img.imageNoFloat	{ border:1px solid #cac7be; background:#fff; padding:1%; }

/* ------------------------------------------------------------------------------ */
/* plain image */
.contentViewport p img { max-width:100%; height:auto; margin:10px auto; }
.contentViewport .highlightbox p img { max-width:100%; height:auto; margin:10px auto; }


.btnBox {
  background: #fd563f none repeat scroll 0 0;
  border-top: 1px solid #fff;
  box-sizing: border-box;
  display: block;
  font-family: "Montserrat",sans-serif;
  height: 40px;
  margin: 5px 0 25px;
  overflow: hidden;
  padding: 10px 50px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  width: 100%;

  text-decoration: none;
  color: #FFF;
}

.btnBox .icon {
	font-size: 22px;
}

.btnBox:hover {
	color: #FFF;
	background: #ee3e2a;
}

.btnBox:hover .icon,
.btnBox:hover .label {
	opacity: 0.7;
}

.btnBox .label {
  left: 5px;
  position: relative;
  top: -5px;
}


.contentViewport img.imageOnLeft {
  display: block;
  height: auto;
  margin: 10px 18px 10px 0;
  max-width: 100%;
}

.contentViewport img.imageOnRight {
  display: block;
  height: auto;
  margin: 10px 0 10px 18px;
  max-width: 100%;
}

.contentViewport .caption {
  font-size: 11px;
  color: #0b293a;
  padding: 5px 8%;
  font-style: italic;

  width: 80%;
  display: block;
  margin: 2px auto;
  line-height: 100%;


}

.contentViewport .image-left {
  clear: both;
  float: left;
  max-width: 300px;
  margin: -5px 30px 0 0;
}

.contentViewport .image-right {
  clear: both;
  float: right;
  max-width: 300px;
}