/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}
body {
    font: 400 16px/1.5 "Albert Sans", sans-serif;
    color: #3D3E3F;
    background: #fff;
    margin: 0;
}

.btn-menu,
.header span.toggle {
    display: none;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}
a {
    color: #3D3E3F;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #3D3E3F;
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
input:focus,
textarea:focus {
    outline: 0;
    border: 1px solid #3D3E3F;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 38px;
}

h3 {
    font-size: 32px;
    font-weight: 500;
}

p {
    margin: 0 0 20px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin: 0;
}

.overflow {
    overflow: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.anchor {
    position: relative;
    top: -200px;
}

.btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0;
    border-radius: 4px;
    outline: 0;
    background: #3D3E3F;
    padding: 13px 25px;
    transition: all 0.3s ease 0s;
}

.btn.large {
    padding: 18px 25px;
}

.btn:hover {
    color: #fff;
    border: 0;
    outline: 0;
    opacity: 0.9;
    text-decoration: none;
}

.btn:focus,
.btn:hover,
.btn:active {
    outline: 0;
}

.social-wrap {
    font-size: 0;
}

.social-wrap a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.social-wrap a:last-child {
    margin-right: 0;
}

.social-wrap a svg path {
    fill: #3d3e3f;
    transition: all 0.3s ease 0s;
}

.social-wrap a:hover svg path {
    fill: #28292a;
}

.scrollup {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    cursor: pointer;
}

.img-wrap {
    display: block;
    position: relative;
    background: #000;
    border-radius: 3px;
}

.img-wrap img {
    width: 100%;
    border-radius: 3px;
    transition: all 0.3s ease 0s;
}

.img-wrap.normal,
.img-wrap.normal img {
    width: auto;
    background: none;
    border-radius: 0;
}

/*------------------------------------*\
    ANIMATION
\*------------------------------------*/


@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
    max-width: 1260px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

.wrapper.fullwidth {
    max-width: 100%;
}

.wrapper.size-1140 {
    max-width: 1180px;
}

.wrapper.size-980 {
    max-width: 1020px;
}

.wrapper.size-800 {
    max-width: 800px;
}

.header {
    width: 100%;
    position: relative;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #D6D6D6;
}

.header.stuck {
    position: fixed;
    top: 0;
    left: 0;
    animation: fadeInDown ease-in-out 0.6s both;
}

.header .nav {
    height: 80px;
}

.header .logo {
    font-size: 0;
}

.header-wrap {
    position: relative;
    height: 500px;
    background: #000;
}

.header-wrap.size-400 {
    height: 400px;
}

.header-wrap.size-600 {
    height: 600px;
}

.header-wrap.size-700 {
    height: 700px;
}

.header-wrap.fullscreen {
    height: 100vh;
    height: calc(100vh - 130px);
}

.header-wrap .bgr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat scroll center center transparent;
    background-size: cover;
}

.nav ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav > ul,
.nav > ul > li,
.nav > ul > li > a {
    height: 100%;
}

.nav > ul > li > a {
    line-height: 80px;
}

.nav li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 25px;
}

.nav a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 600;
    color: #3D3E3F;
    position: relative;
}

.nav a:hover {
    color: #3D3E3F;
    text-decoration: none;
}

.nav > ul > li > a::after {
    content: '';
    width: 100%;
    height: 1px;
    background: none;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease 0s;
}

.nav > ul > li > a:hover::after {
    background: #3D3E3F;
}

.nav .submenu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 230px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}

.nav li:hover .submenu {
    display: block;
}

.nav .submenu li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
}

.nav .submenu li:last-child {
    border: 0;
}

.nav .submenu a {
    display: block;
    font-size: 14px;
    background: #fff;
    padding: 9px 20px;
    position: relative;
}

.nav .submenu a:hover {
    color: #3b3b3b;
    text-decoration: none;
    background: #e8e8e8;
}

.footer {
    font-size: 14px;
    background: #F0F0F0;
    padding: 60px 0;
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer ul li {
    margin: 0 0 2px;
}

.footer .copyright p {
    font-size: 12px;
    font-weight: 500;
}

.footer .copyright .sep {
    padding: 0 12px;
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/
.slick-list{padding:0 20% 0 0;}

.slick-slider {
    font-size: 0;
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px;
    text-align: left;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    position: relative;
    outline: 0;
}

.slick-slide img {
    display: inline-block;
    width: auto;
    border-radius: 4px;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    opacity: 1;
    border: none;
    outline: none;
    z-index: 9;
    text-align: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: none;
    transform: translate(0, -50%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
}

.slick-arrow path,
.slick-arrow circle {
    transition: all 0.3s ease 0s;
}

.slick-arrow .arrow {
    fill: #3d3e3f;
}

.slick-arrow:hover .arrow {
    fill: #fff;
}

.slick-arrow .circle {
    fill: #fff;
}

.slick-arrow:hover .circle {
    fill: #3d3e3f;
}

.slick-arrow:hover,
.arrows-hidden:hover .slick-arrow {
    opacity: 1;
}

.arrows-hidden .slick-arrow {
    opacity: 0;
}

.slick-next {
    right: -50px;
}

.slick-prev {
    left: -50px;
}

.slick-dotted.slick-slider {
    margin: 0;
    padding: 0;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    opacity: 0.75;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #FFFFFF;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.slick-dots li:hover button,
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
    outline: none;
    opacity: 0.5;
}

.slick-slider .slide > svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    cursor: pointer;
}

.carousel-normal .slick-list,
.carousel-normal .slick-track,
.carousel-normal .slick-slide,
.carousel-normal .slick-slide > div,
.carousel-normal .slide,
.carousel-normal .slide .bgr {
    height: 100%;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white h7,
.text-white h8,
.text-white p,
.text-white a:not(.btn) {
    color: #fff;
}

.flex {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex.justify-normal {
    justify-content: normal;
}

.flex.justify-end {
    justify-content: end;
}

.flex.justify-start {
    justify-content: start;
}

.flex.column {
    flex-direction: column;
    flex-wrap: nowrap;
}

.flex .grow {
    flex-grow: 1;
}

.flex.center {
    align-items: center;
}

.flex.bottom {
    align-items: flex-end;
}

.flex .align-bottom {
    margin-top: auto;
}

.section {
    padding: 80px 0;
    position: relative;
    background: none no-repeat scroll center center transparent;
    background-size: cover;
}

.section.grey {
    background-color: #F0F0F0;
}

.section.border {
    border-top: 1px solid #D6D6D6;
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.search-input,
.wpcf7-text,
select.wpcf7-select,
div.wpcf7-select a,
.wpcf7-textarea,
.chosen-container-single .chosen-single {
    display: block;
    font-family: "Albert Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #3D3E3F;
    border: 1px solid #F0F0F0;
    outline: 0;
    background: #F0F0F0;
    width: 100%;
    height: 50px;
    padding: 10px 18px;
    border-radius: 4px;
    margin: 0 0 20px;
    -webkit-appearance: none;
    transition: all 0.3s ease 0s;
}

.wpcf7-text.required,
.wpcf7-textarea.required {
    border-color: #e20000;
    color: #e20000;
}

.wpcf7 span.required {
    font-size: 13px;
    color: #e20000;
    position: absolute;
    right: 0;
    top: 0;
}

.wpcf7 label {
    display: block;
    font-weight: 400;
    position: relative;
}


.wpcf7-not-valid {
    color: #df0000;
    border-color: #df0000;
}

select.wpcf7-select {
    background: url('../img/icon-arrow.png') no-repeat scroll right center #fafbfc;
    padding: 5px 15px;
}

.wpcf7-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7-textarea {
    resize: vertical;
    height: auto;
}

.submit-wrap {
    overflow: hidden;
}

.submit-wrap span {
    float: right;
    margin: 8px 0 0;
}

.wpcf7-submit:focus,
.wpcf7-submit:active {
    border: 0;
    outline: 0;
}

.wpcf7 p {
    margin: 0;
}

.wpcf7 span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #df0000;
}

form.wpcf7 .wpcf7-response-output {
    color: #fff;
    border: 0;
    text-align: center;
    margin: 20px 0;
    padding: 9px 0px;
    border-radius: 4px;
}

form.invalid.wpcf7 .wpcf7-response-output {
    border-color: #df0000;
    background: #df0000;
}

form.sent.wpcf7 .wpcf7-response-output {
    background: #00a651;
}

.chosen-container {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container-single .chosen-single {
    display: block;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 7px 15px;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single div {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 24px;
    height: 5px;
    background: url('../img/icon-arrow.png') no-repeat scroll right center transparent;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-top: 0;
    background: #fafbfc;
    background-clip: padding-box;
    height: auto;
    padding: 10px 0;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
    margin-top: -20px;
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all 0.3s ease 0s;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

::-webkit-input-placeholder {
    opacity: 1;
    color: ##3D3E3F;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #3D3E3F;
}

::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
    color: #3D3E3F;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #3D3E3F;
}

:placeholder-shown { /* Standard one last! */
    opacity: 1;
    color: #3D3E3F;
}


/*------------------------------------*\
    CLASSES
\*------------------------------------*/

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.font-size-12 {
    font-size: 12px;
}

.font-weight-600 {
    font-weight: 600;
}

.gap { justify-content: initial; }

.gap-1 { gap: 0 1% }

.gap-2 { gap: 0 2.3% }

.gap-3 { gap: 0 3% }

.gap-4 { gap: 0 4% }

.gap-5 { gap: 0 5% }

.gap-6 { gap: 0 6% }

.gap-7 { gap: 0 7% }

.gap-8 { gap: 0 8% }

.gap-9 { gap: 0 9% }

.gap-2 .width-12 { width: 12.3%; }

.gap-3 .width-48 { width: 48.5%; }

.width-1  { width: 1%; }

.width-2  { width: 2%; }

.width-3  { width: 3%; }

.width-4  { width: 4%; }

.width-5  { width: 5%; }

.width-6  { width: 6%; }

.width-7  { width: 7%; }

.width-8  { width: 8%; }

.width-9  { width: 9%; }

.width-10 { width: 10%; }

.width-11 { width: 11%; }

.width-12 { width: 12%; }

.width-13 { width: 13%; }

.width-14 { width: 14%; }

.width-15 { width: 15%; }

.width-16 { width: 16%; }

.width-17 { width: 17%; }

.width-18 { width: 18%; }

.width-19 { width: 19%; }

.width-20 { width: 20%; }

.width-21 { width: 21%; }

.width-22 { width: 22%; }

.width-23 { width: 23%; }

.width-24 { width: 24%; }

.width-25 { width: 25%; }

.width-26 { width: 26%; }

.width-27 { width: 27%; }

.width-28 { width: 28%; }

.width-29 { width: 29%; }

.width-30 { width: 30%; }

.width-31 { width: 31.5%; }

.width-32 { width: 32%; }

.width-33 { width: 33%; }

.width-34 { width: 34%; }

.width-35 { width: 35%; }

.width-36 { width: 36%; }

.width-37 { width: 37%; }

.width-38 { width: 38%; }

.width-39 { width: 39%; }

.width-40 { width: 40%; }

.width-41 { width: 41%; }

.width-42 { width: 42%; }

.width-43 { width: 43%; }

.width-44 { width: 44%; }

.width-45 { width: 45%; }

.width-46 { width: 46%; }

.width-47 { width: 47%; }

.width-48 { width: 48.5%; }

.width-49 { width: 49%; }

.width-50 { width: 50%; }

.width-51 { width: 51%; }

.width-52 { width: 52%; }

.width-53 { width: 53%; }

.width-54 { width: 54%; }

.width-55 { width: 55%; }

.width-56 { width: 56%; }

.width-57 { width: 57%; }

.width-58 { width: 58%; }

.width-59 { width: 59%; }

.width-60 { width: 60%; }

.width-61 { width: 61%; }

.width-62 { width: 62%; }

.width-63 { width: 63%; }

.width-64 { width: 64%; }

.width-65 { width: 65%; }

.width-66 { width: 66%; }

.width-67 { width: 67%; }

.width-68 { width: 68%; }

.width-69 { width: 69%; }

.width-70 { width: 70%; }

.width-71 { width: 71%; }

.width-72 { width: 72%; }

.width-73 { width: 73%; }

.width-74 { width: 74%; }

.width-75 { width: 75%; }

.width-76 { width: 76%; }

.width-77 { width: 77%; }

.width-78 { width: 78%; }

.width-79 { width: 79%; }

.width-80 { width: 80%; }

.width-81 { width: 81%; }

.width-82 { width: 82%; }

.width-83 { width: 83%; }

.width-84 { width: 84%; }

.width-85 { width: 85%; }

.width-86 { width: 86%; }

.width-87 { width: 87%; }

.width-88 { width: 88.5%; }

.width-89 { width: 89%; }

.width-90 { width: 90%; }

.width-91 { width: 91%; }

.width-92 { width: 92%; }

.width-93 { width: 93%; }

.width-94 { width: 94%; }

.width-95 { width: 95%; }

.width-96 { width: 96%; }

.width-97 { width: 97%; }

.width-98 { width: 98%; }

.width-99 { width: 99%; }

.width-100 { width: 100%; }

.ml-12 { margin-left: 12px; }

.ml-18 { margin-left: 18px; }

.ml-20 { margin-left: 20px; }

.mt-0 { margin-top: 0; }

.mt-5 { margin-top: 5px; }

.mt-8 { margin-top: 8px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-18 { margin-top: 18px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-28 { margin-top: 28px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

.mt-55 { margin-top: 55px; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-70 { margin-top: 70px; }

.mt-75 { margin-top: 75px; }

.mt-80 { margin-top: 80px; }

.mt-85 { margin-top: 85px; }

.mt-90 { margin-top: 90px; }

.mt-95 { margin-top: 95px; }

.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0; }

.mb-2 { margin-bottom: 2px; }

.mb-3 { margin-bottom: 3px; }

.mb-5 { margin-bottom: 5px; }

.mb-7 { margin-bottom: 7px; }

.mb-8 { margin-bottom: 8px; }

.mb-10 { margin-bottom: 10px; }

.mb-12 { margin-bottom: 12px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

.mb-55 { margin-bottom: 55px; }

.mb-60 { margin-bottom: 60px; }

.mb-65 { margin-bottom: 65px; }

.mb-70 { margin-bottom: 70px; }

.mb-75 { margin-bottom: 75px; }

.mb-80 { margin-bottom: 80px; }

.mb-85 { margin-bottom: 85px; }

.mb-90 { margin-bottom: 90px; }

.mb-95 { margin-bottom: 95px; }

.mb-100 { margin-bottom: 100px; }

.pt-0 { padding-top: 0; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-35 { padding-top: 35px; }

.pt-40 { padding-top: 40px; }

.pt-45 { padding-top: 45px; }

.pt-50 { padding-top: 50px; }

.pt-55 { padding-top: 55px; }

.pt-60 { padding-top: 60px; }

.pt-65 { padding-top: 65px; }

.pt-70 { padding-top: 70px; }

.pt-75 { padding-top: 75px; }

.pt-80 { padding-top: 80px; }

.pt-85 { padding-top: 85px; }

.pt-90 { padding-top: 90px; }

.pt-95 { padding-top: 95px; }

.pt-100 { padding-top: 100px; }

.pb-0 { padding-bottom: 0; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-35 { padding-bottom: 35px; }

.pb-40 { padding-bottom: 40px; }

.pb-45 { padding-bottom: 45px; }

.pb-50 { padding-bottom: 50px; }

.pb-55 { padding-bottom: 55px; }

.pb-60 { padding-bottom: 60px; }

.pb-65 { padding-bottom: 65px; }

.pb-70 { padding-bottom: 70px; }

.pb-75 { padding-bottom: 75px; }

.pb-80 { padding-bottom: 80px; }

.pb-85 { padding-bottom: 85px; }

.pb-90 { padding-bottom: 90px; }

.pb-95 { padding-bottom: 95px; }

.pb-100 { padding-bottom: 100px; }


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1280px) {
    .slick-prev {
        left: 20px;
    }

    .slick-next {
        right: 20px;
    }
}

@media only screen and (max-width: 1140px) {
    .mobile-1140-width-100 {
        width: 100%;
    }

    .mobile-1140-width-82 {
        width: 82%;
    }

    .mobile-1140-width-77 {
        width: 77%;
    }

    .mobile-1140-width-23 {
        width: 23%;
    }

    .mobile-1140-width-18 {
        width: 18%;
    }

    .mobile-1140-justify-end {
        justify-content: end;
    }

    .mobile-1140-text-right {
        text-align: right;
    }
}

@media only screen and (max-width: 1080px) {
    .nav li {
        margin: 0 15px;
    }
}

@media only screen and (max-width: 960px) {
    .mobile-960-width-100 {
        width: 100%;
    }

    .nav li {
        margin: 0 5px;
    }
}

@media only screen and (max-width: 800px) {
    .mobile-800-hidden,
    .mobile-800-menu-title ~ div,
    .nav > ul > li > a:hover::after,
    .nav li:hover .submenu {
        display: none;
    }

    body.active-header::after {
        content: '';
        background: #fff;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
    }

    .header .btn {
        margin-right: 50px;
    }

    .nav .btn-menu {
        display: block;
        background: url('../img/icon-open.png') no-repeat scroll center center transparent;
        background-size: cover;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 27px;
        cursor: pointer;
        border: 0;
        outline: 0;
        padding: 0;
    }

    .nav.active .btn-menu {
        background-image: url('../img/icon-close.png');
        background-size: 90%;
    }

    .nav.has-form .btn-menu {
        font-size: 0;
        background: none;
        width: 65px;
        height: 35px;
        line-height: 35px;
    }

    .nav.has-form .btn-menu img {
        vertical-align: top;
        max-width: 35px;
        margin-right: 15px;
    }

    .nav.has-form .btn-menu svg {
        margin-top: 15px;
    }

    .nav ul {
        display: none;
        position: absolute;
        left: 0;
        top: 80px;
        width: 100%;
        height: auto;
        padding: 0;
        z-index: 99;
        background: #fff;
        text-align: left;
    }

    .nav.active > ul {
        display: block;
    }

    .nav > ul > li {
        display: block;
        width: 100%;
        height: auto;
        background: #fff;
        padding: 0;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #e7e7e7;
    }

    .header a > span.toggle {
        background: url('../img/icon-plus.png') no-repeat scroll center center transparent;
        background-size: 30px;
        width: 60px;
        height: 54px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
    }

    .header a > span.toggle.active {
        background-image: url('../img/icon-minus.png');
    }

    .header .nav .submenu {
        position: relative;
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: 0;
        text-align: left;
        box-shadow: none;
    }

    .header .nav .submenu li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #e7e7e7;
    }

    .header .nav .submenu li a {
        display: block;
        padding: 16px 30px;
        margin: 0;
    }

    .header .nav .submenu li a.has-svg {
        padding: 10px 30px 10px 60px;
    }

    .nav > ul > li > a {
        display: block;
        line-height: 1.2;
        padding: 16px 15px;
        height: auto;
    }

    .mobile-800-width-100 {
        width: 100%;
    }

    .mobile-800-width-84 {
        width: 84%;
    }

    .mobile-800-width-65 {
        width: 65%;
    }

    .mobile-800-width-60 {
        width: 60%;
    }

    .mobile-800-width-50 {
        width: 50%;
    }

    .mobile-800-width-48 {
        width: 48%;
    }

    .mobile-800-width-40 {
        width: 40%;
    }

    .mobile-800-width-35 {
        width: 35%;
    }

    .mobile-800-width-18,
    .gap-2 .mobile-800-width-18 {
        width: 18%;
    }

    .mobile-800-width-13 {
        width: 13%;
    }

    .mobile-800-mb-30 {
        margin-bottom: 30px;
    }

    .mobile-800-mb-20 {
        margin-bottom: 20px;
    }

    .mobile-800-mb-15 {
        margin-bottom: 15px;
    }

    .mobile-800-mb-10 {
        margin-bottom: 10px;
    }

    .mobile-800-mt-20 {
        margin-top: 20px;
    }

    .mobile-800-mt-15 {
        margin-top: 15px;
    }

    .mobile-800-mt-10 {
        margin-top: 10px;
    }

    .mobile-800-mt-5 {
        margin-top: 5px;
    }

    .mobile-800-text-left {
        text-align: left;
    }

    .mobile-800-text-center {
        text-align: center;
    }

    .section,
    .footer {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 640px) {
    .mobile-640-width-100 {
        width: 100%;
    }

    .mobile-640-width-48 {
        width: 48%;
    }

    .mobile-640-width-40 {
        width: 40%;
    }

    .mobile-640-width-20 {
        width: 20%;
    }

    .mobile-640-mb-10 {
        margin-bottom: 10px;
    }

    .header-wrap {
        height: 300px;
    }

    h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .mobile-480-width-100 {
        width: 100%;
    }

    .header .btn {
        padding: 13px 12px;
    }
}

@media only screen and (max-width: 320px) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}