/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */
/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */
/* rich-content */
.rich-content {
  font-size: 15px;
  line-height: 1.4;
  font-family: 'Helvetice Neue', Helvetica, sans-serif;
  font-weight: normal;
  color: #666; }

/* highlighted */
.highlighted {
  padding: 20px;
  margin-bottom: 20px; }

.highlighted.color {
  background: #F00;
  color: #fff; }
  .highlighted.color a {
    color: #fff; }

.highlighted.grey {
  background: #d9dcdc; }

/* rc-txt */
.rc-txt p {
  margin: 0 0 15px; }

/* rc-rte */
body.mceContentBody.rc-rte {
  font-size: 15px;
  line-height: 1.4;
  font-family: 'Helvetice Neue', Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 5px; }

.rc-rte {
  zoom: 1; }
  .rc-rte h1 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: red; }
  .rc-rte h2 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: red; }
  .rc-rte h3 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: red; }
  .rc-rte h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: red; }
  .rc-rte h5 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: red; }
  .rc-rte h6 {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 10px;
    color: red; }
  .rc-rte p {
    margin: 0 0 20px; }
  .rc-rte strong {
    font-weight: bold; }
  .rc-rte em {
    font-style: italic; }
  .rc-rte u {
    text-decoration: underline; }
  .rc-rte del {
    text-decoration: line-through; }
  .rc-rte ul,
  .rc-rte ol {
    margin: 0 0 20px 25px; }
  .rc-rte ul ul,
  .rc-rte ol ol {
    margin: 0 0 0 25px; }
  .rc-rte ul li {
    list-style-type: square; }
  .rc-rte ol li {
    list-style-type: decimal; }
  .rc-rte sub {
    vertical-align: sub; }
  .rc-rte sup {
    vertical-align: super; }
  .rc-rte hr {
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    margin: 20px 0; }
  .rc-rte a {
    color: red;
    text-decoration: underline; }
  .rc-rte a:hover {
    text-decoration: none; }
  .rc-rte .img-left {
    float: left;
    margin: 0 10px 5px 0; }
  .rc-rte .img-center {
    display: block;
    text-align: center;
    margin: 10px auto; }
  .rc-rte .img-right {
    float: right;
    margin: 0 0 5px 10px; }
  .rc-rte .no-float {
    display: block;
    margin: 15px 0; }

/* article-image-left */
.rc-article-image-left {
  zoom: 1;
  margin: 0 0 20px; }

.rc-article-image-left:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-article-image-left .image {
  float: left;
  width: 30%;
  text-align: center; }

.rc-article-image-left .image img {
  display: block;
  max-width: 100%; }

.rc-article-image-left .desc {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 32%;
  padding-left: 2%; }

/* article-image-right */
.rc-article-image-right {
  zoom: 1;
  margin: 0 0 20px; }

.rc-article-image-right:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-article-image-right .image {
  float: right;
  width: 30%;
  text-align: center; }

.rc-article-image-right .image img {
  display: block;
  max-width: 100%; }

.rc-article-image-right .desc {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 32%;
  padding-right: 2%; }

/* rc-two-cols */
.rc-two-cols {
  zoom: 1;
  width: 100%;
  margin: 0 0 20px; }

.rc-two-cols:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-two-cols li {
  float: left;
  width: 47.5%;
  margin: 0 0 0 5%; }

.rc-two-cols li:first-child {
  margin: 0; }

.rc-two-cols li li {
  float: none;
  width: 100%; }

/* rc-three-cols */
.rc-three-cols {
  zoom: 1;
  width: 100%;
  margin: 0 0 20px; }

.rc-three-cols:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-three-cols li {
  float: left;
  width: 30%;
  margin: 0 0 0 5%; }

.rc-three-cols li:first-child {
  margin: 0; }

.rc-three-cols li li {
  float: none;
  width: 100%; }

/* rc-image-list */
.rc-image-list {
  zoom: 1;
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px; }

.rc-image-list:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-image-list ul {
  float: left;
  width: 102%;
  margin: 0 -1%; }

.rc-image-list li {
  float: left;
  width: 20%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 2%;
  padding: 0 1%; }

.rc-image-list li:nth-child(5n+1) {
  clear: left; }

.rc-image-list li img {
  display: block;
  width: 100%; }

/* rc-image-slider */
.rc-image-slider {
  position: relative;
  max-height: 800px;
  margin-bottom: 40px;
  padding: 0; }

.rc-image-slider > ul {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rc-image-slider > ul > li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  padding-bottom: 30px; }

.rc-image-slider > li:first-child {
  position: relative;
  display: block;
  float: left; }

.rc-image-slider img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

.rc-image-slider > ul > li a {
  font-style: italic;
  font-weight: 700;
  color: #3F3C3C;
  display: block;
  overflow: hidden;
  text-decoration: none; }

.rc-image-slider > ul > li span.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%; }

.rc-image-slider .slider__nav {
  z-index: 98;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.rc-image-slider .rslides_nav {
  display: block;
  position: absolute;
  font-size: 0;
  top: 50%;
  width: 40px;
  height: 80px;
  margin-top: -40px;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
  opacity: 0.7;
  transition: transform 0.15s, opacity 0.15s; }

.rc-image-slider .rslides_nav.prev {
  left: 25px;
  background-image: url("../img/ico-left-white.svg"); }

.rc-image-slider .rslides_nav:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1); }

.rc-image-slider .rslides_nav.next {
  right: 25px;
  background-image: url("../img/ico-right-white.svg"); }

.rc-image-slider .rslides_tabs {
  display: block;
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 15px;
  text-align: center; }

.rc-image-slider .rslides_tabs li {
  display: inline-block;
  margin: 0 5px; }

.rc-image-slider .rslides_tabs a {
  display: block;
  font-size: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: transform 0.15s; }

.rc-image-slider .rslides_tabs a:hover {
  transform: scale(1.1); }

.rc-image-slider .rslides_here a {
  background-color: rgba(255, 255, 255, 0.7); }

/* rc-one-image */
.rc-one-image {
  display: block;
  width: 100%;
  margin: 0 0 20px; }

.rc-one-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

/* rc-two-images */
.rc-two-images {
  zoom: 1;
  width: 100%;
  margin: 0 0 20px; }

.rc-two-images:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-two-images li {
  float: left;
  width: 47.5%;
  margin: 0 0 0 5%; }

.rc-two-images li:first-child {
  margin: 0; }

.rc-two-images li img {
  display: block;
  width: 100%; }

/* rc-three-images */
.rc-three-images {
  zoom: 1;
  width: 100%;
  margin: 0 0 20px; }

.rc-three-images:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-three-images li {
  float: left;
  width: 32%;
  margin: 0 0 0 2%; }

.rc-three-images li:first-child {
  margin: 0; }

.rc-three-images li img {
  display: block;
  width: 100%; }

/* rc-youtube */
.rc-youtube {
  margin: 0 auto; }

.rc-youtube.realsize {
  width: 560px;
  max-width: 100%; }

.rc-youtube,
.rc-youtube-left,
.rc-youtube-right,
.rc-vimeo {
  overflow: hidden;
  margin-bottom: 20px; }
  .rc-youtube .video,
  .rc-youtube-left .video,
  .rc-youtube-right .video,
  .rc-vimeo .video {
    position: relative; }
  .rc-youtube .thumb,
  .rc-youtube-left .thumb,
  .rc-youtube-right .thumb,
  .rc-vimeo .thumb {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .rc-youtube .thumb img,
    .rc-youtube-left .thumb img,
    .rc-youtube-right .thumb img,
    .rc-vimeo .thumb img {
      max-width: 100%;
      width: 100%;
      max-height: 100%; }
  .rc-youtube .embed,
  .rc-youtube-left .embed,
  .rc-youtube-right .embed,
  .rc-vimeo .embed {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    overflow: hidden; }
  .rc-youtube iframe,
  .rc-youtube-left iframe,
  .rc-youtube-right iframe,
  .rc-vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* rc-youtube-left */
.rc-youtube-left .desc,
.rc-youtube-left .video {
  float: left;
  width: 50%; }
.rc-youtube-left .desc {
  padding-left: 20px; }

/* rc-youtube-right */
.rc-youtube-right .desc,
.rc-youtube-right .video {
  width: 50%; }
.rc-youtube-right .desc {
  float: left; }
.rc-youtube-right .video {
  float: right; }
.rc-youtube-right .desc {
  padding-right: 20px; }

/* rc-issuu */
.rc-issuu {
  width: 100%;
  background-color: #000;
  text-align: center;
  margin: 0 0 20px; }

/* rc-attachments */
.rc-attachments {
  zoom: 1;
  width: 100%;
  margin: 0 0 20px; }

.rc-attachments:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
  height: 0;
  line-height: 0; }

.rc-attachments li {
  padding: 10px 5px 10px 35px; }

.rc-attachments li.pdf {
  background: url(../img/filetypes/front/ico-pdf.png) no-repeat 10px 50%; }

.rc-attachments li.doc,
.rc-attachments li.docx {
  background: url(../img/filetypes/front/ico-doc.png) no-repeat 10px 50%; }

.rc-attachments li.xls,
.rc-attachments li.xlsx {
  background: url(../img/filetypes/front/ico-xls.png) no-repeat 10px 50%; }

.rc-attachments li.ppt,
.rc-attachments li.pptx {
  background: url(../img/filetypes/front/ico-ppt.png) no-repeat 10px 50%; }

.rc-attachments li a {
  text-decoration: underline; }

.rc-attachments li a:hover {
  text-decoration: none; }

.rc-attachments li span {
  float: right; }

.rc-attachments li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

/* rc-quote */
.rc-quote {
  display: block;
  background: url(../img/filetypes/front/ico-blockquote.png) no-repeat 0 0;
  margin: 0 0 20px; }

.rc-quote blockquote {
  padding-left: 60px; }

/* rc-code */
.rc-code {
  display: block;
  margin: 0 0 20px; }

.rc-code code {
  display: block;
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  font-family: 'Monaco', 'Courier New', Courier, monospace;
  padding: 10px; }

/* rc-btn */
.rc-btn {
  text-align: center;
  margin-bottom: 20px; }

.rc-btn a {
  display: inline-block;
  cursor: pointer;
  background-color: red;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  padding: 15px 30px; }

.rc-btn a:hover,
.rc-btn a:focus {
  background-color: #333; }

.rc-btn a:active {
  background-color: #000; }

/* rc-form */
.rc-form {
  margin: 0 0 30px; }

.rc-form fieldset {
  width: 100%; }

.rc-form .field.text,
.rc-form .field.checkbox,
.rc-form .field.radiobutton,
.rc-form .field.dropdown {
  float: left;
  width: 48%;
  margin: 0 4% 10px 0; }

.rc-form .field.text.odd,
.rc-form .field.checkbox.odd,
.rc-form .field.radiobutton.odd,
.rc-form .field.dropdown.odd {
  margin: 0 4% 10px 0; }

.rc-form .field.text.even,
.rc-form .field.checkbox.even,
.rc-form .field.radiobutton.even,
.rc-form .field.dropdown.even {
  margin: 0 0 10px; }

.rc-form .field.rte {
  clear: left;
  margin: 0 0 10px; }

.rc-form .field.textarea {
  margin: 0 0 10px; }

.rc-form label {
  display: block;
  font: 12px;
  color: #666;
  padding: 0 0 5px 5px; }

.rc-form .field.textarea label {
  clear: left; }

.rc-form label em {
  color: red; }

.rc-form input[type="text"],
.rc-form input[type="password"] {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px; }

.ie7 .rc-form input[type="text"],
.ie7 .rc-form input[type="password"] {
  width: 90%; }

.rc-form textarea {
  min-height: 150px;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px; }

.ie7 .rc-form textarea {
  width: 95%; }

.rc-form .error input[type="text"],
.rc-form .error textarea {
  border-color: #c30;
  background-color: #fff9f9; }

.rc-form .error.checkbox > label {
  color: #c30; }

.rc-form .buttons {
  clear: left; }

.rc-form .checkbox.error > label,
.rc-form .radiobutton.error > label,
.rc-form .dropdown.error > label {
  color: #c30; }

.rc-form input[type="submit"] {
  cursor: pointer;
  background-color: #999;
  border: none;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px; }

.rc-form input:hover[type="submit"],
.rc-form input:focus[type="submit"] {
  background-color: #444; }

.rc-form input:active[type="submit"] {
  background-color: #000; }

.rc-form input[type="text"]:focus,
.rc-form textarea:focus {
  border-color: #999; }

/* rc-mailer-event-registration */
.rc-mailer-event-registration {
  margin: 0 0 30px; }

.rc-mailer-event-registration fieldset {
  width: 100%; }

.rc-mailer-event-registration h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 20px; }

.rc-mailer-event-registration .number-of-people {
  border: 1px solid #eee;
  border-radius: 2px;
  line-height: 20px;
  padding: 10px 5px;
  margin: 0 0 20px; }

.rc-mailer-event-registration .number-of-people label,
.rc-mailer-event-registration .number-of-people select {
  display: inline-block;
  vertical-align: middle; }

.rc-mailer-event-registration .field.text,
.rc-mailer-event-registration .field.checkbox,
.rc-mailer-event-registration .field.radiobutton,
.rc-mailer-event-registration .field.dropdown {
  float: left;
  width: 48%;
  margin: 0 4% 10px 0; }

.rc-mailer-event-registration .field.text.odd,
.rc-mailer-event-registration .field.checkbox.odd,
.rc-mailer-event-registration .field.radiobutton.odd,
.rc-mailer-event-registration .field.dropdown.odd {
  margin: 0 4% 10px 0; }

.rc-mailer-event-registration .field.text.even,
.rc-mailer-event-registration .field.checkbox.even,
.rc-mailer-event-registration .field.radiobutton.even,
.rc-mailer-event-registration .field.dropdown.even {
  margin: 0 0 10px; }

.rc-mailer-event-registration .field.rte {
  clear: left;
  margin: 0 0 10px; }

.rc-mailer-event-registration .field.textarea {
  margin: 0 0 10px; }

.rc-mailer-event-registration label {
  display: block;
  font: 12px;
  color: #666;
  padding: 0 0 5px 5px; }

.rc-mailer-event-registration .field.textarea label {
  clear: left; }

.rc-mailer-event-registration label em {
  color: red; }

.rc-mailer-event-registration input[type="text"],
.rc-mailer-event-registration input[type="password"] {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px; }

.ie7 .rc-mailer-event-registration input[type="text"],
.ie7 .rc-mailer-event-registration input[type="password"] {
  width: 90%; }

.rc-mailer-event-registration textarea {
  min-height: 150px;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px; }

.ie7 .rc-mailer-event-registration textarea {
  width: 95%; }

.rc-mailer-event-registration .error input[type="text"],
.rc-mailer-event-registration .error textarea {
  background-color: #FCE9EA;
  border-color: #c30; }

.rc-mailer-event-registration .error.checkbox > label {
  color: #c30; }

.rc-mailer-event-registration .buttons {
  clear: left; }

.rc-mailer-event-registration .checkbox.error > label,
.rc-mailer-event-registration .radiobutton.error > label,
.rc-mailer-event-registration .dropdown.error > label {
  color: #c30; }

.rc-mailer-event-registration input[type="submit"] {
  cursor: pointer;
  background-color: #999;
  border: none;
  border-radius: 3px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px; }

.rc-mailer-event-registration input:hover[type="submit"],
.rc-mailer-event-registration input:focus[type="submit"] {
  background-color: #444; }

.rc-mailer-event-registration input:active[type="submit"] {
  background-color: #000; }

/* rc-gmap */
.rc-gmap .map {
  width: 100%;
  height: 350px; }

/* social share */
.social-share {
  margin: 10px 0; }

.social-share ul:after {
  content: '';
  display: block;
  clear: both; }

.social-share ul {
  margin: 0;
  padding: 0; }

.social-share ul li {
  float: left;
  margin: 0 5px;
  list-style-type: none; }

.social-share ul li a {
  width: 30px;
  height: 30px;
  display: block;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  opacity: 0.6; }

.social-share ul li.facebook a {
  background: url(../img/social-share/facebook.png);
  background-size: 30px 30px; }

.social-share ul li.twitter a {
  background: url(../img/social-share/twitter.png);
  background-size: 30px 30px; }

.social-share ul li.linkedin a {
  background: url(../img/social-share/linkedin.png);
  background-size: 30px 30px; }

.social-share ul li.google-plus a {
  background: url(../img/social-share/googleplus.png);
  background-size: 30px 30px; }

.social-share ul li a:hover {
  opacity: 1; }

/*# sourceMappingURL=cms.rte.css.map */

.rich-content {
	font-size: 13px;
	line-height: 1.8;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	color: #212120;
}

.rc-txt,
.rc-rte,
.rc-two-cols,
.rc-image-list,
.rc-article-image-left,
.rc-article-image-right,
.rc-one-image,
.rc-two-images,
.rc-three-images,
.rc-youtube,
.rc-vimeo,
.rc-quote,
.rc-form,
.rc-btn {
	padding: 0 50px;
	margin-bottom: 50px;
}
.rc-rte .rc-rte,
.rc-rte .rc-txt,
.rc-two-cols .rc-rte,
.rc-two-cols .rc-txt,
.rc-image-list .rc-rte,
.rc-image-list .rc-txt,
.rc-article-image-left .rc-rte,
.rc-article-image-left .rc-txt,
.rc-article-image-right .rc-rte,
.rc-article-image-right .rc-txt,
.rc-one-image .rc-rte,
.rc-one-image .rc-txt,
.rc-two-images .rc-rte,
.rc-two-images .rc-txt,
.rc-three-images .rc-rte,
.rc-three-images .rc-txt,
.rc-youtube .rc-rte,
.rc-youtube .rc-txt,
.rc-vimeo .rc-rte,
.rc-vimeo .rc-txt,
.rc-quote .rc-rte,
.rc-quote .rc-txt,
.rc-form .rc-rte,
.rc-form .rc-txt,
.rc-btn  .rc-rte,
.rc-btn  .rc-txt{
	padding: 0.;
	margin-bottom: 0;
}

.rc-youtube-left {
	padding-left: 25px;
}
.rc-youtube-right {
	padding-right: 25px;
}
.rc-youtube-right .desc {
	padding-right: 25px;
}
.rc-youtube-left .desc {
	padding-left: 25px;
}

.highlighted {
	z-index: 1;
	position: relative;
	margin-bottom: 25px;
}
.highlighted.grey {
	padding: 25px;
	background-color: $color-gray-lighter;
}
.highlighted.color {
	padding: 25px;
	background-color: $color-brand-primary;
}



.rc-rte {
	zoom: 1;
}
.rc-rte h1 {
	font-size: 24px;
	line-height: 1.1;
	margin: 0 0 25px;
	color: #44403e;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.rc-rte h2 {
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 20px;
	color: #212120;
	font-family: 'Merriweather', Georgia, serif;
	letter-spacing: 0.05em;
}
.rc-rte h3 {
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 20px;
	color: #44403e;
	font-family: 'Merriweather', Georgia, serif;
	letter-spacing: 0.03em;
}
.rc-rte h4 {
	font-size: 14px;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #44403e;
	font-family: 'Merriweather', Georgia, serif;
	letter-spacing: 0.03em;
}
.rc-rte h5 {
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #44403e;
	font-family: 'Merriweather', Georgia, serif;
	letter-spacing: 0.03em;
	font-weight: bold;
}
.rc-rte h6 {
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 10px;
	color: #44403e;
	font-family: 'Merriweather', Georgia, serif;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rc-rte a {
	color: #1ba8b2;
}

.rc-rte.highlighted.color h1 {
	color: #fff;
}
.rc-rte.highlighted.color h2 {
	color: #fff;
}
.rc-rte.highlighted.color h3 {
	color: #fff;
}
.rc-rte.highlighted.color h4 {
	color: #fff;
}
.rc-rte.highlighted.color h5 {
	color: #fff;
}
.rc-rte.highlighted.color h6 {
	color: #fff;
}

.rc-btn {
	text-align: left;
}
.rc-btn a,
.rc-form input[type="submit"] {
	z-index: 1;
	overflow: hidden;
	position: relative;
	padding: 10px 25px;
	background-color: transparent;
	border: 2px solid #44403e;
	text-transform: uppercase;
	color: #212120;
	border-radius: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-weight: bolder;
	letter-spacing: 2px;
	transition: transform 0.15s linear;
}
.rc-btn a::before {
	z-index: -1;
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background-color: transparent;
	transform: scaleY(0.1);
	transition: transform 0.15s ease-out, background 0.15s ease-out;
}

.rc-btn a:hover,
.rc-btn a:focus {
	color: #212120;
	border-color: #44403e;
	background-color: transparent;
}
.rc-btn a:hover::before,
.rc-btn a:focus::before {
	background-color: #dca52d;
	transform: scaleY(1);
}
.rc-btn a:active::before {
	background-color: #1ba8b2;
	transform: scaleY(1);
}

.rc-btn a:active,
.rc-form input[type="submit"]:active {
	color: #212120;
	border-color: <br />
<b>Notice</b>:  Undefined index: button_border_hover_active in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>218</b><br />
;
	background-color: transparent;
}

.rc-btn.highlighted.color a {
	color: #fff;
	border-color: #fff;
}
.rc-btn.highlighted.color a::before {
	background-color: $color-gray-dark;
}


.rc-form input[type="text"],
.rc-form input[type="password"],
.rc-form textarea {
	color: <br />
<b>Notice</b>:  Undefined index: input_text in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>234</b><br />
;
	border-color: <br />
<b>Notice</b>:  Undefined index: input_border in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>235</b><br />
;
	background-color: <br />
<b>Notice</b>:  Undefined index: input_background in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>236</b><br />
;
	border-radius: 0;
}
.rc-form input[type="text"]:focus,
.rc-form input[type="password"]:focus,
.rc-form textarea:focus {
	border-color: <br />
<b>Notice</b>:  Undefined index: input_border_focus in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>242</b><br />
;
}

.rc-form.highlighted.color input[type="text"],
.rc-form.highlighted.color input[type="password"],
.rc-form.highlighted.color textarea {
	color: <br />
<b>Notice</b>:  Undefined index: input_highlight_text in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>248</b><br />
;
	background-color: <br />
<b>Notice</b>:  Undefined index: input_highlight_background in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>249</b><br />
;
	border-color: <br />
<b>Notice</b>:  Undefined index: input_highlight_border in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>250</b><br />
;
}
.rc-form.highlighted.color input[type="text"]:focus,
.rc-form.highlighted.color input[type="password"]:focus,
.rc-form.highlighted.color textarea:focus {
	border-color: <br />
<b>Notice</b>:  Undefined index: input_highlight_border_focus in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>255</b><br />
;
}


.rc-form input[type="submit"] {
	background: transparent;
	color: #212120;
	border-color: #44403e;
	transition: background 0.15s ease-out, transform 0.15s ease-out;
}
.rc-form input[type="submit"]:hover,
.rc-form input[type="submit"]:focus {
	background: transparent;
	color: #212120;
	border-color: #212120;
	background-color: #dca52d;
}
.rc-form input[type="submit"]:active {
	background: transparent;
	color: #212120;
	border-color: #212120;
	background-color: #1ba8b2;
}

.rc-form.highlighted.color input[type="submit"] {
	color: <br />
<b>Notice</b>:  Undefined index: button_highlight_text in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>280</b><br />
;
	border-color: <br />
<b>Notice</b>:  Undefined index: button_highlight_border in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>281</b><br />
;
}
.rc-form.highlighted.color input[type="submit"]:hover,
.rc-form.highlighted.color input[type="submit"]:focus {
	color: <br />
<b>Notice</b>:  Undefined index: button_highlight_text_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>285</b><br />
;
	border-color: <br />
<b>Notice</b>:  Undefined index: button_highlight_border_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>286</b><br />
;
}
.rc-form.highlighted.color input[type="submit"]:active {
	color: <br />
<b>Notice</b>:  Undefined index: button_highlight_text_active in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>289</b><br />
;
	border-color: <br />
<b>Notice</b>:  Undefined index: button_highlight_border_active in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/cms.rte.css</b> on line <b>290</b><br />
;
}


.rc-form.highlighted.color label {
	color: #fff;
}





.rc-article-image-left .desc,
.rc-article-image-right .desc {
	border: none;
}


.rc-article-image-left .desc {
	margin-left: 33%;
}
.rc-article-image-right .desc {
	margin-right: 33%;
}
.rc-image-list {
	padding: 0!important;
}
.rc-image-list ul {
	float: none;
	width: auto;
	margin: 0;
}
.rc-image-list li {
	width: 33.33%;
	margin: 0;
	padding: 0;
}
.rc-image-list li:nth-child(5n+1) { clear: none; }
.rc-image-list li:nth-child(3n+1) { clear: both; }
.rc-image-list a {
	display: block;
}




/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
#fancybox-loading,
#fancybox-loading div,
#fancybox-overlay,
#fancybox-wrap,
#fancybox-wrap div {
  box-sizing: content-box;
}
ul, ol {
	list-style: none;
}
img {
	display: block;
	vertical-align: top;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}


html {
	overflow-y: scroll;
	height: 100%;
}
body {
	height: 100%;
	min-height: 100%;
	font-size: 15px;
	line-height: 1.4;
	font-family: 'Source Sans Pro', sans-serif;
	color: #212120;
	background-color: #fafafa;
}
a {
	color: #1ba8b2;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #1ba8b2;
	text-decoration: none;
}
a:active {
	color: #dca52d;
}
input, textarea, select {
	font-size: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	color: <br />
<b>Notice</b>:  Undefined index: input_text in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>85</b><br />
;
	vertical-align: middle;
}
textarea {
	resize: vertical;
}


.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.nizien {
	position: absolute;
	margin-left: -9999px;
}
.hidden { display: none; }
.left { float: left !important; }
.right { float: right !important; }



/*
 *	GENERAL
 */

.main-nav {
	z-index: 100;
	overflow: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 260px;
	max-width: 100%;
	padding: 25px 25px 25px 25px;
	background-color: #212120;
	transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.main-wrapper {
	margin-left: 260px;
	max-width: 1600px;
	background-color: #fff;
}
.main-wrapper--home {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.nav-open .main-nav {
	margin-left: 0;
}



/*
 *	NAV
 */

.button-menu {
	z-index: 50;
	position: fixed;
	top: 15px;
	left: 25px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	background-color: rgba(0,0,0,0.7);
}
.button-menu:hover,
.button-menu:focus,
.button-menu:active {
	color: #fff;
}

.button-close {
	display: none;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.button-close:hover,
.button-close:focus {
	color: #1ba8b2;
}

.button-close:active {
	color: #dca52d;
}


.logo {
	display: block;
	float: right;
	width: 150px;
	max-width: 100%;
	margin-bottom: 25px;
}
.logo img {
	max-width: 100%;
}

.nav {
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
}

.nav li {
	margin-bottom: 25px;
}
.nav ul ul {
	padding-top: 15px;
	font-size: 11px;
}
.nav ul ul li {
	margin-bottom: 15px;
}
.nav ul ul a {
	opacity: 0.8;
}


.nav a {
	color: #fff;
	transition: color 0.2s, letter-spacing 0.5s;
	letter-spacing: 0.1em;
}
.nav a:hover,
.nav a:focus {
	color: #dca52d;
	letter-spacing: 0.15em;
}
.nav .active > a {
	color: #1ba8b2;
}



/*
 *	BANNER
 */

.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}



/*
 *	SOCIAL
 */

.social {
	margin-bottom: 25px;
	text-align: right;
}

.social ul {
	display: block;
}
.social li {
	display: inline-block;
	margin: 0 2px;
}
.social a {
	transition: color 0.15s;
	color: #dca52d;
}
.social a:hover,
.social a:focus {
	color: #fff;
}



/*
 *	MAIN
 */

main {
	overflow: hidden;
	background-color: #fff;
}
.main-text {
	padding: 50px 0;
}



/*
 *	BREADCRUMBS
 */

.breadcrumbs {
	text-align: right;
	padding: 25px 50px;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #fafafa;
}
.breadcrumbs li {
	display: inline-block;
	margin-right: 15px;
}
.breadcrumbs li span {
	color: #dbd4c5;
}
.breadcrumbs a {
	color: #44403e;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color: #44403e;
}
.breadcrumbs a:active,
.breadcrumbs .last {
	color: #1ba8b2;
}



/*
 *	PAGE BLOCKS
 */

.page-blocks {
	background-color: #44403e;
}
.page-block {
	background-position: center center;
	background-size: cover;
}
.page-block article {
	height: 100%;
	padding: 25px;
	text-align: center;
	background-color: rgba(68,64,62,0.7);
}
.page-block a {
	display: block;
}
.page-block h2 {
	margin-bottom: 25px;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 16px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.page-block img {
	margin: 0 auto;
}
.page-block p {
	font-size: 14px;
	margin-bottom: 25px;
	color: #fff;
}
.page-block .rc-btn {
	margin: 0;
	padding: 0;
	text-align: center;
}
.page-block .rc-btn a {
	display: inline-block;
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.page-block .rc-btn a:hover,
.page-block .rc-btn a:focus {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.page-block .rc-btn a:hover::before,
.page-block .rc-btn a:focus::before {
	background-color: #dca52d;
	transform: scaleY(1);
}
.page-block .rc-btn a:active::before {
	background-color: #1ba8b2;
	transform: scaleY(1);
}
.page-block .rc-btn a:active,
.page-block .rc-form input[type="submit"]:active {
	color: #fff;
	border-color: <br />
<b>Notice</b>:  Undefined index: pageblock_button_border_hover_active in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>393</b><br />
;
	background-color: transparent;
}



/*
 *	BLOCK ITEMS
 */

.time {
	display: block;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 12px;
	margin-bottom: 25px;
	text-align: right;
	color: #44403e;
}

.blockitems figure {
	overflow: hidden;
}
.blockitems a {
	display: block;
	overflow: hidden;
}
.blockitems time {
	font-family: 'Merriweather', Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #44403e;
	margin-bottom: 5px;
}
.blockitems h2 {
	font-family: 'Merriweather', Georgia, serif;
	font-weight: bold;
}


/* breed hover */
.blockitems.breed-hover {
	background-color: #fafafa;
	margin-bottom: 1px;
}
.blockitems.breed-hover a {
	position: relative;
}
.blockitems.breed-hover figure {
	overflow: hidden;
	width: 100%;
}
.blockitems.breed-hover .bg-img {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	opacity: 0;
}
.blockitems.breed-hover figcaption {
	position: relative;
	z-index: 1;
	padding: 50px;
}
.blockitems.breed-hover h2 {
	font-size: 15px;
	letter-spacing: 0.1em;
	color: #212120;
	margin-bottom: 15px;
	transition: 0.2s color ease-out;
}
.blockitems.breed-hover p {
	font-size: 13px;
	color: #44403e;
	transition: 0.2s color ease-out;
}
.blockitems.breed-hover time {
	display: block;
	line-height: 1;
	margin-bottom: 10px;
	color: #212120;
	transition: 0.2s color ease-out;
}
.blockitems.breed-hover .time-stroke {
	width: 50px;
	margin-bottom: 30px;
	border-bottom: 1px solid #212120;
	transition: 0.2s border-color ease-out;
}
.blockitems.breed-hover .bg-img::after,
.blockitems.breed-hover .bg-img::after,
.blockitems.breed-hover .bg-img::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(33,33,32,0.6);
}

.blockitems.breed-hover a:hover .bg-img,
.blockitems.breed-hover a:focus .bg-img,
.blockitems.breed-hover a:active .bg-img,
.blockitems.breed-hover a:hover .bg-img::before,
.blockitems.breed-hover a:focus .bg-img::before,
.blockitems.breed-hover a:active .bg-img::before {
	opacity: 1;
}
.blockitems.breed-hover a:hover h2,
.blockitems.breed-hover a:focus h2,
.blockitems.breed-hover a:active h2 {
	color: #fff;
}
.blockitems.breed-hover a:hover p,
.blockitems.breed-hover a:focus p,
.blockitems.breed-hover a:active p {
	color: #fff;
}
.blockitems.breed-hover a:hover time,
.blockitems.breed-hover a:focus time,
.blockitems.breed-hover a:active time {
	color: #fff;
}
.blockitems.breed-hover a:hover .time-stroke,
.blockitems.breed-hover a:focus .time-stroke,
.blockitems.breed-hover a:active .time-stroke {
	border-color: #fff;
}


/* afbeelding links */
.blockitems.afbeelding-links figure {
	overflow: hidden;
	margin-bottom: 1px;
}
.blockitems.afbeelding-links a {
	padding: 50px;
	background-color: #fafafa;
	transition: 0.2s background-color ease-out;
}
.blockitems.afbeelding-links img {
	float: left;
	max-width: 33%;
}
.blockitems.afbeelding-links figcaption {
	overflow: hidden;
	padding-left: 20px;
}
.blockitems.afbeelding-links h2 {
	color: #212120;
	margin-bottom: 15px;
	transition: 0.2s color ease-out;
}
.blockitems.afbeelding-links p {
	color: #44403e;
	transition: 0.2s color ease-out;
}
.blockitems.afbeelding-links time {
	display: block;
	margin-bottom: 5px;
	color: #44403e;
	transition: 0.2s color ease-out;
}
.blockitems.afbeelding-links .time-stroke {
	width: 50px;
	margin-bottom: 10px;
	border-bottom: 1px solid #44403e;
	transition: 0.2s border-color ease-out;
}

.blockitems.afbeelding-links a:hover,
.blockitems.afbeelding-links a:focus,
.blockitems.afbeelding-links a:active {
	background-color: #fff;
}
.blockitems.afbeelding-links a:hover h2,
.blockitems.afbeelding-links a:focus h2,
.blockitems.afbeelding-links a:active h2 {
	color: <br />
<b>Notice</b>:  Undefined index: block-afbeeldinglinks_title_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>576</b><br />
;
}
.blockitems.afbeelding-links a:hover p,
.blockitems.afbeelding-links a:focus p,
.blockitems.afbeelding-links a:active p {
	color: <br />
<b>Notice</b>:  Undefined index: block-afbeeldinglinks_text_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>581</b><br />
;
}
.blockitems.afbeelding-links a:hover time,
.blockitems.afbeelding-links a:focus time,
.blockitems.afbeelding-links a:active time {
	color: #44403e;
}
.blockitems.afbeelding-links a:hover .time-stroke,
.blockitems.afbeelding-links a:focus .time-stroke,
.blockitems.afbeelding-links a:active .time-stroke {
	border-color: #44403e;
}


/* blokken */
.blockitems.vierkant figure {
	position: relative;
	float: left;
	width: 50%;
	padding-bottom: 50%;
	background-color: #212120;
}
.blockitems.vierkant figure:nth-child(2n+1){
	clear: both;
}
.blockitems.vierkant a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.blockitems.vierkant img {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	transition: transform 1s ease-out;
}
.blockitems.vierkant figcaption {
	position: absolute;
	z-index: 1;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(33,33,32,0.6);
	transition: background-color 0.5s;
}
.blockitems.vierkant figcaption .wrap {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 8%;
	color: #fafafa;
	text-shadow: 0 1px 2px #212120;
}
.blockitems.vierkant h2 {
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}
.blockitems.vierkant time {
	display: block;
	margin-bottom: 10px;
	color: #fafafa;
}

.blockitems.vierkant a:hover figcaption,
.blockitems.vierkant a:focus figcaption,
.blockitems.vierkant a:active figcaption {
	background-color: transparent;
}
.blockitems.vierkant a:hover img,
.blockitems.vierkant a:focus img,
.blockitems.vierkant a:active img {
	transform: scale(1.05);
}

.blockitems.vierkant a:hover h2,
.blockitems.vierkant a:focus h2,
.blockitems.vierkant a:active h2 {
	color: <br />
<b>Notice</b>:  Undefined index: block-vierkant_title_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>671</b><br />
;
}
.blockitems.vierkant a:hover h2,
.blockitems.vierkant a:focus h2,
.blockitems.vierkant a:active h2 {
	color: <br />
<b>Notice</b>:  Undefined index: block-vierkant_title_hover in <b>/data/sites/web/thofvanberoepcom/www/templates/start_02/css/site.css</b> on line <b>676</b><br />
;
}



/*
 *	PAGER
 */

.pager {
	width: 100%;
	clear: both;
	padding: 25px 0;
}
.pager ul {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.pager li {
	display: inline-block;
	margin: 0 3px;
	font-size: 15px;
}
.pager a,
.pager span {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.pager a {
	color: #fff;
	background-color: #0a0a0a;
	transition: background 0.15s, color 0.15s;
}
.pager a:hover,
.pager a:focus {
	color: #fff;
	background-color: #dca52d;
}
.pager .active a {
	color: #fff;
	background-color: #1ba8b2;
}
.pager span {
	color: #44403e;
	background-color: #d2d2d2;
}



/*
 *	WIDGETS
 */

.widgets {
	margin: 25px 0;
}
.widgets .col {
	padding: 0 25px;
}



/*
 *	HOME SLIDER
 */

.jumbotron {
	overflow: hidden;
}



/*
 *	RESPONSIVE
 */

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

	.button-close {
		display: block;
	}

	.main-nav {
		left: -260px;
	}
	.main-wrapper {
		margin-left: 0;
	}

	.nav-open .main-nav {
		left: 0;
	}
}

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

	.blockitems.vierkant figure {
		width: 100%;
		padding-bottom: 100%;
	}
	.blockitems.afbeelding-links a {
		padding: 25px;
	}

}

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

	.blockitems.afbeelding-links a {
		padding: 25px;
	}
	.blockitems.afbeelding-links figcaption {
		padding-left: 0;
	}
	.blockitems.afbeelding-links img {
		float: none;
		margin: 0 auto 15px;
		max-width: 100%;
	}

	.rc-article-image-left .image,
	.rc-article-image-right .image {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	.rc-article-image-left .desc,
	.rc-article-image-right .desc {
		margin: 0;
		padding: 0;
	}

	.rc-txt,
	.rc-rte,
	.rc-two-cols,
	.rc-image-list,
	.rc-article-image-left,
	.rc-article-image-right,
	.rc-one-image,
	.rc-two-images,
	.rc-three-images,
	.rc-youtube,
	.rc-vimeo,
	.rc-quote,
	.rc-form,
	.rc-btn,
	.blockitems.breed-hover figcaption {
		padding-left: 25px;
		padding-right: 25px;
	}

	.widgets .col {
		margin-bottom: 25px;
	}
}

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

	.main-nav {
		width: 100%;
	}
	.main-wrapper {
		margin-left: 0;
	}
	.nav {
		text-align: left;
	}
	.social {
		text-align: left;
	}
}




/*
 *	GRID SYSTEM
 */

.row {
	overflow: hidden;
}
.row::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.col,
[class*='col-'] {
	float: left;
}

.col-1 	{	width: 100%;	}
.col-2 	{ 	width: 50%;		}

.col-3 	{	width: 33.33%;	}
.col-2-3 {	width: 66.66%;	}

.col-4 	{	width: 25%;		}
.col-3-4 {	width: 75%;	}


@media only screen and (max-width: $breakpoint-xl) {
	.col-xl-1 	{	width: 100%;	}
	.col-xl-2 	{ 	width: 50%;		}

	.col-xl-3 	{	width: 33.33%;	}
	.col-xl-2-3 {	width: 66.66%;	}

	.col-xl-4 	{	width: 25%;		}
	.col-xl-3-4 {	width: 75%;	}
}
@media only screen and (max-width: $breakpoint-lg) {
	.col-lg-1 	{	width: 100%;	}
	.col-lg-2 	{ 	width: 50%;		}

	.col-lg-3 	{	width: 33.33%;	}
	.col-lg-2-3 {	width: 66.66%;	}

	.col-lg-4 	{	width: 25%;		}
	.col-lg-3-4 {	width: 75%;	}
}
@media only screen and (max-width: $breakpoint-md) {
	.col-md-1 	{	width: 100%;	}
	.col-md-2 	{ 	width: 50%;		}

	.col-md-3 	{	width: 33.33%;	}
	.col-md-2-3 {	width: 66.66%;	}

	.col-md-4 	{	width: 25%;		}
	.col-md-3-4 {	width: 75%;	}
}
@media only screen and (max-width: 450px) {
	.col-sm-1 	{	width: 100%;	}
	.col-sm-2 	{ 	width: 50%;		}

	.col-sm-3 	{	width: 33.33%;	}
	.col-sm-2-3 {	width: 66.66%;	}

	.col-sm-4 	{	width: 25%;		}
	.col-sm-3-4 {	width: 75%;	}
}
@media only screen and (max-width: $breakpoint-xs) {
	.col-xs-1 	{	width: 100%;	}
	.col-xs-2 	{ 	width: 50%;		}

	.col-xs-3 	{	width: 33.33%;	}
	.col-xs-2-3 {	width: 66.66%;	}

	.col-xs-4 	{	width: 25%;		}
	.col-xs-3-4 {	width: 75%;	}
}@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?62728151');
  src: url('../font/fontello.eot?62728151#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?62728151') format('woff'),
       url('../font/fontello.ttf?62728151') format('truetype'),
       url('../font/fontello.svg?62728151#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?62728151#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-angle-left:before { content: '\e800'; } /* '' */
.icon-angle-right:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\e802'; } /* '' */
.icon-pinterest:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\e805'; } /* '' */
.icon-linkedin:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-behance:before { content: '\e808'; } /* '' */
.icon-foursquare:before { content: '\e809'; } /* '' */
.icon-angle-up:before { content: '\e80a'; } /* '' */
.icon-angle-down:before { content: '\e80b'; } /* '' */
.icon-facebook-circled:before { content: '\e80c'; } /* '' */
.icon-facebook-squared:before { content: '\e80d'; } /* '' */
.icon-linkedin-circled:before { content: '\e80e'; } /* '' */
.icon-twitter-circled:before { content: '\e80f'; } /* '' */
.icon-twitter-squared:before { content: '\e810'; } /* '' */
.icon-gplus-squared:before { content: '\e811'; } /* '' */
.icon-gplus-circled:before { content: '\e812'; } /* '' */
.icon-gplus:before { content: '\e813'; } /* '' */
.icon-linkedin-squared:before { content: '\e814'; } /* '' */
.icon-pinterest-circled:before { content: '\e815'; } /* '' */
.icon-pinterest-squared:before { content: '\e816'; } /* '' */
.icon-behance-squared:before { content: '\e817'; } /* '' */
.icon-tumblr-circled:before { content: '\e818'; } /* '' */
.icon-tumblr:before { content: '\e819'; } /* '' */
.icon-tumblr-squared:before { content: '\e81a'; } /* '' */
.icon-skype:before { content: '\e81b'; } /* '' */
.icon-skype-circled:before { content: '\e81c'; } /* '' */
.icon-angle-double-left:before { content: '\e81d'; } /* '' */
.icon-angle-double-right:before { content: '\e81e'; } /* '' */
.icon-angle-double-up:before { content: '\e81f'; } /* '' */
.icon-angle-double-down:before { content: '\e820'; } /* '' *//**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
	0% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%);}
	100% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
	0% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
	0% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
	0% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
	0% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
	0% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
	0% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
	0% {
		-moz-transform: translateY(0%) translateX(10%);
		-ms-transform: translateY(0%) translateX(10%);
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-moz-transform: translateY(-20%) translateX(-10%);
		-ms-transform: translateY(-20%) translateX(-10%);
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
	background: url("../img/sy-loader.gif") 50% 50% no-repeat;
	-moz-background-size: 32px;
	-o-background-size: 32px;
	-webkit-background-size: 32px;
	background-size: 32px;
	min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
	visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
	position: relative;
	height: 100%;
	width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
	display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

/* list containing the slides */
.sy-list {
	width: 100%;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
.sy-list.horizontal {
	-moz-transition: left ease;
	-o-transition: left ease;
	-webkit-transition: left ease;
	transition: left ease;
}
.sy-list.vertical {
	-moz-transition: top ease;
	-o-transition: top ease;
	-webkit-transition: top ease;
	transition: top ease;
}

/* single slide */
.sy-slide {
	position: absolute;
	width: 100%;
	z-index: 2;
}
.sy-slide.kenburns {
	width: 140%;
	left: -20%;
}
.sy-slide.kenburns.useCSS {
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
	-webkit-animation-name: left-right;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: left-right;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: left-right;
	-o-animation-fill-mode: forwards;
	animation-name: left-right;
	animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
	-webkit-animation-name: right-left;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: right-left;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: right-left;
	-o-animation-fill-mode: forwards;
	animation-name: right-left;
	animation-fill-mode: forwards;
}
.sy-slide.sy-active {
	z-index: 3;
}
.sy-slide > img {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border: 0;
}
.sy-slide > a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}
.sy-slide > a > img {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
	display: none;
	list-style: none;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 0;
}
.sy-controls li {
	position: absolute;
	width: 10%;
	min-width: 4.2em;
	height: 100%;
	z-index: 33;
}
.sy-controls li.sy-prev {
	left: 0;
	top: 0;
}
.sy-controls li.sy-prev a:after {
	background-position: -5% 0;
}
.sy-controls li.sy-next {
	right: 0;
	top: 0;
}
.sy-controls li.sy-next a:after {
	background-position: 105% 0;
}
.sy-controls li a {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 42px;
	transition: opacity 0.1s;
}
.sy-controls li a .wrap {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.sy-controls li a .wrap i {
	display: inline-block;
}
.sy-controls li a:link, .sy-controls li a:visited {
	opacity: 0.5;
}
.sy-controls li a:hover, .sy-controls li a:focus {
	opacity: 0.9;
	outline: none;
}


@media only screen and (max-device-width: 600px) {

	.sy-controls {
		display: block;
	}
	.sy-controls li {
		min-width: 2.1em;
	}
	.sy-controls li a:after {
		width: 1.4em;
		height: 1.4em;
		margin-top: -0.7em;
		margin-left: -0.7em;
	}
}


/* captions, styled fo the overlay variant */
.sy-caption-wrap {
	position: absolute;
	bottom: 2em;
	z-index: 12;
	left: 50%;
}
.sy-caption-wrap .sy-caption {
	position: relative;
	left: -50%;
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
	padding: 0.4em 1em;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	border-radius: 1.2em;
}
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
	text-decoration: underline;
}


@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {

	.sy-caption-wrap {
		left: 0;
		bottom: 0.4em;
	}
	.sy-caption-wrap .sy-caption {
		left: 0;
		padding: 0.2em 0.4em;
		font-size: 0.92em;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}


.sy-box{
	position: relative;
}

/* pager bubbles */
.sy-pager {
	position: absolute;
	bottom: 0;
	z-index: 5;
	overflow: hidden;
	*zoom: 1;
	display: block;
	width: 100%;
	margin: 10px 0 0px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.sy-pager li {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin: 0 0.8em 0 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sy-pager li.sy-active a {
	background-color: #1ba8b2;
}
.sy-pager li a {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #fff;
	text-indent: -9999px;
	-moz-background-size: 2em;
	-o-background-size: 2em;
	-webkit-background-size: 2em;
	background-size: 2em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: background-color 0.1s;
}
.sy-pager li a:link, .sy-pager li a:visited {
	opacity: 1.0;
}
.sy-pager li a:hover, .sy-pager li a:focus {
	opacity: 0.6;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
	width: 100%;
}
.sy-filler.ready {
	-moz-transition: padding 600ms ease;
	-o-transition: padding 600ms ease;
	-webkit-transition: padding 600ms ease;
	transition: padding 600ms ease;
}