/*=============== FONT ===================*/

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap&subset=latin-ext");


/*=============== GENERAL STYLING ===================*/
::-moz-selection {
  background: #a13631;
  color: #fff;
}
::selection {
  background: #a13631;
  color: #fff;
}
html {
  font-size: 10px;
}
body {
  background-color: #fff;
  color: #757575;
  font-family: "Lato", sans-serif;
  position: relative;
}
p,
span,
strong,
input,
ul li ,ul li a,
ol li,ol li a{
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.666;
}
strong{
    font-weight: 700;
}
p{
    margin-bottom: 2.6rem;
}
a{
    text-decoration: none;
    transition: color 0.3s;
}
a:hover,
a:focus{
    text-decoration: none;
    outline: none;
    color: #a13631;
}
input{
    outline: none !important;
    box-shadow: none !important;
}
h1,
.h1{
    margin: 1rem 0;
    font-size: 4.2rem;
    line-height: 1;
    font-weight: 700;
    color: #a13631;
}
h2,
.h2{
    margin: 0 0 4rem;
    font-size: 1.8rem;
    line-height: 1.666;
    font-weight: 700;
    color: #000;
}
h5,
.h5{
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    color: #757575;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.3rem;
}
h5 em,
.h5 em{
    font-style: normal;
    color: #a13631;
}
h5 strong,
.h5 strong{
    color: #000;
}

@media (min-width: 992px){
    .container {
        width: 920px;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1100px;
    }
}
@media (min-width: 1366px){
    .container {
        width: 1230px;
    }
}


@media (max-width: 1365px) {
    html{
        font-size: 9px;
    }
}
@media (max-width: 1199px) {
    html{
        font-size: 8px;
    }
}
@media (max-width: 991px) {
    html{
        font-size: 7px;
    }
}
@media (max-width: 767px) {
    html{
        font-size: 7.5px;
    }
    p,
    span,
    strong,
    input,
    ul li ,ul li a,
    ol li,ol li a{
        font-size: 2rem;
        line-height: 1.8;
    }
    h2,
    .h2{
        font-size: 2.2rem;
    }
}
@media (max-width: 480px) {
    html{
        font-size: 6.2px;
    }
}
@media (max-width: 320px) {
    html{
        font-size: 5.7px;
    }
}




/*=============== CORE EXTRAS STYLES ===================*/
.container{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.row.row-extrawide{
    margin: 0 -3rem;
}
.row.row-extrawide > *[class^="col-"],
.row.row-extrawide > .table-row > div[class^="col-"]{
    padding-left: 3rem;
    padding-right: 3rem;
}
.row.row-wide{
    margin: 0 -2rem;
}
.row.row-wide > *[class^="col-"],
.row.row-wide > .table-row > div[class^="col-"]{
    padding-left: 2rem;
    padding-right: 2rem;
}
.row{
    margin: 0 -1.5rem;
}
.row > *[class^="col-"],
.row > .table-row > div[class^="col-"]{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.row.row-tiny{
    margin: 0 -1rem;
}
.row.row-tiny > *[class^="col-"],
.row.row-tiny > .table-row > div[class^="col-"]{
    padding-left: 1rem;
    padding-right: 1rem;
}
.row.row-extratiny{
    margin: 0 -0.5rem;
}
.row.row-extratiny > *[class^="col-"],
.row.row-extratiny > .table-row > div[class^="col-"]{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.row.row-connected{
    margin: 0;
}
.row.row-connected > *[class^="col-"],
.row.row-connected > .table-row > div[class^="col-"]{
    padding-left: 0;
    padding-right: 0;
}


@media (min-width: 1200px){
    .table-container.active-to-lg {
      display: table;
      width: 100%;
    }
    .table-container.active-to-lg .table-row {
      height: 100%;
      display: table-row;
    }
    .table-container.active-to-lg .table-col {
      display: table-cell;
      float: none;
    }
}
@media (min-width: 992px){
    .table-container.active-to-md {
      display: table;
      width: 100%;
    }
    .table-container.active-to-md .table-row {
      height: 100%;
      display: table-row;
    }
    .table-container.active-to-md .table-col {
      display: table-cell;
      float: none;
    }
}
@media (min-width: 768px){
    .table-container.active-to-sm {
      display: table;
      width: 100%;
    }
    .table-container.active-to-sm .table-row {
      height: 100%;
      display: table-row;
    }
    .table-container.active-to-sm .table-col {
      display: table-cell;
      float: none;
    }
}
@media (max-width: 767px){
    .table-container.active-from-sm {
      display: table;
      width: 100%;
    }
    .table-container.active-from-sm .table-row {
      height: 100%;
      display: table-row;
    }
    .table-container.active-from-sm .table-col {
      display: table-cell;
      float: none;
    }
}

.table-container.active-all {
  display: table;
  width: 100%;
}
.table-container.active-all .table-row {
  height: 100%;
  display: table-row;
}
.table-container.active-all .table-col {
  display: table-cell;
  float: none;
}

.v-top{
    vertical-align: top;
}
.v-middle{
    vertical-align: middle;
}
.v-bottom{
    vertical-align: bottom;
}



.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    position: relative;
}

@media (max-width: 480px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }
    .col-xxs-1 {
        width: 8.333333333333332%;
    }
    .col-xxs-2 {
        width: 16.666666666666664%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-4 {
        width: 33.33333333333333%;
    }
    .col-xxs-5 {
        width: 41.66666666666667%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-7 {
        width: 58.333333333333336%;
    }
    .col-xxs-8 {
        width: 66.66666666666666%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-10 {
        width: 83.33333333333334%;
    }
    .col-xxs-11 {
        width: 91.66666666666666%;
    }
    .col-xxs-12 {
        width: 100%;
    }
}    




/*=============== BUTTONS ===================*/
.btn{
    height: 6.2rem;
    min-width: 6.2rem;
    padding: 0 2.8rem;
    line-height: calc(6.2rem - 2px);
    font-size: 1.7rem;
    font-weight: 700;
    border-radius: 0;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.3s;
    background-color: #fff;
    border: 2px solid #e0e0e0;
    color: #000;
}
.btn:not(.btn-spin):hover,
.btn:not(.btn-spin):focus,
.btn:not(.btn-spin):active{
    border-color: #9d9d9d;
    font-size: 1.9rem;
}
.btn-primary{
    background-color: #a13631 !important;
    border-color: #a13631 !important;
    color: #FFF !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    background-color: #FFF !important;
    color: #000 !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{
    background-color: #fff !important;
    border-color: #d83e5d !important;
    color: #d83e5d !important;
}
.btn.btn-wide{
    padding: 0 4.2rem;
}
.btn.btn-block{
    width: 100%;
    padding: 0;
}
.btn.btn-md{
    height: 4.2rem;
    min-width: 4.2rem;
    padding: 0 2rem;
    line-height: calc(4.2rem - 2px);
    font-size: 1.6rem;
}
.btn.btn-md:hover,
.btn.btn-md:focus,
.btn.btn-md:active{
    font-size: 1.7rem;
}
.btn.btn-sm{
    height: 3.2rem;
    min-width: 3.2rem;
    padding: 0 1.1rem;
    line-height: calc(3.2rem - 2px);
    font-size: 1.3rem;
}
.btn.btn-sm:hover,
.btn.btn-sm:focus,
.btn.btn-sm:active{
    font-size: 1.5rem;
}

.btn.btn-rounded{
    border-radius: 3.1rem;
}
.btn.btn-md.btn-rounded{
    border-radius: 2.1rem;
}
.btn.btn-sm.btn-rounded{
    border-radius: 1.6rem;
}

.btn.btn-spin{
    border: none;
    padding: 0;
}
.btn.btn-spin span{
    padding: 0 2.8rem;
    display: block;
    border: 2px solid #e0e0e0;
    height: 100%;
    line-height: inherit;
    background-color: #fff;
    transition: all 0.3s;
    font-weight: 500;
}
.btn.btn-spin:hover span{
    transform: rotate(360deg);
    border-color: #a13631;
}

@media (max-width: 767px) {
    .btn{
        height: 7rem;
        line-height: 7rem;
        min-width: 7rem;
        padding: 0 3rem;
        font-size: 1.9rem;
    }
    .btn.btn-spin span{
        padding: 0 3rem;
    }
    .btn.btn-wide{
        padding: 0 5rem;
    }
    .btn.btn-spin span{
        transform: none !important;
    }
}
@media (max-width: 480px) {
    
}





/*=============== WIDGETS ===================*/

/*image button*/
.wg-btn{
    max-width: 36rem;
    margin: 0 auto 2rem;
}
.wg-btn.wg-btn-wide{
    max-width: none !important;
}
.wg-btn .wg-btn--window{
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.wg-btn .wg-btn--window .wg-btn--label{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    font-size: 1.5rem;
    line-height: 5rem;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-width: 40%;
    text-align: center;
    padding: 0 2rem;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 2;
    display: block;
}
.wg-btn .wg-btn--img{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}
.wg-btn .wg-btn--img.wg-btn--img-animate:hover{
    transform: scale(1.05);
}
.wg-btn .wg-btn--window iframe{
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    background: #e5e5e5 url(../img/loading.svg) center center no-repeat;
}
.wg-btn .wg-btn--text{
    height: 12rem;
    width: 100%;
    text-align: center;
    display: table;
}
.wg-btn .wg-btn--text .wg-btn--text-wrapper{
    display: table-cell;
    vertical-align: middle;
}
.wg-btn .wg-btn--text a,
.wg-btn .wg-btn--text span{
    font-size: 2.8rem;
    line-height: 1.215;
    color: #000 !important;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s;
}
.wg-btn .wg-btn--text a:hover{
    color: #a13631 !important;
    transform: scale(1.05);
}
.wg-btn .wg-btn--date{
    margin-bottom: 2rem;
}
.wg-btn .wg-btn--date span{
    color: #a7a7a7;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 0.2rem;
}
.wg-btn .wg-btn--subtext{
    height: 9rem;
    margin-bottom: 3rem;
    overflow: hidden;
}
.wg-btn .wg-btn--subtext > *{
    margin: 0;
}

@media (max-width: 1199px) {
    .wg-btn{
        max-width: 32rem;
    }
}
@media (max-width: 991px) {
    .wg-btn{
        max-width: 28rem;
    }   
}
@media (max-width: 767px) {
    .wg-btn .wg-btn--subtext{
        height: 11rem;
        margin-bottom: 2rem;
    }
}



/*image button - youtube video proportion*/
.wg-btn.wg-btn-16-9{
    max-width: none;
}
.wg-btn.wg-btn-16-9 .wg-btn--window{
    padding-top: 56%;
}

/*image button - circle*/
.wg-btn .wg-btn--img-circle .wg-btn--img{
    border-radius: 50%;
}


/*image button - circle animate*/
.wg-btn .wg-btn--img-circle-animate{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
    z-index: 300;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s;
}
.wg-btn .wg-btn--img-circle-animate:after{
    content: "";
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    border: 0.8rem solid #a13631;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    left: 0;
    z-index: 200;
    border-right: none;
}
.wg-btn .wg-btn--img-circle-animate:before{
    content: "";
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    border: 0.8rem solid #a13631;
    border-radius: 0 100% 100% 0 / 0 50% 50% 0; 
    right: 0;
    opacity: 0;
    z-index: 100;
    border-left: none;
}
.wg-btn .wg-btn--img:hover .wg-btn--img-circle-animate{
    animation: clip 450ms forwards;
    visibility: visible;
    opacity: 1;
}
.wg-btn .wg-btn--img:hover .wg-btn--img-circle-animate:after{
    animation: rota 450ms linear forwards;
}
.wg-btn .wg-btn--img:hover .wg-btn--img-circle-animate:before{
    animation: opa 450ms forwards;
}
@keyframes rota {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes opa {
    0% { opacity: 0; }
    49.9% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes clip {
    0% { clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }
    49.9% { clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }
    50% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}


/*image button - icon*/
.wg-btn .wg-btn-icon i{
    width: 14rem;
    height: 14rem;
    text-align: center;
    line-height: 14rem;
    font-size: 10rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7rem 0 0 -7rem;
    color: #a13631;
    z-index: 2;
}

/*image button - date*/
.wg-btn .wg-btn-date .wg-btn-date--wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-content: center;
    position: relative;
    z-index: 2;
}
.wg-btn .wg-btn-date .wg-btn-date--wrapper strong{
    font-size: 7rem;
    line-height: 1;
    font-weight: 700;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
.wg-btn .wg-btn-date .wg-btn-date--wrapper span{
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
.wg-btn .wg-btn-date .wg-btn-date--wrapper small{
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 0.7rem;
    font-weight: 400;
    width: 100%;
    display: block;
    text-transform: uppercase;
}

/*image button - action buton*/
.wg-btn .wg-btn-action .wg-btn-action--wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.wg-btn .wg-btn-action button{
    border: none;
    background-color: #fff !important;
    color: #dc526e !important;
}


/*button hover*/
.wg-btn .wg-btn--hover{}
.wg-btn .wg-btn--hover a:after{
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    top: 50%;
    left: 50%;
    opacity: 0;
    background-color: rgba(161, 54, 49, 0.9);
    transition: all 0.3s;
}
.wg-btn .wg-btn--hover:hover a:after{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
}
.wg-btn .wg-btn--hover.wg-btn--img-circle a:after{
    border-radius: 50%;
}
.wg-btn .wg-btn--hover a *{
    color: #FFF;
}
.wg-btn .wg-btn--hover a > *{
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.wg-btn .wg-btn--hover:hover a > *{
    visibility: visible;
    opacity: 1;
}



/*button for worshops*/
.wg-btn .wg-btn--ws .wg-btn--img{
    border: 2px solid #a13631;
    transition: all 0.3s;
}
.wg-btn .wg-btn--ws:hover .wg-btn--img{
    transform: rotateY(180deg)
}



/*article button*/
.wg-btn-article{
    margin-bottom: 4rem;
}
.wg-btn-article  .wg-btn--text{
    text-align: left;
}
.wg-btn-article  .wg-btn--text.text-tight{
    height: 8rem;
}
.wg-btn-article .wg-btn--text a{
    color: #a13631 !important;
    font-weight: 600 !important;
}


@media (max-width: 767px) {    
    .wg-btn-article .btn{
        margin-bottom: 1rem;
        height: 5rem;
        line-height: 5rem;
    }
}




/*timeline*/
.wg-timeline article{
    display: flex;
    align-items: center;
    padding: 6rem 0;
    position: relative;
}
.wg-timeline header{
    text-align: right;
    width: 42%;
}
.wg-timeline header h1{
    font-size: 2.8rem !important;
    line-height: 1.215;
    color: #151515;
    position: relative;
    z-index: 2;
    margin: 0 !important;
}
.wg-timeline header h1 a{
    color: inherit;
    display: block;
    transition: all 0.3s;
}
.wg-timeline header h1 a:hover{
    transform: scale(1.05);
}
.wg-timeline time{
    width: 16%;
    text-align: center;
}
.wg-timeline time:before{
    content: '';
    position: absolute;
    width: 1px;
    background-color: #f8f8f8;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -1px;
}
.wg-timeline time em{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #a13631;
    margin: 0 auto 1rem;
    display: block;
    position: relative;
    z-index: 1;
}
.wg-timeline time span{
    display: block;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #a13631;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.wg-timeline p{
    width: 42%;
    margin: 0;
    position: relative;
    z-index: 2;
}
.wg-timeline p a{
    color: inherit;
    display: block;
    transition: all 0.3s;
}
.wg-timeline p a:hover{
    transform: scale(1.05);
}
.wg-timeline article:nth-child(even){
    flex-direction: row-reverse;
}
.wg-timeline article:nth-child(even) p{
    text-align: right;
}
.wg-timeline article:nth-child(even) header{
    text-align: left;
}
@media (max-width: 767px) {
    .wg-timeline article{
        display: block;
        padding: 0 0 7rem 10rem;
        position: relative;
    }
    .wg-timeline header{
        text-align: left;
        width: 100%;
    }
    .wg-timeline time {
        width: 10rem;
        text-align: center;
        position: absolute;
        padding-top: 1rem;
        left: 0;
        height: 100%;
        top: 0;
    }
    .wg-timeline p{
        width: 100%;
        text-align: left !important;
    }
}



/*articles timeline*/
.btn-timeline{
    display: flex;
    flex-wrap: wrap;
    padding-top: 7rem;
    margin-bottom: 7rem;
}
.btn-timeline .btn-timeline-article{
    width: 50%;
    padding: 0 10rem;
    margin-top: -7rem;
    border-right: 2px solid #f1f1f1;
}
.btn-timeline .btn-timeline-article .wg-btn{
    margin-bottom: 7rem;
}
.btn-timeline .btn-timeline-article:last-child .wg-btn{
    margin-bottom: 0;
}
.btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:after{
    content: "";
    position: absolute;
    right: -7.5rem;
    width: 7.5rem;
    display: block;
    top: 50%;
    height: 2px;
    background-color: #f1f1f1;
    transition: all 0.3s;
}
.btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:before{
    content: "";
    position: absolute;
    right: -11rem;
    width: 1.6rem;
    margin-top: -0.8rem;
    display: block;
    top: 50%;
    height: 1.6rem;
    background-color: #a13631;
    border-radius: 100%;
    margin-left: 0;
    margin-right: 1px;
}
.btn-timeline .btn-timeline-article:nth-child(even){
    margin-top: 0;
    border: none;
}
.btn-timeline .btn-timeline-article:nth-child(even) .wg-btn .wg-btn--window:after{
    right: auto;
    left: -7.5rem;
}
.btn-timeline .btn-timeline-article:nth-child(even) .wg-btn .wg-btn--window:before{
    right: auto;
    left: -11rem;
    margin-left: 1px;
    margin-right: 0; 
}
.btn-timeline .btn-timeline-article .wg-btn:hover .wg-btn--window:after{
    background-color: #a13631;
}
.btn-timeline .btn-timeline-article .wg-btn .wg-btn--img.wg-btn--img-animate:hover{
    box-shadow: inset 0 0 0 3px #a13631;
}

@media (max-width: 767px) {
    .btn-timeline{
        padding-top: 0;
    }
    .btn-timeline .btn-timeline-article{
        margin: 0;
        width: 100%;
        border-right: none;
        border-left: 2px solid #f1f1f1;
    }
    .btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:after{
        right: auto;
        left: -7.5rem;
    }
    .btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:before{
        right: auto;
        left: -11rem;
    }
}
@media (max-width: 480px) {
    .cat-btns span.h5{
        display: block;
        margin: 0 0 1rem 0;
    }
    .btn-timeline .btn-timeline-article{
        padding: 0 6rem;
    }
    .btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:after{
        left: -4rem;
        width: 4rem;
    }
    .btn-timeline .btn-timeline-article .wg-btn .wg-btn--window:before{
        left: -7rem;
    }
}




/*aside*/
.wg-aside{
    background-color: #f6f6f6;
    width: 100%;
    padding: 3rem 3.5rem;
}
.wg-aside h5{
    text-align: left;
    margin: 0 0 3rem 0 !important;
    font-size: 1.7rem;
    letter-spacing: 0.2rem;
    text-align: center;
}
.wg-aside p:last-child{
    margin: 0;
}
.wg-aside p strong{
    color: #a13631;
    font-weight: 700;
}

@media (max-width: 767px) {
    .wg-aside h5{
        font-size: 2rem;
    }

}



/*item row*/
.wg-row-item{
    display: flex;
    align-items: center;
    padding: 2rem 7rem;
    margin-bottom: 4rem;
    position: relative;
    transition: all 0.3s;
}
.wg-row-item:hover{
    transform: scale(1.05);
}
.wg-row-item .wg-row-item--img{
    width: 35%;
}
.wg-row-item .wg-row-item--img .wg-btn{
    margin-bottom: 0;
}
.wg-row-item .wg-row-item--content{
    width: 100%;
}
.wg-row-item .wg-row-item--content header{
    margin-bottom: 3rem;
}
.wg-row-item .wg-row-item--img + .wg-row-item--content{
    width: 65%;
    padding-left: 8rem;
}
.wg-row-item:nth-child(odd){
    flex-direction: row-reverse;
}
.wg-row-item:nth-child(odd) .wg-row-item--img + .wg-row-item--content{
    padding-left: 0;
    padding-right: 8rem;
}
.wg-row-item:nth-child(odd) .wg-row-item--content header{
    text-align: right;
}
.wg-row-item:nth-child(odd) .wg-row-item--content p{
    text-align: right;
}
@media (max-width: 767px) {
    .wg-row-item{
        transform: none !important;
        padding-left: 0;
        padding-right: 0;
    }
    .wg-row-item .wg-row-item--img{
        width: 30%;
    }
    .wg-row-item .wg-row-item--img + .wg-row-item--content{
        width: 70%;
    }
    .wg-row-item .wg-row-item--img + .wg-row-item--content{
        padding-left: 4rem;
    }
    .wg-row-item:nth-child(odd) .wg-row-item--img + .wg-row-item--content{
        padding-left: 0;
        padding-right: 4rem;
    }
}
@media (max-width: 480px) {
    .wg-row-item{
        display: block;
    }
    .wg-row-item .wg-row-item--img{
        margin: 0 auto 3rem;
    }
    .wg-row-item .wg-row-item--content{
        width: 100% !important;
        padding: 0 !important;
    }
    .wg-row-item .wg-row-item--content header,
    .wg-row-item .wg-row-item--content p{
        text-align: center !important;
    }
}




/*=============== LISTS ===================*/

/*article list*/
.subpage article ul{
    list-style: none;
    margin: 0 0 5rem 0;
    padding: 0;
}
.subpage article ul li{
    padding-left: 3rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    position: relative;
}
.subpage article ul li:after{
    content: "\F142";
    font-family: "Material Design Icons";
    color: #a13631;
    font-size: 1.8rem;
    position: absolute;
    top: 0rem;
    left: 0;
}

/*aside list*/
.wg-aside ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.wg-aside ul li{
    padding-left: 2rem;
    line-height: 1.5;
    margin-bottom: 2rem;
    position: relative;
    font-size: 1.5rem;
}
.wg-aside ul li:after{
    content: "\F142";
    font-family: "Material Design Icons";
    color: #a13631;
    font-size: 1.5rem;
    position: absolute;
    top: 0rem;
    left: 0;
}

@media (max-width: 767px) {
    .wg-aside ul li,
    .wg-aside ul li:after{
        font-size: 1.8rem;
    }
}

/*info list*/
.subpage article ul.wg-info li{
    margin: 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid #f1f1f1;
}
.subpage article ul.wg-info li:after{
    content: none;
}
.subpage article ul.wg-info li strong{
    font-weight: 700;
}



/*=============== POPOVERS ===================*/
.popover{
    border-radius: 0;
}
.popover .popover-content{
    font-family: "Lato", sans-serif;
    font-size: 1.6rem;
    line-height: 1.666;   
    color: #888888;
    padding: 2.5rem;
}



/*=============== BREADCRUMBS ===================*/
.breadcrumbs{
    padding: 2rem 0;
}
.breadcrumbs ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumbs ul li{
    margin-right: 0.6rem;
    display: inline-block;
}
.breadcrumbs ul li:after{
    content: "\F142";
    font-family: "Material Design Icons";
    color: #a13631;
    margin-left: 1rem;
    display: inline-block;
    vertical-align: middle;
}
.breadcrumbs ul li:last-child{
    margin-right: 0;
}
.breadcrumbs ul li:last-child:after{
    content: none;
}
.breadcrumbs ul li a{
    font-size: 1.4rem;
    color: #757575
}
.breadcrumbs ul li a:hover{
    color: #a13631;
}
.breadcrumbs + .subpage{
    padding-top: 0 !important;
}


/*=============== PAGINATION ===================*/
.pagination{
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}
.pagination span{
    height: 6.2rem;
    display: inline-block;
}
.pagination span:not(.btn){
    margin: 0 2rem;
    line-height: 6.2rem;
}
.pagination span strong{
    color: #a13631;
}
.pagination .btn{
    font-size: 3rem !important;
    padding: 0;
}
.pagination span.btn{
    border-color: #f1f1f1 !important;
    cursor: not-allowed;
}
.pagination .go-to-page{
    display: inline-block;
}
.pagination form{
    display: inline-block;
}
.pagination form input{
    height: 6.2rem;
    line-height: 6.2rem;
    width: 6.2rem;
    text-align: center;
    border: 2px solid #f1f1f1;
    font-family: "Lato", sans-serif;
    vertical-align: middle;
    transition: all 0.3s;
}
.pagination form input:focus{
    border-color: #e0e0e0;
}

@media (max-width: 767px){
    .pagination span,
    .pagination .btn{
        height: 5rem;
        min-width: 5rem;
        line-height: 5rem !important;
        vertical-align: middle;
    }
    .pagination span:not(.btn){
        margin: 0 1rem;
    }
    .pagination form input{
        height: 5rem;
        line-height: 5rem;
        width: 5rem;
    }
}
@media (max-width: 480px){
    .pagination span,
    .pagination .btn{
        height: 6.5rem;
        min-width: 6.5rem;
        line-height: 6.5rem !important;
    }
    .pagination form input{
        height: 6.5rem;
        line-height: 6.5rem;
        width: 6.5rem;
    }

    .pagination .go-to-page{
        display: block;
        margin-top: 4rem;
    }
    .pagination .go-to-page span{
        margin-left: 0;
    }
}


/*=============== FORMS ===================*/
.form-control{
    height: 6rem;
    line-height: 6rem;
    padding: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e4e4e4 !important;
    box-shadow: none !important;
    font-size: 1.8rem;
    color: #000;
    transition: all 0.3s;
}
.form-control:focus{
    border-color: #a13631 !important;
}

.select2{
    width: 100% !important;
}
.select2,
.select2 *{
    outline: none !important;
}
.select2 .select2-selection{
    height: 4rem;
    padding: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: none;
    background-color: transparent;
}
.select2 .select2-selection--single .select2-selection__rendered{
    padding: 0 4rem 0 0;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #4e4e4e;
}
.select2 .select2-selection--single .select2-selection__placeholder{
    padding: 0 4rem 0 0;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #b1b1b1;
}
.select2 .select2-selection--single .select2-selection__arrow{
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    width: 4rem;
    color: #aaaaaa;
}
.select2 .select2-selection--single .select2-selection__arrow:after{
    font-family: 'Material Design Icons';
    content: "\F140";
    font-size: 3rem;
}
.select2 .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2 .select2-selection--single .select2-selection__clear{
    font-family: 'Material Design Icons';
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    width: 4rem;
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-size: 3rem;
    color: #aaaaaa;
    border-bottom: 1px solid #e4e4e4;
}
.select2-container .select2-dropdown{
    border-color: #e4e4e4;
    border-radius: 0;
}
.select2-container .select2-dropdown li{
    padding: 1rem;
    color: #4e4e4e;
    font-size: 1.6rem;
    line-height: 1.2;
    border-top: 1px dotted #f5f5f5;
}
.select2-container .select2-dropdown li:first-child{
    border: none;
}
.select2-container .select2-dropdown li.select2-results__option[aria-selected=true]{
    background-color: #a13631 !important;
    color: #FFF !important;
    border: none;
}
.select2-container .select2-dropdown li.select2-results__option--highlighted[aria-selected]{
    background-color: #fff;
    color: #a13631;
}