/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 7, 2017 */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/sansita-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/sansita-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?70384117');
  src: url('../fonts/fontello.eot?70384117#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?70384117') format('woff2'),
       url('../fonts/fontello.woff?70384117') format('woff'),
       url('../fonts/fontello.ttf?70384117') format('truetype'),
       url('../fonts/fontello.svg?70384117#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?70384117#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-right-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-dot-3:before { content: '\e802'; } /* '' */
.icon-cancel:before { content: '\e803'; } /* '' */
.icon-shuffle:before { content: '\e804'; } /* '' */
.icon-right:before { content: '\e805'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-heart:before { content: '\e807'; } /* '' */
.icon-tag:before { content: '\e808'; } /* '' */
.icon-play:before { content: '\e809'; } /* '' */
.icon-right-open-big:before { content: '\e80a'; } /* '' */
.icon-left-open-big:before { content: '\e80b'; } /* '' */
.icon-plus:before { content: '\e80c'; } /* '' */
.icon-pencil:before { content: '\e80d'; } /* '' */
.icon-search:before { content: '\e80e'; } /* '' */
.icon-barcode:before { content: '\e80f'; } /* '' */
.icon-clock:before { content: '\e810'; } /* '' */
.icon-ok-circled:before { content: '\e811'; } /* '' */
.icon-truck:before { content: '\e812'; } /* '' */
.icon-award:before { content: '\e813'; } /* '' */
.icon-eye:before { content: '\e814'; } /* '' */
.icon-credit-card:before { content: '\e815'; } /* '' */
.icon-ribbon:before { content: '\e816'; } /* '' */
.icon-brazil-map:before { content: '\e817'; } /* '' */
.icon-credit-card-1:before { content: '\e818'; } /* '' */
.icon-star:before { content: '\e819'; } /* '' */
.icon-star-empty:before { content: '\e81a'; } /* '' */
.icon-lock:before { content: '\e81b'; } /* '' */
.icon-basket:before { content: '\e81c'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-gamepad:before { content: '\f11b'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-snowflake-o:before { content: '\f2dc'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */


body {
	background-color: #f3f3f3;
	font-family: 'Roboto',sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Sansita',sans-serif;
}
a:hover {
	text-decoration: none;
}
hr.dashed {
	border-top: 1px dashed #b7b7b7;
	margin-top: 30px;
	margin-bottom: 30px;
}
.header .navbar-nav>li:hover>a {
	background-color: rgba(0,0,0,0.3);
    color: #FFF;
    text-shadow: 0 1px 1px #000000;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #fff;
	border: 0;
}
.navbar-nav>li>.dropdown-menu {
	border-radius: 4px;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus {
	background-color: #fff;
	color: #000;
}
.dropdown-menu>.active>a:hover {
	background-color: #f5f5f5;
	color: #000;
}

.header {
	border-radius: 0;
	padding-top: 10px;
	background-color: #f3f3f3;
	color: #333;
	margin-bottom: 30px
}
.navbar-dark {
	background-color: #333;
	color: #FFF;
}
.navbar-toggle {
	position: absolute;
	right: 0;
	z-index: 10;
	margin-top: 0;
	margin-right: 5px;
}
.navbar-toggle .icon-bar {
	background-color: #333;
}
.navbar-dark .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.header-content {
	position: relative;
	z-index: 1;
}
.header-logo {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.header-call {
	font-family: 'Sansita',sans-serif;
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.header-call small {
	font-style: italic;
	opacity: 0.8;
	font-size: 18px;
	display: block;
}
.header-menu {
	font-family: 'Sansita',sans-serif;
	padding: 10px 0;
}
.header .navbar-nav>li>a {
	border-radius: 4px;
	color: #333;
	font-size: 16px;
}
.header.navbar-dark .navbar-nav>li>a {
	color: #CCC;
}
.header .navbar-nav>li>a:hover {
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	text-shadow: 0 1px 1px #000000;
}


.faixa {
	background-color: #f3f3f3;
	position: relative;
	font-size: 0.85em;	
}
.faixa .navbar-toggle {
	position: relative;
	display: block;
	text-align: center;
	float: none;
	margin-bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.2);
}
.faixa .navbar {
	margin-bottom: 0;
	display: none;
	min-height: 10px;
}
.faixa .collapse.in {
	display: block;
}
.header + .faixa {
	margin-top: -30px;
	margin-bottom: 30px;
}
.faixa li {
	text-align: center;
	padding: 10px 0;
	list-style: none;
	display: table-cell;	
}
.faixa.faixa-dark {
	background-color: #636363;
	color: #FFF;
}

.content {
	background-color: #FFF;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 30px;
}
.page-header {
	margin: 0 0 20px;
}
.page-title {
	margin-top: 10px;
}
.page-header-date,
.page-header-cat {
	text-align: center;
}
.ho-content {
	margin-bottom: 60px;
}
.ho-content h1 {
	font-size: 36px;
	color: #800031;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}
.ho-args-title {
	color: #666666;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
	text-align: center;
}
.ho-args-item {
	margin-bottom: 30px;
}
.slides {
  margin-bottom: 30px;
  background-color: #FFF;
  margin-top: -30px;
}
.slides-item {
	padding-top: 30px;
	padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.slides-item-img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  width: auto;
  height: auto;
  opacity: 0.3;
  z-index: 1;
}
.slides-item .container {
  position: relative;
  z-index: 2;
}
.slides-item-subtitle {
  margin-bottom: 30px;
}
.slides-item.dark .slides-item-title,
.slides-item.dark .slides-item-subtitle {
	color: #FFF;
}

/* Produtos */
.prod-list-title {
	background: #ebebeb;
	padding: 5px;
	text-align: center;
	font-family: 'Roboto', serif;
	text-transform: uppercase;
	color: #999999;
	font-size: 18px;
	margin-bottom: 30px;
}
.prod-list {

}
.prod-item {
	text-align: center;
	margin-bottom: 30px;
	height: 615px;
}
.prod-item > a {
	display: block;
	position: relative;
	text-align: center;
}
.prod-item .prod-item-ribbon {
	position: absolute;
	bottom: 0;
	left: auto;
}
.prod-item-title {
	margin-bottom: 15px;
}
.prod-item-tags {
	margin-bottom: 15px;
}
.prod-item-tag {
	font-weight: 400;
	display: inline-block;
}
.prod-item-size {
	margin-bottom: 15px;
}
.prod-item-size-table {
	width: 100%;
	border-top: 1px solid #CCC;
}
.prod-item-size-table td {
	color: #666;
	vertical-align: bottom;
	padding: 0 !important;
}
.prod-item-size-table label {
	display: block;
	margin-bottom: 0;
	padding: 5px;
	margin-top: 5px;
	font-weight: 400;
	cursor: pointer;
}
.prod-item-size-table .info label {
	font-weight: 700;
}

.prod {
	color: #333;
	border-top: 5px solid #636363;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.prod-header {
	margin-bottom: 30px;
}
.prod-header-label {
	font-size: 18px;
}
.prod-header-title {
	margin-top: 0;
	font-size: 30px;
}
.prod-desc {
	color: #666666;
}
.prod-tamanho {
	margin-bottom: 15px;
}
.prod-tamanho::after {
	content: "";
	display: table;
	clear: both;
}
.prod-tamanho-choice {
	line-height: 2em;
	font-weight: bold;
	font-size: 1.2em;
}
.prod-valor {
	margin-bottom: 15px;
}
.prod-section-title {
	font-family: 'Roboto',sans-serif;
	font-size: 18px;
	color: #333;
}
.prod-price {
	font-family: 'Sansita',sans-serif;
	font-size: 18px;
}
.prod-price-valor {
	font-size: 30px;
}
.prod-tags {
	text-align: center;
	margin-bottom: 30px;
}
.prod-disclaimer {
	margin-bottom: 30px;
	border-radius: 6px;
	border: 1px dashed #f26522;
	padding: 15px;
}
.prod-form-header {
	text-align: center;
}
.prod-form-header-title {
	margin: 0;
	font-family: 'Roboto',sans-serif;
	font-size: 18px;
}
.prod-form-header-desc {
	font-style: italic;
	color: #666;
	font-size: 12px;
}
.prod-form-frase {
	font-size: 18px;
}
.prod-form-frase small {
	font-style: italic;
	color: #666;
}
.prod-form legend {
	margin-bottom: 15px;
	border: 0;
}
.prod-form-pffields,
.prod-form-pjfields {
	display: none;
}
.prod-meio-table {
	text-align: center;
}
.prod-meio-cat {
	font-size: 18px;
	margin-bottom: 10px;
	text-align: left;
}
.prod-meio-label {
	background-color: #FFF;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	font-weight: 400;
	color: #666;
	font-style: italic;
	border: 1px solid transparent;
	cursor: pointer;
	font-size: 13px;
	margin-bottom: 15px;
	display: block;
}
.prod-meio-label.active {
	color: #000;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.prod-meio-label .img-responsive {
	margin: 0 auto;
}

.bloco {

}
.bloco-item {
  margin-bottom: 30px;
	text-align: center;
}
.bloco-item .bloco-item-link {
  background-color: #FFF;
  display: block;
  border-radius: 4px;
  padding: 15px;
  color: #999;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
}
.bloco-item .bloco-item-link:hover {
  color: #333;
  text-decoration: none;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.bloco-item-img {
  margin: -15px -15px 0;
  display: block;
  overflow: hidden;
}
.bloco-item-btn {
  text-align: center;
  margin: 15px -15px -15px;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  border-top: 1px solid #f3f3f3;
}
.bloco-item-btn:hover {
  background-color: #f9f9f9;
}


.box {

}
.box-item {
  margin-bottom: 30px;
}
.box-item .box-item-link {
  background-color: #FFF;
  display: block;
  border-radius: 4px;
  padding: 15px;
  color: #999;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
}
.box-item .box-item-link:hover {
  color: #333;
  text-decoration: none;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.box-item-img {
  margin: -15px -15px 0;
  display: block;
  overflow: hidden;
}
.box-item-btn {
  text-align: center;
  margin: 15px -15px -15px;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  border-top: 1px solid #f3f3f3;
}
.box-item-btn:hover {
  background-color: #f9f9f9;
}

/* Blog */
.blog-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
}
.blog-item-excerpt {
	margin-bottom: 15px;
	color: #666;
}

.parceiros {
	margin-bottom: 30px;
}
.parceiros .content::after {
	content: "";
	display: table;
	clear: both;
}
.parceiros-item {
	display: block;
	padding: 15px;
	width: 50%;
	float: left;
}
.parceiros-item-img {
	max-width: 100%;
	height: auto;
}

.post {
	font-size: 16px;
}
.post img {
	max-width: 100%;
	height: auto;
}
.post p {
	margin-bottom: 20px;
}

/* Lateral */
.sidebar {
	margin-bottom: 30px;
}
.sidebar .menu {
    padding-left: 0;
    margin-bottom: 20px
}
.sidebar .menu-item {
	list-style: none;
}
.sidebar .menu-item a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}
.sidebar .menu-item:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.sidebar .menu-item:last-child a {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.sidebar .menu-item a:focus,
.sidebar .menu-item a:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}
.sidebar .widget_title {
    margin-top: 0;
    margin-bottom: 0;
}
.sidebar .widget-body,
.sidebar .textwidget  {
	padding: 10px 15px;
}
.widget.panel ul,
.widget.panel > .panel-collapse ul {
  margin: -10px -15px;
  padding-left: 0;
}
.widget.panel ul ul,
.widget.panel > .panel-collapse ul ul {
  margin: 0;
  padding-left: 0;
	border-top: 1px solid #ddd;
}
.widget.panel ul li,
.widget.panel > .panel-collapse ul li {
  border-radius: 0;
	position: relative;
  display: block;
  padding: 0;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
	border-width: 1px 0;
}
.widget.panel ul:first-child li:first-child,
.widget.panel > .panel-collapse ul:first-child li:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.widget.panel ul:last-child li:last-child,
.widget.panel > .panel-collapse ul:last-child li:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.widget.panel > .panel-heading + .panel-collapse ul li:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + ul li:first-child {
  border-top-width: 0;
}
.widget.panel ul ul a::before,
.widget.panel > .panel-collapse ul ul a::before {
	content: '\203A  ';
	color: #CCC;
}
.widget.panel ul a,
.widget.panel > .panel-collapse ul a {
	display: block;
	padding: 10px 15px;
}
.widget.panel ul li a:hover,
.widget.panel > .panel-collapse ul li a:hover,
.widget.panel ul li a:focus,
.widget.panel > .panel-collapse ul li a:focus {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
}

/* Rodapé */
.footer {
	background-color: #121212;
	color: #666;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 3px solid transparent;
}
.footer-best {
	text-align: center;
	font-size: 12px;
}
.footer-menu {
	padding: 0;
	text-align: center;
	margin-top: 15px;
}
.footer-menu li {
	list-style: none;
}
.footer-menu li a {
	padding: 10px 15px;
	color: #999;
	display: inline-block;
}
.footer-menu li a:hover {
	color: #FFF;
}
.footer-call {
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
.footer-call:before {
	content: "";
	clear: both;
	display: table;
}
.footer-call a:link,
.footer-call a:visited,
.footer-call a:hover {
	font-size: 200%;
	color: #FFF;
	text-decoration: none;
	display: block;
}
.footer-copy {
	text-align: center;
	font-size: 12px;
	padding-top: 15px;
	border-top: 1px solid #666;
	margin-top: 15px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
	width: 21px;
	height: 21px;
}

/* Exit Intent Modal */
#ouibounce-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
	z-index: 1050;
}
#ouibounce-modal .modal {
	width: 600px;
	margin: 50px auto 30px;
  background-color: #FFFFFF;
  z-index: 1;
  position: relative;
	display: block;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 4px;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
	cursor: default;
}
#ouibounce-modal .modal-body {
  padding: 20px 35px;
}
#ouibounce-modal .close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 24px;
	padding: 5px 10px;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* Exit Intent Modal */

@media ( min-width: 992px ) {
	.header-logo {
		display: inline-block;
		text-align: left;
		margin-bottom: 0;
	}
	.header-call {
		font-size: 30px;
		text-align: right;
		margin-bottom: 0;
	}
	.header-call small {
		display: inline;
	}
	.faixa .navbar-toggle {
		display: none;
	}
	.faixa .navbar {
		display: block;
	}
	.page-header-date {
		text-align: left;
	}
	.page-header-cat {
		text-align: right;
	}
	.parceiros {
		display: table;
	}
	.parceiros .content {
		display: table-row;
		width: 100%;
	}
	.parceiros-item {
		display: table-cell;
		float: none;
		width: auto;
	}
	.parceiros-item-img {
		max-width: 100%;
		height: auto;
	}
	.footer-best {
		text-align: left;
	}
	.footer-menu {
		margin-right: -15px;
		text-align: right;
		float: right;
	}
	.footer-menu li {
		display: inline-block;
	}
	.footer-menu li + li:before {
		content: "•";
	}
	.footer-call {
		text-align: right;
	}
	.footer-call a:link,
	.footer-call a:visited,
	.footer-call a:hover {
		display: inline;
	}
}
.wrapper {  margin: 20px auto;  margin-left:20px;  width: 270px;  height: 380px;  background: white;  padding: 10px;      -webkit-border-radius:10px;  -moz-border-radius:10px;  border-radius:10px;       -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);  box-shadow: 0px 0px 8px rgba(0,0,0,0.3);      box-shadow: 0px 0px 8px rgba(0,0,0,0.3);  position: relative;  z-index: 90;  float:left;}.ribbon-wrapper-green {  width: 85px;  height: 88px;  overflow: hidden;  position: absolute;  top: -2px;  right: -2px;}.ribbon-green {  font-weight: bold;  font-family: Sans-Serif;  color: #FFF;  font-size: 15px;  text-align: center;/*  text-shadow: white 0px 1px 0px; */  -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg);   -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);   transform:rotate(45deg);  position: relative;  padding: 7px 0 ;  left: -5px;  top: 13px;  width: 120px;  background: -webkit-gradient(linear, left top, left bottom, from(#5F2020), to(#9A0B0B));                box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);}.ribbon-green:before, .ribbon-green:after {  content: "";  /* Colour of the triangle. To flip the effect, use border-bottom. */  border-top: 3px solid #9A0B0B;     border-left: 3px solid transparent;  border-right: 3px solid transparent;  position:absolute;  bottom: -3px; /* +1 to compensate for the border */}.ribbon-green:before {  left: 0px;}.ribbon-green:after {  right: 0px;}.read-more{color:#ffffff !important; padding:12px 36px 12px 36px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#918b25;}.wrapper:hover .read-more{background-color:darkkhaki; color:#ffffff !important;}.videoWrapper {	position: relative;	padding-bottom: 28%; /* 16:9 */	width: 50%;	max-height: 300px;	float: left;	height: 0;}.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}