* {
box-sizing: border-box; }
body {
padding: 0;
margin: 0; }
a,
button,
input {
box-shadow: none;
border: 0;
outline: none;
background-color: transparent; }
a {
text-decoration: none;
color: inherit;
border: 0;
outline: none; }
button {
cursor: pointer; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
margin: 0; }
h1 {
font-size: 40px; }
h2 {
font-size: 36px; }
h3 {
font-size: 30px; }
h4 {
font-size: 26px; }
h5 {
font-size: 20px; }
h6 {
font-size: 18px; }
p {
line-height: 1.35rem;
margin: 0 0 15px; }
img {
display: block;
max-width: 100%; }
strong {
font-weight: 600; }  .container {
width: 1360px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box; }
@media (max-width: 991px) {
.container {
width: 100%; } }
@media (min-width: 992px) {
.container {
width: 990px; } }
@media (min-width: 1200px) {
.container {
width: 1156px; } }
.container--fluid {
width: 100%; }
.container--single {
max-width: 990px; }
@media (max-width: 1199px) {
.container--single {
max-width: 760px; } }
.row {
display: flex;
width: calc(100% + 20px);
margin-left: -10px;
flex-wrap: wrap; }
@media (max-width: 300px) {
.row {
display: block; } }
[class^="col"] {
padding: 0 10px;
margin-bottom: 0;
box-sizing: border-box;
min-width: 100%; }
@media (max-width: 300px) {
[class^="col"] {
min-width: 100% !important; } }
@media (max-width: 574px) {
.col-xs-1 {
flex-basis: 8.33333%;
min-width: 0; }
.col-xs-1:not(.no-grow) {
flex: 1; }
.offset-xs-1 {
margin-right: 8.33333%; }
.col-xs-2 {
flex-basis: 16.66667%;
min-width: 0; }
.col-xs-2:not(.no-grow) {
flex: 2; }
.offset-xs-2 {
margin-right: 16.66667%; }
.col-xs-3 {
flex-basis: 25%;
min-width: 0; }
.col-xs-3:not(.no-grow) {
flex: 3; }
.offset-xs-3 {
margin-right: 25%; }
.col-xs-4 {
flex-basis: 33.33333%;
min-width: 0; }
.col-xs-4:not(.no-grow) {
flex: 4; }
.offset-xs-4 {
margin-right: 33.33333%; }
.col-xs-5 {
flex-basis: 41.66667%;
min-width: 0; }
.col-xs-5:not(.no-grow) {
flex: 5; }
.offset-xs-5 {
margin-right: 41.66667%; }
.col-xs-6 {
flex-basis: 50%;
min-width: 0; }
.col-xs-6:not(.no-grow) {
flex: 6; }
.offset-xs-6 {
margin-right: 50%; }
.col-xs-7 {
flex-basis: 58.33333%;
min-width: 0; }
.col-xs-7:not(.no-grow) {
flex: 7; }
.offset-xs-7 {
margin-right: 58.33333%; }
.col-xs-8 {
flex-basis: 66.66667%;
min-width: 0; }
.col-xs-8:not(.no-grow) {
flex: 8; }
.offset-xs-8 {
margin-right: 66.66667%; }
.col-xs-9 {
flex-basis: 75%;
min-width: 0; }
.col-xs-9:not(.no-grow) {
flex: 9; }
.offset-xs-9 {
margin-right: 75%; }
.col-xs-10 {
flex-basis: 83.33333%;
min-width: 0; }
.col-xs-10:not(.no-grow) {
flex: 10; }
.offset-xs-10 {
margin-right: 83.33333%; }
.col-xs-11 {
flex-basis: 91.66667%;
min-width: 0; }
.col-xs-11:not(.no-grow) {
flex: 11; }
.offset-xs-11 {
margin-right: 91.66667%; }
.col-xs-12 {
min-width: 100%; }
.offset-xs-12 {
margin-right: 100%; } }
@media (min-width: 575px) {
.col-sm-1 {
flex-basis: 8.33333%;
min-width: 0; }
.col-sm-1:not(.no-grow) {
flex: 1; }
.offset-sm-1 {
margin-right: 8.33333%; }
.col-sm-2 {
flex-basis: 16.66667%;
min-width: 0; }
.col-sm-2:not(.no-grow) {
flex: 2; }
.offset-sm-2 {
margin-right: 16.66667%; }
.col-sm-3 {
flex-basis: 25%;
min-width: 0; }
.col-sm-3:not(.no-grow) {
flex: 3; }
.offset-sm-3 {
margin-right: 25%; }
.col-sm-4 {
flex-basis: 33.33333%;
min-width: 0; }
.col-sm-4:not(.no-grow) {
flex: 4; }
.offset-sm-4 {
margin-right: 33.33333%; }
.col-sm-5 {
flex-basis: 41.66667%;
min-width: 0; }
.col-sm-5:not(.no-grow) {
flex: 5; }
.offset-sm-5 {
margin-right: 41.66667%; }
.col-sm-6 {
flex-basis: 50%;
min-width: 0; }
.col-sm-6:not(.no-grow) {
flex: 6; }
.offset-sm-6 {
margin-right: 50%; }
.col-sm-7 {
flex-basis: 58.33333%;
min-width: 0; }
.col-sm-7:not(.no-grow) {
flex: 7; }
.offset-sm-7 {
margin-right: 58.33333%; }
.col-sm-8 {
flex-basis: 66.66667%;
min-width: 0; }
.col-sm-8:not(.no-grow) {
flex: 8; }
.offset-sm-8 {
margin-right: 66.66667%; }
.col-sm-9 {
flex-basis: 75%;
min-width: 0; }
.col-sm-9:not(.no-grow) {
flex: 9; }
.offset-sm-9 {
margin-right: 75%; }
.col-sm-10 {
flex-basis: 83.33333%;
min-width: 0; }
.col-sm-10:not(.no-grow) {
flex: 10; }
.offset-sm-10 {
margin-right: 83.33333%; }
.col-sm-11 {
flex-basis: 91.66667%;
min-width: 0; }
.col-sm-11:not(.no-grow) {
flex: 11; }
.offset-sm-11 {
margin-right: 91.66667%; }
.col-sm-12 {
min-width: 100%; }
.offset-sm-12 {
margin-right: 100%; } }
@media (min-width: 992px) {
.col-md-1 {
flex-basis: 8.33333%;
min-width: 0; }
.col-md-1:not(.no-grow) {
flex: 1; }
.offset-md-1 {
margin-right: 8.33333%; }
.col-md-2 {
flex-basis: 16.66667%;
min-width: 0; }
.col-md-2:not(.no-grow) {
flex: 2; }
.offset-md-2 {
margin-right: 16.66667%; }
.col-md-3 {
flex-basis: 25%;
min-width: 0; }
.col-md-3:not(.no-grow) {
flex: 3; }
.offset-md-3 {
margin-right: 25%; }
.col-md-4 {
flex-basis: 33.33333%;
min-width: 0; }
.col-md-4:not(.no-grow) {
flex: 4; }
.offset-md-4 {
margin-right: 33.33333%; }
.col-md-5 {
flex-basis: 41.66667%;
min-width: 0; }
.col-md-5:not(.no-grow) {
flex: 5; }
.offset-md-5 {
margin-right: 41.66667%; }
.col-md-6 {
flex-basis: 50%;
min-width: 0; }
.col-md-6:not(.no-grow) {
flex: 6; }
.offset-md-6 {
margin-right: 50%; }
.col-md-7 {
flex-basis: 58.33333%;
min-width: 0; }
.col-md-7:not(.no-grow) {
flex: 7; }
.offset-md-7 {
margin-right: 58.33333%; }
.col-md-8 {
flex-basis: 66.66667%;
min-width: 0; }
.col-md-8:not(.no-grow) {
flex: 8; }
.offset-md-8 {
margin-right: 66.66667%; }
.col-md-9 {
flex-basis: 75%;
min-width: 0; }
.col-md-9:not(.no-grow) {
flex: 9; }
.offset-md-9 {
margin-right: 75%; }
.col-md-10 {
flex-basis: 83.33333%;
min-width: 0; }
.col-md-10:not(.no-grow) {
flex: 10; }
.offset-md-10 {
margin-right: 83.33333%; }
.col-md-11 {
flex-basis: 91.66667%;
min-width: 0; }
.col-md-11:not(.no-grow) {
flex: 11; }
.offset-md-11 {
margin-right: 91.66667%; }
.col-md-12 {
min-width: 100%; }
.offset-md-12 {
margin-right: 100%; } }
@media (min-width: 1200px) {
.col-lg-1 {
flex-basis: 8.33333%;
min-width: 0; }
.col-lg-1:not(.no-grow) {
flex: 1; }
.offset-lg-1 {
margin-right: 8.33333%; }
.col-lg-2 {
flex-basis: 16.66667%;
min-width: 0; }
.col-lg-2:not(.no-grow) {
flex: 2; }
.offset-lg-2 {
margin-right: 16.66667%; }
.col-lg-3 {
flex-basis: 25%;
min-width: 0; }
.col-lg-3:not(.no-grow) {
flex: 3; }
.offset-lg-3 {
margin-right: 25%; }
.col-lg-4 {
flex-basis: 33.33333%;
min-width: 0; }
.col-lg-4:not(.no-grow) {
flex: 4; }
.offset-lg-4 {
margin-right: 33.33333%; }
.col-lg-5 {
flex-basis: 41.66667%;
min-width: 0; }
.col-lg-5:not(.no-grow) {
flex: 5; }
.offset-lg-5 {
margin-right: 41.66667%; }
.col-lg-6 {
flex-basis: 50%;
min-width: 0; }
.col-lg-6:not(.no-grow) {
flex: 6; }
.offset-lg-6 {
margin-right: 50%; }
.col-lg-7 {
flex-basis: 58.33333%;
min-width: 0; }
.col-lg-7:not(.no-grow) {
flex: 7; }
.offset-lg-7 {
margin-right: 58.33333%; }
.col-lg-8 {
flex-basis: 66.66667%;
min-width: 0; }
.col-lg-8:not(.no-grow) {
flex: 8; }
.offset-lg-8 {
margin-right: 66.66667%; }
.col-lg-9 {
flex-basis: 75%;
min-width: 0; }
.col-lg-9:not(.no-grow) {
flex: 9; }
.offset-lg-9 {
margin-right: 75%; }
.col-lg-10 {
flex-basis: 83.33333%;
min-width: 0; }
.col-lg-10:not(.no-grow) {
flex: 10; }
.offset-lg-10 {
margin-right: 83.33333%; }
.col-lg-11 {
flex-basis: 91.66667%;
min-width: 0; }
.col-lg-11:not(.no-grow) {
flex: 11; }
.offset-lg-11 {
margin-right: 91.66667%; }
.col-lg-12 {
min-width: 100%; }
.offset-lg-12 {
margin-right: 100%; } }
@media (max-width: 574px) {
.width-xs-50 {
min-width: 70px;
max-width: 70px; }
.width-xs-100 {
min-width: 120px;
max-width: 120px; }
.width-xs-150 {
min-width: 170px;
max-width: 170px; }
.width-xs-200 {
min-width: 220px;
max-width: 220px; }
.width-xs-250 {
min-width: 270px;
max-width: 270px; }
.width-xs-300 {
min-width: 320px;
max-width: 320px; }
.width-xs-350 {
min-width: 370px;
max-width: 370px; }
.width-xs-400 {
min-width: 420px;
max-width: 420px; }
.width-xs-450 {
min-width: 470px;
max-width: 470px; }
.width-xs-500 {
min-width: 520px;
max-width: 520px; }
.width-xs-550 {
min-width: 570px;
max-width: 570px; }
.width-xs-600 {
min-width: 620px;
max-width: 620px; }
.width-xs-650 {
min-width: 670px;
max-width: 670px; }
.width-xs-700 {
min-width: 720px;
max-width: 720px; }
.width-xs-750 {
min-width: 770px;
max-width: 770px; }
.width-xs-800 {
min-width: 820px;
max-width: 820px; }
.width-xs-850 {
min-width: 870px;
max-width: 870px; }
.width-xs-900 {
min-width: 920px;
max-width: 920px; }
.width-xs-950 {
min-width: 970px;
max-width: 970px; }
.width-xs-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-xs-1 {
order: 1; }
.order-xs-2 {
order: 2; }
.order-xs-3 {
order: 3; }
.order-xs-4 {
order: 4; }
.order-xs-5 {
order: 5; }
.order-xs-6 {
order: 6; }
.order-xs-7 {
order: 7; }
.order-xs-8 {
order: 8; }
.order-xs-9 {
order: 9; }
.order-xs-10 {
order: 10; } }
@media (min-width: 575px) {
.width-sm-50 {
min-width: 70px;
max-width: 70px; }
.width-sm-100 {
min-width: 120px;
max-width: 120px; }
.width-sm-150 {
min-width: 170px;
max-width: 170px; }
.width-sm-200 {
min-width: 220px;
max-width: 220px; }
.width-sm-250 {
min-width: 270px;
max-width: 270px; }
.width-sm-300 {
min-width: 320px;
max-width: 320px; }
.width-sm-350 {
min-width: 370px;
max-width: 370px; }
.width-sm-400 {
min-width: 420px;
max-width: 420px; }
.width-sm-450 {
min-width: 470px;
max-width: 470px; }
.width-sm-500 {
min-width: 520px;
max-width: 520px; }
.width-sm-550 {
min-width: 570px;
max-width: 570px; }
.width-sm-600 {
min-width: 620px;
max-width: 620px; }
.width-sm-650 {
min-width: 670px;
max-width: 670px; }
.width-sm-700 {
min-width: 720px;
max-width: 720px; }
.width-sm-750 {
min-width: 770px;
max-width: 770px; }
.width-sm-800 {
min-width: 820px;
max-width: 820px; }
.width-sm-850 {
min-width: 870px;
max-width: 870px; }
.width-sm-900 {
min-width: 920px;
max-width: 920px; }
.width-sm-950 {
min-width: 970px;
max-width: 970px; }
.width-sm-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; } }
@media (min-width: 575px) and (max-width: 991px) {
.width-smo-50 {
min-width: 70px;
max-width: 70px; }
.width-smo-100 {
min-width: 120px;
max-width: 120px; }
.width-smo-150 {
min-width: 170px;
max-width: 170px; }
.width-smo-200 {
min-width: 220px;
max-width: 220px; }
.width-smo-250 {
min-width: 270px;
max-width: 270px; }
.width-smo-300 {
min-width: 320px;
max-width: 320px; }
.width-smo-350 {
min-width: 370px;
max-width: 370px; }
.width-smo-400 {
min-width: 420px;
max-width: 420px; }
.width-smo-450 {
min-width: 470px;
max-width: 470px; }
.width-smo-500 {
min-width: 520px;
max-width: 520px; }
.width-smo-550 {
min-width: 570px;
max-width: 570px; }
.width-smo-600 {
min-width: 620px;
max-width: 620px; }
.width-smo-650 {
min-width: 670px;
max-width: 670px; }
.width-smo-700 {
min-width: 720px;
max-width: 720px; }
.width-smo-750 {
min-width: 770px;
max-width: 770px; }
.width-smo-800 {
min-width: 820px;
max-width: 820px; }
.width-smo-850 {
min-width: 870px;
max-width: 870px; }
.width-smo-900 {
min-width: 920px;
max-width: 920px; }
.width-smo-950 {
min-width: 970px;
max-width: 970px; }
.width-smo-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-smo-1 {
order: 1; }
.order-smo-2 {
order: 2; }
.order-smo-3 {
order: 3; }
.order-smo-4 {
order: 4; }
.order-smo-5 {
order: 5; }
.order-smo-6 {
order: 6; }
.order-smo-7 {
order: 7; }
.order-smo-8 {
order: 8; }
.order-smo-9 {
order: 9; }
.order-smo-10 {
order: 10; } }
@media (max-width: 991px) {
.width-smb-50 {
min-width: 70px;
max-width: 70px; }
.width-smb-100 {
min-width: 120px;
max-width: 120px; }
.width-smb-150 {
min-width: 170px;
max-width: 170px; }
.width-smb-200 {
min-width: 220px;
max-width: 220px; }
.width-smb-250 {
min-width: 270px;
max-width: 270px; }
.width-smb-300 {
min-width: 320px;
max-width: 320px; }
.width-smb-350 {
min-width: 370px;
max-width: 370px; }
.width-smb-400 {
min-width: 420px;
max-width: 420px; }
.width-smb-450 {
min-width: 470px;
max-width: 470px; }
.width-smb-500 {
min-width: 520px;
max-width: 520px; }
.width-smb-550 {
min-width: 570px;
max-width: 570px; }
.width-smb-600 {
min-width: 620px;
max-width: 620px; }
.width-smb-650 {
min-width: 670px;
max-width: 670px; }
.width-smb-700 {
min-width: 720px;
max-width: 720px; }
.width-smb-750 {
min-width: 770px;
max-width: 770px; }
.width-smb-800 {
min-width: 820px;
max-width: 820px; }
.width-smb-850 {
min-width: 870px;
max-width: 870px; }
.width-smb-900 {
min-width: 920px;
max-width: 920px; }
.width-smb-950 {
min-width: 970px;
max-width: 970px; }
.width-smb-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-smb-1 {
order: 1; }
.order-smb-2 {
order: 2; }
.order-smb-3 {
order: 3; }
.order-smb-4 {
order: 4; }
.order-smb-5 {
order: 5; }
.order-smb-6 {
order: 6; }
.order-smb-7 {
order: 7; }
.order-smb-8 {
order: 8; }
.order-smb-9 {
order: 9; }
.order-smb-10 {
order: 10; } }
@media (min-width: 992px) {
.width-md-50 {
min-width: 70px;
max-width: 70px; }
.width-md-100 {
min-width: 120px;
max-width: 120px; }
.width-md-150 {
min-width: 170px;
max-width: 170px; }
.width-md-200 {
min-width: 220px;
max-width: 220px; }
.width-md-250 {
min-width: 270px;
max-width: 270px; }
.width-md-300 {
min-width: 320px;
max-width: 320px; }
.width-md-350 {
min-width: 370px;
max-width: 370px; }
.width-md-400 {
min-width: 420px;
max-width: 420px; }
.width-md-450 {
min-width: 470px;
max-width: 470px; }
.width-md-500 {
min-width: 520px;
max-width: 520px; }
.width-md-550 {
min-width: 570px;
max-width: 570px; }
.width-md-600 {
min-width: 620px;
max-width: 620px; }
.width-md-650 {
min-width: 670px;
max-width: 670px; }
.width-md-700 {
min-width: 720px;
max-width: 720px; }
.width-md-750 {
min-width: 770px;
max-width: 770px; }
.width-md-800 {
min-width: 820px;
max-width: 820px; }
.width-md-850 {
min-width: 870px;
max-width: 870px; }
.width-md-900 {
min-width: 920px;
max-width: 920px; }
.width-md-950 {
min-width: 970px;
max-width: 970px; }
.width-md-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; } }
@media (min-width: 992px) and (max-width: 1199px) {
.width-mdo-50 {
min-width: 70px;
max-width: 70px; }
.width-mdo-100 {
min-width: 120px;
max-width: 120px; }
.width-mdo-150 {
min-width: 170px;
max-width: 170px; }
.width-mdo-200 {
min-width: 220px;
max-width: 220px; }
.width-mdo-250 {
min-width: 270px;
max-width: 270px; }
.width-mdo-300 {
min-width: 320px;
max-width: 320px; }
.width-mdo-350 {
min-width: 370px;
max-width: 370px; }
.width-mdo-400 {
min-width: 420px;
max-width: 420px; }
.width-mdo-450 {
min-width: 470px;
max-width: 470px; }
.width-mdo-500 {
min-width: 520px;
max-width: 520px; }
.width-mdo-550 {
min-width: 570px;
max-width: 570px; }
.width-mdo-600 {
min-width: 620px;
max-width: 620px; }
.width-mdo-650 {
min-width: 670px;
max-width: 670px; }
.width-mdo-700 {
min-width: 720px;
max-width: 720px; }
.width-mdo-750 {
min-width: 770px;
max-width: 770px; }
.width-mdo-800 {
min-width: 820px;
max-width: 820px; }
.width-mdo-850 {
min-width: 870px;
max-width: 870px; }
.width-mdo-900 {
min-width: 920px;
max-width: 920px; }
.width-mdo-950 {
min-width: 970px;
max-width: 970px; }
.width-mdo-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-mdo-1 {
order: 1; }
.order-mdo-2 {
order: 2; }
.order-mdo-3 {
order: 3; }
.order-mdo-4 {
order: 4; }
.order-mdo-5 {
order: 5; }
.order-mdo-6 {
order: 6; }
.order-mdo-7 {
order: 7; }
.order-mdo-8 {
order: 8; }
.order-mdo-9 {
order: 9; }
.order-mdo-10 {
order: 10; } }
@media (max-width: 1199px) {
.width-mdb-50 {
min-width: 70px;
max-width: 70px; }
.width-mdb-100 {
min-width: 120px;
max-width: 120px; }
.width-mdb-150 {
min-width: 170px;
max-width: 170px; }
.width-mdb-200 {
min-width: 220px;
max-width: 220px; }
.width-mdb-250 {
min-width: 270px;
max-width: 270px; }
.width-mdb-300 {
min-width: 320px;
max-width: 320px; }
.width-mdb-350 {
min-width: 370px;
max-width: 370px; }
.width-mdb-400 {
min-width: 420px;
max-width: 420px; }
.width-mdb-450 {
min-width: 470px;
max-width: 470px; }
.width-mdb-500 {
min-width: 520px;
max-width: 520px; }
.width-mdb-550 {
min-width: 570px;
max-width: 570px; }
.width-mdb-600 {
min-width: 620px;
max-width: 620px; }
.width-mdb-650 {
min-width: 670px;
max-width: 670px; }
.width-mdb-700 {
min-width: 720px;
max-width: 720px; }
.width-mdb-750 {
min-width: 770px;
max-width: 770px; }
.width-mdb-800 {
min-width: 820px;
max-width: 820px; }
.width-mdb-850 {
min-width: 870px;
max-width: 870px; }
.width-mdb-900 {
min-width: 920px;
max-width: 920px; }
.width-mdb-950 {
min-width: 970px;
max-width: 970px; }
.width-mdb-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-mdb-1 {
order: 1; }
.order-mdb-2 {
order: 2; }
.order-mdb-3 {
order: 3; }
.order-mdb-4 {
order: 4; }
.order-mdb-5 {
order: 5; }
.order-mdb-6 {
order: 6; }
.order-mdb-7 {
order: 7; }
.order-mdb-8 {
order: 8; }
.order-mdb-9 {
order: 9; }
.order-mdb-10 {
order: 10; } }
@media (min-width: 1200px) {
.width-lg-50 {
min-width: 70px;
max-width: 70px; }
.width-lg-100 {
min-width: 120px;
max-width: 120px; }
.width-lg-150 {
min-width: 170px;
max-width: 170px; }
.width-lg-200 {
min-width: 220px;
max-width: 220px; }
.width-lg-250 {
min-width: 270px;
max-width: 270px; }
.width-lg-300 {
min-width: 320px;
max-width: 320px; }
.width-lg-350 {
min-width: 370px;
max-width: 370px; }
.width-lg-400 {
min-width: 420px;
max-width: 420px; }
.width-lg-450 {
min-width: 470px;
max-width: 470px; }
.width-lg-500 {
min-width: 520px;
max-width: 520px; }
.width-lg-550 {
min-width: 570px;
max-width: 570px; }
.width-lg-600 {
min-width: 620px;
max-width: 620px; }
.width-lg-650 {
min-width: 670px;
max-width: 670px; }
.width-lg-700 {
min-width: 720px;
max-width: 720px; }
.width-lg-750 {
min-width: 770px;
max-width: 770px; }
.width-lg-800 {
min-width: 820px;
max-width: 820px; }
.width-lg-850 {
min-width: 870px;
max-width: 870px; }
.width-lg-900 {
min-width: 920px;
max-width: 920px; }
.width-lg-950 {
min-width: 970px;
max-width: 970px; }
.width-lg-1000 {
min-width: 1020px;
max-width: 1020px; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-6 {
order: 6; }
.order-lg-7 {
order: 7; }
.order-lg-8 {
order: 8; }
.order-lg-9 {
order: 9; }
.order-lg-10 {
order: 10; } }
.width-50 {
min-width: 70px;
max-width: 70px; }
.width-100 {
min-width: 120px;
max-width: 120px; }
.width-150 {
min-width: 170px;
max-width: 170px; }
.width-200 {
min-width: 220px;
max-width: 220px; }
.width-250 {
min-width: 270px;
max-width: 270px; }
.width-300 {
min-width: 320px;
max-width: 320px; }
.width-350 {
min-width: 370px;
max-width: 370px; }
.width-400 {
min-width: 420px;
max-width: 420px; }
.width-450 {
min-width: 470px;
max-width: 470px; }
.width-500 {
min-width: 520px;
max-width: 520px; }
.width-550 {
min-width: 570px;
max-width: 570px; }
.width-600 {
min-width: 620px;
max-width: 620px; }
.width-650 {
min-width: 670px;
max-width: 670px; }
.width-700 {
min-width: 720px;
max-width: 720px; }
.width-750 {
min-width: 770px;
max-width: 770px; }
.width-800 {
min-width: 820px;
max-width: 820px; }
.width-850 {
min-width: 870px;
max-width: 870px; }
.width-900 {
min-width: 920px;
max-width: 920px; }
.width-950 {
min-width: 970px;
max-width: 970px; }
.width-1000 {
min-width: 1020px;
max-width: 1020px; }
@font-face {
font-display: swap !important; }
body {
font-family: "Fira Sans", sans-serif;
background-color: #fff;
font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
.bg-grey {
background-color: #F6F8FA; }
.bg-white {
background-color: #ffffff; }
.text-left {
text-align: left; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.color-blue {
color: #0f285e; }
.embed-responsive,
.embed-youtube,
.video-wrapper {
display: block;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.embed-responsive div,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video,
.embed-youtube div,
.embed-youtube embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube video,
.video-wrapper div,
.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.wp-block-embed-youtube .wp-block-embed__wrapper {
display: block;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.wp-block-embed-youtube .wp-block-embed__wrapper embed,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper object,
.wp-block-embed-youtube .wp-block-embed__wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embeded-wrapper iframe {
margin: 0 auto !important; }
.breadcrumbs {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 20px; }
@media (max-width: 574px) {
.breadcrumbs {
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden; } }
.wp-block-embed {
margin: 0 0 1em 0; }
.social ul {
margin: 0;
padding: 0;
list-style-type: none;
max-width: 300px;
display: flex; }
.social ul li {
display: inline-block; }
.social ul li a {
font-size: 14px;
display: block;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
transition: background-color  .3s, color .6s;
color: #111;
padding-right: 10px; }
.social ul li a:hover {
background-color: #fff;
color: #d5003a !important;
transition: background-color  .3s, color .6s; }
.strawberry-debug {
background-color: #fff;
font-size: 14px;
line-height: 1.3;
padding: 10px;
color: #111;
white-space: pre;
border: 1px solid #111; }
.cta a {
display: block;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #efefef;
font-size: 14px;
font-weight: bold; }
.cta a:hover {
color: #d5003a; }
.navigation {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
font-family: encode sans condensed, sans-serif;
margin-bottom: 60px;
text-align: center;
width: 100%;
padding: 10px 0;
border-top: 3px solid #111;
border-bottom: 3px solid #111; }
.navigation span, .navigation a {
display: inline-block;
padding: 5px 10px;
margin-right: 5px;
background-color: #fff; }
.navigation .current {
background-color: #111;
color: #fff; }
.sticky {
position: -webkit-sticky;
position: sticky;
top: 100px; }
@font-face {
font-family: 'icomoon';
src: url(//www.impact.ro/wp-content/themes/impact-twenty/assets/fonts/icomoon.eot?csylu0);
src: url(//www.impact.ro/wp-content/themes/impact-twenty/assets/fonts/icomoon.eot?csylu0#iefix) format("embedded-opentype"), url(//www.impact.ro/wp-content/themes/impact-twenty/assets/fonts/icomoon.ttf?csylu0) format("truetype"), url(//www.impact.ro/wp-content/themes/impact-twenty/assets/fonts/icomoon.woff?csylu0) format("woff"), url(//www.impact.ro/wp-content/themes/impact-twenty/assets/fonts/icomoon.svg?csylu0#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-home:before {
content: "\e900"; }
.icon-newspaper:before {
content: "\e904"; }
.icon-image:before {
content: "\e90d"; }
.icon-images:before {
content: "\e90e"; }
.icon-stack:before {
content: "\e92e"; }
.icon-search:before {
content: "\e986"; }
.icon-menu:before {
content: "\e9bd"; }
.icon-cross:before {
content: "\ea0f"; }
.icon-play3:before {
content: "\ea1c"; }
.icon-share:before {
content: "\ea7d"; }
.icon-share2:before {
content: "\ea82"; }
.icon-facebook:before {
content: "\ea90"; }
.icon-facebook2:before {
content: "\ea91"; }
.icon-instagram:before {
content: "\ea92"; }
.icon-whatsapp:before {
content: "\ea93"; }
.icon-twitter:before {
content: "\ea96"; }
.icon-rss:before {
content: "\ea9b"; }
.icon-rss2:before {
content: "\ea9c"; }
.icon-youtube:before {
content: "\ea9d"; }
.icon-youtube2:before {
content: "\ea9e"; }
.icon-linkedin:before {
content: "\eac9"; }
.icon-linkedin2:before {
content: "\eaca"; }
.icon-pinterest:before {
content: "\ead1"; }
.icon-pinterest2:before {
content: "\ead2"; } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
padding: 5px 3px 0;
text-align: center;
margin-bottom: 20px;
box-sizing: border-box; }
.wp-caption .wp-caption-text {
font-size: 12px;
padding: 5px; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.mg-top-0 {
margin-top: 0px; }
.padding-top-0 {
padding-top: 0px; }
.mg-right-0 {
margin-right: 0px; }
.padding-right-0 {
padding-right: 0px; }
.mg-bottom-0 {
margin-bottom: 0px; }
.padding-bottom-0 {
padding-bottom: 0px; }
.mg-left-0 {
margin-left: 0px; }
.padding-left-0 {
padding-left: 0px; }
.mg-top-5 {
margin-top: 5px; }
.padding-top-5 {
padding-top: 5px; }
.mg-right-5 {
margin-right: 5px; }
.padding-right-5 {
padding-right: 5px; }
.mg-bottom-5 {
margin-bottom: 5px; }
.padding-bottom-5 {
padding-bottom: 5px; }
.mg-left-5 {
margin-left: 5px; }
.padding-left-5 {
padding-left: 5px; }
.mg-top-10 {
margin-top: 10px; }
.padding-top-10 {
padding-top: 10px; }
.mg-right-10 {
margin-right: 10px; }
.padding-right-10 {
padding-right: 10px; }
.mg-bottom-10 {
margin-bottom: 10px; }
.padding-bottom-10 {
padding-bottom: 10px; }
.mg-left-10 {
margin-left: 10px; }
.padding-left-10 {
padding-left: 10px; }
.mg-top-15 {
margin-top: 15px; }
.padding-top-15 {
padding-top: 15px; }
.mg-right-15 {
margin-right: 15px; }
.padding-right-15 {
padding-right: 15px; }
.mg-bottom-15 {
margin-bottom: 15px; }
.padding-bottom-15 {
padding-bottom: 15px; }
.mg-left-15 {
margin-left: 15px; }
.padding-left-15 {
padding-left: 15px; }
.mg-top-20 {
margin-top: 20px; }
.padding-top-20 {
padding-top: 20px; }
.mg-right-20 {
margin-right: 20px; }
.padding-right-20 {
padding-right: 20px; }
.mg-bottom-20 {
margin-bottom: 20px; }
.padding-bottom-20 {
padding-bottom: 20px; }
.mg-left-20 {
margin-left: 20px; }
.padding-left-20 {
padding-left: 20px; }
.mg-top-25 {
margin-top: 25px; }
.padding-top-25 {
padding-top: 25px; }
.mg-right-25 {
margin-right: 25px; }
.padding-right-25 {
padding-right: 25px; }
.mg-bottom-25 {
margin-bottom: 25px; }
.padding-bottom-25 {
padding-bottom: 25px; }
.mg-left-25 {
margin-left: 25px; }
.padding-left-25 {
padding-left: 25px; }
.mg-top-30 {
margin-top: 30px; }
.padding-top-30 {
padding-top: 30px; }
.mg-right-30 {
margin-right: 30px; }
.padding-right-30 {
padding-right: 30px; }
.mg-bottom-30 {
margin-bottom: 30px; }
.padding-bottom-30 {
padding-bottom: 30px; }
.mg-left-30 {
margin-left: 30px; }
.padding-left-30 {
padding-left: 30px; }
.mg-top-35 {
margin-top: 35px; }
.padding-top-35 {
padding-top: 35px; }
.mg-right-35 {
margin-right: 35px; }
.padding-right-35 {
padding-right: 35px; }
.mg-bottom-35 {
margin-bottom: 35px; }
.padding-bottom-35 {
padding-bottom: 35px; }
.mg-left-35 {
margin-left: 35px; }
.padding-left-35 {
padding-left: 35px; }
.mg-top-40 {
margin-top: 40px; }
.padding-top-40 {
padding-top: 40px; }
.mg-right-40 {
margin-right: 40px; }
.padding-right-40 {
padding-right: 40px; }
.mg-bottom-40 {
margin-bottom: 40px; }
.padding-bottom-40 {
padding-bottom: 40px; }
.mg-left-40 {
margin-left: 40px; }
.padding-left-40 {
padding-left: 40px; }
.mg-top-45 {
margin-top: 45px; }
.padding-top-45 {
padding-top: 45px; }
.mg-right-45 {
margin-right: 45px; }
.padding-right-45 {
padding-right: 45px; }
.mg-bottom-45 {
margin-bottom: 45px; }
.padding-bottom-45 {
padding-bottom: 45px; }
.mg-left-45 {
margin-left: 45px; }
.padding-left-45 {
padding-left: 45px; }
.mg-top-50 {
margin-top: 50px; }
.padding-top-50 {
padding-top: 50px; }
.mg-right-50 {
margin-right: 50px; }
.padding-right-50 {
padding-right: 50px; }
.mg-bottom-50 {
margin-bottom: 50px; }
.padding-bottom-50 {
padding-bottom: 50px; }
.mg-left-50 {
margin-left: 50px; }
.padding-left-50 {
padding-left: 50px; }
.mg-top-55 {
margin-top: 55px; }
.padding-top-55 {
padding-top: 55px; }
.mg-right-55 {
margin-right: 55px; }
.padding-right-55 {
padding-right: 55px; }
.mg-bottom-55 {
margin-bottom: 55px; }
.padding-bottom-55 {
padding-bottom: 55px; }
.mg-left-55 {
margin-left: 55px; }
.padding-left-55 {
padding-left: 55px; }
.mg-top-60 {
margin-top: 60px; }
.padding-top-60 {
padding-top: 60px; }
.mg-right-60 {
margin-right: 60px; }
.padding-right-60 {
padding-right: 60px; }
.mg-bottom-60 {
margin-bottom: 60px; }
.padding-bottom-60 {
padding-bottom: 60px; }
.mg-left-60 {
margin-left: 60px; }
.padding-left-60 {
padding-left: 60px; }
.mg-top-65 {
margin-top: 65px; }
.padding-top-65 {
padding-top: 65px; }
.mg-right-65 {
margin-right: 65px; }
.padding-right-65 {
padding-right: 65px; }
.mg-bottom-65 {
margin-bottom: 65px; }
.padding-bottom-65 {
padding-bottom: 65px; }
.mg-left-65 {
margin-left: 65px; }
.padding-left-65 {
padding-left: 65px; }
.mg-top-70 {
margin-top: 70px; }
.padding-top-70 {
padding-top: 70px; }
.mg-right-70 {
margin-right: 70px; }
.padding-right-70 {
padding-right: 70px; }
.mg-bottom-70 {
margin-bottom: 70px; }
.padding-bottom-70 {
padding-bottom: 70px; }
.mg-left-70 {
margin-left: 70px; }
.padding-left-70 {
padding-left: 70px; }
.mg-top-75 {
margin-top: 75px; }
.padding-top-75 {
padding-top: 75px; }
.mg-right-75 {
margin-right: 75px; }
.padding-right-75 {
padding-right: 75px; }
.mg-bottom-75 {
margin-bottom: 75px; }
.padding-bottom-75 {
padding-bottom: 75px; }
.mg-left-75 {
margin-left: 75px; }
.padding-left-75 {
padding-left: 75px; }
.mg-top-80 {
margin-top: 80px; }
.padding-top-80 {
padding-top: 80px; }
.mg-right-80 {
margin-right: 80px; }
.padding-right-80 {
padding-right: 80px; }
.mg-bottom-80 {
margin-bottom: 80px; }
.padding-bottom-80 {
padding-bottom: 80px; }
.mg-left-80 {
margin-left: 80px; }
.padding-left-80 {
padding-left: 80px; }
.mg-top-85 {
margin-top: 85px; }
.padding-top-85 {
padding-top: 85px; }
.mg-right-85 {
margin-right: 85px; }
.padding-right-85 {
padding-right: 85px; }
.mg-bottom-85 {
margin-bottom: 85px; }
.padding-bottom-85 {
padding-bottom: 85px; }
.mg-left-85 {
margin-left: 85px; }
.padding-left-85 {
padding-left: 85px; }
.mg-top-90 {
margin-top: 90px; }
.padding-top-90 {
padding-top: 90px; }
.mg-right-90 {
margin-right: 90px; }
.padding-right-90 {
padding-right: 90px; }
.mg-bottom-90 {
margin-bottom: 90px; }
.padding-bottom-90 {
padding-bottom: 90px; }
.mg-left-90 {
margin-left: 90px; }
.padding-left-90 {
padding-left: 90px; }
.mg-top-95 {
margin-top: 95px; }
.padding-top-95 {
padding-top: 95px; }
.mg-right-95 {
margin-right: 95px; }
.padding-right-95 {
padding-right: 95px; }
.mg-bottom-95 {
margin-bottom: 95px; }
.padding-bottom-95 {
padding-bottom: 95px; }
.mg-left-95 {
margin-left: 95px; }
.padding-left-95 {
padding-left: 95px; }
.mg-top-100 {
margin-top: 100px; }
.padding-top-100 {
padding-top: 100px; }
.mg-right-100 {
margin-right: 100px; }
.padding-right-100 {
padding-right: 100px; }
.mg-bottom-100 {
margin-bottom: 100px; }
.padding-bottom-100 {
padding-bottom: 100px; }
.mg-left-100 {
margin-left: 100px; }
.padding-left-100 {
padding-left: 100px; }
.font-size-12 {
font-size: 12px !important; }
.font-size-14 {
font-size: 14px !important; }
.font-size-16 {
font-size: 16px !important; }
.font-size-18 {
font-size: 18px !important; }
.font-size-21 {
font-size: 21px !important; }
.font-size-23 {
font-size: 23px !important; }
.font-size-26 {
font-size: 26px !important; }
.font-size-30 {
font-size: 30px !important; }
.font-size-35 {
font-size: 35px !important; }
.font-size-40 {
font-size: 40px !important; }
.font-size-50 {
font-size: 50px !important; }
@media (max-width: 574px) {
.font-size-xs-12 {
font-size: 12px !important; }
.font-size-xs-14 {
font-size: 14px !important; }
.font-size-xs-16 {
font-size: 16px !important; }
.font-size-xs-18 {
font-size: 18px !important; }
.font-size-xs-21 {
font-size: 21px !important; }
.font-size-xs-23 {
font-size: 23px !important; }
.font-size-xs-26 {
font-size: 26px !important; }
.font-size-xs-30 {
font-size: 30px !important; }
.font-size-xs-35 {
font-size: 35px !important; }
.font-size-xs-40 {
font-size: 40px !important; }
.font-size-xs-50 {
font-size: 50px !important; } }
@media (min-width: 575px) {
.font-size-sm-12 {
font-size: 12px !important; }
.font-size-sm-14 {
font-size: 14px !important; }
.font-size-sm-16 {
font-size: 16px !important; }
.font-size-sm-18 {
font-size: 18px !important; }
.font-size-sm-21 {
font-size: 21px !important; }
.font-size-sm-23 {
font-size: 23px !important; }
.font-size-sm-26 {
font-size: 26px !important; }
.font-size-sm-30 {
font-size: 30px !important; }
.font-size-sm-35 {
font-size: 35px !important; }
.font-size-sm-40 {
font-size: 40px !important; }
.font-size-sm-50 {
font-size: 50px !important; } }
@media (min-width: 575px) and (max-width: 991px) {
.font-size-smo-12 {
font-size: 12px !important; }
.font-size-smo-14 {
font-size: 14px !important; }
.font-size-smo-16 {
font-size: 16px !important; }
.font-size-smo-18 {
font-size: 18px !important; }
.font-size-smo-21 {
font-size: 21px !important; }
.font-size-smo-23 {
font-size: 23px !important; }
.font-size-smo-26 {
font-size: 26px !important; }
.font-size-smo-30 {
font-size: 30px !important; }
.font-size-smo-35 {
font-size: 35px !important; }
.font-size-smo-40 {
font-size: 40px !important; }
.font-size-smo-50 {
font-size: 50px !important; } }
@media (max-width: 991px) {
.font-size-smb-12 {
font-size: 12px !important; }
.font-size-smb-14 {
font-size: 14px !important; }
.font-size-smb-16 {
font-size: 16px !important; }
.font-size-smb-18 {
font-size: 18px !important; }
.font-size-smb-21 {
font-size: 21px !important; }
.font-size-smb-23 {
font-size: 23px !important; }
.font-size-smb-26 {
font-size: 26px !important; }
.font-size-smb-30 {
font-size: 30px !important; }
.font-size-smb-35 {
font-size: 35px !important; }
.font-size-smb-40 {
font-size: 40px !important; }
.font-size-smb-50 {
font-size: 50px !important; } }
@media (min-width: 992px) {
.font-size-md-12 {
font-size: 12px !important; }
.font-size-md-14 {
font-size: 14px !important; }
.font-size-md-16 {
font-size: 16px !important; }
.font-size-md-18 {
font-size: 18px !important; }
.font-size-md-21 {
font-size: 21px !important; }
.font-size-md-23 {
font-size: 23px !important; }
.font-size-md-26 {
font-size: 26px !important; }
.font-size-md-30 {
font-size: 30px !important; }
.font-size-md-35 {
font-size: 35px !important; }
.font-size-md-40 {
font-size: 40px !important; }
.font-size-md-50 {
font-size: 50px !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.font-size-mdo-12 {
font-size: 12px !important; }
.font-size-mdo-14 {
font-size: 14px !important; }
.font-size-mdo-16 {
font-size: 16px !important; }
.font-size-mdo-18 {
font-size: 18px !important; }
.font-size-mdo-21 {
font-size: 21px !important; }
.font-size-mdo-23 {
font-size: 23px !important; }
.font-size-mdo-26 {
font-size: 26px !important; }
.font-size-mdo-30 {
font-size: 30px !important; }
.font-size-mdo-35 {
font-size: 35px !important; }
.font-size-mdo-40 {
font-size: 40px !important; }
.font-size-mdo-50 {
font-size: 50px !important; } }
@media (max-width: 1199px) {
.font-size-mdb-12 {
font-size: 12px !important; }
.font-size-mdb-14 {
font-size: 14px !important; }
.font-size-mdb-16 {
font-size: 16px !important; }
.font-size-mdb-18 {
font-size: 18px !important; }
.font-size-mdb-21 {
font-size: 21px !important; }
.font-size-mdb-23 {
font-size: 23px !important; }
.font-size-mdb-26 {
font-size: 26px !important; }
.font-size-mdb-30 {
font-size: 30px !important; }
.font-size-mdb-35 {
font-size: 35px !important; }
.font-size-mdb-40 {
font-size: 40px !important; }
.font-size-mdb-50 {
font-size: 50px !important; } }
@media (min-width: 1200px) {
.font-size-lg-12 {
font-size: 12px !important; }
.font-size-lg-14 {
font-size: 14px !important; }
.font-size-lg-16 {
font-size: 16px !important; }
.font-size-lg-18 {
font-size: 18px !important; }
.font-size-lg-21 {
font-size: 21px !important; }
.font-size-lg-23 {
font-size: 23px !important; }
.font-size-lg-26 {
font-size: 26px !important; }
.font-size-lg-30 {
font-size: 30px !important; }
.font-size-lg-35 {
font-size: 35px !important; }
.font-size-lg-40 {
font-size: 40px !important; }
.font-size-lg-50 {
font-size: 50px !important; } }
@media (max-width: 574px) {
.mg-xs-0 {
margin: 0px; }
.padding-xs-0 {
padding: 0px; }
.mg-xs-top-0 {
margin-top: 0px; }
.padding-xs-top-0 {
padding-top: 0px; }
.mg-xs-right-0 {
margin-right: 0px; }
.padding-xs-right-0 {
padding-right: 0px; }
.mg-xs-bottom-0 {
margin-bottom: 0px; }
.padding-xs-bottom-0 {
padding-bottom: 0px; }
.mg-xs-left-0 {
margin-left: 0px; }
.padding-xs-left-0 {
padding-left: 0px; }
.mg-xs-5 {
margin: 5px; }
.padding-xs-5 {
padding: 5px; }
.mg-xs-top-5 {
margin-top: 5px; }
.padding-xs-top-5 {
padding-top: 5px; }
.mg-xs-right-5 {
margin-right: 5px; }
.padding-xs-right-5 {
padding-right: 5px; }
.mg-xs-bottom-5 {
margin-bottom: 5px; }
.padding-xs-bottom-5 {
padding-bottom: 5px; }
.mg-xs-left-5 {
margin-left: 5px; }
.padding-xs-left-5 {
padding-left: 5px; }
.mg-xs-10 {
margin: 10px; }
.padding-xs-10 {
padding: 10px; }
.mg-xs-top-10 {
margin-top: 10px; }
.padding-xs-top-10 {
padding-top: 10px; }
.mg-xs-right-10 {
margin-right: 10px; }
.padding-xs-right-10 {
padding-right: 10px; }
.mg-xs-bottom-10 {
margin-bottom: 10px; }
.padding-xs-bottom-10 {
padding-bottom: 10px; }
.mg-xs-left-10 {
margin-left: 10px; }
.padding-xs-left-10 {
padding-left: 10px; }
.mg-xs-15 {
margin: 15px; }
.padding-xs-15 {
padding: 15px; }
.mg-xs-top-15 {
margin-top: 15px; }
.padding-xs-top-15 {
padding-top: 15px; }
.mg-xs-right-15 {
margin-right: 15px; }
.padding-xs-right-15 {
padding-right: 15px; }
.mg-xs-bottom-15 {
margin-bottom: 15px; }
.padding-xs-bottom-15 {
padding-bottom: 15px; }
.mg-xs-left-15 {
margin-left: 15px; }
.padding-xs-left-15 {
padding-left: 15px; }
.mg-xs-20 {
margin: 20px; }
.padding-xs-20 {
padding: 20px; }
.mg-xs-top-20 {
margin-top: 20px; }
.padding-xs-top-20 {
padding-top: 20px; }
.mg-xs-right-20 {
margin-right: 20px; }
.padding-xs-right-20 {
padding-right: 20px; }
.mg-xs-bottom-20 {
margin-bottom: 20px; }
.padding-xs-bottom-20 {
padding-bottom: 20px; }
.mg-xs-left-20 {
margin-left: 20px; }
.padding-xs-left-20 {
padding-left: 20px; }
.mg-xs-25 {
margin: 25px; }
.padding-xs-25 {
padding: 25px; }
.mg-xs-top-25 {
margin-top: 25px; }
.padding-xs-top-25 {
padding-top: 25px; }
.mg-xs-right-25 {
margin-right: 25px; }
.padding-xs-right-25 {
padding-right: 25px; }
.mg-xs-bottom-25 {
margin-bottom: 25px; }
.padding-xs-bottom-25 {
padding-bottom: 25px; }
.mg-xs-left-25 {
margin-left: 25px; }
.padding-xs-left-25 {
padding-left: 25px; }
.mg-xs-30 {
margin: 30px; }
.padding-xs-30 {
padding: 30px; }
.mg-xs-top-30 {
margin-top: 30px; }
.padding-xs-top-30 {
padding-top: 30px; }
.mg-xs-right-30 {
margin-right: 30px; }
.padding-xs-right-30 {
padding-right: 30px; }
.mg-xs-bottom-30 {
margin-bottom: 30px; }
.padding-xs-bottom-30 {
padding-bottom: 30px; }
.mg-xs-left-30 {
margin-left: 30px; }
.padding-xs-left-30 {
padding-left: 30px; }
.mg-xs-35 {
margin: 35px; }
.padding-xs-35 {
padding: 35px; }
.mg-xs-top-35 {
margin-top: 35px; }
.padding-xs-top-35 {
padding-top: 35px; }
.mg-xs-right-35 {
margin-right: 35px; }
.padding-xs-right-35 {
padding-right: 35px; }
.mg-xs-bottom-35 {
margin-bottom: 35px; }
.padding-xs-bottom-35 {
padding-bottom: 35px; }
.mg-xs-left-35 {
margin-left: 35px; }
.padding-xs-left-35 {
padding-left: 35px; }
.mg-xs-40 {
margin: 40px; }
.padding-xs-40 {
padding: 40px; }
.mg-xs-top-40 {
margin-top: 40px; }
.padding-xs-top-40 {
padding-top: 40px; }
.mg-xs-right-40 {
margin-right: 40px; }
.padding-xs-right-40 {
padding-right: 40px; }
.mg-xs-bottom-40 {
margin-bottom: 40px; }
.padding-xs-bottom-40 {
padding-bottom: 40px; }
.mg-xs-left-40 {
margin-left: 40px; }
.padding-xs-left-40 {
padding-left: 40px; }
.mg-xs-45 {
margin: 45px; }
.padding-xs-45 {
padding: 45px; }
.mg-xs-top-45 {
margin-top: 45px; }
.padding-xs-top-45 {
padding-top: 45px; }
.mg-xs-right-45 {
margin-right: 45px; }
.padding-xs-right-45 {
padding-right: 45px; }
.mg-xs-bottom-45 {
margin-bottom: 45px; }
.padding-xs-bottom-45 {
padding-bottom: 45px; }
.mg-xs-left-45 {
margin-left: 45px; }
.padding-xs-left-45 {
padding-left: 45px; }
.mg-xs-50 {
margin: 50px; }
.padding-xs-50 {
padding: 50px; }
.mg-xs-top-50 {
margin-top: 50px; }
.padding-xs-top-50 {
padding-top: 50px; }
.mg-xs-right-50 {
margin-right: 50px; }
.padding-xs-right-50 {
padding-right: 50px; }
.mg-xs-bottom-50 {
margin-bottom: 50px; }
.padding-xs-bottom-50 {
padding-bottom: 50px; }
.mg-xs-left-50 {
margin-left: 50px; }
.padding-xs-left-50 {
padding-left: 50px; }
.mg-xs-55 {
margin: 55px; }
.padding-xs-55 {
padding: 55px; }
.mg-xs-top-55 {
margin-top: 55px; }
.padding-xs-top-55 {
padding-top: 55px; }
.mg-xs-right-55 {
margin-right: 55px; }
.padding-xs-right-55 {
padding-right: 55px; }
.mg-xs-bottom-55 {
margin-bottom: 55px; }
.padding-xs-bottom-55 {
padding-bottom: 55px; }
.mg-xs-left-55 {
margin-left: 55px; }
.padding-xs-left-55 {
padding-left: 55px; }
.mg-xs-60 {
margin: 60px; }
.padding-xs-60 {
padding: 60px; }
.mg-xs-top-60 {
margin-top: 60px; }
.padding-xs-top-60 {
padding-top: 60px; }
.mg-xs-right-60 {
margin-right: 60px; }
.padding-xs-right-60 {
padding-right: 60px; }
.mg-xs-bottom-60 {
margin-bottom: 60px; }
.padding-xs-bottom-60 {
padding-bottom: 60px; }
.mg-xs-left-60 {
margin-left: 60px; }
.padding-xs-left-60 {
padding-left: 60px; }
.mg-xs-65 {
margin: 65px; }
.padding-xs-65 {
padding: 65px; }
.mg-xs-top-65 {
margin-top: 65px; }
.padding-xs-top-65 {
padding-top: 65px; }
.mg-xs-right-65 {
margin-right: 65px; }
.padding-xs-right-65 {
padding-right: 65px; }
.mg-xs-bottom-65 {
margin-bottom: 65px; }
.padding-xs-bottom-65 {
padding-bottom: 65px; }
.mg-xs-left-65 {
margin-left: 65px; }
.padding-xs-left-65 {
padding-left: 65px; }
.mg-xs-70 {
margin: 70px; }
.padding-xs-70 {
padding: 70px; }
.mg-xs-top-70 {
margin-top: 70px; }
.padding-xs-top-70 {
padding-top: 70px; }
.mg-xs-right-70 {
margin-right: 70px; }
.padding-xs-right-70 {
padding-right: 70px; }
.mg-xs-bottom-70 {
margin-bottom: 70px; }
.padding-xs-bottom-70 {
padding-bottom: 70px; }
.mg-xs-left-70 {
margin-left: 70px; }
.padding-xs-left-70 {
padding-left: 70px; }
.mg-xs-75 {
margin: 75px; }
.padding-xs-75 {
padding: 75px; }
.mg-xs-top-75 {
margin-top: 75px; }
.padding-xs-top-75 {
padding-top: 75px; }
.mg-xs-right-75 {
margin-right: 75px; }
.padding-xs-right-75 {
padding-right: 75px; }
.mg-xs-bottom-75 {
margin-bottom: 75px; }
.padding-xs-bottom-75 {
padding-bottom: 75px; }
.mg-xs-left-75 {
margin-left: 75px; }
.padding-xs-left-75 {
padding-left: 75px; }
.mg-xs-80 {
margin: 80px; }
.padding-xs-80 {
padding: 80px; }
.mg-xs-top-80 {
margin-top: 80px; }
.padding-xs-top-80 {
padding-top: 80px; }
.mg-xs-right-80 {
margin-right: 80px; }
.padding-xs-right-80 {
padding-right: 80px; }
.mg-xs-bottom-80 {
margin-bottom: 80px; }
.padding-xs-bottom-80 {
padding-bottom: 80px; }
.mg-xs-left-80 {
margin-left: 80px; }
.padding-xs-left-80 {
padding-left: 80px; }
.mg-xs-85 {
margin: 85px; }
.padding-xs-85 {
padding: 85px; }
.mg-xs-top-85 {
margin-top: 85px; }
.padding-xs-top-85 {
padding-top: 85px; }
.mg-xs-right-85 {
margin-right: 85px; }
.padding-xs-right-85 {
padding-right: 85px; }
.mg-xs-bottom-85 {
margin-bottom: 85px; }
.padding-xs-bottom-85 {
padding-bottom: 85px; }
.mg-xs-left-85 {
margin-left: 85px; }
.padding-xs-left-85 {
padding-left: 85px; }
.mg-xs-90 {
margin: 90px; }
.padding-xs-90 {
padding: 90px; }
.mg-xs-top-90 {
margin-top: 90px; }
.padding-xs-top-90 {
padding-top: 90px; }
.mg-xs-right-90 {
margin-right: 90px; }
.padding-xs-right-90 {
padding-right: 90px; }
.mg-xs-bottom-90 {
margin-bottom: 90px; }
.padding-xs-bottom-90 {
padding-bottom: 90px; }
.mg-xs-left-90 {
margin-left: 90px; }
.padding-xs-left-90 {
padding-left: 90px; }
.mg-xs-95 {
margin: 95px; }
.padding-xs-95 {
padding: 95px; }
.mg-xs-top-95 {
margin-top: 95px; }
.padding-xs-top-95 {
padding-top: 95px; }
.mg-xs-right-95 {
margin-right: 95px; }
.padding-xs-right-95 {
padding-right: 95px; }
.mg-xs-bottom-95 {
margin-bottom: 95px; }
.padding-xs-bottom-95 {
padding-bottom: 95px; }
.mg-xs-left-95 {
margin-left: 95px; }
.padding-xs-left-95 {
padding-left: 95px; }
.mg-xs-100 {
margin: 100px; }
.padding-xs-100 {
padding: 100px; }
.mg-xs-top-100 {
margin-top: 100px; }
.padding-xs-top-100 {
padding-top: 100px; }
.mg-xs-right-100 {
margin-right: 100px; }
.padding-xs-right-100 {
padding-right: 100px; }
.mg-xs-bottom-100 {
margin-bottom: 100px; }
.padding-xs-bottom-100 {
padding-bottom: 100px; }
.mg-xs-left-100 {
margin-left: 100px; }
.padding-xs-left-100 {
padding-left: 100px; } }
@media (min-width: 575px) {
.mg-sm-0 {
margin: 0px; }
.padding-sm-0 {
padding: 0px; }
.mg-sm-top-0 {
margin-top: 0px; }
.padding-sm-top-0 {
padding-top: 0px; }
.mg-sm-right-0 {
margin-right: 0px; }
.padding-sm-right-0 {
padding-right: 0px; }
.mg-sm-bottom-0 {
margin-bottom: 0px; }
.padding-sm-bottom-0 {
padding-bottom: 0px; }
.mg-sm-left-0 {
margin-left: 0px; }
.padding-sm-left-0 {
padding-left: 0px; }
.mg-sm-5 {
margin: 5px; }
.padding-sm-5 {
padding: 5px; }
.mg-sm-top-5 {
margin-top: 5px; }
.padding-sm-top-5 {
padding-top: 5px; }
.mg-sm-right-5 {
margin-right: 5px; }
.padding-sm-right-5 {
padding-right: 5px; }
.mg-sm-bottom-5 {
margin-bottom: 5px; }
.padding-sm-bottom-5 {
padding-bottom: 5px; }
.mg-sm-left-5 {
margin-left: 5px; }
.padding-sm-left-5 {
padding-left: 5px; }
.mg-sm-10 {
margin: 10px; }
.padding-sm-10 {
padding: 10px; }
.mg-sm-top-10 {
margin-top: 10px; }
.padding-sm-top-10 {
padding-top: 10px; }
.mg-sm-right-10 {
margin-right: 10px; }
.padding-sm-right-10 {
padding-right: 10px; }
.mg-sm-bottom-10 {
margin-bottom: 10px; }
.padding-sm-bottom-10 {
padding-bottom: 10px; }
.mg-sm-left-10 {
margin-left: 10px; }
.padding-sm-left-10 {
padding-left: 10px; }
.mg-sm-15 {
margin: 15px; }
.padding-sm-15 {
padding: 15px; }
.mg-sm-top-15 {
margin-top: 15px; }
.padding-sm-top-15 {
padding-top: 15px; }
.mg-sm-right-15 {
margin-right: 15px; }
.padding-sm-right-15 {
padding-right: 15px; }
.mg-sm-bottom-15 {
margin-bottom: 15px; }
.padding-sm-bottom-15 {
padding-bottom: 15px; }
.mg-sm-left-15 {
margin-left: 15px; }
.padding-sm-left-15 {
padding-left: 15px; }
.mg-sm-20 {
margin: 20px; }
.padding-sm-20 {
padding: 20px; }
.mg-sm-top-20 {
margin-top: 20px; }
.padding-sm-top-20 {
padding-top: 20px; }
.mg-sm-right-20 {
margin-right: 20px; }
.padding-sm-right-20 {
padding-right: 20px; }
.mg-sm-bottom-20 {
margin-bottom: 20px; }
.padding-sm-bottom-20 {
padding-bottom: 20px; }
.mg-sm-left-20 {
margin-left: 20px; }
.padding-sm-left-20 {
padding-left: 20px; }
.mg-sm-25 {
margin: 25px; }
.padding-sm-25 {
padding: 25px; }
.mg-sm-top-25 {
margin-top: 25px; }
.padding-sm-top-25 {
padding-top: 25px; }
.mg-sm-right-25 {
margin-right: 25px; }
.padding-sm-right-25 {
padding-right: 25px; }
.mg-sm-bottom-25 {
margin-bottom: 25px; }
.padding-sm-bottom-25 {
padding-bottom: 25px; }
.mg-sm-left-25 {
margin-left: 25px; }
.padding-sm-left-25 {
padding-left: 25px; }
.mg-sm-30 {
margin: 30px; }
.padding-sm-30 {
padding: 30px; }
.mg-sm-top-30 {
margin-top: 30px; }
.padding-sm-top-30 {
padding-top: 30px; }
.mg-sm-right-30 {
margin-right: 30px; }
.padding-sm-right-30 {
padding-right: 30px; }
.mg-sm-bottom-30 {
margin-bottom: 30px; }
.padding-sm-bottom-30 {
padding-bottom: 30px; }
.mg-sm-left-30 {
margin-left: 30px; }
.padding-sm-left-30 {
padding-left: 30px; }
.mg-sm-35 {
margin: 35px; }
.padding-sm-35 {
padding: 35px; }
.mg-sm-top-35 {
margin-top: 35px; }
.padding-sm-top-35 {
padding-top: 35px; }
.mg-sm-right-35 {
margin-right: 35px; }
.padding-sm-right-35 {
padding-right: 35px; }
.mg-sm-bottom-35 {
margin-bottom: 35px; }
.padding-sm-bottom-35 {
padding-bottom: 35px; }
.mg-sm-left-35 {
margin-left: 35px; }
.padding-sm-left-35 {
padding-left: 35px; }
.mg-sm-40 {
margin: 40px; }
.padding-sm-40 {
padding: 40px; }
.mg-sm-top-40 {
margin-top: 40px; }
.padding-sm-top-40 {
padding-top: 40px; }
.mg-sm-right-40 {
margin-right: 40px; }
.padding-sm-right-40 {
padding-right: 40px; }
.mg-sm-bottom-40 {
margin-bottom: 40px; }
.padding-sm-bottom-40 {
padding-bottom: 40px; }
.mg-sm-left-40 {
margin-left: 40px; }
.padding-sm-left-40 {
padding-left: 40px; }
.mg-sm-45 {
margin: 45px; }
.padding-sm-45 {
padding: 45px; }
.mg-sm-top-45 {
margin-top: 45px; }
.padding-sm-top-45 {
padding-top: 45px; }
.mg-sm-right-45 {
margin-right: 45px; }
.padding-sm-right-45 {
padding-right: 45px; }
.mg-sm-bottom-45 {
margin-bottom: 45px; }
.padding-sm-bottom-45 {
padding-bottom: 45px; }
.mg-sm-left-45 {
margin-left: 45px; }
.padding-sm-left-45 {
padding-left: 45px; }
.mg-sm-50 {
margin: 50px; }
.padding-sm-50 {
padding: 50px; }
.mg-sm-top-50 {
margin-top: 50px; }
.padding-sm-top-50 {
padding-top: 50px; }
.mg-sm-right-50 {
margin-right: 50px; }
.padding-sm-right-50 {
padding-right: 50px; }
.mg-sm-bottom-50 {
margin-bottom: 50px; }
.padding-sm-bottom-50 {
padding-bottom: 50px; }
.mg-sm-left-50 {
margin-left: 50px; }
.padding-sm-left-50 {
padding-left: 50px; }
.mg-sm-55 {
margin: 55px; }
.padding-sm-55 {
padding: 55px; }
.mg-sm-top-55 {
margin-top: 55px; }
.padding-sm-top-55 {
padding-top: 55px; }
.mg-sm-right-55 {
margin-right: 55px; }
.padding-sm-right-55 {
padding-right: 55px; }
.mg-sm-bottom-55 {
margin-bottom: 55px; }
.padding-sm-bottom-55 {
padding-bottom: 55px; }
.mg-sm-left-55 {
margin-left: 55px; }
.padding-sm-left-55 {
padding-left: 55px; }
.mg-sm-60 {
margin: 60px; }
.padding-sm-60 {
padding: 60px; }
.mg-sm-top-60 {
margin-top: 60px; }
.padding-sm-top-60 {
padding-top: 60px; }
.mg-sm-right-60 {
margin-right: 60px; }
.padding-sm-right-60 {
padding-right: 60px; }
.mg-sm-bottom-60 {
margin-bottom: 60px; }
.padding-sm-bottom-60 {
padding-bottom: 60px; }
.mg-sm-left-60 {
margin-left: 60px; }
.padding-sm-left-60 {
padding-left: 60px; }
.mg-sm-65 {
margin: 65px; }
.padding-sm-65 {
padding: 65px; }
.mg-sm-top-65 {
margin-top: 65px; }
.padding-sm-top-65 {
padding-top: 65px; }
.mg-sm-right-65 {
margin-right: 65px; }
.padding-sm-right-65 {
padding-right: 65px; }
.mg-sm-bottom-65 {
margin-bottom: 65px; }
.padding-sm-bottom-65 {
padding-bottom: 65px; }
.mg-sm-left-65 {
margin-left: 65px; }
.padding-sm-left-65 {
padding-left: 65px; }
.mg-sm-70 {
margin: 70px; }
.padding-sm-70 {
padding: 70px; }
.mg-sm-top-70 {
margin-top: 70px; }
.padding-sm-top-70 {
padding-top: 70px; }
.mg-sm-right-70 {
margin-right: 70px; }
.padding-sm-right-70 {
padding-right: 70px; }
.mg-sm-bottom-70 {
margin-bottom: 70px; }
.padding-sm-bottom-70 {
padding-bottom: 70px; }
.mg-sm-left-70 {
margin-left: 70px; }
.padding-sm-left-70 {
padding-left: 70px; }
.mg-sm-75 {
margin: 75px; }
.padding-sm-75 {
padding: 75px; }
.mg-sm-top-75 {
margin-top: 75px; }
.padding-sm-top-75 {
padding-top: 75px; }
.mg-sm-right-75 {
margin-right: 75px; }
.padding-sm-right-75 {
padding-right: 75px; }
.mg-sm-bottom-75 {
margin-bottom: 75px; }
.padding-sm-bottom-75 {
padding-bottom: 75px; }
.mg-sm-left-75 {
margin-left: 75px; }
.padding-sm-left-75 {
padding-left: 75px; }
.mg-sm-80 {
margin: 80px; }
.padding-sm-80 {
padding: 80px; }
.mg-sm-top-80 {
margin-top: 80px; }
.padding-sm-top-80 {
padding-top: 80px; }
.mg-sm-right-80 {
margin-right: 80px; }
.padding-sm-right-80 {
padding-right: 80px; }
.mg-sm-bottom-80 {
margin-bottom: 80px; }
.padding-sm-bottom-80 {
padding-bottom: 80px; }
.mg-sm-left-80 {
margin-left: 80px; }
.padding-sm-left-80 {
padding-left: 80px; }
.mg-sm-85 {
margin: 85px; }
.padding-sm-85 {
padding: 85px; }
.mg-sm-top-85 {
margin-top: 85px; }
.padding-sm-top-85 {
padding-top: 85px; }
.mg-sm-right-85 {
margin-right: 85px; }
.padding-sm-right-85 {
padding-right: 85px; }
.mg-sm-bottom-85 {
margin-bottom: 85px; }
.padding-sm-bottom-85 {
padding-bottom: 85px; }
.mg-sm-left-85 {
margin-left: 85px; }
.padding-sm-left-85 {
padding-left: 85px; }
.mg-sm-90 {
margin: 90px; }
.padding-sm-90 {
padding: 90px; }
.mg-sm-top-90 {
margin-top: 90px; }
.padding-sm-top-90 {
padding-top: 90px; }
.mg-sm-right-90 {
margin-right: 90px; }
.padding-sm-right-90 {
padding-right: 90px; }
.mg-sm-bottom-90 {
margin-bottom: 90px; }
.padding-sm-bottom-90 {
padding-bottom: 90px; }
.mg-sm-left-90 {
margin-left: 90px; }
.padding-sm-left-90 {
padding-left: 90px; }
.mg-sm-95 {
margin: 95px; }
.padding-sm-95 {
padding: 95px; }
.mg-sm-top-95 {
margin-top: 95px; }
.padding-sm-top-95 {
padding-top: 95px; }
.mg-sm-right-95 {
margin-right: 95px; }
.padding-sm-right-95 {
padding-right: 95px; }
.mg-sm-bottom-95 {
margin-bottom: 95px; }
.padding-sm-bottom-95 {
padding-bottom: 95px; }
.mg-sm-left-95 {
margin-left: 95px; }
.padding-sm-left-95 {
padding-left: 95px; }
.mg-sm-100 {
margin: 100px; }
.padding-sm-100 {
padding: 100px; }
.mg-sm-top-100 {
margin-top: 100px; }
.padding-sm-top-100 {
padding-top: 100px; }
.mg-sm-right-100 {
margin-right: 100px; }
.padding-sm-right-100 {
padding-right: 100px; }
.mg-sm-bottom-100 {
margin-bottom: 100px; }
.padding-sm-bottom-100 {
padding-bottom: 100px; }
.mg-sm-left-100 {
margin-left: 100px; }
.padding-sm-left-100 {
padding-left: 100px; } }
@media (min-width: 575px) and (max-width: 991px) {
.mg-smo-0 {
margin: 0px; }
.padding-smo-0 {
padding: 0px; }
.mg-smo-top-0 {
margin-top: 0px; }
.padding-smo-top-0 {
padding-top: 0px; }
.mg-smo-right-0 {
margin-right: 0px; }
.padding-smo-right-0 {
padding-right: 0px; }
.mg-smo-bottom-0 {
margin-bottom: 0px; }
.padding-smo-bottom-0 {
padding-bottom: 0px; }
.mg-smo-left-0 {
margin-left: 0px; }
.padding-smo-left-0 {
padding-left: 0px; }
.mg-smo-5 {
margin: 5px; }
.padding-smo-5 {
padding: 5px; }
.mg-smo-top-5 {
margin-top: 5px; }
.padding-smo-top-5 {
padding-top: 5px; }
.mg-smo-right-5 {
margin-right: 5px; }
.padding-smo-right-5 {
padding-right: 5px; }
.mg-smo-bottom-5 {
margin-bottom: 5px; }
.padding-smo-bottom-5 {
padding-bottom: 5px; }
.mg-smo-left-5 {
margin-left: 5px; }
.padding-smo-left-5 {
padding-left: 5px; }
.mg-smo-10 {
margin: 10px; }
.padding-smo-10 {
padding: 10px; }
.mg-smo-top-10 {
margin-top: 10px; }
.padding-smo-top-10 {
padding-top: 10px; }
.mg-smo-right-10 {
margin-right: 10px; }
.padding-smo-right-10 {
padding-right: 10px; }
.mg-smo-bottom-10 {
margin-bottom: 10px; }
.padding-smo-bottom-10 {
padding-bottom: 10px; }
.mg-smo-left-10 {
margin-left: 10px; }
.padding-smo-left-10 {
padding-left: 10px; }
.mg-smo-15 {
margin: 15px; }
.padding-smo-15 {
padding: 15px; }
.mg-smo-top-15 {
margin-top: 15px; }
.padding-smo-top-15 {
padding-top: 15px; }
.mg-smo-right-15 {
margin-right: 15px; }
.padding-smo-right-15 {
padding-right: 15px; }
.mg-smo-bottom-15 {
margin-bottom: 15px; }
.padding-smo-bottom-15 {
padding-bottom: 15px; }
.mg-smo-left-15 {
margin-left: 15px; }
.padding-smo-left-15 {
padding-left: 15px; }
.mg-smo-20 {
margin: 20px; }
.padding-smo-20 {
padding: 20px; }
.mg-smo-top-20 {
margin-top: 20px; }
.padding-smo-top-20 {
padding-top: 20px; }
.mg-smo-right-20 {
margin-right: 20px; }
.padding-smo-right-20 {
padding-right: 20px; }
.mg-smo-bottom-20 {
margin-bottom: 20px; }
.padding-smo-bottom-20 {
padding-bottom: 20px; }
.mg-smo-left-20 {
margin-left: 20px; }
.padding-smo-left-20 {
padding-left: 20px; }
.mg-smo-25 {
margin: 25px; }
.padding-smo-25 {
padding: 25px; }
.mg-smo-top-25 {
margin-top: 25px; }
.padding-smo-top-25 {
padding-top: 25px; }
.mg-smo-right-25 {
margin-right: 25px; }
.padding-smo-right-25 {
padding-right: 25px; }
.mg-smo-bottom-25 {
margin-bottom: 25px; }
.padding-smo-bottom-25 {
padding-bottom: 25px; }
.mg-smo-left-25 {
margin-left: 25px; }
.padding-smo-left-25 {
padding-left: 25px; }
.mg-smo-30 {
margin: 30px; }
.padding-smo-30 {
padding: 30px; }
.mg-smo-top-30 {
margin-top: 30px; }
.padding-smo-top-30 {
padding-top: 30px; }
.mg-smo-right-30 {
margin-right: 30px; }
.padding-smo-right-30 {
padding-right: 30px; }
.mg-smo-bottom-30 {
margin-bottom: 30px; }
.padding-smo-bottom-30 {
padding-bottom: 30px; }
.mg-smo-left-30 {
margin-left: 30px; }
.padding-smo-left-30 {
padding-left: 30px; }
.mg-smo-35 {
margin: 35px; }
.padding-smo-35 {
padding: 35px; }
.mg-smo-top-35 {
margin-top: 35px; }
.padding-smo-top-35 {
padding-top: 35px; }
.mg-smo-right-35 {
margin-right: 35px; }
.padding-smo-right-35 {
padding-right: 35px; }
.mg-smo-bottom-35 {
margin-bottom: 35px; }
.padding-smo-bottom-35 {
padding-bottom: 35px; }
.mg-smo-left-35 {
margin-left: 35px; }
.padding-smo-left-35 {
padding-left: 35px; }
.mg-smo-40 {
margin: 40px; }
.padding-smo-40 {
padding: 40px; }
.mg-smo-top-40 {
margin-top: 40px; }
.padding-smo-top-40 {
padding-top: 40px; }
.mg-smo-right-40 {
margin-right: 40px; }
.padding-smo-right-40 {
padding-right: 40px; }
.mg-smo-bottom-40 {
margin-bottom: 40px; }
.padding-smo-bottom-40 {
padding-bottom: 40px; }
.mg-smo-left-40 {
margin-left: 40px; }
.padding-smo-left-40 {
padding-left: 40px; }
.mg-smo-45 {
margin: 45px; }
.padding-smo-45 {
padding: 45px; }
.mg-smo-top-45 {
margin-top: 45px; }
.padding-smo-top-45 {
padding-top: 45px; }
.mg-smo-right-45 {
margin-right: 45px; }
.padding-smo-right-45 {
padding-right: 45px; }
.mg-smo-bottom-45 {
margin-bottom: 45px; }
.padding-smo-bottom-45 {
padding-bottom: 45px; }
.mg-smo-left-45 {
margin-left: 45px; }
.padding-smo-left-45 {
padding-left: 45px; }
.mg-smo-50 {
margin: 50px; }
.padding-smo-50 {
padding: 50px; }
.mg-smo-top-50 {
margin-top: 50px; }
.padding-smo-top-50 {
padding-top: 50px; }
.mg-smo-right-50 {
margin-right: 50px; }
.padding-smo-right-50 {
padding-right: 50px; }
.mg-smo-bottom-50 {
margin-bottom: 50px; }
.padding-smo-bottom-50 {
padding-bottom: 50px; }
.mg-smo-left-50 {
margin-left: 50px; }
.padding-smo-left-50 {
padding-left: 50px; }
.mg-smo-55 {
margin: 55px; }
.padding-smo-55 {
padding: 55px; }
.mg-smo-top-55 {
margin-top: 55px; }
.padding-smo-top-55 {
padding-top: 55px; }
.mg-smo-right-55 {
margin-right: 55px; }
.padding-smo-right-55 {
padding-right: 55px; }
.mg-smo-bottom-55 {
margin-bottom: 55px; }
.padding-smo-bottom-55 {
padding-bottom: 55px; }
.mg-smo-left-55 {
margin-left: 55px; }
.padding-smo-left-55 {
padding-left: 55px; }
.mg-smo-60 {
margin: 60px; }
.padding-smo-60 {
padding: 60px; }
.mg-smo-top-60 {
margin-top: 60px; }
.padding-smo-top-60 {
padding-top: 60px; }
.mg-smo-right-60 {
margin-right: 60px; }
.padding-smo-right-60 {
padding-right: 60px; }
.mg-smo-bottom-60 {
margin-bottom: 60px; }
.padding-smo-bottom-60 {
padding-bottom: 60px; }
.mg-smo-left-60 {
margin-left: 60px; }
.padding-smo-left-60 {
padding-left: 60px; }
.mg-smo-65 {
margin: 65px; }
.padding-smo-65 {
padding: 65px; }
.mg-smo-top-65 {
margin-top: 65px; }
.padding-smo-top-65 {
padding-top: 65px; }
.mg-smo-right-65 {
margin-right: 65px; }
.padding-smo-right-65 {
padding-right: 65px; }
.mg-smo-bottom-65 {
margin-bottom: 65px; }
.padding-smo-bottom-65 {
padding-bottom: 65px; }
.mg-smo-left-65 {
margin-left: 65px; }
.padding-smo-left-65 {
padding-left: 65px; }
.mg-smo-70 {
margin: 70px; }
.padding-smo-70 {
padding: 70px; }
.mg-smo-top-70 {
margin-top: 70px; }
.padding-smo-top-70 {
padding-top: 70px; }
.mg-smo-right-70 {
margin-right: 70px; }
.padding-smo-right-70 {
padding-right: 70px; }
.mg-smo-bottom-70 {
margin-bottom: 70px; }
.padding-smo-bottom-70 {
padding-bottom: 70px; }
.mg-smo-left-70 {
margin-left: 70px; }
.padding-smo-left-70 {
padding-left: 70px; }
.mg-smo-75 {
margin: 75px; }
.padding-smo-75 {
padding: 75px; }
.mg-smo-top-75 {
margin-top: 75px; }
.padding-smo-top-75 {
padding-top: 75px; }
.mg-smo-right-75 {
margin-right: 75px; }
.padding-smo-right-75 {
padding-right: 75px; }
.mg-smo-bottom-75 {
margin-bottom: 75px; }
.padding-smo-bottom-75 {
padding-bottom: 75px; }
.mg-smo-left-75 {
margin-left: 75px; }
.padding-smo-left-75 {
padding-left: 75px; }
.mg-smo-80 {
margin: 80px; }
.padding-smo-80 {
padding: 80px; }
.mg-smo-top-80 {
margin-top: 80px; }
.padding-smo-top-80 {
padding-top: 80px; }
.mg-smo-right-80 {
margin-right: 80px; }
.padding-smo-right-80 {
padding-right: 80px; }
.mg-smo-bottom-80 {
margin-bottom: 80px; }
.padding-smo-bottom-80 {
padding-bottom: 80px; }
.mg-smo-left-80 {
margin-left: 80px; }
.padding-smo-left-80 {
padding-left: 80px; }
.mg-smo-85 {
margin: 85px; }
.padding-smo-85 {
padding: 85px; }
.mg-smo-top-85 {
margin-top: 85px; }
.padding-smo-top-85 {
padding-top: 85px; }
.mg-smo-right-85 {
margin-right: 85px; }
.padding-smo-right-85 {
padding-right: 85px; }
.mg-smo-bottom-85 {
margin-bottom: 85px; }
.padding-smo-bottom-85 {
padding-bottom: 85px; }
.mg-smo-left-85 {
margin-left: 85px; }
.padding-smo-left-85 {
padding-left: 85px; }
.mg-smo-90 {
margin: 90px; }
.padding-smo-90 {
padding: 90px; }
.mg-smo-top-90 {
margin-top: 90px; }
.padding-smo-top-90 {
padding-top: 90px; }
.mg-smo-right-90 {
margin-right: 90px; }
.padding-smo-right-90 {
padding-right: 90px; }
.mg-smo-bottom-90 {
margin-bottom: 90px; }
.padding-smo-bottom-90 {
padding-bottom: 90px; }
.mg-smo-left-90 {
margin-left: 90px; }
.padding-smo-left-90 {
padding-left: 90px; }
.mg-smo-95 {
margin: 95px; }
.padding-smo-95 {
padding: 95px; }
.mg-smo-top-95 {
margin-top: 95px; }
.padding-smo-top-95 {
padding-top: 95px; }
.mg-smo-right-95 {
margin-right: 95px; }
.padding-smo-right-95 {
padding-right: 95px; }
.mg-smo-bottom-95 {
margin-bottom: 95px; }
.padding-smo-bottom-95 {
padding-bottom: 95px; }
.mg-smo-left-95 {
margin-left: 95px; }
.padding-smo-left-95 {
padding-left: 95px; }
.mg-smo-100 {
margin: 100px; }
.padding-smo-100 {
padding: 100px; }
.mg-smo-top-100 {
margin-top: 100px; }
.padding-smo-top-100 {
padding-top: 100px; }
.mg-smo-right-100 {
margin-right: 100px; }
.padding-smo-right-100 {
padding-right: 100px; }
.mg-smo-bottom-100 {
margin-bottom: 100px; }
.padding-smo-bottom-100 {
padding-bottom: 100px; }
.mg-smo-left-100 {
margin-left: 100px; }
.padding-smo-left-100 {
padding-left: 100px; } }
@media (max-width: 991px) {
.mg-smb-0 {
margin: 0px; }
.padding-smb-0 {
padding: 0px; }
.mg-smb-top-0 {
margin-top: 0px; }
.padding-smb-top-0 {
padding-top: 0px; }
.mg-smb-right-0 {
margin-right: 0px; }
.padding-smb-right-0 {
padding-right: 0px; }
.mg-smb-bottom-0 {
margin-bottom: 0px; }
.padding-smb-bottom-0 {
padding-bottom: 0px; }
.mg-smb-left-0 {
margin-left: 0px; }
.padding-smb-left-0 {
padding-left: 0px; }
.mg-smb-5 {
margin: 5px; }
.padding-smb-5 {
padding: 5px; }
.mg-smb-top-5 {
margin-top: 5px; }
.padding-smb-top-5 {
padding-top: 5px; }
.mg-smb-right-5 {
margin-right: 5px; }
.padding-smb-right-5 {
padding-right: 5px; }
.mg-smb-bottom-5 {
margin-bottom: 5px; }
.padding-smb-bottom-5 {
padding-bottom: 5px; }
.mg-smb-left-5 {
margin-left: 5px; }
.padding-smb-left-5 {
padding-left: 5px; }
.mg-smb-10 {
margin: 10px; }
.padding-smb-10 {
padding: 10px; }
.mg-smb-top-10 {
margin-top: 10px; }
.padding-smb-top-10 {
padding-top: 10px; }
.mg-smb-right-10 {
margin-right: 10px; }
.padding-smb-right-10 {
padding-right: 10px; }
.mg-smb-bottom-10 {
margin-bottom: 10px; }
.padding-smb-bottom-10 {
padding-bottom: 10px; }
.mg-smb-left-10 {
margin-left: 10px; }
.padding-smb-left-10 {
padding-left: 10px; }
.mg-smb-15 {
margin: 15px; }
.padding-smb-15 {
padding: 15px; }
.mg-smb-top-15 {
margin-top: 15px; }
.padding-smb-top-15 {
padding-top: 15px; }
.mg-smb-right-15 {
margin-right: 15px; }
.padding-smb-right-15 {
padding-right: 15px; }
.mg-smb-bottom-15 {
margin-bottom: 15px; }
.padding-smb-bottom-15 {
padding-bottom: 15px; }
.mg-smb-left-15 {
margin-left: 15px; }
.padding-smb-left-15 {
padding-left: 15px; }
.mg-smb-20 {
margin: 20px; }
.padding-smb-20 {
padding: 20px; }
.mg-smb-top-20 {
margin-top: 20px; }
.padding-smb-top-20 {
padding-top: 20px; }
.mg-smb-right-20 {
margin-right: 20px; }
.padding-smb-right-20 {
padding-right: 20px; }
.mg-smb-bottom-20 {
margin-bottom: 20px; }
.padding-smb-bottom-20 {
padding-bottom: 20px; }
.mg-smb-left-20 {
margin-left: 20px; }
.padding-smb-left-20 {
padding-left: 20px; }
.mg-smb-25 {
margin: 25px; }
.padding-smb-25 {
padding: 25px; }
.mg-smb-top-25 {
margin-top: 25px; }
.padding-smb-top-25 {
padding-top: 25px; }
.mg-smb-right-25 {
margin-right: 25px; }
.padding-smb-right-25 {
padding-right: 25px; }
.mg-smb-bottom-25 {
margin-bottom: 25px; }
.padding-smb-bottom-25 {
padding-bottom: 25px; }
.mg-smb-left-25 {
margin-left: 25px; }
.padding-smb-left-25 {
padding-left: 25px; }
.mg-smb-30 {
margin: 30px; }
.padding-smb-30 {
padding: 30px; }
.mg-smb-top-30 {
margin-top: 30px; }
.padding-smb-top-30 {
padding-top: 30px; }
.mg-smb-right-30 {
margin-right: 30px; }
.padding-smb-right-30 {
padding-right: 30px; }
.mg-smb-bottom-30 {
margin-bottom: 30px; }
.padding-smb-bottom-30 {
padding-bottom: 30px; }
.mg-smb-left-30 {
margin-left: 30px; }
.padding-smb-left-30 {
padding-left: 30px; }
.mg-smb-35 {
margin: 35px; }
.padding-smb-35 {
padding: 35px; }
.mg-smb-top-35 {
margin-top: 35px; }
.padding-smb-top-35 {
padding-top: 35px; }
.mg-smb-right-35 {
margin-right: 35px; }
.padding-smb-right-35 {
padding-right: 35px; }
.mg-smb-bottom-35 {
margin-bottom: 35px; }
.padding-smb-bottom-35 {
padding-bottom: 35px; }
.mg-smb-left-35 {
margin-left: 35px; }
.padding-smb-left-35 {
padding-left: 35px; }
.mg-smb-40 {
margin: 40px; }
.padding-smb-40 {
padding: 40px; }
.mg-smb-top-40 {
margin-top: 40px; }
.padding-smb-top-40 {
padding-top: 40px; }
.mg-smb-right-40 {
margin-right: 40px; }
.padding-smb-right-40 {
padding-right: 40px; }
.mg-smb-bottom-40 {
margin-bottom: 40px; }
.padding-smb-bottom-40 {
padding-bottom: 40px; }
.mg-smb-left-40 {
margin-left: 40px; }
.padding-smb-left-40 {
padding-left: 40px; }
.mg-smb-45 {
margin: 45px; }
.padding-smb-45 {
padding: 45px; }
.mg-smb-top-45 {
margin-top: 45px; }
.padding-smb-top-45 {
padding-top: 45px; }
.mg-smb-right-45 {
margin-right: 45px; }
.padding-smb-right-45 {
padding-right: 45px; }
.mg-smb-bottom-45 {
margin-bottom: 45px; }
.padding-smb-bottom-45 {
padding-bottom: 45px; }
.mg-smb-left-45 {
margin-left: 45px; }
.padding-smb-left-45 {
padding-left: 45px; }
.mg-smb-50 {
margin: 50px; }
.padding-smb-50 {
padding: 50px; }
.mg-smb-top-50 {
margin-top: 50px; }
.padding-smb-top-50 {
padding-top: 50px; }
.mg-smb-right-50 {
margin-right: 50px; }
.padding-smb-right-50 {
padding-right: 50px; }
.mg-smb-bottom-50 {
margin-bottom: 50px; }
.padding-smb-bottom-50 {
padding-bottom: 50px; }
.mg-smb-left-50 {
margin-left: 50px; }
.padding-smb-left-50 {
padding-left: 50px; }
.mg-smb-55 {
margin: 55px; }
.padding-smb-55 {
padding: 55px; }
.mg-smb-top-55 {
margin-top: 55px; }
.padding-smb-top-55 {
padding-top: 55px; }
.mg-smb-right-55 {
margin-right: 55px; }
.padding-smb-right-55 {
padding-right: 55px; }
.mg-smb-bottom-55 {
margin-bottom: 55px; }
.padding-smb-bottom-55 {
padding-bottom: 55px; }
.mg-smb-left-55 {
margin-left: 55px; }
.padding-smb-left-55 {
padding-left: 55px; }
.mg-smb-60 {
margin: 60px; }
.padding-smb-60 {
padding: 60px; }
.mg-smb-top-60 {
margin-top: 60px; }
.padding-smb-top-60 {
padding-top: 60px; }
.mg-smb-right-60 {
margin-right: 60px; }
.padding-smb-right-60 {
padding-right: 60px; }
.mg-smb-bottom-60 {
margin-bottom: 60px; }
.padding-smb-bottom-60 {
padding-bottom: 60px; }
.mg-smb-left-60 {
margin-left: 60px; }
.padding-smb-left-60 {
padding-left: 60px; }
.mg-smb-65 {
margin: 65px; }
.padding-smb-65 {
padding: 65px; }
.mg-smb-top-65 {
margin-top: 65px; }
.padding-smb-top-65 {
padding-top: 65px; }
.mg-smb-right-65 {
margin-right: 65px; }
.padding-smb-right-65 {
padding-right: 65px; }
.mg-smb-bottom-65 {
margin-bottom: 65px; }
.padding-smb-bottom-65 {
padding-bottom: 65px; }
.mg-smb-left-65 {
margin-left: 65px; }
.padding-smb-left-65 {
padding-left: 65px; }
.mg-smb-70 {
margin: 70px; }
.padding-smb-70 {
padding: 70px; }
.mg-smb-top-70 {
margin-top: 70px; }
.padding-smb-top-70 {
padding-top: 70px; }
.mg-smb-right-70 {
margin-right: 70px; }
.padding-smb-right-70 {
padding-right: 70px; }
.mg-smb-bottom-70 {
margin-bottom: 70px; }
.padding-smb-bottom-70 {
padding-bottom: 70px; }
.mg-smb-left-70 {
margin-left: 70px; }
.padding-smb-left-70 {
padding-left: 70px; }
.mg-smb-75 {
margin: 75px; }
.padding-smb-75 {
padding: 75px; }
.mg-smb-top-75 {
margin-top: 75px; }
.padding-smb-top-75 {
padding-top: 75px; }
.mg-smb-right-75 {
margin-right: 75px; }
.padding-smb-right-75 {
padding-right: 75px; }
.mg-smb-bottom-75 {
margin-bottom: 75px; }
.padding-smb-bottom-75 {
padding-bottom: 75px; }
.mg-smb-left-75 {
margin-left: 75px; }
.padding-smb-left-75 {
padding-left: 75px; }
.mg-smb-80 {
margin: 80px; }
.padding-smb-80 {
padding: 80px; }
.mg-smb-top-80 {
margin-top: 80px; }
.padding-smb-top-80 {
padding-top: 80px; }
.mg-smb-right-80 {
margin-right: 80px; }
.padding-smb-right-80 {
padding-right: 80px; }
.mg-smb-bottom-80 {
margin-bottom: 80px; }
.padding-smb-bottom-80 {
padding-bottom: 80px; }
.mg-smb-left-80 {
margin-left: 80px; }
.padding-smb-left-80 {
padding-left: 80px; }
.mg-smb-85 {
margin: 85px; }
.padding-smb-85 {
padding: 85px; }
.mg-smb-top-85 {
margin-top: 85px; }
.padding-smb-top-85 {
padding-top: 85px; }
.mg-smb-right-85 {
margin-right: 85px; }
.padding-smb-right-85 {
padding-right: 85px; }
.mg-smb-bottom-85 {
margin-bottom: 85px; }
.padding-smb-bottom-85 {
padding-bottom: 85px; }
.mg-smb-left-85 {
margin-left: 85px; }
.padding-smb-left-85 {
padding-left: 85px; }
.mg-smb-90 {
margin: 90px; }
.padding-smb-90 {
padding: 90px; }
.mg-smb-top-90 {
margin-top: 90px; }
.padding-smb-top-90 {
padding-top: 90px; }
.mg-smb-right-90 {
margin-right: 90px; }
.padding-smb-right-90 {
padding-right: 90px; }
.mg-smb-bottom-90 {
margin-bottom: 90px; }
.padding-smb-bottom-90 {
padding-bottom: 90px; }
.mg-smb-left-90 {
margin-left: 90px; }
.padding-smb-left-90 {
padding-left: 90px; }
.mg-smb-95 {
margin: 95px; }
.padding-smb-95 {
padding: 95px; }
.mg-smb-top-95 {
margin-top: 95px; }
.padding-smb-top-95 {
padding-top: 95px; }
.mg-smb-right-95 {
margin-right: 95px; }
.padding-smb-right-95 {
padding-right: 95px; }
.mg-smb-bottom-95 {
margin-bottom: 95px; }
.padding-smb-bottom-95 {
padding-bottom: 95px; }
.mg-smb-left-95 {
margin-left: 95px; }
.padding-smb-left-95 {
padding-left: 95px; }
.mg-smb-100 {
margin: 100px; }
.padding-smb-100 {
padding: 100px; }
.mg-smb-top-100 {
margin-top: 100px; }
.padding-smb-top-100 {
padding-top: 100px; }
.mg-smb-right-100 {
margin-right: 100px; }
.padding-smb-right-100 {
padding-right: 100px; }
.mg-smb-bottom-100 {
margin-bottom: 100px; }
.padding-smb-bottom-100 {
padding-bottom: 100px; }
.mg-smb-left-100 {
margin-left: 100px; }
.padding-smb-left-100 {
padding-left: 100px; } }
@media (min-width: 992px) {
.mg-md-0 {
margin: 0px; }
.padding-md-0 {
padding: 0px; }
.mg-md-top-0 {
margin-top: 0px; }
.padding-md-top-0 {
padding-top: 0px; }
.mg-md-right-0 {
margin-right: 0px; }
.padding-md-right-0 {
padding-right: 0px; }
.mg-md-bottom-0 {
margin-bottom: 0px; }
.padding-md-bottom-0 {
padding-bottom: 0px; }
.mg-md-left-0 {
margin-left: 0px; }
.padding-md-left-0 {
padding-left: 0px; }
.mg-md-5 {
margin: 5px; }
.padding-md-5 {
padding: 5px; }
.mg-md-top-5 {
margin-top: 5px; }
.padding-md-top-5 {
padding-top: 5px; }
.mg-md-right-5 {
margin-right: 5px; }
.padding-md-right-5 {
padding-right: 5px; }
.mg-md-bottom-5 {
margin-bottom: 5px; }
.padding-md-bottom-5 {
padding-bottom: 5px; }
.mg-md-left-5 {
margin-left: 5px; }
.padding-md-left-5 {
padding-left: 5px; }
.mg-md-10 {
margin: 10px; }
.padding-md-10 {
padding: 10px; }
.mg-md-top-10 {
margin-top: 10px; }
.padding-md-top-10 {
padding-top: 10px; }
.mg-md-right-10 {
margin-right: 10px; }
.padding-md-right-10 {
padding-right: 10px; }
.mg-md-bottom-10 {
margin-bottom: 10px; }
.padding-md-bottom-10 {
padding-bottom: 10px; }
.mg-md-left-10 {
margin-left: 10px; }
.padding-md-left-10 {
padding-left: 10px; }
.mg-md-15 {
margin: 15px; }
.padding-md-15 {
padding: 15px; }
.mg-md-top-15 {
margin-top: 15px; }
.padding-md-top-15 {
padding-top: 15px; }
.mg-md-right-15 {
margin-right: 15px; }
.padding-md-right-15 {
padding-right: 15px; }
.mg-md-bottom-15 {
margin-bottom: 15px; }
.padding-md-bottom-15 {
padding-bottom: 15px; }
.mg-md-left-15 {
margin-left: 15px; }
.padding-md-left-15 {
padding-left: 15px; }
.mg-md-20 {
margin: 20px; }
.padding-md-20 {
padding: 20px; }
.mg-md-top-20 {
margin-top: 20px; }
.padding-md-top-20 {
padding-top: 20px; }
.mg-md-right-20 {
margin-right: 20px; }
.padding-md-right-20 {
padding-right: 20px; }
.mg-md-bottom-20 {
margin-bottom: 20px; }
.padding-md-bottom-20 {
padding-bottom: 20px; }
.mg-md-left-20 {
margin-left: 20px; }
.padding-md-left-20 {
padding-left: 20px; }
.mg-md-25 {
margin: 25px; }
.padding-md-25 {
padding: 25px; }
.mg-md-top-25 {
margin-top: 25px; }
.padding-md-top-25 {
padding-top: 25px; }
.mg-md-right-25 {
margin-right: 25px; }
.padding-md-right-25 {
padding-right: 25px; }
.mg-md-bottom-25 {
margin-bottom: 25px; }
.padding-md-bottom-25 {
padding-bottom: 25px; }
.mg-md-left-25 {
margin-left: 25px; }
.padding-md-left-25 {
padding-left: 25px; }
.mg-md-30 {
margin: 30px; }
.padding-md-30 {
padding: 30px; }
.mg-md-top-30 {
margin-top: 30px; }
.padding-md-top-30 {
padding-top: 30px; }
.mg-md-right-30 {
margin-right: 30px; }
.padding-md-right-30 {
padding-right: 30px; }
.mg-md-bottom-30 {
margin-bottom: 30px; }
.padding-md-bottom-30 {
padding-bottom: 30px; }
.mg-md-left-30 {
margin-left: 30px; }
.padding-md-left-30 {
padding-left: 30px; }
.mg-md-35 {
margin: 35px; }
.padding-md-35 {
padding: 35px; }
.mg-md-top-35 {
margin-top: 35px; }
.padding-md-top-35 {
padding-top: 35px; }
.mg-md-right-35 {
margin-right: 35px; }
.padding-md-right-35 {
padding-right: 35px; }
.mg-md-bottom-35 {
margin-bottom: 35px; }
.padding-md-bottom-35 {
padding-bottom: 35px; }
.mg-md-left-35 {
margin-left: 35px; }
.padding-md-left-35 {
padding-left: 35px; }
.mg-md-40 {
margin: 40px; }
.padding-md-40 {
padding: 40px; }
.mg-md-top-40 {
margin-top: 40px; }
.padding-md-top-40 {
padding-top: 40px; }
.mg-md-right-40 {
margin-right: 40px; }
.padding-md-right-40 {
padding-right: 40px; }
.mg-md-bottom-40 {
margin-bottom: 40px; }
.padding-md-bottom-40 {
padding-bottom: 40px; }
.mg-md-left-40 {
margin-left: 40px; }
.padding-md-left-40 {
padding-left: 40px; }
.mg-md-45 {
margin: 45px; }
.padding-md-45 {
padding: 45px; }
.mg-md-top-45 {
margin-top: 45px; }
.padding-md-top-45 {
padding-top: 45px; }
.mg-md-right-45 {
margin-right: 45px; }
.padding-md-right-45 {
padding-right: 45px; }
.mg-md-bottom-45 {
margin-bottom: 45px; }
.padding-md-bottom-45 {
padding-bottom: 45px; }
.mg-md-left-45 {
margin-left: 45px; }
.padding-md-left-45 {
padding-left: 45px; }
.mg-md-50 {
margin: 50px; }
.padding-md-50 {
padding: 50px; }
.mg-md-top-50 {
margin-top: 50px; }
.padding-md-top-50 {
padding-top: 50px; }
.mg-md-right-50 {
margin-right: 50px; }
.padding-md-right-50 {
padding-right: 50px; }
.mg-md-bottom-50 {
margin-bottom: 50px; }
.padding-md-bottom-50 {
padding-bottom: 50px; }
.mg-md-left-50 {
margin-left: 50px; }
.padding-md-left-50 {
padding-left: 50px; }
.mg-md-55 {
margin: 55px; }
.padding-md-55 {
padding: 55px; }
.mg-md-top-55 {
margin-top: 55px; }
.padding-md-top-55 {
padding-top: 55px; }
.mg-md-right-55 {
margin-right: 55px; }
.padding-md-right-55 {
padding-right: 55px; }
.mg-md-bottom-55 {
margin-bottom: 55px; }
.padding-md-bottom-55 {
padding-bottom: 55px; }
.mg-md-left-55 {
margin-left: 55px; }
.padding-md-left-55 {
padding-left: 55px; }
.mg-md-60 {
margin: 60px; }
.padding-md-60 {
padding: 60px; }
.mg-md-top-60 {
margin-top: 60px; }
.padding-md-top-60 {
padding-top: 60px; }
.mg-md-right-60 {
margin-right: 60px; }
.padding-md-right-60 {
padding-right: 60px; }
.mg-md-bottom-60 {
margin-bottom: 60px; }
.padding-md-bottom-60 {
padding-bottom: 60px; }
.mg-md-left-60 {
margin-left: 60px; }
.padding-md-left-60 {
padding-left: 60px; }
.mg-md-65 {
margin: 65px; }
.padding-md-65 {
padding: 65px; }
.mg-md-top-65 {
margin-top: 65px; }
.padding-md-top-65 {
padding-top: 65px; }
.mg-md-right-65 {
margin-right: 65px; }
.padding-md-right-65 {
padding-right: 65px; }
.mg-md-bottom-65 {
margin-bottom: 65px; }
.padding-md-bottom-65 {
padding-bottom: 65px; }
.mg-md-left-65 {
margin-left: 65px; }
.padding-md-left-65 {
padding-left: 65px; }
.mg-md-70 {
margin: 70px; }
.padding-md-70 {
padding: 70px; }
.mg-md-top-70 {
margin-top: 70px; }
.padding-md-top-70 {
padding-top: 70px; }
.mg-md-right-70 {
margin-right: 70px; }
.padding-md-right-70 {
padding-right: 70px; }
.mg-md-bottom-70 {
margin-bottom: 70px; }
.padding-md-bottom-70 {
padding-bottom: 70px; }
.mg-md-left-70 {
margin-left: 70px; }
.padding-md-left-70 {
padding-left: 70px; }
.mg-md-75 {
margin: 75px; }
.padding-md-75 {
padding: 75px; }
.mg-md-top-75 {
margin-top: 75px; }
.padding-md-top-75 {
padding-top: 75px; }
.mg-md-right-75 {
margin-right: 75px; }
.padding-md-right-75 {
padding-right: 75px; }
.mg-md-bottom-75 {
margin-bottom: 75px; }
.padding-md-bottom-75 {
padding-bottom: 75px; }
.mg-md-left-75 {
margin-left: 75px; }
.padding-md-left-75 {
padding-left: 75px; }
.mg-md-80 {
margin: 80px; }
.padding-md-80 {
padding: 80px; }
.mg-md-top-80 {
margin-top: 80px; }
.padding-md-top-80 {
padding-top: 80px; }
.mg-md-right-80 {
margin-right: 80px; }
.padding-md-right-80 {
padding-right: 80px; }
.mg-md-bottom-80 {
margin-bottom: 80px; }
.padding-md-bottom-80 {
padding-bottom: 80px; }
.mg-md-left-80 {
margin-left: 80px; }
.padding-md-left-80 {
padding-left: 80px; }
.mg-md-85 {
margin: 85px; }
.padding-md-85 {
padding: 85px; }
.mg-md-top-85 {
margin-top: 85px; }
.padding-md-top-85 {
padding-top: 85px; }
.mg-md-right-85 {
margin-right: 85px; }
.padding-md-right-85 {
padding-right: 85px; }
.mg-md-bottom-85 {
margin-bottom: 85px; }
.padding-md-bottom-85 {
padding-bottom: 85px; }
.mg-md-left-85 {
margin-left: 85px; }
.padding-md-left-85 {
padding-left: 85px; }
.mg-md-90 {
margin: 90px; }
.padding-md-90 {
padding: 90px; }
.mg-md-top-90 {
margin-top: 90px; }
.padding-md-top-90 {
padding-top: 90px; }
.mg-md-right-90 {
margin-right: 90px; }
.padding-md-right-90 {
padding-right: 90px; }
.mg-md-bottom-90 {
margin-bottom: 90px; }
.padding-md-bottom-90 {
padding-bottom: 90px; }
.mg-md-left-90 {
margin-left: 90px; }
.padding-md-left-90 {
padding-left: 90px; }
.mg-md-95 {
margin: 95px; }
.padding-md-95 {
padding: 95px; }
.mg-md-top-95 {
margin-top: 95px; }
.padding-md-top-95 {
padding-top: 95px; }
.mg-md-right-95 {
margin-right: 95px; }
.padding-md-right-95 {
padding-right: 95px; }
.mg-md-bottom-95 {
margin-bottom: 95px; }
.padding-md-bottom-95 {
padding-bottom: 95px; }
.mg-md-left-95 {
margin-left: 95px; }
.padding-md-left-95 {
padding-left: 95px; }
.mg-md-100 {
margin: 100px; }
.padding-md-100 {
padding: 100px; }
.mg-md-top-100 {
margin-top: 100px; }
.padding-md-top-100 {
padding-top: 100px; }
.mg-md-right-100 {
margin-right: 100px; }
.padding-md-right-100 {
padding-right: 100px; }
.mg-md-bottom-100 {
margin-bottom: 100px; }
.padding-md-bottom-100 {
padding-bottom: 100px; }
.mg-md-left-100 {
margin-left: 100px; }
.padding-md-left-100 {
padding-left: 100px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.mg-mdo-0 {
margin: 0px; }
.padding-mdo-0 {
padding: 0px; }
.mg-mdo-top-0 {
margin-top: 0px; }
.padding-mdo-top-0 {
padding-top: 0px; }
.mg-mdo-right-0 {
margin-right: 0px; }
.padding-mdo-right-0 {
padding-right: 0px; }
.mg-mdo-bottom-0 {
margin-bottom: 0px; }
.padding-mdo-bottom-0 {
padding-bottom: 0px; }
.mg-mdo-left-0 {
margin-left: 0px; }
.padding-mdo-left-0 {
padding-left: 0px; }
.mg-mdo-5 {
margin: 5px; }
.padding-mdo-5 {
padding: 5px; }
.mg-mdo-top-5 {
margin-top: 5px; }
.padding-mdo-top-5 {
padding-top: 5px; }
.mg-mdo-right-5 {
margin-right: 5px; }
.padding-mdo-right-5 {
padding-right: 5px; }
.mg-mdo-bottom-5 {
margin-bottom: 5px; }
.padding-mdo-bottom-5 {
padding-bottom: 5px; }
.mg-mdo-left-5 {
margin-left: 5px; }
.padding-mdo-left-5 {
padding-left: 5px; }
.mg-mdo-10 {
margin: 10px; }
.padding-mdo-10 {
padding: 10px; }
.mg-mdo-top-10 {
margin-top: 10px; }
.padding-mdo-top-10 {
padding-top: 10px; }
.mg-mdo-right-10 {
margin-right: 10px; }
.padding-mdo-right-10 {
padding-right: 10px; }
.mg-mdo-bottom-10 {
margin-bottom: 10px; }
.padding-mdo-bottom-10 {
padding-bottom: 10px; }
.mg-mdo-left-10 {
margin-left: 10px; }
.padding-mdo-left-10 {
padding-left: 10px; }
.mg-mdo-15 {
margin: 15px; }
.padding-mdo-15 {
padding: 15px; }
.mg-mdo-top-15 {
margin-top: 15px; }
.padding-mdo-top-15 {
padding-top: 15px; }
.mg-mdo-right-15 {
margin-right: 15px; }
.padding-mdo-right-15 {
padding-right: 15px; }
.mg-mdo-bottom-15 {
margin-bottom: 15px; }
.padding-mdo-bottom-15 {
padding-bottom: 15px; }
.mg-mdo-left-15 {
margin-left: 15px; }
.padding-mdo-left-15 {
padding-left: 15px; }
.mg-mdo-20 {
margin: 20px; }
.padding-mdo-20 {
padding: 20px; }
.mg-mdo-top-20 {
margin-top: 20px; }
.padding-mdo-top-20 {
padding-top: 20px; }
.mg-mdo-right-20 {
margin-right: 20px; }
.padding-mdo-right-20 {
padding-right: 20px; }
.mg-mdo-bottom-20 {
margin-bottom: 20px; }
.padding-mdo-bottom-20 {
padding-bottom: 20px; }
.mg-mdo-left-20 {
margin-left: 20px; }
.padding-mdo-left-20 {
padding-left: 20px; }
.mg-mdo-25 {
margin: 25px; }
.padding-mdo-25 {
padding: 25px; }
.mg-mdo-top-25 {
margin-top: 25px; }
.padding-mdo-top-25 {
padding-top: 25px; }
.mg-mdo-right-25 {
margin-right: 25px; }
.padding-mdo-right-25 {
padding-right: 25px; }
.mg-mdo-bottom-25 {
margin-bottom: 25px; }
.padding-mdo-bottom-25 {
padding-bottom: 25px; }
.mg-mdo-left-25 {
margin-left: 25px; }
.padding-mdo-left-25 {
padding-left: 25px; }
.mg-mdo-30 {
margin: 30px; }
.padding-mdo-30 {
padding: 30px; }
.mg-mdo-top-30 {
margin-top: 30px; }
.padding-mdo-top-30 {
padding-top: 30px; }
.mg-mdo-right-30 {
margin-right: 30px; }
.padding-mdo-right-30 {
padding-right: 30px; }
.mg-mdo-bottom-30 {
margin-bottom: 30px; }
.padding-mdo-bottom-30 {
padding-bottom: 30px; }
.mg-mdo-left-30 {
margin-left: 30px; }
.padding-mdo-left-30 {
padding-left: 30px; }
.mg-mdo-35 {
margin: 35px; }
.padding-mdo-35 {
padding: 35px; }
.mg-mdo-top-35 {
margin-top: 35px; }
.padding-mdo-top-35 {
padding-top: 35px; }
.mg-mdo-right-35 {
margin-right: 35px; }
.padding-mdo-right-35 {
padding-right: 35px; }
.mg-mdo-bottom-35 {
margin-bottom: 35px; }
.padding-mdo-bottom-35 {
padding-bottom: 35px; }
.mg-mdo-left-35 {
margin-left: 35px; }
.padding-mdo-left-35 {
padding-left: 35px; }
.mg-mdo-40 {
margin: 40px; }
.padding-mdo-40 {
padding: 40px; }
.mg-mdo-top-40 {
margin-top: 40px; }
.padding-mdo-top-40 {
padding-top: 40px; }
.mg-mdo-right-40 {
margin-right: 40px; }
.padding-mdo-right-40 {
padding-right: 40px; }
.mg-mdo-bottom-40 {
margin-bottom: 40px; }
.padding-mdo-bottom-40 {
padding-bottom: 40px; }
.mg-mdo-left-40 {
margin-left: 40px; }
.padding-mdo-left-40 {
padding-left: 40px; }
.mg-mdo-45 {
margin: 45px; }
.padding-mdo-45 {
padding: 45px; }
.mg-mdo-top-45 {
margin-top: 45px; }
.padding-mdo-top-45 {
padding-top: 45px; }
.mg-mdo-right-45 {
margin-right: 45px; }
.padding-mdo-right-45 {
padding-right: 45px; }
.mg-mdo-bottom-45 {
margin-bottom: 45px; }
.padding-mdo-bottom-45 {
padding-bottom: 45px; }
.mg-mdo-left-45 {
margin-left: 45px; }
.padding-mdo-left-45 {
padding-left: 45px; }
.mg-mdo-50 {
margin: 50px; }
.padding-mdo-50 {
padding: 50px; }
.mg-mdo-top-50 {
margin-top: 50px; }
.padding-mdo-top-50 {
padding-top: 50px; }
.mg-mdo-right-50 {
margin-right: 50px; }
.padding-mdo-right-50 {
padding-right: 50px; }
.mg-mdo-bottom-50 {
margin-bottom: 50px; }
.padding-mdo-bottom-50 {
padding-bottom: 50px; }
.mg-mdo-left-50 {
margin-left: 50px; }
.padding-mdo-left-50 {
padding-left: 50px; }
.mg-mdo-55 {
margin: 55px; }
.padding-mdo-55 {
padding: 55px; }
.mg-mdo-top-55 {
margin-top: 55px; }
.padding-mdo-top-55 {
padding-top: 55px; }
.mg-mdo-right-55 {
margin-right: 55px; }
.padding-mdo-right-55 {
padding-right: 55px; }
.mg-mdo-bottom-55 {
margin-bottom: 55px; }
.padding-mdo-bottom-55 {
padding-bottom: 55px; }
.mg-mdo-left-55 {
margin-left: 55px; }
.padding-mdo-left-55 {
padding-left: 55px; }
.mg-mdo-60 {
margin: 60px; }
.padding-mdo-60 {
padding: 60px; }
.mg-mdo-top-60 {
margin-top: 60px; }
.padding-mdo-top-60 {
padding-top: 60px; }
.mg-mdo-right-60 {
margin-right: 60px; }
.padding-mdo-right-60 {
padding-right: 60px; }
.mg-mdo-bottom-60 {
margin-bottom: 60px; }
.padding-mdo-bottom-60 {
padding-bottom: 60px; }
.mg-mdo-left-60 {
margin-left: 60px; }
.padding-mdo-left-60 {
padding-left: 60px; }
.mg-mdo-65 {
margin: 65px; }
.padding-mdo-65 {
padding: 65px; }
.mg-mdo-top-65 {
margin-top: 65px; }
.padding-mdo-top-65 {
padding-top: 65px; }
.mg-mdo-right-65 {
margin-right: 65px; }
.padding-mdo-right-65 {
padding-right: 65px; }
.mg-mdo-bottom-65 {
margin-bottom: 65px; }
.padding-mdo-bottom-65 {
padding-bottom: 65px; }
.mg-mdo-left-65 {
margin-left: 65px; }
.padding-mdo-left-65 {
padding-left: 65px; }
.mg-mdo-70 {
margin: 70px; }
.padding-mdo-70 {
padding: 70px; }
.mg-mdo-top-70 {
margin-top: 70px; }
.padding-mdo-top-70 {
padding-top: 70px; }
.mg-mdo-right-70 {
margin-right: 70px; }
.padding-mdo-right-70 {
padding-right: 70px; }
.mg-mdo-bottom-70 {
margin-bottom: 70px; }
.padding-mdo-bottom-70 {
padding-bottom: 70px; }
.mg-mdo-left-70 {
margin-left: 70px; }
.padding-mdo-left-70 {
padding-left: 70px; }
.mg-mdo-75 {
margin: 75px; }
.padding-mdo-75 {
padding: 75px; }
.mg-mdo-top-75 {
margin-top: 75px; }
.padding-mdo-top-75 {
padding-top: 75px; }
.mg-mdo-right-75 {
margin-right: 75px; }
.padding-mdo-right-75 {
padding-right: 75px; }
.mg-mdo-bottom-75 {
margin-bottom: 75px; }
.padding-mdo-bottom-75 {
padding-bottom: 75px; }
.mg-mdo-left-75 {
margin-left: 75px; }
.padding-mdo-left-75 {
padding-left: 75px; }
.mg-mdo-80 {
margin: 80px; }
.padding-mdo-80 {
padding: 80px; }
.mg-mdo-top-80 {
margin-top: 80px; }
.padding-mdo-top-80 {
padding-top: 80px; }
.mg-mdo-right-80 {
margin-right: 80px; }
.padding-mdo-right-80 {
padding-right: 80px; }
.mg-mdo-bottom-80 {
margin-bottom: 80px; }
.padding-mdo-bottom-80 {
padding-bottom: 80px; }
.mg-mdo-left-80 {
margin-left: 80px; }
.padding-mdo-left-80 {
padding-left: 80px; }
.mg-mdo-85 {
margin: 85px; }
.padding-mdo-85 {
padding: 85px; }
.mg-mdo-top-85 {
margin-top: 85px; }
.padding-mdo-top-85 {
padding-top: 85px; }
.mg-mdo-right-85 {
margin-right: 85px; }
.padding-mdo-right-85 {
padding-right: 85px; }
.mg-mdo-bottom-85 {
margin-bottom: 85px; }
.padding-mdo-bottom-85 {
padding-bottom: 85px; }
.mg-mdo-left-85 {
margin-left: 85px; }
.padding-mdo-left-85 {
padding-left: 85px; }
.mg-mdo-90 {
margin: 90px; }
.padding-mdo-90 {
padding: 90px; }
.mg-mdo-top-90 {
margin-top: 90px; }
.padding-mdo-top-90 {
padding-top: 90px; }
.mg-mdo-right-90 {
margin-right: 90px; }
.padding-mdo-right-90 {
padding-right: 90px; }
.mg-mdo-bottom-90 {
margin-bottom: 90px; }
.padding-mdo-bottom-90 {
padding-bottom: 90px; }
.mg-mdo-left-90 {
margin-left: 90px; }
.padding-mdo-left-90 {
padding-left: 90px; }
.mg-mdo-95 {
margin: 95px; }
.padding-mdo-95 {
padding: 95px; }
.mg-mdo-top-95 {
margin-top: 95px; }
.padding-mdo-top-95 {
padding-top: 95px; }
.mg-mdo-right-95 {
margin-right: 95px; }
.padding-mdo-right-95 {
padding-right: 95px; }
.mg-mdo-bottom-95 {
margin-bottom: 95px; }
.padding-mdo-bottom-95 {
padding-bottom: 95px; }
.mg-mdo-left-95 {
margin-left: 95px; }
.padding-mdo-left-95 {
padding-left: 95px; }
.mg-mdo-100 {
margin: 100px; }
.padding-mdo-100 {
padding: 100px; }
.mg-mdo-top-100 {
margin-top: 100px; }
.padding-mdo-top-100 {
padding-top: 100px; }
.mg-mdo-right-100 {
margin-right: 100px; }
.padding-mdo-right-100 {
padding-right: 100px; }
.mg-mdo-bottom-100 {
margin-bottom: 100px; }
.padding-mdo-bottom-100 {
padding-bottom: 100px; }
.mg-mdo-left-100 {
margin-left: 100px; }
.padding-mdo-left-100 {
padding-left: 100px; } }
@media (max-width: 1199px) {
.mg-mdb-0 {
margin: 0px; }
.padding-mdb-0 {
padding: 0px; }
.mg-mdb-top-0 {
margin-top: 0px; }
.padding-mdb-top-0 {
padding-top: 0px; }
.mg-mdb-right-0 {
margin-right: 0px; }
.padding-mdb-right-0 {
padding-right: 0px; }
.mg-mdb-bottom-0 {
margin-bottom: 0px; }
.padding-mdb-bottom-0 {
padding-bottom: 0px; }
.mg-mdb-left-0 {
margin-left: 0px; }
.padding-mdb-left-0 {
padding-left: 0px; }
.mg-mdb-5 {
margin: 5px; }
.padding-mdb-5 {
padding: 5px; }
.mg-mdb-top-5 {
margin-top: 5px; }
.padding-mdb-top-5 {
padding-top: 5px; }
.mg-mdb-right-5 {
margin-right: 5px; }
.padding-mdb-right-5 {
padding-right: 5px; }
.mg-mdb-bottom-5 {
margin-bottom: 5px; }
.padding-mdb-bottom-5 {
padding-bottom: 5px; }
.mg-mdb-left-5 {
margin-left: 5px; }
.padding-mdb-left-5 {
padding-left: 5px; }
.mg-mdb-10 {
margin: 10px; }
.padding-mdb-10 {
padding: 10px; }
.mg-mdb-top-10 {
margin-top: 10px; }
.padding-mdb-top-10 {
padding-top: 10px; }
.mg-mdb-right-10 {
margin-right: 10px; }
.padding-mdb-right-10 {
padding-right: 10px; }
.mg-mdb-bottom-10 {
margin-bottom: 10px; }
.padding-mdb-bottom-10 {
padding-bottom: 10px; }
.mg-mdb-left-10 {
margin-left: 10px; }
.padding-mdb-left-10 {
padding-left: 10px; }
.mg-mdb-15 {
margin: 15px; }
.padding-mdb-15 {
padding: 15px; }
.mg-mdb-top-15 {
margin-top: 15px; }
.padding-mdb-top-15 {
padding-top: 15px; }
.mg-mdb-right-15 {
margin-right: 15px; }
.padding-mdb-right-15 {
padding-right: 15px; }
.mg-mdb-bottom-15 {
margin-bottom: 15px; }
.padding-mdb-bottom-15 {
padding-bottom: 15px; }
.mg-mdb-left-15 {
margin-left: 15px; }
.padding-mdb-left-15 {
padding-left: 15px; }
.mg-mdb-20 {
margin: 20px; }
.padding-mdb-20 {
padding: 20px; }
.mg-mdb-top-20 {
margin-top: 20px; }
.padding-mdb-top-20 {
padding-top: 20px; }
.mg-mdb-right-20 {
margin-right: 20px; }
.padding-mdb-right-20 {
padding-right: 20px; }
.mg-mdb-bottom-20 {
margin-bottom: 20px; }
.padding-mdb-bottom-20 {
padding-bottom: 20px; }
.mg-mdb-left-20 {
margin-left: 20px; }
.padding-mdb-left-20 {
padding-left: 20px; }
.mg-mdb-25 {
margin: 25px; }
.padding-mdb-25 {
padding: 25px; }
.mg-mdb-top-25 {
margin-top: 25px; }
.padding-mdb-top-25 {
padding-top: 25px; }
.mg-mdb-right-25 {
margin-right: 25px; }
.padding-mdb-right-25 {
padding-right: 25px; }
.mg-mdb-bottom-25 {
margin-bottom: 25px; }
.padding-mdb-bottom-25 {
padding-bottom: 25px; }
.mg-mdb-left-25 {
margin-left: 25px; }
.padding-mdb-left-25 {
padding-left: 25px; }
.mg-mdb-30 {
margin: 30px; }
.padding-mdb-30 {
padding: 30px; }
.mg-mdb-top-30 {
margin-top: 30px; }
.padding-mdb-top-30 {
padding-top: 30px; }
.mg-mdb-right-30 {
margin-right: 30px; }
.padding-mdb-right-30 {
padding-right: 30px; }
.mg-mdb-bottom-30 {
margin-bottom: 30px; }
.padding-mdb-bottom-30 {
padding-bottom: 30px; }
.mg-mdb-left-30 {
margin-left: 30px; }
.padding-mdb-left-30 {
padding-left: 30px; }
.mg-mdb-35 {
margin: 35px; }
.padding-mdb-35 {
padding: 35px; }
.mg-mdb-top-35 {
margin-top: 35px; }
.padding-mdb-top-35 {
padding-top: 35px; }
.mg-mdb-right-35 {
margin-right: 35px; }
.padding-mdb-right-35 {
padding-right: 35px; }
.mg-mdb-bottom-35 {
margin-bottom: 35px; }
.padding-mdb-bottom-35 {
padding-bottom: 35px; }
.mg-mdb-left-35 {
margin-left: 35px; }
.padding-mdb-left-35 {
padding-left: 35px; }
.mg-mdb-40 {
margin: 40px; }
.padding-mdb-40 {
padding: 40px; }
.mg-mdb-top-40 {
margin-top: 40px; }
.padding-mdb-top-40 {
padding-top: 40px; }
.mg-mdb-right-40 {
margin-right: 40px; }
.padding-mdb-right-40 {
padding-right: 40px; }
.mg-mdb-bottom-40 {
margin-bottom: 40px; }
.padding-mdb-bottom-40 {
padding-bottom: 40px; }
.mg-mdb-left-40 {
margin-left: 40px; }
.padding-mdb-left-40 {
padding-left: 40px; }
.mg-mdb-45 {
margin: 45px; }
.padding-mdb-45 {
padding: 45px; }
.mg-mdb-top-45 {
margin-top: 45px; }
.padding-mdb-top-45 {
padding-top: 45px; }
.mg-mdb-right-45 {
margin-right: 45px; }
.padding-mdb-right-45 {
padding-right: 45px; }
.mg-mdb-bottom-45 {
margin-bottom: 45px; }
.padding-mdb-bottom-45 {
padding-bottom: 45px; }
.mg-mdb-left-45 {
margin-left: 45px; }
.padding-mdb-left-45 {
padding-left: 45px; }
.mg-mdb-50 {
margin: 50px; }
.padding-mdb-50 {
padding: 50px; }
.mg-mdb-top-50 {
margin-top: 50px; }
.padding-mdb-top-50 {
padding-top: 50px; }
.mg-mdb-right-50 {
margin-right: 50px; }
.padding-mdb-right-50 {
padding-right: 50px; }
.mg-mdb-bottom-50 {
margin-bottom: 50px; }
.padding-mdb-bottom-50 {
padding-bottom: 50px; }
.mg-mdb-left-50 {
margin-left: 50px; }
.padding-mdb-left-50 {
padding-left: 50px; }
.mg-mdb-55 {
margin: 55px; }
.padding-mdb-55 {
padding: 55px; }
.mg-mdb-top-55 {
margin-top: 55px; }
.padding-mdb-top-55 {
padding-top: 55px; }
.mg-mdb-right-55 {
margin-right: 55px; }
.padding-mdb-right-55 {
padding-right: 55px; }
.mg-mdb-bottom-55 {
margin-bottom: 55px; }
.padding-mdb-bottom-55 {
padding-bottom: 55px; }
.mg-mdb-left-55 {
margin-left: 55px; }
.padding-mdb-left-55 {
padding-left: 55px; }
.mg-mdb-60 {
margin: 60px; }
.padding-mdb-60 {
padding: 60px; }
.mg-mdb-top-60 {
margin-top: 60px; }
.padding-mdb-top-60 {
padding-top: 60px; }
.mg-mdb-right-60 {
margin-right: 60px; }
.padding-mdb-right-60 {
padding-right: 60px; }
.mg-mdb-bottom-60 {
margin-bottom: 60px; }
.padding-mdb-bottom-60 {
padding-bottom: 60px; }
.mg-mdb-left-60 {
margin-left: 60px; }
.padding-mdb-left-60 {
padding-left: 60px; }
.mg-mdb-65 {
margin: 65px; }
.padding-mdb-65 {
padding: 65px; }
.mg-mdb-top-65 {
margin-top: 65px; }
.padding-mdb-top-65 {
padding-top: 65px; }
.mg-mdb-right-65 {
margin-right: 65px; }
.padding-mdb-right-65 {
padding-right: 65px; }
.mg-mdb-bottom-65 {
margin-bottom: 65px; }
.padding-mdb-bottom-65 {
padding-bottom: 65px; }
.mg-mdb-left-65 {
margin-left: 65px; }
.padding-mdb-left-65 {
padding-left: 65px; }
.mg-mdb-70 {
margin: 70px; }
.padding-mdb-70 {
padding: 70px; }
.mg-mdb-top-70 {
margin-top: 70px; }
.padding-mdb-top-70 {
padding-top: 70px; }
.mg-mdb-right-70 {
margin-right: 70px; }
.padding-mdb-right-70 {
padding-right: 70px; }
.mg-mdb-bottom-70 {
margin-bottom: 70px; }
.padding-mdb-bottom-70 {
padding-bottom: 70px; }
.mg-mdb-left-70 {
margin-left: 70px; }
.padding-mdb-left-70 {
padding-left: 70px; }
.mg-mdb-75 {
margin: 75px; }
.padding-mdb-75 {
padding: 75px; }
.mg-mdb-top-75 {
margin-top: 75px; }
.padding-mdb-top-75 {
padding-top: 75px; }
.mg-mdb-right-75 {
margin-right: 75px; }
.padding-mdb-right-75 {
padding-right: 75px; }
.mg-mdb-bottom-75 {
margin-bottom: 75px; }
.padding-mdb-bottom-75 {
padding-bottom: 75px; }
.mg-mdb-left-75 {
margin-left: 75px; }
.padding-mdb-left-75 {
padding-left: 75px; }
.mg-mdb-80 {
margin: 80px; }
.padding-mdb-80 {
padding: 80px; }
.mg-mdb-top-80 {
margin-top: 80px; }
.padding-mdb-top-80 {
padding-top: 80px; }
.mg-mdb-right-80 {
margin-right: 80px; }
.padding-mdb-right-80 {
padding-right: 80px; }
.mg-mdb-bottom-80 {
margin-bottom: 80px; }
.padding-mdb-bottom-80 {
padding-bottom: 80px; }
.mg-mdb-left-80 {
margin-left: 80px; }
.padding-mdb-left-80 {
padding-left: 80px; }
.mg-mdb-85 {
margin: 85px; }
.padding-mdb-85 {
padding: 85px; }
.mg-mdb-top-85 {
margin-top: 85px; }
.padding-mdb-top-85 {
padding-top: 85px; }
.mg-mdb-right-85 {
margin-right: 85px; }
.padding-mdb-right-85 {
padding-right: 85px; }
.mg-mdb-bottom-85 {
margin-bottom: 85px; }
.padding-mdb-bottom-85 {
padding-bottom: 85px; }
.mg-mdb-left-85 {
margin-left: 85px; }
.padding-mdb-left-85 {
padding-left: 85px; }
.mg-mdb-90 {
margin: 90px; }
.padding-mdb-90 {
padding: 90px; }
.mg-mdb-top-90 {
margin-top: 90px; }
.padding-mdb-top-90 {
padding-top: 90px; }
.mg-mdb-right-90 {
margin-right: 90px; }
.padding-mdb-right-90 {
padding-right: 90px; }
.mg-mdb-bottom-90 {
margin-bottom: 90px; }
.padding-mdb-bottom-90 {
padding-bottom: 90px; }
.mg-mdb-left-90 {
margin-left: 90px; }
.padding-mdb-left-90 {
padding-left: 90px; }
.mg-mdb-95 {
margin: 95px; }
.padding-mdb-95 {
padding: 95px; }
.mg-mdb-top-95 {
margin-top: 95px; }
.padding-mdb-top-95 {
padding-top: 95px; }
.mg-mdb-right-95 {
margin-right: 95px; }
.padding-mdb-right-95 {
padding-right: 95px; }
.mg-mdb-bottom-95 {
margin-bottom: 95px; }
.padding-mdb-bottom-95 {
padding-bottom: 95px; }
.mg-mdb-left-95 {
margin-left: 95px; }
.padding-mdb-left-95 {
padding-left: 95px; }
.mg-mdb-100 {
margin: 100px; }
.padding-mdb-100 {
padding: 100px; }
.mg-mdb-top-100 {
margin-top: 100px; }
.padding-mdb-top-100 {
padding-top: 100px; }
.mg-mdb-right-100 {
margin-right: 100px; }
.padding-mdb-right-100 {
padding-right: 100px; }
.mg-mdb-bottom-100 {
margin-bottom: 100px; }
.padding-mdb-bottom-100 {
padding-bottom: 100px; }
.mg-mdb-left-100 {
margin-left: 100px; }
.padding-mdb-left-100 {
padding-left: 100px; } }
@media (min-width: 1200px) {
.mg-lg-0 {
margin: 0px; }
.padding-lg-0 {
padding: 0px; }
.mg-lg-top-0 {
margin-top: 0px; }
.padding-lg-top-0 {
padding-top: 0px; }
.mg-lg-right-0 {
margin-right: 0px; }
.padding-lg-right-0 {
padding-right: 0px; }
.mg-lg-bottom-0 {
margin-bottom: 0px; }
.padding-lg-bottom-0 {
padding-bottom: 0px; }
.mg-lg-left-0 {
margin-left: 0px; }
.padding-lg-left-0 {
padding-left: 0px; }
.mg-lg-5 {
margin: 5px; }
.padding-lg-5 {
padding: 5px; }
.mg-lg-top-5 {
margin-top: 5px; }
.padding-lg-top-5 {
padding-top: 5px; }
.mg-lg-right-5 {
margin-right: 5px; }
.padding-lg-right-5 {
padding-right: 5px; }
.mg-lg-bottom-5 {
margin-bottom: 5px; }
.padding-lg-bottom-5 {
padding-bottom: 5px; }
.mg-lg-left-5 {
margin-left: 5px; }
.padding-lg-left-5 {
padding-left: 5px; }
.mg-lg-10 {
margin: 10px; }
.padding-lg-10 {
padding: 10px; }
.mg-lg-top-10 {
margin-top: 10px; }
.padding-lg-top-10 {
padding-top: 10px; }
.mg-lg-right-10 {
margin-right: 10px; }
.padding-lg-right-10 {
padding-right: 10px; }
.mg-lg-bottom-10 {
margin-bottom: 10px; }
.padding-lg-bottom-10 {
padding-bottom: 10px; }
.mg-lg-left-10 {
margin-left: 10px; }
.padding-lg-left-10 {
padding-left: 10px; }
.mg-lg-15 {
margin: 15px; }
.padding-lg-15 {
padding: 15px; }
.mg-lg-top-15 {
margin-top: 15px; }
.padding-lg-top-15 {
padding-top: 15px; }
.mg-lg-right-15 {
margin-right: 15px; }
.padding-lg-right-15 {
padding-right: 15px; }
.mg-lg-bottom-15 {
margin-bottom: 15px; }
.padding-lg-bottom-15 {
padding-bottom: 15px; }
.mg-lg-left-15 {
margin-left: 15px; }
.padding-lg-left-15 {
padding-left: 15px; }
.mg-lg-20 {
margin: 20px; }
.padding-lg-20 {
padding: 20px; }
.mg-lg-top-20 {
margin-top: 20px; }
.padding-lg-top-20 {
padding-top: 20px; }
.mg-lg-right-20 {
margin-right: 20px; }
.padding-lg-right-20 {
padding-right: 20px; }
.mg-lg-bottom-20 {
margin-bottom: 20px; }
.padding-lg-bottom-20 {
padding-bottom: 20px; }
.mg-lg-left-20 {
margin-left: 20px; }
.padding-lg-left-20 {
padding-left: 20px; }
.mg-lg-25 {
margin: 25px; }
.padding-lg-25 {
padding: 25px; }
.mg-lg-top-25 {
margin-top: 25px; }
.padding-lg-top-25 {
padding-top: 25px; }
.mg-lg-right-25 {
margin-right: 25px; }
.padding-lg-right-25 {
padding-right: 25px; }
.mg-lg-bottom-25 {
margin-bottom: 25px; }
.padding-lg-bottom-25 {
padding-bottom: 25px; }
.mg-lg-left-25 {
margin-left: 25px; }
.padding-lg-left-25 {
padding-left: 25px; }
.mg-lg-30 {
margin: 30px; }
.padding-lg-30 {
padding: 30px; }
.mg-lg-top-30 {
margin-top: 30px; }
.padding-lg-top-30 {
padding-top: 30px; }
.mg-lg-right-30 {
margin-right: 30px; }
.padding-lg-right-30 {
padding-right: 30px; }
.mg-lg-bottom-30 {
margin-bottom: 30px; }
.padding-lg-bottom-30 {
padding-bottom: 30px; }
.mg-lg-left-30 {
margin-left: 30px; }
.padding-lg-left-30 {
padding-left: 30px; }
.mg-lg-35 {
margin: 35px; }
.padding-lg-35 {
padding: 35px; }
.mg-lg-top-35 {
margin-top: 35px; }
.padding-lg-top-35 {
padding-top: 35px; }
.mg-lg-right-35 {
margin-right: 35px; }
.padding-lg-right-35 {
padding-right: 35px; }
.mg-lg-bottom-35 {
margin-bottom: 35px; }
.padding-lg-bottom-35 {
padding-bottom: 35px; }
.mg-lg-left-35 {
margin-left: 35px; }
.padding-lg-left-35 {
padding-left: 35px; }
.mg-lg-40 {
margin: 40px; }
.padding-lg-40 {
padding: 40px; }
.mg-lg-top-40 {
margin-top: 40px; }
.padding-lg-top-40 {
padding-top: 40px; }
.mg-lg-right-40 {
margin-right: 40px; }
.padding-lg-right-40 {
padding-right: 40px; }
.mg-lg-bottom-40 {
margin-bottom: 40px; }
.padding-lg-bottom-40 {
padding-bottom: 40px; }
.mg-lg-left-40 {
margin-left: 40px; }
.padding-lg-left-40 {
padding-left: 40px; }
.mg-lg-45 {
margin: 45px; }
.padding-lg-45 {
padding: 45px; }
.mg-lg-top-45 {
margin-top: 45px; }
.padding-lg-top-45 {
padding-top: 45px; }
.mg-lg-right-45 {
margin-right: 45px; }
.padding-lg-right-45 {
padding-right: 45px; }
.mg-lg-bottom-45 {
margin-bottom: 45px; }
.padding-lg-bottom-45 {
padding-bottom: 45px; }
.mg-lg-left-45 {
margin-left: 45px; }
.padding-lg-left-45 {
padding-left: 45px; }
.mg-lg-50 {
margin: 50px; }
.padding-lg-50 {
padding: 50px; }
.mg-lg-top-50 {
margin-top: 50px; }
.padding-lg-top-50 {
padding-top: 50px; }
.mg-lg-right-50 {
margin-right: 50px; }
.padding-lg-right-50 {
padding-right: 50px; }
.mg-lg-bottom-50 {
margin-bottom: 50px; }
.padding-lg-bottom-50 {
padding-bottom: 50px; }
.mg-lg-left-50 {
margin-left: 50px; }
.padding-lg-left-50 {
padding-left: 50px; }
.mg-lg-55 {
margin: 55px; }
.padding-lg-55 {
padding: 55px; }
.mg-lg-top-55 {
margin-top: 55px; }
.padding-lg-top-55 {
padding-top: 55px; }
.mg-lg-right-55 {
margin-right: 55px; }
.padding-lg-right-55 {
padding-right: 55px; }
.mg-lg-bottom-55 {
margin-bottom: 55px; }
.padding-lg-bottom-55 {
padding-bottom: 55px; }
.mg-lg-left-55 {
margin-left: 55px; }
.padding-lg-left-55 {
padding-left: 55px; }
.mg-lg-60 {
margin: 60px; }
.padding-lg-60 {
padding: 60px; }
.mg-lg-top-60 {
margin-top: 60px; }
.padding-lg-top-60 {
padding-top: 60px; }
.mg-lg-right-60 {
margin-right: 60px; }
.padding-lg-right-60 {
padding-right: 60px; }
.mg-lg-bottom-60 {
margin-bottom: 60px; }
.padding-lg-bottom-60 {
padding-bottom: 60px; }
.mg-lg-left-60 {
margin-left: 60px; }
.padding-lg-left-60 {
padding-left: 60px; }
.mg-lg-65 {
margin: 65px; }
.padding-lg-65 {
padding: 65px; }
.mg-lg-top-65 {
margin-top: 65px; }
.padding-lg-top-65 {
padding-top: 65px; }
.mg-lg-right-65 {
margin-right: 65px; }
.padding-lg-right-65 {
padding-right: 65px; }
.mg-lg-bottom-65 {
margin-bottom: 65px; }
.padding-lg-bottom-65 {
padding-bottom: 65px; }
.mg-lg-left-65 {
margin-left: 65px; }
.padding-lg-left-65 {
padding-left: 65px; }
.mg-lg-70 {
margin: 70px; }
.padding-lg-70 {
padding: 70px; }
.mg-lg-top-70 {
margin-top: 70px; }
.padding-lg-top-70 {
padding-top: 70px; }
.mg-lg-right-70 {
margin-right: 70px; }
.padding-lg-right-70 {
padding-right: 70px; }
.mg-lg-bottom-70 {
margin-bottom: 70px; }
.padding-lg-bottom-70 {
padding-bottom: 70px; }
.mg-lg-left-70 {
margin-left: 70px; }
.padding-lg-left-70 {
padding-left: 70px; }
.mg-lg-75 {
margin: 75px; }
.padding-lg-75 {
padding: 75px; }
.mg-lg-top-75 {
margin-top: 75px; }
.padding-lg-top-75 {
padding-top: 75px; }
.mg-lg-right-75 {
margin-right: 75px; }
.padding-lg-right-75 {
padding-right: 75px; }
.mg-lg-bottom-75 {
margin-bottom: 75px; }
.padding-lg-bottom-75 {
padding-bottom: 75px; }
.mg-lg-left-75 {
margin-left: 75px; }
.padding-lg-left-75 {
padding-left: 75px; }
.mg-lg-80 {
margin: 80px; }
.padding-lg-80 {
padding: 80px; }
.mg-lg-top-80 {
margin-top: 80px; }
.padding-lg-top-80 {
padding-top: 80px; }
.mg-lg-right-80 {
margin-right: 80px; }
.padding-lg-right-80 {
padding-right: 80px; }
.mg-lg-bottom-80 {
margin-bottom: 80px; }
.padding-lg-bottom-80 {
padding-bottom: 80px; }
.mg-lg-left-80 {
margin-left: 80px; }
.padding-lg-left-80 {
padding-left: 80px; }
.mg-lg-85 {
margin: 85px; }
.padding-lg-85 {
padding: 85px; }
.mg-lg-top-85 {
margin-top: 85px; }
.padding-lg-top-85 {
padding-top: 85px; }
.mg-lg-right-85 {
margin-right: 85px; }
.padding-lg-right-85 {
padding-right: 85px; }
.mg-lg-bottom-85 {
margin-bottom: 85px; }
.padding-lg-bottom-85 {
padding-bottom: 85px; }
.mg-lg-left-85 {
margin-left: 85px; }
.padding-lg-left-85 {
padding-left: 85px; }
.mg-lg-90 {
margin: 90px; }
.padding-lg-90 {
padding: 90px; }
.mg-lg-top-90 {
margin-top: 90px; }
.padding-lg-top-90 {
padding-top: 90px; }
.mg-lg-right-90 {
margin-right: 90px; }
.padding-lg-right-90 {
padding-right: 90px; }
.mg-lg-bottom-90 {
margin-bottom: 90px; }
.padding-lg-bottom-90 {
padding-bottom: 90px; }
.mg-lg-left-90 {
margin-left: 90px; }
.padding-lg-left-90 {
padding-left: 90px; }
.mg-lg-95 {
margin: 95px; }
.padding-lg-95 {
padding: 95px; }
.mg-lg-top-95 {
margin-top: 95px; }
.padding-lg-top-95 {
padding-top: 95px; }
.mg-lg-right-95 {
margin-right: 95px; }
.padding-lg-right-95 {
padding-right: 95px; }
.mg-lg-bottom-95 {
margin-bottom: 95px; }
.padding-lg-bottom-95 {
padding-bottom: 95px; }
.mg-lg-left-95 {
margin-left: 95px; }
.padding-lg-left-95 {
padding-left: 95px; }
.mg-lg-100 {
margin: 100px; }
.padding-lg-100 {
padding: 100px; }
.mg-lg-top-100 {
margin-top: 100px; }
.padding-lg-top-100 {
padding-top: 100px; }
.mg-lg-right-100 {
margin-right: 100px; }
.padding-lg-right-100 {
padding-right: 100px; }
.mg-lg-bottom-100 {
margin-bottom: 100px; }
.padding-lg-bottom-100 {
padding-bottom: 100px; }
.mg-lg-left-100 {
margin-left: 100px; }
.padding-lg-left-100 {
padding-left: 100px; } }
.border-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; }
@media (max-width: 574px) {
.border-xs-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-xs-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (min-width: 575px) {
.border-sm-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-sm-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (min-width: 575px) and (max-width: 991px) {
.border-smo-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-smo-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (max-width: 991px) {
.border-smb-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-smb-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (min-width: 992px) {
.border-md-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-md-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (min-width: 992px) and (max-width: 1199px) {
.border-mdo-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-mdo-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (max-width: 1199px) {
.border-mdb-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-mdb-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
@media (min-width: 1200px) {
.border-lg-bottom {
border-bottom: 1px solid rgba(56, 44, 19, 0.1);
margin-bottom: 10px;
padding-bottom: 10px; }
.border-lg-bottom:last-of-type {
padding: 0;
margin: 0;
border: none; } }
.relative {
position: relative; }
.hidden {
display: none !important; }
@media (max-width: 574px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 575px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 575px) and (max-width: 991px) {
.hidden-smo {
display: none !important; } }
@media (max-width: 991px) {
.hidden-smb {
display: none !important; } }
@media (min-width: 992px) {
.hidden-md {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-mdo {
display: none !important; } }
@media (max-width: 1199px) {
.hidden-mdb {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-xs {
display: none !important; }
@media (max-width: 574px) and (max-width: 768px) {
.visible-xs {
display: block !important; } }
.icon {
color: #fff;
font-size: 14px;
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
width: 40px;
height: 40px; }
.icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
fill: #fff; }
.icon--round {
border-radius: 100%;
border: 2px solid #fff; }
.icon--xs {
font-size: 12px;
padding: 5px; }
@media (min-width: 992px) {
.icon--lg {
font-size: 50px;
padding: 20px; } }
.icon a {
color: #fff; }
.icon--top-left {
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto; }
.icon--center-left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
right: auto; }
.icon--bottom-right {
position: absolute;
right: 10px;
bottom: 0; }
.icon--center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 998; }
.color--facebook {
color: #365396; }
.color--facebook a:link, .color--facebook a:visited {
color: #365396; }
.color--facebook a:hover, .color--facebook a:active {
color: #2e467f; }
a.color--facebook:hover, a.color--facebook:active {
color: #2e467f; }
.bg--facebook {
background-color: #365396; }
.border--facebook {
border: #365396; }
.fill--facebook {
fill: #365396; }
.stroke--facebook {
stroke: #365396; }
.color--google {
color: #4387f4; }
.color--google a:link, .color--google a:visited {
color: #4387f4; }
.color--google a:hover, .color--google a:active {
color: #3973cf; }
a.color--google:hover, a.color--google:active {
color: #3973cf; }
.bg--google {
background-color: #4387f4; }
.border--google {
border: #4387f4; }
.fill--google {
fill: #4387f4; }
.stroke--google {
stroke: #4387f4; }
.color--google_plus {
color: #e0462e; }
.color--google_plus a:link, .color--google_plus a:visited {
color: #e0462e; }
.color--google_plus a:hover, .color--google_plus a:active {
color: #be3c27; }
a.color--google_plus:hover, a.color--google_plus:active {
color: #be3c27; }
.bg--google_plus {
background-color: #e0462e; }
.border--google_plus {
border: #e0462e; }
.fill--google_plus {
fill: #e0462e; }
.stroke--google_plus {
stroke: #e0462e; }
.color--instagram {
color: #386c99; }
.color--instagram a:link, .color--instagram a:visited {
color: #386c99; }
.color--instagram a:hover, .color--instagram a:active {
color: #305c82; }
a.color--instagram:hover, a.color--instagram:active {
color: #305c82; }
.bg--instagram {
background-color: #386c99; }
.border--instagram {
border: #386c99; }
.fill--instagram {
fill: #386c99; }
.stroke--instagram {
stroke: #386c99; }
.color--linkedin {
color: #006eb3; }
.color--linkedin a:link, .color--linkedin a:visited {
color: #006eb3; }
.color--linkedin a:hover, .color--linkedin a:active {
color: #005e98; }
a.color--linkedin:hover, a.color--linkedin:active {
color: #005e98; }
.bg--linkedin {
background-color: #006eb3; }
.border--linkedin {
border: #006eb3; }
.fill--linkedin {
fill: #006eb3; }
.stroke--linkedin {
stroke: #006eb3; }
.color--pinterest {
color: #cc1919; }
.color--pinterest a:link, .color--pinterest a:visited {
color: #cc1919; }
.color--pinterest a:hover, .color--pinterest a:active {
color: #ae1515; }
a.color--pinterest:hover, a.color--pinterest:active {
color: #ae1515; }
.bg--pinterest {
background-color: #cc1919; }
.border--pinterest {
border: #cc1919; }
.fill--pinterest {
fill: #cc1919; }
.stroke--pinterest {
stroke: #cc1919; }
.color--twitter {
color: #00a8f0; }
.color--twitter a:link, .color--twitter a:visited {
color: #00a8f0; }
.color--twitter a:hover, .color--twitter a:active {
color: #008fcc; }
a.color--twitter:hover, a.color--twitter:active {
color: #008fcc; }
.bg--twitter {
background-color: #00a8f0; }
.border--twitter {
border: #00a8f0; }
.fill--twitter {
fill: #00a8f0; }
.stroke--twitter {
stroke: #00a8f0; }
.color--youtube {
color: #ff3333; }
.color--youtube a:link, .color--youtube a:visited {
color: #ff3333; }
.color--youtube a:hover, .color--youtube a:active {
color: #d92b2b; }
a.color--youtube:hover, a.color--youtube:active {
color: #d92b2b; }
.bg--youtube {
background-color: #ff3333; }
.border--youtube {
border: #ff3333; }
.fill--youtube {
fill: #ff3333; }
.stroke--youtube {
stroke: #ff3333; }
.color--whatsapp {
color: #25d366; }
.color--whatsapp a:link, .color--whatsapp a:visited {
color: #25d366; }
.color--whatsapp a:hover, .color--whatsapp a:active {
color: #1fb357; }
a.color--whatsapp:hover, a.color--whatsapp:active {
color: #1fb357; }
.bg--whatsapp {
background-color: #25d366; }
.border--whatsapp {
border: #25d366; }
.fill--whatsapp {
fill: #25d366; }
.stroke--whatsapp {
stroke: #25d366; }
.color--links {
color: blue; }
.color--links a:link, .color--links a:visited {
color: blue; }
.color--links a:hover, .color--links a:active {
color: #0000d9; }
a.color--links:hover, a.color--links:active {
color: #0000d9; }
.bg--links {
background-color: blue; }
.border--links {
border: blue; }
.fill--links {
fill: blue; }
.stroke--links {
stroke: blue; }
#header {
color: var(--highlight-text-color);
position: relative;
background-color: var(--highlight-color);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999; }
.admin-bar #header {
top: 32px; }
#header:after {
position: absolute;
content: "";
height: 5px;
left: 0;
bottom: 0;
width: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.1); }
@media (max-width: 991px) {
#header .container {
padding: 0; } }
#header .header__content {
position: relative; }
#header a {
color: #333; }
#header .logo {
display: block;
text-align: center;
padding: 5px 0 10px; }
@media (max-width: 574px) {
#header .logo {
padding: 5px 0; } }
#header .logo img {
margin: 0 auto;
height: 40px;
width: auto; }
#header .menu ul {
margin: 0;
padding: 0 30px;
list-style-type: none;
display: flex;
flex-direction: row;
justify-content: flex-end; }
@media (max-width: 991px) {
#header .menu ul li.menu-item {
display: none; } }
#header .menu ul li a {
font-family: "Fira Sans", sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
position: relative;
display: block;
padding: 20px;
color: var(--highlight-text-color); }
#header .menu ul li a span.icomoon {
font-size: 14px;
display: inline-block;
margin-right: 3px; }
.footer {
background-color: #111;
color: rgba(255, 255, 255, 0.8);
padding-top: 30px; }
.single-foto .footer {
margin-top: 0; }
.footer .menu ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: center;
flex-wrap: wrap; }
.footer .menu ul li {
padding: 0 20px 15px;
position: relative;
overflow: hidden; }
.footer .menu ul li a {
position: relative;
display: block;
font-size: 16px;
font-weight: 600;
padding: 5px 0;
transition: background-color .3s; }
@media (max-width: 574px) {
.footer .menu ul li a {
font-size: 13px;
font-weight: 400; } }
.footer .social {
padding: 20px 0; }
.footer .social ul {
display: flex;
justify-content: center;
max-width: 100%; }
.footer .social ul li {
margin: 0 20px; }
.footer .social ul li a {
color: #fff;
font-size: 30px;
border-radius: 3px; }
.footer .copyright {
font-family: "Bitter", serif;
color: rgba(255, 255, 255, 0.3);
font-size: 11px;
line-height: 1.2;
padding: 30px 0;
margin-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar .strawberry-post-async-widget {
margin-bottom: 30px; }
.comments {
margin-bottom: 30px;
font-weight: 400; }
.comments__heading {
margin-bottom: 20px;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 2px solid #000; }
.comments ul {
list-style-type: none;
margin-left: 0;
padding-left: 0; }
.comments ul.children {
padding-left: 30px;
border-left: 3px solid #efefef; }
.comments .comment {
padding: 10px; }
.comments .comment:not(:last-of-type) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #000; }
.comments .comment-author {
font-size: 16px;
font-weight: 700;
line-height: 18px;
color: #0f285e; }
.comments .comment-author .says {
display: none; }
.comments .comment-meta {
margin-bottom: 10px;
font-size: 11px;
color: #666;
clear: both; }
.comments .comment-meta .says {
display: none; }
.comments .comment-meta .avatar {
float: left;
margin-right: 10px; }
.comments .comment-metadata {
color: #999;
font-size: 12px; }
.comments .comment-body {
font-size: 14px; }
.comments .comment .reply a {
font-size: 13px;
text-decoration: underline; }
.comment-respond {
background-color: #efefef;
padding: 10px;
border-radius: 5px;
font-size: 14px; }
.comment-respond .comment-reply-title {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 2px solid #000;
overflow: hidden; }
.comment-respond .comment-reply-title small {
float: right; }
.comment-respond .comment-reply-title small a {
color: #d5003a; }
.comment-respond textarea#comment {
width: 100%;
font-family: "Fira Sans", sans-serif;
font-size: 16px;
margin-bottom: 10px;
border: 1px solid #efefef;
padding: 10px;
box-sizing: border-box;
color: #000; }
.comment-respond input[type=text] {
font-size: 14px;
line-height: 30px;
text-indent: 10px;
margin-bottom: 10px;
border: 1px solid #efefef;
color: #000;
background-color: #fff;
max-width: 100%;
min-width: 50%; }
.comment-respond .form-submit {
margin: 0; }
.comment-respond .submit {
background-color: #000;
color: #fff;
font-weight: 700;
font-size: 16px;
padding: 5px 20px; }
.bars {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
@media (max-width: 574px) {
.bars {
left: 15px; } }
.bars a {
display: block;
height: 20px;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center; }
.bars a span {
flex: 1; }
.bars a span.lines {
display: block;
width: 20px;
height: 3px;
position: relative;
background-color: var(--highlight-text-color); }
.bars a span.lines:before {
content: "";
display: block;
width: 20px;
height: 3px;
background-color: var(--highlight-text-color);
position: absolute;
top: -6px;
left: 0; }
.bars a span.lines:after {
content: "";
display: block;
width: 20px;
height: 3px;
background-color: var(--highlight-text-color);
position: absolute;
bottom: -6px;
left: 0; }
.bars a span.text {
padding-right: 5px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase; }
.bars a span.mag {
display: block;
width: 12px;
height: 12px;
border: 2px solid #fff;
background-color: #d5003a;
box-shadow: -3px 0px 0 #d5003a;
border-radius: 100%;
position: absolute;
right: -2px;
bottom: 0;
z-index: 9; }
.bars a span.mag:after {
content: "";
display: block;
width: 2px;
background-color: #fff;
height: 5px;
position: absolute;
top: 7px;
right: -2px;
transform: rotate(-45deg); }
.magnifier {
display: inline-block;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%); }
.magnifier .text {
font-style: normal; }
@media (max-width: 574px) {
.magnifier .text {
display: none; } }
.magnifier a {
display: block;
color: #111;
text-align: center; }
.magnifier a span {
display: inline-block;
margin-right: 5px;
width: 12px;
height: 12px;
border: 2px solid var(--highlight-text-color);
border-radius: 100%;
position: relative; }
.magnifier a span:after {
content: "";
display: block;
width: 2px;
background-color: var(--highlight-text-color);
height: 4px;
position: absolute;
top: 8px;
right: -2px;
transform: rotate(-45deg); }
.modalbox {
position: fixed;
top: 0;
width: 100%;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999999999999999999999999;
transform: translateY(-100%);
opacity: 0;
transition: opacity .3s, transform .5s; }
.modalbox.open {
display: block;
transform: translateY(0);
opacity: 1;
transition: opacity .5s, transform .3s; }
.modalbox__close {
position: absolute;
top: 20px;
right: 20px; }
.modalbox__close a {
font-size: 21px;
font-weight: 300;
color: #d5003a; }
.modalbox__content {
background-color: #fff;
padding: 50px 20px; }
.modalbox__content h5 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px; }
.modalbox__content p {
font-size: 14px; }
.modalbox__content form .input {
border: 1px solid #ccc;
background-color: rgba(0, 0, 0, 0.1);
width: 100%;
min-height: 30px;
line-height: 30px;
font-size: 18px;
text-indent: 10px; }
.modalbox__list ul {
list-style-type: none;
margin: 0;
padding: 0; }
.modalbox__list ul li a {
line-height: 30px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
display: block; }
.modalbox__list ul li a span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-right: 20px; }
.headline {
font-family: "Bitter", serif;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px solid rgba(56, 44, 19, 0.1);
line-height: 1;
color: #111; }
@media (max-width: 574px), (min-width: 575px) and (max-width: 991px) {
.headline {
font-size: 14px;
margin-bottom: 5px;
padding-bottom: 5px; } }
.feature {
position: relative; }
.feature .slider-prev, .feature .slider-next {
position: absolute;
top: 5px;
z-index: 9;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.4); }
.feature .slider-prev span, .feature .slider-next span {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; }
.feature .slider-prev span:after, .feature .slider-prev span:before, .feature .slider-next span:after, .feature .slider-next span:before {
content: "";
width: 20px;
height: 4px;
display: block;
background-color: #fff;
position: absolute; }
.feature .slider-prev:hover span:after, .feature .slider-prev:hover span:before, .feature .slider-next:hover span:after, .feature .slider-next:hover span:before {
background-color: #d5003a; }
.feature .slider-prev {
right: 50px; }
.feature .slider-prev span:before {
transform: rotate(-45deg);
top: -8px;
left: 8px; }
.feature .slider-prev span:after {
transform: rotate(45deg);
top: 4px;
left: 8px; }
.feature .slider-next {
right: 5px; }
.feature .slider-next span:before {
transform: rotate(45deg);
top: -8px;
right: 8px; }
.feature .slider-next span:after {
transform: rotate(-45deg);
top: 4px;
right: 8px; }
.articles__related {
background-color: #EFEFF1;
padding: 20px;
margin-bottom: 20px; }
@media (max-width: 574px) {
.articles__related {
padding: 10px; } }
@media (min-width: 992px) {
.articles__related {
margin-left: -50px;
margin-right: -50px; } }
@media (min-width: 575px) and (max-width: 991px) {
.articles__related {
margin-left: -50px;
width: calc(100% + 100px);
padding: 20px 50px; } }
.articles__related .article__title {
font-size: 21px;
line-height: 1.3; }
@media (max-width: 574px) {
.articles__related .article__title {
font-size: 13px;
line-height: 18px; } }
@media (min-width: 575px) and (max-width: 991px) {
.articles__related .article__title {
font-size: 18px;
line-height: 23px; } }
.articles__related-links {
list-style-type: none;
margin: 0;
padding: 0; }
.articles__related-links li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.articles__related-links li .article__title {
line-height: 1.5; }
.articles__summary {
padding-bottom: 20px;
margin-bottom: 20px; }
.articles__summary .headline {
margin: 0 0 20px 0;
border: 0; }
.articles__summary ul {
list-style-type: none;
margin: 0;
padding: 0; }
.articles__summary ul li {
position: relative;
font-weight: bold;
margin: 0 0 20px;
position: relative;
text-indent: 10px; }
.articles__summary ul li:before {
content: "";
width: 5px;
height: 5px;
display: block;
background-color: #F84C00;
position: absolute;
left: 0;
top: 6px; }
.articles__updates {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #111; }
.articles__updates .headline {
font-size: 13px;
font-family: "Fira Sans", sans-serif;
text-transform: uppercase;
margin: 0 0 10px 0;
border: 0; }
.articles__updates ul {
list-style-type: none;
margin: 0;
padding: 0; }
.articles__updates ul li {
font-family: "Fira Sans", sans-serif;
line-height: 23px; }
.articles__updates ul li .article__title {
font-size: 13px;
color: rgba(0, 0, 0, 0.7); }
.articles__updates ul li .article__date {
position: relative;
font-size: 14px;
text-indent: 10px;
font-weight: 600;
color: #111; }
.articles__updates ul li .article__date:before {
content: "";
width: 5px;
height: 5px;
display: block;
background-color: #F84C00;
position: absolute;
left: 0;
top: 6px; }
@media (max-width: 574px) {
.articles--feature {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); } }
.articles--feature .article .article__title {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
font-family: "Bitter", serif; }
@media (max-width: 574px) {
.articles--feature .article .article__title {
font-size: 20px;
line-height: 25px; } }
@media (min-width: 575px) and (max-width: 991px) {
.articles--feature .article .article__title {
font-size: 21px; } }
@media (max-width: 574px) {
.articles--archive .article {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); } }
@media (max-width: 574px) {
.articles--archive .article .article__title {
font-size: 16px;
line-height: 1.3; } }
@media (max-width: 574px) {
.articles--puzzle .first {
margin-bottom: 20px;
background-color: #111;
color: #fff;
margin: 0 -10px 10px; } }
@media (max-width: 574px) {
.articles--puzzle .first .article .article__content {
padding: 0 10px; } }
.articles--puzzle .first .article .article__category {
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
color: #d5003a; }
.articles--puzzle .first .article .article__title {
font-size: 26px;
font-weight: 600;
line-height: 1.2; }
@media (max-width: 574px) {
.articles--puzzle .first .article .article__title {
font-size: 21px;
line-height: 1.2; } }
@media (max-width: 574px) {
.articles--puzzle .first .article .article__excerpt {
color: rgba(255, 255, 255, 0.6); } }
.articles--puzzle .article .article__title {
font-size: 16px;
line-height: 1.15; }
@media (max-width: 991px) {
.articles--puzzle .article .article__title {
font-size: 15px; } }
.articles--flash {
background-color: #FDD700;
padding: 10px 0;
max-height: 190px;
overflow: hidden; }
@media (min-width: 992px) {
.articles--flash {
padding: 20px; } }
.articles--flash .headline {
color: #fff;
padding: 3px 10px 2px;
line-height: 1;
border: 0;
display: inline-block;
position: relative;
z-index: 1;
margin: 0 5px 0;
vertical-align: middle; }
.articles--flash .headline:after {
content: "";
height: 100%;
width: 100%;
background-color: #111;
display: block;
z-index: -1;
position: absolute;
top: 0;
left: 0;
transform: skewX(-10deg); }
.articles--flash .article__title {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #111; }
@media (max-width: 574px) {
.articles--flash .article__title {
font-size: 16px; } }
.articles--flash .article__title .prepend {
color: #111; }
.articles--subject {
background-color: #111;
padding: 10px;
color: #fff; }
@media (min-width: 992px) {
.articles--subject {
padding: 20px; } }
.articles--subject .feature {
max-height: 122px;
overflow: hidden; }
@media (min-width: 992px) {
.articles--subject .feature-slider {
width: calc(100% - 100px); } }
.articles--subject .headline {
color: #F84C00;
padding: 0;
border: 0;
margin-bottom: 10px; }
.articles--subject .article__title {
font-size: 23px;
font-weight: 600; }
@media (max-width: 574px) {
.articles--subject .article__title {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 991px) {
.articles--subject .article__title {
font-size: 23px; } }
.articles--subject .article__title .prepend {
color: #F84C00; }
.articles--subject .slider-nav {
top: 50%;
transform: translateY(-50%); }
.articles--dark, .articles--red {
background-color: #111;
padding: 20px 0; }
@media (max-width: 574px) {
.articles--dark, .articles--red {
margin-bottom: 0; } }
.articles--dark .headline, .articles--red .headline {
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
@media (max-width: 574px) {
.articles--dark .first, .articles--red .first {
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }
.articles--dark .article, .articles--red .article {
background-color: transparent;
height: auto; }
.articles--dark .article__title, .articles--red .article__title {
color: rgba(255, 255, 255, 0.9); }
.articles--dark .article__title a, .articles--red .article__title a {
color: rgba(255, 255, 255, 0.9); }
.articles--dark .article__title a:hover, .articles--red .article__title a:hover {
color: #FDD700; }
.articles--dark .article__content, .articles--red .article__content {
background-color: transparent;
color: #fff; }
.articles--red {
background-color: #d5003a; }
.articles--video {
background-color: #0f285e;
padding: 30px 0; }
@media (max-width: 574px) {
.articles--video {
margin-bottom: 0; } }
.articles--video .headline {
color: #fff;
font-weight: 400;
border-bottom: none; }
.articles--video .article {
background-color: #fff; }
.articles--video .article__content {
padding: 10px; }
@media (max-width: 574px) {
@supports (display: flex) {
.articles--xs-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--xs-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--xs-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--xs-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--xs-2-c .article {
margin: 0; } }
.articles--xs-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--xs-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--xs-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--xs-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--xs-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--xs-3-c .article {
margin: 0; } }
.articles--xs-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--xs-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--xs-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--xs-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--xs-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--xs-4-c .article {
margin: 0; } }
.articles--xs-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--xs-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--xs-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--xs-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--xs-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--xs-5-c .article {
margin: 0; } }
.articles--xs-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--xs-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--xs-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--xs-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--xs-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--xs-6-c .article {
margin: 0; } }
.articles--xs-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 575px) {
@supports (display: flex) {
.articles--sm-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--sm-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--sm-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--sm-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--sm-2-c .article {
margin: 0; } }
.articles--sm-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--sm-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--sm-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--sm-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--sm-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--sm-3-c .article {
margin: 0; } }
.articles--sm-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--sm-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--sm-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--sm-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--sm-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--sm-4-c .article {
margin: 0; } }
.articles--sm-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--sm-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--sm-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--sm-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--sm-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--sm-5-c .article {
margin: 0; } }
.articles--sm-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--sm-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--sm-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--sm-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--sm-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--sm-6-c .article {
margin: 0; } }
.articles--sm-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 575px) and (max-width: 991px) {
@supports (display: flex) {
.articles--smo-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smo-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smo-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smo-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smo-2-c .article {
margin: 0; } }
.articles--smo-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smo-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smo-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smo-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smo-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smo-3-c .article {
margin: 0; } }
.articles--smo-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smo-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smo-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smo-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smo-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smo-4-c .article {
margin: 0; } }
.articles--smo-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smo-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smo-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smo-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smo-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smo-5-c .article {
margin: 0; } }
.articles--smo-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smo-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smo-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smo-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smo-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smo-6-c .article {
margin: 0; } }
.articles--smo-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (max-width: 991px) {
@supports (display: flex) {
.articles--smb-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smb-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smb-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smb-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smb-2-c .article {
margin: 0; } }
.articles--smb-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smb-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smb-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smb-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smb-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smb-3-c .article {
margin: 0; } }
.articles--smb-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smb-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smb-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smb-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smb-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smb-4-c .article {
margin: 0; } }
.articles--smb-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smb-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smb-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smb-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smb-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smb-5-c .article {
margin: 0; } }
.articles--smb-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--smb-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--smb-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--smb-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--smb-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--smb-6-c .article {
margin: 0; } }
.articles--smb-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 992px) {
@supports (display: flex) {
.articles--md-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--md-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--md-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--md-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--md-2-c .article {
margin: 0; } }
.articles--md-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--md-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--md-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--md-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--md-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--md-3-c .article {
margin: 0; } }
.articles--md-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--md-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--md-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--md-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--md-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--md-4-c .article {
margin: 0; } }
.articles--md-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--md-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--md-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--md-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--md-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--md-5-c .article {
margin: 0; } }
.articles--md-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--md-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--md-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--md-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--md-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--md-6-c .article {
margin: 0; } }
.articles--md-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
@supports (display: flex) {
.articles--mdo-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdo-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdo-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdo-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdo-2-c .article {
margin: 0; } }
.articles--mdo-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdo-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdo-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdo-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdo-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdo-3-c .article {
margin: 0; } }
.articles--mdo-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdo-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdo-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdo-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdo-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdo-4-c .article {
margin: 0; } }
.articles--mdo-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdo-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdo-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdo-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdo-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdo-5-c .article {
margin: 0; } }
.articles--mdo-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdo-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdo-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdo-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdo-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdo-6-c .article {
margin: 0; } }
.articles--mdo-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (max-width: 1199px) {
@supports (display: flex) {
.articles--mdb-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdb-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdb-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdb-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdb-2-c .article {
margin: 0; } }
.articles--mdb-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdb-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdb-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdb-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdb-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdb-3-c .article {
margin: 0; } }
.articles--mdb-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdb-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdb-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdb-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdb-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdb-4-c .article {
margin: 0; } }
.articles--mdb-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdb-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdb-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdb-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdb-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdb-5-c .article {
margin: 0; } }
.articles--mdb-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--mdb-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--mdb-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--mdb-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--mdb-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--mdb-6-c .article {
margin: 0; } }
.articles--mdb-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 1200px) {
@supports (display: flex) {
.articles--lg-2-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--lg-2-c .article {
flex-basis: calc(50% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--lg-2-c {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--lg-2-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--lg-2-c .article {
margin: 0; } }
.articles--lg-2-c .article:nth-last-of-type(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--lg-3-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--lg-3-c .article {
flex-basis: calc(33.33333% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--lg-3-c {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--lg-3-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--lg-3-c .article {
margin: 0; } }
.articles--lg-3-c .article:nth-last-of-type(-n+3) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--lg-4-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--lg-4-c .article {
flex-basis: calc(25% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--lg-4-c {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--lg-4-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--lg-4-c .article {
margin: 0; } }
.articles--lg-4-c .article:nth-last-of-type(-n+4) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--lg-5-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--lg-5-c .article {
flex-basis: calc(20% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--lg-5-c {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--lg-5-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--lg-5-c .article {
margin: 0; } }
.articles--lg-5-c .article:nth-last-of-type(-n+5) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@supports (display: flex) {
.articles--lg-6-c {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
margin-left: -10px; }
.articles--lg-6-c .article {
flex-basis: calc(16.66667% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; } }
@supports (display: grid) {
.articles--lg-6-c {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-row-gap: 30px;
grid-column-gap: 30px;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.articles--lg-6-c {
grid-row-gap: 20px;
grid-column-gap: 20px; } }
.articles--lg-6-c .article {
margin: 0; } }
.articles--lg-6-c .article:nth-last-of-type(-n+6) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
.article {
margin-bottom: 30px; }
@media (max-width: 574px) {
.article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); } }
.article:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
.article--black {
background-color: #111;
color: #fff;
padding: 10px; }
.article--black a:hover {
color: #FDD700; }
.article__title {
font-family: "Bitter", serif;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
text-overflow: ellipsis;
overflow: hidden; }
@media (max-width: 574px) {
.article__title {
font-size: 14px; } }
.article__title .prepend {
color: #F84C00;
position: relative; }
.article__title--bold {
font-weight: 700; }
.article__title a:hover {
color: #d5003a; }
.article__content {
width: 100%; }
.article__media {
position: relative; }
.article__media img {
width: 100%;
height: auto; }
.article__supratitle {
position: absolute;
bottom: 0;
left: 20px;
font-size: 40px;
font-weight: 900;
background-color: rgba(255, 0, 0, 0.7);
color: #fff;
line-height: 1;
padding: 8px 10px 6px;
text-transform: uppercase; }
@media (max-width: 991px) {
.article__supratitle {
font-size: 18px;
left: 10px; } }
.article__date {
font-size: 11px;
font-weight: 500;
color: #919191; }
.article__date--inline {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #111;
padding: 1px 5px; }
.article__category {
font-weight: 500;
color: #919191;
font-size: 11px;
text-transform: uppercase; }
.article__author {
font-weight: 500;
color: #919191;
font-size: 11px;
text-transform: uppercase; }
.article__label {
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
background-color: #d5003a;
color: #fff;
padding: 1px 4px 1px 6px;
border-radius: 1px;
z-index: 2; }
@media (max-width: 574px) {
.article__label {
font-size: 10px;
top: 1px;
right: 0; } }
.article__label--xl {
font-size: 24px;
padding: 3px 16px; }
.article__prefix {
display: inline-block;
font-size: 130%;
font-weight: 500;
text-transform: uppercase;
background-color: #d5003a;
color: #fff;
padding: 1px 10px 0 10px;
border-radius: 1px;
z-index: 2;
margin-right: 10px; }
.article__meta {
display: flex;
justify-content: space-between; }
.article__excerpt {
font-size: 15px;
line-height: 1.4; }
.article__excerpt .more {
text-decoration: underline; }
.article--list {
display: flex; }
.article--list.add-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--list.last {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
@media (max-width: 574px) {
.article--xs-list {
display: flex; }
.article--xs-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--xs-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 575px) {
.article--sm-list {
display: flex; }
.article--sm-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--sm-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--smo-list {
display: flex; }
.article--smo-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--smo-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (max-width: 991px) {
.article--smb-list {
display: flex; }
.article--smb-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--smb-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 992px) {
.article--md-list {
display: flex; }
.article--md-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--md-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--mdo-list {
display: flex; }
.article--mdo-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--mdo-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (max-width: 1199px) {
.article--mdb-list {
display: flex; }
.article--mdb-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--mdb-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 1200px) {
.article--lg-list {
display: flex; }
.article--lg-list.with-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(56, 44, 19, 0.1); }
.article--lg-list:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; } }
@media (min-width: 575px) and (max-width: 991px) {
.article:last-of-type:not(:first-of-type) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; } }
.article--overlay {
position: relative; }
@media (max-width: 991px) {
.article--overlay {
margin-left: -10px;
margin-right: -10px; } }
.article--overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; }
@media (max-width: 991px) {
.article--overlay .article__content {
padding: 10px; } }
.article--overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; }
@media (max-width: 1199px) {
.article--overlay .article__title {
font-size: 23px; } }
.article--overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; }
@media (max-width: 574px) {
.article--xs-overlay {
position: relative; } }
@media (max-width: 574px) and (max-width: 991px) {
.article--xs-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (max-width: 574px) {
.article--xs-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--xs-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (max-width: 574px) and (max-width: 991px) {
.article--xs-overlay .article__content {
padding: 10px; } }
@media (max-width: 574px) {
.article--xs-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--xs-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--xs-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (max-width: 574px) and (max-width: 1199px) {
.article--xs-overlay .article__title {
font-size: 23px; } }
@media (max-width: 574px) {
.article--xs-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (min-width: 575px) {
.article--sm-overlay {
position: relative; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--sm-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 575px) {
.article--sm-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--sm-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--sm-overlay .article__content {
padding: 10px; } }
@media (min-width: 575px) {
.article--sm-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--sm-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--sm-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (min-width: 575px) and (max-width: 1199px) {
.article--sm-overlay .article__title {
font-size: 23px; } }
@media (min-width: 575px) {
.article--sm-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--smo-overlay {
position: relative; } }
@media (min-width: 575px) and (max-width: 991px) and (max-width: 991px) {
.article--smo-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--smo-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--smo-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (min-width: 575px) and (max-width: 991px) and (max-width: 991px) {
.article--smo-overlay .article__content {
padding: 10px; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--smo-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--smo-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--smo-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (min-width: 575px) and (max-width: 991px) and (max-width: 1199px) {
.article--smo-overlay .article__title {
font-size: 23px; } }
@media (min-width: 575px) and (max-width: 991px) {
.article--smo-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (max-width: 991px) {
.article--smb-overlay {
position: relative; } }
@media (max-width: 991px) and (max-width: 991px) {
.article--smb-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (max-width: 991px) {
.article--smb-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--smb-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (max-width: 991px) and (max-width: 991px) {
.article--smb-overlay .article__content {
padding: 10px; } }
@media (max-width: 991px) {
.article--smb-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--smb-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--smb-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (max-width: 991px) and (max-width: 1199px) {
.article--smb-overlay .article__title {
font-size: 23px; } }
@media (max-width: 991px) {
.article--smb-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (min-width: 992px) {
.article--md-overlay {
position: relative; } }
@media (min-width: 992px) and (max-width: 991px) {
.article--md-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 992px) {
.article--md-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--md-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (min-width: 992px) and (max-width: 991px) {
.article--md-overlay .article__content {
padding: 10px; } }
@media (min-width: 992px) {
.article--md-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--md-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--md-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--md-overlay .article__title {
font-size: 23px; } }
@media (min-width: 992px) {
.article--md-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--mdo-overlay {
position: relative; } }
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 991px) {
.article--mdo-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--mdo-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--mdo-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 991px) {
.article--mdo-overlay .article__content {
padding: 10px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--mdo-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--mdo-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--mdo-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (min-width: 992px) and (max-width: 1199px) and (max-width: 1199px) {
.article--mdo-overlay .article__title {
font-size: 23px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.article--mdo-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (max-width: 1199px) {
.article--mdb-overlay {
position: relative; } }
@media (max-width: 1199px) and (max-width: 991px) {
.article--mdb-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (max-width: 1199px) {
.article--mdb-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--mdb-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (max-width: 1199px) and (max-width: 991px) {
.article--mdb-overlay .article__content {
padding: 10px; } }
@media (max-width: 1199px) {
.article--mdb-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--mdb-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--mdb-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (max-width: 1199px) and (max-width: 1199px) {
.article--mdb-overlay .article__title {
font-size: 23px; } }
@media (max-width: 1199px) {
.article--mdb-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
@media (min-width: 1200px) {
.article--lg-overlay {
position: relative; } }
@media (min-width: 1200px) and (max-width: 991px) {
.article--lg-overlay {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 1200px) {
.article--lg-overlay:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }
.article--lg-overlay .article__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
z-index: 8;
width: auto;
box-sizing: border-box; } }
@media (min-width: 1200px) and (max-width: 991px) {
.article--lg-overlay .article__content {
padding: 10px; } }
@media (min-width: 1200px) {
.article--lg-overlay .article__category {
color: rgba(255, 255, 255, 0.8); }
.article--lg-overlay .article__date {
color: rgba(255, 255, 255, 0.8); }
.article--lg-overlay .article__title {
color: #fff;
line-height: 1.2;
margin: 0; } }
@media (min-width: 1200px) and (max-width: 1199px) {
.article--lg-overlay .article__title {
font-size: 23px; } }
@media (min-width: 1200px) {
.article--lg-overlay .permalink {
position: absolute;
z-index: 999;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; } }
.author-card {
display: flex;
align-items: center;
font-size: 18px;
padding: 20px 0;
margin: 20px 0;
border-top: 1px solid #ccc; }
.author-card__media {
margin-right: 20px;
min-width: 100px;
max-width: 100px; }
@media (max-width: 574px) {
.author-card__media {
min-width: 50px;
max-width: 50px; } }
.author-card__media span {
display: block;
overflow: hidden;
width: 100px;
height: 100px; }
@media (max-width: 574px) {
.author-card__media span {
width: 50px;
height: 50px; } }
.author-card__media img {
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 574px) {
.author-card__media img {
width: 50px;
height: 50px; } }
.author-card__name {
font-weight: bold;
margin-bottom: 5px; }
.author-card__position {
font-weight: normal; }
.author-card__description {
font-size: 13px;
color: #666; }
.author-card__more {
margin-top: 10px; }
.author-card__more a {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #d5003a; }
.strawberry-ads-manager-container img {
margin: 0 auto; }
.strawberry-ads__pretty-container {
text-align: center;
width: 100%; }
@media (min-width: 575px) {
.strawberry-ads__pretty-container {
padding: 20px;
background-color: #efefef; } }
.strawberry-ads {
background-color: #efefef;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;
padding: 10px 0; }
.strawberry-ads .middle {
flex-direction: column;
display: flex;
align-items: center;
justify-content: center; }
.place {
width: 300px;
height: 250px;
background-color: #444;
text-transform: uppercase;
padding: 10px;
box-sizing: border-box;
margin: 0 auto; }
.place-300-600 {
width: 300px;
height: 600px; }
.place-970-250 {
width: 970px;
max-width: 100%;
height: 250px; }
.height-90 {
min-height: 90px; }
.height-100 {
min-height: 100px; }
.height-120 {
min-height: 120px; }
.height-200 {
min-height: 200px; }
.height-250 {
min-height: 250px; }
.height-280 {
min-height: 280px; }
.height-300 {
min-height: 300px; }
.height-360 {
min-height: 360px; }
.height-400 {
min-height: 400px; }
.height-600 {
min-height: 600px; }
@media (max-width: 574px) {
.height-xs-90 {
min-height: 90px; }
.height-xs-100 {
min-height: 100px; }
.height-xs-120 {
min-height: 120px; }
.height-xs-200 {
min-height: 200px; }
.height-xs-250 {
min-height: 250px; }
.height-xs-280 {
min-height: 280px; }
.height-xs-300 {
min-height: 300px; }
.height-xs-360 {
min-height: 360px; }
.height-xs-400 {
min-height: 400px; }
.height-xs-600 {
min-height: 600px; } }
@media (min-width: 575px) {
.height-sm-90 {
min-height: 90px; }
.height-sm-100 {
min-height: 100px; }
.height-sm-120 {
min-height: 120px; }
.height-sm-200 {
min-height: 200px; }
.height-sm-250 {
min-height: 250px; }
.height-sm-280 {
min-height: 280px; }
.height-sm-300 {
min-height: 300px; }
.height-sm-360 {
min-height: 360px; }
.height-sm-400 {
min-height: 400px; }
.height-sm-600 {
min-height: 600px; } }
@media (min-width: 575px) and (max-width: 991px) {
.height-smo-90 {
min-height: 90px; }
.height-smo-100 {
min-height: 100px; }
.height-smo-120 {
min-height: 120px; }
.height-smo-200 {
min-height: 200px; }
.height-smo-250 {
min-height: 250px; }
.height-smo-280 {
min-height: 280px; }
.height-smo-300 {
min-height: 300px; }
.height-smo-360 {
min-height: 360px; }
.height-smo-400 {
min-height: 400px; }
.height-smo-600 {
min-height: 600px; } }
@media (max-width: 991px) {
.height-smb-90 {
min-height: 90px; }
.height-smb-100 {
min-height: 100px; }
.height-smb-120 {
min-height: 120px; }
.height-smb-200 {
min-height: 200px; }
.height-smb-250 {
min-height: 250px; }
.height-smb-280 {
min-height: 280px; }
.height-smb-300 {
min-height: 300px; }
.height-smb-360 {
min-height: 360px; }
.height-smb-400 {
min-height: 400px; }
.height-smb-600 {
min-height: 600px; } }
@media (min-width: 992px) {
.height-md-90 {
min-height: 90px; }
.height-md-100 {
min-height: 100px; }
.height-md-120 {
min-height: 120px; }
.height-md-200 {
min-height: 200px; }
.height-md-250 {
min-height: 250px; }
.height-md-280 {
min-height: 280px; }
.height-md-300 {
min-height: 300px; }
.height-md-360 {
min-height: 360px; }
.height-md-400 {
min-height: 400px; }
.height-md-600 {
min-height: 600px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.height-mdo-90 {
min-height: 90px; }
.height-mdo-100 {
min-height: 100px; }
.height-mdo-120 {
min-height: 120px; }
.height-mdo-200 {
min-height: 200px; }
.height-mdo-250 {
min-height: 250px; }
.height-mdo-280 {
min-height: 280px; }
.height-mdo-300 {
min-height: 300px; }
.height-mdo-360 {
min-height: 360px; }
.height-mdo-400 {
min-height: 400px; }
.height-mdo-600 {
min-height: 600px; } }
@media (max-width: 1199px) {
.height-mdb-90 {
min-height: 90px; }
.height-mdb-100 {
min-height: 100px; }
.height-mdb-120 {
min-height: 120px; }
.height-mdb-200 {
min-height: 200px; }
.height-mdb-250 {
min-height: 250px; }
.height-mdb-280 {
min-height: 280px; }
.height-mdb-300 {
min-height: 300px; }
.height-mdb-360 {
min-height: 360px; }
.height-mdb-400 {
min-height: 400px; }
.height-mdb-600 {
min-height: 600px; } }
@media (min-width: 1200px) {
.height-lg-90 {
min-height: 90px; }
.height-lg-100 {
min-height: 100px; }
.height-lg-120 {
min-height: 120px; }
.height-lg-200 {
min-height: 200px; }
.height-lg-250 {
min-height: 250px; }
.height-lg-280 {
min-height: 280px; }
.height-lg-300 {
min-height: 300px; }
.height-lg-360 {
min-height: 360px; }
.height-lg-400 {
min-height: 400px; }
.height-lg-600 {
min-height: 600px; } }
html.has-push-menu, body.has-push-menu {
overflow: hidden;
position: relative;
height: 100%; }
body .mask {
transition: transform 100ms linear;
transform: translateX(-100%);
opacity: 0; }
body.has-push-menu .mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 100;
transition: opacity 300ms;
opacity: 1;
transform: translateX(0); }
.pushmenu-wrapper {
transition: transform 0.3s; }
#pushmenu { position: fixed;
top: 0;
z-index: 200;
background-color: #111;
bottom: 0;
width: 300px;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
z-index: 9999999999999999999;
transform: translateX(-100%);
transition: transform .3s;
font-family: "Fira Sans", sans-serif; }
@media (max-width: 574px) {
#pushmenu {
width: 80%; } }
#pushmenu a {
text-decoration: none;
color: #fff; }
#pushmenu a:focus, #pushmenu a:active {
text-decoration: none; }
#pushmenu.open {
display: block;
transform: translateX(0);
transition: transform .3s; }
#pushmenu .pushmenu-close {
text-align: right; }
#pushmenu .pushmenu-close a {
font-size: 13px;
font-weight: 400;
display: block;
background-color: var(--highlight-color);
color: #fff;
padding: 16px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold; }
#pushmenu .pushmenu-close a span {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
vertical-align: middle; }
#pushmenu .pushmenu-close a span:before, #pushmenu .pushmenu-close a span:after {
content: '';
position: absolute;
width: 16px;
height: 2px;
background-color: #fff;
border-radius: 2px;
top: 6px; }
#pushmenu .pushmenu-close a span:before {
transform: rotate(45deg);
left: 0; }
#pushmenu .pushmenu-close a span:after {
transform: rotate(-45deg);
right: 0; }
#pushmenu .pushmenu-logo {
text-align: center;
padding: 20px; }
#pushmenu .pushmenu-logo img {
max-width: 100%;
height: auto; }
#pushmenu .pushmenu-search {
margin: 10px; }
#pushmenu .pushmenu-search .input {
background-color: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 20px;
text-indent: 10px;
font-size: 14px;
line-height: 30px;
width: 100%;
color: #fff; }
#pushmenu .pushmenu-social {
margin: 10px;
text-align: center;
display: flex;
justify-content: center;
padding: 20px 0;
border-top: 1px solid #ccc; }
#pushmenu .pushmenu-social a {
display: inline-block;
font-size: 16px;
color: #fff;
width: 30px;
height: 30px;
line-height: 28px;
margin: 0 10px; }
#pushmenu .pushmenu-content ul {
list-style-type: none;
margin: 0;
padding: 0 10px; }
#pushmenu .pushmenu-content .pushmenu-menu {
position: relative;
transition: transform 0.3s;
transform: translateX(0); }
#pushmenu .pushmenu-content .pushmenu-menu ul li { }
#pushmenu .pushmenu-content .pushmenu-menu ul li a {
color: #fff;
font-size: 18px;
font-weight: 900;
display: block;
padding: 10px 20px; }
@media (max-width: 574px) {
#pushmenu .pushmenu-content .pushmenu-menu ul li a {
font-size: 18px; } }
#pushmenu .pushmenu-content .pushmenu-menu ul li a.back {
position: relative;
padding-left: 30px;
font-size: .8em;
color: #999; }
#pushmenu .pushmenu-content .pushmenu-menu ul li a.back:before {
position: absolute;
top: 50%;
left: 15px;
margin-top: -5px;
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 3px solid black;
border-top: 3px solid black;
transform: rotate(-135deg); }
#pushmenu .pushmenu-content .pushmenu-menu ul li.current-menu-item > a {
color: #d5003a; }
#pushmenu .pushmenu-content .pushmenu-menu ul li ul {
list-style-type: none; }
#pushmenu .pushmenu-content .pushmenu-menu ul li ul li a {
font-size: .8em;
padding: 5px 0 5px 20px; }
#pushmenu .pushmenu-content .pushmenu-menu ul li ul.active {
display: block; }
#pushmenu .pushmenu-content .pushmenu-menu.submenu-open {
transition: transform 0.3s;
transform: translateX(-100%); }
#pushmenu .pushmenu-content .pushmenu-pages {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ccc; }
#pushmenu .pushmenu-content .pushmenu-pages a {
color: #fff;
font-size: 14px;
font-weight: 400;
display: block;
padding: 8px 20px; }
@media (max-width: 574px) {
#pushmenu .pushmenu-content .pushmenu-pages a {
font-size: 14px; } }
#pushmenu .pushmenu-content .pushmenu-pages li.current-menu-item > a {
color: #d5003a; } #feature {
background-color: #efefef;
padding: 20px 0; }
@media (max-width: 574px) {
#feature {
padding: 0; } }
.archive .intro {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding: 10px 0; }
.archive .intro .title {
font-size: 21px;
text-transform: uppercase;
font-weight: 900;
margin: 0; }
.archive .intro .description {
margin-top: 20px; }
@media (max-width: 574px) {
.archive .intro .description {
font-size: 13px; } }
.archive .intro--white {
background-color: #fff; }
@media (max-width: 991px) {
.single__wrapper {
display: flex;
flex-direction: column; } }
.single__breadcrumbs {
font-size: 12px;
font-weight: 300;
color: #666; }
.single__category {
font-size: 16px;
font-weight: 600;
color: #F84C00; }
@media (max-width: 574px) {
.single__category {
font-size: 14px; } }
.single__title {
font-family: "Bitter", serif;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin: 0;
color: #111;
margin: 10px 0 30px 0; }
.single__title .prepend {
color: #F84C00; }
@media (max-width: 1199px) {
.single__title {
font-size: 23px;
font-weight: 600;
line-height: 1.2;
margin: 10px 0; } }
.single__prefix {
display: inline-block;
text-transform: uppercase;
background-color: #d5003a;
color: #fff;
padding: 1px 4px 1px 6px;
font-size: 23px; }
@media (max-width: 574px) {
.single__prefix {
font-size: 16px; } }
.single__meta {
position: relative;
font-size: 14px;
color: #666;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 100%;
margin-bottom: 20px;
align-items: center;
height: 35px; }
@media (max-width: 991px) {
.single__meta {
margin-top: 10px;
padding-left: 0; } }
@media (max-width: 574px) {
.single__meta .bar {
max-width: 180px; }
.single__meta .author_name, .single__meta .date_published {
display: block; } }
.single__media {
position: relative;
margin-bottom: 10px; }
@media (max-width: 574px) {
.single__media {
margin: 0 -10px 10px; } }
.single__media img {
max-width: 100%;
height: auto; }
.single__gallery {
display: flex;
background-color: #222;
padding: 5px; }
@media (max-width: 574px) {
.single__gallery {
margin-top: 0; } }
.single__gallery .thumb {
flex: 1;
margin-right: 5px; }
.single__gallery .thumb:last-of-type {
margin-right: 0; }
.single__gallery .thumb.more {
background-color: var(--highlight-color);
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 574px) {
.single__gallery .thumb.more {
padding: 5px; } }
.single__gallery .thumb.more a {
display: block;
width: 100%;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 1.2; }
.single__gallery .thumb.more a span {
font-size: 26px; }
@media (max-width: 574px) {
.single__gallery .thumb.more a span {
font-size: 18px; } }
.single__content {
font-family: "Fira Sans", sans-serif;
font-size: 19px;
line-height: 1.4;
font-weight: 400;
color: #111; }
@media (min-width: 575px) and (max-width: 991px) {
.single__content {
max-width: 650px;
margin-left: auto;
margin-right: auto; } }
.single__content p {
margin: 0 0 20px 0;
line-height: 26px; }
.single__content p > a {
color: blue;
border-bottom: 1px solid var(--highlight-color);
padding: 0;
transition: all .3s; }
.single__content p > a:hover {
border-bottom: 2px solid #d5003a;
color: #d5003a;
transition: all .3s; }
.single__content h2 {
font-size: 25px;
line-height: 1.3;
font-weight: 600;
margin-bottom: 10px; }
.single__content h3 {
font-size: 21px;
line-height: 1.3;
font-weight: 600;
margin-bottom: 10px; }
.single__content h4 {
font-size: 18px;
line-height: 1.3;
font-weight: 600;
margin-bottom: 10px; }
.single__content strong {
font-weight: 700; }
.single__content em, .single__content i {
font-style: italic; }
.single__content ul {
list-style-type: disc;
margin-left: 10px; }
.single__content ul li {
margin: 5px 0; }
.single__content ol {
list-style-type: decimal;
margin-left: 10px; }
.single__content ol li {
margin: 5px 0; }
.single__content img {
max-width: 100%;
height: auto !important; }
.single__content img.alignnone {
margin: 10px auto; }
@media (min-width: 992px) {
.single__content img.alignright {
margin: 0 -100px 20px 20px; } }
@media (max-width: 574px) {
.single__content iframe[src*="youtube"] {
max-width: 100%;
height: auto;
min-height: 200px; } }
.single__content .wp-block-pullquote {
border-top: 3px solid #111;
border-bottom: 3px solid #111;
padding: 20px 0;
font-style: italic; }
.single__content .wp-block-pullquote p {
font-size: 24px; }
.single__content .highlight-text {
background-color: var(--highlight-color);
color: #fff;
padding: 2px 5px; }
.single__content .highlight-float {
padding: 10px 0;
border-top: 2px solid var(--highlight-color);
border-bottom: 2px solid var(--highlight-color);
color: var(--highlight-color);
font-style: italic; }
@media (min-width: 992px) {
.single__content .highlight-float {
font-size: 23px;
line-height: 1.3;
font-weight: bold; }
.single__content .highlight-float.left {
max-width: 70%;
float: left;
margin: 0 10px 10px -50px;
padding: 20px;
border-right: 5px solid var(--highlight-color); }
.single__content .highlight-float.right {
max-width: 50%;
float: right;
margin: 0 -50px 10px 10px;
padding: 20px;
border-left: 5px solid var(--highlight-color); } }
.single__content .wp-block-quote, .single__content blockquote {
font-family: Georgia;
font-style: italic;
padding: 20px 20px 20px 50px;
margin-right: 0;
margin-left: 0;
font-size: 21px;
line-height: 1.6;
position: relative; }
@media (max-width: 574px) {
.single__content .wp-block-quote, .single__content blockquote {
padding: 20px 0 20px 50px; } }
.single__content .wp-block-quote:before, .single__content blockquote:before {
content: "\201C";
display: block;
font-size: 100px;
line-height: 1;
height: 0;
left: 0;
position: absolute;
top: 10px;
color: var(--highlight-color);
padding-right: 20px;
font-style: italic; }
.single__content .wp-block-quote p, .single__content blockquote p {
font-size: 21px;
line-height: 1.6;
font-family: Georgia;
font-style: italic;
margin: 0 0 20px; }
.single__content .wp-block-quote p:last-of-type, .single__content blockquote p:last-of-type {
margin-bottom: 0; }
@media (max-width: 574px) {
.single__content .wp-block-quote p, .single__content blockquote p {
font-size: 18px;
line-height: 1.3; } }
.single__content .wp-block-quote.is-style-large, .single__content blockquote.is-style-large {
padding: 0 0 0 40px; }
.single__content .wp-block-quote.is-style-large p, .single__content blockquote.is-style-large p {
font-family: Georgia;
font-size: 21px; }
@media (max-width: 574px) {
.single__content .wp-block-quote.is-style-large p, .single__content blockquote.is-style-large p {
font-size: 18px; } }
.single__content .inline-related {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #efefef; }
.single__content .inline-related:last-of-type {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #efefef; }
.single__content .inline-related .article__content {
padding: 10px 0 0 0; }
.single__content .inline-related a {
text-decoration: none;
border: 0;
font-size: 23px; }
@media (max-width: 574px) {
.single__content .inline-related a {
font-size: 18px; } }
.single__content .strawberry-ads {
margin-bottom: 20px; }
.single__content .anchors {
position: relative;
padding: 20px 0 20px 30px;
border-top: 1px solid #222;
border-bottom: 1px solid #222; }
.single__content .anchors a {
display: block;
font-size: 16px;
line-height: 1.4;
color: #222;
margin-bottom: 10px;
font-weight: bold; }
.single__content .anchors a:last-of-type {
margin-bottom: 0; }
.single__content .anchors:before {
content: "Sumar";
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #222;
position: absolute;
top: 25px;
left: -50px;
transform: rotate(-90deg);
transform-origin: right top; }
.single__tags {
font-size: 13px;
color: #666;
padding: 10px 0; }
@media (max-width: 574px) {
.single__tags {
margin-bottom: 20px; } }
.single__tags span, .single__tags a {
display: inline-block;
padding: 1px 4px 2px;
text-transform: lowercase;
font-size: 12px; }
.single__tags span {
background-color: #111;
color: #fff; }
.single__tags a {
margin-bottom: 3px;
color: #666;
background-color: #efefef;
margin: 2px; }
.single__tags a:hover {
text-decoration: underline; }
.single__social .network {
display: flex;
align-items: center; }
.single__social .network a {
display: block;
width: 28px;
height: 28px;
line-height: 2em;
font-size: 16px;
color: #fff;
text-align: center;
border-radius: 4px;
margin-left: 10px; }
.static {
max-width: 1024px;
margin: 0 auto; }
.fototeca {
background-color: #040404;
padding: 30px; }
@media (min-width: 1200px) {
.fototeca__wrapper {
max-width: 80vw;
margin: 0 auto; } }
@media (max-width: 574px) {
.fototeca {
padding: 0 0 30px; } }
.fototeca .back {
text-align: right;
padding: 20px 0 0; }
@media (max-width: 574px) {
.fototeca .back {
padding: 10px; } }
.fototeca .back a {
display: inline-block;
color: rgba(255, 255, 255, 0.7); }
.fototeca .back a span {
font-size: 23px;
vertical-align: middle;
display: inline-block;
margin-left: 10px;
color: white; }
.fototeca .count-nav {
font-size: 18px;
font-weight: 100; }
@media (max-width: 574px) {
.fototeca .count-nav {
padding: 5px;
background-color: #333;
font-size: 16px; } }
.fototeca .gallery {
position: relative; }
.fototeca .gallery .slider-prev, .fototeca .gallery .slider-next {
position: absolute;
top: 0;
width: 100px;
height: 100%;
z-index: 9; }
.fototeca .gallery .slider-prev span, .fototeca .gallery .slider-next span {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; }
.fototeca .gallery .slider-prev span:after, .fototeca .gallery .slider-prev span:before, .fototeca .gallery .slider-next span:after, .fototeca .gallery .slider-next span:before {
content: "";
width: 40px;
height: 4px;
display: block;
background-color: #fff;
position: absolute; }
.fototeca .gallery .slider-prev:hover span:after, .fototeca .gallery .slider-prev:hover span:before, .fototeca .gallery .slider-next:hover span:after, .fototeca .gallery .slider-next:hover span:before {
background-color: #d5003a; }
.fototeca .gallery .slider-prev {
left: 0; }
.fototeca .gallery .slider-prev span:before {
transform: rotate(-45deg);
top: -13px;
left: 0; }
.fototeca .gallery .slider-prev span:after {
transform: rotate(45deg);
top: 13px;
left: 0; }
.fototeca .gallery .slider-next {
right: 0; }
.fototeca .gallery .slider-next span:before {
transform: rotate(45deg);
top: -13px;
right: 0; }
.fototeca .gallery .slider-next span:after {
transform: rotate(-45deg);
top: 13px;
right: 0; }
.fototeca .text {
color: #fff;
position: relative; }
.fototeca .text .title {
font-size: 21px;
font-weight: bold;
line-height: 1.1;
margin: 30px 0; }
@media (max-width: 574px) {
.fototeca .text .title {
margin: 10px 0; } }