@import url(https://fonts.googleapis.com/css?family=Montserrat:300, 400, 500, 600, 700);
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
h1,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
footer,
h2,
h3,
p {
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
h2,
h3,
p {
    padding: 0;
}
footer {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    color: #000;
    letter-spacing: 0.1px;
    font-weight: 400;
    font-size: 100%;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
html {
    color: #000;
    font-size: 1em;
}
body,
h1,
h2,
h3,
h4 {
    font-family: Montserrat, sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 3px;
}
@media (max-width: 768px) {
    h1 {
        font-size: 30px;
    }
}
h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 22px;
}
@media (max-width: 768px) {
    h2 {
        font-size: 16px;
        margin-bottom: 18px;
    }
}
h2,
h3,
p {
    line-height: 1.5;
}
h2,
h3,
h4 {
    letter-spacing: 1px;
}
h3 {
    margin: 0 0 20px;
    font-size: 18px;
}
@media (max-width: 768px) {
    h3 {
        font-size: 14px;
        margin-bottom: 16px;
    }
}
h4 {
    font-size: 14px;
}
@media (max-width: 768px) {
    h4 {
        font-size: 12px;
    }
}
a {
    text-decoration: none;
}
p {
    letter-spacing: 1.2px;
    margin: 0 0 22px;
}
@media (max-width: 768px) {
    p {
        font-size: 13px;
    }
}
b,
h1 {
    font-weight: 600;
}
.block-wrapper__countries {
    padding: 0 50px;
}
@media (max-width: 1024px) {
    .block-wrapper__countries {
        padding: 0 20px;
    }
}
.block-wrapper__img {
    text-align: center;
    height: 100px;
}
.block-wrapper__img img {
    max-width: 100%;
}
@media (max-width: 768px) {
    .block-wrapper__img {
        margin-top: 20px;
    }
}
.type-block {
    display: block;
}
@media (max-width: 1024px) {
    .type-block {
        display: inline-block;
    }
    .type-block--small-screen {
        display: block;
    }
}

.features-list__block a,
.section__global-software h4 {
    text-transform: uppercase;
    color: #000;
}

.section {
    padding-top: 85px;
    padding-bottom: 75px;
}
@media (max-width: 1024px) {
    .section {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .section {
        padding-top: 40px;
    }
}
.section__trusted--text {
    padding: 0 29px;
}
@media (max-width: 768px) {
    .section__trusted--text {
        padding: 0;
    }
}
.section__trusted--text p {
    margin-bottom: 30px;
    letter-spacing: 1.2px;
}
@media (max-width: 1024px) {
    .section__trusted--text p {
        text-align: center;
    }
}
.section__trusted img {
    max-width: 100%;
}
@media (max-width: 1024px) {
    .section__trusted img {
        max-width: 70%;
    }
}
.section__how-macbook {
    padding-bottom: 85px;
}
@media (max-width: 768px) {
    .section__how-macbook {
        padding-bottom: 40px;
    }
}
.section__how-macbook img {
    float: right;
    width: 100%;
    height: 100%;
    margin-top: 47px;
}
@media (max-width: 1024px) {
    .section__how-macbook img {
        text-align: center;
        margin-top: 40px;
    }
}
@media (max-width: 768px) {
    .section__how-macbook img {
        margin-top: 50px;
    }
}
.section__how-tablet {
    padding-bottom: 85px;
}
@media (max-width: 768px) {
    .section__how-tablet {
        padding-bottom: 40px;
    }
}
.section__how-tablet img {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 15px;
}
@media (max-width: 1024px) {
    .section__how-tablet img {
        text-align: center;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .section__how-tablet img {
        margin-top: 50px;
    }
}
.section__how-iPhone {
    padding-bottom: 85px;
}
@media (max-width: 768px) {
    .section__how-iPhone {
        padding-bottom: 40px;
    }
}
.section__how-iPhone img {
    max-width: 290px;
    height: auto;
    margin-top: 100px;
}
@media (max-width: 1024px) {
    .section__how-iPhone img {
        margin-top: 20px;
        max-width: 350px;
    }
}
@media (max-width: 768px) {
    .section__how-iPhone img {
        margin-top: 50px;
    }
}
@media (max-width: 425px) {
    .section__how-iPhone img {
        max-width: 230px;
    }
}
.section__global-software img {
    margin: 7px 0;
}
.section__global-software h4 {
    font-weight: 500;
}
@media (max-width: 1024px) {
    .section__global-software h4 {
        font-size: 14px;
    }
}
.section__create-schedule {
    background-color: #56d2ae;
}
.section__create-schedule h3 {
    margin-bottom: 50px;
}
.section__recent-posts img {
    max-width: 100%;
    height: 200px;
}
.section-header {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .section-header {
        margin-bottom: 40px;
    }
}
@media (max-width: 425px) {
    .section-header {
        margin-bottom: 20px;
    }
}
.tablet--hide-on-desktop img {
    margin-top: 20px;
}
.picture-from-headline {
    display: inline-block;
}
.text-from-tabs {
    margin-top: 70px;
}
@media (max-width: 1024px) {
    .text-from-tabs {
        text-align: center;
        margin: 0;
        padding: 20px 0 0;
    }
}
@media (max-width: 768px) {
    .text-from-tabs {
        padding: 0;
    }
}
.text-from-tabs--right {
    float: left;
}
.text-from-tabs--right h3 {
    line-height: 24px;
    margin-bottom: 39px;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .text-from-tabs--right h3 {
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .text-from-tabs--right h3 {
        margin-bottom: 20px;
    }
}
.text-from-tabs--right p {
    line-height: 24px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .text-from-tabs--right p {
        margin-bottom: 20px;
    }
}
.text-from-tabs--left {
    float: right;
}
.text-from-tabs--left h3 {
    margin-bottom: 22px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .text-from-tabs--left h3 {
        margin-bottom: 20px;
    }
}
.text-from-tabs--left p {
    margin-bottom: 24px;
    line-height: 24px;
}
@media (max-width: 768px) {
    .text-from-tabs--left p {
        margin-bottom: 20px;
    }
}
.what-we-believe-in__list {
    letter-spacing: 1.2px;
}
@media (max-width: 1024px) {
    .what-we-believe-in__list {
        padding: 0 50px;
    }
}
@media (max-width: 768px) {
    .what-we-believe-in__list {
        padding: 0 15px;
    }
}
.menu__who-uses--roll li + li:before,
.what-we-believe-in__list p + p:before {
    content: "";
    display: block;
    height: 2px;
    background: rgba(100, 100, 100, 0.15);
    left: 0;
    top: 0;
}
.what-we-believe-in__list p + p:before {
    position: static;
    width: 52%;
    margin: 21px auto;
}
@media (max-width: 1024px) {
    .what-we-believe-in__list p + p:before {
        margin: 10px auto;
    }
}
.features-list__block {
    margin-bottom: 70px;
    padding: 0 25px;
}
.features-list__block h3 {
    margin: 18px 0;
    font-size: 14px;
}
@media (max-width: 425px) {
    .features-list__block h3 {
        margin: 5px 0;
    }
}
.features-list__block p {
    margin-top: 20px;
    line-height: 2;
}
@media (max-width: 425px) {
    .features-list__block p {
        font-size: 11px;
    }
}
.features-list__block--height {
    height: 379px;
}
@media (max-width: 1024px) {
    .features-list__block--height {
        height: auto;
    }
    .features-list__block {
        margin-bottom: 0;
        padding: 0;
    }
}
.countries__list {
    padding: 0;
}
@media (max-width: 1024px) {
    .countries__list {
        padding-top: 50px;
    }
}
.countries__headline,
.countries__item {
    text-transform: uppercase;
    font-weight: 500;
}
.countries__item {
    list-style-type: none;
    display: inline-block;
}
.countries__item a {
    color: #000;
}
.countries__headline {
    margin: 8px 0;
    font-size: 14px;
}
@media (max-width: 768px) {
    .countries__headline {
        font-size: 10px;
        margin: 0;
    }
}
.our-story__text {
    padding-right: 55px;
    padding-left: 37px;
}
@media (max-width: 1024px) {
    .our-story__text {
        padding: 10px 98px;
    }
}
@media (max-width: 768px) {
    .our-story__text {
        padding: 0 20px;
    }
}
.our-story__text p {
    margin-bottom: 24px;
    line-height: 24px;
    letter-spacing: 0;
}
.owners__offset {
    padding: 0 13px;
}
@media (max-width: 1024px) {
    .owners__offset p {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .owners__offset p {
        padding: 0;
        font-size: 13px;
    }
}
@media (max-width: 425px) {
    .owners__offset p {
        font-size: 12px;
    }
}
.owners__photo {
    width: 134px;
    height: 134px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    background-position: center;
    background-size: 100%;
    margin-bottom: 47px;
}
@media (max-width: 1024px) {
    .owners__photo {
        width: 180px;
        height: 180px;
        margin: 16px 0;
    }
}
.owners__photo--Marcus {
    background-image: url(../img/marcus.jpg);
}
.owners__photo--Hellen {
    background-image: url(../img/hellen.jpg);
}
.owners__photo--Jason {
    background-image: url(../img/jason.jpg);
}
.software-free__text {
    line-height: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1024px) {
    .software-free__text {
        padding: 0 144px;
    }
}
@media (max-width: 768px) {
    .software-free__text {
        padding: 0 20px;
    }
}
@media (max-width: 1024px) {
    .software-free__list {
        margin: 0 auto;
        padding-left: 144px;
        padding-right: 65px;
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .software-free__list {
        padding: 0 10px;
    }
}
.software-free__item {
    margin-bottom: 3px;
}
.software-free__item p {
    margin: 0 63px;
    line-height: 24px;
}
@media (max-width: 768px) {
    .software-free__item p {
        margin: 0 10px 0 35px;
    }
}
@media (max-width: 1024px) {
    .software-free__item {
        margin-bottom: 6px;
    }
}
.software-free__img {
    padding: 43px 8px;
    height: auto;
    width: 100%;
}
@media (max-width: 1024px) {
    .software-free__img {
        padding: 0;
        max-width: 500px;
    }
}
.software-free__chek {
    display: inline-block;
    margin-bottom: -29px;
}
.price-form {
    padding-top: 40px;
    max-width: 380px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .price-form {
        height: 100%;
    }
}
.price-form__header {
    position: relative;
    width: auto;
    padding: 52px 17px 37px;
    background-color: #56d2ae;
}
.price-form__header h3 {
    margin-bottom: 81px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.price-form__header--minus {
    float: left;
    cursor: pointer;
}
.price-form__header--minus:hover,
.price-form__header--plus:hover {
    -webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}
.price-form__header--plus {
    float: right;
    cursor: pointer;
}
.price-form__header--violet {
    background-color: #5671d2;
}
.price-form__circle {
    position: absolute;
    z-index: 1;
    height: 152px;
    width: 152px;
    left: 50%;
    bottom: -76px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #56d2ae;
}
.price-form__circle--violet {
    color: #5671d2;
}
.price-form__information {
    position: relative;
    width: auto;
    padding: 90px 16px 32px;
    background-color: #f3fcf9;
    text-align: center;
    font-size: 14px;
}
@media (min-width: 768px) {
    .price-form__information {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.price-form__information p {
    margin-bottom: 13px;
}
.price-form__text {
    margin-top: 40px;
}
.price-form__button {
    display: inline-block;
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #37a6c1;
    padding-top: 24px;
    width: 220px;
    height: 36px;
}
.price-form__button:hover {
    background-color: #2c8499;
}
.price-form__list {
    text-transform: uppercase;
    position: relative;
    list-style-type: none;
    padding: 10px 50px 18px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .price-form__list {
        padding: 18px 14px;
    }
}
.price-form__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60%;
    height: 60px;
    margin: 0 auto;
    border: 2px solid #37a6c1;
    color: #37a6c1;
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    padding: 2px;
}
.price-form__item small {
    margin-top: 5px;
    font-size: 10px;
}
.price-form__item--active {
    color: #fff;
    background-color: #37a6c1;
}
.price-form__total {
    margin-top: 10px;
    margin-bottom: 22px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #37a6c1;
}
.price-form__total.b-margin {
    margin-bottom: 70px;
}
.total__price--active {
    display: inline-block;
}
.circle-label {
    display: block;
    text-align: center;
}
.circle-label__free,
.circle-label__num {
    display: block;
    font-size: 36px;
    font-weight: 600;
    margin-top: -5px;
}
.circle-label__num {
    font-size: 48px;
}
.questions-about-salon__tab {
    margin-bottom: 70px;
    padding: 0 25px;
}
.questions-about-salon__tab h4 {
    margin: 18px 0;
    line-height: 20px;
}
.questions-about-salon__tab p {
    margin-top: 20px;
    line-height: 2;
}
@media (max-width: 1024px) {
    .questions-about-salon__tab {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .questions-about-salon__tab {
        padding: 0 0 0 10px;
    }
}
.recent-post__header {
    text-transform: uppercase;
    font-size: 14px;
    margin: 28px 15px 17px;
    font-weight: 500;
    line-height: 24px;
}
@media (max-width: 1024px) {
    .recent-post__header {
        margin-bottom: 0;
        text-align: center;
    }
}
.recent-post__header:hover {
    text-decoration: underline;
}
.recent-post__header a {
    color: #37a6c1;
}
.recent-post__text {
    font-size: 14px;
    padding: 0 15px;
    line-height: 2;
    margin: 10px 0 50px;
}
@media (max-width: 1024px) {
    .recent-post__text {
        text-align: center;
    }
}
@media (max-width: 425px) {
    .recent-post__text {
        font-size: 13px;
    }
}
.block-title {
    text-transform: uppercase;
    font-size: 18px;
}
@media (max-width: 1024px) {
    .block-title {
        text-align: center;
        font-size: 15px;
    }
}
.block-title--center {
    text-align: center;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .block-title--center {
        padding: 0 30px;
    }
}
@media (max-width: 768px) {
    .block-title--center {
        padding: 0;
    }
}
.block-title--headline {
    font-weight: 600;
    font-size: 32px;
}
@media (max-width: 768px) {
    .block-title--headline {
        font-size: 26px;
    }
}
@media (max-width: 425px) {
    .block-title--headline {
        font-size: 22px;
    }
}
.block-title--left {
    text-align: left;
}
.block-title--lineheight {
    line-height: 26px;
}
.sprite__icon {
    display: inline-block;
    width: 75px;
    height: 68px;
    background-image: url(../img/icons.png);
    margin: 30px 89px;
}
@media (max-width: 1024px) {
    .sprite__icon {
        margin: 22px;
    }
}
@media (max-width: 768px) {
    .sprite__icon {
        width: 48px;
        height: 43px;
        background-size: 98%;
        margin: 15px;
    }
}
.sprite__icon--schedule {
    background-position-y: -17px;
}
@media (max-width: 768px) {
    .sprite__icon--schedule {
        background-position-y: -11px;
    }
}
.sprite__icon--booking {
    background-position-y: -94px;
}
@media (max-width: 768px) {
    .sprite__icon--booking {
        background-position-y: -58px;
    }
}
.sprite__icon--ring {
    background-position-y: -180px;
}
@media (max-width: 768px) {
    .sprite__icon--ring {
        background-position-y: -113px;
    }
}
.sprite__icon--tracking {
    background-position-y: -266px;
}
@media (max-width: 768px) {
    .sprite__icon--tracking {
        background-position-y: -166px;
    }
}
.sprite__icon--tag {
    background-position-y: -348px;
}
@media (max-width: 768px) {
    .sprite__icon--tag {
        background-position-y: -214px;
    }
}
.sprite__icon--apple {
    background-position-y: -434px;
}
@media (max-width: 768px) {
    .sprite__icon--apple {
        background-position-y: -267px;
    }
}
.sprite__icon--features {
    background-position-y: -509px;
}
@media (max-width: 768px) {
    .sprite__icon--features {
        background-position-y: -318px;
    }
}
.sprite__icon--dialog {
    background-position-y: -589px;
}
@media (max-width: 768px) {
    .sprite__icon--dialog {
        background-position-y: -364px;
    }
}
.sprite__icon--wand {
    background-position-y: -671px;
}
@media (max-width: 768px) {
    .sprite__icon--wand {
        background-position-y: -413px;
    }
}
.sprite__icon--diagram {
    background-position-y: -749px;
}
@media (max-width: 768px) {
    .sprite__icon--diagram {
        background-position-y: -463px;
    }
}
.sprite__countries {
    display: inline-block;
    width: 160px;
    height: 107px;
    background-image: url(../img/flags.png);
    margin: 68px 15px 16px;
    background-size: 100%;
}
@media (max-width: 1024px) {
    .sprite__countries {
        width: 115px;
        height: 78px;
        margin: 20px 10px;
    }
}
@media (max-width: 768px) {
    .sprite__countries {
        margin: 10px;
    }
}
@media (max-width: 425px) {
    .sprite__countries {
        width: 105px;
        height: 70px;
    }
}
.sprite__countries--UK {
    background-position-y: -109px;
}
@media (max-width: 1024px) {
    .sprite__countries--UK {
        background-position-y: -78px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--UK {
        background-position-y: -71px;
    }
}
.sprite__countries--NZ {
    background-position-y: -218px;
}
@media (max-width: 1024px) {
    .sprite__countries--NZ {
        background-position-y: -156px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--NZ {
        background-position-y: -143px;
    }
}
.sprite__countries--Mexico {
    background-position-y: -327px;
}
@media (max-width: 1024px) {
    .sprite__countries--Mexico {
        background-position-y: -235px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--Mexico {
        background-position-y: -215px;
    }
}
.sprite__countries--Australia {
    background-position-y: -436px;
}
@media (max-width: 1024px) {
    .sprite__countries--Australia {
        background-position-y: -313px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--Australia {
        background-position-y: -286px;
    }
}
.sprite__countries--Argentina {
    background-position-y: -545px;
}
@media (max-width: 1024px) {
    .sprite__countries--Argentina {
        background-position-y: -391px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--Argentina {
        background-position-y: -358px;
    }
}
.sprite__countries--India {
    background-position-y: -654px;
}
@media (max-width: 1024px) {
    .sprite__countries--India {
        background-position-y: -470px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--India {
        background-position-y: -429px;
    }
}
.sprite__countries--Canada {
    background-position-y: -763px;
}
@media (max-width: 1024px) {
    .sprite__countries--Canada {
        background-position-y: -548px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--Canada {
        background-position-y: -501px;
    }
}
.sprite__countries--SA {
    background-position-y: -872px;
}
@media (max-width: 1024px) {
    .sprite__countries--SA {
        background-position-y: -626px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--SA {
        background-position-y: -572px;
    }
}
.sprite__countries--Spain {
    background-position-y: -981px;
}
@media (max-width: 1024px) {
    .sprite__countries--Spain {
        background-position-y: -704px;
    }
}
@media (max-width: 425px) {
    .sprite__countries--Spain {
        background-position-y: -644px;
    }
}
.highlite--blue {
    color: #37a6c1;
}
.highlite--green {
    color: #56d2ae;
}
.highlite--white,
header {
    color: #fff;
}
.format {
    font-family: Montserrat, sans-serif;
    color: #000;
    line-height: 30px;
}
.format--align-left {
    text-align: left;
}
.format--regular {
    font-weight: 400;
}
.format--medium {
    font-weight: 500;
}
.format--size-14 {
    font-size: 14px;
}
@media (max-width: 768px) {
    .format--size-14 {
        font-size: 13px;
    }
}
@media (max-width: 425px) {
    .format--size-14 {
        font-size: 12px;
    }
}
.format--size-16 {
    font-size: 16px;
}
@media (max-width: 768px) {
    .format--size-16 {
        font-size: 14px;
    }
}
@media (max-width: 425px) {
    .format--size-16 {
        font-size: 13px;
    }
}
.format--bottom-0 {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .format--ident {
        max-width: 470px;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .format--ident {
        padding: 0;
        max-width: 354px;
    }
}
.align--center {
    text-align: center;
}
p.text-title {
    line-height: 24px;
    margin-bottom: 39px;
    font-weight: 500;
}
.overlay {
    overflow: hidden;
    display: none;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
.overlay--show,
.top-bar__who-uses:hover .top-bar__who-uses--roll {
    display: block;
}
.modal {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    -webkit-filter: drop-shadow(0 0 15px #000);
    filter: drop-shadow(0 0 15px #000);
}
@media (max-width: 768px) {
    .modal {
        width: 80%;
    }
}
.icon--close {
    display: inline-block;
    -webkit-filter: drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 5px #000);
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 85px;
    line-height: 0.6;
    top: -50px;
    right: -55px;
    cursor: pointer;
}
.icon--close:hover {
    color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
    .icon--close {
        font-size: 70px;
        top: -40px;
        right: -50px;
    }
}
@media (max-width: 768px) {
    .icon--close {
        font-size: 38px;
        top: -20px;
        right: -20px;
    }
}
.wistia-embed {
    width: 600px;
    height: 360px;
}
.fixed {
    height: 100%;
    overflow: hidden;
}
.top-padding {
    padding-top: 93px;
}
@media (max-width: 1024px) {
    .top-padding {
        padding-top: 142px;
    }
}
@media (max-width: 768px) {
    .top-padding {
        padding-top: 109px;
    }
}
@media (max-width: 425px) {
    .top-padding {
        padding-top: 85px;
    }
}
.geolocation {
    border: 1px solid #000;
    margin-top: 20px;
    padding: 10px 0;
}
.schedule-logo {
    display: block;
    margin: 40px auto 0;
}
@media (min-width: 768px) {
    #pricing {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    #pricing .grid-33 {
        overflow: hidden;
    }
}
header {
    background-color: #37a6c1;
    background-image: url(../img/background-img-header.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.menu__phone {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #262626;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 3;
}
.menu__phone--collapsed {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.menu__phone a,
.menu__phone label {
    color: #fff;
    font-weight: 500;
    margin-left: 20px;
    padding: 20px 0;
    display: block;
}
.menu__phone input {
    display: none;
}
.menu__item {
    border-bottom: 2px solid #6b6b6b;
    width: 240px;
}
@media (max-width: 1024px) {
    .menu__item,
    .menu__item li {
        padding: 20px 0;
    }
}
.menu__item--transparent {
    display: none;
}
@media (max-width: 425px) {
    .menu__item--transparent {
        display: block;
        padding: 20px 0;
    }
}
.menu__who-uses--roll {
    height: 0;
    overflow: hidden;
    padding-left: 10px;
}
.menu__who-uses--roll ul {
    font-size: 14px;
    padding-bottom: 10px;
}
@media (max-width: 1024px) {
    .menu__who-uses--roll li,
    .menu__who-uses--roll ul {
        padding: 0;
    }
}
.menu__who-uses--roll li + li:before {
    width: 100%;
    margin: 7px 0;
}
input:checked + .menu__who-uses--roll {
    height: 325px;
}
.top-bar {
    text-transform: uppercase;
    padding-top: 20px;
    font-size: 15px;
    font-weight: 400;
    background-color: #37a6c1;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;
}
@media (max-width: 1024px) {
    .top-bar {
        padding: 55px 16px 0;
    }
}
@media (max-width: 768px) {
    .top-bar {
        padding: 20px 0 0;
    }
}
.top-bar__logo {
    margin-top: 10px;
    padding-left: 42px;
}
.top-bar__logo img {
    width: 141px;
}
@media (max-width: 1024px) {
    .top-bar__logo {
        margin: 0;
        padding-left: 9px;
    }
    .top-bar__logo img {
        width: 255px;
    }
}
@media (max-width: 768px) {
    .top-bar__logo {
        padding: 10px 0;
    }
    .top-bar__logo img {
        max-width: 100%;
    }
}
@media (max-width: 375px) {
    .top-bar__logo {
        padding: 15px 0;
    }
}
@media (max-width: 320px) {
    .top-bar__logo {
        padding: 18px 0;
    }
}
.top-bar__logo--color,
.top-bar__logo--small {
    display: none;
}
.top-bar--collapsed {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}
.top-bar__fixed {
    display: none;
}
.top-bar__menu {
    position: relative;
    margin-top: 23px;
    margin-left: -7px;
}
.top-bar__menu-on-phone {
    display: none;
}
@media (max-width: 1024px) {
    .top-bar__menu-on-phone {
        display: inline-block;
        border-radius: 3px;
        border: 3px solid #fff;
        text-align: center;
        padding: 16px 14px;
        margin-top: 6px;
        float: right;
    }
}
@media (max-width: 768px) {
    .top-bar__menu-on-phone {
        padding: 11px 8px;
    }
}
@media (max-width: 425px) {
    .top-bar__menu-on-phone {
        padding: 10.5px 8px;
        border: 2px solid #fff;
    }
}
.top-bar__menu-on-phone:hover {
    background-color: #2c8499;
}
@media (max-width: 768px) {
    .top-bar__menu {
        position: absolute;
    }
}
.top-bar__list {
    margin-left: 38px;
}
@media (max-width: 768px) {
    .top-bar__list {
        display: block;
    }
}
.top-bar__item {
    list-style-type: none;
    display: inline-block;
}
.top-bar__item a {
    padding: 19px;
}
.top-bar__item:last-child {
    float: right;
    margin-right: 10px;
}
.top-bar__item:last-child a {
    padding: 19px 10px;
}
@media (max-width: 768px) {
    .top-bar__item:last-child {
        float: none;
        display: block;
    }
}
.top-bar--fixed .top-bar__menu a:hover,
.top-bar--fixed .top-bar__menu label:hover,
.top-bar__item:hover,
.top-bar__who-uses--roll a:hover,
footer .footer__item:hover a {
    text-decoration: underline;
}
.top-bar a {
    color: #fff;
}
.top-bar__who-uses {
    cursor: pointer;
    position: relative;
}
.top-bar__who-uses--roll {
    z-index: 1;
    display: none;
    text-align: center;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 3px;
    width: 190px;
    top: 20px;
    right: -17px;
    background-color: #37a6c1;
}
.top-bar__who-uses--roll:hover {
    display: block;
}
.top-bar__who-uses--roll ul {
    padding: 5px 10px;
}
.top-bar__who-uses--roll li {
    line-height: 25px;
    display: block;
    width: 100%;
}
.top-bar__who-uses--roll a {
    padding: 0;
    width: 100%;
    display: block;
}
.top-bar__buttons {
    float: right;
}
@media (max-width: 425px) {
    .top-bar__buttons {
        padding-top: 2px;
    }
}
.top-bar--fixed {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-filter: drop-shadow(0 0 3px #000);
    filter: drop-shadow(0 0 3px #000);
    padding-top: 0;
}
@media (max-width: 425px) {
    .top-bar--fixed {
        padding-top: 0;
    }
}
.top-bar--fixed .top-bar__item:last-child {
    display: none;
}
.top-bar--fixed .top-bar__menu a,
.top-bar--fixed .top-bar__menu label {
    color: #000;
}
.top-bar--fixed .top-bar__menu-on-phone {
    background-color: #37a6c1;
    -webkit-filter: drop-shadow(0 0 1px #000);
    filter: drop-shadow(0 0 1px #000);
    margin: 5px 0;
    padding: 9.5px;
}
@media (max-width: 375px) {
    .top-bar--fixed .top-bar__menu-on-phone {
        padding: 7px;
    }
}
.top-bar--fixed .top-bar__fixed {
    display: block;
    color: #5671d2;
    text-shadow: #d1d9f0 2px 1px 3px;
    position: absolute;
    right: -135px;
    top: -2px;
}
.top-bar--fixed .top-bar__buttons,
.top-bar--fixed .top-bar__logo {
    padding: 0;
}
.top-bar--fixed .top-bar__logo--white {
    display: none;
}
.top-bar--fixed .top-bar__logo--color {
    display: block;
}
@media (max-width: 1024px) {
    .top-bar--fixed .top-bar__logo--color {
        width: 210px;
    }
}
@media (max-width: 768px) {
    .top-bar--fixed .top-bar__logo--color {
        width: 180px;
    }
}
@media (max-width: 767px) {
    .top-bar--fixed .top-bar__logo--color {
        display: none;
    }
}
.top-bar--fixed .top-bar__logo--small {
    display: none;
}
@media (max-width: 767px) {
    .top-bar--fixed .top-bar__logo--small {
        display: block;
        position: absolute;
        top: 5px;
        width: 60px;
    }
}
@media (max-width: 375px) {
    .top-bar--fixed .top-bar__logo--small {
        left: 10px;
        top: 11px;
        width: 40px;
    }
}
@media (max-width: 1024px) {
    .top-bar--fixed .top-bar__logo {
        padding-top: 5px;
    }
}
@media (max-width: 768px) {
    .top-bar--fixed .top-bar__logo {
        padding-top: 9px;
    }
}
@media (max-width: 767px) {
    .top-bar--fixed .top-bar__logo {
        padding-top: 0;
    }
}
.top-bar--fixed .top-bar__who-uses {
    display: none;
}
@media (max-width: 767px) {
    .top-bar--fixed .grid-35.mobile-grid-60.tablet-grid-50 {
        width: 100%;
    }
}
.top-bar--fixed .btn__create {
    -webkit-filter: drop-shadow(0 0 1px #000);
    filter: drop-shadow(0 0 1px #000);
    margin: 5px 10px 5px 0;
    padding: 16px;
}
@media (max-width: 425px) {
    .top-bar--fixed .btn__create {
        padding: 17px;
    }
}
@media (max-width: 375px) {
    .top-bar--fixed .btn__create {
        padding: 14.5px;
    }
}
.top-bar--fixed .btn__create--transparent {
    display: none;
}
.top-bar--fixed .btn__create--green {
    display: inline-block;
}
input:checked + .top-bar__who-uses--roll {
    height: 301px;
    border: 2px solid #fff;
    border-radius: 3px;
}
.top-bar__who-uses--roll li + li:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    top: 0;
    position: static;
    margin: 3px 0;
}
.btn__create {
    display: inline-block;
    letter-spacing: 1.2px;
    padding: 16px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    border: 3px solid #fff;
    text-align: center;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 26px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .btn__create {
        font-size: 14px;
        margin-right: 10px;
        margin-top: 6px;
    }
}
@media (max-width: 425px) {
    .btn__create {
        font-size: 12px;
        border: 2px solid #fff;
        margin-bottom: 5px;
    }
}
.btn__create--green {
    background-color: #56d2ae;
    margin-bottom: 5px;
}
.btn__create--green:hover {
    background-color: #34c198;
}
.btn__create--blue {
    background-color: #37a6c1;
    padding: 22px;
}
.btn__create--blue:hover,
.btn__create--transparent:hover,
.btn__play:hover {
    background-color: #2c8499;
}
.btn__create--transparent {
    padding: 16px 29px;
}
@media (max-width: 1024px) {
    .btn__create--transparent {
        padding: 23px 50px;
    }
}
@media (max-width: 768px) {
    .btn__create--transparent {
        padding: 18px 40px;
    }
}
@media (max-width: 425px) {
    .btn__create--transparent {
        padding: 18px 20px;
    }
}
.btn__play {
    width: 86px;
    height: 86px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 5px 48px;
    position: relative;
}
@media (max-width: 768px) {
    .btn__play {
        margin: 0;
    }
}
@media (max-width: 425px) {
    .btn__play {
        border: 2px solid #fff;
    }
}
.btn__play::after {
    content: " ";
    position: absolute;
    top: 34px;
    right: 28px;
    border: 8px solid transparent;
    border-left: 12px solid #fff;
}
@media (max-width: 425px) {
    .btn__play::after {
        top: 24px;
        right: 15px;
    }
}
@media (max-width: 425px) {
    .btn__play {
        width: 63px;
        height: 63px;
    }
}
.heading-block {
    padding-top: 45px;
}
.heading-block h1 {
    margin: 40px;
}
@media (max-width: 768px) {
    .heading-block h1 {
        margin: 0 10px;
    }
}
.heading-block h2 {
    margin-top: 19px;
    margin-left: 45px;
}
@media (max-width: 1024px) {
    .heading-block h2 {
        margin: 38px 0 0;
    }
}
.heading-block__button {
    padding-top: 62px;
}
.heading-block__button a {
    font-size: 18px;
    line-height: 26px;
    float: left;
    font-weight: 400;
}
@media (max-width: 768px) {
    .heading-block__button a {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 425px) {
    .heading-block__button a {
        font-size: 12px;
    }
}
.heading-block__button--ident {
    margin-left: 43px;
    padding: 17px 12px 20px 14px;
}
@media (max-width: 1024px) {
    .heading-block__button--ident {
        padding: 20px 25px;
        margin-right: 21px;
    }
}
@media (max-width: 768px) {
    .heading-block__button--ident {
        margin: 3px 20px 0 0;
    }
}
@media (max-width: 425px) {
    .heading-block__button--ident {
        padding: 10px 5px;
        margin-right: 7px;
    }
}
@media (max-width: 1024px) {
    .heading-block__button {
        padding-top: 78px;
        display: inline-block;
    }
}
@media (max-width: 425px) {
    .heading-block__button {
        padding-top: 40px;
    }
}
.heading-block p {
    display: inline-block;
    letter-spacing: 0;
    margin-top: 24px;
    margin-left: 43px;
}
@media (max-width: 1024px) {
    .heading-block p {
        margin-top: 13px;
    }
}
@media (max-width: 768px) {
    .heading-block p {
        margin: 10px;
    }
}
.heading-block__phone {
    float: right;
}
.heading-block__phone img {
    max-width: 345px;
    height: auto;
}
@media (max-width: 768px) {
    .heading-block__phone img {
        max-width: 300px;
        height: auto;
    }
}
@media (max-width: 1024px) {
    .heading-block__phone {
        padding-top: 40px;
        float: none;
    }
    .heading-block {
        padding-top: 46px;
        text-align: center;
    }
    .top-bar__create-schedule {
        display: none;
    }
}
footer {
    padding: 52px 0 30px;
    background-color: #262626;
}
footer h4 {
    text-transform: uppercase;
    color: #37a6c1;
    font-weight: 500;
    margin: 20px 0 35px 25px;
}
@media (max-width: 768px) {
    footer h4 {
        margin-bottom: 15px;
        margin-left: 0;
    }
}
footer,
footer a,
footer p {
    color: #6b6b6b;
}
footer,
footer p {
    font-size: 14px;
}
footer .footer__list {
    margin-left: 25px;
}
@media (max-width: 768px) {
    footer .footer__list {
        margin: 0;
    }
}
footer .footer__item {
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    footer .footer__item {
        margin-bottom: 10px;
    }
}
footer .footer__leave-message {
    text-transform: uppercase;
    color: #56d2ae;
    font-size: 12px;
    float: right;
}
footer .footer__leave-message span {
    width: 50px;
}
footer .footer__leave-message img {
    vertical-align: middle;
}
footer hr {
    background-color: #6b6b6b;
    height: 2px;
    border: 0;
    margin-top: 48px;
    margin-bottom: 39px;
}
@media (max-width: 1024px) {
    footer p {
        text-align: center;
    }
}
@media (max-width: 768px) {
    footer {
        padding: 30px 0;
    }
}
@media (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}
.clear {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after,
.clearfix:before,
.grid-100:after,
.grid-100:before,
.grid-10:after,
.grid-10:before,
.grid-15:after,
.grid-15:before,
.grid-20:after,
.grid-20:before,
.grid-25:after,
.grid-25:before,
.grid-30:after,
.grid-30:before,
.grid-33:after,
.grid-33:before,
.grid-35:after,
.grid-35:before,
.grid-40:after,
.grid-40:before,
.grid-45:after,
.grid-45:before,
.grid-50:after,
.grid-50:before,
.grid-55:after,
.grid-55:before,
.grid-5:after,
.grid-5:before,
.grid-60:after,
.grid-60:before,
.grid-65:after,
.grid-65:before,
.grid-66:after,
.grid-66:before,
.grid-70:after,
.grid-70:before,
.grid-75:after,
.grid-75:before,
.grid-80:after,
.grid-80:before,
.grid-85:after,
.grid-85:before,
.grid-90:after,
.grid-90:before,
.grid-95:after,
.grid-95:before,
.grid-container:after,
.grid-container:before,
.grid-offset:after,
.grid-offset:before,
.mobile-grid-100:after,
.mobile-grid-100:before,
.mobile-grid-10:after,
.mobile-grid-10:before,
.mobile-grid-15:after,
.mobile-grid-15:before,
.mobile-grid-20:after,
.mobile-grid-20:before,
.mobile-grid-25:after,
.mobile-grid-25:before,
.mobile-grid-30:after,
.mobile-grid-30:before,
.mobile-grid-33:after,
.mobile-grid-33:before,
.mobile-grid-35:after,
.mobile-grid-35:before,
.mobile-grid-40:after,
.mobile-grid-40:before,
.mobile-grid-45:after,
.mobile-grid-45:before,
.mobile-grid-50:after,
.mobile-grid-50:before,
.mobile-grid-55:after,
.mobile-grid-55:before,
.mobile-grid-5:after,
.mobile-grid-5:before,
.mobile-grid-60:after,
.mobile-grid-60:before,
.mobile-grid-65:after,
.mobile-grid-65:before,
.mobile-grid-66:after,
.mobile-grid-66:before,
.mobile-grid-70:after,
.mobile-grid-70:before,
.mobile-grid-75:after,
.mobile-grid-75:before,
.mobile-grid-80:after,
.mobile-grid-80:before,
.mobile-grid-85:after,
.mobile-grid-85:before,
.mobile-grid-90:after,
.mobile-grid-90:before,
.mobile-grid-95:after,
.mobile-grid-95:before,
.tablet-grid-100:after,
.tablet-grid-100:before,
.tablet-grid-10:after,
.tablet-grid-10:before,
.tablet-grid-15:after,
.tablet-grid-15:before,
.tablet-grid-20:after,
.tablet-grid-20:before,
.tablet-grid-25:after,
.tablet-grid-25:before,
.tablet-grid-30:after,
.tablet-grid-30:before,
.tablet-grid-33:after,
.tablet-grid-33:before,
.tablet-grid-35:after,
.tablet-grid-35:before,
.tablet-grid-40:after,
.tablet-grid-40:before,
.tablet-grid-45:after,
.tablet-grid-45:before,
.tablet-grid-50:after,
.tablet-grid-50:before,
.tablet-grid-55:after,
.tablet-grid-55:before,
.tablet-grid-5:after,
.tablet-grid-5:before,
.tablet-grid-60:after,
.tablet-grid-60:before,
.tablet-grid-65:after,
.tablet-grid-65:before,
.tablet-grid-66:after,
.tablet-grid-66:before,
.tablet-grid-70:after,
.tablet-grid-70:before,
.tablet-grid-75:after,
.tablet-grid-75:before,
.tablet-grid-80:after,
.tablet-grid-80:before,
.tablet-grid-85:after,
.tablet-grid-85:before,
.tablet-grid-90:after,
.tablet-grid-90:before,
.tablet-grid-95:after,
.tablet-grid-95:before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}
.clear,
.clearfix:after,
.grid-100:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-33:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-5:after,
.grid-60:after,
.grid-65:after,
.grid-66:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-container:after,
.grid-offset:after,
.mobile-grid-100:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-33:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-5:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-66:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-33:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-5:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-66:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after {
    clear: both;
}
.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
}
.grid-10,
.grid-100,
.grid-15,
.grid-20,
.grid-25,
.grid-30,
.grid-33,
.grid-35,
.grid-40,
.grid-45,
.grid-5,
.grid-50,
.grid-55,
.grid-60,
.grid-65,
.grid-66,
.grid-70,
.grid-75,
.grid-80,
.grid-85,
.grid-90,
.grid-95,
.mobile-grid-10,
.mobile-grid-100,
.mobile-grid-15,
.mobile-grid-20,
.mobile-grid-25,
.mobile-grid-30,
.mobile-grid-33,
.mobile-grid-35,
.mobile-grid-40,
.mobile-grid-45,
.mobile-grid-5,
.mobile-grid-50,
.mobile-grid-55,
.mobile-grid-60,
.mobile-grid-65,
.mobile-grid-66,
.mobile-grid-70,
.mobile-grid-75,
.mobile-grid-80,
.mobile-grid-85,
.mobile-grid-90,
.mobile-grid-95,
.tablet-grid-10,
.tablet-grid-100,
.tablet-grid-15,
.tablet-grid-20,
.tablet-grid-25,
.tablet-grid-30,
.tablet-grid-33,
.tablet-grid-35,
.tablet-grid-40,
.tablet-grid-45,
.tablet-grid-5,
.tablet-grid-50,
.tablet-grid-55,
.tablet-grid-60,
.tablet-grid-65,
.tablet-grid-66,
.tablet-grid-70,
.tablet-grid-75,
.tablet-grid-80,
.tablet-grid-85,
.tablet-grid-90,
.tablet-grid-95 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.grid-parent {
    padding-left: 0;
    padding-right: 0;
}
.grid-offset {
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 767px) {
    .mobile-pull-10,
    .mobile-pull-15,
    .mobile-pull-20,
    .mobile-pull-25,
    .mobile-pull-30,
    .mobile-pull-33,
    .mobile-pull-35,
    .mobile-pull-40,
    .mobile-pull-45,
    .mobile-pull-5,
    .mobile-pull-50,
    .mobile-pull-55,
    .mobile-pull-60,
    .mobile-pull-65,
    .mobile-pull-66,
    .mobile-pull-70,
    .mobile-pull-75,
    .mobile-pull-80,
    .mobile-pull-85,
    .mobile-pull-90,
    .mobile-pull-95,
    .mobile-push-10,
    .mobile-push-15,
    .mobile-push-20,
    .mobile-push-25,
    .mobile-push-30,
    .mobile-push-33,
    .mobile-push-35,
    .mobile-push-40,
    .mobile-push-45,
    .mobile-push-5,
    .mobile-push-50,
    .mobile-push-55,
    .mobile-push-60,
    .mobile-push-65,
    .mobile-push-66,
    .mobile-push-70,
    .mobile-push-75,
    .mobile-push-80,
    .mobile-push-85,
    .mobile-push-90,
    .mobile-push-95 {
        position: relative;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .mobile-grid-5 {
        float: left;
        width: 5%;
    }
    .mobile-prefix-5 {
        margin-left: 5%;
    }
    .mobile-suffix-5 {
        margin-right: 5%;
    }
    .mobile-push-5 {
        left: 5%;
    }
    .mobile-pull-5 {
        left: -5%;
    }
    .mobile-grid-10 {
        float: left;
        width: 10%;
    }
    .mobile-prefix-10 {
        margin-left: 10%;
    }
    .mobile-suffix-10 {
        margin-right: 10%;
    }
    .mobile-push-10 {
        left: 10%;
    }
    .mobile-pull-10 {
        left: -10%;
    }
    .mobile-grid-15 {
        float: left;
        width: 15%;
    }
    .mobile-prefix-15 {
        margin-left: 15%;
    }
    .mobile-suffix-15 {
        margin-right: 15%;
    }
    .mobile-push-15 {
        left: 15%;
    }
    .mobile-pull-15 {
        left: -15%;
    }
    .mobile-grid-20 {
        float: left;
        width: 20%;
    }
    .mobile-prefix-20 {
        margin-left: 20%;
    }
    .mobile-suffix-20 {
        margin-right: 20%;
    }
    .mobile-push-20 {
        left: 20%;
    }
    .mobile-pull-20 {
        left: -20%;
    }
    .mobile-grid-25 {
        float: left;
        width: 25%;
    }
    .mobile-prefix-25 {
        margin-left: 25%;
    }
    .mobile-suffix-25 {
        margin-right: 25%;
    }
    .mobile-push-25 {
        left: 25%;
    }
    .mobile-pull-25 {
        left: -25%;
    }
    .mobile-grid-30 {
        float: left;
        width: 30%;
    }
    .mobile-prefix-30 {
        margin-left: 30%;
    }
    .mobile-suffix-30 {
        margin-right: 30%;
    }
    .mobile-push-30 {
        left: 30%;
    }
    .mobile-pull-30 {
        left: -30%;
    }
    .mobile-grid-35 {
        float: left;
        width: 35%;
    }
    .mobile-prefix-35 {
        margin-left: 35%;
    }
    .mobile-suffix-35 {
        margin-right: 35%;
    }
    .mobile-push-35 {
        left: 35%;
    }
    .mobile-pull-35 {
        left: -35%;
    }
    .mobile-grid-40 {
        float: left;
        width: 40%;
    }
    .mobile-prefix-40 {
        margin-left: 40%;
    }
    .mobile-suffix-40 {
        margin-right: 40%;
    }
    .mobile-push-40 {
        left: 40%;
    }
    .mobile-pull-40 {
        left: -40%;
    }
    .mobile-grid-45 {
        float: left;
        width: 45%;
    }
    .mobile-prefix-45 {
        margin-left: 45%;
    }
    .mobile-suffix-45 {
        margin-right: 45%;
    }
    .mobile-push-45 {
        left: 45%;
    }
    .mobile-pull-45 {
        left: -45%;
    }
    .mobile-grid-50 {
        float: left;
        width: 50%;
    }
    .mobile-prefix-50 {
        margin-left: 50%;
    }
    .mobile-suffix-50 {
        margin-right: 50%;
    }
    .mobile-push-50 {
        left: 50%;
    }
    .mobile-pull-50 {
        left: -50%;
    }
    .mobile-grid-55 {
        float: left;
        width: 55%;
    }
    .mobile-prefix-55 {
        margin-left: 55%;
    }
    .mobile-suffix-55 {
        margin-right: 55%;
    }
    .mobile-push-55 {
        left: 55%;
    }
    .mobile-pull-55 {
        left: -55%;
    }
    .mobile-grid-60 {
        float: left;
        width: 60%;
    }
    .mobile-prefix-60 {
        margin-left: 60%;
    }
    .mobile-suffix-60 {
        margin-right: 60%;
    }
    .mobile-push-60 {
        left: 60%;
    }
    .mobile-pull-60 {
        left: -60%;
    }
    .mobile-grid-65 {
        float: left;
        width: 65%;
    }
    .mobile-prefix-65 {
        margin-left: 65%;
    }
    .mobile-suffix-65 {
        margin-right: 65%;
    }
    .mobile-push-65 {
        left: 65%;
    }
    .mobile-pull-65 {
        left: -65%;
    }
    .mobile-grid-70 {
        float: left;
        width: 70%;
    }
    .mobile-prefix-70 {
        margin-left: 70%;
    }
    .mobile-suffix-70 {
        margin-right: 70%;
    }
    .mobile-push-70 {
        left: 70%;
    }
    .mobile-pull-70 {
        left: -70%;
    }
    .mobile-grid-75 {
        float: left;
        width: 75%;
    }
    .mobile-prefix-75 {
        margin-left: 75%;
    }
    .mobile-suffix-75 {
        margin-right: 75%;
    }
    .mobile-push-75 {
        left: 75%;
    }
    .mobile-pull-75 {
        left: -75%;
    }
    .mobile-grid-80 {
        float: left;
        width: 80%;
    }
    .mobile-prefix-80 {
        margin-left: 80%;
    }
    .mobile-suffix-80 {
        margin-right: 80%;
    }
    .mobile-push-80 {
        left: 80%;
    }
    .mobile-pull-80 {
        left: -80%;
    }
    .mobile-grid-85 {
        float: left;
        width: 85%;
    }
    .mobile-prefix-85 {
        margin-left: 85%;
    }
    .mobile-suffix-85 {
        margin-right: 85%;
    }
    .mobile-push-85 {
        left: 85%;
    }
    .mobile-pull-85 {
        left: -85%;
    }
    .mobile-grid-90 {
        float: left;
        width: 90%;
    }
    .mobile-prefix-90 {
        margin-left: 90%;
    }
    .mobile-suffix-90 {
        margin-right: 90%;
    }
    .mobile-push-90 {
        left: 90%;
    }
    .mobile-pull-90 {
        left: -90%;
    }
    .mobile-grid-95 {
        float: left;
        width: 95%;
    }
    .mobile-prefix-95 {
        margin-left: 95%;
    }
    .mobile-suffix-95 {
        margin-right: 95%;
    }
    .mobile-push-95 {
        left: 95%;
    }
    .mobile-pull-95 {
        left: -95%;
    }
    .mobile-grid-33 {
        float: left;
        width: 33.33333%;
    }
    .mobile-prefix-33 {
        margin-left: 33.33333%;
    }
    .mobile-suffix-33 {
        margin-right: 33.33333%;
    }
    .mobile-push-33 {
        left: 33.33333%;
    }
    .mobile-pull-33 {
        left: -33.33333%;
    }
    .mobile-grid-66 {
        float: left;
        width: 66.66667%;
    }
    .mobile-prefix-66 {
        margin-left: 66.66667%;
    }
    .mobile-suffix-66 {
        margin-right: 66.66667%;
    }
    .mobile-push-66 {
        left: 66.66667%;
    }
    .mobile-pull-66 {
        left: -66.66667%;
    }
    .mobile-grid-100 {
        clear: both;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-pull-10,
    .tablet-pull-15,
    .tablet-pull-20,
    .tablet-pull-25,
    .tablet-pull-30,
    .tablet-pull-33,
    .tablet-pull-35,
    .tablet-pull-40,
    .tablet-pull-45,
    .tablet-pull-5,
    .tablet-pull-50,
    .tablet-pull-55,
    .tablet-pull-60,
    .tablet-pull-65,
    .tablet-pull-66,
    .tablet-pull-70,
    .tablet-pull-75,
    .tablet-pull-80,
    .tablet-pull-85,
    .tablet-pull-90,
    .tablet-pull-95,
    .tablet-push-10,
    .tablet-push-15,
    .tablet-push-20,
    .tablet-push-25,
    .tablet-push-30,
    .tablet-push-33,
    .tablet-push-35,
    .tablet-push-40,
    .tablet-push-45,
    .tablet-push-5,
    .tablet-push-50,
    .tablet-push-55,
    .tablet-push-60,
    .tablet-push-65,
    .tablet-push-66,
    .tablet-push-70,
    .tablet-push-75,
    .tablet-push-80,
    .tablet-push-85,
    .tablet-push-90,
    .tablet-push-95 {
        position: relative;
    }
    .hide-on-tablet {
        display: none !important;
    }
    .tablet-grid-5 {
        float: left;
        width: 5%;
    }
    .tablet-prefix-5 {
        margin-left: 5%;
    }
    .tablet-suffix-5 {
        margin-right: 5%;
    }
    .tablet-push-5 {
        left: 5%;
    }
    .tablet-pull-5 {
        left: -5%;
    }
    .tablet-grid-10 {
        float: left;
        width: 10%;
    }
    .tablet-prefix-10 {
        margin-left: 10%;
    }
    .tablet-suffix-10 {
        margin-right: 10%;
    }
    .tablet-push-10 {
        left: 10%;
    }
    .tablet-pull-10 {
        left: -10%;
    }
    .tablet-grid-15 {
        float: left;
        width: 15%;
    }
    .tablet-prefix-15 {
        margin-left: 15%;
    }
    .tablet-suffix-15 {
        margin-right: 15%;
    }
    .tablet-push-15 {
        left: 15%;
    }
    .tablet-pull-15 {
        left: -15%;
    }
    .tablet-grid-20 {
        float: left;
        width: 20%;
    }
    .tablet-prefix-20 {
        margin-left: 20%;
    }
    .tablet-suffix-20 {
        margin-right: 20%;
    }
    .tablet-push-20 {
        left: 20%;
    }
    .tablet-pull-20 {
        left: -20%;
    }
    .tablet-grid-25 {
        float: left;
        width: 25%;
    }
    .tablet-prefix-25 {
        margin-left: 25%;
    }
    .tablet-suffix-25 {
        margin-right: 25%;
    }
    .tablet-push-25 {
        left: 25%;
    }
    .tablet-pull-25 {
        left: -25%;
    }
    .tablet-grid-30 {
        float: left;
        width: 30%;
    }
    .tablet-prefix-30 {
        margin-left: 30%;
    }
    .tablet-suffix-30 {
        margin-right: 30%;
    }
    .tablet-push-30 {
        left: 30%;
    }
    .tablet-pull-30 {
        left: -30%;
    }
    .tablet-grid-35 {
        float: left;
        width: 35%;
    }
    .tablet-prefix-35 {
        margin-left: 35%;
    }
    .tablet-suffix-35 {
        margin-right: 35%;
    }
    .tablet-push-35 {
        left: 35%;
    }
    .tablet-pull-35 {
        left: -35%;
    }
    .tablet-grid-40 {
        float: left;
        width: 40%;
    }
    .tablet-prefix-40 {
        margin-left: 40%;
    }
    .tablet-suffix-40 {
        margin-right: 40%;
    }
    .tablet-push-40 {
        left: 40%;
    }
    .tablet-pull-40 {
        left: -40%;
    }
    .tablet-grid-45 {
        float: left;
        width: 45%;
    }
    .tablet-prefix-45 {
        margin-left: 45%;
    }
    .tablet-suffix-45 {
        margin-right: 45%;
    }
    .tablet-push-45 {
        left: 45%;
    }
    .tablet-pull-45 {
        left: -45%;
    }
    .tablet-grid-50 {
        float: left;
        width: 50%;
    }
    .tablet-prefix-50 {
        margin-left: 50%;
    }
    .tablet-suffix-50 {
        margin-right: 50%;
    }
    .tablet-push-50 {
        left: 50%;
    }
    .tablet-pull-50 {
        left: -50%;
    }
    .tablet-grid-55 {
        float: left;
        width: 55%;
    }
    .tablet-prefix-55 {
        margin-left: 55%;
    }
    .tablet-suffix-55 {
        margin-right: 55%;
    }
    .tablet-push-55 {
        left: 55%;
    }
    .tablet-pull-55 {
        left: -55%;
    }
    .tablet-grid-60 {
        float: left;
        width: 60%;
    }
    .tablet-prefix-60 {
        margin-left: 60%;
    }
    .tablet-suffix-60 {
        margin-right: 60%;
    }
    .tablet-push-60 {
        left: 60%;
    }
    .tablet-pull-60 {
        left: -60%;
    }
    .tablet-grid-65 {
        float: left;
        width: 65%;
    }
    .tablet-prefix-65 {
        margin-left: 65%;
    }
    .tablet-suffix-65 {
        margin-right: 65%;
    }
    .tablet-push-65 {
        left: 65%;
    }
    .tablet-pull-65 {
        left: -65%;
    }
    .tablet-grid-70 {
        float: left;
        width: 70%;
    }
    .tablet-prefix-70 {
        margin-left: 70%;
    }
    .tablet-suffix-70 {
        margin-right: 70%;
    }
    .tablet-push-70 {
        left: 70%;
    }
    .tablet-pull-70 {
        left: -70%;
    }
    .tablet-grid-75 {
        float: left;
        width: 75%;
    }
    .tablet-prefix-75 {
        margin-left: 75%;
    }
    .tablet-suffix-75 {
        margin-right: 75%;
    }
    .tablet-push-75 {
        left: 75%;
    }
    .tablet-pull-75 {
        left: -75%;
    }
    .tablet-grid-80 {
        float: left;
        width: 80%;
    }
    .tablet-prefix-80 {
        margin-left: 80%;
    }
    .tablet-suffix-80 {
        margin-right: 80%;
    }
    .tablet-push-80 {
        left: 80%;
    }
    .tablet-pull-80 {
        left: -80%;
    }
    .tablet-grid-85 {
        float: left;
        width: 85%;
    }
    .tablet-prefix-85 {
        margin-left: 85%;
    }
    .tablet-suffix-85 {
        margin-right: 85%;
    }
    .tablet-push-85 {
        left: 85%;
    }
    .tablet-pull-85 {
        left: -85%;
    }
    .tablet-grid-90 {
        float: left;
        width: 90%;
    }
    .tablet-prefix-90 {
        margin-left: 90%;
    }
    .tablet-suffix-90 {
        margin-right: 90%;
    }
    .tablet-push-90 {
        left: 90%;
    }
    .tablet-pull-90 {
        left: -90%;
    }
    .tablet-grid-95 {
        float: left;
        width: 95%;
    }
    .tablet-prefix-95 {
        margin-left: 95%;
    }
    .tablet-suffix-95 {
        margin-right: 95%;
    }
    .tablet-push-95 {
        left: 95%;
    }
    .tablet-pull-95 {
        left: -95%;
    }
    .tablet-grid-33 {
        float: left;
        width: 33.33333%;
    }
    .tablet-prefix-33 {
        margin-left: 33.33333%;
    }
    .tablet-suffix-33 {
        margin-right: 33.33333%;
    }
    .tablet-push-33 {
        left: 33.33333%;
    }
    .tablet-pull-33 {
        left: -33.33333%;
    }
    .tablet-grid-66 {
        float: left;
        width: 66.66667%;
    }
    .tablet-prefix-66 {
        margin-left: 66.66667%;
    }
    .tablet-suffix-66 {
        margin-right: 66.66667%;
    }
    .tablet-push-66 {
        left: 66.66667%;
    }
    .tablet-pull-66 {
        left: -66.66667%;
    }
    .tablet-grid-100 {
        clear: both;
        width: 100%;
    }
}
@media (min-width: 1025px) {
    .pull-10,
    .pull-15,
    .pull-20,
    .pull-25,
    .pull-30,
    .pull-33,
    .pull-35,
    .pull-40,
    .pull-45,
    .pull-5,
    .pull-50,
    .pull-55,
    .pull-60,
    .pull-65,
    .pull-66,
    .pull-70,
    .pull-75,
    .pull-80,
    .pull-85,
    .pull-90,
    .pull-95,
    .push-10,
    .push-15,
    .push-20,
    .push-25,
    .push-30,
    .push-33,
    .push-35,
    .push-40,
    .push-45,
    .push-5,
    .push-50,
    .push-55,
    .push-60,
    .push-65,
    .push-66,
    .push-70,
    .push-75,
    .push-80,
    .push-85,
    .push-90,
    .push-95 {
        position: relative;
    }
    .hide-on-desktop {
        display: none !important;
    }
    .grid-5 {
        float: left;
        width: 5%;
    }
    .prefix-5 {
        margin-left: 5%;
    }
    .suffix-5 {
        margin-right: 5%;
    }
    .push-5 {
        left: 5%;
    }
    .pull-5 {
        left: -5%;
    }
    .grid-10 {
        float: left;
        width: 10%;
    }
    .prefix-10 {
        margin-left: 10%;
    }
    .suffix-10 {
        margin-right: 10%;
    }
    .push-10 {
        left: 10%;
    }
    .pull-10 {
        left: -10%;
    }
    .grid-15 {
        float: left;
        width: 15%;
    }
    .prefix-15 {
        margin-left: 15%;
    }
    .suffix-15 {
        margin-right: 15%;
    }
    .push-15 {
        left: 15%;
    }
    .pull-15 {
        left: -15%;
    }
    .grid-20 {
        float: left;
        width: 20%;
    }
    .prefix-20 {
        margin-left: 20%;
    }
    .suffix-20 {
        margin-right: 20%;
    }
    .push-20 {
        left: 20%;
    }
    .pull-20 {
        left: -20%;
    }
    .grid-25 {
        float: left;
        width: 25%;
    }
    .prefix-25 {
        margin-left: 25%;
    }
    .suffix-25 {
        margin-right: 25%;
    }
    .push-25 {
        left: 25%;
    }
    .pull-25 {
        left: -25%;
    }
    .grid-30 {
        float: left;
        width: 30%;
    }
    .prefix-30 {
        margin-left: 30%;
    }
    .suffix-30 {
        margin-right: 30%;
    }
    .push-30 {
        left: 30%;
    }
    .pull-30 {
        left: -30%;
    }
    .grid-35 {
        float: left;
        width: 35%;
    }
    .prefix-35 {
        margin-left: 35%;
    }
    .suffix-35 {
        margin-right: 35%;
    }
    .push-35 {
        left: 35%;
    }
    .pull-35 {
        left: -35%;
    }
    .grid-40 {
        float: left;
        width: 40%;
    }
    .prefix-40 {
        margin-left: 40%;
    }
    .suffix-40 {
        margin-right: 40%;
    }
    .push-40 {
        left: 40%;
    }
    .pull-40 {
        left: -40%;
    }
    .grid-45 {
        float: left;
        width: 45%;
    }
    .prefix-45 {
        margin-left: 45%;
    }
    .suffix-45 {
        margin-right: 45%;
    }
    .push-45 {
        left: 45%;
    }
    .pull-45 {
        left: -45%;
    }
    .grid-50 {
        float: left;
        width: 50%;
    }
    .prefix-50 {
        margin-left: 50%;
    }
    .suffix-50 {
        margin-right: 50%;
    }
    .push-50 {
        left: 50%;
    }
    .pull-50 {
        left: -50%;
    }
    .grid-55 {
        float: left;
        width: 55%;
    }
    .prefix-55 {
        margin-left: 55%;
    }
    .suffix-55 {
        margin-right: 55%;
    }
    .push-55 {
        left: 55%;
    }
    .pull-55 {
        left: -55%;
    }
    .grid-60 {
        float: left;
        width: 60%;
    }
    .prefix-60 {
        margin-left: 60%;
    }
    .suffix-60 {
        margin-right: 60%;
    }
    .push-60 {
        left: 60%;
    }
    .pull-60 {
        left: -60%;
    }
    .grid-65 {
        float: left;
        width: 65%;
    }
    .prefix-65 {
        margin-left: 65%;
    }
    .suffix-65 {
        margin-right: 65%;
    }
    .push-65 {
        left: 65%;
    }
    .pull-65 {
        left: -65%;
    }
    .grid-70 {
        float: left;
        width: 70%;
    }
    .prefix-70 {
        margin-left: 70%;
    }
    .suffix-70 {
        margin-right: 70%;
    }
    .push-70 {
        left: 70%;
    }
    .pull-70 {
        left: -70%;
    }
    .grid-75 {
        float: left;
        width: 75%;
    }
    .prefix-75 {
        margin-left: 75%;
    }
    .suffix-75 {
        margin-right: 75%;
    }
    .push-75 {
        left: 75%;
    }
    .pull-75 {
        left: -75%;
    }
    .grid-80 {
        float: left;
        width: 80%;
    }
    .prefix-80 {
        margin-left: 80%;
    }
    .suffix-80 {
        margin-right: 80%;
    }
    .push-80 {
        left: 80%;
    }
    .pull-80 {
        left: -80%;
    }
    .grid-85 {
        float: left;
        width: 85%;
    }
    .prefix-85 {
        margin-left: 85%;
    }
    .suffix-85 {
        margin-right: 85%;
    }
    .push-85 {
        left: 85%;
    }
    .pull-85 {
        left: -85%;
    }
    .grid-90 {
        float: left;
        width: 90%;
    }
    .prefix-90 {
        margin-left: 90%;
    }
    .suffix-90 {
        margin-right: 90%;
    }
    .push-90 {
        left: 90%;
    }
    .pull-90 {
        left: -90%;
    }
    .grid-95 {
        float: left;
        width: 95%;
    }
    .prefix-95 {
        margin-left: 95%;
    }
    .suffix-95 {
        margin-right: 95%;
    }
    .push-95 {
        left: 95%;
    }
    .pull-95 {
        left: -95%;
    }
    .grid-33 {
        float: left;
        width: 33.33333%;
    }
    .prefix-33 {
        margin-left: 33.33333%;
    }
    .suffix-33 {
        margin-right: 33.33333%;
    }
    .push-33 {
        left: 33.33333%;
    }
    .pull-33 {
        left: -33.33333%;
    }
    .grid-66 {
        float: left;
        width: 66.66667%;
    }
    .prefix-66 {
        margin-left: 66.66667%;
    }
    .suffix-66 {
        margin-right: 66.66667%;
    }
    .push-66 {
        left: 66.66667%;
    }
    .pull-66 {
        left: -66.66667%;
    }
    .grid-100 {
        clear: both;
        width: 100%;
    }
}