/*
Theme Name: Gilauri
Theme URI: https://gilauri.com/
Author: Vin
Author URI: https://vinagency.com
Version: 1.0.0
*/

/* 

Reset
Variables
Color
Elements
Layout
Typography
Links
Forms
Util
Effects
Components
Grid

*/

/* =Reset */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
min-height: 100vh;
overscroll-behavior: none;
overflow-x: clip;
}
:focus {
outline: none;
}
:focus-visible {
outline: 1px dotted var(--color-border-medium);
outline-offset: 5px;
}
::selection {
color: #111;
background-color: var(--wp--preset--color--gold-light);
}
p:empty {
display: none;
}
img {
color: transparent;
}
@view-transition {
navigation: auto;
}

/* =Variables */

:root {
--color-black: #111;
--color-background: #fff;
--color-border:#ccc;
--color-border-medium: #c0a67c;
--color-border-dark:#B29360;
--color-primary: #ccc;
--color-primary-medium: #B29360;
--color-primary-dark: #6D6257;
--color-red: #C73532;
--color-red-dark: #992623;

--side-spacing: 15px;
--global-kb-spacing-sm: var(--side-spacing);
}


/* =Color */

:focus-visible {
outline: 1px dotted var(--color-border-dark);
outline-offset: 3px;
}


/* =Layout */

@media screen and (min-width:1500px) {
    body {
    font-size: 22px;
    }
    :root {
    --wp--style--global--wide-size:1440px;
    }
    .alignwide {
    max-width: var(--wp--style--global--wide-size);
    }
}
@media screen and (min-width:1800px) {
    body {
    font-size: 24px;
    }
}


/* =Elements */

body {
scroll-behavior: smooth;
letter-spacing: .05em;
}
* {
margin:0;
padding:0;
box-sizing: border-box;
}
button {
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
text-transform: uppercase;
font-size:16px;
letter-spacing:.05em;
}
a {
text-decoration-color: var(--color-border-medium);
}
a:hover,
p a:hover {
text-decoration-color: var(--color-border-dark);
}
p a:hover,
p a:where(:not(.wp-element-button)):hover {
text-decoration: underline;
text-decoration-color: var(--color-border-dark);
}
img {
max-width: 100%;
color: transparent;
}
body ul {
padding-left: 0;
}

/* =Links */

a,
a:hover,
a:focus-visible {
transition: all 0.3s ease;
}

a.button,
div.button {
text-transform: uppercase;
color: var(--wp--preset--color--black);
background: transparent none;
border: 2px solid var(--wp--preset--color--primary-light);
padding-top: calc(0.6rem - 1px);
padding-bottom: calc(0.6rem - 1px);
padding-left: calc(1rem - 1px);
padding-right: calc(1rem - 1px);
transition: all 0.3s ease;
}
a.button:hover,
a.button:focus-visible,
a:hover div.button:hover,
a:focus-visible div.button {
color: var(--color-white);
background-color: var(--color-primary-dark, var(--wp--preset--color--primary-light));
border-color: var(--color-primary-dark, var(--wp--preset--color--primary-light));
transition: all 0.3s ease;
}
h2 a {
text-decoration: underline;
text-decoration-color: var(--color-border-medium);
text-decoration-thickness: 1px;
text-underline-offset: .25em;
}
h2 a:hover,
h2 a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--color-border-dark);
text-decoration-thickness: 1px;
}
/* override wp links underline */
/* :root :where(a:where(:not(.wp-element-button))) {
text-decoration: inherit;
} */


/* =Typography */

body,
button {
letter-spacing: 0.025;
}

h2.size-2 {
font-size: 24px;
}
h3.size-2 {
font-size: 1rem;
}
p {
margin-bottom: 1em;
}
h1, h2, h3 {
font-weight:normal;
letter-spacing: 0;
}
h1 {
margin-top: 0;
margin-bottom: 1em;
}
h1.spacing-tight {
margin-bottom: .5em;
}
h2 {
margin-top: 0;
margin-bottom: 0;
line-height: 1;
}
h2.spacing-tight {
margin-bottom: .5em;
}
h3 {
margin-top: 1em;
margin-bottom: 1em;
letter-spacing: 0.1em;
}
h2 + h3 {
margin-top: -1em;
}
p {
letter-spacing: .025em;
}
/* mobile */
@media screen and (max-width:640px) {
    :root {
    --wp--preset--font-size--medium: 20px;
    }
}
/* large desktop */
@media screen and (min-width:1440px) {
    :root {
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--xxxx-large: 4em !important;
    --wp--preset--font-size--xxxxx-large: 4.25em !important;
    }
}
/* giant desktop */
@media screen and (min-width:1660px) {
    :root {
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--xxxx-large: 4.5em !important;
    --wp--preset--font-size--xxxxx-large: 4.75em !important;
    }
}

/* =Forms */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
width: 100%;
padding: .5em;
font-family: var(--wp--preset--font-family--goudy);
letter-spacing: 0.025em;
font-size: var(--wp--preset--font-size--x-medium);
background-color: var(--wp--preset--color--cream-dark);
color: var(--wp--preset--color--brown-darkest);
border: none;
}
.form-required {
color: var(--color-red);
}
label {
text-transform: uppercase;
letter-spacing: .05em;
font-size: var(--wp--preset--font-size--small);
}


/* =Util */

.has-parallax-image {
position: relative;
overflow: clip;
}

.hide {
display: none;
}
.bg-dark-top {
background: linear-gradient(
        to bottom,
        var(--wp--preset--color--gray-darkest) 50%,
        transparent 50%
    );
}
.bg-dark-bottom {
background: linear-gradient(
        to bottom,
        transparent 50%,
        var(--wp--preset--color--gray-darkest) 50%
    );
}
.bg-aubergine-top {
background: linear-gradient(
        to bottom,
        var(--wp--preset--color--eggplant) 50%,
        transparent 50%
    );
}
.bg-aubergine-bottom {
    background: linear-gradient(
        to bottom,
        transparent 50%,
        var(--wp--preset--color--eggplant) 50%
    );
}
/* Dark at the top, Aubergine at the bottom */
.bg-dark-top-aubergine-bottom {
    background: linear-gradient(
        to bottom,
        var(--wp--preset--color--gray-darkest) 50%,
        var(--wp--preset--color--eggplant) 50%
    );
}

/* Aubergine at the top, Dark at the bottom */
.bg-aubergine-top-dark-bottom {
    background: linear-gradient(
        to bottom,
        var(--wp--preset--color--eggplant) 50%,
        var(--wp--preset--color--gray-darkest) 50%
    );
}

.bg-aubergine,
.bg-aubergine h3,
.bg-dark,
.bg-dark h3 {
color: var(--wp--preset--color--cream);
}

.wp-block-spacer {
margin-block-start: 0 !important;
}
/* mobile and tablet */
@media (max-width: 999px) {
  .wp-block-spacer {
  max-height: 50px !important;
  }
}

/* mobile */
@media (max-width: 640px) {
  .has-xxxx-large-font-size,
  .has-xxxxx-large-font-size {
    font-size:3rem !important;
  }
}



/* =Effects */

/* Split Text */

.split-text {
line-height: 0;
}

/*
 * Hide split text immediately on JS-enabled desktop/tablet layouts
 * so the unsplit text does not flash before fonts + SplitText are ready.
 */
@media screen and (min-width: 770px) {
  .js .split-text {
  visibility: hidden;
  }

  .js .split-text.is-split-ready {
  visibility: visible;
  }
}
.split-text span,
.split-text div {
line-height: 1em;
margin: 0;
}
.split-word {
white-space: nowrap;
}

/* Reveal Text */

.reveal-text {
line-height: 1;
}
.reveal-text .reveal-word {
display: inline-block;
overflow: hidden;
padding-top: 0.1em;
padding-bottom: 0.25em; 
margin-top: -0.1em;
margin-bottom: -0.25em;
vertical-align: bottom;
}
.reveal-text .reveal-word-inner {
display: inline-block;
line-height: 1;
transform: translateY(140%);
will-change: transform;
}
.reveal-text.reveal-text--visible .reveal-word-inner {
transform: translateY(0);
}


/* =Components */


/* kakheti accordions */

#georgia-terroir-vineyards .accordion button.accordion-head h3 {
text-align:left;
margin: 0;
text-transform: none;
letter-spacing: 0;
}

/* image map pro */

.imp-tooltip-content h3 {
font-family: "mrs-eaves-roman-small-caps", serif !important;
font-size: 1.25rem !important;
margin: 0 !important;
text-transform: none !important;
font-weight: normal !important;
}
.imp-tooltip-content a {
color: #fff;
text-decoration: underline !important;
font-size: 13px !important;
text-underline-offset: 2px !important;
text-decoration-color: #f8e9bb !important;
padding: 5px !important;
text-transform: uppercase !important;
transition: all 0.2s ease-in-out;
}
.imp-tooltip-content a:hover {
color: #fff;
text-decoration-color: #fff !important;
}


/* Contact Form 7 */

span.wpcf7-form-control-wrap {
display: block;
}
#country {
display: block;
width: 100%;
}
body .wpcf7 form .wpcf7-response-output {
border-color: transparent;
margin-left: 0;
margin-right: 0;
}
.wpcf7-form-control-wrap {
margin-top: 5px;
}


/* Search */

:where(.wp-block-search__input) {
padding: .5rem 1rem;
}

/* Kadence Galleries */

/* .kb-gallery-item-link img {
transform: scale(1.00);
transition: all 0.3s ease;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.kb-gallery-item-link:hover img,
.kb-gallery-item-link:focus-visible img {
transform: scale(1.01);
transition: all 0.3s ease;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
} */

/* Kadence Gallery Lightbox */

.glightbox-container .gnext {
right: 0;
}
.glightbox-container .gprev {
left: 0;
}
.glightbox-container .gnext svg,
.glightbox-container .gprev svg {
display: none;
}
.glightbox-container .gclose svg {  
display: none;
}
.glightbox-container button.gclose::after,
.glightbox-container button.gnext::after,
.glightbox-container button.gprev::after {
font-family: 'Times New Roman', Times, serif;
color: #111;
font-size: 1.25rem;
/* color: var(--wp--preset--color--xxxxx); */
}
.glightbox-container button:hover.gclose::after,
.glightbox-container button:hover.gnext::after,
.glightbox-container button:hover.gprev::after,
.glightbox-container button:focus.gclose::after,
.glightbox-container button:focus.gnext::after,
.glightbox-container button:focus.gprev::after  {
color: #111;
/* color: var(--wp--preset--color--xxxxx); */
}
.glightbox-container button.gclose::after {
content: "\00D7";
display: block;
font-size: 2rem;
}
.glightbox-container button.gnext::after {
content: "\2192";
display: block;
}
.glightbox-container button.gprev::after {
content: "\2190";
display: block;
}
body .glightbox-kadence-dark {
background-color: #fff !important;
/* --glightbox-main-color: var(--wp--preset--color--cream) !important; */
}
body .goverlay {
background-color: #fff !important;
/* background-color: var(--wp--preset--color--cream) !important; */
}
body .glightbox-container .gclose {
top:0;
right:0;
padding-top: 10px;
padding-bottom: 10px;
}
body .glightbox-container .gclose, 
body .glightbox-container .gnext, 
body .glightbox-container .gprev {
background-color: transparent !important;
width: 50px;
text-align: center;
}
.glightbox-container .gslider {
padding: 60px;
}
body .glightbox-container .gslide-media {
box-shadow: none;
/* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); */
}
/* body .gbtn.focused {
outline-color: var(--wp--preset--color--xxxxx);
} */
body .gslide-image img {
max-height: calc(100vh - 80px);
}


/* categories menu */

:root :where(.wp-block-query-title span) {
font-style: normal;
}
.wp-block-categories-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wp-block-categories-list a {
text-transform: uppercase;
text-decoration-color: var(--color-border-medium);
text-underline-offset: 0.5em;
transition: all .35s ease;
}
.wp-block-categories-list a:hover,
.wp-block-categories-list a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--color-border-dark);
transition: all .35s ease;
}


/* posts block */

.wp-block-post h2 a {
text-decoration: underline;
text-decoration-color: var(--color-border-medium);
text-decoration-thickness: 1px;
}
.wp-block-post h2 a:hover,
.wp-block-post h2 a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--color-border-dark);
text-decoration-thickness: 1px;
}
.post.type-post > figure {
padding-bottom: 0 !important;
}


/* search */

.wp-block-search__label {
position: absolute;
top: -10000px;
left: -10000px;
}

/* contact form 7 */

body .wpcf7 form.sent .wpcf7-response-output {
border-color: var(--color-primary-dark);
}

/* image block captions */

:root :where(.wp-element-caption, 
.wp-block-audio figcaption, 
.wp-block-embed figcaption, 
.wp-block-gallery figcaption, 
.wp-block-image figcaption, 
.wp-block-table figcaption, 
.wp-block-video figcaption) {
font-size: 1rem !important;
}

/* buttons */

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
background-color: var(--color-primary-dark);
}
button,
input[type="submit"],
.wp-block-button .wp-block-button__link {
background-color: var(--wp--preset--color--gold);
border: 2px solid var(--wp--preset--color--gold);
color: var(--wp--preset--color--brown-darkest);
border-radius: 0;
padding: 1rem 1.5rem;
font-size: var(--wp--preset--font-size--small);
font-family: var(--wp--preset--font-family--goudy);
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
cursor: pointer;
transition: all .3s ease;
}
button:hover,
input[type="submit"]:hover,
button:focus-visible,
input[type="submit"]:focus-visible,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus-visible {
color: var(--wp--preset--color--brown-darkest);
border-color: var(--wp--preset--color--gold-light);
background-color: var(--wp--preset--color--gold-light);
transition: all .3s ease;
}


/* Mailing List form */

.field-group br {
display: none !important;
}
.form-wrapper .form-group {
margin-bottom: 1em;
}
body .wpcf7 label:not(.wpcf7-form-control-wrap) {
font-size: 18px;
font-weight: normal;
letter-spacing: .05em;
}

.iti__globe {
background-image: var(--iti-path-globe-2x);
}

:root {
--iti-hover-color: var(--wp--preset--color--cream) !important;
--iti-border-color: var(--wp--preset--color--cream-dark) !important;
--iti-dropdown-bg: var(--wp--preset--color--cream-dark) !important;
--iti-dialcode-color: var(--wp--preset--color--brown-darkest) !important;
}
body .iti__country.iti__highlight {
background-color: var(--iti-hover-color) !important;
}


/* =Grid */

.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.00rem;
margin-left: -1.00rem;
}
.row.flex-center,
.row.grid-centered {
justify-content: center;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-grow,
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.00rem;
padding-left: 1.00rem;
}
.col-grow,
.col-xs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-webkit-flex-basis: 8.333%;
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-webkit-flex-basis: 16.666%;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-xs-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-webkit-flex-basis: 41.667%;
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-flex-basis: 58.333%;
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-webkit-flex-basis: 66.667%;
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-flex-basis: 83.333%;
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-webkit-flex-basis: 91.667%;
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.666%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}

.start-xs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}

.row.no-gutters {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.no-gutters > a,
.no-gutters > div {
padding-left: 0 !important;
padding-right: 0 !important;
}

@media only screen and (min-width: 481px){
/*.container {
width: 49rem;
}*/

.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.00rem;
padding-left: 1.00rem;
}
.col-sm {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-webkit-flex-basis: 8.333%;
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-webkit-flex-basis: 16.666%;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-sm-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-webkit-flex-basis: 41.667%;
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-flex-basis: 58.333%;
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-webkit-flex-basis: 66.667%;
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-flex-basis: 83.333%;
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-webkit-flex-basis: 91.667%;
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.666%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}

.start-sm {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}

@media only screen and (min-width: 540px){
/*.container {
width: 65rem;
}*/

.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.00rem;
padding-left: 1.00rem;
}
.col-md {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-webkit-flex-basis: 8.333%;
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-webkit-flex-basis: 16.666%;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-md-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-webkit-flex-basis: 41.667%;
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-flex-basis: 58.333%;
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-webkit-flex-basis: 66.667%;
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-flex-basis: 83.333%;
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-webkit-flex-basis: 91.667%;
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.666%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}

.start-md {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}

@media only screen and (min-width: 999px){
/*.container {
width: 76rem;
}*/

.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.00rem;
padding-left: 1.00rem;
}
.col-lg {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-webkit-flex-basis: 8.333%;
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-webkit-flex-basis: 16.666%;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-lg-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-webkit-flex-basis: 41.667%;
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-flex-basis: 58.333%;
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-webkit-flex-basis: 66.667%;
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-flex-basis: 83.333%;
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-webkit-flex-basis: 91.667%;
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.666%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}

.start-lg {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}


@media only screen and (min-width: 1200px){/*1400px*/
/*.container {
width: 90rem;
}*/

.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-offset-0,
.col-xl-offset-1,
.col-xl-offset-2,
.col-xl-offset-3,
.col-xl-offset-4,
.col-xl-offset-5,
.col-xl-offset-6,
.col-xl-offset-7,
.col-xl-offset-8,
.col-xl-offset-9,
.col-xl-offset-10,
.col-xl-offset-11,
.col-xl-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.00rem;
padding-left: 1.00rem;
}
.col-xl {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-webkit-flex-basis: 8.333%;
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-webkit-flex-basis: 16.666%;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-xl-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-webkit-flex-basis: 41.667%;
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-flex-basis: 58.333%;
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-webkit-flex-basis: 66.667%;
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-flex-basis: 83.333%;
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-webkit-flex-basis: 91.667%;
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.666%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}

.start-xl {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xl {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xl {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xl {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xl {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xl {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xl {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-xl {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}