@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(jquery.fancybox.min.css);
@import url(jquery.mCustomScrollbar.css);
@import url(chosen.css);

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::selection {
    color: #fff;
    background: #333
}

::-moz-selection {
    color: #fff;
    background: #333
}

::placeholder {
    color: #aaa;
    font-size: 17px;
    font-weight: 300;
    opacity: 1; 
}

:-ms-input-placeholder {
    color: #aaa;
    font-size: 17px;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #aaa;
    font-size: 17px;
    font-weight: 300
}

body {
    
    --color-blue: #4f6673;
    --color-bluedrop: #8995ab;
    --color-yellow: #ffd548;
    --color-white: #fff;
    --color-gold: #e3cba5;
    --color-golddrop: #cfd4ce;
    --color-golddroptwo: #eef2ed;
    --color-greendrop: #bbcecd;
    --color-eee: #eee;
    --color-ddd: #ddd;
    --color-333: #333;
    --color-555: #555;
    --color-aaa: #aaa;
    --color-666: #666;
    --color-666: #666;
    --color-999: #999;
    --color-f5f5: #f5f5f5;
    --color-ecf: #ecf0f5;
    --color-border: #e5e9f2;
    --color-border-fill: #d0d6e0;
    --color-footer: #294766;

    font-family: 'Montserrat', 'Prompt', sans-serif;
    font-size: 19px;
    font-weight: 300;
    color: var(--color-333);
    line-height: 1.6;
    background: var(--color-white);
    font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
a,
a:active,
a:focus,
a:hover,
button,
input,
select,
textarea { -webkit-tap-highlight-color: transparent}
input {

    font-family:'Montserrat', 'Prompt', sans-serif;
    color: var(--color-333);
    font-size: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}
input[type=email],
input[type=password],
input[type=text],
input[type=phone],
select,
textarea {
    height: 44px;
    padding: 10px;
    border: 1px solid var(--color-ddd);
    background: var(--color-white) ;
    border-radius: 4px; 
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover,
select:hover,
textarea:hover { border: 1px solid var(--color-eee); }

button {
    height: 50px;
    padding: 10px;
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    font-family: 'Montserrat', 'Prompt', sans-serif;
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-bluedrop);
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 5px
}
button:hover {
   /* box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);*/
    transition: all .3s ease;
    background: var(--color-gold);
}
option,
select,
textarea {

     font-family:'Montserrat', 'Prompt',  sans-serif;
    color: var(--color-333);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}
select {
    height: 50px;
    padding: 4px 18px 6px 15px;
    font-size: 20px;
    border-radius: 3px;
    background: var(--color-white) url(../images/icon-select.png) no-repeat right center !important;
    background-size: 20px !important
}

select option {
    font-size: 17px;
    line-height: 1;
    padding-bottom: 0
}
select option:hover {
    border: none
}
textarea {
    width: 100%;
    font-size: 17px
}

[type=file] {
    position: absolute;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0
}

[type=file]+label {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 10px 8px 15px;
    margin: 0;
    left: 0;
    text-align: left;
    border: 1px solid var(--color-ddd);
    top: 0;
    border-radius: 3px;
    background: var(--color-white);
    color: var(--color-333);
    font-size: 22px;
    line-height: 1.4;
    cursor: pointer;
    transition: all .3s ease
}

[type=file]+label:hover {
    border: 1px solid var(--color-ddd);
    transition: all .3s ease
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tfoot,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

ol,
ul {
    list-style: none
}
li { position: relative; }

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
:focus {
    outline: 0
}
ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,
html {
    height: 100%
}

a {
    display: block;
    color: var(--color-333);
    transition: all .3s ease;
    user-select: none
}

a:hover {
    color: var(--color-gold)
}
img {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family:  'Montserrat','Prompt', sans-serif;
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}
h1 {
    font-size: 42px
}

h1 span {
    font-weight: 400
}

h2 {
    font-size: 36px
}

h2 span {
    font-weight: 400
}

h3 {
    font-size: 29px
}

h3 span {
    font-weight: 400
}

h4 {
    font-size: 19px
}

h4 span {
    font-weight: 400
}

h5 {
    font-size: 17px
}

h5 span {
    font-weight: 400
}

h6 {
    font-size: 14px
}

h6 span {
    font-weight: 400
}

p {
    margin-bottom: 18px
}

small {
    font-size: 17px;
    color: var(--color-aaa)
}

b,
strong {
    font-weight: 500
}

section {
    position: relative;
    width: 100%;
}

figure {
    position: relative
}

time {
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--color-drop2gray);
    z-index: 1
}

label {
    display: inline-flex;
    padding-bottom: 5px
}

:lang(en) footer .contact-footer a { font-size: 14px; }
:lang(en) .home-about .box-50 .text h2 { line-height: 1.2; }

.container { position: relative;  width: 100%; overflow-x: hidden}

.over-x { height: 100% !important; overflow-y: hidden !important; }

.warpper {  display: flex;  flex-wrap: wrap;position: relative;  margin: 0 auto;  width: 100%; height: inherit; padding: 0 40px; }
.warpper-full {  display: flex;  flex-wrap: wrap;position: relative;  margin: 0 auto;  width: 100%; height: inherit; padding: 0; }
.warpper-1640 { display: flex;  flex-wrap: wrap;  position: relative;  margin: 0 auto;  width: 100%;  max-width: 1640px;  height: inherit; padding: 0 20px }
.warpper-1280 { display: flex;  flex-wrap: wrap;  position: relative;  margin: 0 auto;  width: 100%;  max-width: 1280px;  height: inherit; padding: 0 20px }
.warpper-1170 { display: flex;  flex-wrap: wrap;  position: relative;  margin: 0 auto;  width: 100%;  max-width: 1170px;  height: inherit; padding: 0 20px }
.warpper-960 {  display: flex; flex-wrap: wrap; position: relative;  margin: 0 auto;  width: 100%;  max-width: 980px; height: inherit; padding: 0 40px }
.warpper-800 {  display: flex; flex-wrap: wrap; position: relative;  margin: 0 auto;  width: 100%;  max-width: 880px; height: inherit; padding: 0 40px }

.title { font-size: 40px; }

.header-relative { position: relative !important; box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, .1) !important;  background: var(--color-blue) !important;  }
.header-bg-black { background: var(--color-333) !important; }
/*.header-less { box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, .1) !important;  background: var(--color-blue) !important; transition: all .2s ease}*/

.header-fixed { display: flex; flex-wrap: wrap; align-items: center;  position: absolute;  width: 100%; height: 120px; padding: 0 40px; /*background: linear-gradient(180deg, rgba(0 0 0 /60%) 0%, rgba(0,7,14,0) 100%);*/  box-shadow: 0 -2px 5px 0 transparent;  overflow: inherit;  z-index: 999999;  transition: all .2s ease;}
.header-fixed .logo { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; display: flex; width: 260px; height: 100%;  z-index: 9 }
.header-fixed .logo a { display: block;  position: relative;  width: 100%;  height: 100%}
.header-fixed .logo figure {  position: relative; display: flex; align-items: center; width: 100%; height: 100%; transition: all .2s ease}
.header-fixed .logo img { position: relative; width: 100%; height: initial; transition: all .2s ease}

.header-fixed .menu-project { margin: 0 auto; z-index: 999; }
.header-fixed .menu-project span { margin: 0 20px; color: var(--color-white);  font-size: 22px; cursor: pointer; opacity: 1; transition: all 0.3s ease; }
.header-fixed .menu-project span:hover { color: var(--color-gold); transition: all 0.3s ease; }
.header-fixed .menu-project .nofocus { opacity: 0.5; transition: all 0.3s ease; }

.header-fixed .box-nav { padding-left: 20px; }
.header-fixed .box-nav .menu { position: relative; }
.header-fixed .box-lang { position: absolute; display: flex; flex-wrap: wrap; align-items: center; right: 40px; }
.header-fixed .box-lang .lang { position: relative; padding: 0; }
.header-fixed .box-lang .lang .btn-lang { display: flex; align-items: center; cursor: pointer; }
.header-fixed .box-lang .lang .btn-lang span { display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--color-white); font-size: 14px; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .7); transition: all 0.3s ease; }
.header-fixed .box-lang .lang .btn-lang span:hover { color: var(--color-yellow); border: 1px solid var(--color-yellow); transition: all 0.3s ease; }
.header-fixed .box-lang .lang i { display: block; width: 18px; height: 20px; margin-right: 10px; }
.header-fixed .box-lang .lang i.flag-th { background: url(../images/flag-th.svg) no-repeat center; background-size: 100%; }
.header-fixed .box-lang .lang i.flag-en { background: url(../images/flag-en.svg) no-repeat center; background-size: 100%; }
.header-fixed .show-lang:hover>.list-lang {  visibility: visible !important;  opacity: 1 !important;  transition: all .2s ease}
.header-fixed .box-lang .list-lang {  visibility: hidden; opacity: 0; position: absolute; width: 50px; padding: 15px 0; margin-top: 5px; top: 100%; right: -50%; left: -50%; margin-left: auto; margin-right: auto; z-index: 1; background: var(--color-white); box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); border-radius: 30px; transition: all .3s ease}
.header-fixed .box-lang .list-lang a { display: inline-flex; width: 100%; font-size: 16px; font-weight: 400; padding: 5px 10px; text-align: center; justify-content: center; align-items: center; }


.header-fixed .box-lang .top-search { padding: 0 15px;  }
.header-fixed .box-lang .top-search .icon-search { position: relative; display: block; height: 30px; width: 30px; overflow: hidden; cursor: pointer; text-indent: -9999px; }

.icon-fb a { background: var(--color-blue) url(../images/icon-facebook-white.svg) no-repeat center; background-size: 70%; }
.icon-fb a:hover { background: #2c7bf2 url(../images/icon-facebook-white.svg) no-repeat center; background-size: 70%; }
.icon-yt a { background: var(--color-blue) url(../images/icon-youtube-white.svg) no-repeat center; background-size: 70%; }
.icon-yt a:hover { background: #fe0000 url(../images/icon-youtube-white.svg) no-repeat center; background-size: 70%; }
.icon-tw a { background: var(--color-blue) url(../images/icon-twitter-white.svg) no-repeat center; background-size: 70%; }
.icon-tw a:hover { background: #1da1f3 url(../images/icon-twitter-white.svg) no-repeat center; background-size: 70%; }
.icon-line a { background: var(--color-blue) url(../images/icon-line-white.svg) no-repeat center; background-size: 70%; }
.icon-line a:hover { background: #00b900 url(../images/icon-line-white.svg) no-repeat center; background-size: 70%; }

.icon-phone { background-image: url(../images/icon-phone-black.svg); background-repeat: no-repeat; background-size: 80%; background-position: center}
.icon-line {background-image: url(../images/icon-line-white.svg); background-repeat: no-repeat;background-size: 64%; background-position: center}
.icon-instagram { background-image: url(../images/icon-instagram-white.svg); background-repeat: no-repeat; background-size: 52%;  background-position: center}
.icon-facebook { background-image: url(../images/icon-facebook-white.svg); background-repeat: no-repeat; background-size: 50%;  background-position: center}
.icon-twitter { background-image: url(../images/icon-twitter-white.svg); background-repeat: no-repeat; background-size: 70%; background-position: center}
.icon-tiktok { background-image: url(../images/icon-tiktok-white.svg); background-repeat: no-repeat; background-size: 70%; background-position: center}
.icon-youtube { background-image: url(../images/icon-youtube-white.svg); background-repeat: no-repeat; background-size: 60%; background-position: center}
.icon-search { background-image: url(../images/icon-search.svg); background-repeat: no-repeat;  background-size: 74%; background-position: center}
.icon-social {background-image: url(../images/icon-social.svg); background-repeat: no-repeat; background-size: 70%; background-position: center}

.open-nav { opacity: 1; visibility: visible; right: 0 !important; transition-timing-function: cubic-bezier(.76, .22, .38, .9);  transition-duration: .5s; webkit-transition: all .5s ease; -moz-transition: all .5s ease;  -o-transition: all .5s ease; transition: all .5s ease}
.show-nav { opacity: 1 !important; visibility: visible !important; -webkit-transition: all .8s cubic-bezier(1, .1, .2, 1); -moz-transition: all .8s cubic-bezier(1, .1, .2, 1); -o-transition: all .8s cubic-bezier(1, .1, .2, 1); transition: all .8s cubic-bezier(1, .1, .2, 1) }
.list-nav { display: none; float: left; position: relative; width: 115px; height: 50px; margin-left: 5px; text-align: center; text-transform: uppercase;  background: #fff}
.list-nav a { display: inline-table; position: relative; width: 100%; height: 100%; color: #333; padding: 6px 0; font-size: 16px; font-weight: 500;cursor: pointer}

.nav { display: flex; justify-content: center; align-items: center; position: relative; height: 40px;overflow: hidden; cursor: pointer;}
.nav .menu {  position: relative; display: flex; align-items: center; padding-left: 17px;/* border-left: 1px solid var(--color-e5e);*/ overflow: hidden;  }
.nav:hover .menu-icon { background: var(--color-yellow);  }
.nav:hover .menu-icon.is-clicked { background: none }
.nav:hover .menu-icon::before, .nav:hover .menu-icon::after { background: var(--color-yellow);  transition: all 0.3s ease; }
.nav:hover .menu-text { color: var(--color-yellow);  transition: all 0.3s ease;  }

.less-nav .nav-mobile:before { height: 100px !important;-webkit-transition: all .8s cubic-bezier(1, .1, .2, 1);-moz-transition: all .8s cubic-bezier(1, .1, .2, 1); -o-transition: all .8s cubic-bezier(1, .1, .2, 1); transition: all .8s cubic-bezier(1, .1, .2, 1)}
.menu-icon { position: relative;display: flex; right: 0; width: 30px;height: 2px;background: var(--color-white); transition: all .3s ease; text-indent: -99999px;}
.menu-icon::after,
.menu-icon::before { content: ''; width: 100%; height: 100%; position: absolute;  background: var(--color-white);  right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s;  transition: transform .3s, top .3s, background-color 0s; transition: all .3s ease}
.menu-icon::before {top: -7px}
.menu-icon::after { top: 7px}
.menu-icon.is-clicked {background: rgb(235, 0, 139, 0); background: linear-gradient(220deg, rgba(235, 0, 139, 0) 0, rgba(243, 113, 37, 0) 0)}
.menu-icon.is-clicked::before { background: var(--color-yellow); top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.menu-icon.is-clicked::after {background: var(--color-yellow); top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.menu-text { position: relative; margin-right: auto; padding-left: 10px; padding-bottom: 5px; color: var(--color-white); font-size: 20px; text-transform: uppercase; transition: all 0.3s ease; }

.menu-contact { }
.menu-contact a { position: relative; overflow: hidden; display: flex; align-items: center; color: var(--color-white); height: 40px; border-radius: 30px; padding: 5px 20px; border: 1px solid rgba(255, 255, 255, .7); }
.menu-contact a:hover {  border: 1px solid var(--color-yellow); color: var(--color-yellow);  }
/*.menu-contact a:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; border-radius: 30px; background: var(--color-white); transform-origin: right; transform: scaleX(0); transition: transform 0.5s ease; z-index: 0; }
.menu-contact a:hover:after {  transform-origin: left; transform: scaleX(1); animation-delay: 0s; } */

.menu-icon span { position: relative; display: block; overflow: hidden;}
.nav-overay {  position: fixed;  width: 100%;  height: 100%;  left: 0;  top: 0;  background: rgba(0, 0, 0, .7);  z-index: 888;  opacity: 0;  visibility: hidden;  transition: all .4s ease}
.active-nav-overay { opacity: 1; visibility: visible; transition: all .4s ease}
.nav-mobile {  position: fixed; width: 35%; height: 100%; padding: 150px 0 0 0; opacity: 0; visibility: hidden; margin: 0;  right: 0; top: 0; overflow: hidden; z-index: 999;  background: var(--color-blue); transition: all 0.3s ease; }
.nav-mobile .warpper {  display: block; padding-top: 0;  padding-bottom: 0}
.nav-mobile aside { position: relative; width: 100%; height: 100%;  padding: 40px 100px; overflow: auto}
.nav-mobile aside nav ul li {  }
.nav-mobile aside nav ul li .expend-sub span {display: inherit; padding: 0;  color: var(--color-white);}
.nav-mobile aside nav ul li>a {display: inherit;   padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); font-size: 22px; color: var(--color-white);}
.nav-mobile aside nav ul li>a:hover { color: var(--color-yellow); }
.nav-mobile aside nav ul li>a.current { color: var(--color-yellow); }
.nav-mobile aside nav ul li>a:before,
.nav-mobile aside nav ul li>a:after {content: '';position: absolute; width: 100%; left: 0;}
.nav-mobile aside nav ul li>a:before { background-color: var(--color-yellow);  height: 1px; bottom: -1px; transform-origin: right; transform: scaleX(0); transition: transform .4s ease;}
.nav-mobile aside nav ul li>a:hover::before {transform-origin: left; transform: scaleX(1);}

.nav-mobile .follow { position: relative; padding: 15px 0; color: var(--color-white) }
.nav-mobile .follow ul {  display: flex; flex-wrap: wrap; padding-top: 30px; margin: 0 -10px}
.nav-mobile .follow li { display: flex; flex-wrap: wrap; align-items: center; padding: 0 10px; border: none}
.nav-mobile .follow i { position: relative; display: block; width: 40px; height: 40px; text-indent: -9999px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; transition: all .2s ease }
.nav-mobile .follow a:hover i { border: 1px solid var(--color-yellow); }

.nav-mobile .m-btn-book { display: none; }
.nav-mobile-fix {  position: relative; width: 100%; margin-bottom: 20px;  overflow: hidden}

.mCSB_buttonUp { display: none !important}
.mCSB_buttonDown { display: none !important}
.mCSB_scrollTools a+.mCSB_draggerContainer {  margin: 0}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {  background-color: rgba(255, 255, 255, 0)}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  background-color: rgba(0, 0, 0, .2)}

/*Top Bar*/
.top-bar { position: fixed; top: -70px; left: 0; right: 0;  z-index: 99999991;  transition: all 0.5s ease;}
.show-bar {  top: 0; transition: all 0.5s ease; }
.top-bar .box-bar { display: flex; align-items: center; width: 100%; height: 70px; padding: 0 40px; position: relative; text-align: center; background: var(--color-white); box-shadow: 0 2px 23px 0 rgb(0 0 0 / 15%); }
.top-bar .box-bar .logo { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; display: flex; width: 180px; height: 100%;  z-index: 9 }
.top-bar .box-bar .logo a { display: block;  position: relative;  width: 100%;  height: 100%}
.top-bar .box-bar .logo figure {  position: relative; display: flex; align-items: center; width: 100%; height: 100%; transition: all .2s ease}
.top-bar .box-bar .logo img { position: relative; width: 100%; height: initial; transition: all .2s ease}

.top-bar .box-bar .menu-contact { }
.top-bar .box-bar .menu-contact a { position: relative; overflow: hidden; display: flex; align-items: center; color: var(--color-333); height: 40px; border-radius: 30px; padding: 5px 20px; border: 1px solid var(--color-blue); }
.top-bar .box-bar .menu-contact a:hover {  border: 1px solid var(--color-yellow); color: var(--color-yellow);  }
/*.menu-contact a:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; border-radius: 30px; background: var(--color-white); transform-origin: right; transform: scaleX(0); transition: transform 0.5s ease; z-index: 0; }
.menu-contact a:hover:after {  transform-origin: left; transform: scaleX(1); animation-delay: 0s; } */

.top-bar .box-bar .box-nav { padding-left: 20px; }
.top-bar .box-bar .box-nav .menu { position: relative; }
.top-bar .box-bar .box-lang { position: absolute; display: flex; flex-wrap: wrap; align-items: center; right: 40px; }
.top-bar .box-bar .box-lang .lang { position: relative; padding: 0; }
.top-bar .box-bar .box-lang .lang .btn-lang { display: flex; align-items: center; cursor: pointer; }
.top-bar .box-bar .box-lang .lang .btn-lang span { display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--color-333); font-size: 14px; font-weight: 500; width: 40px; height: 40px; border: 1px solid   var(--color-blue); transition: all 0.3s ease; }
.top-bar .box-bar .box-lang .lang .btn-lang span:hover { color: var(--color-yellow); border: 1px solid var(--color-yellow); transition: all 0.3s ease; }
.top-bar .box-bar .box-lang .lang i { display: block; width: 18px; height: 20px; margin-right: 10px; }
.top-bar .box-bar .box-lang .lang i.flag-th { background: url(../images/flag-th.svg) no-repeat center; background-size: 100%; }
.top-bar .box-bar .box-lang .lang i.flag-en { background: url(../images/flag-en.svg) no-repeat center; background-size: 100%; }
.top-bar .box-bar .show-lang:hover>.list-lang {  visibility: visible !important;  opacity: 1 !important;  transition: all .2s ease}
.top-bar .box-bar .box-lang .list-lang {  visibility: hidden; opacity: 0; position: absolute; width: 50px; padding: 15px 0; margin-top: 5px; top: 100%; right: -50%; left: -50%; margin-left: auto; margin-right: auto; z-index: 1; background: var(--color-white); box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); border-radius: 30px; transition: all .3s ease}
.top-bar .box-bar .box-lang .list-lang a { display: inline-flex; width: 100%; font-size: 16px; font-weight: 500; padding: 5px 10px; text-align: center; justify-content: center; align-items: center; }

.top-bar .nav .menu {  position: relative; display: flex; align-items: center; padding-left: 17px;/* border-left: 1px solid var(--color-e5e);*/ overflow: hidden;  }
.top-bar .nav:hover .menu-icon { background: var(--color-yellow);  }
.top-bar .nav:hover .menu-icon.is-clicked { background: none }
.top-bar .nav:hover .menu-icon::before, .nav:hover .menu-icon::after { background: var(--color-yellow);  transition: all 0.3s ease; }
.top-bar .nav:hover .menu-text { color: var(--color-yellow);  transition: all 0.3s ease;  }

.less-nav .nav-mobile:before { height: 100px !important;-webkit-transition: all .8s cubic-bezier(1, .1, .2, 1);-moz-transition: all .8s cubic-bezier(1, .1, .2, 1); -o-transition: all .8s cubic-bezier(1, .1, .2, 1); transition: all .8s cubic-bezier(1, .1, .2, 1)}
.top-bar .menu-icon { position: relative;display: flex; right: 0; width: 30px;height: 2px;background: var(--color-blue); transition: all .3s ease; text-indent: -99999px;}
.top-bar .menu-icon::after,
.top-bar .menu-icon::before { content: ''; width: 100%; height: 100%; position: absolute;  background: var(--color-blue);  right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s;  transition: transform .3s, top .3s, background-color 0s; transition: all .3s ease}
.top-bar .menu-icon::before {top: -7px}
.top-bar .menu-icon::after { top: 7px}
.top-bar .menu-icon.is-clicked {background: rgb(235, 0, 139, 0); background: linear-gradient(220deg, rgba(235, 0, 139, 0) 0, rgba(243, 113, 37, 0) 0)}
.top-bar .menu-icon.is-clicked::before { background: var(--color-yellow); top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.top-bar .menu-icon.is-clicked::after {background: var(--color-yellow); top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.top-bar .menu-text { position: relative; margin-right: auto; padding-left: 10px; padding-bottom: 5px; color: var(--color-333); font-size: 20px; text-transform: uppercase; transition: all 0.3s ease; }

/*All Cover*/
.all-cover { position: relative; width: 100%; height: 640px; overflow: hidden; background-color: var(--color-white); }
.all-cover:before { content: ''; position: absolute; width: 100%; height: 200px; background: linear-gradient(180deg,rgba(0,0,0,.66) 0,rgba(0,0,0,.44) 42%,rgba(0,0,0,.13) 80%,rgba(0,0,0,.01)); top: 0; left: 0; pointer-events: none; z-index: 1; }
.all-cover:after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%); bottom: 0; left: 0; pointer-events: none; z-index: 1; }
.all-cover .text { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; position: relative; padding-bottom: 60px; z-index: 2;  }
.all-cover .text h1 { font-size: 60px; letter-spacing: 4px; color: var(--color-white); }
.all-cover-scroll { width: 100%; height: 100%;  }
.all-cover-scroll:after {  content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.60) 100%); bottom: 0; left: 0; pointer-events: none; z-index: 1; opacity: 0; transition: all 0.5s ease; }
.all-cover-scroll-show:after { opacity: 1;  transition: all 0.5s ease;  } 

.detail-cover { position: relative; width: 100%; height: 200px; background: var(--color-bluedrop); overflow: hidden;  }
.detail-cover .text { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; position: relative; padding-bottom: 20px; z-index: 2;  }
.detail-cover .text h1 { font-size: 40px; letter-spacing: 4px; color: var(--color-white); }

.navigation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; padding: 10px 0; font-size: 16px; color: var(--color-333); }
.navigation span { padding-right: 5px; }
.navigation span:last-child { padding-right: 0; }
.navigation span a { color: var(--color-333); }
.navigation span a:hover { color: var(--color-bluedrop); }
.navigation i { margin-right: 5px; width: 20px; height: 20px; background: url(../images/icon-arrow-next-slim-blue-deep.svg) no-repeat center; background-size: 50%; }


/*Submenu*/
.submenu {  background: var(--color-eee); }
.tab-type-tabs { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0; justify-content: center; position: relative; }
.tab-type-tabs li { position: relative; padding: 20px ; transition: all 0.3s ease; user-select: none;   }
.tab-type-tabs li span { }
.tab-type-tabs li a { text-align: center; position: relative; font-size: 16px; font-weight: 500; color: var(--color-333); }
.tab-type-tabs li a:hover { color: var(--color-333); }
.tab-type-tabs li:last-child { margin-right: 0; }
.tab-type-tabs li:hover { transition: all 0.3s ease; }
.tab-type-tabs li.current a { color: var(--color-bluedrop); }
/*.tab-type-tabs li.current a:before { transform-origin: left; transform: scaleX(1); background-color: var(--color-333); transition: transform .4s ease;}*/
.tab-type-tabs li a:before,
.tab-type-tabs li a:after { content: '';position: absolute; width: 100%; left: 0;}
.tab-type-tabs li a:before { background-color: var(--color-333);  height: 1px;  bottom: 0;  transform-origin: right;  transform: scaleX(0);  transition: transform .4s ease;}
.tab-type-tabs li a:hover::before { transform-origin: left;  transform: scaleX(1);}

.submenu-tabs { position: relative; width: 100%; padding: 15px 0;  }
.submenu-tabs .in-mobile { margin-top: 0; margin-bottom: 0; padding-right: 60px; display: none;  font-size: 19px; font-weight: 500; }
.submenu-tabs .btn-sub-set { display: none; position: absolute; width: 36px; height: 36px; align-items: center; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; cursor: pointer; background: var(--color-gold) url(../images/icon-arrow-down-white.svg) no-repeat center; background-size: 40%; border-radius: 50%; z-index: 1;  transition: all .3s; transform: rotate(0deg); }
.submenu-tabs .show-sub-set { transition: all .3s; transform: rotate(180deg); }

/*Content*/
.content { position: relative; width: 100%; padding: 60px 0 100px 0; background: var(--color-white); }
.content .detail { position: relative; width: 100%; }
.content .youtube-embed { margin-top: 60px; }

.f-right { float: right; padding: 30px 0 30px 30px; }

/*Home Cover*/
.home-cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: var(--color-white); }
.home-cover:before { content: ''; position: absolute; width: 100%; height: 200px; background: linear-gradient(180deg,rgba(0,0,0,.66) 0,rgba(0,0,0,.44) 42%,rgba(0,0,0,.13) 80%,rgba(0,0,0,.01)); top: 0; left: 0; pointer-events: none; z-index: 1; }
.home-cover:after { content: ''; position: absolute; width: 100%; height: 200px; background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));bottom: 0; left: 0; pointer-events: none; z-index: 1; }
.home-cover .cover-img { position: relative; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; }
.home-cover .cover-vdo { display: block; position: relative; width: 100%; height: 100%; }
.home-cover .cover-vdo iframe { width: 100% !important; /*height: 100% !important; */}
.home-cover .cover-vdo .inner-vdo { display: flex; width: 100vh; height: 100vh; z-index: 1; }
.home-cover .cover-vdo .inner-vdo .btn-play-vdo { position: absolute; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: url(../images/icon-play-vdo-white.svg) no-repeat center; background-size: 100%; right: 30px; bottom: 30px; margin: auto; z-index: 3;     transform: scale(1); transition: all .6s cubic-bezier(.47, 1.64, .41, .8); }
.home-cover .cover-vdo .inner-vdo .btn-play-vdo:hover { transform: scale(1.2); transition: all .6s cubic-bezier(.47, 1.64, .41, .8); }
.home-cover .cover-vdo .inner-vdo .btn-play-vdo a { display: block; width: 100%; height: 100%;  text-indent: -9999px; position: relative; overflow: hidden; }
.home-cover .bg-over:before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--color-333-super); left: 0; top: 0; z-index: 1; }
.home-cover .video-background-controls { display: flex; height: 40px; bottom: 30px !important; right: 30px !important; top: inherit !important; z-index: 1; }
.home-cover .video-background-controls button { width: 40px; height: 40px; border-radius: 50%; margin: 0 5px; background: var(--color-blue); }
.home-cover .video-background-controls .fa { width: 100%; height: 100%; }
.home-cover .video-background-controls .fa-pause-circle { background: url(../images/icon-pause-vdo.svg) no-repeat center; background-size: 100%; }
.home-cover .video-background-controls .fa-play-circle { background: url(../images/icon-play-vdo.svg) no-repeat center; background-size: 100%; }
.home-cover .video-background-controls .fa-volume-mute { background: url(../images/icon-volum-mute.svg) no-repeat center; background-size: 100%; }
.home-cover .video-background-controls .fa-volume-up { background: url(../images/icon-volum-up.svg) no-repeat center; background-size: 100%; }

.inscroll { position: absolute; left: 0; bottom: 0; font-size: 12px; text-transform: uppercase; z-index: 3; } 
.inscroll span { display: block; padding: 0 0 60px; position: absolute; bottom: 50px; left: 40px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl; letter-spacing: 0.2em; color: #fff; transition: opacity 0.4s linear; }
.inscroll span:before {content: ''; width: 1px; height: 50px; position: absolute; right: 0; left: 0; margin-left: auto; margin-right: auto; bottom: 0; background: #fff; }
.inscroll span:after {content: ''; width: 1px; height: 25px; position: absolute;  right: 0;   left: 0; margin-left: auto; margin-right: auto;    bottom: 0; background: #fff; z-index: 2;   -webkit-animation-duration: 1s;   animation-duration: 1s;   -webkit-animation-iteration-count: infinite;   animation-iteration-count: infinite; -webkit-animation-name: scroll;  animation-name: scroll; }
@-webkit-keyframes scroll { 0%, 100% {transform: translateY(0);}   50% {transform: translateY(-10px);}   50% {transform: translateY(10px);} }
@keyframes scroll {  0%, 100% {transform: translateY(0);}   50% {transform: translateY(-10px);}   50% {transform: translateY(10px);} }
.inscroll-hide { opacity:0; visibility:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.inscroll-show { opacity:1; visibility:visible; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.first-show-vdo .cover-img { position: absolute; opacity: 0; }
.first-show-vdo .cover-vdo { display: block; }

/*Home About*/
.home-about { margin-top: 100vh;  padding: 60px 0; background: var(--color-f5f5); }
.home-about .title { width: 100%; padding-bottom: 40px; }
.home-about .title h1 { margin-top: 0; margin-bottom: 0; }
.home-about .title p { font-size: 30px; }
.home-about .box-50-50 { display: flex; flex-wrap: wrap;  }
.home-about .box-50 { position: relative; width: 50%; height: 100%; }
.home-about .box-50 .photo { position: relative; width: 100%; height: 100%; }
.home-about .box-50 .photo a { display: block; height: 100%; }
.home-about .box-50 .photo a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 40px solid transparent; border-right: 40px solid #fff; border-bottom: 40px solid transparent;  top: 30px; right:0; }
.home-about .box-50 .text { width: 100%; padding: 40px 60px; height: 100%; background: var(--color-white); }
.home-about .box-50 .text h2 { margin-top: 0; }
.home-about .box-vdo { position: relative; width: 100%; padding: 20px 0; }
.home-about .box-service { position: relative; display: flex; flex-wrap: wrap; margin: 20px -10px; }
.home-about .box-service .box-70 {  width: 70%; padding: 10px; }
.home-about .box-service .box-30 {  width: 30%; padding: 10px; }
.home-about .box-service .box-100 { width: 100%; }
.home-about .h-ser-1 .box-100 { display: flex; flex-wrap: wrap; height: 100%; }
.home-about .h-ser-1 .text { display: flex; flex-wrap: wrap; width: 50%; order: 1; padding: 40px; background: var(--color-white); }
.home-about .h-ser-1 .text h3 { margin-top: 0; }
.home-about .h-ser-1 .photo { position: relative; width: 50%; order: 2; }
.home-about .h-ser-1 .photo a { display: block; width: 100%; height: 100%; }
.home-about .h-ser-1 .photo a:after { content: ""; position: absolute; width: 0; height: 0;  border-top: 40px solid transparent; border-left: 40px solid #fff; border-bottom: 40px solid transparent;  top: 30px; left:0; }
.home-about .h-ser-1 .btn-readmore {  margin-top: auto; }

.home-about .h-ser-2 .box-100 { display: flex; flex-wrap: wrap; height: 100%; }
.home-about .h-ser-2 .text { display: flex; flex-wrap: wrap; width: 50%; order: 2; padding: 40px; background: var(--color-white); }
.home-about .h-ser-2 .text h3 { margin-top: 0; }
.home-about .h-ser-2 .photo { position: relative; width: 50%; order: 1; }
.home-about .h-ser-2 .photo a { display: block; width: 100%; height: 100%; }
.home-about .h-ser-2 .photo a:after { content: ""; position: absolute; width: 0; height: 0;  border-top: 40px solid transparent;  border-right: 40px solid #fff; border-bottom: 40px solid transparent;  top: 30px; right:0; }
.home-about .h-ser-2 .btn-readmore {  margin-top: auto; }

.home-about .h-ser-3 {  }
.home-about .h-ser-3 .text { position: relative; height: 100%; }
.home-about .h-ser-3 .text a { display: flex; flex-wrap: wrap; flex-direction: column; padding: 10px 30px; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; font-weight: 500; background: var(--color-golddrop) url(../images/icon-house.svg) no-repeat center; background-size: 30%; }
.home-about .h-ser-3 .text a:hover { background: var(--color-blue) url(../images/icon-house.svg) no-repeat center; background-size: 30%;; }
.home-about .h-ser-3 .text a span { display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; margin: 30px 0 0 0; padding: 8px 40px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 30px; }
.home-about .h-ser-3 .text a:hover span {  }

.home-about .h-ser-4 {  }
.home-about .h-ser-4 .text { position: relative; height: 100%; }
.home-about .h-ser-4 .text a { display: flex; flex-wrap: wrap; flex-direction: column; padding: 10px 30px; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; font-weight: 500; color: var(--color-white); background: var(--color-bluedrop) url(../images/icon-goback.svg) no-repeat center; background-size: 30%; }
.home-about .h-ser-4 .text a:hover { background: var(--color-blue) url(../images/icon-goback.svg) no-repeat center; background-size: 30%;; }
.home-about .h-ser-4 .text a span { display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; margin: 30px 0 0 0; padding: 8px 40px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 30px; }
.home-about .h-ser-4 .text a:hover span {  }



/*Home Living Environments*/
.home-living-environments { padding: 60px 0; background: var(--color-white); }
.home-living-environments .text { width: 100%; max-width: 760px; }
.home-living-environments .text h2 { margin-top: 0; }
.home-living-environments .box-photo { display: flex; flex-wrap: wrap; width: 100%; padding: 100px 0; }
.home-living-environments .box-50 { display: flex; flex-wrap: wrap; width: 50%; height: 600px; position: relative; }
.home-living-environments .box-100 { width: 100%; height: 600px; }
.home-living-environments .box-400 { width: 100%; max-width: 50%; height: 300px; }
.home-living-environments .box-400:nth-child(1) { height: 360px; margin-top: -60px; }
.home-living-environments .box-400:nth-child(3) { height: 360px; margin-bottom: -60px; }
.home-living-environments .photo { position: relative; width: 100%; height: 100%; }
.home-living-environments .photo img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

/*Client Saying*/
.home-clients-saying { padding: 60px 0; background: var(--color-eee) url(../images/bg-client.jpg) no-repeat center; background-size: cover; }
.home-clients-saying .text { width: 100%; max-width: 760px; }
.home-clients-saying .text h2 { margin-top: 0; }
.home-clients-saying .box-say { width: 100%; }

.box-home-say { position: relative; width: 100%; padding: 60px 0; }
.box-home-say .box-list { display: flex; flex-wrap: wrap; align-items: center; }
.box-home-say .box-list .photo { width: 35%; }
.box-home-say .box-list .photo figure { width: 330px; }
.box-home-say .box-list .detail { width: 65%; position: relative; padding-left: 100px; font-size: 24px; padding: 30px 0; }
.box-home-say .box-list .text-des:after { content: ''; position: absolute; width: 100px; height: 50px; left: 0; right: 0; top: 0; margin-left: auto; margin-right: auto; z-index: 1; background: url(../images/icon-quotation.svg) no-repeat center top; background-size: 50px; }
.box-home-say .box-list .text-des:before { content: ''; position: absolute; width: 100px; height: 50px; left: 0; right: 0; bottom: 0; margin-right: auto; margin-left: auto; z-index: 1; background: url(../images/icon-quotation.svg) no-repeat center bottom; background-size: 50px; }
.box-home-say .box-list .text-des { display: flex; flex-wrap: wrap; position: relative; width: 100%; max-width: 70%; margin: 0 auto; padding: 50px 0; text-align: center; }
.box-home-say .box-list .text-des p:last-child { margin-bottom: 18px; }
.box-home-say .box-list .text-des .editor { width: 100%; }
.box-home-say .box-list .text-des small { position: relative; font-weight: 400; margin: 0 auto; font-size: 14px; color: var(--color-bluedrop); }
.box-home-say .box-list .text-des small:before { content: ''; position: absolute; width: 30px; height: 1px; background: var(--color-aaa); left: -50px; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; }
.box-home-say .box-list .text-des small:after { content: ''; position: absolute; width: 30px; height: 1px; background: var(--color-aaa); right: -50px; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; }

/*About Us*/
.aboutus {  }

.aboutus-vision .motto { display: flex; flex-wrap: wrap; }
.aboutus-vision .list { position: relative; width: 100%; margin: 5px 0; border-radius: 4px; padding: 20px; background: var(--color-f5f5); }
.aboutus-vision .list:before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--color-gold); left: -5px; top: 30px; }

.aboutus-personnel .motto { display: flex; flex-wrap: wrap; }
.aboutus-personnel .list { position: relative; width: 100%; margin: 5px 0; border-radius: 4px; padding: 20px; background: var(--color-f5f5); }
.aboutus-personnel .list:before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--color-gold); left: -5px; top: 30px; }
.aboutus-personnel .photo { position: relative; width: 100%; height:400px; padding-top: 60px; margin: auto; overflow: hidden;  }
@-webkit-keyframes scroll2 {0% {transform: translateX(0);}100% { transform: translateX(calc(-560px * 10)); }}
@keyframes scroll2 { 0% { transform: translateX(0);}100% { transform: translateX(calc(-560px * 10));}}
/*.aboutus-personnel .photo::before, .aboutus-personnel .photo::after {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);  content: ""; height: 400px;  position: absolute; width: 200px; z-index: 2;}
.aboutus-personnel .photo::after { right: 0;top: 0; transform: rotateZ(180deg);}
.aboutus-personnel .photo::before {left: 0; top: 0;}*/
.aboutus-personnel .photo .slide-track { -webkit-animation: scroll2 120s linear infinite; animation: scroll2 120s linear infinite; display: flex; width: calc(560px * 20);}
.aboutus-personnel .photo .slide { margin: 0 10px; height: 400px; width: 560px; }
.aboutus-personnel .photo .slide-track:hover {  animation-play-state: paused;  }

.aboutus-partner { display: flex; flex-wrap: wrap; }

/*Our Care*/
.our-care .motto { padding-bottom: 40px; }
.our-care .gallery-liveing { padding-top: 5px; }
.our-care .gallery-liveing .slick-next { right: 5px !important; }
.our-care .gallery-liveing .slick-next:before { width: 36px; height: 36px; display: block; background: url(../images/icon-arrow-next-white.svg) no-repeat center; }
.our-care .gallery-liveing .slick-prev { left: 5px !important; }
.our-care .gallery-liveing .slick-prev:before { width: 36px; height: 36px; display: block; background: url(../images/icon-arrow-back-white.svg) no-repeat center; }

/*Testimonials Credentials*/
.testimonials-credentials .box-awards { padding: 40px 0; margin: 0 -10px; }
.testimonials-credentials .box-awards .box-list { text-align: center; margin: 10px; }
.testimonials-credentials .box-awards .box-list h4 { margin-top: 20px; }
.testimonials-credentials .box-awards .box-list h4 small { display: block; font-weight: 400; line-height: 1.2; }


/*News*/
.news .lists { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 20px 0; z-index: 0;  }
.news .lists ul { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.news .lists li { width: 33.33333%; padding: 10px; margin-bottom: 10px; }
.news .lists li:nth-child(1) { width: 100%; display: flex; flex-wrap: wrap; }
.news .lists li:nth-child(1) .box { width: 50%;  }
.news .lists li:nth-child(1) .text { width: 50%; padding: 40px; background: var(--color-f5f5); }
.news .lists li h3 { margin-top: 10px; margin-bottom: 10px; display: -webkit-box; font-size: 19px; line-height: 26px; margin-left: auto;  margin-right: auto; }
.news .lists li p { color: var(--color-333); font-size: 16px; }
.news .lists li:nth-child(1) p { font-size: 16px; }
.news .lists li .box figure {  position: relative; width: 100%; height: 0; overflow: hidden; padding: 40%; }
.news .lists li .box img { opacity: 1; transition: all .3s ease;object-fit: cover; position: absolute; height: 100%; width: 100%; top: 0; left: 0; margin: auto; }
.news .other li:nth-child(1) { width: 33.33333%; display: block !important; flex-wrap: initial !important; }
.news .other li:nth-child(1) .box { width: 100% ; }
.news .other li:nth-child(1) .text { width: 100% ; padding: 0; background: none; }
.news .other li:nth-child(1) p { font-size: 16px; }
.news .other { padding-bottom: 0; }
.news .date-type { display: flex; flex-wrap: wrap; padding-top: 10px; font-size: 14px; }
.news .date-type span {  }
.news .date-type span.date { color: var(--color-999); }
.news .date-type span.type { color: var(--color-gold); margin-left: auto; }

.news-detail { padding: 60px 0; background: var(--color-white); }
.news-detail h1 { line-height: 60px; margin-top: 0; }
.news-detail .date-type-share { width: 100%; padding-bottom: 30px; font-size: 16px; font-weight: 400; }
.news-detail .in-row { display: flex; flex-wrap: wrap; align-items: center; }
.news-detail .type { padding-left: 15px; }
.news-detail .news-gallery { position: relative; width: 100%; padding-bottom: 20px; }

.news-detail .news-gallery .slick-next { right: 5px !important; }
.news-detail .news-gallery .slick-next:before { width: 36px; height: 36px; display: block; background: url(../images/icon-arrow-next-white.svg) no-repeat center; }
.news-detail .news-gallery .slick-prev { left: 5px !important; }
.news-detail .news-gallery .slick-prev:before { width: 36px; height: 36px; display: block; background: url(../images/icon-arrow-back-white.svg) no-repeat center; }

/*Contact Us*/
.contactus { padding: 60px 0; background: var(--color-white); }



.contact-address { width: 100%; text-align: center; padding-bottom: 15px; }
.contact-address .lists-call { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.contact-address .call { width: auto; color: var(--color-333); }
.contact-address .call span { font-size: 18px; color: var(--color-333); }
.contact-address .call a { display: inline-flex; align-items: center; color: var(--color-333); font-size: 20px; padding-left: 5px; }
.contact-address .call a:hover { color: var(--color-gold); }
.contact-address .call:last-child { padding-right: 0; }
.contact-address .p-phone { display: flex; flex-wrap: wrap; align-items: center; }
.contact-address .icon-phone { display: inline-block; margin-right: 5px; width: 30px; height: 30px; background: url(../images/icon-phone-blue.svg) no-repeat center; background-size: 100%; }
.contact-address .btn-email { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
.contact-address .btn-email a { display: inline-flex; font-weight: 400; font-size: 17px; }
.contact-address .icon-email { display: inline-block; margin-right: 5px; width: 30px; height: 30px; background: url(../images/icon-mail-blue.svg) no-repeat center; background-size: 86%; }

.contact-address .social {  position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; padding: 10px 0; }
.contact-address .social i { position: relative; display: block;  width: 24px;  height: 24px; margin: 0 15px;   text-indent: -9999px;  background: 0 0;  transition: all .2s ease}
.contact-address .social a {  display: flex; align-items: center; position: relative; margin: 0 5px; overflow: hidden}
.contact-address .social a:hover { transform: scale(1.2); }

.contact-address .social .social-facebook:hover {
    background: #2c7bf2;
    border: 1px solid #2c7bf2
}

.contact-address .social .social-line:hover {
    background: #00b800;
    border: 1px solid #00b800
}

.contact-address .social .social-twitter:hover {
    background: #1da1f2;
    border: 1px solid #1da1f2
}

.contact-address .social .social-youtube:hover {
    background: #fe0000;
    border: 1px solid #fe0000
}

.contact-address .social .social-tiktok:hover {
    background: #e40041;
    border: 1px solid #e40041
}

.contact-address .social .social-tiktok:hover {
    background: #e40041;
    border: 1px solid #e40041
}

.contact-address .social .icon-line {
    background-image: url(../images/icon-line-blue-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.contact-address .social .icon-instagram {
    background-image: url(../images/icon-instagram-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.contact-address .social .icon-facebook {
    background-image: url(../images/icon-facebook-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.contact-address .social .icon-youtube {
    background-image: url(../images/icon-youtube-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}



.contact-map { position: relative; background: var(--color-white); padding-top: 80px; }
.contact-map .box { position: relative; width: 100%; height: 480px;}
.contact-map .tab { position: relative; width: 100%; display: flex; flex-wrap: wrap; }
.contact-map .btn { width: 33.3333%; padding-top: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; background: var(--color-eee); transition: all 0.3s ease;  }
.contact-map .btn h3 { margin-top: 10px; text-transform: uppercase; color: var(--color-blue); font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 17px; margin-bottom: 10px; transition: all 0.3s ease }
.contact-map .btn:hover { background: var(--color-ddd); transition: all 0.3s ease }
.contact-map .current { background: var(--color-golddrop) !important; transition: all 0.3s ease; }
.contact-map .current h3 { color: var(--color-white); transition: all 0.3s ease }
.contact-map .btn-map { width: 33.3333%; display: flex; align-items: center; justify-content: center; text-align: center; }
.contact-map .btn-map h3 { margin-top: 10px; text-transform: uppercase; color: var(--color-333); font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 400; margin-bottom: 10px; }
.contact-map .btn-map p { padding-top: 0 }
.contact-map .btn-map a { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%;  padding-top: 15px; color: var(--color-333); background: var(--color-eee);  }
.contact-map .btn-map a:hover {  background: var(--color-ddd) }
.contact-map .icon-googlemap { display: inline-block; width: 40px; height: 40px; background: url(../images/icon-googlemap.svg) no-repeat center; background-size: 100%; }
.contact-map .icon-graphicmap { display: inline-block; width: 40px; height: 40px; background: url(../images/icon-graphicmap.svg) no-repeat center; background-size: 100%; }
.contact-map .icon-map { display: inline-block; width: 40px; height: 40px; background: url(../images/icon-map.svg) no-repeat center; background-size: 100%; }
.contact-map iframe { position:absolute; top:0; left:0; right:0; }

.contact-map .map-google { position: relative; width: 100%; height: 100%; z-index: 5; }
.contact-map .map-google iframe { position:absolute; top:0; left:0; right:0;  }
.show-graphic { visibility: visible !important; opacity: 1 !important; transition: all 0.3s; }
.map-graphic { position: absolute; width: 100%; height: 100%; z-index: 6; background-color: var(--color-golddrop); background-repeat: no-repeat; background-position: center; visibility:hidden; opacity: 0; transition: all 0.3s; }
.map-graphic a { display: block; width: 100%; height: 100%; text-indent: -9999px; }

.contact-form { padding: 60px 0; background: var(--color-f5f5); }
.contact-form ul { display: flex; flex-wrap: wrap; }
.contact-form li { width: 100%; padding-bottom: 15px; text-align: left; }
.contact-form input[type=text], .contact-form input[type=phone], .contact-form textarea { width: 100%; font-size: 17px; border: 1px solid var(--color-border); }
.contact-form label { position: absolute; padding-bottom: 0; }
.contact-form input[type=text]:focus, .contact-form input[type=phone]:focus, .contact-form textarea:focus { border: 1px solid var(--color-bluedrop); } 
.contact-form textarea { height: inherit; }
.contact-form .recaptcha { margin: 0 auto; text-align: center; }

.fill-form { width: 100%; max-width: 640px; margin: 0 auto; text-align: center; }

/*Policy */
.policy {  }
.policy .detail .lists-terms { width: 100%; padding: 15px 0; }
.policy .detail .lists-terms ul { padding-left: 0 }
.policy .detail .lists-terms li:first-child { border-top: 1px solid var(--color-eee); }
.policy .detail .lists-terms li { list-style: none; padding: 15px 120px 15px 0; font-weight: 500; border-bottom: 1px solid var(--color-eee); }
.policy .detail .lists-terms li span.btn-download { position: absolute; right: 0; top: 13px; }
.policy .detail .lists-terms li span.btn-download a { display: flex; align-items: center; text-decoration: none; padding: 5px 15px; font-size: 14px; font-weight: 300; background: var(--color-bluedrop); border-radius: 4px; color: var(--color-white); }
.policy .detail .lists-terms li .icon-download { display: inline-flex; width: 18px; height: 18px; margin-right: 10px; background: url(../images/icon-download-white.svg) no-repeat center; background-size: 100%; background-position: 0 ; }
.policy .detail table { border: none; font-size: 16px; font-weight: 400; }

/*Other*/
.btn-readmore {  }
.btn-readmore a {position: relative; display: inline-flex; font-size: 14px; font-weight: 500; color: var(--color-333); }
.btn-readmore a:before,
.btn-readmore a:after {content: '';position: absolute; width: 100%; left: 0;}
.btn-readmore a:after { width: 100%; background: var(--color-333); height: 1px; bottom: -1px; }
.btn-readmore a:before { background-color: var(--color-gold); height: 1px; bottom: -1px; transform-origin: right; transform: scaleX(0); transition: transform .4s ease; z-index: 1;}
.btn-readmore a:hover::before {transform-origin: left; transform: scaleX(1);}

.box-toggle { position: relative; width: 100%; padding: 0 0 10px 0; }
.box-toggle .subject-toggle { position: relative; width: 100%; padding: 20px 60px 20px 20px;  font-weight: 500; font-size: 21px; border-radius: 4px; background: var(--color-f5f5); cursor: pointer; user-select: none; transition: all 0.3s ease;  }
.box-toggle .subject-toggle:hover { color: var(--color-bluedrop); }
.box-toggle .subject-toggle:before { transform: rotate(0); content: ''; position: absolute; width: 28px; height: 28px; border-radius: 50%; background: var(--color-gold) url(../images/icon-arrow-down.svg) no-repeat center 8px; background-size: 50%; right: 15px; top: 22px; transition: all 0.3s ease; }
.box-toggle .active { background: var(--color-gold); transition: all 0.3s ease; }
.box-toggle .active:before { transform: rotate(180deg); }
.box-toggle .active:hover { color: var(--color-333); }
.box-toggle .detail-toggle { position: relative; padding: 0; display: none; }
.box-toggle .detail-toggle .text { padding: 15px 0; }
.box-toggle .box-photo { position: relative; width: 100%; padding-bottom: 30px; }
.gallery-list {  flex-wrap: wrap; display: flex; margin: 0 -5px; }
.gallery-item { position: relative; padding: 5px; overflow: hidden; }
.box-toggle .detail-toggle .text .gallery-item img { height: 100% !important; }
.gallery-item[data-size=horizontal50] { width: 50%; }
.gallery-item[data-size=horizontal33] { width: 33.3333%; }
.gallery-item[data-size=horizontal] { width: 37.5%; }
.gallery-item[data-size=vertical] { width: 25%; }

/*Fancy*/
.fancybox-button--close { top: 20px; right: 20px; }
.fancybox-toolbar .fancybox-button:hover { background: var(--color-gold); }
.fancybox-navigation .fancybox-button { background: var(--color-white);  }
.fancybox-navigation .fancybox-button:hover { background: var(--color-gold); transition: all 0.3s ease;  }
.fancybox-navigation .fancybox-button div { padding: 0 }
.fancybox-navigation .fancybox-button--arrow_left { left: 20px }
.fancybox-navigation .fancybox-button--arrow_right { right: 20px }
.fancybox-can-zoomIn .fancybox-content { cursor:  }

/*Img-Hover*/
.img-hover-zoom { position: relative; overflow: hidden; }
.img-hover-zoom a { display: block; position: relative; width: 100%; height: 100%; }
.img-hover-zoom a:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); opacity: 0; left: 0; top: 0; z-index: 2; transition: all 0.3s ease; }
.img-hover-zoom a:hover:before { opacity: 1; background: rgba(0, 0, 0, 0.4); transition: all 0.3s ease; }
.img-hover-zoom figure { position: relative; width: 100%; height: 100%; overflow: hidden; }
.img-hover-zoom img { transform: scale(1.01); transition: all 0.3s ease; }
.img-hover-zoom a:hover img { transform: scale(1.15); transition: all 0.3s ease; }
.img-hover-zoom .btn-ani { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 3;  transform: translate3d(0,30px,0);  transition: opacity .3s,transform .3s; left: 0; top: 0; bottom: 0; right: 0; margin:  auto; opacity: 0; }
.img-hover-zoom a:hover .btn-ani { transform: translate3d(0,0,0); transition: opacity .3s,transform .3s; opacity: 1; }
.img-hover-zoom .btn-in-more {  font-size: 14px; font-weight: 500; position: relative; display: inline-block; overflow: hidden; min-width: 160px; padding: 10px; text-align: center; color: var(--color-white); border: 1px solid rgba(255, 255, 255, .5); border-radius: 30px; transition: all 0.3s ease; }
.img-hover-zoom .btn-in-more:hover { background: var(--color-white); border: 1px solid var(--color-white); color: var(--color-333); transition: all 0.3s ease; }


/*Modal Mini*/
.modal-mini { width: 100%; max-width: 960px; padding: 50px 70px !important; }
.modal-mini .content { width: 100%; max-width: 760px; margin: 0 auto; }
.modal-mini .content h2:first-child { margin-top: 0; text-align: center; }


/*Modal Search*/
.modal-search { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; opacity: 1; z-index: -1; opacity: 0; background: rgba(53,63,76,1); margin: auto; transition: all 0.3s ease; }
.modal-search .box-search { display: flex; position: relative; width: 100%; height: 100%; align-items: center; }
.modal-search .btn-close-modal-search { position: absolute; width: 20px; height: 20px; right: 40px; top: 40px; background: url(../images/icon-close-white.svg) no-repeat center; background-size: 80%; cursor: pointer; }
.modal-search .box-inside { display: flex; flex-wrap: wrap; width: 100%; max-width: 680px; min-height: 420px; margin: 0 auto; position: relative; }
.modal-search .box-inside form { position: relative; width: 100%; }
.modal-search .insearch { position: relative; width: 100%; }
.modal-search .insearch label { position: absolute; display: block; overflow: hidden; text-indent: -9999px; }
.modal-search .insearch input[type="text"] { width: 100%; height: 60px; font-size: 36px; padding: 0 60px 0 0; color: var(--color-white); background: none; border-radius: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid var(--color-white); }
.modal-search .insearch input[type="text"]::placeholder { font-size: 36px; color: #989898; }
.modal-search .insearch .btn-search-mi {  position: absolute; width: 60px;  height: 60px; right: 0;  bottom: 0; }
.modal-search .insearch .btn-search-mi button { position: relative; text-indent: -999px; overflow: hidden; width: 60px; height: 60px;  background: url(../images/icon-search.svg) no-repeat center;  background-size: 30px;}
.modal-search .tag-search { margin-top: auto; }
.modal-search .tag-search a { display: inline-block;  font-size: 18px; line-height: 28px; color: #989898; margin-right: 20px; }
.modal-search .tag-search a:hover { color: var(--color-white); }
.modal-search-show { opacity: 1; z-index: 9999999; }

.unsubscribe { background: var(--color-f0f8ff); padding-bottom: 100px; }
.unsubscribe .form {  width: 100%; margin: 0 auto; padding: 0 20px 60px 20px;  align-items: center; display: flex; flex-wrap: wrap; flex-direction: column; background: var(--color-white); }
.unsubscribe .form form { position: relative; display: flex; flex-wrap: wrap;  }
.unsubscribe .form input[type=email] { width: 100%;  height: 60px; padding-left: 40px;  padding-right: 180px; border-radius: 50px;  }
.unsubscribe .form button { position: relative; overflow: hidden; width: 100%;  height: 100%;  background: var(--color-sky) ; border-radius: 0 50px 50px 0; position: absolute; width: 150px;  height: 60px; right: 0; bottom: 0 }
.unsubscribe .form button span { position: relative; z-index: 1; width: 100%; height: 100%; }
.unsubscribe .form button:hover:after {  transform-origin: left; transform: scaleX(1); }
.unsubscribe .form button:after { content: '';  position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; border-radius: 0 50px 50px 0;  background-color: var(--color-blue);  transform-origin: right;  transform: scaleX(0); transition: transform 0.7s ease; z-index: 0; }

.carousel-nav { z-index: 1; }
.carousel-nav .carousel-cell { display: flex; align-items: center; justify-content: center; width: auto;/* height: 140px;*/ margin-right: 1px; background: none;   }
.carousel-nav .carousel-cell .name { position: relative; padding: 10px 20px; margin: 30px 0 15px 0; color: var(--color-9b9b); font-size: 22px; text-transform: inherit; white-space: nowrap; z-index: 2; cursor: pointer; -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none;   transition: all 0.3s ease; }
.carousel-nav .carousel-cell .name:hover { color: var(--color-555);}
.carousel-nav .carousel-cell.is-nav-selected:before {  transition: all 0.3s ease;  }
.carousel-nav .carousel-cell.is-nav-selected .name { color: var(--color-333); transition: all 0.3s ease;  } 
.carousel-nav .carousel-cell.is-nav-selected { background: none }
.carousel-nav .flickity-slider { }

.carousel-project { width: 100%;/* margin-top: -3px;*//* border-top: 1px solid var(--color-dropwhitefooter);*/ }
.carousel-project .carousel-cell { width: 100%; }
.carousel-project .carousel-cell .bg-thumb { position: absolute;  top: 0; width: 100%; background-size: cover; background-position: center center; bottom: 0; z-index: 0;}
.carousel-project .flickity-viewport { height: inherit; overflow: inherit; }

.ffl-wrapper { position: relative; display: block; padding: 0; width: 100%; }
.ffl-wrapper .ffl-label { transition: all 0.2s ease; position: absolute; white-space: nowrap; width: 100%; text-overflow: ellipsis;  overflow: hidden; pointer-events: none;  top: 13px;  left: 15px;}
.ffl-wrapper.ffl-floated .ffl-label { top: 8px; }
.ffl-label { color: var(--color-white); }
.ffl-floated .ffl-label { font-size: 16px; }
.ffl-wrapper.ffl-floated .in-field-text { border: 1px solid  rgba(255, 255, 255, 1.0);  }

footer { position: relative; padding: 40px 0; font-size: 17px; color: var(--color-333); background: var(--color-f5f5) url(../images/bg-footer.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed; }
footer a { color: var(--color-333); font-size: 17px; }
footer a:hover { color: var(--color-white); }

footer .sec-list-menu { position: relative; width: 100%; display: flex; flex-wrap: wrap; }
footer .sec-list-menu h3 { margin: 0 auto; padding-bottom: 30px; }
footer .footer-menu { width: 100%; }
footer .footer-menu .lists { width: 100%; }
footer .footer-menu .lists ul { display: flex; flex-wrap: wrap; margin: -10px; }
footer .footer-menu .lists li { width: 25%; position: relative; padding: 10px; }
footer .footer-menu .lists a { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 15px ; border-radius: 30px; color: var(--color-333); background: var(--color-eee); }
footer .footer-menu .lists a:hover { background: var(--color-ddd); }

footer .social-hotlink { display: flex; flex-wrap: wrap; width: 100%; padding-bottom: 40px; align-items: center; justify-content: center; }
footer .social {  position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; padding: 10px 0; }
footer .address { padding-top: 20px; }

footer .hotlink { margin-left: auto; display: flex; flex-wrap: wrap; }
footer .hotlink a { color: var(--color-white);  margin-right: 30px; }
footer .hotlink a:hover { color:var(--color-gold); }
footer .hotlink a:last-child { margin-right: 0; }

footer .lists-call { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
footer .call { width: auto; color: var(--color-333); }
footer .call span { font-size: 18px; color: var(--color-333); }
footer .call a { display: inline-flex; align-items: center; color: var(--color-333); font-size: 20px; font-weight: 400; padding-left: 5px; }
footer .call a:hover { color: var(--color-gold); }
footer .call:last-child { padding-right: 0; }
footer .p-phone { display: flex; flex-wrap: wrap; align-items: center; }
footer .icon-phone { display: inline-block; margin-right: 5px; width: 30px; height: 30px; background: url(../images/icon-phone-blue.svg) no-repeat center; background-size: 100%; }
footer .contact-footer { margin: 0 auto; padding-top: 30px; }
footer .contact-footer a { position: relative; width: 120px; height: 120px; padding: 20px; display: flex; align-items: center; justify-content: center; font-weight: 500; color: var(--color-333);  }
footer .contact-footer a:after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px solid var(--color-ddd); top: 0; left: 0; bottom: 0; right: 0; margin: auto; transform: scale(1); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }
footer .contact-footer a:hover:after { transform: scale(0.8); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); border: 1px solid var(--color-blue); }
footer .contact-footer span { position: relative; margin-top: 10px; }
footer .contact-footer span:after { content: ''; position: absolute; width: 30px; height: 30px; background: url(../images/icon-pin-blue.svg) no-repeat center; background-size: 100%; left: 0; right: 0; top: -30px; margin-left: auto; margin-right: auto; }

footer .policy-copy { width: 100%; display: flex; flex-wrap: wrap; font-size: 14px; padding-top: 30px; }
footer .link-policy { display: flex; flex-wrap: wrap;  }
footer .link-policy a { margin-right: 20px; font-size: 14px; }
footer .link-policy a:hover { color: var(--color-999); }
footer .link-policy a:last-child { margin-right: 0; }
footer .copy { margin: 0 auto; }
footer .siteby { margin-left: auto; font-weight: 400; }
footer .siteby a { font-size: 14px; }
footer .siteby a:hover { color: var(--color-999); }

footer .social i {
    position: relative;
    display: block;
    width: 24px;
    height: 24px; margin: 0 15px;
    text-indent: -9999px;
    background: 0 0;
    transition: all .2s ease
}

footer .social a {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 5px;
    overflow: hidden
}
footer .social a:hover { transform: scale(1.2); }

footer .social .social-facebook:hover {
    background: #2c7bf2;
    border: 1px solid #2c7bf2
}

footer .social .social-line:hover {
    background: #00b800;
    border: 1px solid #00b800
}

footer .social .social-twitter:hover {
    background: #1da1f2;
    border: 1px solid #1da1f2
}

footer .social .social-youtube:hover {
    background: #fe0000;
    border: 1px solid #fe0000
}

footer .social .social-tiktok:hover {
    background: #e40041;
    border: 1px solid #e40041
}

footer .social .social-tiktok:hover {
    background: #e40041;
    border: 1px solid #e40041
}

footer .social .icon-line {
    background-image: url(../images/icon-line-blue-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

footer .social .icon-instagram {
    background-image: url(../images/icon-instagram-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

footer .social .icon-facebook {
    background-image: url(../images/icon-facebook-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

footer .social .icon-twitter {
    background-image: url(../images/icon-twitter-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

footer .social .icon-tiktok {
    background-image: url(../images/icon-tiktok-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

footer .social .icon-youtube {
    background-image: url(../images/icon-youtube-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}




.bth-readmore { width: max-content; margin-top: 60px; margin-bottom: 30px; }
.bth-readmore a { display: flex; align-items: center;
    height: 50px;
    padding: 0 20px 2px 30px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-sky);
    font-weight: 400;
    border-radius: 90px;
}

.bth-readmore a:hover { background: var(--color-blue); color: var(--color-white)}
.bth-readmore i { position: relative; width: 30px; height: 30px; margin-left: 10px; border-radius: 50%; opacity: 1 !important; }
.bth-readmore i:after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: url(../images/icon-arrow-next-sky.svg) no-repeat; background-position: center center; background-size: 50%; left: 0; top: 0; bottom: 0; right: 0; margin: auto;  }
.bth-readmore i:before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--color-white); left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: scale(1); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }
.bth-readmore a:hover i:before {  transform: scale(1.5); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }

.bth-back { width: max-content; margin-top: 60px; margin-left: auto; margin-right: auto; }
.bth-back a { display: flex; align-items: center;
    height: 50px;
    padding: 0 34px 2px 30px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-sky);
    font-weight: 400;
    border-radius: 90px;
}
.bth-back a:hover {  background: var(--color-blue);  color: var(--color-white)}
.bth-back i { position: relative; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; opacity: 1 !important; }
.bth-back i:after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: url(../images/icon-arrow-back-sky.svg) no-repeat; background-position: center center; background-size: 50%; left: 0; top: 0; bottom: 0; right: 0; margin: auto;  }
.bth-back i:before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--color-white); left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: scale(1); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }
.bth-back a:hover i:before {  transform: scale(1.5); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }

.bth-download { width: max-content; margin-top: 30px; }
.bth-download a { display: flex; align-items: center;
    height: 50px;
    padding: 0 30px 2px 20px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-sky);
    font-weight: 400;
    border-radius: 90px;
}
.bth-download a:hover {  background: var(--color-blue);  color: var(--color-white)}
.bth-download i { position: relative; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; opacity: 1 !important; }
.bth-download i:after { content: ''; position: absolute; width: 20px; height: 20px; transform: scale(1); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); background: url(../images/icon-download-white.svg) no-repeat; background-position: center center; background-size: 100%; left: 0; top: 0; bottom: 0; right: 0; margin: auto;  }
/*.bth-download i:before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--color-sky); left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: scale(1); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }*/
.bth-download a:hover i:after {  transform: scale(1.5); transition: all .6s cubic-bezier(0.47, 1.64, 0.41, 0.8); }

.home-event {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .75)
}

.home-event-box {
    position: relative;
    width: 100%;
    max-width: max-content;
    box-shadow: 0 1em 2em 0 rgba(1, 12, 41, .5);
    z-index: 999999
}

.home-event-vdo {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 960px;
    height: 0;
    padding: 0 0 56.25%;
    margin: 0 auto;
    overflow: hidden
}

.home-event-vdo iframe {
    position: absolute;
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0
}

.home-event-vdo video {
    position: absolute;
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    background: var(--color-green)
}

.cookie-consent {
        position: fixed;
    bottom: 20px;
    right: 20px;
    left: 20px;
    z-index: 333;
}

.cookie-consent .box {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    align-items: center;
    padding: 20px;
    background: var(--color-blue);
    border-radius: 4px;
    box-shadow: 0 1px 8px 1px rgb(12 23 83 / 20%);
}

.cookie-consent .text {
    flex: 1;
    padding-right: 20px;
    color: var(--color-white);
}

.cookie-consent .text p {
    margin-bottom: 0
}

.cookie-consent .text a {
    display: inline-flex;
    text-decoration: underline;
    color: var(--color-white);
}

.cookie-consent .text a:hover {
   color: var(--color-sky);
}

.cookie-consent .btn-consent {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap
}

.cookie-consent .btn-consent span {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
    width: 150px;
    height: 40px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--color-333);
    font-weight: 500;
    background: var(--color-gold);
    border-radius: 50px;
    transition: all .3s ease
}

.cookie-consent .btn-consent span:hover {
    background: var(--color-golddrop);
    transition: all .3s ease
}

.landing-page {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 30px 0;
    background: var(--color-f0f8ff) url(../images/bg-landing.png) repeat
}

.landing-page article {
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    padding: 30px 0
}

.landing-page-img {
    width: 100%;
    max-width: 940px;
    padding: 0 20px
}

.landing-page-img img {
    min-width: inherit !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    box-shadow: 0 1em 2em 0 rgba(0, 38, 74, .3)
}

.enter-site {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px
}

.enter-site a {
    display: block;
    width: 180px;
    padding: 10px 15px;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 90px;
    background: var(--color-sky)
}

.enter-site a:hover {
    background: var(--color-blue);
    box-shadow: 0 5px 5px 0 rgba(0, 38, 74, .3)
}

.share-social {
    display: flex;
    align-items: center;
    margin-left: auto;
    text-transform: uppercase; 
}

.share-social .text-share {
    margin-right: 10px;
}

.share-facebook {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 34px;
    height: 34px;
    margin: 0 4px;
    padding: 0;
    text-align: center
}

.share-facebook a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--color-333);
    text-indent: -99999px;
    background: var(--color-white) url(../images/icon-facebook-blue.svg) no-repeat center; 
    background-size: 50%;
    border-radius: 50%;
    border: 1px solid var(--color-ddd);
}

.share-facebook a:hover { border: 1px solid #2c7bf2; background: #2c7bf2 url(../images/icon-facebook-white.svg) no-repeat center; background-size: 50%; }
.share-facebook a path {
    fill: #4267b2;
    transition: all .3s ease
}

.share-facebook a:hover path {
    fill: #2c7bf2;
    transition: all .3s ease
}

.share-facebook svg {
    width: 16px;
    height: 34px
}

.share-facebook span {
    display: inline-block;
    padding: 0 0 0 5px
}

.share-facebook sup {
    position: absolute;
    background: red;
    z-index: 1
}

.share-twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 34px;
    height: 34px;
    margin: 0 4px;
    padding: 0;
    text-align: center
}

.share-twitter a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--color-333);
    text-indent: -99999px;
    background: var(--color-white) url(../images/icon-twitter-blue.svg) no-repeat center;
    background-size: 74%;
    border-radius: 50%;
    border: 1px solid var(--color-ddd);
}

.share-twitter a:hover {
    background: #55afee url(../images/icon-twitter-white.svg) no-repeat center;
    background-size: 74%;
    border: 1px solid #55afee;
}

.share-twitter a path {
    fill: #03a9f4;
    transition: all .3s ease
}

.share-twitter a:hover path {
    fill: var(--color-white);
    transition: all .3s ease
}

.share-twitter svg {
    display: inline-block;
    width: 16px;
    height: 34px
}

.share-twitter span {
    display: inline-block;
    padding: 0 0 0 5px
}

.share-line {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 34px;
    height: 34px;
    margin: 0 0 0 4px;
    padding: 0;
    text-align: center
}

.share-line a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--color-333);
    text-indent: -99999px;
    background: var(--color-white) url(../images/icon-line-blue.svg) no-repeat center;
    background-size: 74%;
    border-radius: 50%;
    border: 1px solid var(--color-ddd);

}

.share-line a:hover {
    background: #00b800 url(../images/icon-line-white.svg) no-repeat center;
    background-size: 74%; border: 1px solid #00b800;
}


.share-line a path {
    fill: #00b900;
    transition: all .3s ease
}

.share-line a:hover path {
    fill: var(--color-white);
    transition: all .3s ease
}

.share-line svg {
    display: inline-block;
    width: 16px;
    height: 34px
}

.share-line span {
    display: inline-block;
    padding: 0 0 0 5px
}

.editor a {
    display: inline-block;
    color: var(--color-blue);
    text-decoration: underline
}

.editor a:hover {
    color: var(--color-blue)
}

.editor ul {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 15px
}

.editor ul li {
    list-style: circle;
    padding: 4px 0
}

.editor ol {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
    counter-reset: item
}

.editor ol li {
    list-style: decimal;
    padding: 4px 0
}

.editor ol li ul li {
    list-style: circle
}

.editor p {
}

.editor u {
    text-decoration: underline
}

.editor i {
    font-style: italic
}

.editor b,
.editor strong {
   
}

.editor img {
    min-width: inherit !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto
}

.editor blockquote {
    position: relative;
    margin: 20px 0;
    padding: 15px 30px;
    background: var(--color-efefef);
    border-radius: 15px
}

.editor blockquote p:first-child {
    margin-top: 15px
}

.editor h2.normal {
    font-weight: 400;
    margin-top: 0
}

.editor h2.normal big {
    font-weight: 600
}
.editor p:last-child { margin-bottom: 0; }

.editor .detail-box-line {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border)
}

.editor .detail-box-photo {
    position: relative;
    width: 100%;
    margin: 40px 0;
    padding: 40px 0 0 0
}

.editor .detail-box-photo:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40%;
    height: 90%;
    background: var(--color-dropwhitefooter)
}

.editor .detail-box-photo figure {
    position: relative;
    width: 52%
}

.editor .detail-box-photo figure:last-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.editor .fix-font {
    position: absolute;
    width: max-content;
    padding: 10px 20px;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 20px;
    background: rgba(22, 37, 112, .7);
    color: var(--color-white)
}

.editor .images-overflow {
    position: relative;
    overflow: hidden
}

.table-s1 {
    position: relative;
    width: 100%;
    margin: 25px 0;
    border: 1px solid var(--color-ddd)
}
.table-s1 tr td { padding: 5px 0; }


.table-s1 ul {
    padding: 0 !important
}

.table-s1 li {
    display: flex;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid var(--color-ddd);
    list-style: none !important
}

.table-s1 li:last-child {
    border-bottom: none
}

.table-s1 li .left {
    position: relative;
    padding: 15px;
    min-width: 200px;
    background: var(--color-dropwhite)
}

.table-s1 li .left:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: var(--color-dropwhite);
    border-width: 8px;
    margin-top: -8px
}

.table-s1 li .right {
    padding: 15px
}

.editor table {
    width: 100%;
    margin: 25px 0;
    border: 1px solid var(--color-eee)
}

.editor table thead tr {
    background: #f3f5f7
}

.editor table thead tr th {
    padding: 15px;
    text-align: left;
    border-right: 1px solid var(--color-eee);
    border-bottom: 1px solid var(--color-eee)
}

.editor table tbody tr {
    border-bottom: 1px solid var(--color-eee)
}

.editor table tbody tr td {
    padding: 5px 0;
    text-align: left;
}

.editor table tbody tr td:first-child {
}

.editor .line-bottom { padding-bottom: 30px; border-bottom: 1px solid var(--color-eee); }

.color-blue { color: var(--color-blue); }
.color-sky { color: var(--color-ddd); }

.color-gold {
    color: var(--color-gold)
}

.color-pink {
    color: var(--color-green)
}

.color-aaa {
    color: var(--color-aaa)
}

.color-red {
    color: var(--color-red)
}

.color-yellow {
    color: var(--color-yellow)
}

.color-green {
    color: var(--color-green)
}

.color-green span {
    color: initial
}

.border-none { border: none !important; }

.line-hr {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 15px
}

.line-hr:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--color-border);
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.line-hr small {
    position: relative;
    padding: 0 15px 0 0;
    font-size: 14px;
    font-weight: 300;
    color: var(--color-aaa);
    background: var(--color-white);
    z-index: 1
}

.line-hr .btn-etcmore {
    position: absolute;
    padding-left: 15px;
    right: 0;
    top: -5px;
    z-index: 1;
    background: var(--color-white)
}


.icon-plus {
    width: 15px;
    height: 15px;
    background: url(../images/icon-plus.svg) no-repeat center;
    background-size: 80%
}

.icon-less {
    width: 15px;
    height: 15px;
    background: url(../images/icon-less.svg) no-repeat center;
    background-size: 80%
}

.icon-copy {
    width: 15px;
    height: 15px;
    background: url(../images/icon-copy.svg) no-repeat center;
    background-size: 100%
}

.icon-trash {
    width: 15px;
    height: 15px;
    background: url(../images/icon-trash.svg) no-repeat center;
    background-size: 100%
}

.fa-eye {
    background: url(../images/icon-eye.svg) no-repeat center;
    background-size: 18px
}

.fa-eye-slash {
    background: url(../images/icon-eye-hide.svg) no-repeat center;
    background-size: 18px
}

.fa-eye:before {
    display: none
}

.fa-eye-slash:before {
    display: none
}

.xdsoft_disabled {
    display: none !important;
    visibility: hidden
}

.xdsoft_scrollbar {
    display: none
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    display: none
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    display: none
}



.textcenter {
    text-align: center
}

.marginauto {
    margin: 0 auto;
    justify-content: center
}

.tiptop {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
    background: rgb(0, 0, 0, .8);
    border-radius: 4px
}

.pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin:  0;
    padding: 0;
    font-weight: 400
}

.pagination span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
    border-radius: 50%;
    background: var(--color-f5f5)
}

.pagination a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    line-height: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-family: Montserrat;
    font-size: 18px;
    color: var(--color-333);
    border-radius: 50%;
    background: var(--color-f5f5)
}

.pagination a:first-child {
    margin-left: 0
}

.pagination a:last-child {
    margin-right: 0
}

.pagination a svg {
    fill: var(--color-333);
    width: 15px;
    height: 15px
}

.pagination a:hover {
    color: var(--color-333);
    background: var(--color-ddd)
}

.pagination a.current {
    background: var(--color-bluedrop);
    color: var(--color-white)
}

.pagination .prve {
    /*text-indent: -9999px;
    background: var(--color-f5f5) url(../images/icon-arrow-back-blue.svg) no-repeat center;*/
    background-size: 40%;
    cursor: pointer;
    transition: all .3s ease
}

.pagination .prve:hover {
   /* background: var(--color-gold) url(../images/icon-arrow-back-white.svg) no-repeat center;*/
    background-size: 40%;
    transition: all .3s ease
}

.pagination .next {
    /* text-indent: -9999px;
   background: var(--color-f5f5) url(../images/icon-arrow-next-blue.svg) no-repeat center;*/
    background-size: 40%;
    cursor: pointer;
    transition: all .3s ease
}

.pagination .next:hover {
   /* background: var(--color-gold) url(../images/icon-arrow-next-white.svg) no-repeat center;*/
    background-size: 40%;
    transition: all .3s ease
}

.pagination .none-border {
    border: none;
    padding-left: 0
}

.pagination .none-border a:hover {
    border: nene
}

.pagination .disable {
    pointer-events: none !important;
    cursor: default;
    opacity: .5
}

.pagination .dott {
    width: 20px; background: none;
}

.tags-search {
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 0 15px 0 0;
    margin: 0 auto
}

.tags-search a {
    display: inline-block;
    margin: 4px 0 4px 0;
    padding: 8px 15px;
    font-size: 14px;
    color: var(--color-green);
    background: var(--color-golddroptwo);
    border-radius: 3px
}

.tags-search a:hover {
    background: var(--color-golddrop)
}

.lazy-loaded {
    transition: all .3s ease;
    opacity: 1
}

img[data-src] {
    opacity: 0
}

img.lazyloaded {
    opacity: 1;
    transition: all .3s ease
}

.g-recaptcha {
    display: flex;
    justify-content: center;
    padding-top: 15px
}

.select-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    position: relative;
    /*padding-bottom: 30px;*/
    z-index: 5
}
.select-filter select option { padding: 5px }

.select-filter .chosen-container-single .chosen-search { display: none; }
.select-filter .chosen-container-single .chosen-single { height: 50px; }
.select-filter .chosen-container .chosen-results li.group-result { font-weight: normal;  }
.chosen-container-multi .chosen-choices { box-shadow: none; }
.select-filter h5 {
    margin: 0
}

.select-filter select {
    margin-left: auto;
    min-width: 200px; width: 100%; padding: 6px 18px 6px 15px; position: relative;
}

.select-filter .chosen-container {
   margin: 0 auto;
}

.select-filter .chosen-container-single .chosen-single { padding-left: 15px; font-size: 20px; color: var(--color-333); background: var(--color-white); border: 1px solid var(--color-ddd); border-radius: 3px;}
.select-filter .chosen-container-single .chosen-single span { margin-top: 6px; }
.select-filter .chosen-container .chosen-results { margin: 0; padding: 0 }
.select-filter .chosen-container .chosen-results li.highlighted, .select-filter .result-selected { background: var(--color-ddd); color: var(--color-333); }
.select-filter .chosen-container .chosen-results { max-height: 260px; }

.select-filter .chosen-container-single .chosen-single:hover {
    border: 1px solid var(--color-ddd)
}

.select-filter .chosen-container:hover .chosen-single {
    border: 1px solid var(--color-ddd)
}

.select-filter .chosen-container .chosen-results li {
    padding: 10px 15px
}

.select-filter .chosen-container-single .chosen-drop {

    border: 1px solid var(--color-ddd);
    /*border-top: none !important;*/
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    
}
.chosen-container-single .chosen-single div b {   transform: rotate(0deg);     transition: all .3s;  }
.chosen-container-active .chosen-single div b {  transform: rotate(0deg);     transition: all .3s;  }
.chosen-container-active.chosen-with-drop .chosen-single div b { transform: rotate(180deg); transition: all .3s;  }


.select-filter .chosen-container .chosen-results li { font-size: 18px; }
.select-filter .mini-class {
    min-width: 150px
}

.box-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -60px
}

.box-colum-100 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 0 60px
}

.box-colum-50 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 50%;
    padding: 0 60px
}

.box-colum-33 {
    display: flex;
    position: relative;
    width: 33.3333%;
    padding: 0 60px
}

.box-colum-25 {
    display: flex;
    position: relative;
    width: 25%;
    padding: 0 60px
}

.box-colum-20 {
    display: flex;
    position: relative;
    width: 20%;
    padding: 0 60px
}

.editor-row {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -30px;
    padding: 30px 0
}

.editor-colum-50 {
    position: relative;
    width: 50%;
    padding: 30px
}

.editor-colum-33 {
    position: relative;
    width: 33.3333%;
    padding: 30px
}

.img-lineheri-color:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 100%;
    background: var(--color-green);
    left: 0;
    top: 0;
    z-index: 1
}

.image-preview img {
    margin-top: 2px;
    border-radius: 4px;
    border: 1px solid var(--color-border)
}

.display-block {
    display: block
}

.youtube-embed {
    position: relative;
    display: block;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    /*border-radius: 10px;
    box-shadow: 0 1em 2em 0 rgb(24 29 89 / 20%)*/
}

.youtube-embed iframe {
    position: absolute;
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0
}



.more-btn {
    display: flex;
    justify-content: center;
    width: 100%
}

.button-readmore {
    position: relative;
    padding: 20px 0
}

.button-readmore a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 46px;
    padding: 0;
    color: var(--color-white);
    border-radius: 4px;
    background: var(--color-gold)
}

.button-readmore a:hover {
    color: var(--color-333);
    background: var(--color-yellow)
}

.button-readmore span {
    position: relative
}

.button-readmore-two {
    position: relative;
    padding: 20px 0
}

.button-readmore-two a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 46px;
    padding: 0;
    color: var(--color-white);
    border-radius: 4px;
    background: var(--color-666)
}

.button-readmore-two a:hover {
    color: var(--color-333);
    background: var(--color-yellow)
}

.button-readmore-two span {
    position: relative
}

.button-auto {
    position: relative;
    width: inherit;
    display: inline-flex;
    padding: 20px 0
}

.button-auto a {
    position: relative;
    height: 46px;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: var(--color-white) !important;
    line-height: 45px;
    text-transform: uppercase;
    background: var(--color-green)
}

.button-auto a:hover {
    color: var(--color-gold) !important
}

.button-auto span {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.button-auto span svg {
    width: 18px;
    height: 18px;
    margin-right: 15px
}

.button-auto a:hover path {
    fill: var(--color-white);
    transition: all .3s ease
}

.button-auto a path {
    fill: var(--color-gold);
    transition: all .3s ease
}

.button-auto span:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: var(--color-green);
    top: 50%;
    right: -30px
}

.button-auto span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: var(--color-gold);
    top: 50%;
    left: 180px;
    transition: all .3s ease
}

.button-auto a:hover span:after {
    width: 30px;
    transition: all .3s ease
}

.button-auto a:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: var(--color-gold);
    top: 50%;
    right: 0
}

.button-con {
    position: relative;
    width: inherit;
    display: inline-flex;
    padding: 20px 0
}

.button-con a {
    position: relative;
    min-width: 180px;
    height: 46px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: var(--color-green) !important;
    line-height: 45px;
    text-transform: uppercase;
    background: var(--color-white);
    border: 1px solid var(--color-green)
}

.button-con a:hover {
    color: var(--color-gold) !important
}

.button-con span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.button-con span svg {
    width: 18px;
    height: 18px;
    margin-right: 15px
}

.button-con a:hover path {
    fill: var(--color-white);
    transition: all .3s ease
}

.button-con a path {
    fill: var(--color-gold);
    transition: all .3s ease
}

.button-outsize {
    position: relative;
    width: inherit;
    display: inline-flex;
    padding: 0
}

.button-outsize a {
    position: relative;
    height: 46px;
    padding: 0 0;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: var(--color-green) !important;
    line-height: 45px;
    text-transform: uppercase
}

.button-outsize a:hover {
    color: var(--color-gold) !important
}

.button-outsize span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.button-outsize span svg {
    width: 18px;
    height: 18px;
    margin-right: 15px
}

.button-outsize a:hover path {
    fill: var(--color-green);
    transition: all .3s ease
}

.button-outsize a path {
    fill: var(--color-gold);
    transition: all .3s ease
}

.btn-submit {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 15px 0
}

.btn-submit button {
    min-width: 260px;
    height: 56px;
    margin: 0 10px
}

.btn-submit button:hover {
    /*background: var(--color-blue)*/
}

.btn-submit button.cancel {
    margin-left: 10px;
    color: var(--color-333);
    font-weight: 400;
    background: var(--color-border)
}

.btn-submit button.cancel:hover {
    background: var(--color-golddrop)
}

/*.btn-submit span {
    margin-right: 15px
}*/

.btn-submit span a {
    display: inline-flex;
    min-width: 260px;
    justify-content: center;
    height: 56px;
    padding: 0 15px;
    align-items: center;
    color: var(--color-333);
    background: var(--color-white);
    border: 1px solid var(--color-e5e);
    border-radius: 4px
}

.btn-submit span a:hover {
    border: 1px solid var(--color-green);
    color: var(--color-green)
}

.btn-etcmore span {
    width: inherit;
    padding: 0
}

.btn-etcmore span a {
    display: inline-flex;
    min-width: 80px;
    height: 32px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: var(--color-border);
    border-radius: 4px
}

.btn-etcmore span a:hover {
    background: var(--color-golddrop);
    color: var(--color-333)
}

.btn-etcmore button {
    width: auto;
    min-width: inherit;
    height: 32px;
    padding: 0 15px;
    font-size: 16px
}

.btn-set {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 30px 0 10px 0
}

.btn-set span {
    width: inherit;
    padding: 0 10px
}

.btn-set span:last-child a {
    font-size: 16px;
    font-weight: 400;
    background: var(--color-gold);
    color: var(--color-white)
}

.btn-set span:last-child a:hover {
    color: var(--color-white);
    background: var(--color-green)
}

.btn-set span a {
    display: inline-flex;
    width: 100%;
    min-width: 200px;
    height: 40px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: var(--color-border);
    border-radius: 4px
}

.btn-set span a:hover {
    background: var(--color-golddrop);
    color: var(--color-333)
}

.btn-upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    margin-bottom: 10px
}

.btn-upload span {
    width: inherit;
    padding: 0
}

.btn-upload span a {
    position: relative;
    display: inline-flex;
    height: 32px;
    padding: 0 15px 0 40px;
    align-items: center;
    font-size: 14px;
    color: var(--color-white);
    background: var(--color-gold);
    border-radius: 4px
}

.btn-upload span a:hover {
    background: var(--color-green)
}

.btn-upload span a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/icon-upload.svg) no-repeat center;
    background-size: 100%;
    left: 12px;
    top: 6px
}

.btn-upload button {
    width: auto;
    min-width: inherit;
    height: 32px;
    padding: 0 15px 0 15px;
    font-size: 14px
}

.btn-proof {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    margin-left: 5px
}

.btn-proof span {
    width: inherit;
    padding: 0
}

.btn-proof span a {
    position: relative;
    display: inline-flex;
    height: 32px;
    padding: 0 15px 0 40px;
    align-items: center;
    font-size: 14px;
    color: var(--color-white);
    background: var(--color-gold);
    border-radius: 4px
}

.btn-proof span a:hover {
    background: var(--color-green)
}

.btn-proof span a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/icon-check-white.svg) no-repeat center;
    background-size: 16px;
    left: 12px;
    top: 6px
}

.btn-proof button {
    width: auto;
    min-width: inherit;
    height: 32px;
    padding: 0 15px 0 15px;
    font-size: 14px
}

.fix-gototop {
    position: fixed;
    width: 26px;
    height: 26px;
    bottom: 12px;
    right: 10px;
    z-index: 7
}

.fix-gototop a {
    display: inline-table;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    background: #666
}

.fix-gototop a:hover {
    color: #fff;
    background: #333
}

.fix-gototop i {
    display: table-cell;
    vertical-align: middle
}

.top-hide {
    bottom: -40px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.top-show {
    bottom: 12px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.icon-top {
    display: table-cell;
    vertical-align: middle;
    background: url(../images/icon-arrow-top.svg) no-repeat;
    background-size: 100%
}

.ui-loader {
    display: none !important;
    visibility: hidden !important
}

.blockPage {
    width: 260px !important;
    left: 0 !important;
    right: 0 !important;
    border: none !important;
    background: 0 0 !important;
    margin: 0 auto !important
}

.blockPage .waiting {
    width: 260px;
    padding: 15px;
    font-size: 15px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .35)
}

.blockPage .waiting img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.error {
    color: #fa5058;
    font-size: 14px;
    font-weight: 400
}

.mt {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mb {
    margin-bottom: 0 !important
}

.ml { margin-left: 0 !important; }

.ml-15 {
    margin-left: 15px !important
}
.ml-30 {
    margin-left: 30px !important
}
.ml-60 {
    margin-left: 60px !important
}

.mb-10 {
    margin-bottom: 10px !important
}
.mb-15 {
    margin-bottom: 15px !important
}
.mb-20 {
    margin-bottom: 20px !important
}
.mb-30 {
    margin-bottom: 30px !important
}
.mb-40 {
    margin-bottom: 40px !important
}
.mb-50 {
    margin-bottom: 50px !important
}
.mb-60 {
    margin-bottom: 60px !important
}

.mr {
    margin-right: 0 !important
}

.pt {
    padding-top: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}
.pt-20 {
    padding-top: 20px !important
}
.pt-30 {
    padding-top: 30px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pl {
    padding-left: 0 !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-17 {
    padding-left: 17px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pb {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px !important
}
.pb-15 {
    padding-bottom: 15px !important
}
.pb-30 {
    padding-bottom: 30px !important
}

.display-block { display: block; }
.display-flex { display: flex; } 

.text-underline { border-bottom: 1px solid var(--color-999); }

input[type=checkbox],
input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

input[type="checkbox"] + label, input[type="radio"] + label {
    position: relative;
    padding-left: 28px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox]:focus+label:before,
input[type=checkbox]:hover+label:before,
input[type=radio]:focus+label:before,
input[type=radio]:hover+label:before {
   /* border-color: var(--color-green);*/
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    padding-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    content: '';
    color: #555;
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background:  rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
   /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

input[type=checkbox]+label:after,
input[type=radio]+label:after {
    content: '';
    background-color: var(--color-gold);
    position: absolute;
    top: 0;
    left: 6px;
    width: 15px;
    height: 15px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

input[type=checkbox]+label:after {
    background-color: transparent;
    top: 8px;
    left: 4px;
    width: 9px;
    height: 4px;
    margin-top: 0;
    border-style: solid;
    border-color: var(--color-white);
    border-width: 0 0 2px 2px;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0)
}

input[type=checkbox]:checked+label:after {
    content: '';
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

input[type=radio]:checked+label:before {
    -webkit-animation: borderscale .3s ease-in;
    animation: borderscale .3s ease-in
}

input[type=radio]:checked+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

input[type=radio]+label:after,
input[type=radio]+label:before {
    border-radius: 50%
}

input[type=checkbox]:checked+label:before {
    -webkit-animation: borderscale .3s ease-in;
    animation: borderscale .3s ease-in;
    background: rgba(0, 0, 0, .3);
    border: 1px solid  rgba(0, 0, 0, .1);
}

input[type=checkbox]:checked+label:after {
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}



/*----*/
@keyframes sleft {
    0% {
        left: -30%
    }

    100% {
        left: 110%
    }
}

@keyframes rleft {
    0% {
        left: -50%
    }

    100% {
        left: 150%
    }
}

/*Fancy*/
.fancybox-container {background-color: rgba(0,0,0,.4) ;
   -webkit-backdrop-filter: blur(10px) ;
    backdrop-filter: blur(10px) ;
    -webkit-transition: opacity .5s,visibility .5s;
    -moz-transition: opacity .5s,visibility .5s;
    -ms-transition: opacity .5s,visibility .5s;
    -o-transition: opacity .5s,visibility .5s;
    transition: opacity .5s,visibility .5s; }
.fancybox-content {
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.fancybox-navigation .fancybox-button:hover div {
    background: var(--color-yellow)
}

.fancybox-thumbs__list a:before {
    border: 4px solid var(--color-yellow)
}

.fancybox-toolbar button:hover {
    background: var(--color-yellow)
}

.fancybox-caption {
    color: var(--color-white);
    font-size: 20px
}

.fancybox-slide--current .animated-modal {
    transform: translateY(0);
    opacity: 1;
    transition-duration: .3s
}

.fancybox-close-small {
    background: var(--color-eee) !important;
    border-radius: 50% !important; transition: all 0.3s ease;
}
/*.fancybox-close-small:hover { background: var(--color-gold) !important;  transition: all 0.3s ease; }*/

.fancybox-is-open .fancybox-bg {
    opacity: .7
}

.fancybox-content .close-small {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    background: url(../images/icon-close.svg) no-repeat center;
    background-size: 50%;
    cursor: pointer;
    z-index: 1
}

.fancybox-content .btn-close {
    display: flex;
    justify-content: center
}

.fancybox-content .btn-close span {
    display: flex;
    justify-content: center;
    width: 200px;
    margin: 10px 0;
    padding: 10px 20px;
    border: 1px solid var(--color-e5e);
    background: var(--color-white);
    border-radius: 90px;
    cursor: pointer;
    transition: all .3s ease
}

.fancybox-content .btn-close span:hover {
    background: var(--color-green);
    color: var(--color-white);
    border: 1px solid var(--color-green)
}

.fancybox-slide--html { padding: 20px; }
.fancybox-slide--html .fancybox-close-small {
    top: 15px;
    right: 15px
}

.fancybox-close-small {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    opacity: 1;
    outline: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font: 36px/40px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: var(--color-333);
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background:  url(../images/icon-close-black.svg) no-repeat center;
    background-size: 30%;
    transition: background .25s;
    box-sizing: border-box;
    transition: all .3s ease
}

.fancybox-close-small:hover:after {
    color: var(--color-gold);
    transition: all .3s ease
}

.fancybox-close-small:hover {
    color: var(--color-green)
}

.fancybox-progress {
    background: var(--color-yellow)
}

.fancybox-thumbs {
    background: var(--color-green)
}


.animated.infinite {
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.zoomIn {
    animation-name: zoomIn;
}

.animated-modal {
    max-width: inherit;
    width: auto;
    min-width: 720px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-white);
    transform: translateY(-80px);
    transition: all .5s
}

.left-line {
    padding-left: 20px;
    margin: 15px 0
}

.left-line:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: var(--color-gold)
}

.text-center {
    text-align: center !important
}

.full {
    width: 100% !important;
    max-width: 100% !important
}
:lang(en) .error {
    font-size: 12px !important;
    color: red
}
.error {
    font-size: 12px !important;
    color: red;
    font-weight: 300;
    position: relative !important;
}

.carousel-cell {
    width: 100%
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}


.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 40px;
    min-width: inherit;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: hsla(0, 0%, 100%, .75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
    background: #fff
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #09f
}

.flickity-prev-next-button:active {
    opacity: .6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 11px;
    top: 12px;
    width: 40%;
    height: 40%
}

.flickity-prev-next-button .arrow {
    fill: #3c4542
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    z-index: 99
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    background: #007548;
    width: 20px;
    border-radius: 30px
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}
/*CD Timline*/
.cd-horizontal-timeline {
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.cd-horizontal-timeline::before {
    content: 'mobile';
    display: none
}

.cd-horizontal-timeline.loaded {
    opacity: 1
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 560px;
    margin: 0 auto
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 30px
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient(left, #f0f8ff, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f0f8ff, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient(right, #f0f8ff, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f0f8ff, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: var(--color-border);
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.cd-horizontal-timeline .filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--color-blue);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}


.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding: 0 0 15px 0;
    color: var(--color-333);
    font-family: 'Questrial', sans-serif;
    font-size: 20px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.cd-horizontal-timeline .events a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -7px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 2px solid #dce8f3;
    background-color: var(--color-f0f8ff);
    -webkit-transition: background-color .3s, border-color .3s;
    -moz-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none; color: var(--color-sky);
}

.cd-horizontal-timeline .events a.selected::after {
    background: var(--color-white);
    border-color: var(--color-blue)
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: var(--color-blue)
}

.cd-horizontal-timeline .events a.older-event { color: var(--color-sky); }

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline {
        margin: 0
    }

    .cd-horizontal-timeline::before {
        content: 'desktop'
    }
}

.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
/*    border: 2px solid var(--color-border);*/
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.cd-timeline-navigation a.prev {
    left: 0;
    background: var(--color-sky) url(../images/icon-arrow-back-white.svg) no-repeat center;
    background-size: 42%
}

.cd-timeline-navigation a.next {
    right: 0;
    background: var(--color-sky) url(../images/icon-arrow-next-white.svg) no-repeat center;
    background-size: 42%
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: var(--color-gold)
}

.cd-timeline-navigation a.inactive {
    opacity: .5
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
    overflow: hidden;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s;
    background-size: cover
}

.cd-horizontal-timeline .events-content:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    left: 0;
    top: 0
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.cd-horizontal-timeline .events-content li.selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left
}

.cd-horizontal-timeline .events-content li.leave-left,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse
}

.cd-horizontal-timeline .events-content li>* {
    margin: 0 auto
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto
}

.cd-horizontal-timeline .events-content em::before {
    content: '- '
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
    line-height: 1.6
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.call-to-action {
    position: fixed;
    width: 45px;
    bottom: 30px;
    right: 15px;
    z-index: 222
}

.call-to-action .box {
    position: relative;
    width: 45px;
    height: 45px
}

.call-to-action .box span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--color-green);
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease
}

.call-to-action .box span:hover {
    background: var(--color-green);
    transition: all .3s ease
}

.call-to-action .box:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    left: -50%;
    top: 0;
    right: -50%;
    bottom: 0;
    margin: auto;
    background-color: #000;
    border-radius: 50%;
    -webkit-animation: sk-scaleout 1.7s infinite ease-in-out;
    animation: sk-scaleout 1.7s infinite ease-in-out
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.click-call {
    position: relative;
    text-indent: -9999px;
    height: 100%;
    cursor: pointer
}

.call-to-action .icon-chat {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-blue) url(../images/call-action/icon-chat.svg) no-repeat center;
    background-size: 70%;
    border-radius: 50%
}

.call-to-action .icon-close {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-sky) url(../images/call-action/icon-close.svg) no-repeat center;
    background-size: 50%;
    border-radius: 50%
}

.call-zone-show {
    display: block !important;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1)
}

.call-to-action ul {
    display: none;
    position: absolute;
    width: 45px;
    bottom: 54px;
    right: 0;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1)
}

.call-to-action li {
    position: relative;
    width: 45px;
    padding: 4px 0;
    border-radius: 50%;
    overflow: hidden
}

.call-to-action li a {
    display: block;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 50%;
    overflow: hidden
}

.call-to-action li .btn-line {
    display: block;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 50%;
    overflow: hidden; cursor: pointer;
}

.call-to-action li a i {
    text-indent: -9999px
}

.call-to-action .icon-ig {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #ed1a6e url(../images/call-action/icon-call-ig.svg) no-repeat center;
    background-size: 50%
}

.call-to-action .icon-youtube {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #0184ff url(../images/call-action/icon-call-youtube.svg) no-repeat center;
    background-size: 50%
}

.call-to-action .icon-fbmessage {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #0184ff url(../images/call-action/icon-call-fbmessage.svg) no-repeat center;
    background-size: 50%
}

.call-to-action .icon-facebook {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #0184ff url(../images/call-action/icon-call-facebook.svg) no-repeat center;
    background-size: 50%
}

.call-to-action .icon-line {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #00c300 url(../images/call-action/icon-call-line.svg) no-repeat center;
    background-size: 60%
}

.call-to-action .icon-tel {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-blue) url(../images/call-action/icon-call-tel.svg) no-repeat center;
    background-size: 50%
}

.call-to-action .icon-mail {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #ff8935 url(../images/call-action/icon-call-mail.svg) no-repeat center;
    background-size: 50%
}

.call-to-action-box {
    position: relative;
    width: 100%;
    max-width: 320px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.call-to-action-box .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    padding: 0;
    background: var(--color-whitedrop)
}

.call-to-action-box .title:before {
    display: none
}

.call-to-action-box .title h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 40px;
}

.call-to-action-box .box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 30px
}

.call-to-action-box .box dl {
    display: flex;
    flex-wrap: wrap
}

.call-to-action-box .box dd {
    width: 100%;
    padding-bottom: 10px
}

.call-to-action-box .box a {
    display: inline-flex
}

.call-to-action-box .box img {
    display: block;
    padding: 0
}

.call-to-action-box .box input[type=text] {
    width: 100%
}

.call-to-action-box .box textarea {
    height: 100px
}

.call-to-action-box .box .btn-submit {
    padding-top: 0
}

.call-to-action-box .box .btn-submit button {
    width: 100%;
    min-width: 100%
}

.call-line .title {
    margin-bottom: 0;
    background: #00c300
}
.call-line .title:after { display: none; }


.call-line .title h3 {
    color: #fff
}

.call-line .fancybox-close-small:after {
    color: #fff
}

.call-fbmessage .title {
    background: #0084ff
}

.call-fbmessage .title h3 {
    color: #fff
}

.call-fbmessage .fancybox-close-small:after {
    color: #fff
}

.delay-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.delay-05 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay-15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay-25 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay-3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.delay-35 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.delay-4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.delay-45 {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.delay-5 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.delay-55 {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.delay-6 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.delay-65 {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s
}

.delay-7 {
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.delay-75 {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s
}

.delay-s1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay-s2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay-s3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-s4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay-s5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-s6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.delay-s7 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}
.delay-s8 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}
.delay-s9 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}
.delay-s10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.delay-s11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}
.delay-s12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}
.delay-s13 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}
.delay-s14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}
.delay-s15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.animated {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated-slow {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated-splash {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}


@-webkit-keyframes fadeInUpmini {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpmini {
    0% {
        opacity: 0;
        -moz-transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpmini {
    0% {
        opacity: 0;
        -o-transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpmini {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpmini {
    -webkit-animation-name: fadeInUpmini;
    -moz-animation-name: fadeInUpmini;
    -o-animation-name: fadeInUpmini;
    animation-name: fadeInUpmini
}

.icon-rotate-90 {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    transition: all .3s ease im !important
}


.grecaptcha-badge {
    right: -600px !important
}




/*Icon Add Home Screen*/
.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0,0,0,0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;

    background: #eee;
    background-size: 100% auto;

    box-shadow: 0 0.2em 0 #d1d1d1;

    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-container small {
    font-size: 0.8em;
    line-height: 1.3em;
    display: block;
    margin-top: 0.5em;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet{
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

/* close icon */
.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: rgba(255,255,255,0.8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon{
    width: 1.6em;
    height: 1.6em;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
        inset 0 0.07em 0 rgba(255,255,255,0.5);
    margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }

    .ath-android.ath-phone {
        margin-left: -12em;
    }

    .ath-ios.ath-phone {
        margin-left: -12em;
    }

    .ath-ios6:after {
        left: 39%;
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }
}


.fv-plugins-message-container.valid-feedback,.fv-plugins-message-container.invalid-feedback {  display: block;font-weight: 400; }
.invalid-feedback {display: none; width: 100%;  margin-top: 0.5rem;   font-size: 0.925rem; color: #f1416c;}
.fv-sr-only{display:none}.fv-plugins-framework input::-ms-clear,.fv-plugins-framework textarea::-ms-clear{display:none;height:0;width:0}.fv-plugins-icon-container{position:relative}.fv-plugins-icon{position:absolute;right:0;text-align:center;top:0}.fv-plugins-tooltip{max-width:256px;position:absolute;text-align:center;z-index:10000}.fv-plugins-tooltip .fv-plugins-tooltip__content{background:#000;border-radius:3px;color:#eee;padding:8px;position:relative}.fv-plugins-tooltip .fv-plugins-tooltip__content:before{border:8px solid transparent;content:'';position:absolute}.fv-plugins-tooltip--hide{display:none}.fv-plugins-tooltip--top-left{transform:translateY(-8px)}.fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before{border-top-color:#000;left:8px;top:100%}.fv-plugins-tooltip--top{transform:translateY(-8px)}.fv-plugins-tooltip--top .fv-plugins-tooltip__content:before{border-top-color:#000;left:50%;margin-left:-8px;top:100%}.fv-plugins-tooltip--top-right{transform:translateY(-8px)}.fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before{border-top-color:#000;right:8px;top:100%}.fv-plugins-tooltip--right{transform:translateX(8px)}.fv-plugins-tooltip--right .fv-plugins-tooltip__content:before{border-right-color:#000;margin-top:-8px;right:100%;top:50%}.fv-plugins-tooltip--bottom-right{transform:translateY(8px)}.fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;right:8px}.fv-plugins-tooltip--bottom{transform:translateY(8px)}.fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;left:50%;margin-left:-8px}.fv-plugins-tooltip--bottom-left{transform:translateY(8px)}.fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;left:8px}.fv-plugins-tooltip--left{transform:translateX(-8px)}.fv-plugins-tooltip--left .fv-plugins-tooltip__content:before{border-left-color:#000;left:100%;margin-top:-8px;top:50%}.fv-plugins-tooltip-icon{cursor:pointer;pointer-events:inherit}.fv-plugins-bootstrap .fv-help-block{color:#dc3545;font-size:80%;margin-top:0.25rem}.fv-plugins-bootstrap .is-invalid ~ .form-check-label,.fv-plugins-bootstrap .is-valid ~ .form-check-label{color:inherit}.fv-plugins-bootstrap .has-danger .fv-plugins-icon{color:#dc3545}.fv-plugins-bootstrap .has-success .fv-plugins-icon{color:#28a745}.fv-plugins-bootstrap .fv-plugins-icon{height:38px;line-height:38px;width:38px}.fv-plugins-bootstrap .input-group ~ .fv-plugins-icon{z-index:3}.fv-plugins-bootstrap .form-group.row .fv-plugins-icon{right:15px}.fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon{top:32px}.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check{top:25px}.fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap.form-inline .form-group{align-items:flex-start;flex-direction:column;margin-bottom:auto}.fv-plugins-bootstrap .form-control.is-valid,.fv-plugins-bootstrap .form-control.is-invalid{background-image:none}.fv-plugins-bootstrap3 .help-block{margin-bottom:0}.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback{z-index:4}.fv-plugins-bootstrap3.form-inline .form-group{vertical-align:top}.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon{color:#dc3545}.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon{color:#198754}.fv-plugins-bootstrap5 .fv-plugins-icon{align-items:center;display:flex;justify-content:center;height:38px;width:38px}.fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon{z-index:3}.fv-plugins-bootstrap5 .fv-plugins-icon-input-group{right:-38px}.fv-plugins-bootstrap5 .form-floating .fv-plugins-icon{height:58px}.fv-plugins-bootstrap5 .row .fv-plugins-icon{right:12px}.fv-plugins-bootstrap5 .row .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon{top:32px}.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check{top:25px}.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon{right:calc(var(--bs-gutter-x, 1.5rem) / 2)}.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-valid,.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-invalid,.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid,.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid{background-image:none}.fv-plugins-bulma .field.has-addons{flex-wrap:wrap}.fv-plugins-bulma .field.has-addons::after{content:'';width:100%}.fv-plugins-bulma .field.has-addons .fv-plugins-message-container{order:1}.fv-plugins-bulma .icon.fv-plugins-icon-check{top:-4px}.fv-plugins-bulma .fv-has-error .input,.fv-plugins-bulma .fv-has-error .textarea{border:1px solid #ff3860}.fv-plugins-bulma .fv-has-success .input,.fv-plugins-bulma .fv-has-success .textarea{border:1px solid #23d160}.fv-plugins-foundation .fv-plugins-icon{height:39px;line-height:39px;right:0;width:39px}.fv-plugins-foundation .grid-padding-x .fv-plugins-icon{right:15px}.fv-plugins-foundation .fv-plugins-icon-container .cell{position:relative}.fv-plugins-foundation [type='checkbox'] ~ .fv-plugins-icon,.fv-plugins-foundation [type='checkbox'] ~ .fv-plugins-icon{top:-7px}.fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container{width:100%}.fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,.fv-plugins-foundation.fv-stacked-form fieldset [type='checkbox'] ~ .fv-plugins-icon,.fv-plugins-foundation.fv-stacked-form fieldset [type='radio'] ~ .fv-plugins-icon{top:25px}.fv-plugins-foundation .form-error{display:block}.fv-plugins-foundation .fv-row__success .fv-plugins-icon{color:#3adb76}.fv-plugins-foundation .fv-row__error label,.fv-plugins-foundation .fv-row__error fieldset legend,.fv-plugins-foundation .fv-row__error .fv-plugins-icon{color:#cc4b37}.fv-plugins-materialize .fv-plugins-icon{height:42px;line-height:42px;width:42px}.fv-plugins-materialize .fv-plugins-icon-check{top:-10px}.fv-plugins-materialize .fv-invalid-row .helper-text,.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon{color:#f44336}.fv-plugins-materialize .fv-valid-row .helper-text,.fv-plugins-materialize .fv-valid-row .fv-plugins-icon{color:#4caf50}.fv-plugins-milligram .fv-plugins-icon{height:38px;line-height:38px;width:38px}.fv-plugins-milligram .column{position:relative}.fv-plugins-milligram .column .fv-plugins-icon{right:10px}.fv-plugins-milligram .fv-plugins-icon-check{top:-6px}.fv-plugins-milligram .fv-plugins-message-container{margin-bottom:15px}.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon{top:30px}.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check{top:24px}.fv-plugins-milligram .fv-invalid-row .fv-help-block,.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon{color:red}.fv-plugins-milligram .fv-valid-row .fv-help-block,.fv-plugins-milligram .fv-valid-row .fv-plugins-icon{color:green}.fv-plugins-mini .fv-plugins-icon{height:42px;line-height:42px;width:42px;top:4px}.fv-plugins-mini .fv-plugins-icon-check{top:-8px}.fv-plugins-mini.fv-stacked-form .fv-plugins-icon{top:28px}.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check{top:20px}.fv-plugins-mini .fv-plugins-message-container{margin:calc(var(--universal-margin) / 2)}.fv-plugins-mini .fv-invalid-row .fv-help-block,.fv-plugins-mini .fv-invalid-row .fv-plugins-icon{color:var(--input-invalid-color)}.fv-plugins-mini .fv-valid-row .fv-help-block,.fv-plugins-mini .fv-valid-row .fv-plugins-icon{color:#308732}.fv-plugins-mui .fv-plugins-icon{height:32px;line-height:32px;width:32px;top:15px;right:4px}.fv-plugins-mui .fv-plugins-icon-check{top:-6px;right:-10px}.fv-plugins-mui .fv-plugins-message-container{margin:8px 0}.fv-plugins-mui .fv-invalid-row .fv-help-block,.fv-plugins-mui .fv-invalid-row .fv-plugins-icon{color:#f44336}.fv-plugins-mui .fv-valid-row .fv-help-block,.fv-plugins-mui .fv-valid-row .fv-plugins-icon{color:#4caf50}.fv-plugins-pure .fv-plugins-icon{height:36px;line-height:36px;width:36px}.fv-plugins-pure .fv-has-error label,.fv-plugins-pure .fv-has-error .fv-help-block,.fv-plugins-pure .fv-has-error .fv-plugins-icon{color:#ca3c3c}.fv-plugins-pure .fv-has-success label,.fv-plugins-pure .fv-has-success .fv-help-block,.fv-plugins-pure .fv-has-success .fv-plugins-icon{color:#1cb841}.fv-plugins-pure.pure-form-aligned .fv-help-block{margin-top:5px;margin-left:180px}.fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check{top:-9px}.fv-plugins-pure.pure-form-stacked .pure-control-group{margin-bottom:8px}.fv-plugins-pure.pure-form-stacked .fv-plugins-icon{top:22px}.fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check{top:13px}.fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon{top:-9px}.fv-plugins-semantic.ui.form .fields.error label,.fv-plugins-semantic .error .fv-plugins-icon{color:#9f3a38}.fv-plugins-semantic .fv-plugins-icon-check{right:7px}.fv-plugins-shoelace .input-group{margin-bottom:0}.fv-plugins-shoelace .fv-plugins-icon{height:32px;line-height:32px;width:32px;top:28px}.fv-plugins-shoelace .row .fv-plugins-icon{right:16px;top:0}.fv-plugins-shoelace .fv-plugins-icon-check{top:24px}.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon{top:-4px}.fv-plugins-shoelace .input-valid .fv-help-block,.fv-plugins-shoelace .input-valid .fv-plugins-icon{color:#2ecc40}.fv-plugins-shoelace .input-invalid .fv-help-block,.fv-plugins-shoelace .input-invalid .fv-plugins-icon{color:#ff4136}.fv-plugins-spectre .input-group .fv-plugins-icon{z-index:2}.fv-plugins-spectre .form-group .fv-plugins-icon-check{right:6px;top:10px}.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check{right:6px;top:45px}.fv-plugins-tachyons .fv-plugins-icon{height:36px;line-height:36px;width:36px}.fv-plugins-tachyons .fv-plugins-icon-check{top:-7px}.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon{top:34px}.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check{top:24px}.fv-plugins-turret .fv-plugins-icon{height:40px;line-height:40px;width:40px}.fv-plugins-turret.fv-stacked-form .fv-plugins-icon{top:29px}.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check{top:17px}.fv-plugins-turret .fv-invalid-row .form-message,.fv-plugins-turret .fv-invalid-row .fv-plugins-icon{color:#c00}.fv-plugins-turret .fv-valid-row .form-message,.fv-plugins-turret .fv-valid-row .fv-plugins-icon{color:#00b300}.fv-plugins-uikit .fv-plugins-icon{height:40px;line-height:40px;top:25px;width:40px}.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon{top:0}.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check{top:-11px}.fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check{top:15px}.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon{top:0}.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check{top:-11px}.fv-plugins-wizard--step{display:none}.fv-plugins-wizard--active{display:block}
.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: 1fr 99fr 1fr;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px hsla(0deg, 0%, 0%, .075), 0 1px 2px hsla(0deg, 0%, 0%, .075), 1px 2px 4px hsla(0deg, 0%, 0%, .075), 1px 3px 8px hsla(0deg, 0%, 0%, .075), 2px 4px 16px hsla(0deg, 0%, 0%, .075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: .5em;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-container {
    display: grid;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end""center-start  center         center-end""bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
    background: 0 0 !important
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
    grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
    align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,
.swal2-container.swal2-center-start>.swal2-popup {
    grid-row: 2;
    align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,
.swal2-container.swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,
.swal2-container.swal2-bottom-start>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,
.swal2-container.swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,
.swal2-container.swal2-grow-row>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,
.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

.swal2-container.swal2-no-transition {
    transition: none !important
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 280px;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: 0
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled:focus {
    outline: 0
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

.swal2-close:hover {
    transform: none;
    background: 0 0;
    color: #f27474
}

.swal2-close:focus {
    outline: 0;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
    margin: 1em 2em 3px
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: 0 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
    color: inherit;
    font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input,
.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: 0 0;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: 0 0;
    color: inherit;
    font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
    flex-shrink: 0;
    margin: 0 .4em
}

.swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1em auto 0em;
    border: 3px solid transparent;
    border-radius: 50%;
   border-color: #e6e7ec;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-warning.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .5s;
    animation: swal2-animate-i-mark .5s
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-info.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .8s;
    animation: swal2-animate-i-mark .8s
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-question.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-question-mark .8s;
    animation: swal2-animate-question-mark .8s
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: 0 0;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

.swal2-no-war {
    display: flex;
    position: fixed;
    z-index: 1061;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.375em;
    background: #20232a;
    color: #fff;
    text-align: center
}

.swal2-no-war a {
    color: #61dafb;
    text-decoration: none
}

.swal2-no-war a:hover {
    text-decoration: underline
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@-webkit-keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}


/* Slider */
.slick-loading .slick-list
{
    background:  url('../images/ajax-loading.svg') center center no-repeat;
}

/* Arrows */

.home-banner .slick-prev,
.home-banner .slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    width: 16%;
    height: 100%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1
}

.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0; overflow: hidden;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home-banner .slick-prev
{
     left: 0; cursor: url(https://www.publishidea.com/work/changeestate/images/cursor-prev.svg) 10 15,auto !important; 
}

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

[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.home-banner .slick-next
{
  right: 0; cursor: url(https://www.publishidea.com/work/changeestate/images/cursor-next.svg) 10 15,auto !important; 
}

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

[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next:before
{
    content: ''; 
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-dotted.slick-slider
{

}

.slick-dots
{
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 9;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li div
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li div:hover,
.slick-dots li div:focus
{
    outline: none;
}
.slick-dots li div:hover:before,
.slick-dots li div:focus:before
{
    opacity: 1;
}
.slick-dots li div:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
    background: var(--color-gold);
    border-radius: 50%; /*border: 1px solid #ccc;*/
    /*box-shadow: 0 0 5px 0 rgb(0 0 0 / 75%);*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active div:before
{ background: var(--color-bluedrop);
}

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: 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;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

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

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*Animation*/
.animation-top {
    margin-top:40px;
    background:grey;
    -webkit-transform: translateY(50px) rotate(0) translateZ(0);
    transform: translateY(50px) rotate(0) translateZ(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.inView {
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
}


/*Flickity*/
.carousel-cell {  width: 100%; max-width: 1440px;  }
.carousel.is-fullscreen .carousel-cell { height: 100%; }
.carousel-cell img { display: block; max-height: 100%; }

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}



/* DOM SELECTIZING */
.ion-chevron-right { background: url(../images/icon-arrow-next-white.svg) no-repeat center; background-size: 40%; }

    .dom-selectizing,
    .dom-selectizing-clone {
        margin:0;
        padding:0;
        display:inline-block;
        position:relative;
        width: 290px; 
    }
    .dom-selectizing-clone {
        display: none;
    }
    .dom-selectizing li,
    .dom-selectizing-clone li {
        list-style:none;
        cursor: pointer;
        perspective: 900px;
        -webkit-perspective: 900px;
        text-align: left;
    }
    .dom-selectizing > li,
    .dom-selectizing-clone li {
        position:relative;
        font-size:0;
    }
    .dom-selectizing span,
    .dom-selectizing-clone span {
        display:inline-block;
        height:45px;
        line-height:45px;
        color:#FFF;
        z-index:1;
    }
    .dom-selectizing .arrow,
    .dom-selectizing-clone .arrow {
        transition: .3s;
        -webkit-transition: .3s;
        width:45px;
        text-align:center;
        vertical-align: top;
        font-size:17px;
    }
    .dom-selectizing .title,
    .dom-selectizing-clone .title {
        /*padding: 0 20px 0 20px;*/
        padding: 0 20px;
        border-left: dotted 1px rgba(244,244,244,.5);
        font-size: 22px;
        font-weight: normal;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 240px; user-select: none; 
    }
    .dom-selectizing .search {
        padding: 0 20px;
        /*padding: 0 0 0 10px;*/
        width: calc(100% - 45px);
        border-left: dotted 1px rgba(244,244,244,.5);
        position: absolute;
        top:0;
        right:0;
        z-index:-9;
    }
    @keyframes searchActive {
        from{ transform: rotateY(180deg) }
        to{ transform: rotateY(0deg); }
    }@-moz-keyframes searchActive {
        from{ transform: rotateY(180deg) }
        to{ transform: rotateY(0deg); }
    }
    @-webkit-keyframes searchActive {
        from{ -webkit-transform: rotateY(180deg) }
        to{ -webkit-transform: rotateY(0deg); }
    }
    .search-active .search {
        z-index:1;
        animation: searchActive 0.3s alternate 1;
        -moz-animation: searchActive 0.3s alternate 1;
        -webkit-animation: searchActive 0.3s alternate 1;
    }
    .search-active .title {
        opacity:0;
    }
    .dom-selectizing .search input { display: none;
        line-height:45px;
        border:none;
        padding:0;
        margin:0;
        width:100%;
        height:100%;
        background:transparent;
    
    }
    .dom-selectizing .search input:focus,
    .dom-selectizing .search input:active {
        box-shadow:none;
        border:none;
        outline: none;
    }
    .dom-selectizing li ul {
        display:none;
        position:absolute;
        top:100%;
        left:0;
        padding: 0 !important;
        width:100%;
        background: #FFF;
        height: 122px;
        overflow-y: auto;
        transition: .2s;
        -webkit-transition: .2s;
        z-index:2;
        background:rgba(253,253,253,1);

    }
    .dom-selectizing li ul li {
        padding:9px 12px 9px 20px;
        border-bottom: 1px solid rgba(240,240,240,1);
        font-weight:normal;
        font-size:18px;
        transition: .2s;
        -webkit-transition: .2s;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: none;
    }
    .dom-selectizing li ul li:hover {
        background: #aaa;
        color:#FFF;
    }
    .dom-selectizing .selected {
        background: #666;
        color:#FFF;
    }
    .dom-selectizing li ul li:last-child {
        border-bottom: none;
    }
    .dom-selectizing li ul li.hidden {
        display: none !important;
    }
    .open .arrow {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    @-moz-keyframes effect1 {
        from{ transform: translateY(15px); opacity:0; }
        to{ transform: translateY(0px); opacity:1; }
    }
    @-webkit-keyframes effect1 {
        from{ -webkit-transform: translateY(15px); opacity:0; }
        to{ -webkit-transform: translateY(0px); opacity:1; }
    }
    .open li ul{
        display:block;
        -moz-animation: effect1 0.3s alternate 1;
        -webkit-animation: effect1 0.3s alternate 1;
    }

/* RESPONSIVE STYLES*/
    @media (max-width: 767px) {
        /* DOM SELECTIZING */
           /* .selectizing-wrapper {
                width: 95vw;
                max-width: 350px;
            }
            .dom-selectizing {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                z-index: 1030;
                -ms-align-items: flex-start;
                align-items: flex-start;
                justify-content: center;
                padding-top: 28vh;
                display: none;
            }

            .dom-selectizing.open {
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
            }

            .dom-selectizing .title,
            .dom-selectizing .arrow {
                display: none;
            }

            .dom-selectizing .search {
                position: relative;
                width: 100% !important;
                background: transparent !important;
                border: none;
                color: white !important;
                 -o-transition-property: none !important;
                 -moz-transition-property: none !important;
                 -ms-transition-property: none !important;
                 -webkit-transition-property: none !important;
                 transition-property: none !important;

                 -o-transform: none !important;
                 -moz-transform: none !important;
                 -ms-transform: none !important;
                 -webkit-transform: none !important;
                 transform: none !important;
   
                 -webkit-animation: none !important;
                 -moz-animation: none !important;
                 -o-animation: none !important;
                 -ms-animation: none !important;
                 animation: none !important;
            }

            .dom-selectizing .search input {
                font-size: 25px !important;
            }

            .dom-selectizing li ul {
                position: relative;
                width: 95vw;
                max-width: 360px;
            }
            .dom-selectizing-clone {
                display: block;
                margin: 5px auto;
            }
            .dom-selectizing-clone li {
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
            }
            .dom-selectizing-clone .title {
                width: calc(100% - 45px) !important;
            }*/
    }



/*Phone Code*/
.cc-picker {
    overflow: hidden;
    display: inline-block;
    cursor: default;
    padding-right: 5px;
    vertical-align: middle;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 18px;
}

.cc-picker-flag {
    width: 16px;
    height: 11px;
    margin-right: 3px;
    display: inline-block;
    background: url('../images/flags.png');
    position: relative;
    top: 1px;
}

.cc-picker-code {
    display: inline-block;
    width:35px; padding-top: 4px; color: var(--color-white);
}

.cc-picker-code-select-enabled::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0; bottom: 0; margin: auto;
    right: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

.cc-picker-code-select-enabled {
    cursor: pointer;
    padding-right: 18px; padding-left: 15px;
    position: absolute; height: 100%; display: flex; align-items: center; border-radius: 3px 0 0 3px; background: rgba(0, 0, 0, 0); transition: all 0.3s ease;
}
.cc-picker-code-select-enabled:hover { background: rgba(0, 0, 0, .05); transition: all 0.3s ease; }


.cc-picker-code-list .cc-picker-code { display: none;
    color: gray;
    width: 38px;
}

.cc-picker-code-list {
    list-style: none;
    margin: 0;
    padding: 1px;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #ddd;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.cc-picker-code-filter {
    display: none;
  margin: 0 0 0 -5px;
  padding: 1px;
  width: 286px;
  height: 0;
  position: absolute;
  border: 1px solid #dad8d8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input[class=cc-picker-code-filter]::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
  color:gray;
  font-style:italic;
}

input[class=cc-picker-code-filter]:-moz-placeholder { /* Firefox 18- */
  color:gray;
  font-style:italic;
}

input[class=cc-picker-code-filter]::-moz-placeholder { /* Firefox 19+ */
  color:gray;
  font-style:italic;
}

input[class=cc-picker-code-filter]:-ms-input-placeholder { /* IE (10+?) */
  color:gray;
  font-style:italic;
}

.cc-picker-code-list > li:hover {
    background-color: #e1e1e1;
}

.cc-picker-code-list > li.cc-picker-selected-country {
    background-color: #f0f0f0;
}

.cc-picker-code-list > li {
    cursor: pointer;
    padding: 10px;
}
.cc-picker-code-list > li:first-child { border-bottom: 1px solid #ddd; }

.cc-picker-flag.zw{
    background-position:0 0
}
.cc-picker-flag.zm{
    background-position:-16px 0
}
.cc-picker-flag.za{
    background-position:0 -11px
}
.cc-picker-flag.yt{
    background-position:-16px -11px
}
.cc-picker-flag.ye{
    background-position:-32px 0
}
.cc-picker-flag.ws{
    background-position:-32px -11px
}
.cc-picker-flag.wf{
    background-position:0 -22px
}
.cc-picker-flag.vu{
    background-position:-32px -22px
}
.cc-picker-flag.vn{
    background-position:0 -33px
}
.cc-picker-flag.vi{
    background-position:-16px -33px
}
.cc-picker-flag.vg{
    background-position:-32px -33px
}
.cc-picker-flag.ve{
    background-position:-48px 0
}
.cc-picker-flag.vc{
    background-position:-48px -11px
}
.cc-picker-flag.va{
    background-position:-48px -22px
}
.cc-picker-flag.uz{
    background-position:-48px -33px
}
.cc-picker-flag.uy{
    background-position:0 -44px
}
.cc-picker-flag.us{
    background-position:-16px -44px
}
.cc-picker-flag.um{
    background-position:-16px -44px
}
.cc-picker-flag.ug{
    background-position:-32px -44px
}
.cc-picker-flag.ua{
    background-position:-48px -44px
}
.cc-picker-flag.tz{
    background-position:-64px 0
}
.cc-picker-flag.tw{
    background-position:-64px -11px
}
.cc-picker-flag.tv{
    background-position:-64px -22px
}
.cc-picker-flag.tt{
    background-position:-64px -33px
}
.cc-picker-flag.tr{
    background-position:-64px -44px
}
.cc-picker-flag.to{
    background-position:0 -55px
}
.cc-picker-flag.tn{
    background-position:-16px -55px
}
.cc-picker-flag.tm{
    background-position:-32px -55px
}
.cc-picker-flag.tl{
    background-position:-48px -55px
}
.cc-picker-flag.tk{
    background-position:-64px -55px
}
.cc-picker-flag.tj{
    background-position:0 -66px
}
.cc-picker-flag.th{
    background-position:-16px -66px
}
.cc-picker-flag.tg{
    background-position:-32px -66px
}
.cc-picker-flag.tf{
    background-position:-48px -66px
}
.cc-picker-flag.td{
    background-position:-64px -66px
}
.cc-picker-flag.tc{
    background-position:-80px 0
}
.cc-picker-flag.sz{
    background-position:-80px -11px
}
.cc-picker-flag.sy{
    background-position:-80px -22px
}
.cc-picker-flag.sx{
    background-position:-80px -33px
}
.cc-picker-flag.sv{
    background-position:-80px -44px
}
.cc-picker-flag.st{
    background-position:-80px -55px
}
.cc-picker-flag.ss{
    background-position:-80px -66px
}
.cc-picker-flag.sr{
    background-position:0 -77px
}
.cc-picker-flag.so{
    background-position:-16px -77px
}
.cc-picker-flag.sn{
    background-position:-32px -77px
}
.cc-picker-flag.sm{
    background-position:-48px -77px
}
.cc-picker-flag.sl{
    background-position:-64px -77px
}
.cc-picker-flag.sk{
    background-position:-80px -77px
}
.cc-picker-flag.si{
    background-position:-96px 0
}
.cc-picker-flag.sh{
    background-position:-96px -11px
}
.cc-picker-flag.sg{
    background-position:-96px -22px
}
.cc-picker-flag.se{
    background-position:-96px -33px
}
.cc-picker-flag.sd{
    background-position:-96px -44px
}
.cc-picker-flag.sc{
    background-position:-96px -66px
}
.cc-picker-flag.sb{
    background-position:-96px -77px
}
.cc-picker-flag.sa{
    background-position:0 -88px
}
.cc-picker-flag.rw{
    background-position:-16px -88px
}
.cc-picker-flag.ru{
    background-position:-32px -88px
}
.cc-picker-flag.rs{
    background-position:-48px -88px
}
.cc-picker-flag.ro{
    background-position:-64px -88px
}
.cc-picker-flag.qa{
    background-position:-80px -88px
}
.cc-picker-flag.py{
    background-position:-96px -88px
}
.cc-picker-flag.pw{
    background-position:0 -99px
}
.cc-picker-flag.pt{
    background-position:-16px -99px
}
.cc-picker-flag.ps{
    background-position:-32px -99px
}
.cc-picker-flag.pr{
    background-position:-48px -99px
}
.cc-picker-flag.pn{
    background-position:-64px -99px
}
.cc-picker-flag.pm{
    background-position:-80px -99px
}
.cc-picker-flag.pl{
    background-position:-96px -99px
}
.cc-picker-flag.pk{
    background-position:-112px 0
}
.cc-picker-flag.ph{
    background-position:-112px -11px
}
.cc-picker-flag.pg{
    background-position:-112px -22px
}
.cc-picker-flag.pf{
    background-position:-112px -33px
}
.cc-picker-flag.pe{
    background-position:-112px -44px
}
.cc-picker-flag.pa{
    background-position:-112px -55px
}
.cc-picker-flag.om{
    background-position:-112px -66px
}
.cc-picker-flag.nz{
    background-position:-112px -77px
}
.cc-picker-flag.nu{
    background-position:-112px -88px
}
.cc-picker-flag.nr{
    background-position:-112px -99px
}
.cc-picker-flag.no{
    background-position:0 -110px
}
.cc-picker-flag.bv{
    background-position:0 -110px
}
.cc-picker-flag.sj{
    background-position:0 -110px
}
.cc-picker-flag.nl{
    background-position:-16px -110px
}
.cc-picker-flag.ni{
    background-position:-32px -110px
}
.cc-picker-flag.ng{
    background-position:-48px -110px
}
.cc-picker-flag.nf{
    background-position:-64px -110px
}
.cc-picker-flag.ne{
    background-position:-80px -110px
}
.cc-picker-flag.nc{
    background-position:-96px -110px
}
.cc-picker-flag.na{
    background-position:-112px -110px
}
.cc-picker-flag.mz{
    background-position:-128px 0
}
.cc-picker-flag.my{
    background-position:-128px -11px
}
.cc-picker-flag.mx{
    background-position:-128px -22px
}
.cc-picker-flag.mw{
    background-position:-128px -33px
}
.cc-picker-flag.mv{
    background-position:-128px -44px
}
.cc-picker-flag.mu{
    background-position:-128px -55px
}
.cc-picker-flag.mt{
    background-position:-128px -66px
}
.cc-picker-flag.ms{
    background-position:-128px -77px
}
.cc-picker-flag.mr{
    background-position:-128px -88px
}
.cc-picker-flag.mq{
    background-position:-128px -99px
}
.cc-picker-flag.mp{
    background-position:-128px -110px
}
.cc-picker-flag.mo{
    background-position:0 -121px
}
.cc-picker-flag.mn{
    background-position:-16px -121px
}
.cc-picker-flag.mm{
    background-position:-32px -121px
}
.cc-picker-flag.ml{
    background-position:-48px -121px
}
.cc-picker-flag.mk{
    background-position:-64px -121px
}
.cc-picker-flag.mh{
    background-position:-80px -121px
}
.cc-picker-flag.mg{
    background-position:-96px -121px
}
.cc-picker-flag.me{
    background-position:0 -132px
}
.cc-picker-flag.md{
    background-position:-112px -121px
}
.cc-picker-flag.mc{
    background-position:-128px -121px
}
.cc-picker-flag.ma{
    background-position:-16px -132px
}
.cc-picker-flag.ly{
    background-position:-32px -132px
}
.cc-picker-flag.lv{
    background-position:-48px -132px
}
.cc-picker-flag.lu{
    background-position:-64px -132px
}
.cc-picker-flag.lt{
    background-position:-80px -132px
}
.cc-picker-flag.ls{
    background-position:-96px -132px
}
.cc-picker-flag.lr{
    background-position:-112px -132px
}
.cc-picker-flag.lk{
    background-position:-128px -132px
}
.cc-picker-flag.li{
    background-position:-144px 0
}
.cc-picker-flag.lc{
    background-position:-144px -11px
}
.cc-picker-flag.lb{
    background-position:-144px -22px
}
.cc-picker-flag.la{
    background-position:-144px -33px
}
.cc-picker-flag.kz{
    background-position:-144px -44px
}
.cc-picker-flag.ky{
    background-position:-144px -55px
}
.cc-picker-flag.kw{
    background-position:-144px -66px
}
.cc-picker-flag.kr{
    background-position:-144px -77px
}
.cc-picker-flag.kp{
    background-position:-144px -88px
}
.cc-picker-flag.kn{
    background-position:-144px -99px
}
.cc-picker-flag.km{
    background-position:-144px -110px
}
.cc-picker-flag.ki{
    background-position:-144px -121px
}
.cc-picker-flag.kh{
    background-position:-144px -132px
}
.cc-picker-flag.kg{
    background-position:0 -144px
}
.cc-picker-flag.ke{
    background-position:-16px -144px
}
.cc-picker-flag.jp{
    background-position:-32px -144px
}
.cc-picker-flag.jo{
    background-position:-48px -144px
}
.cc-picker-flag.jm{
    background-position:-64px -144px
}
.cc-picker-flag.je{
    background-position:-80px -144px
}
.cc-picker-flag.it{
    background-position:-96px -144px
}
.cc-picker-flag.is{
    background-position:-112px -144px
}
.cc-picker-flag.ir{
    background-position:-128px -144px
}
.cc-picker-flag.iq{
    background-position:-144px -144px
}
.cc-picker-flag.io{
    background-position:-160px 0
}
.cc-picker-flag.in{
    background-position:-160px -11px
}
.cc-picker-flag.im{
    background-position:-160px -22px
}
.cc-picker-flag.il{
    background-position:-160px -31px
}
 .cc-picker-flag.ie{
    background-position:-160px -42px
}
.cc-picker-flag.id{
    background-position:-160px -53px
}
.cc-picker-flag.hu{
    background-position:-160px -64px
}
.cc-picker-flag.ht{
    background-position:-160px -75px
}
.cc-picker-flag.hr{
    background-position:-160px -86px
}
.cc-picker-flag.hn{
    background-position:-160px -97px
}
.cc-picker-flag.hk{
    background-position:-160px -108px
}
.cc-picker-flag.gy{
    background-position:-160px -119px
}
.cc-picker-flag.gw{
    background-position:-160px -130px
}
.cc-picker-flag.gu{
    background-position:-160px -141px
}
.cc-picker-flag.gt{
    background-position:0 -155px
}
.cc-picker-flag.gs{
    background-position:-16px -155px
}
.cc-picker-flag.gr{
    background-position:-32px -155px
}
.cc-picker-flag.gq{
    background-position:-48px -155px
}
.cc-picker-flag.gp{
    background-position:-64px -155px
}
.cc-picker-flag.gn{
    background-position:-80px -155px
}
.cc-picker-flag.gm{
    background-position:-96px -155px
}
.cc-picker-flag.gl{
    background-position:-112px -155px
}
.cc-picker-flag.gi{
    background-position:-128px -155px
}
.cc-picker-flag.gh{
    background-position:-144px -155px
}
.cc-picker-flag.gg{
    background-position:-160px -155px
}
.cc-picker-flag.ge{
    background-position:-176px 0
}
.cc-picker-flag.gd{
    background-position:-176px -11px
}
.cc-picker-flag.gb{
    background-position:-176px -22px
}
.cc-picker-flag.ga{
    background-position:-176px -33px
}
.cc-picker-flag.fr{
    background-position:-176px -44px
}
.cc-picker-flag.gf{
    background-position:-176px -44px
}
.cc-picker-flag.re{
    background-position:-176px -44px
}
.cc-picker-flag.mf{
    background-position:-176px -44px
}
.cc-picker-flag.bl{
    background-position:-176px -44px
}
.cc-picker-flag.fo{
    background-position:-176px -55px
}
.cc-picker-flag.fm{
    background-position:-176px -66px
}
.cc-picker-flag.fk{
    background-position:-176px -77px
}
.cc-picker-flag.fj{
    background-position:-176px -88px
}
.cc-picker-flag.fi{
    background-position:-176px -99px
}
.cc-picker-flag.eu{
    background-position:-176px -121px
}
.cc-picker-flag.et{
    background-position:-176px -132px
}
.cc-picker-flag.es{
    background-position:-176px -143px
}
.cc-picker-flag.er{
    background-position:-176px -154px
}
.cc-picker-flag.eh{
    background-position:-16px -166px
}
.cc-picker-flag.eg{
    background-position:-32px -166px
}
div.cc-picker-flag.ee{
    background-position:-48px -166px
}
.cc-picker-flag.ec{
    background-position:-64px -166px
}
.cc-picker-flag.dz{
    background-position:-80px -166px
}
.cc-picker-flag.do{
    background-position:-96px -166px
}
.cc-picker-flag.dm{
    background-position:-112px -166px
}
.cc-picker-flag.dk{
    background-position:-128px -166px
}
.cc-picker-flag.dj{
    background-position:-144px -166px
}
.cc-picker-flag.de{
    background-position:-160px -166px
}
.cc-picker-flag.cz{
    background-position:-176px -166px
}
.cc-picker-flag.cy{
    background-position:0 -177px
}
.cc-picker-flag.cx{
    background-position:-16px -177px
}
.cc-picker-flag.cw{
    background-position:-32px -177px
}
.cc-picker-flag.cv{
    background-position:-48px -177px
}
.cc-picker-flag.cu{
    background-position:-64px -177px
}
.cc-picker-flag.cs{
    background-position:-80px -177px
}
.cc-picker-flag.cr{
    background-position:-96px -177px
}
.cc-picker-flag.co{
    background-position:-112px -177px
}
.cc-picker-flag.cn{
    background-position:-128px -177px
}
.cc-picker-flag.cm{
    background-position:-144px -177px
}
.cc-picker-flag.cl{
    background-position:-160px -177px
}
.cc-picker-flag.ck{
    background-position:-176px -177px
}
.cc-picker-flag.ci{
    background-position:-192px 0
}
.cc-picker-flag.cg{
    background-position:-192px -11px
}
.cc-picker-flag.cf{
    background-position:-192px -22px
}
.cc-picker-flag.cd{
    background-position:-192px -33px
}
.cc-picker-flag.cc{
    background-position:-192px -44px
}
.cc-picker-flag.ca{
    background-position:-192px -66px
}
.cc-picker-flag.bz{
    background-position:-192px -77px
}
.cc-picker-flag.by{
    background-position:-192px -88px
}
.cc-picker-flag.bw{
    background-position:-192px -99px
}
.cc-picker-flag.bt{
    background-position:-192px -110px
}
.cc-picker-flag.bs{
    background-position:-192px -121px
}
.cc-picker-flag.br{
    background-position:-192px -132px
}
.cc-picker-flag.bq{
    background-position:-192px -143px
}
.cc-picker-flag.bo{
    background-position:-192px -154px
}
.cc-picker-flag.bn{
    background-position:-192px -165px
}
.cc-picker-flag.bm{
    background-position:-192px -176px
}
.cc-picker-flag.bj{
    background-position:0 -188px
}
.cc-picker-flag.bi{
    background-position:-16px -188px
}
.cc-picker-flag.bh{
    background-position:-32px -188px
}
.cc-picker-flag.bg{
    background-position:-48px -188px
}
.cc-picker-flag.bf{
    background-position:-64px -188px
}
.cc-picker-flag.be{
    background-position:-80px -188px
}
.cc-picker-flag.bd{
    background-position:-96px -188px
}
.cc-picker-flag.bb{
    background-position:-112px -188px
}
.cc-picker-flag.ba{
    background-position:-128px -188px
}
.cc-picker-flag.az{
    background-position:-144px -188px
}
.cc-picker-flag.ax{
    background-position:-160px -188px
}
.cc-picker-flag.aw{
    background-position:-176px -188px
}
.cc-picker-flag.au{
    background-position:-192px -188px
}
.cc-picker-flag.hm{
    background-position:-192px -188px
}
.cc-picker-flag.at{
    background-position:-208px 0
}
.cc-picker-flag.as{
    background-position:-208px -11px
}
.cc-picker-flag.ar{
    background-position:-208px -22px
}
.cc-picker-flag.ao{
    background-position:-208px -33px
}
.cc-picker-flag.an{
    background-position:-208px -44px
}
.cc-picker-flag.am{
    background-position:-208px -55px
}
.cc-picker-flag.al{
    background-position:-208px -66px
}
.cc-picker-flag.ai{
    background-position:-208px -77px
}
.cc-picker-flag.ag{
    background-position:-208px -88px
}
.cc-picker-flag.af{
    background-position:-208px -99px
}
.cc-picker-flag.ae{
    background-position:-208px -110px
}
.cc-picker-flag.ad{
    background-position:-208px -121px
}
.cc-picker-flag.np{
    background-position:-208px -132px
}
.cc-picker-flag.ch{
    background-position:-208px -143px
}