@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.otf') format('opentype');
  src: url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.eot') format('embedded-opentype'), url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.eot?#iefix') format('embedded-opentype'), url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.woff2') format('woff2'), url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.woff') format('woff'), url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.ttf') format('truetype'), url('../fonts/Font-Awesome-5-Pro/Font-Awesome-5-Pro-Solid.svg#Font-Awesome-5-Pro-Solid') format('svg');
}
@font-face {
  font-family: "Font Awesome 5 Pro Light";
  src: url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.otf') format('opentype');
  src: url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.eot') format('embedded-opentype'), url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.woff2') format('woff2'), url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.woff') format('woff'), url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.ttf') format('truetype'), url('../fonts/FonAwesome-5-Pro-Light/FontAwesome5Pro-Light.svg#FontAwesome5Pro-Light') format('svg');
}
* {
    -webkit-tap-highlight-color: transparent;
}
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: transparent;
    letter-spacing: 0;
    overflow-x: hidden;
}

body .site-content{
    overflow: initial;
}
.entry .entry-header, .entry .entry-content, .entry .entry-summary {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.container, .search #content.site-content, .error404 #content.site-content, body.page-template-default #content.site-content, .entry-content>.container, .single .entry .entry-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}
body.page-template-default #content.site-content .container {
    padding: 0;
}
.page-template-default.singular .entry-header {
    padding-bottom: 30px;
    margin-top: 50px;
}
.entry .entry-title:before, h1:not(.site-title):before, h2:before {
    display: none
}
.entry .entry-content>*, .entry .entry-summary>*, .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*, .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
    max-width: 100%;
}
body {
  color: #58595b;
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
p {
  color: #58595b;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
    margin-top: 0
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
    color: inherit;
    letter-spacing: 0;
}
h1, .h1, .page .panel-content h1.entry-title, h1.page-title,
 .page:not(.twentyseventeen-front-page) h1.entry-title,
 h1 p, .h1 p, .page .panel-content h1.entry-title p, h1.page-title p,
 .page:not(.twentyseventeen-front-page) h1.entry-title p {
  font-family: Roboto !important;
  font-size: 49px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -1px;
  padding: 0;
}
h2, .h2, .entry-content h2, h2 p {
   font-family: Roboto !important;
  font-size: 36px;
  font-weight: 400;
  line-height: 43px;
}
h3, .h3, .entry .entry-title, h3 p {
  font-family: Roboto !important;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}
h4, .h4 , h4 p{
  font-family: Roboto !important;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}
h5, .h5, h5 p {
  font-family: Roboto !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
h6, .h6, h6 p {
  font-family: Roboto !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
@media (max-width: 1024px){
        h1, .h1, .page .panel-content h1.entry-title, h1.page-title, .page:not(.twentyseventeen-front-page) h1.entry-title, h1 p, .h1 p, .page .panel-content h1.entry-title p, h1.page-title p, .page:not(.twentyseventeen-front-page) h1.entry-title p {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0;
    }
    h2, .h2, .entry-content h2, .page:not(.twentyseventeen-front-page) h1.entry-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
    }
    h3, .h3, .entry .entry-title, h3 p {
    font-size: 24px;
    line-height: 34px;
}
    h4, .h4, h4 p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0px;
    }
    h5, .h5, h5 p {
    line-height: 28px;
}
}
@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
    .container, .search #content.site-content, .error404 #content.site-content, body.page-template-default #content.site-content, .entry-content>.container, 
    .single .entry .entry-content {
        padding: 0 23px;
    }

}
.purple {
    color: #AB989D;
}
.orager {
    color: #D7A284
}
a, .entry-content a, .entry .entry-content a, a:visited {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    box-shadow: none;
    outline: none !important;
}
a:hover, a:focus, a:active, .entry-content a:hover, .entry-content a:focus, .entry-content a:active, .entry .entry-content a:hover, .entry .entry-content a:focus, .entry .entry-content a:active {
    text-decoration: none;
    color: #184e83;
}
a:hover, a:focus, a:active {
    opacity: 1;
    filter: Alpha(opacity=100);
}
main ul, main ol {
    padding: 0;
    list-style: none;
}
main ul li, main ol li {
    position: relative;
    padding-left: 27px;
    line-height: 24px
}
main ul li:before, main ol li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #A2A2A1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0
}
main .button, main button, main a.button, .entry .entry-content a.button, .popup-offer a.button, .popup-offer .button {
  color: #ffffff;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  padding: 25.5px 42px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  height: 70px;
  background: #184e83;
  border: 1px solid #184e83;
}
.entry .entry-content .button.arrow:after, main .button.arrow:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    background: url('../images/arrow-white.svg');
    background-size: contain;
    margin-left: 112px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.entry .entry-content .button.arrow:hover:after, main .button.arrow:hover:after{
    background: url('../images/arrow-blue-hover.svg');
    background-size: contain;
}
.action.primary.opacity {
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.margin-bottom.opacity {
    background: #184e83;
    display: inline-block;
    padding: 30px;
}
main .button:hover, main button:hover, main input[type="button"]:hover, main input[type="reset"]:hover, main input[type="submit"]:hover, main .button:focus, button:focus, main input[type="button"]:focus, main input[type="reset"]:focus, main input[type="submit"]:focus, main a.button:hover, main a.button:focus, .entry .entry-content a.button:hover, .entry .entry-content a.button:focus {
    outline: none;
    outline-offset: 0;
    background: transparent;
    opacity: 1;
    filter: Alpha(opacity=100);
    background: #fff;
    color: #184e83;
    border-color: #184e83;
}
main .button.action.primary.opacity:hover {
    opacity: 0.49993187;
}
main .button:visited, main button:visited, main input[type="button"]:visited, main input[type="reset"]:hover, main input[type="submit"]:visited, a:visited {
    color: inherit
}
main button.button-cusor, .button-cusor, .button-cusors {
    color: #D8B45C;
    background: transparent;
    padding: 6px 0;
    border-bottom: 2px solid #D8B45C;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    position: relative;
    letter-spacing: 1.32px;
    padding-right: 59px;
}
/*anime button*/

.arrow-cusor {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 46.31578947368421px;
    border-radius: 9999px;
    position: absolute;
    right: -5px;
    top: -3px;
    z-index: -1;

}
.arrow-cusor:focus {
    outline: 0;
}
.button-cusor:hover .arrow-cusor__backdrop,
.onHover .arrow-cusor__backdrop {
    background-color: #f2f2f2;
    transform: scale(1.1875);
}
.arrow-cusor__backdrop {
    background-color: transparent;
    background-repeat: repeat;
    background-size: 250px;
    background-position: 50%;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    position: absolute;
    transition: background-color 0.2s, transform 0.5s;
}
.arrow-cusor__inner {
    width: 80%;
    height: 80%;
    position: relative;
    overflow: hidden;
    top:2px;
}
.icon-arrow-lottie-container {
    display: block;
    width: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate( -13deg);
}
.arrow-cusor path {
    stroke: #D8B45C;
}
/*end anime button*/

.margin-bottom {
    margin-bottom: 20px;
}
a.link, .entry .entry-content a.link, .entry-content a.link {
   color: #184e83;
   font-family: Roboto;
   font-size: 16px;
   font-weight: 700;
   line-height: 19px;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   text-transform: capitalize;
}
a.link:after, .entry .entry-content a.link:after, .entry-content a.link:after, main a.link:after{
    margin-left: 18px;
    content: '';
    display: inline-block;
    width: 14px;
    height: 10px;
    vertical-align: middle;
    background: url(../images/arrow-blue.svg);
    background-size: contain;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
a.link:hover:after, .entry .entry-content a.link:hover:after, main a.link:hover:after, .entry-content a.link:hover:after, a.link:focus:after, .entry .entry-content a.link:focus:after, .entry-content a.link:focus:after {
    margin-left: 39px;
}
.entry .entry-content .wp-block-separator:not(.wp-block-separator), .entry .entry-content hr:not(.wp-block-separator) {
    max-width: 100%;
    height: 1px;
}
main .button:hover span, main button:hover span, main a.button:hover span, .entry .entry-content a.button:hover span, .popup-offer a.button:hover span, .popup-offer .button:hover span {
    transform: translateX(10px);
    transition-duration: 0.3s;
}

main .button span, main button {
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: e-oQuad;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
}

.entry .entry-content .button.arrow:hover:after, main .button.arrow:hover:after {
    transform: translateX(10px);
}
input[type="button"], input[type="reset"], input[type="submit"] {}
fieldset.fieldset {
    border: 0;
    padding: 0;
    margin: 0
}
fieldset .control {
    margin-bottom: 24px;
}
fieldset.fieldset .field p {
    margin: 0;
}
label {
    margin-bottom: 11px;
    display: block
}
label+br {
    display: none
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
    border: 1px solid #A2A2A1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    padding: 5px 17px;
    width: 100%;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    outline: none;
    outline-offset: 0;
    letter-spacing: 0.36px;
    color: #005696;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #ffffff url(../images/select.png) no-repeat right 10px center;
    padding-right: 20px;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    letter-spacing: 0.36px;
}
textarea {
    min-height: 128px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    border-color: currentColor;
    outline: none;
    outline-offset: 0;
}
::-webkit-input-placeholder {
    color: #A2A2A1;
    opacity: 0.497;
    filter: Alpha(opacity=49.7);
}
:-ms-input-placeholder {
    color: #A2A2A1;
    opacity: 0.497;
    filter: Alpha(opacity=49.7);
}
::placeholder {
    color: #A2A2A1;
    opacity: 0.497;
    filter: Alpha(opacity=49.7);
}
.wpcf7-not-valid-tip {
    font-size: 16px;
    margin-top: 27px;
}
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none;
    outline-offset: 0;
}
a.button-cusor {
    font-size: 22px;
    font-style: normal;
    line-height: 26px;
    font-family: Raleway;
    font-weight: 400;
    text-transform: uppercase;
    color: #D8B45C
}
@media (min-width: 768px) {
    .content-mobile {
        display: none !important
    }
}
@media (max-width: 767px) {
    .content-desktop {
        display: none !important
    }
    main .button, main button, main a.button, .entry .entry-content a.button, .popup-offer a.button, .popup-offer .button {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 1.08px;
        padding: 6px 26px;
    }
    main button.button-cusor, .button-cusors, .button-cusors, a.button-cusor {
            letter-spacing: 1.08px !important;
        font-size: 18px;
        line-height: 21px;
        padding-right: 30px;
        border-bottom-width: 1px;
    }
    .wpcf7-not-valid-tip {
        font-size:16px;
    }
    .arrow-cusor {
            width: 40px;
        height: 40px;
        right: -13px;
        top: -4px;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, select{
        padding-left:5px;
        padding-right:5px;
    }
    main ul li, main ol li {
        padding-left: 20px;
    }
}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-des, .col-des-1, .col-des-10, .col-des-11, .col-des-12, .col-des-2, .col-des-3, .col-des-4, .col-des-5, .col-des-6, .col-des-7, .col-des-8, .col-des-9, .col-des-auto, .col-tb, .col-tb-1, .col-tb-10, .col-tb-11, .col-tb-12, .col-tb-2, .col-tb-3, .col-tb-4, .col-tb-5, .col-tb-6, .col-tb-7, .col-tb-8, .col-tb-9, .col-tb-auto, .col-mb, .col-mb-1, .col-mb-10, .col-mb-11, .col-mb-12, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 8.333333%;
    flex: 0 1 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.666667%;
    flex: 0 1 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    max-width: 25%;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333333%;
    flex: 0 1 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 41.666667%;
    flex: 0 1 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 58.333333%;
    flex: 0 1 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.666667%;
    flex: 0 1 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    max-width: 75%;
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 83.333333%;
    flex: 0 1 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 91.666667%;
    flex: 0 1 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
}
.col-mb {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-mb-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: none;
}
.col-mb-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 8.333333%;
    flex: 0 1 8.333333%;
    max-width: 8.333333%;
}
.col-mb-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.666667%;
    flex: 0 1 16.666667%;
    max-width: 16.666667%;
}
.col-mb-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    max-width: 25%;
}
.col-mb-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333333%;
    flex: 0 1 33.333333%;
    max-width: 33.333333%;
}
.col-mb-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 41.666667%;
    flex: 0 1 41.666667%;
    max-width: 41.666667%;
}
.col-mb-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
}
.col-mb-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 58.333333%;
    flex: 0 1 58.333333%;
    max-width: 58.333333%;
}
.col-mb-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.666667%;
    flex: 0 1 66.666667%;
    max-width: 66.666667%;
}
.col-mb-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    max-width: 75%;
}
.col-mb-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 83.333333%;
    flex: 0 1 83.333333%;
    max-width: 83.333333%;
}
.col-mb-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 91.666667%;
    flex: 0 1 91.666667%;
    max-width: 91.666667%;
}
.col-mb-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .col-tb {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-tb-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto;
        max-width: none;
    }
    .col-tb-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 8.333333%;
        flex: 0 1 8.333333%;
        max-width: 8.333333%;
    }
    .col-tb-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.666667%;
        flex: 0 1 16.666667%;
        max-width: 16.666667%;
    }
    .col-tb-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
    }
    .col-tb-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
        flex: 0 1 33.333333%;
        max-width: 33.333333%;
    }
    .col-tb-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 41.666667%;
        flex: 0 1 41.666667%;
        max-width: 41.666667%;
    }
    .col-tb-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }
    .col-tb-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 58.333333%;
        flex: 0 1 58.333333%;
        max-width: 58.333333%;
    }
    .col-tb-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.666667%;
        flex: 0 1 66.666667%;
        max-width: 66.666667%;
    }
    .col-tb-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%;
    }
    .col-tb-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.333333%;
        flex: 0 1 83.333333%;
        max-width: 83.333333%;
    }
    .col-tb-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 91.666667%;
        flex: 0 1 91.666667%;
        max-width: 91.666667%;
    }
    .col-tb-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .col-des {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-des-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto;
        max-width: none;
    }
    .col-des-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 8.333333%;
        flex: 0 1 8.333333%;
        max-width: 8.333333%;
    }
    .col-des-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.666667%;
        flex: 0 1 16.666667%;
        max-width: 16.666667%;
    }
    .col-des-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
    }
    .col-des-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
        flex: 0 1 33.333333%;
        max-width: 33.333333%;
    }
    .col-des-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 41.666667%;
        flex: 0 1 41.666667%;
        max-width: 41.666667%;
    }
    .col-des-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }
    .col-des-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 58.333333%;
        flex: 0 1 58.333333%;
        max-width: 58.333333%;
    }
    .col-des-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.666667%;
        flex: 0 1 66.666667%;
        max-width: 66.666667%;
    }
    .col-des-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%;
    }
    .col-des-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.333333%;
        flex: 0 1 83.333333%;
        max-width: 83.333333%;
    }
    .col-des-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 91.666667%;
        flex: 0 1 91.666667%;
        max-width: 91.666667%;
    }
    .col-des-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .row-1 .col {
        -ms-flex: 0 1 calc(100%);
        flex: 0 1 calc(100%);
        max-width: calc(100%);
        width: 100%;
    }
    .row-2 .col {
        -ms-flex: 0 1 calc(50%);
        flex: 0 1 calc(50%);
        max-width: calc(50%);
        width: 100%;
    }
    .row-3 .col {
        -ms-flex: 0 1 calc(33.33333333%);
        flex: 0 1 calc(33.33333333%);
        max-width: calc(33.33333333%);
        width: 100%;
    }
    .row-4 .col {
        -ms-flex: 0 1 calc(25%);
        flex: 0 1 calc(25%);
        max-width: calc(25%);
        width: 100%;
    }
    .row-5 .col {
        -ms-flex: 0 1 calc(20%);
        flex: 0 1 calc(20%);
        max-width: calc(20%);
        width: 100%;
    }
    .row-6 .col {
        -ms-flex: 0 1 calc(16.66666667%);
        flex: 0 1 calc(16.66666667%);
        max-width: calc(16.66666667%);
        width: 100%;
    }
    .row-7 .col {
        -ms-flex: 0 1 calc(14.28571429%);
        flex: 0 1 calc(14.28571429%);
        max-width: calc(14.28571429%);
        width: 100%;
    }
    .row-8 .col {
        -ms-flex: 0 1 calc(12.5%);
        flex: 0 1 calc(12.5%);
        max-width: calc(12.5%);
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .row-tablet-1 .col {
        -ms-flex: 0 1 calc(100%);
        flex: 0 1 calc(100%);
        max-width: calc(100%);
        width: 100%;
    }
    .row-tablet-2 .col {
        -ms-flex: 0 1 calc(50%);
        flex: 0 1 calc(50%);
        max-width: calc(50%);
        width: 100%;
    }
    .row-tablet-3 .col {
        -ms-flex: 0 1 calc(33.33333333%);
        flex: 0 1 calc(33.33333333%);
        max-width: calc(33.33333333%);
        width: 100%;
    }
    .row-tablet-4 .col {
        -ms-flex: 0 1 calc(25%);
        flex: 0 1 calc(25%);
        max-width: calc(25%);
        width: 100%;
    }
    .row-tablet-5 .col {
        -ms-flex: 0 1 calc(20%);
        flex: 0 1 calc(20%);
        max-width: calc(20%);
        width: 100%;
    }
    .row-tablet-6 .col {
        -ms-flex: 0 1 calc(16.66666667%);
        flex: 0 1 calc(16.66666667%);
        max-width: calc(16.66666667%);
        width: 100%;
    }
    .row-tablet-7 .col {
        -ms-flex: 0 1 calc(14.28571429%);
        flex: 0 1 calc(14.28571429%);
        max-width: calc(14.28571429%);
        width: 100%;
    }
    .row-tablet-8 .col {
        -ms-flex: 0 1 calc(12.5%);
        flex: 0 1 calc(12.5%);
        max-width: calc(12.5%);
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .horizontal-scroll-section__content-wrapper.line {
        display: block;
    }
    main .button:hover, main button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
        /* letter-spacing: 0px; */
    }
    .row-mobile-1 .col {
        -ms-flex: 0 1 calc(100%);
        flex: 0 1 calc(100%);
        max-width: calc(100%);
        width: 100%;
    }
    .row-mobile-2 .col {
        -ms-flex: 0 1 calc(50%);
        flex: 0 1 calc(50%);
        max-width: calc(50%);
        width: 100%;
    }
    .row-mobile-3 .col {
        -ms-flex: 0 1 calc(33.33333333%);
        flex: 0 1 calc(33.33333333%);
        max-width: calc(33.33333333%);
        width: 100%;
    }
    .row-mobile-4 .col {
        -ms-flex: 0 1 calc(25%);
        flex: 0 1 calc(25%);
        max-width: calc(25%);
        width: 100%;
    }
    .row-mobile-5 .col {
        -ms-flex: 0 1 calc(20%);
        flex: 0 1 calc(20%);
        max-width: calc(20%);
        width: 100%;
    }
    .row-mobile-6 .col {
        -ms-flex: 0 1 calc(16.66666667%);
        flex: 0 1 calc(16.66666667%);
        max-width: calc(16.66666667%);
        width: 100%;
    }
    .row-mobile-7 .col {
        -ms-flex: 0 1 calc(14.28571429%);
        flex: 0 1 calc(14.28571429%);
        max-width: calc(14.28571429%);
        width: 100%;
    }
    .row-mobile-8 .col {
        -ms-flex: 0 1 calc(12.5%);
        flex: 0 1 calc(12.5%);
        max-width: calc(12.5%);
        width: 100%;
    }
}
@media (max-width: 370px) {
    h1, .h1, .page .panel-content h1.entry-title, h1.page-title, .page:not(.twentyseventeen-front-page) h1.entry-title {
        font-size: 30px;
    }
}