@charset "UTF-8";
/*
Theme Name: Belarusian Pen Centre
Theme URI: https://pen-centre.by
Author: Anton A. Sawko
Author URI: https://anton.sawko.com/
Description: 
Version: 1.0
License: 
Text Domain: pencentre
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,400;1,500;1,700;1,900&display=swap');
@import url('assets/css/news-feed.css?v=1.1.5');
@import url('assets/css/bepaid.css?v=1.0.1');

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
			
article, aside, details, figcaption, figure, footer,
header, main, nav, section {
	display: block;
}

html, body {
	width: 100%;
	min-height:100%;
	min-width:320px;
  padding:0;
  margin:0;
}

.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

strong {
  font-weight: 700;
}

div.radius img {
	border-radius: 100px;
	width: 200px;
	text-align: center;
}

.pagination {
	margin-bottom:20px;
	padding:0 30px;
	width:100%;
}

.pagination ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 27px;
	line-height:47px;
}

.pagination ul li {
	margin:0 2px 10px 2px;
}

.pagination ul li a {
	padding: 5px 10px;
	background-color: #a32023;
	color: #fff;
	text-decoration: none;
}

.pagination ul li a:hover {
	background-color: #5a5a5a;
}

.pagination ul li .current, .pagination ul li .dots {
	color: #a32023;
	padding: 5px 10px;
}

.pagination ul li a.prev, .pagination ul li a.next {
	background: none;
	color: #a32023;
	text-decoration:underline;
}

.focuspoint {
	width:160px;
	height:110px;
	position: relative;
	overflow: hidden;
	margin-right:10px;
}

.focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-height: none;
	max-width: none;
}

.video-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
	margin-bottom:20px;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

/* --------- */

.logo-site {
	display:block;
	width:249px;
	height:102px;
	background-position:center left;
	background-repeat:no-repeat;
	background-image:url('assets/images/logo_by.png');
	background-size:contain;
  margin-left:8px;
}

.logo-site__en {
	background-image:url('assets/images/logo_en.png');
}

.social-nav {
	display:flex;
	flex-direction:row;
  align-items: center;
	flex-wrap:no-wrap;
	margin-right:10px;
	height:30px;
  font-size: 17px;
}

.social-nav__item {
	/*margin:0 2px;*/
	height:inherit;
}

.social-nav .icon {
	width:25px;
  height:25px;
  text-align: center;
  margin-left: 5px;
  	display:flex;
	flex-direction:row;
  align-items: center;
  justify-content: center;
  color:#fff;
}

.icon {
	display:block;
	height:inherit;
	background-position:center;
	background-repeat:no-repeat;
}

.icon__facebook {
	background-color:#4267B2;
}

.icon__vk {
	background-color:#4680C2;
}

.icon__in {
	background-color:#0072b1;
}

.icon__instagram {
	background-color:#8a3ab9;
}

.icon__youtube {
	background-color:#FF0000;
}

.icon__telegram {
	background-color:#0088cc;
}

.icon__twitter {
	background-color:#1DA1F2;
}

.icon__pdf {
  background-image:	url('assets/images/icon/icon-pdf.png');
}

.lang {
  height:100%;
  font-size: 12px;
}

.lang__items {
  display: flex;
  height:100%;
  flex-direction: row;
  align-items: center;
}

.lang__item {
  margin-right:10px;
}

/*.lang__item:last-child {
  margin-right: 0;
}*/

.mobile-icon__menu {
	width:30px;
	height:30px;
	/*display:flex;*/
	flex-direction:column;
	justify-content:space-between;
	display:none;
	padding:4px 0;
  margin-right: 10px;
}

.mobile-icon__menu span {
	width:100%;
	height:2px;
	background-color:#000;
}

.mobile-icon__menu span:nth-child(2) {
	margin-top:8px;
	margin-bottom:8px;
}

.mobile-icon__close-wrap {
	list-style:none;
	padding:0;
	margin:10px 0 5px 0;
	height:30px;
	display:none;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}

.search-modal .mobile-icon__close-wrap {
  display: flex;
}

.mobile-icon__close {
	width:24px;
	height:24px;
	position:relative;
}

.mobile-icon__close span {
	position: absolute;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ffffff;
}

.mobile-icon__close span:first-child {
	top: 11px;
	transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.mobile-icon__close span:last-child {
	top: 11px;
	transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.icon-search {
  color: #a32023;
  cursor:pointer;
}

.icon-search:hover {
  color:#da2e32;
}

.search-modal {
  transition: .6s linear;
  margin-left: -150%;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  background-color:#a32023;
  color:#ffffff;
  padding:0 30px 30px 30px;
  z-index:999;
  overflow-y: auto;
}

.search-modal-active {
  transition: .8s linear;
  margin-left:0;
}

.search-form-label {
  margin-bottom: 10px;
}

.search-modal form {
  width:100%;
}

.search-modal form input[type="text"] {
  padding: 5px 20px;
  outline: none;
}

.search-modal form input[type="submit"] {
  padding: 5px 20px;
  outline: none;
}

.news-block {
	margin:0 auto;
	max-width:996px;
	padding:30px;
}

.news-block__header {
	display:flex;
}

.news-block__items {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}

.news-block__item {
	width:50%;
}

.news-block__en {
	width:100%;
}

.news-block__en .news {
  margin-bottom: 20px;
}

.news-block__item-top {
	border-right: 1px solid #d9d9d9;
	padding-right:20px;
}

.news-block__item-second {
	/*padding-left:10px;*/
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	flex-wrap:wrap;
}

.news-block__item-second .news {
	width:50%;
	padding:0 0 10px 20px;
}

.news {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	color:#616161;
}

.content-archive .news {
	width:50%;
	margin-bottom:30px;
	padding:0 15px;
}

.search-page .news {
	width:100%;
}

.news__date {
	color: #7c7c7c;
	font-size: 11px;
}

.afisha__date {
	font-size: 14px;
  font-weight: 600;
}

.article .afisha__date {
  margin-top: 10px;
	font-size: 16px;
  font-weight: 600;
}

.add-google-calendar {
  margin-top:5px;
  margin-bottom: 5px;
  padding-left: 34px;
  display:flex;
  align-items: center;
  height:24px;
  background-position: left center;
  background-size: 24px 23px;
  background-image: url("assets/images/icon/icon-google-calendar.png");
  background-repeat: no-repeat;
  font-size: 14px;
}

.news__items {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	width:100%;
}

.news__image {
	flex: 0 0 160px;
}

.news__top .news__image {
	flex: 0 0 220px;
  width:100%;
  height: 150px;
}

.news__title {
  font-size: 17px;
  padding-bottom: 7px;
	font-family: Tahoma, Geneva, sans-serif;
}

.highlight__post a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.highlight__post a:before {
  content: '';
  display: inline-block;
  width:30px;
  height: 30px;
  margin-right: 7px;
  flex: 0 0 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("assets/images/logo_by_mobile.png");
  background-size: 30px;
}

.news__top .news__title {
  font-size: 19px;
}

.news-block__item-second .news .news__title {
	font-size:12px;
}

.news__title a {
	color: #000;
}

.news__title a:hover {
	color: #a32023;
}

.news__excerpt {
	font-size: 11px;
}

.news__top .news__excerpt {
	font-size: 14px;
}

.search-page .news__excerpt {
	margin-top:10px;
	font-size: 16px;
}

.news-block__footer {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}

.section__widget-title {
	font-size: 27px;
	font-weight: 100;
}

.about-pen-centre .textwidget {
	color: #4b4b4b;
  font-size: 13px;
}

.breadcrumbs {
	background-color:#ececec;
}

.breadcrumbs__item {
	padding: 15px 30px;
	max-width:996px;
	margin:0 auto;
	font-size: 12px;
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
}

/* Content */

.content { 
	margin:0 auto;
	background-color:#f8f8f8;
}

.content-archive {
	margin: 0 auto;
	max-width: 996px;
	padding: 30px 15px 50px 15px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.search__title {
	padding:0 15px;
	width:100%;
}

.search-form {
	width:100%;
	margin:30px 0;
	padding:0 15px; 
}

.search__query {
	padding:0 15px;
	margin-bottom:30px;
}

.article {
	margin: 0 auto;
	max-width: 996px;
	padding: 30px 30px 50px 30px;
}

.article__title { 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:46px; line-height:54px;
}

.content-page .article__title {
	font-size: 38px;
  line-height: 54px;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.article__date {
	display:block;
	font-size:12px;
	color:#868686;
	padding-bottom:10px;
}

.article__thumbnail {
	margin-bottom:20px;
	
}

.article__thumbnail-img {
  background-color:#efefef;
  width:100%;
}

.thumbnail_post_excerpt {
  margin-top: 5px;
  font-size: 14px;
  color:#545555;
  font-style:italic;
}

.gallery-thumbnails-small {
  float:left;
  margin: 6px 20px 20px 0;
}

.article__thumbnail img {
	display:block;
	margin:0 auto;
}

.page__thumbnail img {
  display:block;
	margin:0 auto;
  width:150px;
  height:auto;
  border-radius: 50%;
}

.article__excerpt {
  font-size: 19px;
  line-height: 26px;
  margin-bottom: 20px;
}

.article__content {
	line-height:24px;
}

.article__content h2 {
  line-height: 38px;
}

.article__tags {
  margin-bottom: 10px;
}

.article__tags span {
  font-weight: bold;
}

.article__content:after {
  content:'';
  display: table;
  clear: both;
}

.content-page .article__content {
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
}

.article__content h2, .article__content h3, .article__content h4, .article__content h5 {
	margin-bottom:30px;
  line-height: normal;
}

.article__content p {
	margin-bottom:20px;
}

.article__thumbnail img, .article__content img {
  max-width:100%;
	height:auto;
}

.content-page .article__content b {
	font-weight:700;
}


.article__content em {
  font-style: italic;
}

.article__content ul, .article__content ol {
  margin-bottom: 20px;
  margin-left: 40px;
}

.article__content ul li, .article__content ol li {
  margin-bottom: 5px;
}

.jcarousel ul li {
  margin-bottom: 0;
}

.article__content .alignleft {
  float:left;
  margin: 6px 20px 20px 0;
  max-width:100%;
}

.article__content .alignright {
  float:right;
  margin: 6px 0 20px 20px;
  max-width:100%;
}

.article__content .aligncenter, .article__content .alignnone {
  display:block;
  margin:20px auto;
  max-width:100%;
}

.article__content .wp-caption.aligncenter img, .article__content .wp-caption.alignleft img, .article__content .wp-caption.alignright img, .article__content .wp-caption.alignnone img {
  display:block;
  margin:0 auto;
  max-width:100%;
}

.article__content .wp-caption-text {
  font-size:12px;
  font-style:italic;
  color:#222222;
}

blockquote {
	position:relative;
	padding:20px 44px;
	margin-bottom:20px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:24px;
	line-height:30px;
}

blockquote:before {
  position: absolute;
	top:0;
	left:0;
  content: "";
  font-size: 24px;
	width:34px;
	height:34px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:34px;
	background-image: url('assets/images/quote-open.png');
}

blockquote:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
	width:34px;
	height:34px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:34px;
	background-image: url('assets/images/quote-close.png');
}

blockquote p:last-child {
	margin-bottom:0;
}

.gallery {
  /*margin-top:20px;
  margin-bottom:20px;*/
}

.gallery__full-document {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.page-document {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.page-document__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size:12px;
  padding:0 30px 30px 30px;
}

.page-document__icon {
  width:40px;
  height:40px;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.page-document__title, .page-document__decription {
  text-align: center;
}

.page-document__decription {
  margin-top:10px;
}

/* Banner Top */

.top-banner-prisoner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height:120px;
  text-align: center;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url('assets/images/banner-prisoner.jpg');
  text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
  background-color: #000000;
  padding: 0 10px;
  color: #fff;
}

.top-banner-prisoner a {
  font-size: 20px;
  color: #fff;
  text-transform: lowercase;
}

.top-banner-prisoner a:hover {
  color: #fff;
}

.top-banner-prisoner span {
  font-size: 40px;
  font-weight: 700;
}

.top-banner-prisoner {
  font-size: 32px;
}

.top-banner-prisoner * {
  /*display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;*/
}


@media screen and (max-width: 768px) {
  .top-banner-prisoner {
    font-size: 22px;
  }
  .top-banner-prisoner a {
    font-size: 16px;
  }
}
/* Debut */

.debut__header {
	height:100px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:	url('assets/images/debut/debut_bg_top.jpg');
}

.debut__image-mb img {
  display:block;
  margin:0 auto;
  width:160px;
  border-radius: 50%;
}

.debut__image-logo img {
  display:block;
  margin:0 auto;
  height:70px;
}

.background__debut {
  background-image:	url('assets/images/debut/debut_bg_vertical_2018.jpg');
  background-size: cover;
}

.debut__button {
  color: #fff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 23px;
  background-color: #8e58cc;
  text-decoration: none;
  padding: 10px 10px 10px 20px;
  display:flex;
}

.debut__button:hover {
  background-color: #633599;
  color:#fff;
}

.debut__laureate-title {
  border-top: #704c9e solid 5px;
  margin: 50px auto 0; 
  width: 200px;
  padding-top:20px;
}

.debut__laureate-title h2 {
  color: #704c9e; 
  font-family: Circe; 
  text-align: center; 
  padding: 5px; 
  margin-bottom: 20px; 
  margin: 0 auto;
}


.debut__content {
  background-color: #ffffff;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px;
}

.debut__laureate-block {
  padding:0 40px 40px 40px;
  width:33.33333333%;
  font-size: 13px;
}

.debut__year {
  font-size:25px;
  background-color:#704c9e;
  color:#fff;
  padding: 10px; 
  text-align:center; 
  margin-bottom:15px!important; 
  font-family:Circe;
}

.debut__laureate-block h3 {
  margin-bottom: 0;
}

.debut__laureate {
  padding-top:10px;
  margin-bottom:10px;
}

.debut__laureate h3 {
  font-size:20px;
}

/* Debut banner */

.debut-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  height:480px;
  background-image: url('assets/images/debut/debut_bg_new_2018.jpg');
}

.debut-banner__items {
  position: relative;
  height: inherit;
  max-width: 1200px;
  margin: 0 auto;
}

.debut-banner__maxim-cover {
  background-image: url('assets/images/debut/maxim_big4.gif');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position:absolute;
  right:0;
  z-index:20;
  height:inherit;
  width:100%;
  max-width:813px;
}

.debut-banner__item {
  position: absolute;
  top:100px;
  z-index: 20;
  text-align: center;
  max-width:460px;
  font-family: 'Open Sans Condensed', sans-serif;
  padding:0 20px;
}

.debut-banner__item-en {
  max-width: 360px;
}

.debut-banner__logo img {
  display: block;
  width:100%;
  height:auto;
  margin:0 auto;
}


.debut-banner__text {
  margin-top: 10px;
  color:#fff;
  margin-bottom: 30px;
}

.debut-banner__button {
  display: inline-block;
  font-size: 23px;
  line-height: 52px;
}

.debut-banner__button a {
  text-decoration: none;
  display: inline-block;
  background: #8e58cc;
  background-image: url('assets/images/arrow_to.png');
  background-position:  center right 10px;
  background-repeat: no-repeat;
  padding: 0 50px 0 10px;
  color:#fff;
}

.debut-banner__button a:hover {
  color:#fff;
  background-color: #633599;
}

/* end Debut */

/* Sherman banner */

.sherman-banner {
  background-color: #4a5373;
  height:500px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url('assets/images/sherman/sherman-banner.png?v1');
  background-position: center;
  background-repeat: no-repeat;
}

.sherman-banner-logo img {
  display: block;
}

.sherman-banner-items {
  max-width: 820px;
  height: 229px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 25px;
  line-height: 28px;
  color: #ffffff;
  
}

.sherman-banner-text {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20px;
  padding-top: 70px;
}

.sherman-banner-text a {
  display: inline-block;
  color: #ffffff;
  background-color: #e066fb;
  text-decoration: none;
  padding:0 12px;
  font-size: 25px;
  line-height: 30px!important;
}


/* Banner Book */
.banner-book {
  background:#fd7074; width:100%; height:auto; padding-top:20px; padding-bottom:20px;
  text-align: center;
}

.banner-book img {
  display: block;
  margin: 0 auto ;
  max-width:750px;
}

/* end Banner Book */

/* Banner Litradio */

.banner-litradio {
  background-repeat: repeat-x;
  background-position: bottom;
  background-image: url('https://audio.pen-centre.by/wp-content/themes/audioteka/assets/images/bg-audio.png');
  /*background-image: url('assets/images/litr2.png');
  background-color: #ed4e2e;*/
  width:100%;
  padding:30px 0;
  background-color: #f9f9f9;
}

.banner-litradio__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.banner-litradio__description {
  margin:15px 0;
  font-size:20px; padding:15px 30px;
  font-family:Open Sans Condensed; 
  line-height:22px;
  color:#000000;
  text-align: center;
}

.banner-litradio__button {
  color:#eb4f37; background:#fff;
  text-decoration: none;
  font-size: 23px;
  padding:10px 20px;
  font-family:Open Sans Condensed;
}

/* Banner Litradio */

/* Residence for young writers */

.residence {
  background-image: url('assets/images/residence_bg.jpg');
}

.residence__content .res {
  list-style: none;
  padding:0;
  margin:0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.residence__content .res li {
  padding-right: 5px;
  padding-left: 5px;
  width:25%;
  margin-bottom: 20px;
}

.residence .sp-link {
  background-image: url('assets/images/arrow_bot.png');
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e77610;
  border-bottom: #b25400 8px solid;
  font-weight: 100;
  color: #fff;
  padding: 5px 35px;
  margin-bottom: -20px;
  font-family: Open Sans Condensed;
  text-align: center;
  display: inline-block;
  font-size: 40px;
}

.residence .sp-link a {
  color:#fff;
  text-decoration: none;
}


/* end Residence for young writers */

footer a:hover {
	text-decoration: underline;
	color: #b7b7b7;
}

footer a {
	text-decoration: none;
	color: #b7b7b7;
}

.footer-top, .footer-bottom, .logo-payment-systems {
	max-width:996px;
	margin:0 auto;
	padding:37px 30px 0 30px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
}

.footer-bottom {
	padding-top:20px;
	padding-bottom:10px;
}

.footer__nav {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
}

.footer__nav ul {
	list-style-type:none;
	padding:0 30px;
}

.footer__nav ul li {
	font-size:13px;
	padding-left:10px;
	padding-bottom:3px;
}

/*.footer__search-form {
	margin-bottom:20px;
}*/

.footer__search-form input {
	max-width: 260px;
  color: #777777;
	font-size: 20px;
	padding:0 10px;
	border: 0;
	outline:none;
	height:28px;
}

.logo-payment-systems {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.logo-payment-systems div {
  margin: 20px 15px;
}

.button-pen {
  display: inline-block;
  border: none;
  height: 32px;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  max-width: auto;
  text-align: center;
}

.button-pen a {
  color: #fff;
  font-family: 'Open Sans Condensed', sans-serif;
  background-color: #a32023;
  text-decoration: none;
  padding: 0 20px 0 20px;
  display: flex;
  width:100%;
  height:100%;
  align-items: center;
}

.button-pen a:hover {
  color: #fff;
  background-color: #da2e32;
}

.container {
}

.row {
  display:flex;
  flex-wrap: wrap;  
}

.col-1 {
	width: 8.333333%;
}

.col-3 {
	width:25%;
}

.col-4 {
	width:33.333333%;
}

.col-5 {
	width:41.666667%;
}

.col-6 {
  width:50%;
}

.col-8 {
  width:66.666666%;
}

.col-12 {
  width:100%;
}