@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('/templates/fonts/RobotoSlab-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('/templates/fonts/RobotoSlab-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('/templates/fonts/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-SemiBold';
    src: url('/templates/fonts/RobotoSlab-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/templates/fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/templates/fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/templates/fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/templates/fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-Regular';
    src: url('/templates/fonts/Assistant-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-Bold';
    src: url('/templates/fonts/Assistant-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Caslon-Regular';
    src: url('/templates/fonts/Caslon-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Big-Caslon';
    src: url('/templates/fonts/Big-Caslon.ttf') format('truetype');
}
:root {
    --color-blue: #025366;
    /*--color-blue-hover: #004858;*/
    --color-blue-hover: #08687e;
    --color-green: #a7ac92; 
    --color-red: #97292a; 
    --color-beige: #f3edd9;
    --color-beige-back: rgb(251, 250, 245);
    --color-brown: #dbd1bd; 
    --color-bone: #FBFAF5;
    --color-back: #f4edd7;
}
html{
    padding: 0!important;
}

/* RESET */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, div,
input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    box-sizing:border-box;
    font-size:inherit;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-family: inherit;
    font-size: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    font-size: 16px;
}
body {
    position: relative;
    min-width: 1000px;
    line-height: 1;
    color: #333333;
    font-family: 'Assistant-Regular';
}
/* prevent scroll */
body.noScroll {
    overflow: hidden;
}
main{
    min-height:600px;
}
ol, ul {
    list-style: none;
    padding:0;
    margin:0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    text-decoration: none;
    color: inherit;
    transition: 0.2s all;
}
/* HTML5 display-role reset for older browsers */
a:visited {
    color: inherit;
}
img{
    max-width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, select, textarea{
    margin: 0;
    padding: 0;
    border: none;
    border-radius: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}
input:focus,
select:focus,
textarea:focus,
button:focus{
    outline: none;
}

input,
textarea{
    width: 100%;
    padding: 15px;
    background-color: #ffffff;
    font-size: 16px;
}

input::-ms-clear {
    display: none;
}

textarea {
    resize: vertical;
    min-height: 40px;
    max-height: 200px;
}




/* IE remove select arrow */
select::-ms-expand {
    display: none;
}

/* Placeholder overrides */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-family: 'Assistant-Regular';
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    rgba(0, 0, 0, 0.7);
    opacity:  1;
    font-size: 16px;
    font-family: 'Assistant-Regular';
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    rgba(0, 0, 0, 0.7);
    opacity:  1;
    font-size: 16px;
    font-family: 'Assistant-Regular';
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-family: 'Assistant-Regular';
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-family: 'Assistant-Regular';
}

/* Firefox overrides */
:not(output):-moz-ui-invalid {
    box-shadow: none;
}
:not(output):-moz-ui-invalid:-moz-focusring {
    box-shadow: none;
}

button{
    background:none;
    border:0;
    padding: 0;
    outline:none;
    cursor:pointer;
}

p+p{margin:10px 0 0;}

._contentStyle {
    line-height: 1.4;
    font-size: 16px;
    font-family: 'Assistant-Regular';
    font-weight: normal;
}
._contentStyle b{
    font-family: 'Montserrat-SemiBold';
}
._contentStyle--white{
    color:#ffffff;
}
._contentStyle p{
    margin-bottom: 15px;
}
._contentStyle p:last-child{
    margin-bottom: 0;
}
._contentStyle a{
    text-decoration: underline;
    color: inherit;
    color: var(--color-blue);
}
._contentStyle li{
    position: relative;
    padding-left: 15px;
    margin: 8px 0;
}
._contentStyle li:before {
    content: '';
    width: 5px;
    height: 5px;
    left: 0;
    top: 9px;
    border-radius: 50%;
    position: absolute;
    background: var(--color-blue);
}

/* LAYOUT CLASSES */
._section{margin:60px 0;padding:0px 15px;}
._section--mrgTop{margin-top:60px;}
._section--mrgBot{margin-bottom:60px;}
._section--small{margin:30px 0;padding:0px;}
._section--smallMrgTop{margin-top:30px;}
._section--smallMrgBot{margin-bottom:30px;}
._section--big{margin:120px 0;padding:0px;}
._section--bigMrgTop{margin-top:120px;}
._section--bigMrgBot{margin-bottom:120px;}
._section--med{margin:90px 0;padding:0px;}
._section--medMrgTop{margin-top:90px;}
._section--medMrgBot{margin-bottom:90px;}
._section--pad{margin:0;padding:60px 0px;}
._section--padTop{padding-top:60px;}
._section--padBot{padding-bottom:60px;}
._section--smallPad{margin: 0; padding: 30px 0px;}
._section--smallPadTop{padding-top:30px;}
._section--smallPadBot{padding-bottom:30px;}
._section--bigPad{margin: 0;padding:120px 0px;}
._section--bigPadTop{padding-top:120px;}
._section--bigPadBot{padding-bottom:120px;}
._section--medPad{margin: 0;padding:90px 0px;}
._section--medPadTop{padding-top:90px;}
._section--medPadBot{padding-bottom:90px;}
._section--vPad{margin: 0; padding: 60px 0;}
._section--smallVPad{margin: 0; padding: 30px 0;}
._section--bigVPad{margin: 0; padding: 120px 15px;}

._container{margin:0 auto;max-width:1500px; padding: 0 15px;}
._container--600px{min-width:600px;width:600px;}
._container--max600px{max-width:600px;}
._container--800px{min-width:800px;width:800px;}
._container--max800px{max-width:800px;}
._container--1000px{min-width:1000px;width:1000px;}
._container--max1000px{max-width:1000px;}
._container--max1200px{max-width:1200px;}
._container--max1390px {max-width: 1390px;}
._row:after,
._rowSmall:after,
._clearfix:after{content:"";visibility:hidden;display:block;height:0;clear:both;}
._row{margin-left:-15px;margin-right:-15px;}
._rowSmall{margin-left:-10px;margin-right:-10px;}

._mrgTop{margin-top: 15px;}
._mrgBot{margin-bottom: 15px;}
._mrgRight{margin-right: 15px;}
._mrgLeft{margin-left: 15px;}
._mrgV{margin-top:15px;margin-bottom:15px;}
._mrgBigV{margin-top:25px;margin-bottom:25px;}
._mrgH{margin-left: 15px;margin-right: 15px;}

._pad{padding: 15px;}
._padTop{padding-top: 15px;}
._padBot{padding-bottom: 15px;}
._padRight{padding-right: 15px;}
._padLeft{padding-left: 15px;}
._padV{padding-top: 15px;padding-bottom: 15px;}
._padH{padding-left: 15px;padding-right: 15px;}
._padHsmall{padding-left: 10px;padding-right: 10px;}

._noMrgTop{margin-top: 0;}
._noMrgBot{margin-bottom: 0!important;}
._noMrgRight{margin-right: 0;}
._noMrgLeft{margin-left: 0;}
._noMrgV{margin-top:0;margin-bottom:0;}
._noMrgH{margin-left: 0;margin-right: 0;}

._noPadTop{padding-top: 0;}
._noPadBot{padding-bottom: 0;}
._noPadRight{padding-right: 0;}
._noPadLeft{padding-left: 0;}
._noPadV{padding-top: 0;padding-bottom: 0;}
._noPadH{padding-left: 0;padding-right: 0;}

._textCenter{text-align:center;}
._textRight{text-align:right;}
._textJustify{text-align: justify;}
._textLeft{text-align:left;}
._textLower{text-transform:lowercase;}
._textUpper{text-transform:uppercase;}
.first-letter{
    text-transform: capitalize;
}
._textSmall,
._textSmall > *{font-size:14px;}
._textBig,
._textBig > *{font-size:28px;}



._pullRight{float:right;}
._pullLeft{float:left;}

/* Floating */
[class*=' _col'],
[class^='_col']{float:left;}

/* Grid sizes */
._colOne{width: 4.666%;}
._colTwo{width: 16.666%;}
._colFifth{width: 20%;}
._colThree{width: 25%;}
._colThird{width: 33.333%;}
._colFive{width: 41.666%;}
._colHalf{width: 50%;}
._colSeven{width: 58.333%;}
._colTwoThird{width: 66.666%;}
._colNine{width: 75%;}
._colTen{width: 83.333%;}
._colEleven{width: 91.666%;}
._colComplete{ width: 100%;}
._colBlock{display:inline-block;float:none!important;vertical-align:middle;}


._sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

._table{
    display: table;
    width: 100%;
}
._inlineTable{
    display: inline-table;
    vertical-align: middle;
}
._inlineTable > *,
._table > *{
    display: table-cell;
    vertical-align: middle;
    float:none!important;
}

._flex{
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
}
._flex--wrap{
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
._flex--center{
    -webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
}
._flex--right{
    -webkit-box-pack:flex-end;-moz-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;
}
._flex--column{
    -webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
}
._flex--sb{
    -webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
}
._flex--aic{
    -webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
._flex.box,
._flex--col{
    -webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
}


/*------ backgrounds ------*/
.bgDefault{
    background-color:var(--color-beige-back);
}
.bgBlack{
    background-color: #2A2A2C;
}
.bgGray{
    background-color: #f7f7f7;
}
.bgDarkGray{
    background-color: #1D1D1B;
}
.bgDarkGray2{
    background-color: #414141;
}
.bgDarkGray2--gradient{
    background: linear-gradient(to bottom, #414141 60%, #1d1d1b);
}
.bgBeige{
    background: var(--color-beige);
    background: rgb(251, 250, 245);
}
.bgBlue{
    background: var(--color-blue);
}
.bgwhite{
    background: white;
}
.bgBorders{
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

._bgImg{background-repeat:no-repeat;background-position:center;background-size:cover;}

._imgBg,
._imgTagBg{position: relative; overflow: hidden;}
._imgBg > :first-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;transition: 0.2s all;}
._imgTagBg > :first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    min-width: 101%;
    min-height: 101%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}
._imgTagBg--bot > :first-child{
    height: auto;
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    top: auto;
}
._imgBg--hover,
._imgTagBg--hover{
    overflow: hidden;
}
._imgBg--hover > :first-child{transition: 0.3s;-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
._imgBg--hover > :first-child:hover{-webkit-transform: translate(-50%, -50%) scale(1.03);-ms-transform: translate(-50%, -50%) scale(1.03);-o-transform: translate(-50%, -50%) scale(1.03);transform: translate(-50%, -50%) scale(1.03);}
._imgTagBg--hover > :first-child{
    transition: 0.3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
._imgTagBg--hover > :first-child:hover{
    -webkit-transform: translate(-50%, -50%) scale(1.03);
    -ms-transform: translate(-50%, -50%) scale(1.03);
    -o-transform: translate(-50%, -50%) scale(1.03);
    transform: translate(-50%, -50%) scale(1.03);
}
._imgResponsive{max-width: 100%;}
._imgAuto{
    width: auto;
    height: auto;
}

._modal{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
    opacity:0;
    box-sizing: border-box;
    -moz-transition:z-index 0s .5s, opacity .5s, all .5s;
    -o-transition:z-index 0s .5s, opacity .5s, all .5s;
    -ms-transition:z-index 0s .5s, opacity .5s, all .5s;
    -webkit-transition:z-index 0s .5s, opacity .5s, all .5s;
    transition:z-index 0s .5s, opacity .5s, all .5s;
}
._modal__overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0, 0, 0, 0.7);
}
._modal__close{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    fill: #ffffff;
    z-index: 2;
}
._modal>._container{
    position: absolute;
    left: 15px;
    right: 15px;
    padding: 15px 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%;
    overflow-y: auto;
}
._modal--r2l{
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
._modal--l2r{
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
}
._modal--t2b{
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
}
._modal--b2t{
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
}
._modal.active,
._modal.-active-{
    z-index:2000;
    opacity:1;
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    -webkit-transform:translate(0);
    transform:translate(0);
    -moz-transition:z-index 0s 0s, opacity .5s, all .5s;
    -o-transition:z-index 0s 0s, opacity .5s, all .5s;
    -ms-transition:z-index 0s 0s, opacity .5s, all .5s;
    -webkit-transition:z-index 0s 0s, opacity .5s, all .5s;
    transition:z-index 0s 0s, opacity .5s, all .5s;
}

.fn-bgParallax{background-attachment:fixed;}


/*----- Mobile overrides -----*/
body.isMobile{
    min-width: auto;
}
.isMobile ._container {
    min-width:initial!important;
    max-width:initial!important;
}
.isMobile :not(._section)>._container {
    padding-left: 12px;
    padding-right: 12px;
}

.isMobile ._section {
    margin: 20px 0;
    padding: 0;
}
/* LAYOUT CLASSES */
.isMobile ._section{margin:30px 0;padding:0 15px;}
.isMobile ._section--mrgTop{margin-top:30px;}
.isMobile ._section--mrgBot{margin-bottom:30px;}
.isMobile ._section--small{margin:30px 0;padding:0 15px;}
.isMobile ._section--smallMrgTop{margin-top:30px;}
.isMobile ._section--smallMrgBot{margin-bottom:30px;}
.isMobile ._section--big{margin:50px 0;padding:0 15px;}
.isMobile ._section--bigMrgTop{margin-top:60px;}
.isMobile ._section--bigMrgBot{margin-bottom:60px;}
.isMobile ._section--pad{margin:0;padding:30px 15px;}
.isMobile ._section--padTop{padding-top:30px;}
.isMobile ._section--padBot{padding-bottom:30px;}
.isMobile ._section--smallPad{margin: 0; padding: 30px 0px;}
.isMobile ._section--smallPadTop{padding-top:30px;}
.isMobile ._section--smallPadBot{padding-bottom:30px;}
.isMobile ._section--bigPad{margin: 0;padding:50px 15px;}
.isMobile ._section--bigPadTop{padding-top:50px;}
.isMobile ._section--bigPadBot{padding-bottom:50px;}
.isMobile ._section--vPad{margin: 0; padding: 30px 0;}
.isMobile ._section--smallVPad{margin: 0; padding: 30px 0;}
.isMobile ._section--bigVPad{margin: 0; padding: 50px 15px;}

.isMobile ._mrgTop{margin-top: 15px;}
.isMobile ._mrgBot{margin-bottom: 15px;}
.isMobile ._mrgRight{margin-right: 15px;}
.isMobile ._mrgLeft{margin-left: 15px;}
.isMobile ._mrgV{margin-top:15px;margin-bottom:15px;}
.isMobile ._mrgH{margin-left: 15px;margin-right: 15px;}

.isMobile ._bigMrgTop{margin-top: 30px;}
.isMobile ._bigMrgBot{margin-bottom: 30px;}
.isMobile ._bigMrgRight{margin-right: 30px;}
.isMobile ._bigMrgLeft{margin-left: 30px;}
.isMobile ._bigMrgV{margin-top:30px;margin-bottom:30px;}
.isMobile ._bigMrgH{margin-left: 30px;margin-right: 30px;}

.isMobile ._padTop{padding-top: 15px;}
.isMobile ._padBot{padding-bottom: 15px;}
.isMobile ._padRight{padding-right: 15px;}
.isMobile ._padLeft{padding-left: 15px;}
.isMobile ._padV{padding-top: 15px;padding-bottom: 15px;}
.isMobile ._padH{padding-left: 15px;padding-right: 15px;}

.isMobile ._bigPadTop{padding-top: 30px;}
.isMobile ._bigPadBot{padding-bottom: 30px;}
.isMobile ._bigPadRight{padding-right: 30px;}
.isMobile ._bigPadLeft{padding-left: 30px;}
.isMobile ._bigPadV{padding-top: 30px;padding-bottom: 30px;}
.isMobile ._bigPadH{padding-left: 30px;padding-right: 30px;}

.isMobile ._noMrgTop{margin-top: 0;}
.isMobile ._noMrgBot{margin-bottom: 0;}
.isMobile ._noMrgRight{margin-right: 0;}
.isMobile ._noMrgLeft{margin-left: 0;}
.isMobile ._noMrgV{margin-top:0;margin-bottom:0;}
.isMobile ._noMrgH{margin-left: 0;margin-right: 0;}

.isMobile ._noPadTop{padding-top: 0;}
.isMobile ._noPadBot{padding-bottom: 0;}
.isMobile ._noPadRight{padding-right: 0;}
.isMobile ._noPadLeft{padding-left: 0;}
.isMobile ._noPadV{padding-top: 0;padding-bottom: 0;}
.isMobile ._noPadH{padding-left: 0;padding-right: 0;}

.isMobile main{min-height: initial;}
.isMobile ._row{
    margin-left: -10px;
    margin-right: -10px;
}
.isMobile ._row .pad-h{
    padding: 0 10px;
}


/*--------- Datepicker override ---------*/
a.ui-state-default.ui-state-highlight.ui-state-active,
a.ui-state-default.ui-state-active {
    background-color: #022A4A !important;
    color: #ffffff !important;
}
a.ui-state-default.ui-state-hover {
    background-color: #022A4A !important;
    color: #ffffff !important;
}

.leadform__submit{
    position: relative;
}
.leadform__submit button{
    height: 48px;
}
.leadform__submit.-loading- button{
    pointer-events: none;
    color: transparent!important;
}
.-loading- .leadform_loader{
    display: block!important;
}
.leadform__errors{
    display: none;
}
.leadform__errors.-active-{
    display: block
}
/* HTML: <div class="loader"></div> */
.leadform_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
  aspect-ratio: .75;
  --c: no-repeat linear-gradient(#fff 0 0);
  background: 
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  animation: l7 1s infinite linear alternate;
}
@keyframes l7 {
  0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
  20% {background-size: 20% 20% ,20% 50% ,20% 50% }
  40% {background-size: 20% 100%,20% 20% ,20% 50% }
  60% {background-size: 20% 50% ,20% 100%,20% 20% }
  80% {background-size: 20% 50% ,20% 50% ,20% 100%}
  100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}