@charset "utf-8";
/* CSS Document */


/********** animation **********/
/** icon spin **/
@-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } }
@-moz-keyframes icon-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } }
@-o-keyframes icon-spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } }
@keyframes icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }

/** reappear **/
.anime-reappear { -webkit-animation: 1s linear 1 reappear; -moz-animation: 1s linear 1 reappear; -o-animation: 1s linear 1 reappear; animation: 1s linear 1 reappear; }
@-webkit-keyframes reappear { 0% { opacity: 1; } 30% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes reappear { 0% { opacity: 1; } 30% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes reappear { 0% { opacity: 1; } 30% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } }
@keyframes reappear { 0% { opacity: 1; } 30% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } }

/** unfold **/
@-webkit-keyframes unfold { 0% { -webkit-transform: translate(0, -100%); } 80% { -webkit-transform: translate(0, 0); } 90% { -webkit-transform: translate(0, -15%); } 100% { -webkit-transform: translate(0, 0); } }
@-moz-keyframes unfold { 0% { -moz-transform: translate(0, -100%); } 80% { -moz-transform: translate(0, 0); } 90% { -moz-transform: translate(0, -15%); } 100% { -moz-transform: translate(0, 0); } }
@-o-keyframes unfold { 0% { -o-transform: translate(0, -100%); } 80% { -o-transform: translate(0, 0); } 90% { -o-transform: translate(0, -15%); } 100% { -o-transform: translate(0, 0); } }
@keyframes unfold { 0% { transform: translate(0, -100%); } 80% { transform: translate(0, 0); } 90% { transform: translate(0, -15%); } 100% { transform: translate(0, 0); } }


/********** component **********/
/** pace **/
.pace .pace-progress { background: #61ded0; opacity: .7; position: fixed; z-index: 2000; top: 0; left: 0; height: 5px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }
.pace-inactive { display: none; }

/** bootstrap **/
.badge, .label { font-weight: normal; }
hr { border-color: rgba(155, 155, 155, .3); }

/** container **/
@media (min-width: 1216px){
.container-1920{max-width: 1920px;margin: 0 auto;}
.container-lg { width: 1216px; max-width: 1216px; }
.container-sm { width: 816px; max-width: 816px; }
}

/** hide **/
.hide-mobile, .hide-tablet, .hide-desktop { display: inline-block !important; }
@media (max-width:767px){
.hide-mobile { display:none !important; margin:0 !important; }
}
@media (min-width:768px) and (max-width:1015px){
.hide-tablet { display:none !important; margin:0 !important; }
}
@media (min-width:1016px){
.hide-desktop { display:none !important; margin:0 !important; }
}

/** text and background **/
::-moz-selection{background:#ffa818;color:#373435;}
::selection{background:#ffa818;color:#373435;}
a, a:before, a:after { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; }
body { line-height: 25px;font-family: 'Roboto', sans-serif;}
main { overflow-x: hidden; -ms-overflow-x: hidden; }
ul,ol{padding: 0;}
ul li{list-style: none;}
p { margin: 0 0 10px; }

/** ori aft label**/
.aft{position: absolute;right: 10px;bottom: 8px;padding: 0 15px;border-radius: 100px;background: rgba(255,255,255,0.68);text-align: center;display: inline-block;font-size: 12px;font-weight: 300;line-height: 1.8em;}
.ori{position: absolute;left: 10px;bottom: 8px;padding: 0 15px;border-radius: 100px;background: rgba(255,255,255,0.68);text-align: center;display: inline-block;font-size: 12px;font-weight: 300;line-height: 1.8em;}
.goto-top{background: #ff9a00; display: inline-block; width: 43px; height: 43px; line-height: 43px; text-align: center; font-size: 24px;right: 1%;bottom: 30px;cursor: pointer;position: fixed;}
.goto-top.transparent{opacity: 0;pointer-events:none;cursor:default;}
@media (max-width:769px){
    .goto-top{display: none;}
}

/** icon **/
.fm { display: inline-block; vertical-align: top; line-height: inherit; }
.fm.fm-spin { -webkit-animation: icon-spin 1.8s linear infinite; -moz-animation: icon-spin 1.8s linear infinite; -o-animation: icon-spin 1.8s linear infinite; animation: icon-spin 1.8s linear infinite; }
.fm.fm-with-dot { position: relative; }
.fm.fm-with-dot:after { content: ""; position: absolute; right: -3px; top: 20%; top: calc(30% - 3px); width: 7px; height: 7px; border-radius: 7px; background-color: #ff5349; box-shadow: 0 0 0 1px #fff; }
a > .fm-link, a > .fm-more { vertical-align: top; }
a:hover > .fm-more { -webkit-transform: translate(5px, 2px); -moz-transform: translate(5px, 2px); -o-transform: translate(5px, 2px); transform: translate(5px, 2px); -webkit-transition: transform .2s ease; -moz-transition: transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; }
a:not(.button):hover > .fm-more { -webkit-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0); }
.button .fm { -webkit-transform: translate(0, 2px); -moz-transform: translate(0, 2px); -ms-transform: translate(0, 2px); -o-transform: translate(0, 2px); transform: translate(0, 2px); }


/** button **/
.yellow-gradient-btn{color: #413e3f;display: inline-block;background-image: linear-gradient(#fadc61, #FEB45D , #fadc61);border-radius: 4px;text-align: center;font-size: 20px;font-weight: 500;transition: all ease-in-out 0.4s;margin: 10px;text-transform: uppercase;width: 198px;height: 52px;line-height: 52px;background-size: 100% 200%;}
.yellow-gradient-btn:hover,.yellow-gradient-btn:focus{color: #413e3f;background-position: 0 -100%;}
.yellow-gradient-btn.small{padding: 8px 15px;font-size: 18px;line-height: 35px;}
.black-gradient-btn{color: #fff;display: inline-block;background-image: linear-gradient(#595959, #353031, #595959);border-radius: 4px;text-align: center;font-size: 20px;font-weight: 500;transition: all ease-in-out 0.4s;margin: 10px;text-transform: uppercase;width: 198px;height: 52px;line-height: 48px;background-size: 100% 200%;background-position: 0 0;}
.black-gradient-btn:hover,.black-gradient-btn:focus{color: #fff;background-position: 0 -100%;}
.white-ghost-btn{color: #FFF;border: 2px solid #FFF;border-radius: 4px;text-align: center;display: inline-block;font-weight: 500;transition: all ease-in-out 0.4s;margin: 10px;font-size: 20px;text-transform: uppercase;width: 198px;height: 52px;line-height: 48px;}
.white-ghost-btn:hover,.white-ghost-btn:focus{color: #413e3f;background: #FFF;}
.white-ghost-btn.small{width: 146px;padding:6px 20px;font-size: 18px;line-height: 35px;}
.yellow-ghost-btn{color: #413e3f;border: 2px solid #ffa818;border-radius: 4px;text-align: center;display: inline-block;font-size: 18px;font-weight: normal;transition: all ease-in-out 0.4s;margin: 10px;text-transform: uppercase;width: 198px;height: 52px;line-height: 48px;}
.yellow-ghost-btn:hover,.yellow-ghost-btn:focus{color: #413e3f;background: #ffa818;}
.yellow-ghost-btn.thin{width: 154px;height: 40px;line-height: 38px;}
.black-ghost-btn{color: #413e3f;border: 2px solid #413e3f;border-radius: 4px;text-align: center;display: inline-block;transition: all ease-in-out 0.4s;margin: 10px;font-weight: normal;font-size: 18px;text-transform: uppercase;width: 198px;height: 52px;line-height: 48px;}
.black-ghost-btn:hover,.black-ghost-btn:focus{color: #fff;background: #413e3f;}

/**bg**/
.gray-bg{background: #f7f7f7;}
.white-bg{background: #ffffff;}

/**text**/
.text-yellow{color: #ffa818;}
.text-white{color: #ffffff;}
.text-black{color: #373435;}


/** progress **/
.progress { height: 18px; border-radius: 0; background-color: transparent; border: solid 1px; box-shadow: none; margin: 11px 0; }
.progress-bar { box-shadow: none; line-height: 18px; }
.progress-bar.bg-pattern { background-size: cover; }

/** form **/

.input-text{border: solid 1px #69656a;border-radius: 2px;width: 100%;margin-bottom: 10px;transition: all ease-in-out 0.2s;}
.input-text:focus{outline: none;box-shadow: 0 0 1px 1px #ff9a00; border-color: transparent;}
select.input-text{padding: 9px 10px;}
button, input, select, textarea { border: none; background-color: transparent; padding: 0; }
button:focus,input:focus,select:focus,textarea:focus{outline: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select, textarea, input { font-size: 16px !important; }
}
.input-button { margin: 0; }
.input-item { margin-bottom: 10px; }
.input-title { font-size: 18px; line-height: 40px; margin: 10px 0; }
.input-title .fm { width: 25px; text-align: center; }
.input-title-required:after { content: "\002A"; line-height: 1.5; vertical-align: top; margin-left: 5px; color: #ff5349; }
.input-text, .input-select { display: inline-block; vertical-align: top; line-height: 39px;padding: 0 8px;}
.input-group { position: relative; }
.input-group > .input-file { position: absolute; z-index: 2; opacity: 0; left: 0; top: 0; height: 40px; line-height: 40px; cursor: pointer; width: 100%; }
.input-group > .input-text { position: relative; width: calc(100% - 115px); }
.input-group > .input-button { position: relative; }
.input-group > .input-file:hover ~ .input-button:before { left: 100%; }
.input-group > .input-file:hover ~ .input-button:after { left: calc(100% + 50px); }
.input-group > .input-label { display: inline-block; margin-right: 10px; }
.input-toggle { position: absolute; top: 0; right: 5px; line-height: 40px; width: 15px; height: 40px; }
.input-select option:checked { display: none; }
.input-span { display: inline-block; vertical-align: top; }
.input-label { position: relative; line-height: 40px; display: block; text-align: left; }
.input-label > .input-check + .input-span { cursor: pointer; }
.input-label > .input-check + .input-span:before { content: ""; display: inline-block; vertical-align: top; width: 16px; height: 16px; border: solid 1px; margin: 12px;}
.input-label > .input-check + .input-span:after { content: ""; background-color: currentColor; height: 10px; width: 10px; text-align: center; position: absolute; left: 15px; top: 15px; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }
.input-label > .input-check:checked + .input-span:after { opacity: 1; }
.input-label > .input-check:disabled + .input-span { cursor: not-allowed; }
.input-label > .input-check:disabled + .input-span:before { opacity: .3; }
.input-label > .input-check:disabled + .input-span:after { opacity: .3; }
.input-check { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; }
.input-area { width: 100%; border: solid 1px; padding: 5px 8px; }

/** system **/
*[data-sys="win"] .sys-mac, *[data-sys="auto"] .sys-mac { display: none !important; margin: 0 !important; }
*[data-sys="mac"] .sys-win { display: none !important; margin: 0 !important; }

/** burger **/
.icon-burger { cursor: pointer; user-select: none; }
.icon-burger .lines, .icon-burger .lines:after, .icon-burger .lines:before { display: inline-block; height: 2px; width:1.4rem; background: #3f4e59; }
.icon-burger .lines {-webkit-transition: background .3s .6s ease; -moz-transition: background .3s .6s ease; -o-transition: background .3s .6s ease; transition: background .3s .6s ease; position: relative; top:0.5em;}
.icon-burger .lines:after, .icon-burger .lines:before { position: absolute; left: 0; content: ''; -webkit-transform-origin: .14286rem center; -moz-transform-origin: .14286rem center; -o-transform-origin: .14286rem center; transform-origin: .14286rem center; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .3s .6s ease,transform .3s ease; -moz-transition: top .3s .6s ease,transform .3s ease; -o-transition: top .3s .6s ease,transform .3s ease; transition: top .3s .6s ease,transform .3s ease; height: 2px; }
.icon-burger .lines:before {top: .38rem; }
.icon-burger .lines:after {top: -.40rem; }
.icon-burger.curr .lines {-webkit-transition: background .3s 0s ease; -moz-transition: background .3s 0s ease; -o-transition: background .3s 0s ease; transition: background .3s 0s ease; background: 0 0;
}
.icon-burger.curr .lines:after, .icon-burger.curr .lines:before { -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; top: 0;
    width: 1.4rem; }
.icon-burger.curr .lines:before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
.icon-burger.curr .lines:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }


/** modal/popup **/
.modal-content { padding: 50px 40px; background-color: #313c48; box-shadow: none; border-radius: 0; color: #fff; border: none; }
.modal-white { background-color: #fff; color: #313c48; }
.modal-header { border-bottom: none; padding: 0; position: relative; }
.modal-header .close { font-size: 30px; color: #fff; line-height: 30px; width: 30px; height: 30px; display: block; opacity: 1; text-shadow: none; position: absolute; right: -25px; top: -35px; }
.modal-white .close { color: #313c48; }
.modal-header .close:hover { color: #ff5349; }
.modal-title { font-size: 24px; font-weight: normal; line-height: 30px; letter-spacing: 0.9px; padding: 10px 0; }
.modal-body { padding: 20px 0; font-size: 18px; }
.modal-footer { padding: 0; border-top: none; background-color: transparent; text-align: center; }
.modal-sm .modal-content { padding: 20px; }
.modal-sm .modal-header .close { position: absolute; margin-top: -10px; right: 10px; }

/** notice **/
#shoulder:before { content: ""; position: fixed; width: 100%; height: 0%; left: 0; pointer-events: none; top: 0; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 0.5)100%); background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 0.5)100%); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 0.5)100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 0.5)100%); }
#shoulder.has-notice:before { height: 20%; }
.notice { line-height: 30px; }
.notice.active { padding: 0 0 10px; max-height: 120px; }
.notice-box { position: relative; cursor: pointer; padding: 10px 50px 10px 15px; background-color: #f7f7f7; box-shadow: 0 0 8px #999; }
.notice-close { position: absolute; right: 0; top: 0; line-height: 50px; width: 50px; text-align: center; }


/** shoulder **/
#shoulder { top: 10px; }

/** float navigation **/
#float-nav { line-height: 55px; text-align: right; }
#float-nav:hover { overflow: visible; }
#float-nav.active { max-height: 55px; box-shadow: 0 1px 3px rgba(53, 49, 50, .5); }
#float-nav.hidden { display: none !important; }
#float-nav .logos { position: relative; }
#float-nav .logos:hover .logo-company { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-animation: .5s linear unfold; -moz-animation: .5s linear unfold; -o-animation: .5s linear unfold; animation: .5s linear unfold; }
#float-nav .logo-company { left: 0; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); }
#float-nav .logo-product { float: left; width: 200px; height: 55px; background-size: auto 28px !important; background-position: left center !important; margin-left: 90px; }
#float-nav .link { display: inline-block; text-align: center; }
#float-nav .link li { display: inline-block; vertical-align: top; }
#float-nav .link a { padding: 0 15px; }
#float-nav .action { float: right; margin-right: -5px; }
#float-nav .action a { margin: 7.5px 5px; }
#float-nav.bg-white .logo-filmora-white { background: url("logo/logo-filmora.png") center no-repeat; background-image: url("logo/logo-filmora.svg"), none; }
#float-nav.bg-white .logo-filmora-scrn-white { background: url("logo/logo-filmora-scrn.png") center no-repeat; background-image: url("logo/logo-filmora-scrn.svg"), none; }
@media(max-width: 1215px){
#float-nav .link a { padding: 0 5px; }
}


/** section **/
section { position: relative; }
section > .back { position: absolute; width: 100%; height: 100%; z-index: 1; overflow: hidden; left: 0; top: 0; }
section > .back > .container-full { height: 100%; }
section > .front { position: relative; height: 100%; z-index: 2; }
section > .front > div[class^="container"] { height: 100%; }
@media(max-width: 1015px){
section > .front { width: 100%; }
}

/** parallax scrolling **/
section[data-anime="parallax"] .parallax-bg { position: absolute; width: 100%; height: 150%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
section[data-anime="parallax"] .parallax-bg video { position: absolute; top: 50%; left: 50%; min-width: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/** entrance **/
.unload { opacity: 0; }
section[data-anime="entrance"] { overflow: hidden; }
section[data-anime="entrance"] .anime-item { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
section[data-anime="entrance"] .anime-item[data-anime-style="fade-up"].unload { -webkit-transform: translate(0, 15%); -moz-transform: translate(0, 15%); -ms-transform: translate(0, 15%); -o-transform: translate(0, 15%); transform: translate(0, 15%); }
section[data-anime="entrance"] .anime-item[data-anime-style="fade-down"].unload { -webkit-transform: translate(0, -15%); -moz-transform: translate(0, -15%); -ms-transform: translate(0, -15%); -o-transform: translate(0, -15%); transform: translate(0, -15%); }
section[data-anime="entrance"] .anime-item[data-anime-style="fade-left"].unload { -webkit-transform: translate(15%, 0); -moz-transform: translate(15%, 0); -ms-transform: translate(15%, 0); -o-transform: translate(15%, 0); transform: translate(15%, 0); }
section[data-anime="entrance"] .anime-item[data-anime-style="fade-right"].unload { -webkit-transform: translate(-15%, 0); -moz-transform: translate(-15%, 0); -ms-transform: translate(-15%, 0); -o-transform: translate(-15%, 0); transform: translate(-15%, 0); }




/** animation **/
#shoulder, a, a::before, a::after, .transition, .transition::before, .transition::after { -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.transition.slow { -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s; }
.transition.fast { -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; }
.transition.delay { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.transition.delay.fast { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.transition.delay.slow { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.transition.ease { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.shrink { max-height:0; opacity:0; overflow:hidden; }
.shrink.shrink-part { opacity:1; max-height:200px; }
.shrink.active { max-height:400px; opacity:1; }

/** position **/
.fixed { position:fixed; width:100%; margin:0 auto; z-index:12; top:0; }
.fixed.bottom { top:auto; bottom:0; }
.center-h, .center-v, .center-a { position:relative; overflow:hidden; }
.center-e { display:block; position:relative; -webkit-font-smoothing: subpixel-antialiased; }
.center-h > .center-e { left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.center-v > .center-e { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.center-a > .center-e { left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/** with mask **/
.with-mask { position: relative; }
.with-mask:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .25; z-index: 1; pointer-events: none; }
.with-mask-light:before { opacity: .15; }
.with-mask-dark:before { opacity: .5; }

/** tab switch **/
.tab-switch .tab-content > .tab-pane { display: none; }
.tab-switch .tab-content > .tab-pane.active { display: block; }

/** image lightbox **/
.img-lightbox { cursor: pointer; }
#modal-lightbox .modal-content { padding: 50px 40px 10px; }
#modal-lightbox .modal-body { padding: 0; }
.swiper-lightbox .swiper-container { padding: 0 0 40px; }
.swiper-lightbox img { max-width: 100%; }

/** youtube player **/
.yt-player { display: inline-block; width: 100%; max-width: 100%; height: 0; padding-bottom: 56.1224%; position: relative; background-color: #000; overflow: hidden; vertical-align: top; }
.yt-cover { cursor: pointer; height: 0; padding-bottom: 56.12245%; background-image: url("ph/ph-youtube.png"); }
.yt-cover:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; left: 0; top: 0; opacity: .25; }
.yt-play { position: absolute; left: 50%; top: 50%; line-height: 1; font-size: 80px; height: 1em; width: 1em; color: #fff; text-shadow: 1px 1px 1px #666; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.yt-cover:hover:before { opacity: .5; }
.yt-iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; z-index: -1; border: none; opacity: 0; }
.yt-player.active .yt-cover { opacity: 0; }
.yt-player.active .yt-iframe { z-index: 2; opacity: 1; }
#modal-youtube .modal-body { height: 0; padding-bottom: 56.12245%; position: relative; }
#modal-youtube iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: none; }

/** sliders **/
.swiper-slides { position: relative; }
.swiper-index { text-align: center; }
.swiper-index li { display: inline-block; cursor: pointer; }
.swiper-ctrl { position: absolute; font-size: 50px; width: 50px; text-align: center; line-height: 1; z-index: 8; cursor: pointer; top: 45%; top: calc(50% - 25px); }
.swiper-ctrl-prev { left: -50px; }
.swiper-ctrl-next { right: -50px; }
.swiper-container { padding: 40px 0; }
.swiper-wrapper.row { width: auto; }
.swiper-cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; }
.swiper-button-prev,.swiper-button-next{background: url("images/switch-ico.png");height: 59px;}
.swiper-button-prev{left: -105px;background-position: 0 -59px;width: 30px;margin-top: -36px;}
.swiper-button-prev:hover{background-position: 0 -177px;}
.swiper-button-next{background-position: 0 0;right: -105px;width: 30px;margin-top: -36px;}
.swiper-button-next:hover{background-position: 0 -118px;}
.swiper-pagination-bullet { background-color: #373435; width: 36px;height: 4px;border-radius: 0;}
.swiper-pagination-bullet-active { background-color: #ff9a00; }
@media(max-width: 1215px){
.swiper-ctrl { display: none; }
}
@media(max-width: 969px){
    .swiper-button-prev,.swiper-button-next{display: none;}
}

.popu-wrap{background: rgba(0,0,0,0.68);width: 100%;height: 100%;position: fixed;left: 0;top:0;z-index: 998;display: none;}
.popu-box{background: #FFF;text-align: center;padding: 5% 10%;position: fixed;z-index: 999;left: 50%;top:-50%;transform: translateX(-50%);border-radius: 4px;opacity: 0;transition: all ease-in-out 0.4s;}
.popu-box.actived{ top:5%;opacity: 1;}
.popu-box .title{font-size: 30px;line-height: 1.2em;font-weight: normal;margin-bottom: 30px;}
.popu-box .close-btn{position: absolute;right: -36px;top:-4px;height: 36px;width: 36px;font-size: 20px;line-height: 36px;cursor: pointer;color: #fff;transition: all linear 0.2s;}
.popu-box .close-btn:hover{color: #ff9a00;}
.popu-wrap.youtube-video .popu-box{padding: 0;}
.popu-wrap.youtube-video iframe{display: block;border: 6px solid #FFF;}

/** list prefix **/
.list-prefix { counter-reset: li; }
.list-prefix > li:before { width: 20px; font-size: 20px; display: inline-block; vertical-align: top; text-align: center; margin: 0 5px 0 0; line-height: inherit; }
.list-disc > li:before { content: "\2022"; font-family: Arial; }
.list-check > li:before { content: "\e911"; font-family: "fotophire"; }
.list-number > li:before { content: counter(li)"."; counter-increment: li; font-size: inherit; }
.list-box > li { position: relative; margin: 0 0 0 25px; }
.list-box > li:before { position: absolute; left: -25px; }

/** seasonal **/
.seasonal { height: 120px !important; }
.seasonal a { display: block; width: 100%; height:100%; }
.seasonal-close { color: #3e3b3c; background-color: #fff; position: absolute; right: 40px; top: 34px; width: 40px; height: 40px; border-radius: 50%; }
.seasonal-close i { font-size: 30px; line-height: 40px; }
@media(max-width: 1215px){
.seasonal { display: none !important; }
}


/** miscellaneous **/
/* ratings */
ul.ratings { color: #ff9a00; }
ul.ratings li { display: inline-block; }
/* scrollbar */
.with-scrollbar { -ms-overflow-style: auto; }
.with-scrollbar::-webkit-scrollbar { display: initial; width: 5px; height: 5px; }
.with-scrollbar::-webkit-scrollbar-track { background-color: #f7f7f7; }
.with-scrollbar::-webkit-scrollbar-thumb { background-color: #313c48; }
/* border */
.with-border { border-color: rgba(155, 155, 155, .3) !important; }
/* text shadow */
.with-shadow { text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); }
/* cursor default */
.with-arrow { cursor: default; }
/* cursor pointer */
.with-hand { cursor: pointer; }
/* breadcrumbs */
.breadcrumbs { margin-bottom: 30px; line-height: 20px; }
.breadcrumbs li { display: inline; vertical-align: bottom; font-size: 14px; }
.breadcrumbs li:after { content: "\e90c"; font-family: "fotophire"; font-size: 12px; vertical-align: bottom; margin: 0 3px 0 6px;color: #6f6f6f;}
.breadcrumbs li:last-of-type:after { display: none; }
.breadcrumbs a { display: inline; vertical-align: bottom; }
@media(max-width: 1215px){ .breadcrumbs { margin-bottom: 15px; } }

header {position: relative;z-index: 11;}
header .header{background: #FFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}
header .header-top{background: #333;height: 45px;line-height: 45px;}
header .ws-logo a{background: url(images/logo/wondershare_logo_white.png) center no-repeat; background-image: url(images/logo/wondershare_logo_white.svg), none;display: block;height: 19px;width: 130px;    margin-top: 12px;}
header .nav-lst li{display: inline-block;}
header .nav-lst .downpull-btn .fm{color: #6f6f6f;transition: all linear 0.2s;}
header .nav-lst .downpull-btn.actived .fm{transform: rotate(180deg);transform-origin: center center;}
header .fp-logo{width: 177px;height: 51px;background: url("images/logo/fotophire-logo.png") no-repeat;background-image: url(images/logo/fotophire-logo.svg);float: left;margin-top: 10px;display: block;background-size: cover;}
header .nav-lst{float: right;margin: 0;font-size: 0;}
header .nav-lst a{height: 70px;display: block;line-height: 70px;margin-right: 30px;font-size: 16px;color: #373435;transition: all ease-in-out 0.2s;}
header .nav-lst a:hover{color: #ff9a00;}
header .yellow-ghost-btn{float: right;margin-top: 15px;font-size: 16px;}
header .fun-ico{float: right;margin-left: 30px;}
header .fun-ico .cart{float: left;height: 70px;line-height: 70px;padding: 0 5px;color: #373435;}
header .fun-ico .search{float: left;height: 70px;line-height: 70px;padding: 0 5px;color: #373435;}
header .fun-ico .menu_btn {display: none; float:left; width:30px; height:22px; padding:22px 15px; margin:0 6px 0 0; line-height:0; text-align:center;}
header .fun-ico .cart:hover,header .fun-ico .search:hover,header .fun-ico .menu_btn:hover{color: #ff9a00;}
header .header-down{background: #FFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);position: absolute;top:115px;width: 100%;left: 0;z-index: 9;}
header .header-down.scrolled{position: fixed;top:70px;}
header .header-down .cell{height: 0;overflow: hidden;opacity: 0;transition: all linear 0.2s;}
header .header-down .cell.actived{height: 100%;opacity: 1;}
header .header-down .pic{float: left;}
header .header-down .pic img{max-width: 100%;}
header .header-down .lft{padding-top: 35px;}
header .header-down .lft .sub{font-size: 15px;font-weight: 500;margin-top: 30px;margin-bottom: 10px;}
header .header-down .lft .lst-ce{padding-right: 10px;}
header .header-down .lft .lst-ce:hover .icon-rgt{margin-left: 15px;}
header .header-down .lft .lst-ce a{display: block;}
header .header-down .lft .lst-ce a:hover{color: #373435;}
header .header-down .lft .lst-ce a:hover .sub{color: #ff9a00;}
header .header-down .lft .sub{position: relative;transition: all linear 0.2s;}
header .header-down .lft .sub .icon-rgt{color: #ff9a00;font-size: 18px;margin-left: 10px;transition: all ease-in-out 0.4s;}
header .header-down .lft .sub .ce{font-size: 24px;margin-right: 12px;}
header .header-down .lft p{font-size: 13px;}
header .header-down .rgt{margin-left: 60px;border-left: 1px solid #efefef;padding-left: 50px;padding-bottom: 20px;}
header .header-down .rgt .ce{margin-top: 20px;}
header .header-down .rgt .ti{font-size: 14px;}
header .header-down .rgt .add-btn{background: #ff5858;color: #FFF;text-align: center;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);width: 60px;height: 20px;line-height: 20px;font-size: 12px;display: inline-block;font-style: normal;}
header .header-down .rgt span{font-weight: 500;font-size: 14px;transition: all ease-in-out 0.2s;}
header .header-down .rgt span .fm{color: #ff9a00;vertical-align: middle;margin-left: 10px;transition: all ease-in-out 0.4s;}
header .header-down .rgt .link:hover{color: #373435;}
header .header-down .rgt .link:hover span .fm{margin-left: 15px;}
header .header-down .rgt .link:hover span{color: #ff9a00;}
header .search_group{float: right;position: relative;margin-right: 30px;}
header .search_group .ac_input{width: 90%;padding: 5px 10px;margin-top: 18px;float: right;}
header .search_group .ac_input:focus{outline: none;}
header .search_group .close{float: right;font-size: 18px;height: 70px;line-height: 70px;padding: 0 5px;color: #6f6f6f;font-size: 20px;}
header .search_group .searchBtn_icon{position: absolute;left: -6px;top:22px;}
header .search_group .searchBtn{display: none;}
header .mobile-header{background: #f7f7f7;position: absolute;left: 0;top:115px;width: 100%;opacity: 0;height: 0;overflow: hidden;transition: all linear 0.2s;z-index: 1;}
header .mobile-header.actived{display: block;height: auto;opacity: 1;padding-bottom: 10%;}
header .mobile-header form{width: 90%;margin: 10px auto 0;position: relative;}
header .mobile-header .ac_input{width: 100%;line-height: 48px;border-bottom: 1px solid #6f6f6f;padding: 0 20px 0 40px;}
header .mobile-header .ac_input:focus{outline: none;}
header .mobile-header .searchBtn_icon{position: absolute;left:0;bottom:38px;}
header .mobile-header .searchBtn{display: none;}
header .mobile-header .downpull-btn .fm{float: right;font-size: 14px;transition: all linear 0.2s;}
header .mobile-header .downpull-btn.actived .fm{transform: rotate(90deg);transform-origin: center center;}
header .mobile-header .one-level li a{display: block;color: #373435;line-height: 48px;padding: 0 20px;border-bottom: 1px solid #dadada;}
header .mobile-header .two-level{background: #dfdfdf;opacity: 0;height: 0;overflow: hidden;}
header .mobile-header .two-level.actived{opacity: 1;height: 100%;overflow: hidden;}
header .mobile-header .two-level>li>a{margin: 0 30px;border-bottom: 1px solid #cfcfcf;}
@media (max-width:1016px){
    header .fun-ico .menu_btn{display: block;}
    header .fun-ico .search{display: none !important;}
    header .nav-group{display: none !important;}
    header .mobile-header .searchBtn_icon{bottom: 12px;}
}
@media (max-width:769px){
    header .fp-logo{width: 139px;height: 40px;margin-top: 16px;}
}


/*download buy*/
.bottom-banner{text-align: center;background: url("images/bottom-banner-bg.jpg") no-repeat center top;color: #FFF;padding: 116px 0;background-size: cover;}
.bottom-banner .logo-wh{display: inline-block;background: url(images/logo/fotophire-logo-wh.png) center no-repeat; background-image: url(images/logo/fotophire-logo-wh.svg), none;width: 273px;height: 106px;margin-bottom: 10px;}
.bottom-banner .title{font-size: 30px;font-weight: 300;line-height: 1.2em;}
.bottom-banner .info{font-weight: 300;margin:20px auto 54px;line-height: 1.4em;max-width: 420px;}
@media (max-width:769px){
    .bottom-banner .title{font-size: 26px;}
}


/*footer*/
.footer {background:#393637;font-size:16px; line-height:1.2em; color:#e4dfd9; padding:40px 0;border-top: solid 4px #ff9a00;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:none; color:#ff9a00;}
.footer .logo {padding:5px 0;padding-top: 50px;}
.footer .logo_icon {display:block; width:240px; height:93px; margin:0 auto; overflow:hidden; text-indent:-9999px; background:url(images/logo/fotophire-logo-wh.svg) no-repeat;background-size: contain;}
.footer .slogan {font-size:18px; line-height:1.2em; color:#fa745f; font-weight:300; text-align:center; padding:10px 0;}
.footer .name {padding:15px 0; color:#fff;}
.footer .name .icon {display:none;}
.footer .brand {padding:5px 0; float:left; width:19%;}
.footer .footer-cont {float:right; width:75%;}
.footer .nav {float:left; width:70%}
.footer .nav .item {float:left; width:25%; padding:0 0 10px 0;}
.footer .nav .item ul li {padding:5px 0;font-size:14px; line-height:1.2em;font-weight: 300;}
.footer .nav .item ul li a {padding:5px 0;}
.footer .other {float:right; width:30%;}
.footer .other .item {padding:0 0 10px 0;}
.footer .send_newsletter {position:relative; z-index:1;}
.footer .send_newsletter input {display:block; border:0; background:#353132; color:#e4dfd9; width:100%;}
.footer .send_newsletter .input_text {display:block; float:left; width:61%; background:inherit; border:1px; border-bottom:solid 1px #e4dfd9; margin-right:5px; padding:10px 3%;}
.footer .send_newsletter .btn_sub {float:left; width:30%;}
.footer .send_newsletter button.btn_sub,
.footer .send_newsletter .btn_sub a {display:block; padding:9px 0; text-align:center; border:solid 1px #fa745f; background:#353132; color:#fa745f; cursor:pointer;}
.footer .send_newsletter button.btn_sub:hover,
.footer .send_newsletter .btn_sub a:hover {background:#fa745f; color:#fff;}
.footer .send_newsletter .mailSub_notice {position:absolute; z-index:2; top:105%; left:0; width:100%; background:#fff; color:#666; border-radius:5px; padding:10px 10%; text-align:center;}
.footer .follow a {margin:0 10px 0 0;}
.footer .follow .icon {display:inline-block; height:30px; line-height:30px; font-size:20px; text-align:center;}
.footer .follow .i_fb {background-position:center 0;}
.footer .follow .i_tw {background-position:center -60px;}
.footer .follow .i_ytb {background-position:center -120px;}
.footer .follow .i_gg {background-position:center -180px;}
.footer .follow .i_fb:hover {background-position:center -30px;}
.footer .follow .i_tw:hover {background-position:center -90px;}
.footer .follow .i_ytb:hover {background-position:center -150px;}
.footer .follow .i_gg:hover {background-position:center -210px;}
.footer_bottom {background:#353031; color:#d8d8d8; font-size:12px; line-height:1.4em; text-align:center; padding:15px 0;}
.footer_bottom a {color:#d8d8d8;}
.footer_bottom .menu {display:inline-block; padding:5px 0;}
.footer_bottom .menu a {margin:0 15px 0 0;}
.footer_bottom .country {display:inline-block; padding:0 0 0 10px;}
.footer_bottom .country .icon {float:right; display:block; width:20px; height:15px; background:url(images/arrow_tb_line.png) no-repeat center 5px;}
.footer_bottom .language { display:inline-block; margin:0 0 0 10px;vertical-align: -2px;}
.footer .mail button{background-color: inherit;border:none;color: #fff;font-size: 14px;padding: 6px;padding-top: 12px;cursor: pointer;margin-left: -5px;}
.footer .mail button:hover i{color: #ff9a00;}
.smarticon{margin-top: 20px;}
@-moz-document url-prefix() {.footer .send_newsletter span {padding:10px 3%;}}
@media (min-width:780px) and (max-width: 1000px) {
    .footer .logo_icon {width:100%;}
}
@media (max-width: 780px) {
    .footer .brand,
    .footer .footer-cont,
    .footer .nav,
    .footer .other,
    .footer .nav .item {float:none; width:auto;}
    .footer {padding:20px 0;}
    .footer .brand {padding:0 20px;}
    .footer .container,
    .footer .footer-cont {padding:0;}
    .footer .other {padding:20px 35px;}
    .footer .logo {text-align:center;padding-top: 5px;}
    .footer .nav .item {padding:0; border-bottom:solid 1px #322c2d;}
    .footer .nav .item .name {overflow:hidden; padding:15px 35px;}
    .footer .nav .item .name .icon {display:block; float:right; width:30px; height:20px;font-size:18px; line-height:20px; color:#999; text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
    .footer .nav .item .name.curr .icon {transform:rotate(180deg);}
    .footer .nav .item ul {display:none; background:#322c2d; padding:10px 0;}
    .footer .nav .item ul li {padding:0;}
    .footer .nav .item ul li a {display:block; padding:10px 35px;}
}
@media (max-width: 600px) {
    .footer_bottom .language {margin:10px 0 0 0;}
    .footer_bottom .menu,
    .footer_bottom .menu span {display:block;}
    .footer_bottom .menu span {padding:5px 0 0 0;}
}
@media (max-width: 400px) {
    .footer_bottom .menu a {display:block; padding:5px 0;}
}

/** flag **/
.flag { float: left; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14px; width: 21px; position: relative; }
.flag:not(.flag-cover) { max-width: 0; margin-right: 0; }
.flag:not(.flag-cover) a:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .2; cursor: pointer; transition-duration: .2s; left:0;}
.flag:not(.flag-cover):hover a:before { opacity: 0; }
.flags .flag-more {overflow:hidden;}
.flags .flag-more a:before {background:none;}
.flags.active .flag:not(.flag-cover) { max-width: 21px; margin-right: 9px; }
.flags.active .flag.flag-cover { display: none; }
.flags.active .flag-more {overflow:inherit;}
.flag.flag-cover {background-image:url(images/icon_world.png);}
.flag.flag-cover a { position: absolute; white-space: nowrap; padding-left:25px; line-height: 14px; color: #fff;}
.flag.flag-cover { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo='); background-position: left center; }
.flag.flag-en { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo='); background-position: left center; }
.flag.flag-fr { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K'); }
.flag.flag-de { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg=='); }
.flag.flag-it { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAzIDIiPg0KPHBhdGggZmlsbD0iIzAwOTI0NiIgZD0ibTAsMGgxdjJoLTF6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMSwwaDF2MmgtMXoiLz4NCjxwYXRoIGZpbGw9IiNjZTJiMzciIGQ9Im0yLDBoMXYyaC0xeiIvPg0KPC9zdmc+DQo='); }
.flag.flag-es { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K'); }
.flag.flag-br { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzIwIiBoZWlnaHQ9IjUwNCIgdmlld0JveD0iLTIxMDAgLTE0NzAgNDIwMCAyOTQwIj4NCgk8ZGVmcz4NCgkJPHBhdGggaWQ9IkQiIGQ9Ik0gLTMxLjUsMCBoIDMzIGEgMzAgMzAgMCAwIDAgMzAsLTMwIHYgLTEwIGEgMzAgMzAgMCAwIDAgLTMwLC0zMCBIIC0zMS41IHogTSAtMTguNSwtMTMgaCAxOSBhIDE5IDE5IDAgMCAwIDE5LC0xOSB2IC02IGEgMTkgMTkgMCAwIDAgLTE5LC0xOSBIIC0xOC41IHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KCQk8cGF0aCBpZD0iRSIgZD0iTSAwLDAgaCA2MyB2IC0xMyBIIDEyIHYgLTE4IGggNDAgdiAtMTIgaCAtNDAgdiAtMTQgSCA2MCB2IC0xMyBIIDAgeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxLjUpIi8+DQoJCTxwYXRoIGlkPSJlIiBkPSJNIC0yNi4yNSwwIGggNTIuNSB2IC0xMiBoIC00MC41IHYgLTE2IGggMzMgdiAtMTIgaCAtMzMgdiAtMTEgSCAyNSB2IC0xMiBIIC0yNi4yNSB6Ii8+DQoJCTxnIGlkPSJHIj4NCgkJCTxjbGlwUGF0aCBpZD0iZ2N1dCI+DQoJCQkJPHBhdGggZD0iTSAtMzEuNSwwIHYgLTcwIGggNjMgdiA3MCB6IE0gMCwtNDcgdiAxMiBoIDMxLjUgdiAtMTIgeiIvPg0KCQkJPC9jbGlwUGF0aD4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI08iIGNsaXAtcGF0aD0idXJsKCNnY3V0KSIvPg0KCQkJPHJlY3QgeD0iNSIgeT0iLTM1IiB3aWR0aD0iMjYuNSIgaGVpZ2h0PSIxMCIvPg0KCQkJPHJlY3QgeD0iMjEuNSIgeT0iLTM1IiB3aWR0aD0iMTAiIGhlaWdodD0iMzUiLz4NCgkJPC9nPg0KCQk8cGF0aCBpZD0iTSIgZD0iTSAtMzEuNSwwIGggMTIgdiAtNDggbCAxNCw0OCBoIDExIGwgMTQsLTQ4IFYgMCBoIDEyIFYgLTcwIGggLTE3LjUgbCAtMTQsNDggbCAtMTQsLTQ4IEggLTMxLjUgeiIvPg0KCQk8cGF0aCBpZD0iTyIgZD0iTSAwLDAgYSAzMS41IDM1IDAgMCAwIDAsLTcwIGEgMzEuNSAzNSAwIDAgMCAwLDcwIE0gMCwtMTMgYSAxOC41IDIyIDAgMCAwIDAsLTQ0IGEgMTguNSAyMiAwIDAgMCAwLDQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCgkJPHBhdGggaWQ9IlAiIGQ9Ik0gLTMxLjUsMCBoIDEzIHYgLTI2IGggMjggYSAyMiAyMiAwIDAgMCAwLC00NCBoIC00MCB6IE0gLTE4LjUsLTM5IGggMjcgYSA5IDkgMCAwIDAgMCwtMTggaCAtMjcgeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQoJCTxnIGlkPSJSIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1AiLz4NCgkJCTxwYXRoIGQ9Ik0gMjgsMCBjIDAsLTEwIDAsLTMyIC0xNSwtMzIgaCAtMTkgYyAyMiwwIDIyLDIyIDIyLDMyIi8+DQoJCTwvZz4NCgkJPHBhdGggaWQ9IlMiIGQ9Ik0gLTE1Ljc1LC0yMiBDIC0xNS43NSwtMTUgLTksLTExLjUgMSwtMTEuNSBDIDExLC0xMS41IDE1Ljc0LC0xNC43NSAxNS43NSwtMTkuMjUgQyAxNS43NSwtMzMuNSAtMzEsLTI0LjUgLTMwLjc1LC00OS41IEMgLTMwLjUsLTcxIC02LC03MCAzLC03MCBDIDEyLC03MCAyOSwtNjYgMjguNzUsLTQ4Ljc1IEwgMTMuNSwtNDguNzUgQyAxMy41LC01Ni4yNSA2LjUsLTU5IC0xLjUsLTU5IEMgLTkuMjUsLTU5IC0xNC43NSwtNTcuNzUgLTE0Ljc1LC01MC41IEMgLTE1LC0zOC43NSAzMS41LC00Ni41IDMxLjUsLTIxLjc1IEMgMzEuNSwtMy41IDEzLjUsMCAwLDAgQyAtMTEuNSwwIC0zMS41NSwtNC41IC0zMS41LC0yMiB6Ii8+DQoJCTxnIGlkPSJzdGFyIiBmaWxsPSIjZmZmIj4NCgkJCTxnIGlkPSJjIj4NCgkJCQk8cGF0aCBpZD0idCIgZD0iTSAwLC0xIHYgMSBoIC41IiB0cmFuc2Zvcm09InJvdGF0ZSgxOCAwLC0xKSIvPg0KCQkJCTx1c2UgeGxpbms6aHJlZj0iI3QiIHRyYW5zZm9ybT0ic2NhbGUoLTEsMSkiLz4NCgkJCTwvZz4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KCQkJPHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoLTcyKSIvPg0KCQkJPHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPg0KCQkJPHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoLTE0NCkiLz4NCgkJPC9nPg0KCQk8dXNlIGlkPSJzdGFyMSIgeGxpbms6aHJlZj0iI3N0YXIiIHRyYW5zZm9ybT0ic2NhbGUoMzEuNSkiLz4NCgkJPHVzZSBpZD0ic3RhcjIiIHhsaW5rOmhyZWY9IiNzdGFyIiB0cmFuc2Zvcm09InNjYWxlKDI2LjI1KSIvPg0KCQk8dXNlIGlkPSJzdGFyMyIgeGxpbms6aHJlZj0iI3N0YXIiIHRyYW5zZm9ybT0ic2NhbGUoMjEpIi8+DQoJCTx1c2UgaWQ9InN0YXI0IiB4bGluazpocmVmPSIjc3RhciIgdHJhbnNmb3JtPSJzY2FsZSgxNSkiLz4NCgkJPHVzZSBpZD0ic3RhcjUiIHhsaW5rOmhyZWY9IiNzdGFyIiB0cmFuc2Zvcm09InNjYWxlKDEwLjUpIi8+DQoJPC9kZWZzPg0KCTxyZWN0IHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMwMDliM2EiLz4NCgk8cGF0aCBkPSJNIC0xNzQzLDAgMCwxMTEzIDE3NDMsMCAwLC0xMTEzIHoiIGZpbGw9IiNmZWRmMDAiLz4NCgk8Y2lyY2xlIHI9IjczNSIgZmlsbD0iIzAwMjc3NiIvPg0KCTxjbGlwUGF0aCBpZD0iYmFuZCI+DQoJCTxjaXJjbGUgcj0iNzM1Ii8+DQoJPC9jbGlwUGF0aD4NCgk8cGF0aCBkPSJNIC0yMjA1LDE0NzAgYSAxNzg1IDE3ODUgMCAwIDEgMzU3MCwwIGggLTEwNSBhIDE2ODAgMTY4MCAwIDEgMCAtMzM2MCwwIHoiIGNsaXAtcGF0aD0idXJsKCNiYW5kKSIgZmlsbD0iI2ZmZiIvPg0KCTxnIGZpbGw9IiMwMDliM2EiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjAsMTQ3MCkiPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNPIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgtNykiLz4NCgkJPHVzZSB4bGluazpocmVmPSIjUiIgeT0iLTE2OTcuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQpIi8+DQoJCTx1c2UgeGxpbms6aHJlZj0iI0QiIHk9Ii0xNjk3LjUiIHRyYW5zZm9ybT0icm90YXRlKC0xKSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNFIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgyKSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNNIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSg1KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNlIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSg5Ljc1KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNQIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgxNC41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNSIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgxNy41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNPIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgyMC41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNHIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgyMy41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNSIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgyNi41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNFIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgyOS41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgzMi41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgzNS41KSIvPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNPIiB5PSItMTY5Ny41IiB0cmFuc2Zvcm09InJvdGF0ZSgzOC41KSIvPg0KCTwvZz4NCgk8dXNlIGlkPSLOsUNNaSIgeGxpbms6aHJlZj0iI3N0YXIxIiB4PSItNjAwIiB5PSItMTMyIi8+DQoJPHVzZSBpZD0izrFDTWEiIHhsaW5rOmhyZWY9IiNzdGFyMSIgeD0iLTUzNSIgeT0iMTc3Ii8+DQoJPHVzZSBpZD0izrJDTWEiIHhsaW5rOmhyZWY9IiNzdGFyMiIgeD0iLTYyNSIgeT0iMjQzIi8+DQoJPHVzZSBpZD0izrNDTWEiIHhsaW5rOmhyZWY9IiNzdGFyNCIgeD0iLTQ2MyIgeT0iMTMyIi8+DQoJPHVzZSBpZD0izrRDTWEiIHhsaW5rOmhyZWY9IiNzdGFyMiIgeD0iLTM4MiIgeT0iMjUwIi8+DQoJPHVzZSBpZD0izrVDTWEiIHhsaW5rOmhyZWY9IiNzdGFyMyIgeD0iLTQwNCIgeT0iMzIzIi8+DQoJPHVzZSBpZD0izrFWaXIiIHhsaW5rOmhyZWY9IiNzdGFyMSIgeD0iMjI4IiB5PSItMjI4Ii8+DQoJPHVzZSBpZD0izrFTY28iIHhsaW5rOmhyZWY9IiNzdGFyMSIgeD0iNTE1IiB5PSIyNTgiLz4NCgk8dXNlIGlkPSLOslNjbyIgeGxpbms6aHJlZj0iI3N0YXIzIiB4PSI2MTciIHk9IjI2NSIvPg0KCTx1c2UgaWQ9Is61U2NvIiB4bGluazpocmVmPSIjc3RhcjIiIHg9IjU0NSIgeT0iMzIzIi8+DQoJPHVzZSBpZD0izrhTY28iIHhsaW5rOmhyZWY9IiNzdGFyMiIgeD0iMzY4IiB5PSI0NzciLz4NCgk8dXNlIGlkPSLOuVNjbyIgeGxpbms6aHJlZj0iI3N0YXIzIiB4PSIzNjciIHk9IjU1MSIvPg0KCTx1c2UgaWQ9Is66U2NvIiB4bGluazpocmVmPSIjc3RhcjMiIHg9IjQ0MSIgeT0iNDE5Ii8+DQoJPHVzZSBpZD0izrtTY28iIHhsaW5rOmhyZWY9IiNzdGFyMiIgeD0iNTAwIiB5PSIzODIiLz4NCgk8dXNlIGlkPSLOvFNjbyIgeGxpbms6aHJlZj0iI3N0YXIzIiB4PSIzNjUiIHk9IjQwNSIvPg0KCTx1c2UgaWQ9Is6xSHlhIiB4bGluazpocmVmPSIjc3RhcjIiIHg9Ii0yODAiIHk9IjMwIi8+DQoJPHVzZSBpZD0izrNIeWEiIHhsaW5rOmhyZWY9IiNzdGFyMyIgeD0iMjAwIiB5PSItMzciLz4NCgk8dXNlIGlkPSLOsUNydSIgeGxpbms6aHJlZj0iI3N0YXIxIiB5PSIzMzAiLz4NCgk8dXNlIGlkPSLOskNydSIgeGxpbms6aHJlZj0iI3N0YXIyIiB4PSI4NSIgeT0iMTg0Ii8+DQoJPHVzZSBpZD0izrNDcnUiIHhsaW5rOmhyZWY9IiNzdGFyMiIgeT0iMTE4Ii8+DQoJPHVzZSBpZD0izrRDcnUiIHhsaW5rOmhyZWY9IiNzdGFyMyIgeD0iLTc0IiB5PSIxODQiLz4NCgk8dXNlIGlkPSLOtUNydSIgeGxpbms6aHJlZj0iI3N0YXI0IiB4PSItMzciIHk9IjIzNSIvPg0KCTx1c2UgaWQ9Is6xVHJBIiB4bGluazpocmVmPSIjc3RhcjIiIHg9IjIyMCIgeT0iNDk1Ii8+DQoJPHVzZSBpZD0izrJUckEiIHhsaW5rOmhyZWY9IiNzdGFyMyIgeD0iMjgzIiB5PSI0MzAiLz4NCgk8dXNlIGlkPSLOs1RyQSIgeGxpbms6aHJlZj0iI3N0YXIzIiB4PSIxNjIiIHk9IjQxMiIvPg0KCTx1c2UgaWQ9Is6xQ2FyIiB4bGluazpocmVmPSIjc3RhcjEiIHg9Ii0yOTUiIHk9IjM5MCIvPg0KCTx1c2UgaWQ9Is+DT2N0IiB4bGluazpocmVmPSIjc3RhcjUiIHk9IjU3NSIvPg0KPC9zdmc+'); }
.flag.flag-ae {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDEyIDYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCjxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Im0wLDBoM3Y2aC0zeiIvPg0KPHBhdGggZmlsbD0iIzAwOWEwMCIgZD0ibTMsMGg5djJoLTl6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMywyaDl2MmgtOXoiLz4NCjxwYXRoIGQ9Im0zLDRoOXYyaC05eiIvPg0KPC9zdmc+DQo="); background-position: left center; }
.flag.flag-nl {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgOSA2Ij4NCjxwYXRoIGZpbGw9IiMyMTQ2OGIiIGQ9Im0wLDBoOXY2aC05eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg5djRoLTl6Ii8+DQo8cGF0aCBmaWxsPSIjYWUxYzI4IiBkPSJtMCwwaDl2MmgtOXoiLz4NCjwvc3ZnPg0K');}
/*cz*/
.flag.flag-cs {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNiA0Ij4NCjxwYXRoIGZpbGw9IiNkNzE0MWEiIGQ9Im0wLDBoNnY0aC02eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2djJoLTZ6Ii8+DQo8cGF0aCBmaWxsPSIjMTE0NTdlIiBkPSJtMywybC0zLTJ2NHoiLz4NCjwvc3ZnPg0K');}
/*dk*/
.flag.flag-da {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzAgMjgwIj4NCjxwYXRoIGZpbGw9IiNkMDBjMzMiIGQ9Im0wLDBoMzcwdjI4MGgtMzcweiIvPg0KPGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQwIj4NCjxwYXRoIGQ9Im0xNDAsMHYyODAiLz4NCjxwYXRoIGQ9Im0wLDE0MGgzNzAiLz4NCjwvZz4NCjwvc3ZnPg0K');}
/*gr*/
.flag.flag-el {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxOCIgaGVpZ2h0PSI1NDAiPg0KPHBhdGggZmlsbD0iIzAwMDA4MCIgZD0ibTAsMGgyN3YxOGgtMjd6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtNCwwIDIsMCAwLDQgNCwwIDAsMi00LDAgMCw0IDIxLDAgMCwyLTI3LDAgMC0yIDQsMCAwLTQtNCwwIDAtMiA0LDAgMC00em02LDIgMTcsMCAwLDItMTcsMCAwLTJ6bTAsNCAxNywwIDAsMi0xNywwIDAtMnptLTEwLDQgMCwyIDAtMnptMCw0IDI3LDAgMCwyLTI3LDAgMC0yeiIvPg0KPC9zdmc+DQo=');}
.flag.flag-fi {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODAwIDExMDAiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGgxODAwdjExMDBoLTE4MDB6Ii8+DQo8ZyBmaWxsPSIjMDAzNTgwIj4NCjxwYXRoIGQ9Im0wLDQwMGgxODAwdjMwMGgtMTgwMHoiLz4NCjxwYXRoIGQ9Im0wLTgwMGgxMTAwdjMwMGgtMTEwMHoiIHRyYW5zZm9ybT0icm90YXRlKDkwKSIvPg0KPC9nPg0KPC9zdmc+DQo=');}
.flag.flag-ga {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMzAwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQo8cGF0aCBmaWxsPSIjMDA5ZTYwIiBkPSJtMCwwaDQwMHYxMDBoLTQwMHoiLz4NCjxwYXRoIGZpbGw9IiNmY2QxMTYiIGQ9Im0wLDEwMGg0MDB2MTAwaC00MDB6Ii8+DQo8cGF0aCBmaWxsPSIjM2E3NWM0IiBkPSJtMCwyMDBoNDAwdjEwMGgtNDAweiIvPg0KPC9zdmc+DQo=');}
.flag.flag-hu {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCI+DQo8cGF0aCBmaWxsPSIjY2UxMTI2IiBkPSJtMCwwaDEyMDB2NjAwaC0xMjAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMjAwaDEyMDB2NDAwaC0xMjAweiIvPg0KPHBhdGggZmlsbD0iIzAwODc1MSIgZD0ibTAsNDAwaDEyMDB2MjAwaC0xMjAweiIvPg0KPC9zdmc+DQo=');}
/*my*/
.flag.flag-ms {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDQ4IiB2aWV3Qm94PSIwIDAgMjI0IDExMiI+DQo8ZGVmcz4NCjxwYXR0ZXJuIHdpZHRoPSI5OSIgaGVpZ2h0PSIxNiIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9InN0ciI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDk5djE2aC05OXoiLz4NCjxwYXRoIGZpbGw9IiNkYzI0MWYiIGQ9Im0wLDBoOTl2OGgtOTl6Ii8+DQo8L3BhdHRlcm4+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSJ1cmwoI3N0cikiIGQ9Im0wLDBoMjI0djExMmgtMjI0eiIvPg0KPHBhdGggZmlsbD0iIzAwMzVhZCIgZD0ibTAsMGgxMTJ2NjRoLTExMnoiLz4NCjxjaXJjbGUgZmlsbD0iI2ZmZDEwMCIgY3g9IjQ2IiBjeT0iMzIiIHI9IjI0Ii8+DQo8Y2lyY2xlIGZpbGw9IiMwMDM1YWQiIGN4PSI1MSIgY3k9IjMyIiByPSIyMSIvPg0KPHBhdGggZmlsbD0iI2ZmZDEwMCIgZD0ibTcwLDUyLTEuNzgwMi0xMi4yMDA2LTYuODk3NSwxMC4yMiAzLjY4OTgtMTEuNzY0Ny0xMC42NDg3LDYuMjE1MSA4LjQyODgtOC45OTg3LTEyLjI5MDgsLjk3OTMgMTEuNDk4Ni00LjQ1MDQtMTEuNDk4Ni00LjQ1MDQgMTIuMjkwOCwuOTc5My04LjQyODgtOC45OTg3IDEwLjY0ODcsNi4yMTUxLTMuNjg5OC0xMS43NjQ3IDYuODk3NSwxMC4yMiAxLjc4MDItMTIuMjAwNiAxLjc4MDIsMTIuMjAwNiA2Ljg5NzUtMTAuMjItMy42ODk4LDExLjc2NDcgMTAuNjQ4Ny02LjIxNTEtOC40Mjg4LDguOTk4NyAxMi4yOTA4LS45NzkzLTExLjQ5ODYsNC40NTA0IDExLjQ5ODYsNC40NTA0LTEyLjI5MDgtLjk3OTMgOC40Mjg4LDguOTk4Ny0xMC42NDg3LTYuMjE1MSAzLjY4OTgsMTEuNzY0Ny02Ljg5NzUtMTAuMjJ6Ii8+DQo8L3N2Zz4NCg==');}
.flag.flag-no {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAwIDgwMCI+DQo8cGF0aCBmaWxsPSIjZWYyYjJkIiBkPSJtMCwwaDExMDB2ODAwaC0xMTAweiIvPg0KPGcgZmlsbD0iI2ZmZiI+DQo8cGF0aCBkPSJtMzAwLDBoMjAwdjgwMGgtMjAweiIvPg0KPHBhdGggZD0ibTAsMzAwaDExMDB2MjAwaC0xMTAweiIvPg0KPC9nPg0KPGcgZmlsbD0iIzAwMjg2OCI+DQo8cGF0aCBkPSJtMzUwLDBoMTAwdjgwMGgtMTAweiIvPg0KPHBhdGggZD0ibTAsMzUwaDExMDB2MTAwaC0xMTAweiIvPg0KPC9nPg0KPC9zdmc+DQo=');}
.flag.flag-pl {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDgwMCI+DQo8cGF0aCBmaWxsPSIjZTllOGU3IiBkPSJtMCwwaDEyODB2NDAwaC0xMjgweiIvPg0KPHBhdGggZmlsbD0iI2Q0MjEzZCIgZD0ibTAsNDAwaDEyODB2NDAwaC0xMjgweiIvPg0KPC9zdmc+DQo=');}
/*se*/
.flag.flag-sv {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEwMDAiPg0KPHBhdGggZmlsbD0iIzBiNTA4OSIgZD0ibTAsMGgxNjAwdjEwMDBoLTE2MDB6Ii8+DQo8ZyBmaWxsPSIjZmZjMTAwIj4NCjxwYXRoIGQ9Im01MDAsMGgyMDB2MTAwMGgtMjAweiIvPg0KPHBhdGggZD0ibTAsNDAwaDE2MDB2MjAwaC0xNjAweiIvPg0KPC9nPg0KPC9zdmc+DQo=');}
.flag.flag-th {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNkZTEwMTgiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMTAwaDkwMHY0MDBoLTkwMHoiLz4NCjxwYXRoIGZpbGw9IiMwMDI0N2QiIGQ9Im0wLDIwMGg5MDB2MjAwaC05MDB6Ii8+DQo8L3N2Zz4NCg==');}
.flag.flag-tr {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDM2MCAyNDAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCjxwYXRoIGZpbGw9IiNlMzBhMTciIGQ9Im0wLDBoMzYwdjI0MGgtMzYweiIvPg0KPGNpcmNsZSBmaWxsPSIjZmZmIiBjeD0iMTIwIiBjeT0iMTIwIiByPSI2MCIvPg0KPGNpcmNsZSBmaWxsPSIjZTMwYTE3IiBjeD0iMTM1IiBjeT0iMTIwIiByPSI0OCIvPg0KPGcgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMzAgMzAgMCAyMDAuNyAxMjApIj4NCjxnIGlkPSJnMiI+DQo8cGF0aCBpZD0iZzEiIGQ9Im0wLDAgMCwxIC41LDB6IiB0cmFuc2Zvcm09Im1hdHJpeCguOTUxMDYgLjMwOTAyIC0uMzA5MDIgLjk1MTA2IDAgLTEpIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNnMSIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSIvPg0KPC9nPg0KPHVzZSB4bGluazpocmVmPSIjZzIiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjZzIiIHRyYW5zZm9ybT0ibWF0cml4KC4zMDkwMiAtLjk1MTA2IC45NTEwNiAuMzA5MDIgMCAwKSIvPg0KPHVzZSB4bGluazpocmVmPSIjZzIiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjx1c2UgeGxpbms6aHJlZj0iI2cyIiB0cmFuc2Zvcm09Im1hdHJpeCgtLjgwOTAyIC0uNTg3NzkgLjU4Nzc5IC0uODA5MDIgMCAwKSIvPg0KPC9nPg0KPC9zdmc+DQo=');}
/*vn*/
.flag.flag-vi {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNkYTI1MWQiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmMCIgZD0ibTQ5NC44NSwyMzcuNTEyaDE0NS4xNWwtMTE3LjQyLDg0Ljk4NSA0NC44NSwxMzcuNTAzLTExNy40My04NC45ODQtMTE3LjQzLDg0Ljk4NCA0NC44Ni0xMzcuNTAzLTExNy40My04NC45ODVoMTQ1LjE1bDQ0Ljg1LTEzNy41MTIgNDQuODUsMTM3LjUxMnoiLz4NCjwvc3ZnPg0K');}
/*cn*/
.flag.flag-zh {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPHBhdGggZmlsbD0iI2RlMjkxMCIgZD0ibTAsMGgxMjAwdjgwMGgtMTIwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMTYuNTc5Niw5OS42MDA3bDIuMzY4Ni04LjEwMzItNi45NTMtNC43ODgzIDguNDM4Ni0uMjUxNCAyLjQwNTMtOC4wOTI0IDIuODQ2Nyw3Ljk0NzkgOC40Mzk2LS4yMTMxLTYuNjc5Miw1LjE2MzQgMi44MTA2LDcuOTYwNy02Ljk3NDctNC43NTY3LTYuNzAyNSw1LjEzMzF6IiB0cmFuc2Zvcm09Im1hdHJpeCg5LjkzMzUyIC4yNzc0NyAtLjI3NzQ3IDkuOTMzNTIgMzI0LjI5MjUgLTY5NS4yNDE1KSIvPg0KPHBhdGggZmlsbD0iI2ZmZGUwMCIgaWQ9InN0YXIiIGQ9Im0zNjUuODU1MiwzMzIuNjg5NWwyOC4zMDY4LDExLjM3NTcgMTkuNjcyMi0yMy4zMTcxLTIuMDcxNiwzMC40MzY3IDI4LjI1NDksMTEuNTA0LTI5LjU4NzIsNy40MzUyLTIuMjA5NywzMC40MjY5LTE2LjIxNDItMjUuODQxNS0yOS42MjA2LDcuMzAwOSAxOS41NjYyLTIzLjQwNjEtMTYuMDk2OC0yNS45MTQ4eiIvPg0KPGcgZmlsbD0iI2ZmZGUwMCI+DQo8cGF0aCBkPSJtNTE5LjA3NzksMTc5LjMxMjlsLTMwLjA1MzQtNS4yNDE4LTE0LjM5NDUsMjYuODk3Ni00LjMwMTctMzAuMjAyMy0zMC4wMjkzLTUuMzc4MSAyNy4zOTQ4LTEzLjQyNDItNC4xNjQ3LTMwLjIyMTUgMjEuMjMyNiwyMS45MDU3IDI3LjQ1NTQtMTMuMjk5OC0xNC4yNzIzLDI2Ljk2MjcgMjEuMTMzMSwyMi4wMDE3eiIvPg0KPHBhdGggZD0ibTQ1NS4yNTkyLDMxNS45Nzk1bDkuMzczNC0yOS4wMzE0LTI0LjYzMjUtMTcuOTk3OCAzMC41MDctLjA1NjYgOS41MDUtMjguOTg4NiA5LjQ4MSwyOC45OTY0IDMwLjUwNywuMDgxOC0yNC42NDc0LDE3Ljk3NzQgOS4zNDkzLDI5LjAzOTItMjQuNzE0LTE3Ljg4NTgtMjQuNzI4OCwxNy44NjUzeiIvPg0KPC9nPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIgdHJhbnNmb3JtPSJtYXRyaXgoLjk5ODYzIC4wNTIzNCAtLjA1MjM0IC45OTg2MyAxOS40MDAwNSAtMzAwLjUzNjgxKSIvPg0KPC9zdmc+DQo=');}
/* 2018-8 头部导航及浮动导航优化 zoey*/

*[data-sub="tookit"] .sub-focus,*[data-sub="tookit"] .sub-maximizer,*[data-sub="tookit"] .sub-slideshow{
    display: none !important;
    margin: 0 !important;
}
*[data-sub="focus"] .sub-tookit,*[data-sub="focus"] .sub-maximizer,*[data-sub="focus"] .sub-slideshow{
    display: none !important;
    margin: 0 !important;
}
*[data-sub="maximizer"] .sub-tookit,*[data-sub="maximizer"] .sub-focus,*[data-sub="maximizer"] .sub-slideshow{
    display: none !important;
    margin: 0 !important;
}
*[data-sub="slideshow"] .sub-tookit,*[data-sub="slideshow"] .sub-focus,*[data-sub="slideshow"] .sub-maximizer{
    display: none !important;
    margin: 0 !important;
}
.nav .tooltip .tooltip-inner{
    padding: 3px 8px;
}
/*默认显示guide*/
*[data-feat="guide"] .sub-editor{
	display: none !important;
    margin: 0 !important;
}
/*tookit下子产品不显示editor*/
*[data-feat="editor"] .sub-guide{
	display: none !important;
    margin: 0 !important;
}

/*链接地址*/
*[data-sub="tookit"] .guide-focus,*[data-sub="tookit"] .guide-maximizer,*[data-sub="tookit"] .guide-slideshow{
	display: none !important;
    margin: 0 !important;
}
*[data-sub="focus"] .guide-tookit,*[data-sub="focus"] .guide-maximizer,*[data-sub="focus"] .guide-slideshow{
	display: none !important;
    margin: 0 !important;
}
*[data-sub="maximizer"] .guide-tookit,*[data-sub="maximizer"] .guide-focus,*[data-sub="maximizer"] .guide-slideshow{
	display: none !important;
    margin: 0 !important;
}
*[data-sub="slideshow"] .guide-tookit,*[data-sub="slideshow"] .guide-focus,*[data-sub="slideshow"] .guide-maximizer{
	display: none !important;
    margin: 0 !important;
}