@import 'os-vars.css?v=001';
@import 'os-fonts.css';
@import 'os-icons.css';
 
:root{
    --1px: calc(var(--1px));
    --2px: calc(2 * var(--1px));
    --3px: calc(3 * var(--1px));
    --4px: calc(4 * var(--1px));
    --5px: calc(5 * var(--1px));
    --15px: calc(3 * var(--5px));
    --20px: calc(2 * var(--10px));
    --25px: calc(5 * var(--5px));
    --30px: calc(3 * var(--10px));
    --40px: calc(4 * var(--10px));
    --60px: calc(6 * var(--10px));
    --80px: calc(8 * var(--10px));
    
    background: var(--white-color);
    color: var(--black-color);
}

*{
    font-family: var(--font-name), sans-serif, calibri, arial, tahoma, verdana;
    font-size:var(--p-size);
    font-weight: 400;
    padding:0px; margin:0px;
    outline: none;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.title, h1.title, h2.title, h3.title, h4.title{font-size: var(--title-size); line-height: var(--h1-line-height)}
h1, .h1{font-size: var(--h1-size); line-height: var(--h1-line-height)}
h2, .h2{font-size: var(--h2-size); line-height: var(--h2-line-height)}
h3, .h3{font-size: var(--h3-size); line-height: var(--h3-line-height)}
h4, .h4{font-size: var(--h4-size); line-height: var(--h4-line-height)}
p, .p{font-size: var(--p-size); line-height: var(--p-line-height)}
p.p-alt, .p-alt{font-size: var(--p-size-alt); line-height: var(--p-line-height-alt)}

.underline{text-decoration: underline}
.thin, .ultralight{font-weight: 100}
.extralight{font-weight: 200}
.light{font-weight: 300}
.regular{font-weight: 400}
.semibold, .medium{font-weight: 600}
.bold,b,strong, h1, h2, h3, h4{font-weight: 700}
.extrabold{font-weight: 900}
.lighter{font-weight: lighter}
.bolder{font-weight: bolder}

sup, sub{color: inherit}
.italic,i{font-style: italic}
.test-border{border: 2px solid red}
.upper{text-transform: uppercase}
.lower{text-transform: lowercase}
.capitalize{text-transform: capitalize}
.nowrap{white-space: nowrap}
.noitalic{font-style: normal}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.text-justify{text-align: justify}

ul li, ol li, menu li, span, a, time, q, i, u, li a, li span, li ul{
    font: inherit;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    text-decoration: inherit;
}

li ul{list-style-type: inherit}
li > span, li > a{display: inline-block; width: 100%; height: 100%}

.white{color: var(--white-color)}
.success{color: var(--success-color)}
.success-alt{color: var(--success-color-alt)}
.warning{color: var(--warning-color)}
.warning-alt{color: var(--warning-color-alt)}
.error{color: var(--error-color)}
.gray{color: var(--gray-color)}
.gray-alt{color: var(--gray-color-alt)}
.black{color: var(--black-color)}
.black-alt{color: var(--black-color-alt)}
.error-alt{color: var(--error-color-alt)}

.bg-white{background-color: var(--white-color)}
.bg-success{background-color: var(--success-color)}
.bg-success-alt{background-color: var(--success-color-alt)}
.bg-warning{background-color: var(--warning-color)}
.bg-warning-alt{background-color: var(--warning-color-alt)}
.bg-error{background-color: var(--error-color)}
.bg-gray{background-color: var(--gray-color)}
.bg-gray-alt{background-color: var(--gray-color-alt)}
.bg-black{background-color: var(--black-color)}
.bg-black-alt{background-color: var(--black-color-alt)}
.bg-error-alt{background-color: var(--error-color-alt)}

.fill-white{fill: var(--white-color)}
.fill-success{fill: var(--success-color)}
.fill-success-alt{fill: var(--success-color-alt)}
.fill-warning{fill: var(--warning-color)}
.fill-warning-alt{fill: var(--warning-color-alt)}
.fill-error{fill: var(--error-color)}
.fill-error-alt{fill: var(--error-color-alt)}
.fill-gray{fill: var(--gray-color)}
.fill-gray-alt{fill: var(--gray-color-alt)}
.fill-black{fill: var(--black-color)}
.fill-black-alt{fill: var(--black-color-alt)}
.nofill{fill: none}

.stroke-white{stroke: var(--white-color)}
.stroke-success{stroke: var(--success-color)}
.stroke-success-alt{stroke: var(--success-color-alt)}
.stroke-warning{stroke: var(--warning-color)}
.stroke-warning-alt{stroke: var(--warning-color-alt)}
.stroke-error{stroke: var(--error-color)}
.stroke-error-alt{stroke: var(--error-color-alt)}
.stroke-gray{stroke: var(--gray-color)}
.stroke-gray-alt{stroke: var(--gray-color-alt)}
.stroke-black{stroke: var(--black-color)}
.stroke-black-alt{stroke: var(--black-color-alt)}
.stroke-transparent{stroke: rgba(0,0,0,0)}
.nostroke{stroke: none}

.color-facebook{color: #3B5998}
.color-twitter{color: #1DA1F2}
.color-linkedin{color: #006097}
.color-gmail, .color-mail, .color-envelope{color: #d93025}
.color-whatsapp{color: #00bfa5}
.color-flickr{color: #FF0084}
.color-soundcloud{color: #FE6D35}
.color-youtube{color: #CD201F}

.bg-facebook{background-color: #3B5998}
.bg-twitter{background-color: #1DA1F2}
.bg-linkedin{background-color: #006097}
.bg-gmail, .bg-mail, .bg-envelope{background-color: #d93025}
.bg-whatsapp{background-color: #00bfa5}
.bg-flickr{background-color: #FF0084}
.bg-soundcloud{background-color: #FE6D35}
.bg-youtube{background-color: #CD201F}

.noradius{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}
.radius{border-radius: var(--radius); overflow: hidden}
.radius-big{border-radius: var(--radius-big); overflow: hidden}
.radius-small{border-radius: var(--radius-small); overflow: hidden}
.radius-min{border-radius: var(--radius-min); overflow: hidden}
.radius-inf{border-radius: var(--btn-radius); overflow: hidden}
.radius-half{border-radius: 50%; overflow: hidden}
.radius-1{border-radius: var(--1px); overflow: hidden}
.radius-2{border-radius: calc(2 * var(--1px)); overflow: hidden}
.radius-3{border-radius: calc(3 * var(--1px)); overflow: hidden}
.radius-4{border-radius: calc(4 * var(--1px)); overflow: hidden}
.radius-5{border-radius: var(--5px); overflow: hidden}
.radius-10{border-radius: var(--10px); overflow: hidden}
.radius-15{border-radius: var(--15px); overflow: hidden}
.radius-20{border-radius: var(--20px); overflow: hidden}
.radius-25{border-radius: var(--25px); overflow: hidden}
.radius-30{border-radius: var(--30px); overflow: hidden}
.radius-40{border-radius: var(--40px); overflow: hidden}
.radius-60{border-radius: var(--60px); overflow: hidden}
.radius-80{border-radius: var(--80px); overflow: hidden}

.radius-top-left-1, .radius-left-top-1, .radius-top-1, .radius-left-1{border-top-left-radius: var(--1px)}
.radius-top-right-1, .radius-right-top-1, .radius-top-1, .radius-right-1{border-top-right-radius: var(--1px)}
.radius-bottom-left-1, .radius-left-bottom-1, .radius-bottom-1, .radius-left-1{border-bottom-left-radius: var(--1px)}
.radius-bottom-right-1, .radius-right-bottom-1, .radius-bottom-1, .radius-right-1{border-bottom-right-radius: var(--1px)}

.radius-top-left-2, .radius-left-top-2, .radius-top-2, .radius-left-2{border-top-left-radius: var(--2px)}
.radius-top-right-2, .radius-right-top-2, .radius-top-2, .radius-right-2{border-top-right-radius: var(--2px)}
.radius-bottom-left-2, .radius-left-bottom-2, .radius-bottom-2, .radius-left-2{border-bottom-left-radius: var(--2px)}
.radius-bottom-right-2, .radius-right-bottom-2, .radius-bottom-2, .radius-right-2{border-bottom-right-radius: var(--2px)}

.radius-top-left-3, .radius-left-top-3, .radius-top-3, .radius-left-3{border-top-left-radius: var(--3px)}
.radius-top-right-3, .radius-right-top-3, .radius-top-3, .radius-right-3{border-top-right-radius: var(--3px)}
.radius-bottom-left-3, .radius-left-bottom-3, .radius-bottom-3, .radius-left-3{border-bottom-left-radius: var(--3px)}
.radius-bottom-right-3, .radius-right-bottom-3, .radius-bottom-3, .radius-right-3{border-bottom-right-radius: var(--3px)}

.radius-top-left-4, .radius-left-top-4, .radius-top-4, .radius-left-4{border-top-left-radius: var(--4px)}
.radius-top-right-4, .radius-right-top-4, .radius-top-4, .radius-right-4{border-top-right-radius: var(--4px)}
.radius-bottom-left-4, .radius-left-bottom-4, .radius-bottom-4, .radius-left-4{border-bottom-left-radius: var(--4px)}
.radius-bottom-right-4, .radius-right-bottom-4, .radius-bottom-4, .radius-right-4{border-bottom-right-radius: var(--4px)}

.radius-top-left-5, .radius-left-top-5, .radius-top-5, .radius-left-5{border-top-left-radius: var(--5px)}
.radius-top-right-5, .radius-right-top-5, .radius-top-5, .radius-right-5{border-top-right-radius: var(--5px)}
.radius-bottom-left-5, .radius-left-bottom-5, .radius-bottom-5, .radius-left-5{border-bottom-left-radius: var(--5px)}
.radius-bottom-right-5, .radius-right-bottom-5, .radius-bottom-5, .radius-right-5{border-bottom-right-radius: var(--5px)}

.radius-top-left-10, .radius-left-top-10, .radius-top-10, .radius-left-10{border-top-left-radius: var(--10px)}
.radius-top-right-10, .radius-right-top-10, .radius-top-10, .radius-right-10{border-top-right-radius: var(--10px)}
.radius-bottom-left-10, .radius-left-bottom-10, .radius-bottom-10, .radius-left-10{border-bottom-left-radius: var(--10px)}
.radius-bottom-right-10, .radius-right-bottom-10, .radius-bottom-10, .radius-right-10{border-bottom-right-radius: var(--10px)}

.radius-top-left-15, .radius-left-top-15, .radius-top-15, .radius-left-15{border-top-left-radius: var(--15px)}
.radius-top-right-15, .radius-right-top-15, .radius-top-15, .radius-right-15{border-top-right-radius: var(--15px)}
.radius-bottom-left-15, .radius-left-bottom-15, .radius-bottom-15, .radius-left-15{border-bottom-left-radius: var(--15px)}
.radius-bottom-right-15, .radius-right-bottom-15, .radius-bottom-15, .radius-right-15{border-bottom-right-radius: var(--15px)}

.radius-top-left-20, .radius-left-top-20, .radius-top-20, .radius-left-20{border-top-left-radius: var(--20px)}
.radius-top-right-20, .radius-right-top-20, .radius-top-20, .radius-right-20{border-top-right-radius: var(--20px)}
.radius-bottom-left-20, .radius-left-bottom-20, .radius-bottom-20, .radius-left-20{border-bottom-left-radius: var(--20px)}
.radius-bottom-right-20, .radius-right-bottom-20, .radius-bottom-20, .radius-right-20{border-bottom-right-radius: var(--20px)}

.radius-top-left-25, .radius-left-top-25, .radius-top-25, .radius-left-25{border-top-left-radius: var(--25px)}
.radius-top-right-25, .radius-right-top-25, .radius-top-25, .radius-right-25{border-top-right-radius: var(--25px)}
.radius-bottom-left-25, .radius-left-bottom-25, .radius-bottom-25, .radius-left-25{border-bottom-left-radius: var(--25px)}
.radius-bottom-right-25, .radius-right-bottom-25, .radius-bottom-25, .radius-right-25{border-bottom-right-radius: var(--25px)}

.radius-top-left-30, .radius-left-top-30, .radius-top-30, .radius-left-30{border-top-left-radius: var(--30px)}
.radius-top-right-30, .radius-right-top-30, .radius-top-30, .radius-right-30{border-top-right-radius: var(--30px)}
.radius-bottom-left-30, .radius-left-bottom-30, .radius-bottom-30, .radius-left-30{border-bottom-left-radius: var(--30px)}
.radius-bottom-right-30, .radius-right-bottom-30, .radius-bottom-30, .radius-right-30{border-bottom-right-radius: var(--30px)}

.radius-top-left-40, .radius-left-top-40, .radius-top-40, .radius-left-40{border-top-left-radius: var(--40px)}
.radius-top-right-40, .radius-right-top-40, .radius-top-40, .radius-right-40{border-top-right-radius: var(--40px)}
.radius-bottom-left-40, .radius-left-bottom-40, .radius-bottom-40, .radius-left-40{border-bottom-left-radius: var(--40px)}
.radius-bottom-right-40, .radius-right-bottom-40, .radius-bottom-40, .radius-right-40{border-bottom-right-radius: var(--40px)}

.radius-top-left-60, .radius-left-top-60, .radius-top-60, .radius-left-60{border-top-left-radius: var(--60px)}
.radius-top-right-60, .radius-right-top-60, .radius-top-60, .radius-right-60{border-top-right-radius: var(--60px)}
.radius-bottom-left-60, .radius-left-bottom-60, .radius-bottom-60, .radius-left-60{border-bottom-left-radius: var(--60px)}
.radius-bottom-right-60, .radius-right-bottom-60, .radius-bottom-60, .radius-right-60{border-bottom-right-radius: var(--60px)}

.radius-top-left-80, .radius-left-top-80, .radius-top-80, .radius-left-80{border-top-left-radius: var(--80px)}
.radius-top-right-80, .radius-right-top-80, .radius-top-80, .radius-right-80{border-top-right-radius: var(--80px)}
.radius-bottom-left-80, .radius-left-bottom-80, .radius-bottom-80, .radius-left-80{border-bottom-left-radius: var(--80px)}
.radius-bottom-right-80, .radius-right-bottom-80, .radius-bottom-80, .radius-right-80{border-bottom-right-radius: var(--80px)}

.radius-top-left, .radius-left-top, .radius-top, .radius-left{border-top-left-radius: var(--radius)}
.radius-top-right, .radius-right-top, .radius-top, .radius-right{border-top-right-radius: var(--radius)}
.radius-bottom-left, .radius-left-bottom, .radius-bottom, .radius-left{border-bottom-left-radius: var(--radius)}
.radius-bottom-right, .radius-right-bottom, .radius-bottom, .radius-right{border-bottom-right-radius: var(--radius)}

.radius-top-left-big, .radius-left-top-big, .radius-top-big, .radius-left-big{border-top-left-radius: var(--radius-big)}
.radius-top-right-big, .radius-right-top-big, .radius-top-big, .radius-right-big{border-top-right-radius: var(--radius-big)}
.radius-bottom-left-big, .radius-left-bottom-big, .radius-bottom-big, .radius-left-big{border-bottom-left-radius: var(--radius-big)}
.radius-bottom-right-big, .radius-right-bottom-big, .radius-bottom-big, .radius-right-big{border-bottom-right-radius: var(--radius-big)}

.radius-top-left-small, .radius-left-top-small, .radius-top-small, .radius-left-small{border-top-left-radius: var(--radius-small)}
.radius-top-right-small, .radius-right-top-small, .radius-top-small, .radius-right-small{border-top-right-radius: var(--radius-small)}
.radius-bottom-left-small, .radius-left-bottom-small, .radius-bottom-small, .radius-left-small{border-bottom-left-radius: var(--radius-small)}
.radius-bottom-right-small, .radius-right-bottom-small, .radius-bottom-small, .radius-right-small{border-bottom-right-radius: var(--radius-small)}

.radius-top-left-min, .radius-left-top-min, .radius-top-min, .radius-left-min{border-top-left-radius: var(--radius-min)}
.radius-top-right-min, .radius-right-top-min, .radius-top-min, .radius-right-min{border-top-right-radius: var(--radius-min)}
.radius-bottom-left-min, .radius-left-bottom-min, .radius-bottom-min, .radius-left-min{border-bottom-left-radius: var(--radius-min)}
.radius-bottom-right-min, .radius-right-bottom-min, .radius-bottom-min, .radius-right-min{border-bottom-right-radius: var(--radius-min)}

.radius-top-left-inf, .radius-left-top-inf, .radius-top-inf, .radius-left-inf{border-top-left-radius: var(--btn-radius)}
.radius-top-right-inf, .radius-right-top-inf, .radius-top-inf, .radius-right-inf{border-top-right-radius: var(--btn-radius)}
.radius-bottom-left-inf, .radius-left-bottom-inf, .radius-bottom-inf, .radius-left-inf{border-bottom-left-radius: var(--btn-radius)}
.radius-bottom-right-inf, .radius-right-bottom-inf, .radius-bottom-inf, .radius-right-inf{border-bottom-right-radius: var(--btn-radius)}

.list{list-style-type: none}
.nobg{background: none}
.noborder{border: 0}
.pointer,
*[data-image], .os-read, .os-close, .close, .os-remove, .os-image, .os-read, .os-click{cursor: pointer}

.icon{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
    width: var(--icon-size);
    height: var(--icon-size);
    text-align: center;
    line-height: var(--icon-size)
}
.flex > .icon{min-width: var(--icon-size)}
.icon.contain{background-size: contain}
.icon.cover{background-size: cover}
.icon.auto{background-size: auto}
.icon.hauto{background-size: 60% auto}
.icon.wauto{background-size: auto 60%}
.icon.min{min-width: var(--icon-min-size); width: var(--icon-min-size); height: var(--icon-min-size); line-height: var(--icon-min-size)}
.icon.small{min-width: var(--icon-small-size);width: var(--icon-small-size); height: var(--icon-small-size); line-height: var(--icon-small-size)}
.icon.medium{min-width: var(--icon-medium-size); width: var(--icon-medium-size); height: var(--icon-medium-size); line-height: var(--icon-medium-size)}
.icon.big{min-width: var(--icon-big-size); width: var(--icon-big-size); height: var(--icon-big-size); line-height: var(--icon-big-size)}

.icon.facebook{background-image: var(--icon-facebook)}
.icon.facebook-f{background-image: var(--icon-facebook-f)}
.icon.twitter{background-image: var(--icon-twitter)}
.icon.flickr{background-image: var(--icon-flickr)}
.icon.youtube{background-image: var(--icon-youtube)}
.icon.youtube-old{background-image: var(--icon-youtube-old)}
.icon.soundcloud{background-image: var(--icon-soundcloud)}
.icon.instagram{background-image: var(--icon-instagram)}
.icon.linkedin{background-image: var(--icon-linkedin)}
.icon.search{background-image: var(--icon-search)}
.icon.phone{background-image: var(--icon-phone)}
.icon.whatsapp{background-image: var(--icon-whatsapp)}
.icon.menu{background-image: var(--icon-menu)}
.icon.close{background-image: var(--icon-close)}
.icon.mail{background-image: var(--icon-mail)}
.icon.mail-o{background-image: var(--icon-mail-o)}
.icon.arrow-left{background-image: var(--icon-arrow)}
.icon.arrow-right{background-image: var(--icon-arrow); transform: rotate(180deg)}
.icon.chevron-left{background-image: var(--icon-chevron); transform: rotate(180deg)}
.icon.chevron-right{background-image: var(--icon-chevron); }
.icon.quote{background-image: var(--icon-quote)}
.icon.album{background-image: var(--icon-album)}
.icon.videos{background-image: var(--icon-videos)}
.icon.link{background-image: var(--icon-link)}
.icon.user{background-image: var(--icon-user)}
.icon.map{background-image: var(--icon-map)}
.icon.map-alt{background-image: var(--icon-map-alt)}
.icon.globe{background-image: var(--icon-globe)}
.icon.scroll{background-image: var(--icon-scroll)}
.icon.document{background-image: var(--icon-document)}
.icon.image{background-image: var(--icon-image)}
.icon.play{background-image: var(--icon-play)}
.icon.video{background-image: var(--icon-video)}
.icon.download{background-image: var(--icon-download)}

.xleft-half{left: 50%}
.xright-half{right: 50%}
.xleft-100{left: 100%}
.xright-100{right: 100%}
.ytop-half{top: 50%}
.ybottom-half{bottom: 50%}
.ytop-100{top: 100%}
.ybottom-100{bottom: 100%}

.ytop-1{top: var(--1px)}
.ytop-2{top: var(--2px)}
.ytop-3{top: var(--3px)}
.ytop-4{top: var(--4px)}
.ytop-5{top: var(--5px)}
.ytop-10{top: var(--10px)}
.ytop-15{top: var(--15px)}
.ytop-20{top: var(--20px)}
.ytop-25{top: var(--25px)}
.ytop-30{top: var(--30px)}
.ytop-40{top: var(--40px)}
.ytop-60{top: var(--60px)}
.ytop-80{top: var(--80px)}

.ybottom-1{bottom: var(--1px)}
.ybottom-2{bottom: var(--2px)}
.ybottom-3{bottom: var(--3px)}
.ybottom-4{bottom: var(--4px)}
.ybottom-5{bottom: var(--5px)}
.ybottom-10{bottom: var(--10px)}
.ybottom-15{bottom: var(--15px)}
.ybottom-20{bottom: var(--20px)}
.ybottom-25{bottom: var(--25px)}
.ybottom-30{bottom: var(--30px)}
.ybottom-40{bottom: var(--40px)}
.ybottom-60{bottom: var(--60px)}
.ybottom-80{bottom: var(--80px)}

.xleft-1{left: var(--1px)}
.xleft-2{left: var(--2px)}
.xleft-3{left: var(--3px)}
.xleft-4{left: var(--4px)}
.xleft-5{left: var(--5px)}
.xleft-10{left: var(--10px)}
.xleft-15{left: var(--15px)}
.xleft-20{left: var(--20px)}
.xleft-25{left: var(--25px)}
.xleft-30{left: var(--30px)}
.xleft-40{left: var(--40px)}
.xleft-60{left: var(--60px)}
.xleft-80{left: var(--80px)}

.xright-1{right: var(--1px)}
.xright-2{right: var(--2px)}
.xright-3{right: var(--3px)}
.xright-4{right: var(--4px)}
.xright-5{right: var(--5px)}
.xright-10{right: var(--10px)}
.xright-15{right: var(--15px)}
.xright-20{right: var(--20px)}
.xright-25{right: var(--25px)}
.xright-30{right: var(--30px)}
.xright-40{right: var(--40px)}
.xright-60{right: var(--60px)}
.xright-80{right: var(--80px)}

.gmargin{margin-left: var(--content-margin); margin-right: var(--content-margin)}
.gpadding{padding-left: var(--content-margin); padding-right: var(--content-margin)}
.gright{margin-right: var(--content-margin)}
.gleft{margin-left: var(--content-margin)}
.gright-in{padding-right: var(--content-margin)}
.gleft-in{padding-left: var(--content-margin)}
.gtop{margin-top: var(--content-margin)}
.gbottom{margin-bottom: var(--content-margin)}
.gtop-in{padding-top: var(--content-margin)}
.gbottom-in{padding-bottom: var(--content-margin)}
.gheight{height: var(--content-margin)}
.gwidth{width: var(--content-margin)}

.hmargin{margin-top: var(--header-height); margin-bottom: var(--header-height)}
.hpadding{padding-top: var(--header-height); padding-bottom: var(--header-height)}
.htop{margin-top: var(--header-height)}
.hbottom{margin-bottom: var(--header-height)}
.htop-in{padding-top: var(--header-height)}
.hbottom-in{padding-bottom: var(--header-height)}
.hleft{margin-left: var(--header-height)}
.hright{margin-right: var(--header-height)}
.hleft-in{padding-left: var(--header-height)}
.hright-in{padding-right: var(--header-height)}
.hheight{height: var(--header-height)}
.hwidth{width: var(--header-height); min-width: var(--header-height)}

.nomargin{margin: 0px}
.margin-5{margin: var(--5px)}
.top-5{margin-top: var(--5px)}
.bottom-5{margin-bottom: var(--5px)}
.left-5{margin-left: var(--5px)}
.right-5{margin-right: var(--5px)}

.margin-10{margin: var(--10px)}
.top-10{margin-top: var(--10px)}
.bottom-10{margin-bottom: var(--10px)}
.left-10{margin-left: var(--10px)}
.right-10{margin-right: var(--10px)}

.margin-15{margin: var(--15px)}
.top-15{margin-top: var(--15px)}
.bottom-15{margin-bottom: var(--15px)}
.left-15{margin-left: var(--15px)}
.right-15{margin-right: var(--15px)}

.margin-20{margin: var(--20px)}
.top-20{margin-top: var(--20px)}
.bottom-20{margin-bottom: var(--20px)}
.left-20{margin-left: var(--20px)}
.right-20{margin-right: var(--20px)}

.margin-25{margin: var(--25px)}
.top-25{margin-top: var(--25px)}
.bottom-25{margin-bottom: var(--25px)}
.left-25{margin-left: var(--25px)}
.right-25{margin-right: var(--25px)}

.margin-30{margin: var(--30px)}
.top-30{margin-top: var(--30px)}
.bottom-30{margin-bottom: var(--30px)}
.left-30{margin-left: var(--30px)}
.right-30{margin-right: var(--30px)}

.margin-40{margin: var(--40px)}
.top-40{margin-top: var(--40px)}
.bottom-40{margin-bottom: var(--40px)}
.left-40{margin-left: var(--40px)}
.right-40{margin-right: var(--40px)}

.margin-60{margin: var(--60px)}
.top-60{margin-top: var(--60px)}
.bottom-60{margin-bottom: var(--60px)}
.left-60{margin-left: var(--60px)}
.right-60{margin-right: var(--60px)}

.margin-80{margin: var(--80px)}
.top-80{margin-top: var(--80px)}
.bottom-80{margin-bottom: var(--80px)}
.left-80{margin-left: var(--80px)}
.right-80{margin-right: var(--80px)}

.nopadding{padding: 0px}
.padding-5{padding: var(--5px)}
.top-5-in{padding-top: var(--5px)}
.bottom-5-in{padding-bottom: var(--5px)}
.left-5-in{padding-left: var(--5px)}
.right-5-in{padding-right: var(--5px)}

.padding-10{padding: var(--10px)}
.top-10-in{padding-top: var(--10px)}
.bottom-10-in{padding-bottom: var(--10px)}
.left-10-in{padding-left: var(--10px)}
.right-10-in{padding-right: var(--10px)}

.padding-15{padding: var(--15px)}
.top-15-in{padding-top: var(--15px)}
.bottom-15-in{padding-bottom: var(--15px)}
.left-15-in{padding-left: var(--15px)}
.right-15-in{padding-right: var(--15px)}

.padding-20{padding: var(--20px)}
.top-20-in{padding-top: var(--20px)}
.bottom-20-in{padding-bottom: var(--20px)}
.left-20-in{padding-left: var(--20px)}
.right-20-in{padding-right: var(--20px)}

.padding-25{padding: var(--25px)}
.top-25-in{padding-top: var(--25px)}
.bottom-25-in{padding-bottom: var(--25px)}
.left-25-in{padding-left: var(--25px)}
.right-25-in{padding-right: var(--25px)}

.padding-30{padding: var(--30px)}
.top-30-in{padding-top: var(--30px)}
.bottom-30-in{padding-bottom: var(--30px)}
.left-30-in{padding-left: var(--30px)}
.right-30-in{padding-right: var(--30px)}

.padding-40{padding: var(--40px)}
.top-40-in{padding-top: var(--40px)}
.bottom-40-in{padding-bottom: var(--40px)}
.left-40-in{padding-left: var(--40px)}
.right-40-in{padding-right: var(--40px)}

.padding-60{padding: var(--60px)}
.top-60-in{padding-top: var(--60px)}
.bottom-60-in{padding-bottom: var(--60px)}
.left-60-in{padding-left: var(--60px)}
.right-60-in{padding-right: var(--60px)}

.padding-80{padding: var(--80px)}
.top-80-in{padding-top: var(--80px)}
.bottom-80-in{padding-bottom: var(--80px)}
.left-80-in{padding-left: var(--80px)}
.right-80-in{padding-right: var(--80px)}

.vt-5{margin-top: var(--5px); margin-bottom: var(--5px)}
.vt-10{margin-top: var(--10px); margin-bottom: var(--10px)}
.vt-15{margin-top: var(--15px); margin-bottom: var(--15px)}
.vt-20{margin-top: var(--20px); margin-bottom: var(--20px)}
.vt-25{margin-top: var(--25px); margin-bottom: var(--25px)}
.vt-30{margin-top: var(--30px); margin-bottom: var(--30px)}
.vt-40{margin-top: var(--40px); margin-bottom: var(--40px)}
.vt-60{margin-top: var(--60px); margin-bottom: var(--60px)}
.vt-80{margin-top: var(--80px); margin-bottom: var(--80px)}

.vt-5-in{padding-top: var(--5px); padding-bottom: var(--5px)}
.vt-10-in{padding-top: var(--10px); padding-bottom: var(--10px)}
.vt-15-in{padding-top: var(--15px); padding-bottom: var(--15px)}
.vt-20-in{padding-top: var(--20px); padding-bottom: var(--20px)}
.vt-25-in{padding-top: var(--25px); padding-bottom: var(--25px)}
.vt-30-in{padding-top: var(--30px); padding-bottom: var(--30px)}
.vt-40-in{padding-top: var(--40px); padding-bottom: var(--40px)}
.vt-60-in{padding-top: var(--60px); padding-bottom: var(--60px)}
.vt-80-in{padding-top: var(--80px); padding-bottom: var(--80px)}

.hz-5{margin-left: var(--5px); margin-right: var(--5px)}
.hz-10{margin-left: var(--10px); margin-right: var(--10px)}
.hz-15{margin-left: var(--15px); margin-right: var(--15px)}
.hz-20{margin-left: var(--20px); margin-right: var(--20px)}
.hz-25{margin-left: var(--25px); margin-right: var(--25px)}
.hz-30{margin-left: var(--30px); margin-right: var(--30px)}
.hz-40{margin-left: var(--40px); margin-right: var(--40px)}
.hz-60{margin-left: var(--60px); margin-right: var(--60px)}
.hz-80{margin-left: var(--80px); margin-right: var(--80px)}

.hz-5-in{padding-left: var(--5px); padding-right: var(--5px)}
.hz-10-in{padding-left: var(--10px); padding-right: var(--10px)}
.hz-15-in{padding-left: var(--15px); padding-right: var(--15px)}
.hz-20-in{padding-left: var(--20px); padding-right: var(--20px)}
.hz-25-in{padding-left: var(--25px); padding-right: var(--25px)}
.hz-30-in{padding-left: var(--30px); padding-right: var(--30px)}
.hz-40-in{padding-left: var(--40px); padding-right: var(--40px)}
.hz-60-in{padding-left: var(--60px); padding-right: var(--60px)}
.hz-80-in{padding-left: var(--80px); padding-right: var(--80px)}

.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.iflex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

.flex.row, .iflex.row{
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
}

.flex.col, .iflex.col{
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}

.flex.row.reverse, .iflex.row.reverse{
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    -ms-flex-directionrow-:row-reverse;
	flex-direction: row-reverse;
}

.flex.col.reverse, .iflex.col.reverse{
    -webkit-flex-direction:column-reverse;
    -moz-flex-direction:column-reverse;
    -ms-flex-direction:column-reverse;
	flex-direction: column-reverse;
}

.flex.wrap, .iflex.wrap{
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.flex.row.middle, .flex.col.center, .iflex.row.middle, .iflex.col.center{
    -webkit-align-items: center;
    align-items: center;
}

.flex.col.middle, .flex.row.center, .iflex.col.middle, .iflex.row.center{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-align: center;
    justify-content: center;
}
@media(max-width:768px){
.flex.mcenter{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-align: center;
    justify-content: center;
}
}

.flex.col.top, .flex.row.left, .iflex.col.top, .iflex.row.left{
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.flex.col.bottom, .flex.row.right, .iflex.col.bottom, .iflex.row.right{
    -webkit-justify-content: end;
    -moz-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.flex.col.left, .flex.row.top, .iflex.col.left, .iflex.row.top{
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex.col.right, .flex.row.bottom{
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex.space, .iflex.space{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.around, .iflex.around{
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.flex.stretch, .iflex.stretch{
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.flex-1, .flex.flex-1 > *{flex: 1}
.flex-2{flex: 2}
.flex-3{flex: 3}
.flex-4{flex: 4}
.flex-5{flex: 5}
.flex-6{flex: 6}
.flex-7{flex: 7}
.flex-8{flex: 8}
.flex-9{flex: 9}
.flex-10{flex: 10}

.flex-grow-1{flex-grow: 1}
.flex-grow-2{flex-grow: 2}
.flex-grow-3{flex-grow: 3}
.flex-grow-4{flex-grow: 4}
.flex-grow-5{flex-grow: 5}
.flex-grow-6{flex-grow: 6}
.flex-grow-7{flex-grow: 7}
.flex-grow-8{flex-grow: 8}
.flex-grow-9{flex-grow: 9}
.flex-grow-10{flex-grow: 10}

.float-left{float: left}
.float-right{float: right}


.hover::before, .btn:not(.trans)::before{
    content: "";
    position: absolute;
    left: 0;
    top :0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 0;
    transition: all .5s;
}
.hover:hover::before, .btn:not(.trans):hover::before{background: rgba(0,0,0,.25)}
.hover:hover > *, .btn:not(.trans):hover > *{position: relative; z-index: 1}

.btn{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: var(--btn-font-size);
    border: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    box-sizing: border-box;
    color: #fff;
    height: var(--btn-height);
    line-height: var(--btn-height);
    max-width: 100%;
    position: relative;
    padding: 0 var(--10px);
}

.btn.small{
    height: var(--btn-small-height);
    line-height: var(--btn-small-height);
    font-size: var(--btn-small-font-size);
}

.btn.big, .big{
    height: var(--btn-big-height);
    line-height: var(--btn-big-height);
    font-size: var(--btn-big-font-size);
}

.white.disable{color: #ccc}
.disabled, .unabled, .disable, *:disabled{filter: grayscale(100%); opacity: .5}
.btn.trans{line-height: calc(var(--btn-height) - 2px)}
.btn.small.trans{line-height: calc(var(--btn-small-height) - 2px)}
.btn.big.trans{line-height: calc(var(--btn-big-height) - 2px)}

.btn-success, .btn-success.trans:hover{background-color: var(--success-color); color: #fff}
.btn-success.trans{color: var(--success-color); border: 1px solid var(--success-color); background: transparent}
.btn-success-alt, .btn-success-alt.trans:hover{background: var(--success-color-alt); color: #fff}
.btn-success-alt.trans{ color: var(--success-color-alt); border: 1px solid var(--success-color-alt); background: transparent}

.btn-warning, .btn-warning.trans:hover{background-color: var(--warning-color); color: var(--black-color)}
.btn-warning.trans{ color: var(--warning-color); border: 1px solid var(--warning-color); background: transparent}
.btn-warning-alt, .btn-warning-alt.trans:hover{background: var(--warning-color-alt); color: #fff}
.btn-warning-alt.trans{ color: var(--warning-color-alt); border: 1px solid var(--warning-color-alt); background: transparent}

.btn-error, .btn-error.trans:hover{background-color: var(--error-color); color: #fff}
.btn-error.trans{color: var(--error-color); border: 1px solid var(--error-color); background: transparent}
.btn-error-alt, .btn-error-alt.trans:hover{background: var(--error-color-alt); color: #fff}
.btn-error-alt.trans{ color: var(--error-color-alt); border: 1px solid var(--error-color-alt); background: transparent}

.btn-white, .btn-white.trans:hover{background-color: #fff; color: var(--black-color)}
.btn-white.trans{color: #fff; border: 1px solid #fff; background: transparent}

.btn-gray, .btn-gray.trans:hover{background: var(--gray-color); color: #fff}
.btn-gray.trans{color: var(--gray-color); border: 1px solid var(--gray-color); background: transparent}
.btn-gray-alt, .btn-gray-alt.trans:hover{background: var(--gray-color-alt); color: #fff}
.btn-gray-alt.trans{ color: var(--gray-color-alt); border: 1px solid var(--gray-color-alt); background: transparent}

.btn-black, .btn-black.trans:hover{color: #fff; background: var(--black-color)}
.btn-black.trans{background: transparent; color: var(--black-color); border: 1px solid var(--black-color)}
.btn-black-alt, .btn-black-alt.trans:hover{background: var(--black-color-alt); color: #fff}
.btn-black-alt.trans{ color: var(--black-color-alt); border: 1px solid var(--black-color-alt); background: transparent}

.block-center, .absolute.center{
    margin-left: auto; margin-right: auto;
    left: 0; right: 0;
}

.block-middle, .absolute.middle{
    margin-top: auto; margin-bottom: auto;
    top: 0; top: 0;
}

table.collapse{border-collapse: collapse}
table.separate{border-collapse: separate}

.transition{
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.popup > img{
    max-width: calc(100% - 80px);
    max-height: 100%;
    height: auto;
}

.popup, #mainpopup{
    position: fixed;
    left: 0%;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: rgba(0,0,0,.8);
    overflow: hidden;
    text-overflow: hidden;
    text-align: center;
    z-index: 20;
    transition: all .5s;
    opacity: 0;
}

.popup.notice{background: transparent}
.popup.show, .popup.opened, #mainpopup.show, #mainpopup.opened{
    top: 0%!important;
    height: 100%;
    width: 100%;
    opacity: 1;
}

#mainpopup .close{
    position: absolute;
    width: 50px;
    height: 50px;
    right: 15px;
    top: 10px;
    background: var(--icon-close) center center no-repeat;
    background-size: 32px 32px;
}

.popup.notice > div{
    position: relative;
    padding: 20px;
    padding-right: 62px;
    font-size: 1.3em;
    color: #fff;
    background: RGB(16,135,87);
    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.5);
}

.popup.notice .close{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 24px 24px;
    position: absolute;
    right: 10px;
    top: calc(50% - 16px);
}

.flag{
    height: .63vw;
    min-height: 6px;
    min-width: 250px;
}

.flag > *{height: 100%}
.flag > *:first-child{background: RGB(16,135,87)}
.flag > *:first-child + *{background: rgb(255,190,0)}
.flag > *:first-child + * + *{background: rgb(235,0,0)}

.scale-hover, .scale-hover-img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.scale-hover:hover, .scale-hover-img:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.on-container{
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.os-tab-head:not(.os-tab-reset){
    cursor: pointer;
    color: var(--tab-color);
    height: var(--tab-head-height);
    background: var(--tab-bg);
}
.os-tab-head.active:not(.os-tab-reset){color: var(--tab-active-color); background: var(--tab-active-bg)}
.os-tab{display: none; width: 100%}
.os-tab.active{display: block}

.block{display: block}
.inline{display: inline}
.iblock{display: inline-block}
.iblock.middle{vertical-align: middle}
.iblock.top{vertical-align: top}
.iblock.bottom{vertical-align: bottom}

.h100{height: 100%}
.w100{width: 100%}
.vh100{height: 100vh}
.vw100{width: 100vw}

.vhhalf{height: 50vh}
.vhhalf-5{height: calc(50vh - var(--5px))}
.vhhalf-10{height: calc(50vh - var(--10px))}
.vhhalf-15{height: calc(50vh - var(--15px))}
.vhhalf-20{height: calc(50vh - var(--20px))}
.vhhalf-25{height: calc(50vh - var(--25px))}
.vhhalf-30{height: calc(50vh - var(--30px))}
.vhhalf-40{height: calc(50vh - var(--40px))}

.vhhalf_5{height: calc(50vh + var(--5px))}
.vhhalf_10{height: calc(50vh + var(--10px))}
.vhhalf_15{height: calc(50vh + var(--15px))}
.vhhalf_20{height: calc(50vh + var(--20px))}
.vhhalf_25{height: calc(50vh + var(--25px))}
.vhhalf_30{height: calc(50vh + var(--30px))}
.vhhalf_40{height: calc(50vh + var(--40px))}

.vwhalf{width: 50vw}
.vwhalf-5{width: calc(50vw - var(--5px))}
.vwhalf-10{width: calc(50vw - var(--10px))}
.vwhalf-15{width: calc(50vw - var(--15px))}
.vwhalf-20{width: calc(50vw - var(--20px))}
.vwhalf-25{width: calc(50vw - var(--25px))}
.vwhalf-30{width: calc(50vw - var(--30px))}
.vwhalf-40{width: calc(50vw - var(--40px))}

.vwhalf_5{width: calc(50vw + var(--5px))}
.vwhalf_10{width: calc(50vw + var(--10px))}
.vwhalf_15{width: calc(50vw + var(--15px))}
.vwhalf_20{width: calc(50vw + var(--20px))}
.vwhalf_25{width: calc(50vw + var(--25px))}
.vwhalf_30{width: calc(50vw + var(--30px))}
.vwhalf_40{width: calc(50vw + var(--40px))}

.fill{width: 100%; height: 100%}
.vfill{width: 100vw; height: 100vh}

.half,whalf{width: 50%}
.half-5,whalf-5{width: calc(50% - var(--5px))}
.half-10,whalf-10{width: calc(50% - var(--10px))}
.half-15,whalf-15{width: calc(50% - var(--15px))}
.half-20,whalf-20{width: calc(50% - var(--20px))}
.half-25,whalf-25{width: calc(50% - var(--25px))}
.half-30,whalf-30{width: calc(50% - var(--30px))}
.half-40,whalf-40{width: calc(50% - var(--40px))}
.half-60,whalf-60{width: calc(50% - var(--60px))}
.half-80,whalf-80{width: calc(50% - var(--80px))}
.flex:not(.wrap) > .half, .flex.flex-half > *{min-width: 50%}
.flex:not(.wrap) > .half-5, .flex.flex-half-5 > *{min-width: calc(50% - var(--5px))}
.flex:not(.wrap) > .half-10, .flex.flex-half-10 > *{min-width: calc(50% - var(--10px))}
.flex:not(.wrap) > .half-15, .flex.flex-half-15 > *{min-width: calc(50% - var(--15px))}
.flex:not(.wrap) > .half-20, .flex.flex-half-20 > *{min-width: calc(50% - var(--20px))}
.flex:not(.wrap) > .half-25, .flex.flex-half-25 > *{min-width: calc(50% - var(--25px))}
.flex:not(.wrap) > .half-30, .flex.flex-half-30 > *{min-width: calc(50% - var(--30px))}
.flex:not(.wrap) > .half-40, .flex.flex-half-40 > *{min-width: calc(50% - var(--40px))}
.flex:not(.wrap) > .half-60, .flex.flex-half-60 > *{min-width: calc(50% - var(--60px))}
.flex:not(.wrap) > .half-80, .flex.flex-half-80 > *{min-width: calc(50% - var(--80px))}

.half,whalf{width: 50%}
.half_5,whalf_5{width: calc(50% + var(--5px))}
.half_10,whalf_10{width: calc(50% + var(--10px))}
.half_15,whalf_15{width: calc(50% + var(--15px))}
.half_20,whalf_20{width: calc(50% + var(--20px))}
.half_25,whalf_25{width: calc(50% + var(--25px))}
.half_30,whalf_30{width: calc(50% + var(--30px))}
.half_40,whalf_40{width: calc(50% + var(--40px))}
.half_60,whalf_60{width: calc(50% + var(--60px))}
.half_80,whalf_80{width: calc(50% + var(--80px))}
.flex:not(.wrap) > .half{min-width: 50%}
.flex:not(.wrap) > .half_5{min-width: calc(50% + var(--5px))}
.flex:not(.wrap) > .half_10{min-width: calc(50% + var(--10px))}
.flex:not(.wrap) > .half_15{min-width: calc(50% + var(--15px))}
.flex:not(.wrap) > .half_20{min-width: calc(50% + var(--20px))}
.flex:not(.wrap) > .half_25{min-width: calc(50% + var(--25px))}
.flex:not(.wrap) > .half_30{min-width: calc(50% + var(--30px))}
.flex:not(.wrap) > .half_40{min-width: calc(50% + var(--40px))}
.flex:not(.wrap) > .half_60{min-width: calc(50% + var(--60px))}
.flex:not(.wrap) > .half_80{min-width: calc(50% + var(--80px))}

.third,wthird{width: 33.33%}
.third-5,wthird-5{width: calc(33.33% - var(--5px))}
.third-10,wthird-10{width: calc(33.33% - var(--10px))}
.third-15,wthird-15{width: calc(33.33% - var(--15px))}
.third-20,wthird-20{width: calc(33.33% - var(--20px))}
.third-25,wthird-25{width: calc(33.33% - var(--25px))}
.third-30,wthird-30{width: calc(33.33% - var(--30px))}
.third-40,wthird-40{width: calc(33.33% - var(--40px))}
.third-60,wthird-60{width: calc(33.33% - var(--60px))}
.third-80,wthird-80{width: calc(33.33% - var(--80px))}
.flex:not(.wrap) > .third{min-width: 33.33%}
.flex:not(.wrap) > .third-5{min-width: calc(33.33% - var(--5px))}
.flex:not(.wrap) > .third-10{min-width: calc(33.33% - var(--10px))}
.flex:not(.wrap) > .third-15{min-width: calc(33.33% - var(--15px))}
.flex:not(.wrap) > .third-20{min-width: calc(33.33% - var(--20px))}
.flex:not(.wrap) > .third-25{min-width: calc(33.33% - var(--25px))}
.flex:not(.wrap) > .third-30{min-width: calc(33.33% - var(--30px))}
.flex:not(.wrap) > .third-40{min-width: calc(33.33% - var(--40px))}
.flex:not(.wrap) > .third-60{min-width: calc(33.33% - var(--60px))}
.flex:not(.wrap) > .third-80{min-width: calc(33.33% - var(--80px))}

.third_5,wthird_5{width: calc(33.33% + var(--5px))}
.third_10,wthird_10{width: calc(33.33% + var(--10px))}
.third_15,wthird_15{width: calc(33.33% + var(--15px))}
.third_20,wthird_20{width: calc(33.33% + var(--20px))}
.third_25,wthird_25{width: calc(33.33% + var(--25px))}
.third_30,wthird_30{width: calc(33.33% + var(--30px))}
.third_40,wthird_40{width: calc(33.33% + var(--40px))}
.third_60,wthird_60{width: calc(33.33% + var(--60px))}
.third_80,wthird_80{width: calc(33.33% + var(--80px))}
.flex:not(.wrap) > .third_5{min-width: calc(33.33% + var(--5px))}
.flex:not(.wrap) > .third_10{min-width: calc(33.33% + var(--10px))}
.flex:not(.wrap) > .third_15{min-width: calc(33.33% + var(--15px))}
.flex:not(.wrap) > .third_20{min-width: calc(33.33% + var(--20px))}
.flex:not(.wrap) > .third_25{min-width: calc(33.33% + var(--25px))}
.flex:not(.wrap) > .third_30{min-width: calc(33.33% + var(--30px))}
.flex:not(.wrap) > .third_40{min-width: calc(33.33% + var(--40px))}
.flex:not(.wrap) > .third_60{min-width: calc(33.33% + var(--60px))}
.flex:not(.wrap) > .third_80{min-width: calc(33.33% + var(--80px))}

.quarter,wquarter{width: 25%}
.quarter-5,wquarter-5{width: calc(25% - var(--5px))}
.quarter-10,wquarter-10{width: calc(25% - var(--10px))}
.quarter-15,wquarter-15{width: calc(25% - var(--15px))}
.quarter-20,wquarter-20{width: calc(25% - var(--20px))}
.quarter-25,wquarter-25{width: calc(25% - var(--25px))}
.quarter-30,wquarter-30{width: calc(25% - var(--30px))}
.quarter-40,wquarter-40{width: calc(25% - var(--40px))}
.quarter-60,wquarter-60{width: calc(25% - var(--60px))}
.quarter-80,wquarter-80{width: calc(25% - var(--80px))}
.flex:not(.wrap) > .quarter-5{min-width: calc(25% - var(--5px))}
.flex:not(.wrap) > .quarter-10{min-width: calc(25% - var(--10px))}
.flex:not(.wrap) > .quarter-15{min-width: calc(25% - var(--15px))}
.flex:not(.wrap) > .quarter-20{min-width: calc(25% - var(--20px))}
.flex:not(.wrap) > .quarter-25{min-width: calc(25% - var(--25px))}
.flex:not(.wrap) > .quarter-30{min-width: calc(25% - var(--30px))}
.flex:not(.wrap) > .quarter-40{min-width: calc(25% - var(--40px))}
.flex:not(.wrap) > .quarter-60{min-width: calc(25% - var(--60px))}
.flex:not(.wrap) > .quarter-80{min-width: calc(25% - var(--80px))}

.quarter_5,wquarter_5{width: calc(25% + var(--5px))}
.quarter_10,wquarter_10{width: calc(25% + var(--10px))}
.quarter_15,wquarter_15{width: calc(25% + var(--15px))}
.quarter_20,wquarter_20{width: calc(25% + var(--20px))}
.quarter_25,wquarter_25{width: calc(25% + var(--25px))}
.quarter_30,wquarter_30{width: calc(25% + var(--30px))}
.quarter_40,wquarter_40{width: calc(25% + var(--40px))}
.quarter_60,wquarter_60{width: calc(25% + var(--60px))}
.quarter_80,wquarter_80{width: calc(25% + var(--80px))}
.flex:not(.wrap) > .quarter_5{min-width: calc(25% + var(--5px))}
.flex:not(.wrap) > .quarter_10{min-width: calc(25% + var(--10px))}
.flex:not(.wrap) > .quarter_15{min-width: calc(25% + var(--15px))}
.flex:not(.wrap) > .quarter_20{min-width: calc(25% + var(--20px))}
.flex:not(.wrap) > .quarter_25{min-width: calc(25% + var(--25px))}
.flex:not(.wrap) > .quarter_30{min-width: calc(25% + var(--30px))}
.flex:not(.wrap) > .quarter_40{min-width: calc(25% + var(--40px))}
.flex:not(.wrap) > .quarter_60{min-width: calc(25% + var(--60px))}
.flex:not(.wrap) > .quarter_80{min-width: calc(25% + var(--80px))}

.hhalf{height: 50%}
.hhalf-5{height: calc(50% - var(--5px))}
.hhalf-10{height: calc(50% - var(--10px))}
.hhalf-15{height: calc(50% - var(--15px))}
.hhalf-20{height: calc(50% - var(--20px))}
.hhalf-25{height: calc(50% - var(--25px))}
.hhalf-30{height: calc(50% - var(--30px))}
.hhalf-40{height: calc(50% - var(--40px))}
.hhalf-60{height: calc(50% - var(--60px))}
.hhalf-80{height: calc(50% - var(--80px))}

.hthird{height: 33.33%}
.hthird-5{height: calc(33.33% - var(--5px))}
.hthird-10{height: calc(33.33% - var(--10px))}
.hthird-15{height: calc(33.33% - var(--15px))}
.hthird-20{height: calc(33.33% - var(--20px))}
.hthird-25{height: calc(33.33% - var(--25px))}
.hthird-30{height: calc(33.33% - var(--30px))}
.hthird-40{height: calc(33.33% - var(--40px))}
.hthird-60{height: calc(33.33% - var(--60px))}
.hthird-80{height: calc(33.33% - var(--80px))}

.hquarter{height: 25%}
.hquarter-5{height: calc(25% - var(--5px))}
.hquarter-10{height: calc(25% - var(--10px))}
.hquarter-15{height: calc(25% - var(--15px))}
.hquarter-20{height: calc(25% - var(--20px))}
.hquarter-25{height: calc(25% - var(--25px))}
.hquarter-30{height: calc(25% - var(--30px))}
.hquarter-40{height: calc(25% - var(--40px))}
.hquarter-60{height: calc(25% - var(--60px))}
.hquarter-80{height: calc(25% - var(--80px))}

.hhalf{height: 50%}
.hhalf_5{height: calc(50% + var(--5px))}
.hhalf_10{height: calc(50% + var(--10px))}
.hhalf_15{height: calc(50% + var(--15px))}
.hhalf_20{height: calc(50% + var(--20px))}
.hhalf_25{height: calc(50% + var(--25px))}
.hhalf_30{height: calc(50% + var(--30px))}
.hhalf_40{height: calc(50% + var(--40px))}
.hhalf_60{height: calc(50% + var(--60px))}
.hhalf_80{height: calc(50% + var(--80px))}

.hthird_5{height: calc(33.33% + var(--5px))}
.hthird_10{height: calc(33.33% + var(--10px))}
.hthird_15{height: calc(33.33% + var(--15px))}
.hthird_20{height: calc(33.33% + var(--20px))}
.hthird_25{height: calc(33.33% + var(--25px))}
.hthird_30{height: calc(33.33% + var(--30px))}
.hthird_40{height: calc(33.33% + var(--40px))}
.hthird_60{height: calc(33.33% + var(--60px))}
.hthird_80{height: calc(33.33% + var(--80px))}

.hquarter_5{height: calc(25% + var(--5px))}
.hquarter_10{height: calc(25% + var(--10px))}
.hquarter_15{height: calc(25% + var(--15px))}
.hquarter_20{height: calc(25% + var(--20px))}
.hquarter_25{height: calc(25% + var(--25px))}
.hquarter_30{height: calc(25% + var(--30px))}
.hquarter_40{height: calc(25% + var(--40px))}
.hquarter_60{height: calc(25% + var(--60px))}
.hquarter_80{height: calc(25% + var(--80px))}

.column-2{column-count: 2}
.column-3{column-count: 3}
.column-4{column-count: 4}
.column-5{column-count: 5}
.column-6{column-count: 6}

.column-half{column-count:2; column-gap: 0px}
.column-half-5{column-count:2; column-gap: var(--5px)}
.column-half-10{column-count:2; column-gap: var(--10px)}
.column-half-15{column-count:2; column-gap: var(--15px)}
.column-half-20{column-count:2; column-gap: var(--20px)}
.column-half-25{column-count:2; column-gap: var(--25px)}
.column-half-30{column-count:2; column-gap: var(--30px)}
.column-half-40{column-count:2; column-gap: var(--40px)}
.column-half-60{column-count:2; column-gap: var(--60px)}
.column-half-80{column-count:2; column-gap: var(--80px)}

.column-third{column-count:3; column-gap: 0px}
.column-third-5{column-count:3; column-gap: var(--5px)}
.column-third-10{column-count:3; column-gap: var(--10px)}
.column-third-15{column-count:3; column-gap: var(--15px)}
.column-third-20{column-count:3; column-gap: var(--20px)}
.column-third-25{column-count:3; column-gap: var(--25px)}
.column-third-30{column-count:3; column-gap: var(--30px)}
.column-third-40{column-count:3; column-gap: var(--40px)}
.column-third-60{column-count:3; column-gap: var(--60px)}
.column-third-80{column-count:3; column-gap: var(--80px)}

.column-quarter{column-count:4; column-gap: 0px}
.column-quarter-5{column-count:4; column-gap: var(--5px)}
.column-quarter-10{column-count:4; column-gap: var(--10px)}
.column-quarter-15{column-count:4; column-gap: var(--15px)}
.column-quarter-20{column-count:4; column-gap: var(--20px)}
.column-quarter-25{column-count:4; column-gap: var(--25px)}
.column-quarter-30{column-count:4; column-gap: var(--30px)}
.column-quarter-40{column-count:4; column-gap: var(--40px)}
.column-quarter-60{column-count:4; column-gap: var(--60px)}
.column-quarter-80{column-count:4; column-gap: var(--80px)}

.border{border: var(--1px) solid var(--black-color-alt)}
.border-1x{border-width: var(--1px)}
.border-2x{border-width: calc(var(--1px) * 2)}
.border-3x{border-width: calc(var(--1px) * 3)}
.border-4x{border-width: calc(var(--1px) * 4)}
.border-5x{border-width: var(--5px)}
.border-10x{border-width: var(--10px)}
.border-15x{border-width: var(--15px)}
.border-20x{border-width: var(--20px)}
.border-25x{border-width: var(--25px)}
.border-30x{border-width: var(--30px)}
.border-40x{border-width: var(--40px)}
.border-60x{border-width: var(--60px)}
.border-80x{border-width: var(--80px)}

.border-solid{border-style: solid}
.border-dotted{border-style: dotted}
.border-inset{border-style: inset}
.border-double{border-style: double}
.border-groove{border-style: groove}

.border-success{border-color: var(--success-color)}
.border-success-alt{border-color: var(--success-color-alt)}
.border-warning{border-color: var(--warning-color)}
.border-warning-alt{border-color: var(--warning-color-alt)}
.border-error{border-color: var(--error-color)}
.border-error-alt{border-color: var(--error-color-alt)}
.border-gray{border-color: var(--gray-color)}
.border-gray-alt{border-color: var(--gray-color-alt)}
.border-white{border-color: var(--white-color)}
.border-white-alt{border-color: var(--white-color-alt)}
.border-black{border-color: var(--black-color)}
.border-black-alt{border-color: var(--black-color-alt)}

.border-top.border-1x{border-width: var(--1px) 0 0 0}
.border-right.border-1x{border-width: 0 var(--1px) 0 0}
.border-bottom.border-1x{border-width: 0 0 var(--1px) 0}
.border-left.border-1x{border-width: 0 0 0 var(--1px)}

.border-top.border-2x{border-width: calc(var(--1px) * 2) 0 0 0}
.border-right.border-2x{border-width: 0 calc(var(--1px) * 2) 0 0}
.border-bottom.border-2x{border-width: 0 0 calc(var(--1px) * 2) 0}
.border-left.border-2x{border-width: 0 0 0 calc(var(--1px) * 2)}

.border-top.border-3x{border-width: calc(var(--1px) * 3) 0 0 0}
.border-right.border-3x{border-width: 0 calc(var(--1px) * 3) 0 0}
.border-bottom.border-3x{border-width: 0 0 calc(var(--1px) * 3) 0}
.border-left.border-3x{border-width: 0 0 0 calc(var(--1px) * 3)}

.border-top.border-4x{border-width: calc(var(--1px) * 4) 0 0 0}
.border-right.border-4x{border-width: 0 calc(var(--1px) * 4) 0 0}
.border-bottom.border-4x{border-width: 0 0 calc(var(--1px) * 4) 0}
.border-left.border-4x{border-width: 0 0 0 calc(var(--1px) * 4)}

.border-top.border-5x{border-width: var(--5px) 0 0 0}
.border-right.border-5x{border-width: 0 var(--5px) 0 0}
.border-bottom.border-5x{border-width: 0 0 var(--5px) 0}
.border-left.border-5x{border-width: 0 0 0 var(--5px)}

.border-top.border-10x{border-width: var(--10px) 0 0 0}
.border-right.border-10x{border-width: 0 var(--10px) 0 0}
.border-bottom.border-10x{border-width: 0 0 var(--10px) 0}
.border-left.border-10x{border-width: 0 0 0 var(--10px)}

.border-top.border-15x{border-width: var(--15px) 0 0 0}
.border-right.border-15x{border-width: 0 var(--15px) 0 0}
.border-bottom.border-15x{border-width: 0 0 var(--15px) 0}
.border-left.border-15x{border-width: 0 0 0 var(--15px)}

.border-top.border-20x{border-width: var(--20px) 0 0 0}
.border-right.border-20x{border-width: 0 var(--20px) 0 0}
.border-bottom.border-20x{border-width: 0 0 var(--20px) 0}
.border-left.border-20x{border-width: 0 0 0 var(--20px)}

.border-top.border-25x{border-width: var(--25px) 0 0 0}
.border-right.border-25x{border-width: 0 var(--25px) 0 0}
.border-bottom.border-25x{border-width: 0 0 var(--25px) 0}
.border-left.border-25x{border-width: 0 0 0 var(--25px)}

.border-top.border-30x{border-width: var(--30px) 0 0 0}
.border-right.border-30x{border-width: 0 var(--30px) 0 0}
.border-bottom.border-30x{border-width: 0 0 var(--30px) 0}
.border-left.border-30x{border-width: 0 0 0 var(--30px)}

.border-top.border-40x{border-width: var(--40px) 0 0 0}
.border-right.border-40x{border-width: 0 var(--40px) 0 0}
.border-bottom.border-40x{border-width: 0 0 var(--40px) 0}
.border-left.border-40x{border-width: 0 0 0 var(--40px)}

.border-top.border-60x{border-width: var(--60px) 0 0 0}
.border-right.border-60x{border-width: 0 var(--60px) 0 0}
.border-bottom.border-60x{border-width: 0 0 var(--60px) 0}
.border-left.border-60x{border-width: 0 0 0 var(--60px)}

.border-top.border-80x{border-width: var(--80px) 0 0 0}
.border-right.border-80x{border-width: 0 var(--80px) 0 0}
.border-bottom.border-80x{border-width: 0 0 var(--80px) 0}
.border-left.border-80x{border-width: 0 0 0 var(--80px)}

.border-notop{border-top-width: 0}
.border-nobottom{border-bottom-width: 0}
.border-noleft{border-left-width: 0}
.border-noright{border-right-width: 0}

.height-auto{
    width: 100%;
    height: auto;
    max-height: auto;
}

.width-auto{
    height: 100%;
    width: auto;
    max-width: auto;
}

.overflow{overflow: auto}
.hoverflow{overflow: hidden}
.cover{object-fit: cover}
.contain{object-fit: contain}

img.cover{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

img.cover.right, img.cover.left, img.cover.top, img.cover.bottom{
    height: auto;
    min-height: 100%;
    min-width: 100%;
    object-fit: unset;
}
img.cover.right{right: 0px}
img.cover.left{left: 0px}
img.cover.top{top: 0px}
img.cover.bottom{bottom: 0px}

img.contain{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

img.contain.right, img.contain.left, img.contain.top, img.contain.bottom{
    display: block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: unset;
}
img.contain.right{right: 0px}
img.contain.left{left: 0px}
img.contain.top{top: 0px}
img.contain.bottom{bottom: 0px}

.filter-white{filter: contrast(0%) brightness(200%)}
.filter-gray{filter: grayscale(100%)}
.filter-black{filter: saturate(100%) brightness(0%)}

.static{position: static}
.relative{position: relative}
.fixed{position: fixed; z-index: 10}
.absolute{position: absolute}
.absolute.top, .fixed.top{top: 0px; bottom: unset}
.absolute.bottom, .fixed.bottom{bottom: 0px; top: unset}
.absolute.left, .fixed.left{left: 0px; right: unset}
.absolute.right, .fixed.right{right: 0px; left: unset}

.slide-container > .slides:not(.default){
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.slides:not(.nodefault) .slide, .slide:not(.nodefault){
    width:100%;
    max-width:100%;
    height:100%;
	-webkit-transition: all 1s;
	transition: all 1s;
    position: absolute;
    left:100%;
    top:0px;
    overflow: hidden;
}

.slides:not(.nodefault) .slide.active, .slide.active:not(.nodefault){left:0px}
.slides:not(.nodefault) .slide.fix-to-left, .slide.fix-to-left:not(.nodefault){left:-100%}
.slides:not(.nodefault) .slide.fix-to-right, .slide.fix-to-right:not(.nodefault){left:100%}

.hide{display: none!important}

.popup iframe{
    width: 720px;
    height: 360px;
}

.article p, .article ul, .article ol, .article blockquote,
.ck-content p, .ck-content ul, .ck-content ol, .ck-content blockquote{
    font: inherit;
}

.article li > span, .article li > a{display: inline}
.article a{font-style: underline; color: var(--success-color)}
.article > *:first-child, .article > div > *:first-child,
.ck-content > *:first-child{margin-top: 0px}

.article p + *, .article ul + *, .article ol + *, .article blockquote + *,
.ck-content p + *, .ck-content ul + *, .ck-content ol + *, .ck-content blockquote + *{margin-top: var(--20px)}

.article p + ul, .article p + ol,
.ck-content p + ul, .ck-content p + ol{margin-top: var(--5px)}

.article li + li,
.ck-content li + li{margin-top: 5px}

.article p + figure, .article ul + figure, .article ol + figure, .article blockquote + figure,
.ck-content p + figure, .ck-content ul + figure, .ck-content ol + figure, .ck-content blockquote + figure{margin-top: var(--40px)}

.article figure,
.ck-content figure{
    margin-bottom: var(--40px);
    text-align: center;
}

.article figure,
.ck-content figure{position: relative}

.article img,
.ck-content img{
    width: auto;
    max-width: calc(100%);
}

.article blockquote,
.ck-content blockquote{
    border-left: 5px solid #ccc;
    font-weight: 300;
    padding-left: 10px;
}

.article ul, .article ol,
.ck-content ul, .ck-content ol{margin-left: calc(var(--20px) + var(--10px))}

.article h2 + p, .article h3 + p, .article h4 + p,
.ck-content h2 + p, .ck-content h3 + p, .ck-content h4 + p{margin-top: var(--10px)}

.article h2, .article h3, .article h4,
.ck-content h2, .ck-content h3, .ck-content h4{margin: var(--20px) 0 0px 0; color: var(--success-color)}

.article h2 *, .article h3 *, .article h4 *,
.ck-content h2 *, .ck-content h3 *, .ck-content h4 *{color: inherit}

.footer img{width: 300px;max-width: calc(100% - 30px)}
.footer li ul li{margin-bottom: 5px}

.counters-box{margin-top: var(--20px)}

input[type='radio'].os-radio:checked + label
{background-image: var(--checked-icon)}

input[type='checkbox'].os-checkbox:checked + label
{background-image: var(--selected-icon)}

textarea.os-textarea{
    height: 18vw;
    min-height: 120px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.input-error{border: 2px solid red!important}

.os-field-box .help-box{display: none}
.os-field-box .help-box b{font-weight: 600}

.os-field-box.opened{
    position: relative;
    z-index: 99;
}

.os-field-box.opened .help-box{
    display: block;
    content: attr(data-help);
    padding: var(--10px);
    position: absolute;
    background: var(--gray-color);
    bottom: 100%;
    top: unset;
    right: 0%;
    width: 100%;
    max-width: 360px;
    color: #000;
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084)
}

.os-field-box.opened.onbottom .help-box{top: 100%; bottom: unset}

.os-preview{
    height: 320px; 
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0;
}

.os-preview-img{
    background-image: url(data:image/png;base64,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);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.os-img:not(.fill):not(.w100), .os-img-add:not(.w100){
    width: calc(25% - 20px);
}

.os-img:not(.fill), .os-img-add{
    height: 120px;
    max-width: 220px;
    box-shadow: 0 2px 14px 3px rgba(0,0,0,0.17);
    margin: 10px;
    cursor: pointer;
}

.os-img-add{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.os-file-add:hover, .os-img-add:hover{box-shadow: 0 0 14px 3px rgba(0,0,0,0.37)}
.os-file{
    box-shadow: 0 1px 2px 0px rgba(0,0,0,.08), -1px 0px 1px 0px rgba(0,0,0,.03);
    border-radius: 5px 0 0 5px;
    background: rgb(248,248,248);
    height: 40px;
}
.os-file div{margin-bottom: 0px!important}
.os-file span, .os-file a{width: 40px; height: 40px}
.os-file input[type='text']{box-shadow: 0px 0px 1px 0 rgba(0,0,0,.1) inset; transition: all .3s}
.os-file input[type='text']:focus{box-shadow: 0px 0px 7px 0 rgba(0,0,0,.1) inset}
.os-file .size{width: 100px; padding: 0 10px}

.os-img span, .os-img a{
    width: 30px;
    height: 25%;
    background: var(--gray-color);
    font-size: 14px;
    opacity: .3;
    transition: all .3s;
}

.os-img:hover span, .os-img:hover a{opacity: 1}
::placeholder {
  color: inherit;
  font: inherit;
  opacity: .9
}

@media(max-width:768px){

.flag-container{height: 6px}
.img-viewer > img{max-width: calc(100%)}

.mflex{display: flex; width: 100%}
.mblock{display:block; width:100%; height: auto; position: relative}
.miblock{display: inline-block!important}
.mw100{width: 100%!important}
.mh100{height: 100%!important}
.mvw100{width: 100vw!important}
.mvh100{height: 100vh!important}
.mwauto{width: auto!important}
.mhauto{height: auto!important}
.mfill{width: 100%!important; height: 100%!important}
.msquare{min-height: calc(100vw - (var(--content-margin) * 2))!important}
.mrect{ width: 100%; min-height: 50vw!important; height: auto}
.mcenter{text-align: center; margin-left: auto; margin-right: auto; left: 0; right: 0}

.mhalf{min-width: unset; width: 50%!important}
.mhalf-5{width: calc(50% - var(--5px))!important}
.mhalf-10{width: calc(50% - var(--10px))!important}
.mhalf-20{width: calc(50% - var(--20px))!important}
.mhide{display: none}

.mnoradius{border-radius: 0!important}
.mnoborder{border: 0!important}
.mnopadding{padding: 0!important}
.mnomargin{margin: 0!important}
.mnocolumn{column-count: 1; column-gap: unset}

.os-form input[type='text'],
.os-form input[type='email'],
.os-form input[type='password'],
.os-form input[type='url'],
.os-form input[type='date'],
.os-form input[type='search'],
.os-form input[type='tel'],
.os-form input[type='number'],
.os-form select,
.os-form textarea,
.os-input{
    height: 40px;
    line-height: 24px;
    font-size: 14px;
}
.os-form textarea{height: 120px}

.popup .close{
    width: 32px;
    height: 32px;
    right: 5px;
    top: 5px;
}

.popup iframe{width: 100vw; height: 100vw}

.article > p, .article > ul, .article > ol{margin-top: 15px}
.article ul, .article ol{margin-left: 20px}
.article p:first-child, .article h2 + p, .article h3 + p, .article h4 + p{margin-top: 0px}
.article h2, .article h3, .article h4{margin: 15px 0 0px 0}

.counters-box .btn:first-child, .counters-box .btn:last-child{
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    padding: 0;
}

.counters-box .btn span{display: none}
.footer ul{margin-bottom: 15px}
}