@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,700i,900'); @import url('https://fonts.googleapis.com/css?family=ABeeZee'); /* :root { --first-color: #E67E22; --second-color: #E74C3C; --third-color: #FFFFFF; --txt-color: #333333; --txt-color-light: #999999; --border-color: #DCDCDC; --border-color-second: #FFFFFF; --second-btn-color: #FFFFFF; --header-txt-color: #FFFFFF; } */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-family: 'Roboto', sans-serif; line-height: 1.42857; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body { font-size: 15px; line-height: 1; color: #888; } * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; outline: none; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } th { text-align: left; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* #Basic Styles ================================================== */ /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } .subheader { color: #777; } /* Headings & paragraphs -- */ h1, h2, h3, h4, h5, h6 { text-transform: none; padding: 0 0 5px 0; color: #4c4c4c; margin: 0; line-height: normal; } h1 { font-size: 2em; padding: 0; } h2 { font-size: 1.8em; line-height: normal; } h3 { font-size: 1.7em; } h4 { font-size: 1.4em; } h5 { font-size: 1.3em; } h6 { font-size: 1.1em; } strong { font-weight: 700; } /* inpput */ p { margin: 0 0 15px 0; line-height: 1.5; font-size: 0.9em; } p {} p img { margin: 0; } p.lead { font-size: 21px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /*	Blockquotes  */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"], a { cursor: pointer; } /* #Links ================================================== */ a { color: var(--first-color); } a, a:visited { line-height: normal; text-decoration: none; outline: 0; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 1; } a:hover, a:focus { -webkit-transition: all ease .3s; transition: all ease .3s; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 0px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc {} ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 0px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0px; } li {} ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* form elements ---------------------- */ input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { outline: none; font-family: inherit; } input[type="submit"], input[type="button"] { -webkit-appearance: none; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus {} select { padding-right: 0; } /*Misc*/ .show--mobile { display: inline-block !important; } .hide--desktop { display: none !important; } .show--desktop { display: inline-block !important; } .float--left { float: left !important; } .float--right { float: right !important; } .nomargin { margin: 0 !important; } .nomargin--bottom { margin-bottom: 0 !important; } .nomargin--top { margin-top: 0 !important; } .nomargin--left { margin-left: 0 !important; } .nomargin--right { margin-right: 0 !important; } .nopadding { padding: 0 !important; } .nopadding--bottom { padding-bottom: 0 !important; } .nopadding--top { padding-top: 0 !important; } .nopadding--left { padding-left: 0 !important; } .nopadding--right { padding-right: 0 !important; } .noborder--right { border-right: none !important; } .noborder--left { border-left: none !important; } .nofocus { border: none !important; } .nofocus:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .align--left { text-align: left !important; } .align--right { text-align: right !important; } .align--center { text-align: center !important; } .transition--none { -webkit-transition: none; transition: none; } .remove--bottom { margin-bottom: 0; } .half--bottom { margin-bottom: 10px; } .add--bottom { margin-bottom: 20px; } .fl { float: left; } .fr { float: right; } .fn { float: none; } .align--left { text-align: left; } .align--right { text-align: right; } .align--center { margin: 0 auto; text-align: center; } .gap { height: 15px; clear: both; display: table; } .bgap{ height: 120px; clear: both; display: table; } .padding20 { padding: 20px; } .link { color: inherit; } .link--primary { color: var(--first-color); text-decoration: underline; } .link--normal { color: var(--txt-color); font-weight: 500; } .link--normal:hover { color: var(--first-color); } .link--arrow { display: inline-block; line-height: 1; color: var(--first-color); font-weight: 400; position: relative; text-decoration: underline; padding: 0 10px 0 0; } .link--arrow:before { border-right: 2px solid var(--first-color); border-top: 2px solid var(--first-color); content: ""; display: inline-block; height: 7px; margin: 0 0 0 8px; position: absolute; right: 0; top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); vertical-align: middle; width: 7px; } .link--arrow:hover, .link--arrow:hover:before { color: #555555; border-color: #555555; } .text--bold { font-weight: 700; } .text--uppercase { text-transform: uppercase; } .text--dark { color: #555555; } .text--light { opacity: 0.3; font-weight: normal; } .text--small { opacity: 0.4; font-style: italic; font-size: 95%; } .text--block { display: block; } .text--normal { color: var(--txt-color); } .text--normal a { color: var(--first-color); } .text--normal a:hover { text-decoration: underline; } .text--normal a .fa { opacity: 0.3; margin: 0 5px 0 0; } .text--normal-primary { color: #24b26b !important; } .text--normal-secondary { color: #f15c5c !important; } .list__socials li { display: block; vertical-align: top; padding: 0 0 0 0; color: var(--txt-color); line-height: 30px; margin: 5px 0; } .list__socials li:first-child { /* padding-right: 10px; */ } .list__socials li a { font-size: 1.1em; color: inherit; width: 30px; border: none; height: 30px; display: block; /* border-radius: 100%; */ line-height: 28px; text-align: center; background-size: 20px; margin: 0 auto; } .list__socials li a:hover { border-color: inherit; } .list__socials li.social--fb { color: #3b5998; } .list__socials li.social--tw { color: #55acee; } .list__socials li.social--pt { color: #cb2027; } .list__socials li.social--li { color: #0177b5; } .list__socials li.social--gp { color: #d95232; } .list__socials--filled li.social--fb a { background: #3b5998; color: #fff; } .list__socials--filled li.social--tw a { background: #55acee; color: #fff; } .list__socials--filled li.social--pt a { background: #cb2027; color: #fff; } .list__socials--filled li.social--li a { background: #0177b5; color: #fff; } .list__socials--filled li.social--gp a { background: #d95232; color: #fff; } .hidden { display: none; } .dont-show { visibility: hidden; height: 0; } .inviso { display: none; } .highlighted { color: #211922; background-color: #ff0; } .inline--block { display: inline-block; vertical-align: middle; } .error { font-weight: 300; /*	color: #f00;*/ } .noFloat { float: none; } .noState:hover { background-color: transparent; } .noState:active { color: #221919; } .border { border: 1px solid #b8c3cd; } .border-top { border-top: 1px solid #b8c3cd; } .border-right { border-right: 1px solid #b8c3cd; } .border-bottom { border-bottom: 1px solid #b8c3cd; } .border-left { border-left: 1px solid #b8c3cd; } .invisible { visibility: hidden; } .red { color: red; } .noscroll { overflow: hidden; } .divider { height: 1px; background: var(--border-color); margin: 15px 0; } .border-bottom { border-bottom: solid 1px var(--border-color); height: 1px; } .img-responsive { max-width: 100%; } .text--bold { font-weight: 700; } .text--uppercase { text-transform: uppercase; } .text--dark { color: #555555; } .text--light { opacity: 0.3; font-weight: normal; } .text--small { opacity: 0.4; font-style: italic; font-size: 95%; } .text--block { display: block; } .relative { position: relative; } /*loaders*/ .loader-yk { display: block; width: 30px; height: 30px; position: relative; /*border: 3px solid var(--first-color); animation: loader 2s infinite ease;*/ margin: 15px auto; text-align: center; background: url(/images/retina/oval.svg) no-repeat center; background-size: 20px; } .loader-yk-inner { /*vertical-align: top; display: inline-block; width: 100%; background-color: var(--first-color); animation: loader-inner 2s infinite ease-in;*/ } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } .loader-wrapper { position: relative; } .loader { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -55px; width: 110px; height: 14px; } .circle { width: 10px; height: 10px; border-radius: 14px; border: 2px solid var(--first-color); margin: 10px; -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } .circle:nth-of-type(2) { -webkit-animation: rotate2 2s infinite linear; animation: rotate2 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .circle:nth-of-type(3) { -webkit-animation: rotate3 2s infinite linear; animation: rotate3 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .clearfix.row {} .clearfix:before, .clearfix:after { s content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } /* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .container-fluid { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } /*grid*/ .container--fluid { width: 100%; } .row { margin-right: -15px; margin-left: -15px; } .container:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } .row.no-gutter, .no-gutter { margin-left: 0; margin-right: 0; } .column { margin-bottom: 15px;} .float-left { float: left; } .float-right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* Set Margins and gaps*/ .marginTop_medium { margin-top: 15px; } .marginTop_small { margin-top: 10px; } .marginTop_minismall { margin-top: 5px; } .section_space { padding: 35px 0 0; } .sectionboth_space { padding: 35px 0; } .insidespace_top { padding-top: 35px; } .insidespace_bottom { padding-bottom: 35px; } .mobile-thead { display: none; } .pull-right { float: right; text-align: right; } .pull-left { text-align: left; float: left; } /*Effects*/ .transition-none { -webkit-transition: none; transition: none; } /*Set clear*/ .clearfix:after { clear: both; display: block; content: ""; } img { max-width: 100%; display: block; } /*Base CSS end here*/ @font-face { font-family: 'mostraoneregular'; src: url('fonts/mostraone-webfont.woff2') format('woff2'), url('fonts/mostraone-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ripplelink { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; } .ripplelink:hover { /*z-index: 1000;*/ } .ink { display: block; position: absolute; background: rgba(0, 0, 0, 0.1); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); } .animate { -webkit-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } /*btn*/ .btn, .form input[type="submit"], .form input[type="button"] { position: relative; display: inline-block; margin: 0 0px; border: none; border-radius: 4px; padding: 0 16px; min-width: 64px; height: 40px; vertical-align: middle; text-align: center; text-overflow: ellipsis; text-transform: uppercase; color: #fff; background: var(--first-color); font-size: 1em; font-weight: 500; line-height: 40px; overflow: hidden; outline: none; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; } .btn:disabled, .form input[type="submit"]:disabled, .form input[type="button"]:disabled { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: none; box-shadow: none; cursor: initial; } .btn:before, .form input[type="submit"]:before, .form input[type="button"]:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: currentColor; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .material-button-raised:hover::before { opacity: 0.12; } .btn:focus::before, .form input[type="submit"]:focus::before, .form input[type="button"]:focus::before { opacity: 0.2; } .btn:active::before, .form input[type="submit"]:active::before, .form input[type="button"]:active::before { opacity: 0.32; } .btn:disabled::before, .form input[type="submit"]:disabled::before, .form input[type="button"]:disabled::before { opacity: 0; } .btn:after, .form input[type="submit"]:after, .form input[type="button"]:after { content: ""; position: absolute; left: 50%; top: 18px; border-radius: 50%; padding: 50%; width: 32px; height: 32px; background-color: currentColor; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, transform 0.5s; transition: opacity 1s, transform 0.5s, -webkit-transform 0.5s; } .btn:active::after, .form input[type="submit"]:active::after, .form input[type="button"]:active::after { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; } .btn:disabled::after, .form input[type="submit"]:disabled::after, .form input[type="button"]:disabled::after { opacity: 0; } .no--focus:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .invalid { -webkit-animation: moltinShake .4s ease-in-out .1s normal forwards 1 running; animation: moltinShake .4s ease-in-out .1s normal forwards 1 running } @-webkit-keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg) } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg) } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg) } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg) } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg) } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg) } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } /*default */ .btn--default { color: var(--txt-color); background-color: #fff; border-color: #ccc; border: 1px solid #ddd; } .btn--default:focus, .btn--default.focus { color: var(--txt-color); background-color: #e6e6e6; border-color: #8c8c8c; } .btn--default:hover { color: var(--txt-color); background-color: #e6e6e6; border-color: #adadad; } .btn--default:active, .btn--default.active, .open > .btn--default.dropdown-toggle { color: var(--txt-color); background-color: #e6e6e6; border-color: #adadad; } .btn--default:active:hover, .btn--default:active:focus, .btn--default:active.focus, .btn--default.active:hover, .btn--default.active:focus, .btn--default.active.focus, .open > .btn--default.dropdown-toggle:hover, .open > .btn--default.dropdown-toggle:focus, .open > .btn--default.dropdown-toggle.focus { color: var(--txt-color); background-color: #d4d4d4; border-color: #8c8c8c; } .btn--default:active, .btn--default.active, .open > .btn--default.dropdown-toggle { background-image: none; } .btn--default.disabled:hover, .btn--default.disabled:focus, .btn--default.disabled.focus, .btn--default[disabled]:hover, .btn--default[disabled]:focus, .btn--default[disabled].focus, fieldset[disabled] .btn--default:hover, fieldset[disabled] .btn--default:focus, fieldset[disabled] .btn--default.focus { background-color: #fff; border-color: #ccc; } .btn--default .badge { color: #fff; background-color: var(--txt-color); } /*primary*/ .btn--primary { color: #fff; background: var(--first-color); } .btn--subscribe { color: #fff; background: #008204; } /*success*/ .btn--success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn--success:focus, .btn--success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn--success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn--success:active, .btn--success.active, .open > .btn--success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn--success:active:hover, .btn--success:active:focus, .btn--success:active.focus, .btn--success.active:hover, .btn--success.active:focus, .btn--success.active.focus, .open > .btn--success.dropdown-toggle:hover, .open > .btn--success.dropdown-toggle:focus, .open > .btn--success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn--success:active, .btn--success.active, .open > .btn--success.dropdown-toggle { background-image: none; } .btn--success.disabled:hover, .btn--success.disabled:focus, .btn--success.disabled.focus, .btn--success[disabled]:hover, .btn--success[disabled]:focus, .btn--success[disabled].focus, fieldset[disabled] .btn--success:hover, fieldset[disabled] .btn--success:focus, fieldset[disabled] .btn--success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn--success .badge { color: #5cb85c; background-color: #fff; } /*info*/ .btn--info { color: #fff; background-color: #237dbb; border-color: #1f6fa6; } .btn--info:focus, .btn--info.focus { color: #fff; background-color: #1b6090; border-color: #0b273a; } .btn--info:hover { color: #fff; background-color: #1b6090; border-color: #154c72; } .btn--info:active, .btn--info.active, .open > .btn--info.dropdown-toggle { color: #fff; background-color: #1b6090; border-color: #154c72; } .btn--info:active:hover, .btn--info:active:focus, .btn--info:active.focus, .btn--info.active:hover, .btn--info.active:focus, .btn--info.active.focus, .open > .btn--info.dropdown-toggle:hover, .open > .btn--info.dropdown-toggle:focus, .open > .btn--info.dropdown-toggle.focus { color: #fff; background-color: #154c72; border-color: #0b273a; } .btn--info:active, .btn--info.active, .open > .btn--info.dropdown-toggle { background-image: none; } .btn--info.disabled:hover, .btn--info.disabled:focus, .btn--info.disabled.focus, .btn--info[disabled]:hover, .btn--info[disabled]:focus, .btn--info[disabled].focus, fieldset[disabled] .btn--info:hover, fieldset[disabled] .btn--info:focus, fieldset[disabled] .btn--info.focus { background-color: #237dbb; border-color: #1f6fa6; } .btn--info .badge { color: #237dbb; background-color: #fff; } .btn--info:hover {} /*warning*/ .btn--warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn--warning:focus, .btn--warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn--warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn--warning:active, .btn--warning.active, .open > .btn--warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn--warning:active:hover, .btn--warning:active:focus, .btn--warning:active.focus, .btn--warning.active:hover, .btn--warning.active:focus, .btn--warning.active.focus, .open > .btn--warning.dropdown-toggle:hover, .open > .btn--warning.dropdown-toggle:focus, .open > .btn--warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn--warning:active, .btn--warning.active, .open > .btn--warning.dropdown-toggle { background-image: none; } .btn--warning.disabled:hover, .btn--warning.disabled:focus, .btn--warning.disabled.focus, .btn--warning[disabled]:hover, .btn--warning[disabled]:focus, .btn--warning[disabled].focus, fieldset[disabled] .btn--warning:hover, fieldset[disabled] .btn--warning:focus, fieldset[disabled] .btn--warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn--warning .badge { color: #f0ad4e; background-color: #fff; } /*danger*/ .btn--danger { color: #fff; background-color: #f15c5c; border-color: #ef4545; } .btn--danger:focus, .btn--danger.focus { color: #fff; background-color: #ed2d2d; border-color: #a60e0e; } .btn--danger:hover { color: #fff; background-color: #ed2d2d; border-color: #e31313; } .btn--danger:active, .btn--danger.active, .open > .btn--danger.dropdown-toggle { color: #fff; background-color: #ed2d2d; border-color: #e31313; } .btn--danger:active:hover, .btn--danger:active:focus, .btn--danger:active.focus, .btn--danger.active:hover, .btn--danger.active:focus, .btn--danger.active.focus, .open > .btn--danger.dropdown-toggle:hover, .open > .btn--danger.dropdown-toggle:focus, .open > .btn--danger.dropdown-toggle.focus { color: #fff; background-color: #e31313; border-color: #a60e0e; } .btn--danger:active, .btn--danger.active, .open > .btn--danger.dropdown-toggle { background-image: none; } .btn--danger.disabled:hover, .btn--danger.disabled:focus, .btn--danger.disabled.focus, .btn--danger[disabled]:hover, .btn--danger[disabled]:focus, .btn--danger[disabled].focus, fieldset[disabled] .btn--danger:hover, fieldset[disabled] .btn--danger:focus, fieldset[disabled] .btn--danger.focus { background-color: #f15c5c; border-color: #ef4545; } .btn--danger .badge { color: #f15c5c; background-color: #fff; } /*secondary */ .btn--secondary, .form input[type="button"] { color: #fff; background-color: var(--second-color); } /*third */ .btn--third, .form input[type="button"] { color: #fff; background-color: var(--second-color); } /*black*/ .btn--black { color: #fff; background-color: #000; } .btn--gray { color: #000; background-color: #ccc; } .btn--link { color: var(--first-color); font-size: 0.8em; font-weight: normal; } .btn--white { background: #fff; color: var(--txt-color); } .btn--lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; height: auto; } .btn--sm, .btn--sm.btn--white, .form input[type="submit"].btn--sm, .form input[type="button"].btn--sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; height: auto; } .btn--xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; height: auto; } .btn--h-large { min-width: 170px; height: auto; } .btn--block { display: block; width: 100%; height: auto; } .btn--block + .btn--block { margin-top: 5px; height: auto; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /**/ /* form ---------------------- */ input::-moz-focus-inner { border: 0; padding: 0; } textarea { resize: vertical; } input, select, textarea { outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } input[type="submit"], input[type="button"] { -webkit-appearance: none; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], textarea, select, input[type="number"], input[type="file"] { background-color: #fff; border: 1px solid var(--border-color); height: 40px; padding: 0 10px; width: 100%; color: var(--txt-color); font-family: inherit; font-size: 1em; font-weight: normal; border-radius: 2px; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus { border-color: rgba(0, 0, 0, 0.22); outline: 0; outline: thin dotted \9; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } input[type="file"] { height: auto; padding: 8px 10px; } .filefield { position: relative; width: 100%; height: 35px; padding: 0; font-size: 13px; line-height: 1.42857143; color: #666; background-color: #ffffff; border-bottom: 1px solid #e0e0e0; } .filefield input[type="file"] { opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; } .filefield .filelabel { position: absolute; right: 0; top: 0; bottom: 0; padding: 8px 15px; font-size: 12px; color: #666; border-bottom: 2px solid #e0e0e0; } .filefield .filename { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; top: 0; bottom: 0; padding: 8px 0; font-size: 12px; color: #666; } .form .astrick { position: relative; } .form .astrick:after { color: red; content: "*"; } .form input[type="submit"], .form input[type="button"] { margin-inline-end:5px; } input[type="text"].p-cards { background: url(images/payment-cards.png) no-repeat right 3px; } input[type="text"].p-cards.amex { background-position: right -34px; } input[type="text"].p-cards.visa { background-position: right -70px; } input[type="text"].p-cards.master { background-position: right -106px; } input[type="text"].p-cards.meastro { background-position: right -141px; } select { padding-right: 35px; background-image: url(images/select-arrow.png); background-color: #fff; background-repeat: no-repeat; background-position: center right; font-size: 1em; } select option { padding: 3px 0; } .field--calender { background-color: #fff; padding-right: 35px !important; background-image: url(images/icon--calender.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 15px; } textarea { height: 150px; padding: 15px; } .field-set { width: 100%; display: inline-block; margin: 0 0 20px; } .form__group { width: 100%; display: inline-block; margin: 15px 0 0; } .field_label { display: block; margin: 0 0 5px 0; } .form--normal { margin: 20px 0; } .form--normal input[type="submit"] { min-width: 180px; text-transform: uppercase; /*font-weight: 700;*/ margin: 0 10px 0 0; } .mandatory, .spn_must_field { color: red; } .form--auto input, .form--auto select { width: auto; } /* radio and checkbox */ .checkbox, .radio { display: inline-block; color: var(--txt-color); position: relative; vertical-align: top; padding: 0 0 0 30px; min-height: 20px; cursor: pointer; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; } input[type="text"][disabled], input[type="password"][disabled] { background: rgba(0, 0, 0, 0.03); color: #000; } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid var(--border-color); background: #fff; border-radius: 2px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 20px; height: 20px; } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top: 0; width: 20px; height: 20px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 15px; height: 8px; border-bottom: 2px solid var(--first-color); border-left: 2px solid var(--first-color); border-bottom-left-radius: 1px; left: 3px; top: 4px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: -1px; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: var(--first-color); border-radius: 50%; top: 3px; left: 4px; -webkit-transform: scale(0); transform: scale(0); } .form--shadow input[type="text"], .form--shadow select { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border: none; } .form--inline { display: inline-block; vertical-align: top; } .form--inline label { font-size: 1em; font-weight: 500; } .form--inline li { display: inline-block; vertical-align: top; padding: 0 10px 0 0; text-align: left; } .form--inline li:last-child { padding-right: 0; } .form--inline .btn--white { display: none; } .form--inline .btn--white .fa { display: none; } .form--inline .field--sort .fa { display: none; } .form__cover { padding: 15px; background: #f5f5f5; border-radius: 3px; width: 100%; display: inline-block; } .textcenter { text-align: center; } .form--horizontal .field-set { display: table; table-layout: fixed; } .form--horizontal .caption-wraper { display: table-cell; vertical-align: top; padding: 5px 0 0; width: 30%; } .form--horizontal .field-wraper { display: table-cell; vertical-align: top; width: 70%; } .form--horizontal.layout--rtl input[type="submit"] { margin: 0 0 0 10px; } .form .text--small, .preview .text--small { opacity: 0.4; font-style: italic; font-size: 95%; } .labels--inline label { display: inline-block; line-height: 40px; height: 40px; padding: 0 20px 0 40px; background-color: #fff; border: 1px solid var(--border-color); margin: 0 10px 0 0; border-radius: 5px; } .labels--inline label .input-helper:before { top: 9px; left: 10px; } .labels--inline label .input-helper:after { top: 13px; left: 14px; } .labelgroup--vertical label { display: block; margin: 10px 0; } .labelgroup--horizontal label { display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .radio--large { min-height: 26px; padding-left: 35px; line-height: 26px; } .radio--large input { width: 26px; height: 26px; } .radio--large .input-helper { width: 26px; height: 26px; position: absolute; border-radius: 4px; background: #ddd; left: 0; top: 0; -webkit-box-shadow: 0 0 1px transparent, inset 0 0 0 3px transparent; box-shadow: 0 0 1px transparent, inset 0 0 0 3px transparent; -webkit-transition: 0.3s all; -webkit-transition: 0.1s all; transition: 0.1s all; } .radio--large .input-helper:after, .radio--large .input-helper:before { display: none; } .radio--large input:checked + .input-helper { -webkit-box-shadow: 0 0 1px #666, inset 0 0 0 4px #fff; box-shadow: 0 0 1px #666, inset 0 0 0 4px #fff; } .radio--custom { position: relative; display: inline-block; vertical-align: top; margin: 0 2px 2px 0; } .radio--custom input { opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .radio--custom input:checked + .input-txt { background: #f5f5f5; } .radio--custom .input-txt { border: 1px solid var(--border-color); padding: 10px; border-radius: 4px; display: inline-block; vertical-align: top; } .checkbox--positioned { position: absolute; right: 0px; top: 20px; z-index: 1; } .form--horizontal .field-set { display: table; table-layout: fixed; } .form--horizontal .caption-wraper { display: table-cell; vertical-align: top; padding: 5px 0 0; width: 30%; } .form--horizontal .field-wraper { display: table-cell; vertical-align: top; width: 70%; } .form small, .form .text--small, .preview .text--small { opacity: 0.8; font-style: italic; font-size: 80%; } .labels--inline label { display: inline-block; line-height: 40px; height: 40px; padding: 0 20px 0 40px; background-color: #fff; border: 1px solid var(--border-color); margin: 0 10px 0 0; border-radius: 5px; } .labels--inline label .input-helper:before { top: 9px; left: 10px; } .labels--inline label .input-helper:after { top: 13px; left: 14px; } .field--small { width: 60px !important; display: inline-block; vertical-align: top; } .field--normal { width: 120px !important; display: inline-block; vertical-align: top; } .field-set-gray { background: #f5f5f5; border-radius: 5px; padding: 15px; } .form--singlefield { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--singlefield input[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; } .form--singlefield input[type="submit"] { margin: 0; } .form--secondary input[type="submit"] { color: #fff; } .form--secondary input[type="submit"]:focus, .form--secondary input[type="submit"].focus { } .form--secondary input[type="submit"]:hover { } .form--secondary input[type="submit"]:active, .form--secondary input[type="submit"].active, .open > .form--secondary input[type="submit"].dropdown-toggle { } .form--secondary input[type="submit"]:active:hover, .form--secondary input[type="submit"]:active:focus, .form--secondary input[type="submit"]:active.focus, .form--secondary input[type="submit"].active:hover, .form--secondary input[type="submit"].active:focus, .form--secondary input[type="submit"].active.focus, .open > .form--secondary input[type="submit"].dropdown-toggle:hover, .open > .form--secondary input[type="submit"].dropdown-toggle:focus, .open > .form--secondary input[type="submit"].dropdown-toggle.focus { } .form--secondary input[type="submit"]:active, .form--secondary input[type="submit"].active, .open > .form--secondary input[type="submit"].dropdown-toggle { background-image: none; } .form--secondary input[type="submit"].disabled:hover, .form--secondary input[type="submit"].disabled:focus, .form--secondary input[type="submit"].disabled.focus, .form--secondary input[type="submit"][disabled]:hover, .form--secondary input[type="submit"][disabled]:focus, .form--secondary input[type="submit"][disabled].focus, fieldset[disabled] .form--secondary input[type="submit"]:hover, fieldset[disabled] .form--secondary input[type="submit"]:focus, fieldset[disabled] .form--secondary input[type="submit"].focus { background-color: #f15c5c; border-color: #ef4545; } .form--secondary input[type="submit"] .badge { color: #f15c5c; background-color: #fff; } .form--secondary input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } /* tablet ---------------------- */ @media (max-width: 1050px) { .form--inline .btn--white { display: block; } .form--inline .btn--white .fa { display: inline-block; } } /* ipad ---------------------- */ @media (min-width: 991px) and (max-width: 1050px) { .form--singlefield input[type="text"] { width: 60%; } .form--singlefield input[type="submit"] { width: 40%; } } /* tablet ---------------------- */ /* mobile ---------------------- */ @media (max-width: 767px) { .form--normal { margin: 0 0 20px 0; } .field-set { margin: 0; margin-bottom: 15px; } .form--normal input[type="submit"] { min-width: 1%; } .form--inline { margin: 0 -10px; display: block; } .form--inline ul { display: table; table-layout: fixed; width: 100%; vertical-align: top; } .form--inline li { display: table-cell; vertical-align: top; padding: 0 10px; text-align: left; } .form--inline li:last-child { padding-right: 10px; } .form--inline .btn--white { font-weight: normal; text-align: left; padding: 10px; display: block; } .form--inline .btn--white .fa { float: right; font-size: 1.1em; margin: 3px 0 0; display: inline-block; } .form--inline .field--sort { position: relative; } .form--inline .field--sort select { background-image: none; } .form--inline .field--sort .fa { position: absolute; right: 25px; top: 12px; font-size: 1.1em; color: var(--txt-color); display: block; } .radio--custom .input-txt { padding: 6px 5px; } .form__cover textarea + p { padding-top: 10px; } .field--small, .field--normal { width: 100% !important; margin: 2px 0; } .form--horizontal .field-set { display: inline-block; table-layout: auto; } .form--horizontal .caption-wraper { display: block; padding: 5px 0 0; width: 100%; } .form--horizontal .field-wraper { display: block; width: 100%; } } @media (max-width: 400px) { .form--singlefield input[type="text"] { width: 56%; } .form--singlefield input[type="submit"] { width: 44%; font-size: 0.9em; } .block-on-mobile { display: block; width: 100%; } .block-on-mobile + .block-on-mobile { margin-top: 5px; } } /***/ /* selectors */ .selector li { float: left; margin: 0 5px 10px 0; color: var(--txt-color); } .selector li a { display: block; color: inherit; } .selector li a.is-disabled { cursor: not-allowed; opacity: 0.4; } .selector__link { border: 1px solid #ddd; border-radius: 4px; padding: 8px; } .selector__link.is-active { /*background: #f5f5f5;*/ border-color: #24b26b; } .selector__link img { width: 40px; } .selector .color { width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 0 8px 0 0; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .selector .color:before { position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; content: ""; border: 1px solid #ddd; border-radius: 3px; display: none; } .selector--color li { margin-right: 20px; } .selector--color li a.is-active .color:before { border-color: #24b26b; display: block; } /* paginations */ .pagination { display: inline-block; background: #fff; border-radius: 3px; overflow: hidden; } .pagination.center { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px auto 10px auto; clear: both; width: 100%; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination li { float: left; } .pagination li a { width: 30px; line-height: 28px; text-align: center; height: 30px; display: block; font-size: 1em; color: #333; border: none; border: 1px solid var(--border-color); border-radius: 3px; position: relative; overflow: hidden; margin: 0 3px; } .pagination li.selected a { background: #f5f5f5; color: #000; font-weight: 700; } .pagination li a:hover { background: #f5f5f5; color: #000; } .pagination li.disabled { opacity: 0.4; } .pagination li.disabled a { cursor: not-allowed; } .pagination li.prev a:before { width: 12px; height: 12px; border-left: 2px solid #333; border-bottom: 2px solid #333; position: absolute; left: 14px; top: 14px; /*content: "";*/ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.next a:before { width: 12px; height: 12px; border-right: 2px solid #333; border-top: 2px solid #333; position: absolute; left: 10px; top: 14px; /*content: "";*/ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .page-banner { background-position: center top; position: relative; height: 399px; color: #fff; } .page-banner:after { background: rgba(0, 0, 0, 0.33); height: 100%; width: 100%; content: ""; position: absolute; z-index: 0; } .page-banner .banner-txt { max-width: 1440px; margin: 0 auto; text-align: center; position: absolute; bottom: 60px; left: 0; right: 0; z-index: 1; } .page-banner .banner-txt h1 { color: inherit; font-size: 4em; font-weight: 600; line-height: 1; } .page-banner .banner-txt h4 { color: inherit; font-size: 2em; display: block; } .container--cms p { color: var(--txt-color-light); } .container--cms .space { padding: 50px 0; } .container--cms ul { margin: 10px 0; } .container--cms ul li { position: relative; padding: 0 15px 5px 15px; color: #999999; font-size: 1em; } .container--cms ul li:before { position: absolute; left: 0; top: 5px; content: ""; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #c5c5c5; } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: #666; margin: 0 0 0 15px; font-size: 1.1em; } .container--cms ol li a { color: inherit; } .bg--second { background: var(--second-color); color: #fff; } .bg--second * { color: inherit !important; } .bg--second a.btn--custom { border-color: #fff; color: inherit; border-width: 2px; } .boxcontainer { padding: 0; } .boxcontainer .box--gray { background: rgba(0, 0, 0, 0.04); position: relative; padding: 30px 40px 20px 110px; border-radius: 3px; margin: 0 0 20px 0; } .boxcontainer .box--gray .fa { position: absolute; left: 20px; top: 25px; font-size: 4em; color: #ccc; } .boxcontainer .box--gray p { color: #555555; margin: 0; } .boxcontainer .box--gray h3 { padding: 0 0 5px 0; } .boxcontainer .box--gray h3 a { color: inherit; } /*page loader*/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .pageloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #fff; } .round-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 65px; width: 25px; margin: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .round { width: 15px; height: 15px; margin: 5px; background: var(--first-color); border-radius: 50%; } @-webkit-keyframes loading { 0% {} 25% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } 75% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .round:nth-child(1) { -webkit-animation: loading 1s infinite; -webkit-animation-delay: 0s; } .round:nth-child(2) { -webkit-animation: loading 1s infinite; -webkit-animation-delay: 0.5s; } .round:nth-child(3) { -webkit-animation: loading 1s infinite; } /*page loader end*/ /*gradient backgrounds*/ .backgrounds1 { background: url(images/bg-pattern.png), #7b4397; background: url(images/bg-pattern.png), -webkit-gradient(linear, right top, left top, color-stop(21.85%, #ae8027), to(#dc20a8)); background: url(images/bg-pattern.png), linear-gradient(to left, #ae8027 21.85%, #dc20a8); } .backgrounds2 { background-color: #6C84E5; background: url(images/elements_header_background.png), -webkit-gradient(linear, left top, right top, from(rgba(249, 75, 113, 1)), to(rgba(117, 109, 227, 1))); background: url(images/elements_header_background.png), linear-gradient(to right, rgba(249, 75, 113, 1), rgba(117, 109, 227, 1)); background-size: 300px 300px, auto; } .backgrounds3 { background: linear-gradient(45deg, #CF78D4 0%, #F34883 50%, #447FE4 100%); content: ''; opacity: 0.65; } .checkbox-switch { position: relative; } .checkbox-switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; position: absolute; } .checkbox-switch label { cursor: pointer; text-indent: -9999px; width:40px; height:20px; background: grey; display: block; border-radius: 30px; position: relative; } .checkbox-switch label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: #fff; border-radius: 22px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24); } .checkbox-switch input:checked + label { background: var(--first-color); } .checkbox-switch input:checked + label:after { left: calc(100% - 4px); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .checkbox-switch label:active:after { width: 50px; } /* Demo button */ .fixed-demo-btn { line-height: 1.8; position: fixed; right: -100px; top: 300px; z-index: 10; background: var(--first-color); border-radius: 2px 2px 0px 0px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; height: 50px; width: 228px; color: #fff; font-size: 1.5em; /* font-weight: 600; */ text-align: center; } .fixed-demo-btn #btn-demo { color: #fff; display: block; } .modal { background-color: white; border-radius: 0; display: none; max-height: calc(100% - 100px); position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 990; } .modal.modal-is-visible { display: block; z-index: 1010; } .modal .modal-body { height: 100%; } /* .modal-overlay { background-color: rgba(0, 0, 0, 0.85); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 980; } */ .modal-overlay.modal-is-visible { display: block; z-index: 1009; } .crossed { z-index: 1; position: absolute; text-align: center; line-height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; right: 5px; padding: 0px; width: 30px; height: 30px; } .crossed:before { width: 1px; height: 30px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 0; content: ""; background: #000; } .crossed:after { width: 30px; height: 1px; left: 0px; top: 50%; margin: -0px 0 0 0; position: absolute; content: ""; background: #000; } .bg-modal { background: #fff url(./images/bg-dot.png) repeat 0 0; position: relative; padding-bottom: 50px; } .bg-modal:after { background: url(./images/floating-layer.png) no-repeat center bottom; position: absolute; bottom: 0; left: 0; right: 0; height: 131px; width: 100%; content: ""; } .bg-modal:before { position: absolute; top: 0; left: 0; right: 0; height: 131px; width: 100%; content: ""; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); } .pop-logo { margin: 20px auto; text-align: center; } .pop-logo img { display: inline-block; } .get-started-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; margin-bottom: 50px; } .started-box { text-align: center; max-width: 350px; padding: 10px 50px; position: relative; } .started-box:first-child:after { background: #d9dade; width: 1px; height: 190px; content: ""; position: absolute; top: 50%; right: 0; margin-top: -95px; } .illus { margin: 15px auto; } .illus img { display: inline-block; } .modal-content { position: relative; z-index: 1; } .modal-content .btn { min-width: 200px; } .modal-content .btn--primary { background: #ff4461; border: none; color: #fff; } .modal-content .btn--secondary { background: #1c8adb; border: none; } .view-packages { color: #000; font-size: 16px; font-weight: 400; background: url(./images/arrow-black.png) no-repeat right center; padding: 10px; padding-right: 35px; } @media only screen and (max-width:767px) { .modal { overflow-y: scroll; } .get-started-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #facebox .content.faceboxWidth.requestdemo { padding: 0; width: 700px; min-width: 350px; min-height: 150px; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /*@media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } }*/ /*@media (min-width: 1200px) { .container { max-width: 1140px; } }*/ .container { max-width: 1330px; padding: 0 15px; margin: 0 auto; width: 98%; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /*boot end*/ /*fancy select menu*/ .nice-select { -webkit-tap-highlight-color: transparent; clear: both; cursor: pointer; display: block; /*  float: left;*/ padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; background-color: #fff; border: 1px solid var(--border-color); height: 40px; line-height: 40px; padding: 0 10px; padding-right: 32px; width: 100%; color: var(--txt-color); font-family: inherit; font-size: 1em; font-weight: normal; border-radius: 2px; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: rgba(0, 0, 0, 0.22); outline: 0; outline: thin dotted \9; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .nice-select:after { border-bottom: 2px solid var(--first-color); border-right: 2px solid var(--first-color); content: ''; display: block; height: 8px; margin-top: -4px; pointer-events: none; position: absolute; right: 13px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .display-in-print { margin: 10px; display: none; } .dragHandle { cursor: move; }#header { position: relative; z-index: 10; } .navigation-wrapper { margin: 0 auto; display: inline-block; vertical-align: top; } .navigations__overlay { visibility: hidden; opacity: 0; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; position: fixed; background: rgba(0,0,0,0.4); -webkit-transition: 0.4s all ease; -ms-transition: 0.4s all ease; transition: 0.4s all ease; } .nav_show .navigations__overlay, .navigations > li.active .subnav__wrapper, .navigations > li.active .arrow { opacity: 1; visibility: visible; } .navigations { margin: 0; display: table; } .navigations > li { float: left; display: inline-block; font-size: 1em; font-weight: 600; position: static; } .navigations > li:hover > a { color: #fff; } .navigations > li > a { color: inherit; display: block; overflow: hidden; padding: 16px 20px; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; line-height: 1; height: 50px; } .navigations > li > a:hover { } .navigations > li > a:after, .navigations > li > a:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: 0; -webkit-transition: 0.4s all ease; -ms-transition: 0.4s all ease; transition: 0.4s all ease; } .navigations > li > a:after { left: 50%; } .navigations > li > a:before { right: 50%; } .navigations > li > a:hover:after { left: 0; width: 50%; background: #fff; } .navigations > li > a:hover:before { right: 0; width: 50%; background: #fff; } .navigations .three-pin { float: right; } .navigations .more { cursor: pointer; z-index: 1; padding: 21px 0; } .navigations .more span { display: none; } .navigations .more i.icn svg { width: 28px; height: auto; fill: #fff; } .navigations > li .link__mobilenav { display: none; } .navigations > li .subnav { display: block; } .navigations > li.active .subnav { display: block; } .nav_show .navigations__overlay, .navigations > li.active .subnav__wrapper, .navigations > li.active .arrow { opacity: 1; visibility: visible; } .navigations > li.active .subnav__wrapper { top: 100%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition-delay: 0.15s; /* Safari */ transition-delay: 0.15s; } .navigations > li .arrow { display: inline-block; height: 0px; opacity: 0; position: relative; top: -8px; visibility: hidden; width: 100%; z-index: 11; } .navigations > li .arrow span::before { border-bottom: 12px solid #f67c17; border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; left: 50%; margin: 0 0 0 -14px; position: absolute; top: 0; } .navigations > li .arrow span::after { border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; left: 50%; margin: 0 0 0 -14px; position: absolute; top: 1px; } .navigations > li .subnav__wrapper { background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); left: 0; margin: 0; opacity: 0; position: absolute; right: 0; visibility: hidden; width: 100%; top: 120%; z-index: 2; padding-bottom: 10px; } .subnav__wrapper.addspace { padding: 10px 0; } .sublinks { color: #222; margin: 0; text-align: left; } .sublinks > li { display: inline-block; margin: 0 -2px; padding: 10px 0; vertical-align: top; width: 25%; } .sublinks > li > a { color: inherit; display: block; font-size: 1em; text-transform: uppercase; padding: 0; } .sublinks > li > a:hover { color: var(--first-color); } .sublinks > li > ul { margin: 10px 0; } .sublinks > li > ul > li { padding: 0 0 5px; float: none; } .sublinks > li > ul > li a { color: #999; font-size: 1em; padding: 3px 0; display: inline-block; font-weight: 400; position: relative; } .sublinks > li > ul > li a:hover { color: var(--first-color); } .sublinks > li > ul > li a:before { background: var(--first-color); bottom: 0px; content: ""; height: 1px; left: 0; position: absolute; right: 100%; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; } .sublinks > li > ul > li a:hover::before { right: 0; } .sublinks > li > ul > li.seemore a { font-weight: 600; } /*Nav mobile toggle*/ .navs_toggle { cursor: pointer; display: none; height: 30px; left: 10px; top: 0; line-height: 1; position: absolute; width: 30px; z-index: 1; } .fixed .navs_toggle { top: 5px; } .navs_toggle span { background: #fff; display: block; height: 3px; margin: 14px 0 0; position: relative; width: 100%; } .navs_toggle span:before { background: #fff; content: ""; height: 3px; left: 0; position: absolute; top: -7px; width: 100%; } .navs_toggle span:after { background: #fff; content: ""; height: 3px; left: 0; position: absolute; bottom: -7px; width: 100%; } /*tablet*/ @media only screen and (max-width:1025px) { /*Navigation*/ .navs_toggle { display: inline-block; } body.toggled_left .common_overlay { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } body.toggled_left .navigation-wrapper { opacity: 1; transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); webkit-transform: translate(0px, 0px); } .navigation-wrapper { background: var(--first-color); bottom: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; transform: translate(-100%, 0px); -moz-transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 260px; z-index: 110; } .navigation-wrapper .container { padding: 0; } .navigations { margin: 0; width: 100%; } .navigations > li { display: block; float: none; width: auto; margin: 0; padding: 0; position: relative; } .navigations > li > a { text-align: left; color: inherit; display: block; padding: 12px; position: relative; overflow: visible; height: auto; } .navigations > li > a:after, .navigations > li > a:before { content: ""; } .navigations .three-pin { float: none; margin: 0; } .navigations .more { width: auto; padding: 15px 10px; height: auto; } .navigations .more i.icn { display: none; } .navigations .more span { display: block; } .navigations .more span:after, .navigations .more span:before { content: normal; } .navigations > li .link__mobilenav.active:after { display: none; } .navigations > li .link__mobilenav { bottom: 0; cursor: pointer; display: block; opacity: 1; position: absolute; right: 0; top: 0; visibility: visible; width: 40px; z-index: 1; } .navigations > li .link__mobilenav:before { background: #fff; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; width: 12px; } .navigations > li .link__mobilenav:after { background: #fff; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 12px; } .navigations > li .subnav { display: none; position: relative; width: 100%; } .navigations > li .arrow { display: none; } .navigations > li .subnav__wrapper { background: #fff; border-top: medium none; box-shadow: none; display: inline-block; opacity: 1; position: relative; top: 0; visibility: visible; width: 100%; } .subnav__wrapper .container, .navigations > li .subnav__wrapper.addspace { padding: 0; } .subnav_row { padding: 10px; } .sublinks > li { display: inline-block; margin: 0; width: 100%; } .sublinks > li > ul > li a, .sublinks > li > a { color: inherit; } .sublinks > li > ul { margin-bottom: 0; } .sublinks > li > ul > li a:hover, .sublinks > li > a:hover, .navigations > li:hover > a { color: inherit; } } /**/ #header { /*for live background-color: var(--first-color); color: #fff; for beta background-color: #fff; color: #686868; */ background-color: #fff; color: #686868; position: fixed; top: 0; width: 100%; border-bottom-color:rgba(0,0,0,.10) !important; border-bottom: 1px; border-bottom-style: solid; /* height: 79px; */ } .Shops #header,.Cms #header { height: 40px; } .hide .shop_navs_toggle { display: none; } .brand-logo{ margin: 5px auto; padding: 0; text-align: center; display: block; overflow: hidden; position: relative; display: flex; align-items: center; max-height: 36px; margin-left: 1px; } .migrate{ float: right; margin-right: 10px; margin: 4px; padding: 0 12px; height: 30px; font-size: 1em;  line-height: 30px; } .migrationpopup{ overflow-x: hidden; } @media only screen and (min-width: 768px) { .top_bar { height: 28px; background-color: rgba(0, 0, 0, 0.10); transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } } .after-header { height: 65px; } body.fixed #header {} body.fixed .top_bar { margin-top: -28px; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; position: relative; right: 0; overflow-x: hidden; -webkit-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cart-is-active body { right: 450px; } .top_bar .slogan { line-height: 1; color: inherit; font-size: 0.8em; padding: 8px 0; } .short-links, .location-links { text-align: right; } .short-links>ul>li { display: inline-block; margin: 0 15px; position: relative; } .location-links>ul>li { display: inline-block; position: relative; } .short-links>ul>li:last-child { margin-right: 0; } .location-links>ul>li:last-child { margin-right: 0; } .short-links>ul>li>a { color: inherit; display: block; font-size: 0.8em; padding: 8px 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .short-links>ul>li>a span { font-size: inherit; } .short-links>ul>li>a .icn-language { display: inline-block; vertical-align: middle; margin: 0 2px; } .short-links>ul>li>a .icn-currency { display: inline-block; font-style: normal; font-weight: 600; line-height: 1; vertical-align: middle; padding-right: 0 3px; margin: 0 2px; } .short-links h4 { padding: 10px; } /* Location CSS */ .location-links { text-align: right; } .location-links>ul>li { display: inline-block; position: relative; } .location-links>ul>li:last-child { margin-right: 0; } .location-links>ul>li>a { color: inherit; display: block; font-size: 0.8em; padding: 8px 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .location-links>ul>li>a span { font-size: inherit; margin-top: 2px; } .location-links>ul>li>a .icn-language { display: inline-block; vertical-align: middle; margin: 0 2px; } .location-links>ul>li>a .icn-currency { display: inline-block; font-style: normal; font-weight: 600; line-height: 1; vertical-align: middle; padding-right: 0 3px; margin: 0 2px; } .location-links h4 { padding: 10px; } /* End Location */ .main-bar-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hide{ display: none; } .address-sec .container { color:#fff; } .logo { float: left; margin: 5px 0; margin-inline-end: 15px; width: 131px; height: 28px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logo img, .logo svg { display: inline-block; fill: #fff; line-height: 50px; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } .main-search { height: 38px; float: left; position: relative; background: rgba(255, 255, 255, 0.2); } .toggle--search { padding: 10px 15px; border: none; display: block; color: inherit; } .toggle--search .icn { background: url(images/retina/magni.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .toggle--search .icn-txt { vertical-align: top; font-size: 0.8em; font-weight: 400; } /* search ` ---- */ .form--search-popup { height: 70px; position: fixed; left: 0; top: 33px; bottom: 0; right: 0; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: linear-gradient(338deg, rgba(235, 54, 129, 1) 0%, rgba(255, 58, 89, 1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a59', endColorstr='#eb3681', GradientType=0); /* ie6-9 */ z-index: 100; /*opacity: 0; visibility: hidden; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);*/ -webkit-transition: all 400ms ease-in; transition: all 400ms ease-in; background: var(--first-color); display: none; } .fixed .form--search-popup { top: 0; } .is--form-visible { /*	position: fixed;*/ left: 0; right: 0; top: 0; bottom: 0; } .is--form-visible .form--search-popup { display: block; /* opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1);*/ } .form--search-popup .select__cover { float: left; position: relative; } .form--search-popup .field__cover { display: block; overflow: hidden; width: calc(100% - 140px); } .form--search-popup .select__value { color: var(--header-txt-color); display: inline-block; height: 70px; line-height: 70px; min-width: 80px; padding: 0 35px 0 15px; position: relative; vertical-align: top; border-right: solid 1px rgba(255, 255, 255, 0.22); } .form--search-popup .select__value::after { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid #fff; content: ""; pointer-events: none; position: absolute; right: 14px; top: 50%; } .form--search-popup .form__cover { position: absolute; /*left: 20%; right: 20%;*/ left: 0; right: 0; max-width: 1430px; top: 50%; margin: 0 auto; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); width: calc(100% - 75px); padding: 0; background: none; } .form--search-popup .form__cover form { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--search-popup .form__cover input[type="text"], .form--search-popup .form__cover select { border: none; border-radius: 0px; height: 70px; padding: 10px; font-size: 1em; background: none; color: var(--header-txt-color); border: none; } .form--search-popup .form__cover input[type="text"]:focus, .form--search-popup .form__cover select:focus { -webkit-box-shadow: none; box-shadow: none; } .form--search-popup .form__cover input[type="text"]::-webkit-input-placeholder { color: var(--header-txt-color); } .form--search-popup .form__cover input[type="text"] {} .form--search-popup .form__cover select { border: none; color: #000000; height: 70px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .form--search-popup .form__cover select option { background: var(--first-color); padding: 5px; color: var(--header-txt-color); } .form--search-popup .form__cover input[type="text"]:focus, .form--search-popup .form__cover input[type="submit"]:focus { -webkit-box-shadow: none; box-shadow: none; } .form--search-popup .form__cover input[type="submit"] { width: 60px; height: 70px; position: absolute; right: 8px; top: 0; background-image: url(images/retina/magni.svg); background-repeat: no-repeat; background-position: center center; background-color: transparent; border: none; cursor: pointer; background-size: 25px; -webkit-transition: all ease .3s; transition: all ease .3s; } .form--search-popup .form__cover input[type="submit"].is--active { background-image: url(images/retina/right-arrow-white.svg); } .form--search-popup .form__cover input[type="submit"]:hover {} .form--search-popup .search-dropdown-menu {} .form--search-popup .search-dropdown-menu { border: none; -webkit-box-shadow: none; box-shadow: none; /*border-radius: 2px; margin: 10px; background: #ccc; background: -webkit-gradient(linear, left top, right bottom, from(white), to(hsla(0, 0%, 100%, .8))); background: linear-gradient(to bottom right, white, hsla(0, 0%, 100%, .8)); border: 1px solid rgba(0, 0, 0, .3); -webkit-box-shadow: .05em .2em .6em rgba(0, 0, 0, .2); box-shadow: .05em .2em .6em rgba(0, 0, 0, .2); text-shadow: none;*/ } .form--search-popup .autocomplete[hidden], .form--search-popup .autocomplete:empty { opacity: 0; -webkit-transform: scale(0); transform: scale(0); display: block; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .form--search-popup .autocomplete:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .form--search-popup .autocomplete li { position: relative; padding: .2em .5em; cursor: pointer; } .form--search-popup .form__cover .dropdown-menu { left: 0; right: 0; } .form--search-popup .link__close { display: block; right: 10px; } /* .link__close { height: 40px; width: 40px; line-height: 18px; position: absolute; right: 0px; text-align: center; top: 0px; transform: rotate(45deg); z-index: 10; } .link__close::before { background: #fff; content: ""; height: 32px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 4px; width: 2px; } .link__close::after { background: #fff; content: ""; height: 2px; left: 4px; margin: -1px 0 0; position: absolute; top: 50%; width: 32px; } .link__close.white::before, .link__close.white::after { background: #ffffff; } */ .link__close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 32px; opacity: 0.3; } .link__close:hover { opacity: 1; } .link__close:before, .link__close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; } .link__close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .link__close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*cart*/ .tbl-heading { font-weight: 400; font-size: 1.8em; padding: 15px 20px; } .gray-txt { color: var(--txt-color-light); } /*.location { float: right; position: relative; }*/ .location>a { padding:6px; /* margin: 6px 0; */ display: inline-block; color: inherit; position: relative; } .location .icn { background: url(images/retina/map-pin-white.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .location .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; color: #fff; } .mobileuserPostalCode { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; display: none; margin-top: 2px; } .cart { float: right; position: relative; } .cart>a { padding: 6px; /* margin: 6px 0; */ display: inline-block; color: inherit; position: relative; } .cart .icn { background: url(images/retina/cart.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .cart .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; } .cart .cartQuantity { background: #fff; border-radius: 50%; width: 22px; height: 22px; display: block; position: absolute; z-index: 0; top: 0px; right: 0px; color: #686868; border:solid 2px #686868; font-size: 0.7em; text-align: center; vertical-align: middle; line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2px; } .dropsection { /**/ position: fixed; width: 450px; height: 100vh; right: 0; top: 0; background: #fff; color: #252a2b; z-index: 8888; overflow: hidden; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translateX(100%); transform: translateX(100%); } .cart-is-active .dropsection { /*-webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100);*/ -webkit-transform: translateX(0); transform: translateX(0); } .common_overlay { visibility: hidden; opacity: 0; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; position: fixed; background: rgba(0, 0, 0, 0.50); -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; } .cart-is-active .common_overlay, .filter__show .common_overlay, .toggled-user .common_overlay, .my-account-active .common_overlay, .is--form-visible .common_overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .cart-detail { padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; } .cartdetail__body { overflow: hidden; /* max-height: 230px;*/ overflow-y: auto; background: #fff; } .short-detail {} /*cart css*/ /*.dropsection { padding-top: 10px; overflow-y: auto; right: 100%; width: 100%; height: 99%; }*/ .delImg { height: 35px; width: 60px; float: left; } .myDelTxt { font-weight: 600; font-size: 1.4em; text-align: center; } .delDateSec { background-color: #ccc; padding: 10px 0px; } .delDateTxt { font-weight: 600; font-size: 16px; text-align: left; padding-left: 1em; display: inline-block; } .coupon { float: right; margin-right: 20px; } .addressTxt { width: 100%; font-weight: 600; font-size: 16px; text-align: left; padding: 0.5em; float: left; background-color: #eee; border-top: 0px; } .coupon-input.ripplelink { font-size: 14px; } .addressAmt { width: 30%; font-weight: 600; font-size: 1.2em; text-align: right; padding: 0.5em 1em 0.5em 0px; float: right; } .distributorTxt { width: 100%; font-weight: 500; font-size: 16px; text-align: center; padding: 0.5em 0px; clear: both; } .text-right.action { padding-right: 20px; } .action a { margin: 0px 2px; } .imgSec { width: 100%; padding-bottom: 10px; } .qty-wrapper { width: 60%; float: left; } .qty { display: inherit; margin-left: 0px; } .cart-summary .product_price { width: 39%; float: left; margin-top: 10px; } .cartQty, .cartPrice{ width: 49%; display: inline-block; font-size: 14px; } .cartStatus{ font-size: 14px; } .close-icon { width: 35px; position: absolute; right: 10px; top: 10px; cursor: pointer; -webkit-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; opacity: 0.7; } .close-icon:hover { -webkit-transform: rotate(900deg); transform: rotate(90deg); opacity: 1; } .text-left { width: 80%; } .text-right { width: 20%; } .totalLBL { width: 66%; font-weight: 400; font-size: 1em; text-align: left; padding: 3px 0px 3px 1em; float: left; } .totalAmt { width: 33%; font-weight: 400; font-size: 1em; text-align: right; padding: 3px 1em 3px 0px; float: right; } /*cart css ends*/ .cart-summary { width: 100%; /*table-layout: fixed;*/ } .cart-summary th { background: #ededed; color: #000; font-weight: 300; } .cart-summary th, .cart-summary td { vertical-align: top; padding: 10px; } .cart-summary .product-img { max-width: 100px; } .cart-summary .product-img img { max-width: 100%; min-width: 50px; } .cart-summary.item-yk .item-yk-head-title { font-size: 0.8em; white-space: normal; } .cart-summary .cart-remove { background: url(/images/retina/delete.svg) no-repeat center; background-size: 20px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; ; } .cart-summary.item-yk .item-yk-head-specification { font-size: 0.8em; } .cart-summary.item-yk .product_price { font-size: 1em; } .cart-summary.item-yk .item-yk-head { height: auto; } .cartdetail__footer { padding: 10px 20px; color: var(--txt-color); } .cartdetail__footer table { width: 100%; } .cartdetail__footer td { padding-bottom: 10px; font-size: 0.9em; } .cartdetail__footer td.hightlighted { font-weight: 600; font-size: 1em; padding-bottom: 20px; } .cart--full { width: 100%; } .cart--full .product-img { max-width: 150px; } .cart--full tr { border-bottom: solid 1px var(--border-color); } /*.cart--full tr.cancelled--js, .cart--full td.cancelled--js { pointer-events: none; }*/ .cart--full th { background: #ededed; color: #000; font-weight: 300; } .cart--full th, .cart--full td { vertical-align: top; padding: 20px 15px; } .cart--full tr td:first-child, .cart--full tr th:first-child { padding-left: 15px; } .cart--full .product-img img { max-width: 100%; min-width: 40px; } .cart--full .item-yk-head { height: auto; } .cart-tbl-addons th, .cart-tbl-addons td { padding: 10px; vertical-align: middle; } .cart-tbl-addons.item-yk .item-yk-head-title { white-space: normal; } .login-account { margin: 0; margin-inline-start: 30px; float: right; position: relative; } .login-account>a { display: inline-block; color: inherit; margin: 6px 0; } .login-account .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; color:#fff; } .login-account .icn { background: url(images/retina/account.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .dropdown__target { min-width: 170px; z-index: 10; right: 0; top: 100%; background: #fff; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); position: absolute; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; transform-origin: top right; } .dropdown.is-active .dropdown__target { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; filter: alpha(opacity=100); } .dropdown__target-head { padding: 15px; background: #000; } .dropdown__target-head p { margin: 6px 0 0; color: #fff; font-size: 0.9em; } .dropdown__target-head p a { color: #fff; text-decoration: underline; } .dropdown__target-head .link { border: 1px solid #fff; color: #fff; display: inline-block; margin: 5px 0; padding: 2px 20px 4px; } .dropdown__target .iconavtar { border: 2px solid #fff; display: block; position: relative; margin: 0 auto 5px; width: 60px; height: 60px; border-radius: 50%; background: #fff; padding: 2px; } .dropdown__target .iconavtar .icon, .dropdown__target .iconavtar img { position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: #000; font-size: 2.5em; line-height: 1; } .dropdown__target-body .list--vertical{ background-color: #000; } .list--vertical { margin: 0; } .list--vertical li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 6px 10px; } .list--vertical li span { color: #fff; } .list--vertical li:last-child { border-bottom: none; } .list--vertical .remove_buyTogether { margin-inline-end: 10px; cursor: pointer; } .list--vertical .remove_buyTogether:hover { color: var(--first-color) } .list--vertical li.is-active a { /*background: rgba(0, 0, 0, 0.05);*/ color: #555555; font-weight: 700; } .list--vertical a { color: #fff; display: block; overflow: hidden; position: relative; text-align: left; font-size: 0.9em; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product-option  a{ color: var(--first-color); } #product-option a:hover{ color: var(--first-color); } .list--vertical a:active { background: rgba(0, 0, 0, 0.05); color: #555555; } .list--vertical img { display: inline-block; vertical-align: middle; margin: 0 5px; } .list--vertical li .parents--link { position: relative; } .list--vertical li .parents--link:after { position: absolute; content: "+"; font-weight: 600; font-size: 1.25em; color: #888; right: 10px; top: -4px; } .list--vertical li.has-child.is--active .parents--link:after { content: "-"; } .list--vertical li .parents--link { display: block; cursor: pointer; } .list--vertical .childs { display: none; } .list--vertical .childs.opened { display: block; } .list--vertical .childs li { font-size: 0.95em; margin: 4px 0; padding-left: 0; } .listing--icons li { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .listing--icons li .fa { float: left; font-size: 2.5em; opacity: 0.60; margin: 0 20px 0 0; width: 40px; } .listing--icons li p { line-height: 1.3; opacity: 0.8; font-size: 1em; } .listing--icons li p strong { display: block; opacity: 1; font-weight: 500; } .yk-slides .item { /*height: 360px;*/ position: relative; text-align: center; } .yk-slides .item { background-repeat: no-repeat; background-position: center top; } .yk-slides img { margin: 0 auto; display: inline-block; } .yk-slides .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .yk-slides .slick-arrow:hover { background-color: rgba(255, 255, 255, 1); } .yk-slides .slick-prev, .yk-slides .slick-next {} .yk-slides .slick-prev:after, .yk-slides .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .yk-slides .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .yk-slides .slick-prev { left: 50%; margin-left: -630px; } .yk-slides .slick-next { right: 50%; margin-right: -630px; } /* section */ .section { padding: 20px 0; } .section:first-child { /*padding-top: 0;*/ } .section--pagebar { border-bottom: 1px solid #dce1e5; background: #fff; margin: 0 0 0; padding: 20px 0 !important; } .section--pagebar .cell__left {} .section--pagebar .cell__left .avtar { border: 1px solid #eee; padding: 5px; border-radius: 0; margin: 0 5px; } .section--pagebar .cell__left .avtar img { border-radius: 0; } .section--pagebar .cell__right { flex: 1; } .section--pagebar .cell__right h5 { padding-bottom: 5px; } .section--pagebar .cell__right p { opacity: 0.9; font-size: 1em; } .section--pagebar .item-yk_rating { justify-content: flex-end; } .section--sorting { padding-bottom: 10px; } .section--info .section__body { padding: 0; } .section--info .section__body .box {} .section--info .section__body .link--normal { text-decoration: underline; font-weight: normal; } .section__head { position: relative; } .section__body { padding: 20px 0 0; } .section__head .btn--positioned { position: absolute; top: 0; right: 0; } .section__head h2, .section__head p { margin: 0; } .section--bg { background-repeat: no-repeat; background-position: center top; padding: 80px 0; color: #fff; margin-bottom: 40px; } .section--bg h2, .section--bg p { color: inherit; } .section--bg-even { background-repeat: no-repeat; background-size: cover; color: #000; padding: 60px 0 80px; margin: 40px 0; } .section--bg-even h2 { color: inherit; padding-bottom: 20px; } .section-head { display: table; width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-head .section_heading { font-size: 2em; color: var(--txt-color); font-weight: 500; display: inline-block; } .section-head .section_action { float: right; } .cta { border-top: solid 1px var(--border-color); padding: 20px 10px; display: block; text-align: center; } .padd40 { padding: 20px 0; } .cell { display: flex; align-items: center; } .cell__left { vertical-align: top; } .cell__right { padding: 0 0; vertical-align: middle; } .avtar--rounded { border-radius: 100% !important; } .avtar { height: 60px; position: relative; width: 60px; } .avtar--rounded img { border-radius: 50% !important; } /*shops*/ .shops .item-yk { /*	border-right: solid 1px var(--border-color);*/ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; padding: 15px; border-radius: 3px; } /*card*/ .item-yk { position: relative; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; } @-webkit-keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } @keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } .shops .item-yk:nth-child(4) { border-right: none; } .item-yk-head { height: 40px; } .item-yk-head-lable { display: inline; line-height: 1; vertical-align: baseline; white-space: nowrap; background-color: var(--second-color); border-radius: 0; font-weight: normal; border-color: #fee188; color: #fff; padding: 3px 8px 4px; position: absolute; right: 15px; font-size: 0.8em; text-align: right; border-radius: 2px; } .item-yk-head-lable:before { border-color: rgba(0, 0, 0, 0) var(--first-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -o-border-image: none; border-image: none; border-style: solid; content: normal; display: inline-block; left: -14px; position: absolute; top: 0; border-width: 10px 7px; } .item-yk .item-yk-head-category { color: var(--txt-color-light); font-size: 0.8em; font-weight: 400; } .item-yk .item-yk-head-category a { color: inherit; font-size: inherit; } .item-yk .item-yk-head-date { color: inherit; font-size: 0.875em; } .item-yk .item-yk-head-title { color: var(--txt-color); font-size: 18px; /* margin-bottom: 5px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*height:44px;text limit*/ } .item-yk .item-yk-head-title a { color: inherit; font-size: inherit; } .item-yk .item-yk-head-specification { color: var(--txt-color-light); font-size: 1em; font-weight: 300; } .item-yk .item-yk_rating, .item-yk_rating { color: var(--txt-color); display: inline-block; vertical-align: middle; padding: 0px; height: 20px; /*border: solid 1px var(--first-color);border-radius: 2px;*/ margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 12px; } .item-yk .item-yk_rating .rate, .item-yk_rating .rate { line-height: 1.5; font-size: 0.8em; display: inline-block; vertical-align: top; display: none; } .item-yk .item-yk_rating .be-first, .item-yk_rating .be-first { line-height: 1; font-size: 0.9em; font-weight: 300; display: inline-block; vertical-align: top; color: var(--second-color); } .item-yk .item-yk_rating .be-first a, .item-yk_rating .be-first a { color: inherit; font-size: inherit; } .item-yk .item-yk_rating .svg, .item-yk_rating .svg { width: 16px; height: 16px; margin: 0 4px; display: none; } .item-yk .item-yk_rating .svg svg, .item-yk_rating .svg svg { vertical-align: top; margin-right: 0px; fill: var(--first-color); vertical-align: top; } .item-yk .item-yk_body { position: relative; } .item-yk.item--sold .item-yk_body .product-img { opacity: 0.3; } .item-yk .tag--soldout { background: #ffffff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: var(--first-color); font-size: 0.9em; font-weight: bold; height: 32px; left: 50%; line-height: 32px; padding: 0 20px; position: absolute; text-transform: uppercase; top: 44%; -webkit-transform: translate(-50%); transform: translate(-50%); z-index: 1; white-space: nowrap; } .item-yk .item-yk_body .product-img { display: block; margin: 0 0 15px; padding: 0 0 100%; position: relative; width: 100%; overflow: hidden; } /* .item-yk .item-yk_body .product-img:after{ content: ""; display: block; height: 100%; left: 0; mix-blend-mode: color; background-blend-mode: hue; position: absolute; top: 0; width: 100%;} .item-yk .item-yk_body .product-img:after { background: linear-gradient(135deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(25deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.1) 100%); } .item-yk .item-yk_body .product-img:after { background: linear-gradient(225deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(45deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.2) 100%); } .item-yk .item-yk_body .product-img:after { background: linear-gradient(190deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(55deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.1) 100%); } .item-yk .item-yk_body .product-img:after { background: linear-gradient(165deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(15deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.2) 100%); } */ .item-yk .item-yk_body .product-img img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-filter: blur(0px); -webkit-animation: fadein linear 1.5s; } /* .item-yk:hover .item-yk_body .product-img img { -webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1); } */ @-webkit-keyframes fadein { 0% { -webkit-filter: opacity(0%) blur(6px); } 50% { -webkit-filter: opacity(100%) blur(3px); } 100% { -webkit-filter: opacity(100%) blur(1px); } } .item-yk .item-yk_body .product-img:before { color: #dadada; content: url(images/loading.gif); font-size: 100px; height: 50px; left: 50%; line-height: 46px; margin: -25px 0 0 -25px; position: absolute; text-align: center; top: 50%; width: 50px; } .item-yk .item-yk_body .product-img.hideLoader:before { display: none; } .item-yk .collections-ui { position: absolute; right: 0px; bottom: 0; z-index: 1; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .item-yk .collections-ui.static--collection { right: 0; } .item-yk .collections-ui.static--collection>ul>li { display: inline-block; vertical-align: top; margin: 0 4px; position: relative; } .item-yk .collections-ui>ul>li { /*	display: inline-block; vertical-align: top; margin: 0 4px; position: relative;*/ } .social-toggle { display: block; width: 40px; background: url(images/retina/share-this.svg) no-repeat center; border-radius: 50%; height: 40px; cursor: pointer; background-size: 20px; border: solid 1px var(--border-color); } .social-toggle:hover { background: url(images/retina/share-this.svg) no-repeat center; background-size: 20px; } /*active case*/ .share-this { position: relative } .item-yk .collections-ui .svg { width: 16px; height: 16px; fill: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .item-yk .collections-ui .fa { color: #fff; font-size: 16px; } .item-yk .collections-ui .svg svg, .item-yk .collections-ui .svg img { max-width: 100%; height: auto; } .item-yk .collections-ui a:hover, .item-yk .collections-ui a:hover .svg svg, .item-yk .collections-ui .is-active a, .item-yk .collections-ui li.is-active .svg {} .item-yk .collections-ui>ul>li.is-active>span { background: var(--second-color); } .collection-toggle.is-active .svg { fill: var(--second-color); } .menu-toggle { position: absolute !important; bottom: 0; z-index: 1; background: var(--first-color); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lines-wrapper { height: 16px; position: absolute; margin: 14px 12px; /*top: 50%;left: 50%; transform: translate(-50%, -50%);*/ width: 16px; } /**/ .hamburger .lines { left: 0; right: 0; margin: 0 auto; position: absolute; width: 16px; height: 2px; background: #fff; -webkit-transition: 0.6s; transition: 0.6s; top: 0; } .hamburger .line2 { top: 5px; } .hamburger .line3 { top: 5px; } .hamburger .line4 { top: 10px; } .hamburger.cross .lines { -webkit-transition: 0.6s; transition: 0.6s; } .hamburger.cross .line1 { -webkit-transform: translateY(45px); transform: translateY(45px); opacity: 0; } .hamburger.cross .line2 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.cross .line3 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger.cross .line4 { -webkit-transform: translateY(-45px); transform: translateY(-45px); opacity: 0; } .hamburger {} .hamburger path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 30px; stroke-linecap: square; stroke: #fff; stroke-dashoffset: 0px; } .hamburger path#top, .hamburger path#bottom { stroke-dasharray: 240px 950px; } .hamburger path#middle { stroke-dasharray: 240px 240px; } /**/ .menu-item { position: absolute; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-transition-duration: 180ms; transition-duration: 180ms; } .menu-toggle { z-index: 2; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; transition-duration: 400ms; /*transform: scale(1.1) translate3d(0, 0, 0);*/ cursor: pointer; } /* .menu-toggle:hover { transform: scale(1.2) translate3d(0, 0, 0); }*/ .menu-toggle.cross { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(1.1) translate3d(0, 0, 0); transform: scale(1.1) translate3d(0, 0, 0); } .collections-ui.is--active .menu-item { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .collections-ui.is--active .menu-item1 { -webkit-transition-duration: 190ms; transition-duration: 190ms; -webkit-transform: translate3d(0px, -50px, 0); transform: translate3d(0px, -50px, 0); } .collections-ui.is--active .menu-item2 { -webkit-transition-duration: 290ms; transition-duration: 290ms; -webkit-transform: translate3d(0px, -100px, 0); transform: translate3d(0px, -100px, 0); } .collections-ui.is--active .menu-item3 { -webkit-transition-duration: 390ms; transition-duration: 390ms; -webkit-transform: translate3d(0px, -150px, 0); transform: translate3d(0px, -150px, 0); } .collections-ui.is--active .menu-item4 { -webkit-transition-duration: 490ms; transition-duration: 490ms; -webkit-transform: translate3d(0px, -200px, 0); transform: translate3d(0px, -200px, 0); } .item-yk .item-yk_footer {} .item-yk .product_price { font-size: 15px; color: var(--txt-color); font-weight: 500; } .item-yk .product_price.product--price { font-size: 15px; } .item-yk .product_off { font-size: 0.7em; font-weight: 300; color: var(--first-color); display: inline-block; } .item-yk .product_price .product_price_sold { font-size: 0.6em; font-weight: 300; color: var(--txt-color-light); line-height: 1; vertical-align: middle; } .item-yk .product_price .product_price_old { font-size: 0.6em; font-weight: 300; color: var(--txt-color-light); line-height: 1; vertical-align: middle; text-decoration: line-through; } .item-yk .item-yk_ft_list li { color: var(--txt-color-light); font-size: 0.9em; font-weight: 300; margin: 4px 0; position: relative; padding: 0 16px; } .item-yk .item-yk_ft_list li:before { border-radius: 50%; width: 9px; height: 9px; background: #d9d9d9; position: absolute; left: 0; top: 5px; display: block; content: ""; } /*card end*/ /**/ .collection-wrapper .collection__container { min-width: 300px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0) translateY(-0); transform: scale(0) translateY(0); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; /* stops flickering */ -webkit-backface-visibility: hidden; position: absolute; right: 0; bottom: 100%; background: #fff; -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; } .collection-wrapper .collection__container.open-menu { -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); opacity: 1; } .collection__title { display: block; border-bottom: 1px solid #eee; margin: 0 0 10px 0; color: var(--first-color); padding: 0 0 5px 0; font-weight: 500; font-size: 1.1em; } .collection__list { margin: 0 0 7px; max-height: 160px; overflow: auto; } .collection-wrapper .field__wrap { width: 70%; float: left; } .collection-wrapper .field__wrap input[type="text"] { width: 100%; float: none; } .listing--check li { color: #666; overflow: hidden; padding: 0 0 7px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .listing--check li a { background: transparent url("images/select_check.png") no-repeat scroll left 2px; color: #666; font-size: 13px; padding: 0 0 0 25px; } .listing--check li.is-active a { background: transparent url("images/select_check.png") no-repeat scroll left -55px; } .listing--check li a:hover { color: #000000; text-decoration: underline; } /***/ /* .banners { width: 100%; vertical-align: top; position: relative; height: 206px; } .banners img { max-width: 100%; max-height: 100%; } .banners .banners_left, .banners .banners_right { width: 50%; height: inherit; overflow: hidden; display: block; position: absolute; padding-bottom: inherit; } .banners .banners_left { left: 0; } .banners .banners_right { right: 0; } .banners .banners_left .banners_img { margin-right: -20%; float: right; } .banners .banners_right .banners_img { margin-left: -20%; float: left; }*/ .banners { width: 100%; vertical-align: top; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banners .banners_left, .banners .banners_right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; height: inherit; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .banners img {} .banners .banners_left { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banners .banners_right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .unique-heading { background: #ededed; text-align: center; padding: 10px; display: block; font-size: 2em; font-weight: 500; color: var(--txt-color); } .unique-heading-sub { text-align: center; padding: 10px; display: block; font-size: 1.6em; font-weight: 500; } .fetured-slider .fetured-item { display: table; table-layout: fixed; } .featured-product, .featured-desc { vertical-align: top; display: table-cell; } .fetured-slider .item-yk-head { margin-bottom: 15px; } .fetured-slider .item-yk .item-yk-head-title { white-space: normal; } .featured-product { width: 450px; padding: 10px; } .fetured-slider .fetured-item { border-right: solid 1px var(--border-color); padding: 0 20px; } .fetured-slider .fetured-item:last-child { border-right: none; } .fetured-slider button.slick-prev.slick-arrow { /*  opacity: 0; visibility: hidden; display: none;*/ } .fetured-slider .slick-next, .fetured-slider .slick-prev { position: absolute; top: 50%; left: 74%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: -9999px; background-color: #ededed; border: none; border-radius: 50%; height: 78px; position: absolute; text-indent: -999999px; width: 78px; z-index: 1; } .fetured-slider .slick-prev { left: 26%; } .fetured-slider .slick-next:after, .fetured-slider .slick-prev:after { border-bottom: 3px solid #000000; border-right: 3px solid #000000; content: ""; height: 15px; left: 50%; margin-left: -9px; margin-top: -7px; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 15px; } .fetured-slider .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -5px; } .fetured-slider .slick-next:hover, .fetured-slider .slick-prev:hover { background: var(--first-color); } .fetured-slider .slick-next:hover:after, .fetured-slider .slick-prev:hover:after { border-bottom-color: #fff; border-right-color: #fff; } .fetured-slider .featured-desc { vertical-align: middle; } .more-slider { background: #fff; position: relative; padding: 20px 0; } .more-slider .more_slider_item { padding: 0px; margin: 15px; } .more-slider .more_slider_item:hover { /*  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);*/ } .store-banner { background-position: center top; background-repeat: no-repeat; text-align: center; } .store-banner img { display: block; margin: 0 auto; } /**/ .bg-gray-light { background: #f5f5f5; } .ftshops .ftshops_item { background: #fff; border-radius: 2px; } .ftshops .ftshops_item_head { border-bottom: solid 1px var(--border-color); } .ftshops .ftshops_item_head_left { padding: 20px; display: table; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ftshops .ftshops_logo { float: left; background: #ededed; border-radius: 50%; overflow: hidden; width: 80px; height: 80px; margin-inline-end: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .ftshops .ftshops_logo img {} .ftshops .ftshops_detail { font-size: 1em } .ftshops .ftshops_item_head_right { text-align: right; padding: 20px; } .ftshops .ftshops_name { font-size: 1em; color: var(--txt-color); } .ftshops .ftshops_location { color: var(--txt-color-light); font-size: 0.8em; font-weight: 300; } .ftshops_body { background: #fff; } .ftshops_body .item-yk { float: left; width: 50%; padding: 20px; border-right: solid 1px var(--border-color); } .ftshops_body .item-yk:last-child { border-right: none; } .trending-bg { background: url(images/slide2.jpg) no-repeat center center; position: relative; background-size: cover; background-attachment: fixed; } .trending-bg:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; content: ""; opacity: 0.5; background: #232526; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#414345), to(#232526)); background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .trending-bg .container { position: relative; z-index: 1; } .trending-bg .unique-heading-sub { color: #fff; } .trending-list { text-align: center; } .trending-list li { display: inline-block; margin: 15px 10px; } .trending-list li .svg { display: block; width: 120px; height: 120px; border-radius: 50%; background: #fff; position: relative; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); margin: 0 auto; } .trending-list li .svg svg, .trending-list li .svg img { fill: #cccccc; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 80px; padding: 0px 6px; } .trending-list li .svg svg path { fill: #cccccc; } .trending-list li .caption { display: block; color: #fff; font-size: 1em; font-weight: 300; margin: 10px 00; } .trending-list li:hover .svg svg path { fill: var(--first-color); } .trending-list li:hover .svg { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .trending-list li:hover .caption { color: var(--first-color); } .trending-list a { color: #fff; } .bg-light { background: #f0f0f0; } .back-to-top { text-align: center; color: var(--txt-color); font-size: 1em; text-transform: uppercase; padding: 10px; } .back-to-top a { color: inherit; } #footer { color: var(--txt-color); background: #f8f8f8; } /**/ .upperContent-footer { border-bottom: solid 1px var(--border-color); border-top: solid 1px var(--border-color); } .upperContent-footer ul { display: table; width: 100%; } .upperContent-footer ul li { text-align: center; vertical-align: top; display: table-cell; padding: 25px 15px; border-left: solid 1px var(--border-color); } .upperContent-footer ul li:first-child { border-left: none; } .upperContent-footer .individualTupple { margin: 0 auto; } .upperContent-footer .individualTupple img { max-width: 50px; height: auto; margin: 0 auto; display: inline-block; opacity: 0.40; margin-bottom: 10px; } .upperContent-footer h3 { font-size: 1.2em; color: var(--txt-color); margin: 5px auto; padding: 0; text-transform: uppercase; } .upperContent-footer p { font-size: 0.8em; line-height: 1.5; color: #a4a3a3; max-width: 200px; margin: 0 auto; } /**/ .up-footer {} .f-links h3, .f-heading { color: var(--txt-color); font-size: 0.9em; font-weight: 600; padding: 5px 0; text-transform: uppercase; } .f-links li { color: inherit; font-size: 0.8em; font-weight: 300; padding: 5px 0; } .f-links li a { color: var(--txt-color); font-size: inherit; position: relative; } .f-links li a:hover { color: var(--first-color); } .f-links li a:before { background: var(--first-color); bottom: 0px; content: ""; height: 1px; left: 0; position: absolute; right: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .f-links li a:hover:before { right: 0; } .f-heading span { display: block; color: inherit; font-size: 0.9em; font-weight: 300; text-transform: none; } .subscription { padding: 30px 40px; } .sub-form { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sub-form input[type="text"] { background: #fff; height: 50px; width: calc(100% - 133px); line-height: 1.2; font-size: 0.8em; padding: 5px 10px; margin: 0; margin-inline-end: -3px; border: solid 1px #f0f0f0; border-radius: 0; color: var(--txt-color); vertical-align: top; float: left; } .sub-form input[type="submit"] { font-size: 1em; text-transform: uppercase; background: #000; height: 50px; width: 100%; max-width: 136px; line-height: 1.2; padding: 5px 25px; margin: 0; border: none; color: #fff; vertical-align: top; float: right; border-radius: 0; } .social { margin: 5px 0 15px 0; } .social li { display: inline-block; margin: 4px; vertical-align: top; } .social li svg path { fill: #000; } .social li .svg, .social li img { width: 30px; height: auto; } .social li .svg .fa { font-size: 1.4em; } .social li .svg svg { width: 20px; height: 20px; max-width: 100%; } .social li a:hover svg path { fill: var(--first-color); } .bottom-footer .container { padding: 0 15%; } .accordion-footer {} .accordion_triger { border-top: solid 1px var(--border-color); padding: 15px; position: relative; color: inherit; font-size: 0.9em; font-weight: 600; text-transform: uppercase; line-height: 1; cursor: pointer; } .accordion_triger span { float: right; font-size: inherit; font-weight: inherit; position: relative; line-height: 1; } .accordion_triger span:after { content: "+"; padding-left: 5px; } .accordion_triger.active span:after { content: "-"; } .accordion_content { display: none; padding: 10px 15px; padding-top: 0; } .footerSubCategories li { display: inline-block; font-size: 0.8em; color: inherit; line-height: 1; font-weight: 400; position: relative; } .footerSubCategories li a { font-size: inherit; color: inherit; } .footerSubCategories li:after { content: "|"; padding-left: 2px; } .footerSubCategories li:last-child:after { content: normal; } .footerSubCategories li a:hover { color: var(--first-color); } .copyright { text-align: center; font-size: 0.7em; padding: 15px 10px; color: var(--txt-color-light); } .login-wrapper { display: table; width: 100%; } .login-wrapper .form-side { padding: 45px 60px; display: table-cell; background: var(--first-color); width: 50%; /* background: -moz-linear-gradient(112deg, rgba(235,54,129,1) 0%, rgba(255,58,89,1) 100%); /* ff3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,58,89,1)), color-stop(100%, rgba(235,54,129,1))); /* safari4+,chrome background: -webkit-linear-gradient(112deg, rgba(235,54,129,1) 0%, rgba(255,58,89,1) 100%); /* safari5.1+,chrome10+ background: -o-linear-gradient(112deg, rgba(235,54,129,1) 0%, rgba(255,58,89,1) 100%); /* opera 11.10+ background: -ms-linear-gradient(112deg, rgba(235,54,129,1) 0%, rgba(255,58,89,1) 100%); /* ie10+ background: linear-gradient(338deg, rgba(235,54,129,1) 0%, rgba(255,58,89,1) 100%); /* w3c filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3a59', endColorstr='#eb3681', GradientType=0 ); /* ie6-9 */ } .login-wrapper .heading { color: #fff; font-size: 1.5em; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .login-wrapper .form-side .field_label { color: #fff; text-transform: uppercase; font-size: 0.9em; } .rememberme-text { color: #fff; } .login-wrapper .form-side input { border: none !important; } .login-wrapper .form-side input[type="submit"] { background: var(--second-color); color: #fff; text-transform: uppercase; font-size: 1em; border: none; display: block; width: 100%; } .login-wrapper .forgot { display: inline-block; float: right; text-align: right; color: #fff; font-size: 1em; } .login-wrapper .last-button { background: none; color: #fff; text-transform: uppercase; font-size: 1em; border: solid 1px rgba(255, 255, 255, 0.2); display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; } .login-wrapper .last-button:hover { background-color: #424242; } .login-wrapper .add-side { padding: 45px 60px; display: table-cell; width: 50%; background: #fff url(images/login-with.png) no-repeat bottom center; } .login-wrapper .add-side .heading { color: #000; } .connect a.link { display: block; color: #fff; text-transform: uppercase; font-size: 1em; border: none; display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; margin-bottom: 15px; } .connect a.fb { background: #3856a0; } .connect a.gp { background: #dd4330; } .connect .svg svg { width: 18px; height: 18px; fill: #fff; display: inline-block; vertical-align: middle; } /*new page*/ .bg--gray { /*  background: #f8f8f8;*/ background: #fff; } .bg--white { background: #fff; } .breadcrumb { list-style: none; margin: 10px 0; width: 100%; /*display: inline-block;*/ color: #999999; } /*condition*/ .dashboard .breadcrumb { margin-top: 0; } .breadcrumb ul li { float: left; position: relative; color: #000; padding: 0 25px 0 0; font-size: 1em; vertical-align: top; line-height: inherit; } .breadcrumb ul li:before { position: absolute; right: 10px; top: -1px; content: "/"; } .breadcrumb ul li a { color: inherit; font-size: inherit; display: block; line-height: inherit; } .breadcrumb ul li:last-child:before { display: none; } .filter { /* background: #fff; width: 100%;*/ padding: 20px; background: #fff; border-radius: 3px; border: solid 1px var(--border-color); } .fixed__panel.stick { top: 0; position: fixed; width: 370px; } .promotion-sticky { position: -webkit-sticky; position: sticky; top: 100px; } .heading1 { color: var(--txt-color); font-size: 2em; } .heading2 { color: var(--txt-color); font-size: 1.8em; } .heading3 { color: var(--txt-color); font-size: 1.3em; } .heading4 { font-size: 1.2em; } .heading4 span { color: var(--first-color); } span.subheading { color: #555555; display: block; font-weight: 300; font-size: 1.2rem; } .widgets {} .widgets-head { display: block; margin: 0 0 10px 0; } .widgets-head .action { float: right; padding: 0; } .widgets-heading { font-size: 1em; margin: 10px 0; position: relative; } .selected-filters {} .selected-filters a { color: #000; font-size: 0.8em; display: inline-block; padding: 5px; margin: 2px 2px; background: #f2f2f2; position: relative; padding-right: 18px; } .selected-filters a:after { content: "X"; font-weight: 600; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 4px; } .scrollbar { max-height: 250px; position: relative; overflow-y: auto; } .scroll__track { width: 10px; /*background: #dce1e6;*/ right: -10px !important; position: relative; } /* .scroll__track:before { width: 100%; height: 3px; position: absolute; top: -3px; content: ""; background: #dce1e6; } .scroll__track:after { width: 100%; height: 3px; position: absolute; bottom: -3px; content: ""; background: #dce1e6; }*/ .scroll__handle { width: 4px; background: var(--first-color); margin: 0 0 0 3px; border-radius: 3px; -webkit-transition: width 250ms; transition: width 250ms; } .cat-accordion { width: 100%; margin: 0; } .cat-accordion ul li a { font-size: 1em; position: relative; color: #000; margin: 0px 20px; display: inline-block; } .cat-accordion ul li a:hover { color: var(--first-color); } .cat-accordion li { position: relative; list-style-type: none; margin: 5px 0; } .cat-accordion ul ul ul li a { color: #999999; } .cat-accordion li a.is--active { font-weight: 600; } .cat-accordion ul ul li a { display: block; position: relative; } .cat-accordion ul ul li a:hover {} .cat-accordion ul ul { display: none; } .cat-accordion li.active>ul { display: block; } .cat-accordion ul ul { margin-inline-start: 10px; } .cat-accordion .acc-trigger { border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 7px; left: 4px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: center; transform-origin: center; position: absolute; top: 7px; vertical-align: top; width: 7px; padding: 0; cursor: pointer; -webkit-transition: all ease .3s; transition: all ease .3s; transform-origin: center; } .cat-accordion .acc-shop { right: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; position: absolute; left: unset; } .cat-accordion .acc-trigger.is--active { top: 4px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .cat-accordion .badge { float: right; color: #b2b2b2; font-size: 0.8em; } .filter-content { margin: 0; margin-top: -20px; overflow: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .filter-price-slider { background: #ccc; height: 2px; margin: 21px 2px 16px; position: relative; text-align: left; padding: 0 10px; width: 100%; } .price-slider-scroll { background: #333; border: medium none; border-radius: 50%; cursor: pointer; height: 13px; margin-left: 0; outline: medium none; position: absolute; top: -6px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; width: 13px; z-index: 2; } .price-slider-scroll:hover { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); } .from-price-text, .to-price-text { font-weight: 600; font-size: 0.8em; vertical-align: top; } .to-price-text { float: right; text-align: right; } .prices { padding-bottom: 10px; padding-right: 10px; } .slide__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .price-input { padding: 0; text-align: center; width: auto; } .price-text-box { position: relative; } .price-text-box .input-filter { margin: 0; padding: 0 5px 0 30px; display: inline-block; font-size: 12px; vertical-align: top; } .rsText { color: #9e9e9e; font-size: 13px; left: 5px; margin-inline-end: 3px; padding-left: 3px; position: absolute; top: 11px; } .filter-content .btn { padding: 9px 10px; float: right; } .filter-content .dash { display: inline-block; float: left; padding: 6px; } .brands-list li { margin: 10px 0; display: block; } .white--bg { background: #fff; border-radius: 3px; border: solid 1px var(--border-color); } .right-panel { padding: 20px; } .right_panel_head {} .right_panel_head_right { float: right; text-align: right; } .right_panel_head_right .link__filter { display: none; } .sort-by>ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sort-by>ul>li { display: inline-block; margin-inline-start: 3px; } .sort-by>ul>li.sort { color: #555555; font-weight: 300; } .sort-by select { height: 30px; } .listing-products .item-yk { /*border-bottom: solid 1px var(--border-color);*/ padding-bottom: 20px; margin-bottom: 20px; } .listing-products--grid .item-yk_ft_list { display: none; } .listing-products--list {} .listing-products--list [class*="col-md-"] { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .listing-products--list .item-yk { /* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: solid 1px var(--border-color); } .listing-products--list .item-yk-head { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } .listing-products--list .item-yk_body { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 25%; padding: 2%; } .listing-products--list .item-yk_footer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 25%; } /*shop page*/ .banner-shop { margin: 0 auto; text-align: center; margin-bottom: 20px; } .banner-shop img { margin: 0 auto; } .abt-shops { padding: 20px; } .abt-shops .ftshops_logo { float: left; background: #ededed; border-radius: 50%; overflow: hidden; width: 150px; height: 150px; margin-inline-end: 20px; } .abt-shops .ftshops_logo img { max-width: 100%; } .abt-shops .ftshops_detail { font-size: 1em; margin-inline-start: 170px; } .abt-shops .ftshops_item_head_right { text-align: right; padding: 20px; } .abt-shops .ftshops_name { font-size: 1.5em; color: var(--txt-color); } .abt-shops .ftshops_location { color: var(--txt-color-light); font-size: 1em; font-weight: 300; } .abt-shops .ftshops_desc { padding: 10px 0; color: var(--txt-color-light); font-size: 1em; line-height: 1.5; font-weight: 300; } .abt-action { text-align: right; padding: 20px; } .shop-owner { padding: 0 20px 20px 20px; display: inline-block; width: auto; min-width: 290px; } .shop-owner .opened { color: #2d2b33; font-size: 1em; font-weight: 300; } .shop-owner .owner-name-pic { float: right; border-radius: 50%; width: 60px; height: 60px; overflow: hidden; margin-inline-start: 25px; margin-top: -20px; } .shop-owner .owner-name-pic img { max-width: 100%; border-radius: 50%; } .shop-owner .name { font-weight: 600; } .shop-owner .from { color: var(--txt-color-light); font-size: 1em; font-weight: 300; } .shop-links { text-align: right; } .shop-links li { display: inline-block; margin: 0 20px; } .shop-links li a { color: var(--second-color); font-weight: 300; text-decoration: underline; } .bullet-list {} .bullet-list li { color: var(--txt-color); font-size: 0.9em; font-weight: 300; margin: 4px 0; position: relative; padding: 0 16px; } .bullet-list li:before { border-radius: 50%; width: 9px; height: 9px; background: #d9d9d9; position: absolute; left: 0; top: 5px; display: block; content: ""; } .bullet-list li.heading { text-transform: uppercase; font-weight: 600; color: #000; padding-left: 0; margin-bottom: 20px; } .bullet-list li.heading:before { content: normal; } .listing--vertical-chcek {} .listing--vertical-chcek li { margin: 8px 0; } .testimonial-blocks { background: #f7f7f7; margin: 10px 0 50px 0; padding: 25px; } .testimonial-blocks { text-align: right; } .testimonial-blocks .from { padding-right: 50px; } .testimonial-blocks .from .avatar { text-align: right; border-radius: 50%; overflow: hidden; float: right; width: 80px; height: 80px; } .testimonial-blocks .from .name { color: #333333; font-weight: 600; display: block; clear: both; } .testimonial-blocks .from .name span { color: #999999; font-weight: 300; display: block; } .testimonial-blocks .description { color: #666666; line-height: 1.5; text-align: left; position: relative; padding-left: 60px; } .testimonial-blocks .description:before { position: absolute; left: 0; top: 0; content: ""; background: url(images/qoute.png) no-repeat 0 0; display: block; width: 44px; height: 41px; } /*faqs*/ .faqs-wrapper {} .faqs-wrapper h3 { color: var(--first-color); font-size: 1.25em; margin: 20px 0; } .faqs-wrapper p { padding: 10px 0; } .acc { margin: 0px 0; overflow: hidden; padding: 0; } .acc_ctrl { background: #FFFFFF; border: none; border-bottom: solid 1px var(--border-color); display: block; outline: none; padding: 10px 0px 10px 0px; position: relative; width: 100%; text-transform: none; } .acc_ctrl h4 { text-transform: none; color: #3d403e; padding: 0; margin: 10px 0; font-size: 1em; cursor: pointer; } .acc_ctrl a { color: inherit; } .acc_ctrl.active h4, .acc_ctrl:focus h4 { position: relative; } .acc_panel { padding: 15px 0; display: none; overflow: hidden; } /*faqs page*/ .browsed-box { border: solid 1px var(--border-color); padding: 20px; margin: 10px; } .browsed-box:hover { background: #ededed; } .browsed-box .category-q { color: var(--txt-color); text-transform: uppercase; font-weight: 600; min-height: 43px; } .browsed-box a.btn--link { margin: 10px 0; display: inline-block; } .browsed-box a.btn--link .svg-icn svg path { fill: var(--first-color); } .block--empty .block__img { display: block; margin: 20px auto 30px; opacity: 0.4; } .block--empty { padding: 20px; } .block--empty h1 { padding: 0 0 20px 0; font-size: 4em; } .block--empty h2 { padding: 0 0 10px 0; font-size: 1.5em; } .block--empty h4 { font-size: 1.1em; padding-bottom: 20px; } .block--empty h6 { font-weight: 300; } .block--empty .error__img { width: 449px; display: block; margin: 20px auto 0; } .box--offer { min-height: 240px; margin: 0 0 15px 0; border: solid 1px var(--border-color); padding: 10px; border-radius: 3px; } .box--offer .offer { border: 2px dashed var(--border-color); padding: 10px; border-radius: 3px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box--offer .offer__box { background: #f5f5f5; text-align: center; color: #f15c5c; font-size: 2.1em; padding: 30px 10px; line-height: 1.1; font-weight: 700; min-height: 110px; } .box--offer .offer__box span { display: block; font-size: 0.7em; font-weight: normal; } .box--offer .offer__logo { max-width: 60px; margin: 0 auto; display: block; } .box--offer .offer__logo img { width: 100%; margin: auto; } .box--offer p { opacity: 0.6; } .box--offer h4 { padding-bottom: 20px; } .box--offer .offer__footer { border-top: 1px solid #ededed; padding: 6px 0 0; width: 100%; display: inline-block; } .box--offer .offer__footer .offer__grid { /* float: left; width: 65%; */ } .box--offer .offer__footer .label { margin: 4px 0 0; font-size: 1em; } .box--offer .offer__footer p { margin: 0; } .links--inline { color: #999999; display: inline-block; width: 100%; padding: 0; } .links--inline li { display: inline-block; font-size: 1em; padding: 0 5px 0px 0; vertical-align: top; } .links--inline li a { color: inherit; } .links--inline li a:hover { color: #000; text-decoration: underline; } .links--inline li .fa { margin: 0 5px 0 0; } /* search form ---------------------- */ .search { width: 100%; border: 2px solid #fff; height: 40px; border-radius: 5px; } .search__select { width: 100%; position: relative; display: inline-block; } .search__select select { text-transform: uppercase; font-size: 0.9em; background: none; border: none; width: 100%; line-height: 36px; height: 36px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 30px 0 5px; } .search__select select option { background: #333; } .search__select:before { width: 8px; pointer-events: none; height: 8px; position: absolute; right: 12px; top: 12px; content: ""; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .search__field { background: #fff; width: 100%; position: relative; } .search__field i { position: absolute; right: 10px; top: 8px; opacity: 0.2; font-size: 1.4em; pointer-events: none; } .search__col { width: 70%; float: right; } .search__col:first-child { width: 30%; float: left; } .search input[type="text"] { border-radius: 0; width: 100%; height: 36px; background: #fff; border: none; padding: 0 50px 0 10px; } .search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .search input[type="submit"] { width: 40px; height: 36px; cursor: pointer; background: none; border: none; position: absolute; right: 0; top: 0; } .search--sort, .search--normal { border: none; } .search--sort input[type="text"], .search--normal input[type="text"] { height: 40px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .search--sort input[type="text"]:focus, .search--normal input[type="text"]:focus { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .search--normal input[type="text"] { padding: 0 10px 0 45px; } .search--normal i { right: auto; left: 10px; top: 10px; } /* labels */ .label { color: #fff; display: inline; font-size: 0.8em; padding: 0 10px; text-align: center; vertical-align: baseline; white-space: nowrap; display: inline-block; text-transform: uppercase; height: 30px; line-height: 30px; border-radius: 1px; } .label.label-default { background: #fff; border: 1px solid var(--border-color); } .label.label--success { background: #24b26b; } .label.label--primary { background: var(--first-color); } .label.label--info { background: #12afcb; } .label.label--danger { background: #f15c5c; } .label.label--warning { background: #f6d433; } /* panel ---------------------- */ .panel { width: 100%; } .panel.panel--custom .panel__left { float: left; width: calc(100% - 180px); } .panel.panel--custom .panel__right { width: 160px; float: right; } .panel.panel--wide .panel__left { clear: left; float: left; width: 220px; } .panel.panel--wide .panel__right { float: right; width: calc(100% - 220px); padding: 0 0 0 25px; } .panel--centered { /*max-width: 1100px;*/ margin: 0px auto 20px; } .panel--centered .box { padding: 20px; } .panel--centered .box--tabled { padding: 40px 100px; position: relative; } .box--tabled { display: table; table-layout: fixed; width: 100%; } .box--tabled .box__cell { display: table-cell; vertical-align: top; padding: 0 70px 0 0; width: 55%; } .box--tabled .box__cell:first-child { border-right: 1px solid var(--border-color); } .box--tabled .box__cell:last-child { vertical-align: top; width: 45%; padding-right: 0; } .box--tabled .box__cell .listing--icons { padding: 50px 0 50px 50px; position: relative; top: 20px; } .panel--cols { padding: 20px 0; } .panel--cols .col--left { padding-right: 30px; clear: left; } .panel--cols .col--right { float: right; clear: right; } /**/ .box.box--white { /*overflow: hidden; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); position: relative; width: 100%;*/ background: #fff; border-radius: 3px; border: solid 1px var(--border-color); } .box.box--white:before, .box.box--white:after { content: ""; display: table; line-height: 0; } .box.box--white:after { clear: both; } .box.box--gray { padding: 20px; background: rgba(0, 0, 0, 0.04); border-radius: 3px; margin: 25px 0 0; } .box.box--gray .box__head { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 0 0 10px 0; } .box.box--gray .box__body { padding: 10px 0 0; } .box.box--space { padding: 20px; } .grids--container { background: #f5f5f5; padding: 20px; } .grids--container .form__cover { background: rgba(0, 0, 0, 0); padding: 0; } .grids--container .cellright { border: 1px solid var(--border-color); margin: 0 0 0 0px; padding: 20px; text-align: center; background: #fff; /* min-height: 193px;*/ } .grids--container .cellright p { margin: 0; } .grids--container .cellright h2 { font-size: 2.5em; padding: 0; margin: 0; } /*.loadmore { display: block; padding: 15px; text-align: center; font-weight: 700; } .loadmore.loadmore--gray { background: #f5f5f5; color: #b2b2b2; } .loadmore.loadmore--gray:hover { color: #555555; }*/ #loadMoreBtnDiv { text-align: center; } a.loadmore { display: inline-block; height: 2.25em; padding: 0.5em 1em; margin: 15px auto; background-color: #fff; border: 1px solid #ccc; text-align: center; color: #333; white-space: nowrap; line-height: 1; font-size: 1em; text-decoration: none; border-radius: 2px; -webkit-transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; } a.loadmore:focus { outline: none; border-color: #DDD; } a.loadmore:hover { background: #FAFAFA; } a.loadmore.loading { height: 24px; width: 24px; padding: 0; border-width: 2px; border-radius: 17px; border-color: #eee #eee #eee #999; background: #fff; font-size: 0; color: transparent; pointer-events: none; -webkit-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ratings--overall { margin-bottom: 15px; } .progress--radial { margin: 0 auto; width: 10em; height: 10em; background-color: #ededed; border-radius: 50%; margin-bottom: 10px; } .progress--radial .progress__circle .progress__mask, .progress--radial .progress__circle .progress__fill { width: 10em; height: 10em; position: absolute; border-radius: 50%; } .progress--radial .progress__circle .progress__fill { transition: -webkit-transform 1s; -webkit-transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-backface-visibility: hidden; background-color: #ffd400; } .progress--radial .progress__circle .progress__mask.left { position: relative; clip: rect(0px, 160px, 160px, 80px); } .progress--radial .progress__circle .progress__mask.left .progress__fill { clip: rect(0px, 80px, 160px, 0px); } .progress--radial .progress__circle .progress__count { position: absolute; border-radius: 50%; left: 20px; top: 20px; right: 20px; bottom: 20px; background: #fff; text-align: center; font-size: 3.4em; font-weight: 900; color: #4c4c4c; line-height: 2.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .progress--horizontal { background-color: #ededed; height: 10px; margin: 5px 0 0; } .progress--horizontal .progress__bar { background-color: #ffd400; float: left; height: 100%; line-height: 20px; padding: 0; position: relative; text-align: right; width: 0; } .border--left { /*border-left: 1px solid #ededed; padding: 20px;*/ } .listing--progress>li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 5px 0 0; } .listing--progress>li .grid--left { width: 20%; float: left; font-size: 0.9em; } .listing--progress>li .grid--right { width: 80%; float: left; padding: 0 0 0 0; } .question { color: #555555; } .question__head { padding: 20px 20px 10px 20px; font-weight: 700; width: 100%; display: inline-block; } .question__footer { padding: 10px 20px 10px 20px; border-bottom: 1px solid #e6e6e6; width: 100%; display: inline-block; } .question__footer .links--inline li { padding-left: 20px; } .question__footer .links--inline li.arrow--down a { position: relative; padding-right: 12px; } .question__footer .links--inline li.arrow--down a:before { position: absolute; right: 0; top: 5px; content: ""; width: 7px; height: 7px; border-left: 2px solid var(--border-color); border-bottom: 2px solid var(--border-color); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .question__footer .links--inline li.arrow--down.is-active a:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); top: 7px; } .question__body { background: #f5f5f5; padding: 20px; width: 100%; display: inline-block; } .question__body .links--inline li a { color: #666; } .question__grid--left { width: 10%; font-weight: 700; float: left; } .question__grid--right { width: 90%; padding: 0 0 0 15px; float: left; } .question__grid--right small { display: block; margin: 0 0 8px 0; } .question__grid--right .description__footer .links--inline { margin: 5px 0 0; } .question__grid--right .description__footer .links--inline li { padding-right: 25px; padding-left: 0; } .rowrepeated { background: #f5f5f5; padding: 20px; border-radius: 5px; margin: 20px 0 0; } .rowrepeated:first-child { margin-top: 0; } .rowrepeated p strong { color: #333; } .rowrepeated .link--normal { font-weight: normal; font-size: 1em; color: #333; } .rowrepeated .link--normal .fa { color: #f15c5c; font-size: 1.1em; } .rowrepeated h5 { padding-bottom: 0; } .listing--items { display: inline-block; width: 100%; } .listing--items li { width: 20%; display: inline-block; vertical-align: top; margin: 0 -4px 0 0; padding: 0 0 0 10px; } .listing--items li .item__pic { background: #fff; margin: 0; border-radius: 3px; } .listing--items li .item__pic img { /*max-width: 80%;*/ } .listing--items li .item__link { padding: 0 0 100% 0; background: rgba(0, 0, 0, 0.1); width: 100%; display: block; position: relative; border-radius: 3px; } .listing--items li .item__link span { position: absolute; text-align: center; left: 50%; top: 50%; color: #333; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); line-height: 1.2; } .listing--items li .item__link:hover { background: var(--first-color); } .listing--items li .item__link:hover span { color: #fff; } .group--social-onehalf .btn { width: 50%; float: left; } .group--social-onehalf .fb-color { background: #3856a0; margin-inline-end: 10px; } .group--social-onehalf .gp-color { background: #dd4330; } .group--social-onehalf .btn:last-child {} .group--social { margin: 10px 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .group--social+p { color: #333; } .group--options .link--primary { margin: 10px 0 0; display: inline-block; } .group__head { padding: 0 0 10px 0; width: 100%; display: inline-block; } .group__head h6 { font-weight: normal; display: inline-block; padding: 0; } .group__left { background: #f5f5f5; padding: 15px 0 15px 15px; min-height: 260px; border-radius: 5px; } .group__right { padding: 20px; min-height: 260px; border-radius: 5px; border: 1px solid #eeeeee; } .group .field_label { display: inline-block; } .group__info { float: right; } .group__body--scroller { max-height: 280px; overflow: auto; padding: 0 20px 0 0; } .links--selection li { color: var(--txt-color); position: relative; margin: 0 0 5px 0; font-size: 0.9em; } .links--selection li a { color: inherit; display: block; padding: 10px 10px 10px 35px; } .links--selection li i { font-size: 1.2em; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; position: relative; z-index: 1; position: absolute; left: 10px; top: 12px; } .links--selection li i:hover { color: #555555; } .links--selection li.is-active a { background: #fff; color: #000; } .grids--profile .grid__left { width: 70%; float: left; } .grids--profile .grid__right { width: 24%; float: right; } .switch { margin: 0 0 0 -20px; } .switch li { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px; padding: 0 0 0 20px; } .switch li.is-active a { background: rgba(0, 0, 0, 0.04); } .switch li.is-active a:before { content: "\f058"; color: var(--first-color); } .switch li a { display: block; text-align: center; line-height: 4; font-size: 1.2em; font-weight: 700; color: inherit; position: relative; width: 100%; border: 1px solid var(--border-color); border-radius: 5px; height: 100px; padding: 10px; } .switch li a:before { font-family: 'FontAwesome'; font-size: 1.3em; color: rgba(0, 0, 0, 0.1); content: "\f111"; line-height: 1; position: absolute; right: 5px; bottom: 5px; } .balanceinfo { float: right; } .layout--rtl { direction: rtl !important; } .layout--ltr { direction: ltr !important; } .layout--rtl [class*="col-"] { float: right; } .layout--rtl .form input[type="submit"] { margin: 0 0 0 10px; } .layout--rtl [class*="col-"] { width: 100%; } /* tooltips */ .tooltip { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: inherit; cursor: help; } .tooltip i { font-size: 1.2em; color: var(--txt-color); } .tooltip .hovertxt { max-width: 200px; min-width: 200px; pointer-events: none; text-align: left; background: #000; font-size: 12px; color: #fff; border-radius: 3px; padding: 6px 10px 8px; line-height: 1; position: absolute; left: 50%; bottom: 20px; opacity: 0; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%); transform: translate(-50%); } .tooltip .hovertxt:before { content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .tooltip:hover .hovertxt { opacity: 1; bottom: 30px; } .tooltip--right .hovertxt { left: auto; right: 0; -webkit-transform: translate(0); transform: translate(0); } .tooltip--right .hovertxt:before { left: auto; margin-left: 0; right: 10px; } .listings__head { width: 100%; display: inline-block; margin: 0 0 20px 0; } .listings__head h4 { font-weight: normal; padding: 0 0 5px 0; } .listings__head h6 { font-weight: 300; padding: 0 0 15px 0; } .listings__sort { background: #f5f5f5; color: #555555; padding: 10px 0; } .listings__sort a { color: #000 !important; } .listings__sort li.is-active a { text-decoration: underline; } .listings__repeated { padding: 15px 0; /* .description__footer { color: #555555; font-size: 1em; .yes { margin: 0 20px 0 10px; color: inherit; .fa { color: $brand-primary; } } .no { color: inherit; .fa { color: $brand-danger; } } .links--inline li { padding: 0 0 0 20px; } }*/ } .listings__repeated .item__ratings { margin-bottom: 5px; } .listings__repeated h6 { padding: 0; } .listings__repeated .description__body { margin: 0 0 25px 0; } .listings__repeated:nth-child(even) { background: #f5f5f5; } .listings .loadmore { background: #f5f5f5; color: #b2b2b2; } .listings .loadmore:hover { color: #555555; } .listings small { font-size: 0.9em; opacity: 0.6; } .dashboard { padding-top: 20px; } .top-space { padding-top: 20px; } body.is--dashboard { background: #e6ebef; } .box.box--list { border-bottom: 1px solid var(--border-color); padding: 20px 0 10px; } .box.box--list:first-child { border-top: none; padding-top: 0; } .box.box--list h5 { padding-bottom: 10px; } .box.box--list .links--vertical { margin: 0 0 0 0; } .box.box--list .links--vertical li { padding: 6px 0 6px 25px; position: relative; } .box.box--list .links--vertical li .fa { position: absolute; left: 0; top: 9px; } .box.box--list .links--vertical li.is-active a { color: #000; font-weight: 700; } .box.box--list .links--vertical a { font-size: 0.9em; color: #555555; } .box.box--list .links--vertical a .msg-count { background: var(--first-color); border-radius: 50%; color: #fff; display: inline-block; font-size: 0.7em; font-weight: 600; height: 18px; line-height: 1.9; text-align: center; vertical-align: middle; width: 18px; } .cols--group .box { margin: 15px 0 0; padding: 15px; display: block; color: var(--txt-color); } .cols--group .box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* .btn{float: right;}*/ } .cols--group .box__head h4, .cols--group .box__head h5, .cols--group .box__head p { display: inline-block; padding: 0; margin-bottom: 5px; } .cols--group .box__head .link--arrow { color: #000; opacity: 0.6; font-weight: 400; text-transform: uppercase; text-decoration: none; float: right; } .cols--group .box__head .link--arrow:before { border-color: #000; top: 3px; } .cols--group .box__head .link--arrow:hover { opacity: 1; } .cols--group .box__head .link--arrow:hover:before { opacity: 1; } .cols--group .box__head .group--btns {} .cols--group .box__head .group--btns h4 { vertical-align: middle; padding: 4px 0 0 0; font-weight: normal; } .cols--group .box__head .group--btns .btn { margin: 0 2px; } .cols--group .box__head .links--inline li a { text-transform: uppercase; /*opacity: 0.6;*/ } .cols--group .box__head .links--inline li a:hover { text-decoration: none; } .cols--group .box__body { padding: 15px 0 0; } .cols--group .col__left { width: 66.6667%; float: left; clear: left; } .cols--group .col__right { width: 31.6%; float: right; clear: right; } .cols--group .box__head .link--arrow { margin: 5px 0 0; } .panel__head { padding: 0 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .panel__head h2 { display: inline-block; vertical-align: middle; } .panel__head p { display: inline-block; clear: left; } .panel__head .btn { vertical-align: top; } .panel__head .links--inline { float: right; width: auto; } .panel__head .panel__head_action { float: right; } .panel__head .links--inline li { padding: 0 0 0 20px; position: relative; } .panel__head .links--inline li strong { color: #555555; } .panel__head .links--inline li:after { /*content: "|"; margin-left: 5px;*/ } .panel__head .links--inline li:last-child:after { content: normal; } .item__description { font-size: 0.9em; } .item__description .item__title { font-weight: 700; color: #000; margin: 0 0 4px 0; /*	font-size: 1.2em;*/ } .item__description .item__title a { opacity: 1; } .item__description .item__title a:hover { text-decoration: underline; } .item__description p { margin: 0; } .item__description .item__date { /*opacity: 0.6;*/ } .actions { display: flex; align-items: center; vertical-align: top; margin: 0 3px; } .actions li { display: inline-block; vertical-align: top; margin: 0 2px 0 0; } .actions li a { display: block; background: none; border-radius: 2px; padding: 5px; width: 30px; height: 30px; line-height: 1.4; text-align: center; color: #333; font-size: 1.2em; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .actions li a:hover { background: var(--first-color); color: #fff; } .actions--large li a { width: 40px; height: 40px; line-height: 2; } /* Dropdown Button */ .dropbtn { background-color: #e8e8e8; color: #383838; padding: 6px 16px; font-size: 16px; border: none; cursor: pointer; border-radius: 4px; } /* Dropdown button on hover & focus */ .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } /* The container <div> - needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd} /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show {display:block;} .statistics__box { min-height: 135px; text-align: left; } .statistics__box h4 { position: relative; padding: 0 0 0 0; margin: 0 0 30px 0; } .statistics__box h4:before { height: 1px; background: var(--border-color); position: absolute; left: 0; right: 0; top: 50%; margin: -1px 0 0; content: ""; } .statistics__box h4 span { background: #fff; position: relative; padding: 0 20px 0 0; } .statistics__box .value--total { float: right; font-size: 2em; font-weight: 700; } .media>li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 15px 0; border-top: 1px solid var(--border-color); } .media>li:first-child { border-top: none; } .media>li .avtar { width: 50px; height: 50px; margin-inline-end: 10px; } .media>li .grid { display: inline-block; vertical-align: top; padding: 0; } .media>li .grid--second { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 10px; } .media>li .grid--third { width: 64%; padding-top: 4px; } .media>li .grid--fourth { padding-right: 0; float: right; } .media>li.is-read .media__title { font-weight: normal; color: #666; } .media>li.is-read .media__description { color: #666; } .media>li a { color: inherit; } .media__date { display: block; text-transform: uppercase; font-size: 0.9em; line-height: 1; } .media__title { font-weight: 700; display: block; margin: 2px 0 5px 0; } .media .media__description { opacity: 0.6; margin: 5px 0; } .media--small .media__description { font-size: 0.9em; line-height: 1.3; } .media--small>li { /* &:first-child{padding-top: 0;}*/ } .media--small>li .grid { padding: 0; } .media--small>li .grid--second { padding-top: 0; width: auto; } .media--small>li .grid--third { width: auto; display: block; } .media--details>li:first-child { border-top: 1px solid var(--border-color); } .media--details>li:last-child { padding-bottom: 0; } .media--details>li .grid--first { padding: 5px 20px 0 0; } .media--details>li .grid--third { width: 100%; padding: 10px 0; } /*table*/ .table { width: 100%; border-spacing: 0; border-collapse: collapse; } .table.table-w50 { width: 50%; } .table td, .table th { padding: 10px; vertical-align: top; color: var(--txt-color); text-align: left; border-bottom: 1px solid var(--border-color); } .table th { color: #4c4c4c; font-weight: 500; } .table td:first-child, .table th:first-child { padding-left: 0; } .table td:last-child, .table th:last-child { padding-right: 0; } .table--twocols table { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); width: 100%; margin: 0 0 20px 0; } .table--twocols table th { background: #f5f5f5; font-weight: 500; text-transform: none; color: var(--txt-color); width: 33.3%; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 10px; } .table--twocols table th:first-child { padding-left: 10px; } .table--twocols table td { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 10px; } .table--twocols:last-child table { margin-bottom: 0; } .table--orders td:first-child { width: 100px; } .table--orders .item__pic { min-width: 50px; margin-bottom: 0; } .table .caption--td { display: none; } .table .item__price { font-size: 1.1em; } .table tr:last-child td { border-bottom: none; } .table--form td { padding: 15px 10px; } .table tr.disabled { opacity: 0.4; } .table .item__description .item__title { max-width: 280px; } .table--cart th { text-transform: uppercase; } .table--cart td:first-child { width: 35%; } .table--cart .item__pic { margin-bottom: 0; } .table--cart .links--inline li { padding-right: 20px; font-size: 1.2em; opacity: 0.8; font-weight: 300; } .table--cart td { padding: 20px 10px; } .table--cart .links--inline { margin: 10px 0 0; } .table--cart tr.disabled { pointer-events: none; } .table--cart tr:last-child td { border-bottom: 1px solid #ededed; } .table--view th, .table--view td { opacity: 0.6; padding: 10px; vertical-align: top; color: var(--txt-color); text-align: left; border: none; } .table--view th { width: 25%; } .table--view td { color: #000; opacity: 1; } .table .item-yk .item-yk-head-title { white-space: normal; } .table.item-yk .item-yk-head-title { white-space: normal; } .item__group { width: 100%; } .item__group--left { float: left; width: 100px; } .item__group--right { margin-inline-start: 120px; } input.qty { width: 60px; text-align: center; } .qty-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .qty { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; white-space: nowrap; width: 100px; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center; border-radius: 4px; } .qty input { /*	width: 70%;*/ width: 50px; height: 40px; text-align: center; display: inline-block; vertical-align: middle; margin: 0; float: left; font-size: 0.8em; border: none; } .qty .increase, .qty .decrease { display: inline-block; height: 40px; width: 25px; float: left; line-height: 2.5; font-size: 1em; font-weight: 600; text-align: center; cursor: pointer; vertical-align: middle; } .qty .decrease { border-right: none; } .qty .increase { border-left: none; } .qty a { display: inline-block; vertical-align: middle; } .qty a .fa { font-size: 1em; } .refresh { margin: 5px 10px; } .remove { margin: 5px; color: red; } .items { width: 100%; background: #f5f5f5; border-radius: 3px; /*margin: 0 0 20px;*/ position: relative; /*padding: 10px;*/ height: 100%; } .items__body {} .items__group { margin: 0px; display: block; position: relative; padding: 0; } .items__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .items .item { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; /*padding:5px;*/ padding: 0px 0px 0px 0px; background: none; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.22); box-shadow: 0 0 1px rgba(0, 0, 0, 0.22); position: relative; } .item__head { text-align: center; } .items .item__pic { margin-bottom: 0; background: #fff; margin: 0 auto; } .items .item__pic img { max-width: 75%; margin: 0 auto; } .items .item__title { font-size: 1.1em; font-weight: 500; clear: left; margin: 25px 0 5px; } .items .form--creatlist { padding: 15px; } .items .form--creatlist h5 { text-align: center; } .items .form--creatlist .field-set { margin: 5px 0 0; } .tag--soldout { background: rgba(255, 255, 255, 0.8); left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1px 5px; } .section--items-favs+.loadmore { background: #f5f5f5; color: #b2b2b2; -webkit-box-shadow: none; box-shadow: none; } .section--items-favs+.loadmore:hover { color: #000; } .tabs { color: #000; /*li:first-child a{border-radius:3px 0 0 0 ;}*/ border-bottom: 1px solid var(--border-color); } .tabs li { float: left; } .tabs li { color: inherit; font-size: 1.2em; height: 60px; line-height: 60px; padding: 0; display: block; position: relative; transition: none; -webkit-transition: none; -ms-transition: none; } .tabs li a { color: inherit; opacity: 0.3; padding: 10px 0px; margin: 0 10px; } .tabs a:before { background: var(--first-color); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tabs .is-active a, .tabs a:hover, .tabs a.is-active { opacity: 1; color: var(--first-color); } .fat-inactive:hover, .fat-inactive a:hover { cursor: no-drop; color: inherit; opacity: 0.6; } .fat-inactive-row:hover, .fat-inactive-row a:hover { color: inherit; opacity: 0.6; } .tabs .is-active a:before { right: 0; } .tabs--small { margin: 0 0 20px 0; position: relative; } .tabs--small li { height: 40px; line-height: 40px; font-size: 1em; background: #fff; width: inherit; } .tabs--vertical { position: relative; padding: 30px 0; } .tabs--vertical:before { width: 20px; background: #f5f5f5; position: absolute; bottom: 0; top: 0; right: -21px; content: ""; border-right: 1px solid var(--border-color); } .tabs--vertical li { float: none; display: block; } .tabs--vertical a { height: 55px; line-height: 55px; font-size: 1em; background: #fff; border-left: none; border-right: none; border-top: 1px solid var(--border-color); } .tabs--vertical a.is-active { border-right: none; border-bottom: 1px solid var(--border-color); } .tabs--vertical a.is-active:before { display: none; } .tabs--vertical a.is-active:after { position: absolute; right: -1px; top: 0; bottom: 0; width: 3px; background: #f5f5f5; content: ""; z-index: 1; } .tabscontent { background: #f4f4f4; border-top: 1px solid #e7e7e7; padding: 20px 0 0; } .tabs--switcher { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .tabs--switcher li { float: left; margin: 0 0 0 5px; } .tabs--switcher li.switch--list a span { width: 100%; height: 4px; background: #ced2d6; display: block; position: relative; margin: 4px 0 0; } .tabs--switcher li.switch--list a span:before { width: 100%; height: 4px; background: #ced2d6; display: block; position: absolute; top: 9px; content: ""; } .tabs--switcher li.switch--list a span:after { width: 100%; height: 4px; background: #ced2d6; display: block; position: absolute; top: 18px; content: ""; } .tabs--switcher li.switch--grid a span { width: 5px; height: 5px; background: #ced2d6; display: block; position: relative; margin: 4px 0 0 1px; } .tabs--switcher li.switch--grid a span:before { width: 5px; height: 5px; background: #ced2d6; display: block; position: absolute; left: 8px; content: ""; } .tabs--switcher li.switch--grid a span:after { width: 5px; height: 5px; background: #ced2d6; display: block; position: absolute; left: 16px; content: ""; } .tabs--switcher li.is-active a { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .tabs--switcher a { display: block; height: 40px; width: 40px; padding: 5px 8px; background: none; -webkit-box-shadow: none; box-shadow: none; } .tabs--inline { position: relative; margin: 25px 0; } .tabs--inline li { display: inline-block; vertical-align: top; padding: 0 10px; } .tabs--inline li a { display: block; color: #000; padding: 5px 10px; text-align: center; position: relative; font-size: 0.85em; } .tabs--inline li a:before { bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; } .tabs--inline li.is-active a { color: var(--first-color); } .tabs--inline li.is-active a:before { background: var(--first-color); -webkit-transform: scale(1); transform: scale(1); } /**/ .grids--profile .grid__left { width: 70%; float: left; } .grids--profile .grid__right { width: 24%; float: right; } .switch { margin: 0 0 0 -20px; } .switch li { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px; padding: 0 0 0 20px; } .switch li.is-active a { background: rgba(0, 0, 0, 0.04); } .switch li.is-active a:before { content: "\f058"; color: var(--first-color); } .switch li a { display: block; text-align: center; line-height: 4; font-size: 1.2em; font-weight: 700; color: inherit; position: relative; width: 100%; border: 1px solid var(--border-color); border-radius: 5px; height: 100px; padding: 10px; } .switch li a:before { font-family: 'FontAwesome'; font-size: 1.3em; color: rgba(0, 0, 0, 0.1); content: "\f111"; line-height: 1; position: absolute; right: 5px; bottom: 5px; } .preview { background: #f5f5f5; border-radius: 3px; padding: 15px; height: 100%; } .preview .profile__pic { margin: 10px 0; border: solid 1px var(--border-color); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; min-height: 170px; } .preview h4 { font-size: 1.5em; line-height: 1.4; padding: 10px 0 0; } .preview h4 strong { font-size: 2em; } .preview .btngroup--fix { display: inline-block; width: 100%; } .preview--profile { margin: 0 0 10px 0; height: auto; } .preview--profile .btngroup--fix { display: table; margin: auto; text-align: center; } .preview--profile .btngroup--fix .btn { min-width: 1%; width: auto; margin: 5px auto; float: none; display: inline-block; } .preview--profile .btngroup--fix .btn:after, .preview--profile .btngroup--fix .btn:before { content: normal; } .preview .avtar--large { margin: 0 auto; } .btngroup--fix .btn { margin: 0 10px 0 0; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .avtar { width: 60px; height: 60px; border-radius: 50%; border: 1px solid var(--border-color); position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .avtar img { max-height: 100%; } .avtar--large { width: 130px; height: 130px; } .avtar--info { padding-top: 5px; } .avtar--info .avtar { float: left; margin: 0 15px 0 0; } .avtar--info h5 { padding: 5px 0 0; } .rowrepeated--favs:first-child { margin-top: 0; } .rowrepeated--favs .listing--items li { width: 15%; } .rowrepeated--favs .listing--items li .item__link span { font-size: 0.9em; } .avtar--rounded { border-radius: 100% !important; } .avtar--rounded img { border-radius: 100% !important; } .grid--onethird { margin: 0 0 0 -20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .grid--onethird>li { width: 33.3%; padding: 0 0 20px 20px; float: left; } .box--share { display: block; min-height: 160px; width: 100%; padding: 20px; position: relative; background: #ddd; border-radius: 2px; color: #fff; } .box--share h5 { padding-bottom: 0; } .box--share h2 { font-size: 2.2em; padding-bottom: 15px; } .box--share h5, .box--share h2, .box--share p { color: inherit; margin: 0; } .box--share p { max-width: 80%; } .box--share-fb { background: #3b5998; } .box--share-tw { background: #22bdf0; } .box--share-mail { background: #f15b5b; } .box--share .fa { position: absolute; right: 0; top: 20px; font-size: 8.5em; opacity: 0.08; left: 0; margin: 0 auto; text-align: center; } .thanks-msg { display: block; font-style: italic; margin: 10px auto; text-align: center; } .steps { width: 100%; background: #f5f5f5; padding: 10px; text-align: center; } .steps ul { margin: auto; display: block; width: 80%; } .steps li { display: inline-block; /*padding: 0 150px 0 25px;*/ width: 33.3%; margin: 0 -2px; text-align: center; position: relative; color: rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 1.1em; } .steps li:after { width: 80px; left: 100%; margin: 0 0 0 -45px; top: 50%; height: 1px; background: #e6e6e6; position: absolute; content: ""; } .steps li:last-child:after { display: none; } .steps li:before { content: "\f05e"; font-family: 'FontAwesome'; font-size: 1.2em; margin: 0 5px 0 0; } .steps li.is-process { color: #000; } .steps li.is-process:before { content: "\f021"; } .steps li.is-success { color: #24b26b; } .steps li.is-success:before { content: "\f00c"; } .steps li:last-child { padding-right: 0; } .list__selection { display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid var(--border-color); position: relative; margin: 0 0 15px; } .list__selection .checkbox, .list__selection .radio { /*position: absolute; left: 25px; top: 20px;*/ } .list__selection h6 { padding: 0; padding-left: 30px; } .list__selection p { margin: 0 0 10px 0; color: var(--txt-color-light); } .list__selection address { min-height: 160px; font-style: normal; padding-bottom: 15px; } .container--addresses .list__selection { background: #fff; height: 100%; } .container--addresses .list__selection.is-active { background: #f5f5f5; } .switch-links { text-align: center; margin: 0px auto; display: block; position: relative; max-width: 250px; } .switch-links a { padding-top: 3px; display: inline-block; vertical-align: top; position: relative; color: var(--txt-color-light); font-size: 0.8em; } .switch-links a:first-child { float: left; margin-inline-end: 10px; } .switch-links a:last-child { margin-inline-start: 10px; float: right; } .switch-button { position: relative; width: 70px; display: inline-block; vertical-align: top; margin: 0 auto; } .switch-button:before { content: ""; position: absolute; background: #e6e6e6; border-radius: 30px; width: 70px; height: 25px; top: 0; margin: 0 auto; left: 0; right: 0; } .switch-button:after { background: var(--first-color); width: 18px; height: 18px; display: block; border-radius: 50%; content: ""; position: absolute; left: 4px; top: 3px; -webkit-transition: all ease .3s; transition: all ease .3s; } .switch-button.is--active:after { left: auto; right: 4px; -webkit-transition: all ease .3s; transition: all ease .3s; } .switch-links a.is--active { color: var(--first-color); } /*new switch*/ .dashboard-togles { position: relative; display: block; background: var(--second-color); padding: 5px 10px; color: #fff; border-radius: 3px; } .dashboard-togles>a { display: block; position: relative; top: -5px; color: #fff; } .dashboard-togles .fa { float: right; width: 25px; height: 30px; border-radius: 50%; display: block; text-align: center; padding: 8px 0; vertical-align: top; } .dashboard-togles span { display: inline-block; text-transform: uppercase; } .dashboard-options { background: #fff; border-radius: 2px; overflow: hidden; box-shadow: inset 0px 0px 0px 0px !important; border: 1px solid #dcdcdc; } .dashboard-options li {} .dashboard-options li a { display: block; padding: 8px; color: var(--txt-color); font-size: 0.9em; border-bottom: solid 1px var(--border-color); } .dashboard-options li:last-child a { border-bottom: none; } .message { text-align: center; max-width: 600px; margin: 20px auto; } .message h6 { font-weight: normal; padding: 0 0 20px 0; } .message .fa { font-size: 6em; color: #24b26b; margin: 0 0 10px 0; } .message a { text-decoration: underline; font-weight: 600; } .note-messages { font-size: 12px; color: #000 !important; padding: 5px 10px; border: solid 1px #dcdcdc; display: inline-block; } /*like click**/ @-webkit-keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @-webkit-keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @-webkit-keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } @keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } .heart-wrapper { font-size: 3px; } .heart-wrapper .ring { display: block; position: absolute; border-width: 0; border-style: solid; top: 50%; left: 50%; border-radius: 50%; z-index: 1; } .heart-wrapper .circles { display: block; position: absolute; height: 1.66667em; width: 1.66667em; top: 50%; left: 50%; margin-top: -0.83333em; margin-left: -0.83333em; z-index: 2; border-radius: 50%; } .heart-wrapper.is-active .ring { -webkit-animation-name: ring; animation-name: ring; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .heart-wrapper.is-active .circles { -webkit-animation-name: circles; animation-name: circles; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* -----*/ /*shop detail page*/ .shop-bar { background: #f8f8f8; padding: 2px 0; border-bottom: solid 1px var(--border-color); min-height: 30px; } .shops-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; display: inline-block; position: absolute; top: 0; right: 0; width: 100%; } .shops-detail-name {} .shops-detail .item-yk_rating { margin: 0px 10px; padding-bottom: 0px; } .shop-opened { line-height: 2.5; } .uploadedphoto { margin: 25px 0; display: block; } .uploadedphoto img { display: inline-block; vertical-align: top; margin-inline-end: 10px; max-width: 150px; } .uploadedphoto a.removepic {} .popup-title { text-align: center; } .auto-suggestion { min-width: 220px; z-index: 10; top: 100%; background: #fff; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); position: absolute; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; transform-origin: top right; /*active*/ -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .auto-suggestion li { padding: 5px 10px; border-bottom: solid 1px var(--border-color); } .auto-suggestion li a { display: block; } /*image listing inline*/ .inline-images { margin: 0 auto; } .inline-images li { display: inline-block; vertical-align: top; margin: 2px auto; border: solid 1px var(--border-color); border-radius: 2px; padding: 10px; margin-inline-end: 10px; } .inline-images li img { margin-bottom: 8px; } .dropdown-menu { background: #fff; border: solid 1px var(--border-color); border-bottom: none; z-index: 1; position: absolute; } /*.dropdown-menu li { border-bottom: solid 1px var(--border-color); font-size: 0.8em; } .dropdown-menu li a { padding: 10px; line-height: 1.5; display: block; }*/ .statustab.addmarg { margin-top: 15px; } .statustab { position: relative; display: inline-block; vertical-align: top; width: 82px; height: 20px; padding: 3px; border-radius: 18px; margin: 4px 0 0; cursor: pointer; } .switch-inputs { position: absolute; top: 0; left: 0; opacity: 0; } .switch-labels { position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; background: #00bf6f; border-radius: inherit; -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: opacity background; transition-property: opacity background; } .switch-labels:before, .switch-labels:after { position: absolute; top: 50%; margin-top: -.6em; line-height: 1; -webkit-transition: inherit; transition: inherit; } .switch-labels:before { content: attr(data-off); right: 11px; color: #fff; } .switch-labels:after { content: attr(data-on); left: 11px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .statustab.active .switch-labels { background: #f25454; /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);*/ } .statustab.active .switch-labels:before { opacity: 0; } .statustab.active .switch-labels:after { opacity: 1; } .switch-handles { position: absolute; top: 1px; left: 2px; width: 24px; height: 24px; background: #fff; border-radius: 50%; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -webkit-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-handles:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: #ccc; border-radius: 6px; } .statustab.active .switch-handles { left: 62px; -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .listingbox { padding: 30px 0 0; width: 100%; display: inline-block; } .listingbox h5 { border-bottom: 1px solid #ddd; margin: 0 0 10px 0; font-size: 1.2em; text-transform: uppercase; background: rgba(0, 0, 0, 0.05); padding: 6px 15px; } .listing--onefifth { display: flex; flex-wrap: wrap; } .listing--onefifth li { flex: 0 0 20%; max-width: 20%; padding: 8px 0 0; font-size: 1em; } .listing--onefifth li a { color: #555555; text-transform: capitalize; } .listing--onefifth li a:hover { text-decoration: underline; color: #24b26b; } .list__selection--even { margin: 0; } .listing--grids { width: 100%; margin: 20px 0 0; display: inline-block; } .listing--grids ul { display: table; table-layout: fixed; width: 100%; } .listing--grids ul li { padding: 0 20px 0 0; display: table-cell; vertical-align: top; } .listing--grids ul li .boxwhite { background: #fff; border: 1px solid #ddd; padding: 15px; display: block; } .listing--grids ul li .btn { margin-top: 18px; } .listing--grids ul li h5 { padding: 0; } .cell__item { float: left; padding: 10px 10px 0 0; position: relative; width: 20%; } .cell__head { color: #24b26b; font-size: 1.2em; margin: 0 0 6px; } .cell__head a:hover { color: #333; } .cell__item .cell__body { margin: 0 0 10px; } .list__vertical li { padding: 2px 0; } .list__vertical li ul { margin: 8px 0 8px 15px; } .list__vertical li a { color: #666; } .list__vertical li a:hover { color: #333; text-decoration: underline; } /* Added by Meenu Aggarwal*/ .rating li { display: inline; } .grids--offset { margin: 0; } .grids--offset .grid-layout { background: #fcfcfc; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 15px; } .grids--offset .grid-layout p { color: #555555; margin: 0 0 5px 0; } .grids--offset .grid-layout .info--order { text-align: right; } .grids--colum { margin: 10px 0 30px; } .grids--colum .grid { width: 100%; min-height: 200px; padding: 20px; border-radius: 3px; background: #f5f5f5; } .grids--colum .grid p { color: #555555; } .q-group { margin: 10px 0; } .cg-nav-wrapper { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; margin: 15px 0; } .cg-nav-wrapper ul { display: table-row; } .cg-nav-wrapper ul li { background: #fff; display: table-cell; border: solid 1px var(--border-color); } .cg-nav-wrapper ul li a { display: block; padding: 10px; color: var(--txt-color-light); } .cg-nav-wrapper .cg-icon { height: 35px; max-width: 35px; display: inline-block; vertical-align: top; margin-inline-end: 15px; } .cg-nav-wrapper .caption { vertical-align: top; } .cg-nav-wrapper ul li.iss--active { color: var(--first-color); /*	border-top-color: var(--first-color);*/ } .cg-nav-wrapper ul li.iss--active a { color: var(--first-color); } .cg-main .item { background: #fff; padding: 15px 0; border-bottom: solid 1px var(--border-color); } .cg-main ul{ display: flex; flex-wrap: wrap;} .cg-main ul li { flex:0 0 33%; max-width: 33%; vertical-align: top; } .cg-main a { color: var(--txt-color-light); } .big-title a, .cg-main a:hover, .cg-nav-wrapper ul li a:hover { color: var(--first-color); } .product-options { margin: 20px; } .product-options li { border-bottom: solid 1px var(--border-color); padding: 20px 50px; padding-top: 0; position: relative; margin: 20px 0; width: 100%; display: table; } .product-options li p { font-size: 1.6em; font-weight: 300; margin-bottom: 0; line-height: 1.5; } .product-options li a { color: var(--txt-color-light); } .product-options li a:hover, .product-options li a:hover p { color: var(--first-color); } .product-options li .icn { font-size: 4em; float: left; margin-inline-end: 50px; } .product-options li:before { background: #fff; padding: 4px 10px; bottom: -15%; color: var(--txt-color-light); content: attr(data-heading); font-size: 1em; font-weight: 300; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .product-options li span { display: block; font-size: 0.9em; } .product-options li:last-child { border-bottom: none; } .product-options li:last-child:before { content: normal; } .custom-form { display: table; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } form.custom-form input[type="submit"] { margin: 0; } .custom-form input[type="text"] { width: auto; margin: 0 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .image-listing li { border: solid 1px var(--border-color); padding: 10px; display: inline-block; margin: 5px; border-radius: 2px; position: relative; } .image-listing li .closeimg { background: #ffffff; border: 1px solid; border-radius: 50%; font-size: 11px; height: 20px; padding: 0; position: absolute; right: -7px; text-align: center; top: -7px; vertical-align: top; width: 20px; font-size: 0.8em; } .image-listing p { display: block; font-size: 0.8em; line-height: 1.6; margin: 0; } .no-product { margin: 0 auto; padding: 100px 20px; text-align: center; } .no-product-txt { font-size: 0.95em; line-height: 1.5; margin: 20px 0; } .no-product-txt span { display: block; text-transform: uppercase; font-size: 1.8em; } .rel-icon { display: inline-block; margin: 0 auto; } .txt-popular { margin: 0 auto; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin-top: 25px; } .query-form { margin: 0 auto; max-width: 600px; } .top-brands-list { margin: 0 auto; text-align: center; } .top-brands-list li { display: inline-block; margin: 0 auto; } .graph { margin-top: 10px; } .sales-graph { position: relative; overflow: hidden; width: 100%; padding-bottom: 50%; } .sales-graph svg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .sales-graph .ct-series-a .ct-area, .sales-graph .ct-series-a .ct-slice-pie { fill: var(--first-color); } .sales-graph .ct-series-a .ct-bar, .sales-graph .ct-series-a .ct-line, .sales-graph .ct-series-a .ct-point, .sales-graph .ct-series-a .ct-slice-donut { stroke: var(--first-color); } .sales-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .sales-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: var(--first-color); } .sales-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: var(--first-color); } .sales-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: var(--first-color); } .sales-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: var(--first-color); } .sales-graph .ct-line { stroke-width: 1px; } .delivery-term { position: relative; display: inline-block; padding: 15px 0; } /* .delivery-term-data-inner { overflow: auto; min-width: 550px; max-height: 300px; } .delivery-term-data:before { height: 20px; width: 20px; background: #fff; display: block; position: absolute; top: -5px; right: 10px; transform: rotate(-135deg); content: ""; }*/ .auto-renew { float: right; } .auto-renew p { display: inline-block; margin: 0 15px; } .auto-renew .switch-links { display: inline-block; } /*for js*/ /* .shop-navigations.light>li>a, .product-search input[type="text"].light { color: #000; } .shop-navigations.light>li>a, .product-search input[type="text"].light::-webkit-input-placeholder { color: #000; opacity: 1 !important; } .shop-navigations.light>li>a, .product-search input[type="text"].light:-moz-placeholder { color: #000; opacity: 1; } .shop-navigations.light>li>a, .product-search input[type="text"].light::-moz-placeholder { color: #000; opacity: 1; } .shop-navigations.light>li>a, .product-search input[type="text"].light:-ms-input-placeholder { color: #000; opacity: 1; } */ /**/ /* .shop-navigations.dark>li>a, .product-search input[type="text"].dark { color: #fff; } .shop-navigations.dark>li>a, .product-search input[type="text"].dark::-webkit-input-placeholder { color: #fff; opacity: 1 !important; } .shop-navigations.dark>li>a, .product-search input[type="text"].dark:-moz-placeholder { color: #fff; opacity: 1; } .shop-navigations.dark>li>a, .product-search input[type="text"].dark::-moz-placeholder { color: #fff; opacity: 1; } .shop-navigations.dark>li>a, .product-search input[type="text"].dark:-ms-input-placeholder { color: #fff; opacity: 1; }*/ .product-search { margin: 0 auto; margin-bottom: 15px; } .product-search form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f2f2f2; } .product-search input[type="text"] { background: none; border: solid 1px var(--border-color); color: var(--txt-color); } .product-search .input-submit { background: url(images/retina/magni-gray.svg) no-repeat center; background-size: 20px auto; width: 40px; height: 40px; border: none; padding: 0; margin: 0; } .balancebox { border: 1px solid var(--border-color); text-align: center; padding: 10px; } .balancebox p { margin-bottom: 0; } .note { font-size: 0.8em; margin-bottom: 0; /*font-style: italic;*/ } .highlighted-note { background: #ffc; border: 1px solid #f2f2ce; border-radius: 2px; font-size: 0.8em; color: #575702; margin-top: 5px; margin-bottom: 0; padding: 5px 8px; font-weight: 500; } .cols--group .box__head p.highlighted-note { padding: 5px 8px; } .seller-steps { text-align: center; margin: 0 auto; } .seller-steps ul { margin: 50px auto; } .seller-steps li { display: inline-block; margin: 0 30px; max-width: 224px; text-align: center; vertical-align: top; } .seller-steps li:first-child { margin-left: 0; } .seller-steps li:last-child { margin-right: 0; } .seller-steps .icn { margin: 20px auto; display: block; text-align: center; } .seller-steps .icn img { display: inline-block; } .seller-steps h3 { color: #000; font-size: 1.25em; line-height: 1.3; font-weight: 600; } .seller-steps p { font-size: 0.9375em; line-height: 1.3; } .category__description { padding: 15px; background: #fff; margin-bottom: 15px; word-wrap: break-word; } /**/ .sitemapcontainer h2 { font-size: 1.3em; margin: 10px 0 0 0; } .sitemapcontainer .box { margin-bottom: 20px; } .site-map-list {} .site-map-list~.heading3 { margin-top: 20px; } .site-map-list h3 { font-size: 1.1em; border-bottom: solid 1px var(--border-color); margin-bottom: 15px; color: #333; } .site-map-list h3 a { color: #333; } .site-map-list>ul { list-style: inside; } .site-map-list>ul>li { display: inline-block; padding: 7px 0; width: 19%; } .site-map-list>ul>li a:hover { text-decoration: underline; } .strikethrough { text-decoration: line-through; } /*messages*/ .info-message { background: #f9edbe; border: 1px solid #f0c36d; color: #6c6c6c; font-size: 0.85em; line-height: 1.2; padding: 10px; } .orders-graph .ct-series-a .ct-area, .orders-graph .ct-series-a .ct-slice-pie { fill: #0392ec; } .orders-graph .ct-series-a .ct-bar, .orders-graph .ct-series-a .ct-line, .orders-graph .ct-series-a .ct-point, .orders-graph .ct-series-a .ct-slice-donut { stroke: #0392ec; } .orders-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .orders-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: #0392ec; } .orders-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: #0392ec; } .orders-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: #0392ec; } .orders-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: #0392ec; } .messages-graph .ct-series-a .ct-area, .messages-graph .ct-series-a .ct-slice-pie { fill: #ff6666; } .messages-graph .ct-series-a .ct-bar, .messages-graph .ct-series-a .ct-line, .messages-graph .ct-series-a .ct-point, .messages-graph .ct-series-a .ct-slice-donut { stroke: #ff6666; } .messages-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .messages-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: #ff6666; } .messages-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: #ff6666; } .messages-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: #ff6666; } .messages-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: #ff6666; } .quickview { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; } .item-yk:hover .quickview { visibility: visible; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .quickview>a { background: rgba(0, 0, 0, 0.78); border-radius: 2px; color: #fff; padding: 3px 5px; line-height: 1.5; font-size: 0.9em; white-space: nowrap; } .icn-quickview { margin: 0 auto; background: var(--first-color); border-radius: 50%; width: 40px; height: 40px; display: block; } .icn-quickview svg { width: 16px; height: 16px; margin: 12px; fill: #fff; } .quickview .tooltip { cursor: pointer; } .quickview .tooltip .hovertxt { min-width: inherit; white-space: nowrap; bottom: 50px; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--first-color); cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-inline-start: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .categories-add-step { padding: 0 50px; } .padd15 { padding: 15px; } .box-categories { height: 400px; overflow-y: auto; } .box-categories ul li { display: block; margin: 0; padding: 10px; border-bottom: solid 1px var(--border-color); } .select-categories-slider { position: relative; } .select-categories-slider .box-border { border: solid 1px var(--border-color); border-radius: 3px; } .select-categories-slider .slick-arrow { position: absolute; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.10); width: 40px; height: 100%; border-radius: 2px; border: none; text-indent: -999999px; z-index: 1; display: inline-block; } .select-categories-slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.33); } .select-categories-slider .slick-prev, .select-categories-slider .slick-next {} .select-categories-slider .slick-prev:after, .select-categories-slider .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .select-categories-slider .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .select-categories-slider .slick-prev { left: 0; margin-left: -40px; } .select-categories-slider .slick-next { right: 0; margin-right: -40px; } .box-categories ul li.is-active { color: #fff; background: var(--first-color); } .box-categories ul li.is-active a { color: inherit; } /* added on 21 june 2018 */ .btn-inline { display: inline-block; position: relative; vertical-align: middle; margin: 0 0 0 20px; border: 1px solid #333; padding: 7px 20px 7px 45px; color: #333; border-radius: 3px; text-transform: uppercase; font-size: 13px; font-weight: 500; } .btn-inline:before { width: 20px; height: 20px; border: 1px solid #333; border-radius: 50%; content: ""; position: absolute; left: 15px; top: 5px; content: "i"; text-align: center; background: #333; color: #fff; text-transform: none; font-size: 14px; line-height: 18px; } .small-link-close { position: absolute; right: 5px; top: 5px; width: 24px; height: 24px; text-align: center; line-height: 24px; } .small-link-close:before { content: "+"; font-size: 20px; color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .tabled-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .tabled-container .tabled-box { background: #f5f5f5; padding: 30px 20px; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 15px solid #fff; } .tabled-container .tabled-box h6 { max-width: 50%; margin: 0 auto 10px; line-height: 1.5; color: #000; } .btn-play { color: #333; border: 1px solid #ddd; background: rgba(0, 0, 0, 0.05); padding: 8px 20px 8px 35px; border-radius: 3px; display: inline-block; position: relative; font-size: 14px; font-weight: 500; } .btn-play:before { position: absolute; left: 15px; top: 10px; content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #000; } .tabled-container .tabled-box .btn-play { background: #fff; border-color: #000; min-width: 150px; padding: 10px 20px 10px 35px; } .tabled-container .tabled-box .btn-play:hover { background: #000; color: #fff; } .tabled-container .tabled-box .btn-play:hover:before { border-left: 10px solid #fff; } .tabled-container .tabled-box .btn-play:before { left: 30px; top: 12px; } .box-container { padding: 30px; background: #fff; position: relative; } .-inline-element { display: inline-block; vertical-align: top; } .-row-heading td { background: #eee; color: #000; } /* New favorite Icon CSS */ .favourite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 5px; } .favourite a { width: 40px; height: 40px; display: block; border: solid 1px var(--border-color); border-radius: 50px; background: #fff url(images/retina/heart-gray.svg) no-repeat center; background-size: 20px; } .favourite.is-active a, .favourite a:hover { background: #fff url(images/retina/heart-gray-active.svg) no-repeat center; background-size: 20px; } .heart-wrapper { font-size: 3px; } .heart-wrapper .ring { display: block; position: absolute; border-width: 0; border-style: solid; top: 50%; left: 50%; border-radius: 50%; z-index: 1; } .heart-wrapper .circles { display: block; position: absolute; height: 1.66667em; width: 1.66667em; top: 50%; left: 50%; margin-top: -0.83333em; margin-left: -0.83333em; z-index: 2; border-radius: 50%; } .heart-wrapper.is-active .ring { -webkit-animation-name: ring; animation-name: ring; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .heart-wrapper.is-active .circles { -webkit-animation-name: circles; animation-name: circles; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*like click**/ @-webkit-keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @-webkit-keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @-webkit-keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } @keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } .shop-actions { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; /*margin-top: 5px;*/ float: right; } .shop-actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0; /*-webkit-box-align: center; -ms-flex-align: center; align-items: center;*/ } .shop-actions li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* border: solid 1px var(--border-color);*/ padding: 2px 8px; margin-inline-end: 5px; border-radius: 2px; font-size: 0.875em; background-color: #fff; color: var(--txt-color-light); height: 100%; } .shop-actions .icn { margin: 0 5px; min-width: 15px; } .shop-actions .icn img { opacity: 0.5; max-width: 15px; } .shop-actions li a.is-active { border-color: var(--first-color); color: var(--first-color); } .btn i.icn { width: 13px; display: inline-block; vertical-align: middle; margin: 0 3px; height: auto; } .flex-align-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .crcle-btn svg { display: inline-block; height: 25px; margin: -3px 0 0; vertical-align: middle; } .crcle-btn svg path { fill: #fff; } .cap { color: #ec5d3f; display: inline-block; font-size: 10px; margin-top: 12px; padding: 3px 8px; vertical-align: middle; position: relative; opacity: 0; margin-right: 0; text-transform: uppercase; } .feedback-btn:hover .cap { opacity: 1; margin-inline-end: 10px; } .crcle-btn svg { margin: -8px 0 0 -17px; height: 30px; } .crcle-btn { background-color: #FF3A59; border-radius: 50%; height: 45px; line-height: 45px; text-align: center; position: relative; display: block; width: 45px; float: right; cursor: pointer; z-index: 99999; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); padding: 0; } .feedback-btn { position: fixed; bottom: 130px; right: 6px; z-index: 9999; } .or { display: block; margin: 25px auto; text-align: center; color: #ccc; font-size: 1em; font-weight: 600; max-width: 200px; position: relative; } .or:after, .or:before { content: ""; background: #ccc; height: 1px; width: 70px; position: absolute; top: 50%; margin-top: -1px; } .or:after { left: 0; } .or:before { right: 0; } .list-nested {} .list-nested li { margin: 10px 0; list-style-position: inside; } .list-nested li li { margin: 10px; list-style: disc; list-style-position: inside; font-size: 0.875em; } .saved-search-list {} .saved-search-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; padding: 15px 0; /* -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11); */ /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11); */ margin: 10px auto; background: #fff; border-bottom: solid 1px var(--border-color); } .detail-side .heading3 { color: var(--first-color); /* font-weight: 600; */ } .detail-side .date { margin: 8px auto; color: #bababa; } .results-side { font-size: 1em; color: var(--txt-color); } .results-side .newly-added { font-size: 2.5rem; line-height: 1; display: block; font-weight: 600; } .results-side strong { display: block; } .img-container { max-height: 500px; overflow-y: auto; } /*scroll-hint*/ @-webkit-keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } @keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } .scroll-hint.is-right-scrollable { background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-right-scrollable.is-left-scrollable { background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-left-scrollable { background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint-icon { position: absolute; top: calc(50% - 25px); left: calc(50% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; height: 85px; border-radius: 5px; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; background: rgba(0, 0, 0, .7); text-align: center; padding: 20px 10px 10px 10px; } .scroll-hint-icon-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; pointer-events: none; } .scroll-hint-text { font-size: 10px; color: #FFF; margin-top: 5px; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon { opacity: .8; } .scroll-hint-icon:before { display: inline-block; width: 40px; height: 40px; color: #FFF; vertical-align: middle; text-align: center; content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon:after { content: ""; width: 34px; height: 14px; display: block; position: absolute; top: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==); opacity: 0; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after { opacity: 1; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before { -webkit-animation: scroll-hint-appear 1.2s linear; animation: scroll-hint-appear 1.2s linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .scroll-hint-icon-white { background-color: #FFF; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .4); box-shadow: 0 4px 5px rgba(0, 0, 0, .4); } .scroll-hint-icon-white:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon-white:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==); } .scroll-hint-icon-white .scroll-hint-text { color: #000; } /*Catalog popup*/ .catalog-bg { background-image: url(./images/catalog-bg.png); background-color: #fff; background-repeat: no-repeat; background-position: 130% top; } .catalog-bg .delivery-term-data-inner>ul, .catalog-bg .delivery-term-data-inner .heading { max-width: 500px; margin-right: 250px; } .delivery-term-data-inner { margin: 20px; color: #4c4c4c; } .delivery-term-data-inner .heading { font-size:4rem; font-weight: 600; text-transform: uppercase; position: relative; line-height: 1.2; margin-bottom: 40px; color: inherit; } .delivery-term-data-inner .heading:after { background: var(--second-color); width: 60px; height: 3px; position: absolute; bottom: -10px; content: ""; display: block; } .delivery-term-data-inner .heading span { display: block; font-size: 0.8rem; text-transform: none; } .delivery-term-data-inner ul li { position: relative; margin: 10px 0; padding:0 15px; display: block; font-size: 0.9rem; } .delivery-term-data-inner ul li:before { width: 5px; height: 5px; content: ""; display: block; position: absolute; left: 0; top: 8px; transform: rotate(45deg); background: #4c4c4c; } .delivery-term-data-inner ul ul { margin-inline-start: 15px; margin-bottom: 20px; } .promotion-area{ margin: 0 auto; max-width: 350px;} span.number{ display:inline-block} /* menu*/ .menusection li ul { display: none; } @media only screen and (max-width: 1280px) {} /*media*/ @media only screen and (max-width: 991px) { .container { padding: 0 10px; } .slick-slider{ /* margin-top:33px; */ } .item-yk .item-yk-head-title { font-size: 16px; } .row { margin-right: -10px; margin-left: -10px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; } body { font-size: 13px; } .hide--tab { display: none !important; } .hide--desktop { display: block !important; } .padding15, .padding20 { padding: 10px; } .padd40 { padding: 15px 0; } #header { position: fixed; top: 0; width: 100%; } .after-header { height: 40px; } .top_bar .slogan { display: none; } .top_bar .test { display: none; } .short-links>ul>li.dropdown { display: inline-block; } .logo { margin: 6px; margin-left: 0; width: 131px; height: 28px; max-height: 100px; line-height: 45px; } .logo img, .logo svg { display: inline-block; line-height: 33px; max-height: 28px; vertical-align: baseline; } .fixed .logo { max-width: 120px; /* margin-left: 45px;*/ } .main-search { height: auto; float: right; background: none; margin-top: 3px; } .form--search-popup { height: auto; top: 0; } .link__close { -webkit-transform: none; transform: none; top: 10px; } .form--search-popup .select__cover { float: none; } .form--search-popup .select__value { display: block; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .form--search-popup .form__cover { left: 5%; right: 5%; } .form--search-popup .form__cover form { display: block; } .form--search-popup .form__cover input[type="text"], .form--search-popup .form__cover select { display: block; width: 100%; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .form--search-popup .form__cover input[type="text"] { border: none; } .form--search-popup .form__cover input[type="submit"] { position: static; display: block; margin: 0; width: 100%; background-color: #000; } .toggle--search { display: inline-block; padding: 3px 5px; } .toggle--search .icn-txt, .cart .icn-txt { display: none; } .cart { margin-top: 2px; } .cart>a { padding: 5px 10px 10px 1px; margin: 0; } .cart-detail { min-width: inherit; } .cartdetail__footer { padding: 10px; } .login-account { margin-top: 3px; margin-inline-start: 5px; } .login-account>a { padding: 4px; margin: 0; display: inline-block; } .yk-slides .slick-arrow { display: none !important; } .shops .item-yk { border: none; padding: 10px; } .item-yk-head-lable { right: 10px; } .item-yk .item-yk-head-title { white-space: normal; } /* .banners { height: auto; position: relative; vertical-align: top; width: auto; } .banners .banners_left, .banners .banners_right { display: block; height: inherit; overflow: hidden; padding-bottom: inherit; position: relative; width: auto; } .banners .banners_left .banners_img, .banners .banners_right .banners_img { float: none; margin: 0; }*/ .fetured-slider .fetured-item { border: none; padding: 10px 10px; } .featured-product, .featured-desc { display: block; } .featured-product { width: auto; } .section-head { margin: 0; padding: 10px 0; } .section-head .section_action { display: inline-block; float: none; vertical-align: bottom; } .section-head .section_action a {} .ftshops .ftshops_item_head_right { text-align: left; } /*footer*/ .subscription { margin: 10px 0; padding: 10px; } .sub-form { margin-bottom: 10px; display: table; width: 100%; } .sub-form input[type="submit"] { max-width: 100px; padding: 5px 15px; } .sub-form input[type="text"] { width: calc(100% - 97px); } .bottom-footer .container { padding: 0; } /*listing page*/ .right-panel { padding: 10px; } .right_panel_head_right .link__filter { display: inline-block !important; } .sort-by li { display: block; margin: 3px 0; } body.filter__show .section__filter { opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .section__filter { bottom: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; overflow: auto; position: fixed; top: 0; -webkit-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 260px; z-index: 111; padding: 10px; border: none; border-radius: 0px; } /*login*/ .login-wrapper, .login-wrapper .form-side, .login-wrapper .add-side { display: block; width: auto; } .login-wrapper .add-side { padding: 12px 20px 237px; } .login-wrapper .form-side { padding: 20px; } /**/ .widgets-heading { position: relative; } .widgets-heading:after { content: "+"; position: absolute; top: 50%; font-size: 1.5em; right: 0; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 20px; height: 20px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0; border: solid 1px var(--border-color); } .widgets-heading.active:after { content: "-"; } .toggle-target { display: none; } /**/ .banner-shop img {} .abt-shops { padding: 10px; } .abt-shops .ftshops_logo { float: none; margin: 10px 0; display: block; text-align: center; } .abt-shops .ftshops_detail { margin: 0; } .shop-owner { padding: 10px; } .shop-links { text-align: left; } .shop-links li { margin: 0px; padding: 10px; display: block; } .testimonial-blocks { padding: 15px; } .testimonial-blocks .from { padding-right: 0; text-align: left; margin-bottom: 20px; } .testimonial-blocks .from .avatar { float: none; } .table { display: table; overflow-x: auto; } table.cart-tbl-addons { display: block; } .table td, .table th { /*white-space: pre-wrap;*/ } .panel--centered .box--tabled { padding: 20px; } .dropdown__target { position: fixed; top: 0; overflow-x: auto; height: 100%; } .panel__right--full { width: 100%; } .listing--items li { padding: 0 10px 0 0; width: 38%; } .scroller--items.align--right { margin: 15px 0 0; text-align: left !important; } .scroller--items { overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .listing--items li .item__link span { white-space: normal; } .section--info .section__body .box { padding: 10px; } .cols--group { padding-top: 10px; } .cols--group .box { padding: 10px; } .cols--group .box__body { padding: 10px 0 0; } .box.box--space { padding: 10px; } .media>li .grid--second { width: auto; } .dashboard-switch { background: #fff; padding: 10px 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /*border-bottom: solid 1px var(--border-color);*/ } .statistics__box { min-height: inherit; margin-bottom: 10px; } .mobile-switch { margin: 0 auto; border-radius: 2px; text-align: center; border: solid 1px var(--border-color); width: auto; display: table; } .mobile-switch a { padding: 10px; display: table-cell; vertical-align: top; width: 33%; text-align: center; text-transform: uppercase; color: var(--txt-color-light); } .mobile-switch a.is-active { background: var(--border-color); color: #000; } .dashboard { padding-top: 0; } .dashboard .breadcrumb { margin-top: 15px; } .top-space { /*padding-top: 0;*/ } .balanceinfo { float: none; margin: 0 0 15px; } .boxcontainer .box--gray { margin: 10px 0 0; padding: 20px 20px 20px 60px; } .boxcontainer .box--gray .fa { font-size: 2em; left: 20px; position: absolute; top: 20px; } .page-banner .banner-txt h1 { font-size: 2.5em; } .page-banner .banner-txt h4 { font-size: 1.5em; } .form--search-popup .field__cover { width: 100%; } .shops-detail { padding-top: 10px; } .tabs a { padding: 0 20px; } .tabs a { height: 40px; line-height: 40px; font-size: 1em; padding: 0 8px; } .tabscontent { padding: 15px 0; } .tabs--scroll { margin: 0; padding-left: 0; } .tabs--scroll ul { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; padding-right: 30px; } .tabs--scroll:after { position: absolute; right: -10px; bottom: 0; top: 0; /*  content: "";*/ width: 80px; pointer-events: none; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(72%, rgba(255, 255, 255, 0.99)), color-stop(73%, #ffffff)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); } .tabs--scroll li { float: none; display: inline-block; vertical-align: top; } .tabs--scroll li:last-child { margin-right: 30px; } .tabs--inline li { padding: 0; } .tabs--inline li a { padding: 8px 10px; } .tabs--small:before { height: 10px; bottom: -11px; } .tabs--small li:first-child a { border-radius: 0; } .tabs--offset { margin: 0; margin-bottom: 20px; } .tabs--vertical { padding: 0; margin: 0; border-bottom: 1px solid #ddd; width: 100%; } .tabs--vertical:after { display: block; clear: both; height: 0; content: ""; } .tabs--vertical:before { width: 20px; background: #f5f5f5; position: absolute; bottom: 0; top: 0; right: -21px; content: ""; border-right: 1px solid var(--border-color); } .tabs--vertical li { float: left; } .tabs--vertical a { border-right: none; border-top: none; padding: 0 15px; } .tabs--vertical a.is-active { border-right: 1px solid var(--border-color); border-bottom: none; } .tabs--vertical a.is-active:before { position: absolute; left: 0; right: 0; bottom: -2px; content: ""; height: 2px; background: #f5f5f5; display: block; } .tabs--vertical a.is-active:after { display: none; } } /*media*/ @media only screen and (max-width: 991px) { .btn-groups { margin-top: 10px; } .shop-logo { height: auto; } .test { display: none; } } /*media*/ @media only screen and (max-width: 991px){ .hide--tab { display: none !important; } .shop-bar{ /* min-height: 42px; */ } } /*media*/ @media only screen and (max-width: 767px) { body.fixed .top_bar{ margin-top: -85px; } .slick-slider{ margin-top:0px; } .catpg.cartdetail__footer { position: fixed; bottom:0px; width:100%; background:#fff; padding: 5px; } .short-detail { } .mobileuserPostalCode{ display:block; margin-left:-4px; margin-top: 1px; } .location>a { padding:  3px 10px; /* margin: 6px 0; */ display: inline-block; color: inherit; position: relative; } .location .icn { background: url(images/retina/map-pin-white.svg) no-repeat center; vertical-align: top; background-size: 16px 16px; display: inline-block; width: 16px; height: 16px; } .column { margin-bottom: 15px; } .hide--mobile { display: none !important; } .cart-is-active .dropsection { width: 100%; } .f-links h3 { position: relative; } .f-links h3:before { background: #44596B; content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 14px; } .f-links h3:after { background: #44596B; content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 50%; width: 14px; } .f-links h3.active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .f-links ul { display: none; } .panel--centered .box--tabled { padding: 10px; } .panel--centered .box {} .box--tabled .box__cell { display: block; vertical-align: top; width: 100%; padding: 0; } .box--tabled .box__cell:last-child { width: 100%; } .box--tabled .box__cell:first-child { border-right: none; /*border-bottom: solid 1px var(--border-color);*/ } .box--tabled .box__cell .listing--icons { padding: 0; } .panel__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .panel__head .panel__head_action { float: none; } .panel__head .links--inline { float: none; display: block; } .panel__head .links--inline li { padding: 0 5px 0 0; } .cols--group .col__left, .cols--group .col__right { clear: none; float: none; width: auto; } .cols--group .box__head .group--btns .btn, .group--btns .btn {} .scroll-hint { white-space: nowrap; display: block; } .table .caption--td { display: block; } .grid--onethird>li { float: none; width: auto; } .shops-detail .item-yk_rating { margin: 0; } .grids--container .cellright { border: none; margin-left: 0; padding: 10px; min-height: inherit; margin-bottom: 5px; } .grids--container .cellright {} .listing-products--list .item-yk { display: block; } .listing-products--list .item-yk-head, .listing-products--list .item-yk_body, .listing-products--list .item-yk_footer { display: block; width: auto; } .listing-products--list .item-yk .collections-ui {} .listing-products--list .item-yk .product_price { font-size: 1.1em; } .grids--profile .grid__right { margin-bottom: 10px; } .grids--profile .grid__right, .grids--profile .grid__left { float: none; width: auto; } .cg-nav-wrapper ul li { display: block; width: auto; } .short-links>ul>li { display: none; } .shop-bar { padding-left:5px; } .grids--offset { margin: 0; } .grids--offset .grid-layout { padding: 10px 0; } .grids--offset .grid-layout .info--order { text-align: left; } .product-options li { padding: 10px; margin: 10px 0; text-align: center; } .product-options li .icn { font-size: 2em; float: none; display: block; margin: 0 auto; text-align: center; } .product-options li p { font-size: 1.2em; } .auto-renew { float: none; } .g-recaptcha { -webkit-transform: scale(0.8); transform: scale(0.8); } .section-head .section_heading { font-size: 1.5em; } .fixed__panel .stick { width: auto; } /**/ .upperContent-footer p { display: none; } /**/ .group--social-onehalf .btn { padding: 0; } .group--social-onehalf .fb-color {} .tabs--offset { margin: 0; margin-bottom: 20px; } .site-map-list>ul>li { width: 49%; } .upperContent-footer ul li { display: block; width: auto; border: none; border-bottom: solid 1px var(--border-color); } .scrollbar { overflow-y: auto; } .slick-slide { height: auto; } .txt-popular { white-space: normal; } .-listing-products [class*="col-"] { float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .right_panel_head_right { float: none; text-align: left; margin: 10px 0; } .links--inline { text-align: inherit; } .promotion { margin-top: 15px; text-align: center; } .promotion img { margin: 0 auto; } .grids--colum .grid { min-height: inherit; padding: 10px; margin: 5px 0; } .form input[type="submit"].block-on-mobile, .form input[type="button"].block-on-mobile { margin-top: 5px; margin-bottom: 5px; } .cols--group .box__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .balancebox { min-height: inherit; margin-bottom: 10px; } .sort-by>ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .preview { height: auto; margin: 5px 0; } .table.table-w50 { width: 100%; } } /*media*/ @media only screen and (max-width: 576px) { .saved-search-list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } /*media end*/ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.arx-popup-fade-in{opacity:0;animation:fadeIn .1s ease-in-out}.arx-popup-fade-out{opacity:1;animation:fadeOut .25s ease-in-out}.arx-container{box-sizing:border-box;border:1px solid rgba(17,17,17,.08);border-radius:2px}.arx-toolbar-container{position:relative;z-index:4;display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13px;background-color:rgba(248,248,249,.97);border-bottom:1px solid rgba(17,17,17,.04)}.arx-source-container{display:none}.arx-editor-container{background-color:#fff}.arx-editor,.arx-editor:active,.arx-editor:focus{outline:0}.arx-editor [data-arx-type],.arx-editor a{outline:0}.arx-editor [data-arx-type=column]{outline:2px dashed rgba(78,133,222,.25)}.arx-editor [data-arx-type].arx-block-multiple-hover{outline:2px dashed #ce2d4f!important;outline-offset:0}.arx-editor [data-arx-type].arx-block-multiple-focus{outline:2px solid #ce2d4f!important;outline-offset:0}.arx-editor [data-arx-type].arx-block-focus{outline:2px solid #4e85de!important}.arx-editor [data-arx-type].arx-block-focus-offset{outline-offset:4px}.arx-editor figure img{display:block}.arx-editor [data-arx-type=embed]{position:relative}.arx-editor [data-arx-type=embed]:before{width:100%;height:100%;content:"";position:absolute;z-index:1}.arx-editor [data-arx-type=embed] iframe{display:inline-block}.arx-editor [data-arx-type=embed] figcaption{position:relative;top:0;z-index:2}.arx-editor figcaption{display:block!important;top:0}.arx-editor .arx-empty-layer{min-height:32px;display:flex;justify-content:center;align-items:center}.arx-editor .arx-empty-layer:before,.arx-editor [data-placeholder]:empty:before{content:attr(data-placeholder);display:inline-block;color:rgba(17,17,17,.4);font-weight:400;font-style:italic;font-size:13px;line-height:16px;padding:4px}.arx-editor [data-placeholder]:empty:focus:before{content:""}.arx-editor .arx-empty-layer:empty:focus:before{content:attr(data-placeholder)}.arx-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-decoration:none;background:0 0;outline:0;margin:0;padding:0;font-size:16px;line-height:1.5}.arx-button .arx-button-icon{display:inline-flex}.arx-button .arx-button-icon svg{display:inline-block}.arx-button:hover{text-decoration:none}.arx-button-hidden{display:none!important}.arx-toolbar{white-space:nowrap}.arx-button-toolbar{min-width:44px;padding-top:2px;height:40px;font-size:16px;color:rgba(17,17,17,.85);border-right:1px solid rgba(17,17,17,.05);background-color:#fff}.arx-button-toolbar svg{fill:rgba(17,17,17,.85)}.arx-button-toolbar:hover{-moz-transition:all linear .2s;transition:all linear .2s;color:rgba(17,17,17,.65);background-color:#e4e4e4}.arx-button-toolbar:hover svg{fill:rgba(17,17,17,.65)}.arx-button-toolbar.disable{cursor:default;opacity:.5;background:#fff}.arx-path{flex:1 1 auto;margin-top:-1px;overflow-x:scroll;white-space:nowrap;font-size:12px;padding-left:8px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.arx-path::-webkit-scrollbar{width:0;height:0}.arx-path a{margin:0;margin-right:8px;display:inline-flex;padding-bottom:11px;padding-left:4px;padding-right:8px;padding-top:18px;line-height:1;color:rgba(17,17,17,.65);text-decoration:none;position:relative;box-sizing:border-box}.arx-path a:after{content:'';position:absolute;background-color:rgba(17,17,17,.25);width:1px;height:14px;top:17px;right:-2px}.arx-path a:last-child:after{display:none}.arx-path a:hover{color:#4e85de;text-decoration:underline}.arx-path a.active{color:#111}.arx-path a.active:before{top:0;left:0;content:'';position:absolute;width:106%;margin-left:-3px;height:3px;background-color:rgba(78,133,222,.75)}.arx-path a.active:hover{cursor:text;color:rgba(17,17,17,.9);text-decoration:none}.arx-path a.active:first-child{color:rgba(17,17,17,.65)}.arx-path a.disable,.arx-path a.disable:hover{cursor:default;opacity:.5;color:rgba(17,17,17,.45);text-decoration:none}.arx-path a.disable:before,.arx-path a.disable:hover:before{display:none}.arx-control{position:absolute;z-index:3;padding:0;margin:0;display:flex;width:24px;line-height:1;flex-direction:column}.arx-button-control{padding-top:2px;width:24px;height:24px;font-size:12px;line-height:1;color:#fff;background-color:#4e85de;border-bottom:1px solid rgba(255,255,255,.2)}.arx-button-control:first-child{border-top-left-radius:3px}.arx-button-control:last-child{border-bottom-left-radius:3px;border-bottom-color:transparent}.arx-button-control:hover{color:#fff;background-color:#3c62a0;text-decoration:none}.arx-button-control .arx-button-icon svg{position:relative;top:-1px;fill:#fff}.arx-tooltip{position:absolute;z-index:5;margin:0;padding:2px 6px;border-radius:2px;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;color:rgba(255,255,255,.85);background-color:#111}.arx-form-button{font-size:14px;padding:.5em 1.8em;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center;font-family:inherit;font-weight:400;white-space:nowrap;cursor:pointer;border:none;background:0 0;box-shadow:none;text-transform:none;text-decoration:none;line-height:1.2;border:1px solid transparent;height:40px;border-radius:2px;color:#111;background-color:#f4f4f4}.arx-form-button:action,.arx-form-button:focus{outline:0}.arx-form-button:hover{outline:0;text-decoration:none;color:#111;background-color:#e4e4e4}.arx-form-button-primary{color:#fff;background-color:#111}.arx-form-button-primary:hover{color:#fff;background-color:#2b2d2f}.arx-form-button-secondary{color:#fff;background-color:#4e85de}.arx-form-button-secondary:hover{color:#fff;background-color:#3c62a0}.arx-form-button-danger{color:#ce2d4f;background-color:#fff;border-color:#ebabb9}.arx-form-button-danger:hover{background-color:#fff;color:#95253c;border-color:#ce2d4f}.arx-form-input{box-sizing:border-box;display:block;width:100%;font-family:inherit;vertical-align:middle;font-weight:400;outline:0;font-size:16px;line-height:1.5;color:#111;padding:.3em .4em;height:40px;border-radius:2px;border:1px solid #e2e4e4;background-color:#f8f8f9;box-shadow:none}.arx-form-input:focus{border-color:rgba(78,133,222,.65)}.arx-form-input-on-dark{color:#fff;border:1px solid #606263;background-color:#606263}.arx-form-input-on-dark::-webkit-input-placeholder,.arx-form-input-on-dark::placeholder{color:rgba(255,255,255,.4)}textarea.arx-form-input{resize:vertical;height:auto;vertical-align:top}select.arx-form-input{-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg height="10" viewBox="0 0 9 10" width="9" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(0, 0, 0, .6)" d="m3.27162899.66658308.8-.70211699 4 3.51058495-.8.70211699-3.2-2.80846796-3.2 2.80846796-.8-.70211699zm0 8.59576602-3.2-2.80846795.8-.70211699 3.2 2.80846796 3.2-2.80846796.8.70211699-4 3.51058494z" /></svg>');background-repeat:no-repeat;background-position:right .65em center;padding-right:28px}select[multiple].arx-form-input{background-image:none;height:auto}input[type=checkbox].arx-form-input,input[type=radio].arx-form-input{vertical-align:middle;position:relative;bottom:.15em;margin-right:2px;box-sizing:border-box;display:inline-block;width:auto;height:auto;box-shadow:none;padding:0}.arx-form-item+.arx-form-item{margin-top:16px}.arx-form-item-flex{display:flex}.arx-form-item-flex input{flex:auto;margin-right:3px}.arx-form label{display:block;font-size:14px;line-height:1.5;margin-bottom:4px;color:rgba(17,17,17,.65)}.arx-form label.arx-form-checkbox{text-transform:none;font-weight:400;cursor:pointer;color:inherit}.arx-form label.arx-form-checkbox span{margin-left:4px}.arx-form-section-or{margin:16px 0;text-transform:uppercase;font-weight:700;color:#111;text-align:center;font-size:12px}.arx-form-hint{font-style:normal;font-size:12px;line-height:1.5;color:rgba(17,17,17,.5)}.arx-form-checkboxes label.arx-form-checkbox{display:inline-block;margin-bottom:0}.arx-form-checkboxes label.arx-form-checkbox+label.arx-form-checkbox{margin-left:.5rem}.arx-popup-upload{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(17,17,17,.2);min-width:160px;height:160px;cursor:pointer;position:relative}.arx-popup-upload:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.arx-popup-upload.arx-upload-hover{border-color:rgba(78,133,222,.35);background-color:rgba(78,133,222,.05)}.arx-popup-upload.arx-upload-error{border-color:rgba(206,45,79,.35);background-color:rgba(206,45,79,.05)}.arx-popup-upload-placeholder{color:rgba(17,17,17,.5);font-size:14px;line-height:1.35;padding:0 8px;text-align:center}.arx-popup-container{position:absolute;z-index:100;margin:0;padding:0}.arx-popup{margin:0;padding:0;overflow:auto;min-width:230px;max-width:230px;box-sizing:border-box;background-color:#fff;border-radius:2px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 20px 60px rgba(17,17,17,.25)}.arx-popup-dark{background-color:#2b2d2f;box-shadow:0 20px 30px rgba(17,17,17,.5)}.arx-popup-hide{display:none!important}.arx-popup-header{font-size:16px;font-weight:700;margin-bottom:16px}.arx-popup-footer{margin-top:20px}.arx-popup-footer button+button{margin-left:8px}.arx-popup-aform{padding:20px}.arx-popup-body-alist{padding-top:8px;padding-bottom:12px}.arx-popup-alist .arx-popup-header{padding:12px;padding-top:16px;padding-bottom:2px;margin:0}.arx-popup-body-alist>.arx-button-popup,.arx-popup-buttons-list .arx-button-popup{font-size:14px;display:block;cursor:pointer;padding:6px 16px;padding-left:13px;color:#111}.arx-popup-body-alist>.arx-button-popup.active,.arx-popup-buttons-list .arx-button-popup.active{background-color:#f4f4f4}.arx-popup-body-alist>.arx-button-popup:hover,.arx-popup-buttons-list .arx-button-popup:hover{background-color:#e4e4e4}.arx-popup-buttons-list .arx-button-title{display:block;min-height:20px}.arx-button-bottom-divider,.arx-button-top-divider{position:relative}.arx-button-bottom-divider:before,.arx-button-top-divider:before{content:'';position:absolute;left:0;height:1px;width:100%;background-color:rgba(17,17,17,.07)}.arx-button-top-divider{margin-top:8px}.arx-button-top-divider:before{top:-4px}.arx-button-bottom-divider{margin-bottom:8px}.arx-button-bottom-divider:before{bottom:-4px}.arx-button+.arx-popup-tool,.arx-popup-tool+.arx-button,.arx-popup-tool+.arx-popup-tool{margin-top:8px}.arx-popup-buttons-group-title{font-size:11px;font-weight:700;text-transform:uppercase;color:rgba(0,0,0,.4);padding:2px 12px 4px}.arx-popup-buttons-group{border:1px solid rgba(17,17,17,.1);border-radius:2px;display:flex;margin:0 12px;margin-bottom:6px;padding:0}.arx-popup-buttons-group .arx-button{color:#111;flex:1;display:inline-flex;padding:0;padding-top:2px;font-size:16px;min-height:32px;margin:0;border-radius:0;border:none}.arx-popup-buttons-group .arx-button:hover{background-color:#e4e4e4}.arx-popup-buttons-group .arx-button.active{cursor:default;background-color:#f4f4f4}@font-face{font-family:ArticleEditor;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkwAAAC8AAAAYGNtYXAXVtK0AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZlXLgwIAAAF4AAAZSGhlYWQVNLXjAAAawAAAADZoaGVhB8ID8wAAGvgAAAAkaG10eL4ADiUAABscAAAAyGxvY2Gb0pV8AAAb5AAAAGZtYXhwADsAbAAAHEwAAAAgbmFtZZHHdKcAABxsAAABnnBvc3QAAwAAAAAeDAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpLQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6S3//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAADwQAA3EAFgAtADsAABMXFhQHBiIvAS4BNyY2PwE2MhcWFA8BIScmNDc2Mh8BHgEHFgYPAQYiJyY0PwEDHgEHAw4BJy4BNxM+AZWNExMSNRO1CwkBAQkLtRM1EhMTjQLWjRMTEjUTtQsJAQEJC7UTNRITE433GhoHxwYuGhoaB8cGLgHFjRM1EhMTtQobDQ4bCrUTExI2Eo6OEjYSExO1ChsODRsKtRMTEjUTjQGsBy4a/RsaGwcHLhoC5RobAAAAAwDAAAADQAOAAA8AHwAjAAABITIWFREUBiMhIiY1ETQ2EyEyFhURFAYjISImNRE0NhcVITUBAAIAGyUlG/4AGyUlGwIAGyUlG/4AGyUlWwGAA4AlG/8AGyUlGwEAGyX+ACUb/wAbJSUbAQAbJYCAgAAAAAABAIAAQAOAA0AAHwAAASEyFhUUBiMhERQGIyImNREhIiY1NDYzIRE0NjMyFhUCQAEAGyUlG/8AJRsbJf8AGyUlGwEAJRsbJQIAJRsbJf8AGyUlGwEAJRsbJQEAGyUlGwADAEAAgAPAAwAADwAfAC8AABMhMhYdARQGIyEiJj0BNDYTITIWHQEUBiMhIiY9ATQ2AyEyFh0BFAYjISImPQE0NvACIBQcHBT94BQcHBQCIBQcHBT94BQcHGwDIBQcHBT84BQcHAMAHBQgFBwcFCAUHP4AHBQgFBwcFCAUHAEAHBQgFBwcFCAUHAAAAAMAQACAA8ADAAAPAB8ALwAAEyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDYTITIWHQEUBiMhIiY9ATQ2cAMgFBwcFPzgFBwcFAMgFBwcFPzgFBwcFAMgFBwcFPzgFBwcAwAcFCAUHBwUIBQc/gAcFCAUHBwUIBQcAQAcFCAUHBwUIBQcAAAAAwBAAIADwAMAAA8AHwAvAAATITIWHQEUBiMhIiY9ATQ2EyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDZwAiAUHBwU/eAUHBwUAiAUHBwU/eAUHBwUAyAUHBwU/OAUHBwDABwUIBQcHBQgFBz+ABwUIBQcHBQgFBwBABwUIBQcHBQgFBwAAAADAEAAgAPAAwAADwAfAC8AAAEhMhYdARQGIyEiJj0BNDYTITIWHQEUBiMhIiY9ATQ2AyEyFh0BFAYjISImPQE0NgFwAiAUHBwU/eAUHBwUAiAUHBwU/eAUHBzsAyAUHBwU/OAUHBwDABwUIBQcHBQgFBz+ABwUIBQcHBQgFBwBABwUIBQcHBQgFBwAAAQAQABAA8ADQAAPABMAIQAvAAABITIWFREUBiMhIiY1ETQ2FxEzEQUhMhYVFAYjISImNTQ2NzIWFREUBiMiJjURNDYCQAFAGyUlG/7AGyUlW8D9QAEAGyUlG/8AGyUlmxslJRsbJSUDQCUb/YAbJSUbAoAbJYD+AAIAwCUbGyUlGxslgCUb/wAbJSUbAQAbJQAAAAAEAEAAQAPAA0AADwATACEALwAAEyEyFhURFAYjISImNRE0NhcRMxEFITIWFRQGIyEiJjU0NjcyFhURFAYjIiY1ETQ2gAFAGyUlG/7AGyUlW8ABAAEAGyUlG/8AGyUlmxslJRsbJSUDQCUb/YAbJSUbAoAbJYD+AAIAwCUbGyUlGxslgCUb/wAbJSUbAQAbJQADAEAAAAPAA4AAGwA3AFMAABM+ATMyFhchMhYVFAYjIQ4BIyImJyMiJjU0NjMTPgEzMhYXITIWFRQGIyEOASMiJicjIiY1NDYzAT4BMzIWFzMyFhUUBisBDgEjIiYnISImNTQ2M9EROiQkOhEB0RslJRv+LxE6JCQ6EVEbJSUbURE6JCQ6EQHRGyUlG/4vETokJDoRURslJRsB0RE6JCQ6EVEbJSUbURE6JCQ6Ef4vGyUlGwNAHSMjHSUbGyUdIyMdJRsbJf2AHSMjHSUbGyUdIyMdJRsbJQFAHSMjHSUbGyUdIyMdJRsbJQAAAAMAQAAAA8ADgAAZACIAJgAAASEyFhURFAYjISImNREhIiY1ETQ2MyEyFhUDNSERMzU0NjMXESERAoABGBEXFxH+EBEX/ugRFxcRAfARF4D+wMAXEVgBQAJAFxH+EBEXFxEBGBcRAfARFxcR/ujA/sBYEReA/sABQAAAAAACAIAAAAOAA1IAFwAlAAAJAQ4BDwEGJic8ATU3NDY3ATYyHwEWFAcBITIWFRQGIyEiJjU0NgMy/ooJFwyLHCgBAwoJAXoTNxOFExP9jgKAGyUlG/2AGyUlAnD+igkKAQUBJRsCAgGHDBgJAXkTE4UTNxP+ECUbGyUlGxslAAAAAAQAQAAAA8ADgAANABsAMgBJAAATITIWFRQGIyEiJjU0NhMhMhYVFAYjISImNTQ2ExcWFAcGIi8BLgE3JjY/ATYyFxYUDwEhBwYUFxYyPwE+ASc2Ji8BJiIHBhQfAYADABslJRv9ABslJRsDABslJRv9ABslJXCNExMSNRO1CwkBAQkLtRM1EhMTjQJLjRMTEjYStQsJAQEJC7USNhITE40DgCUbGyUlGxsl/QAlGxslJRsbJQFFjRM1EhMTtQobDQ4bCrUTExI2Eo6NEzUSExO1ChsNDhsKtRMTEjYSjgAAAQCAAEADQANAACcAAAEyNjMhMhYVFAYrAREUBiMiJjURIxEUBiMiJjURDgEjIiY1NDYzMhYBNAMGAwHAGyUlG0AlGxslgCUbGyUIEAhCXl5CBQoDPwElGxsl/cAbJSUbAkD9wBslJRsBgwECXkJCXgEAAAAEAEAAAAPAA4AADwATABcAGwAAEyEyFhURFAYjISImNRE0NhcRMxEzETMRMxEzEYADABslJRv9ABslJVuAgICAgAOAJRv9ABslJRsDABslgP2AAoD9gAKA/YACgAAAAAADAAAADwQAA3EAFgAtADsAABMXFhQHBiIvAS4BNyY2PwE2MhcWFA8BIScmNDc2Mh8BHgEHFgYPAQYiJyY0PwEDHgEHAw4BJy4BNxM+AZWNExMSNRO1CwkBAQkLtRM1EhMTjQLWjRMTEjUTtQsJAQEJC7UTNRITE433GhoHxwYuGhoaB8cGLgHFjRM1EhMTtQobDQ4bCrUTExI2Eo6OEjYSExO1ChsODRsKtRMTEjUTjQGsBy4a/RsaGwcHLhoC5RobAAAAAwAAAAAEAAOAAA8AGwAkAAATIgYVERQWMyEyNjURNCYjASImNTQ2MzIWFRQGAzcXHgE3GwEhgDVLSzUDADVLSzX9oCg4OCgoODjIv4AOCQzivP0AA4BLNf2ANUtLNQKANUv+gDgoKDg4KCg4/oDxhQoDDQEU/oAABABAAIADwAMAAAIAEgAiADIAAAEFERMhMhYdARQGIyEiJj0BNDYBITIWHQEUBiMhIiY9ATQ2EyEyFh0BFAYjISImPQE0NgGA/sAwAyAUHBwU/OAUHBwBlAGgFBwcFP5gFBwcFAGgFBwcFP5gFBwcAUDAAYABABwUIBQcHBQgFBz+ABwUIBQcHBQgFBwBABwUIBQcHBQgFBwAAAAAAgAAAEAEAANAAA8AEwAAEyEyFhURFAYjISImNRE0NhcRIRGAAwA1S0s1/QA1S0s1AwADQEs1/gA1S0s1AgA1S4D+AAIAAAAAAQBAAYADwAIAAA8AABMhMhYdARQGIyEiJj0BNDZwAyAUHBwU/OAUHBwCABwUIBQcHBQgFBwAAAAEAEAAAAPAA4AADwAfACMAMQAAASEyFhUxFAYjISImNTE0NgMhMhYVERQGIyEiJjURNDYXFSE1ASEyFhUUBiMhIiY1NDYBgAIAGyUlG/4AGyUl5QKAGyUlG/2AGyUlWwIA/sACABslJRv+ABslJQOAJRsbJSUbGyX/ACUb/wAbJSUbAQAbJYCAgP6AJRsbJSUbGyUABABAAAADwAOAAA8AHwAjADEAABMhMhYVMRQGIyEiJjUxNDYTITIWFREUBiMhIiY1ETQ2FxUhNQEhMhYVFAYjISImNTQ2gAIAGyUlG/4AGyUlmwKAGyUlG/2AGyUlWwIA/UACABslJRv+ABslJQOAJRsbJSUbGyX/ACUb/wAbJSUbAQAbJYCAgP6AJRsbJSUbGyUAAAQAQACAA8ADAAAPAB8ALwAyAAATITIWHQEUBiMhIiY9ATQ2EyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDYFJRFwAyAUHBwU/OAUHBwUAaAUHBwU/mAUHBwUAaAUHBwU/mAUHBwCJAFAAwAcFCAUHBwUIBQc/gAcFCAUHBwUIBQcAQAcFCAUHBwUIBQcwMD+gAAABABAAAADwAOAAA8AHwAjADEAAAEhMhYVMRQGIyEiJjUxNDYDITIWFREUBiMhIiY1ETQ2FxUhNQEhMhYVFAYjISImNTQ2AQACABslJRv+ABslJWUDABslJRv9ABslJVsCgP3AAgAbJSUb/gAbJSUDgCUbGyUlGxsl/wAlG/8AGyUlGwEAGyWAgID+gCUbGyUlGxslAAQAQAAAA8ADgAAPAB8AIwAxAAABITIWFTEUBiMhIiY1MTQ2AyEyFhURFAYjISImNRE0NhcVITUBITIWFRQGIyEiJjU0NgGAAgAbJSUb/gAbJSXlAwAbJSUb/QAbJSVbAoD+QAIAGyUlG/4AGyUlA4AlGxslJRsbJf8AJRv/ABslJRsBABslgICA/oAlGxslJRsbJQAEAEAAAAPAA4AADwAfACMAMQAAEyEyFhUxFAYjISImNTE0NhMhMhYVERQGIyEiJjURNDYXFSE1ASEyFhUUBiMhIiY1NDaAAwAbJSUb/QAbJSUbAwAbJSUb/QAbJSVbAoD9QAMAGyUlG/0AGyUlA4AlGxslJRsbJf8AJRv/ABslJRsBABslgICA/oAlGxslJRsbJQAABABAAAADwAOAAA8AHwAjADEAABMhMhYVMRQGIyEiJjUxNDYTITIWFREUBiMhIiY1ETQ2FxUhNQEhMhYVFAYjISImNTQ2gAIAGyUlG/4AGyUlGwMAGyUlG/0AGyUlWwKA/UACABslJRv+ABslJQOAJRsbJSUbGyX/ACUb/wAbJSUbAQAbJYCAgP6AJRsbJSUbGyUAAAIAwACAA0ADAAAZADMAACUTIyImPQE0NjsBMhYdAQMOASsBIiY1NDY3IRMjIiY9ATQ2OwEyFh0BAw4BKwEiJjU0NjcCVlAmGyUlG4AbJVkGIhUdGCIBAv6AUCYbJSUbgBslWQYiFR0YIgECygETJhqjGyUlG+P+0RQaIhgECAQBEyYaoxslJRvj/tEUGiIYBAgEAAABAIAAQAN7AzoAMwAAASMiBw4BBwYdARQWMxUiJy4BJyY9ATQ3PgE3NjsBNTQ2Nz4BHwEeARcWBg8BDgEjIiY9AQKq3S4pKDwSEWFFOTMySxYWGhpbPD1F3QMDBxYKngICAgcECZ4ECQQMEAJuEhE9KSguOEVicBYWTDIzOjhFPT1bGhpHBQgECQMHdwEDAQoWB3YDAxAMNwAAAAADAEAAQAPAA0AADwATACEAABMhMhYVERQGIyEiJjURNDYXETMRBSEyFhUUBiMhIiY1NDaAAUAbJSUb/sAbJSVbwAEAAQAbJSUb/wAbJSUDQCUb/YAbJSUbAoAbJYD+AAIAwCUbGyUlGxslAAACAMAAgANAA4AADwAfAAABITIWFREUBiMhIiY1ETQ2EyEyFhUxFAYjISImNTE0NgEAAgAbJSUb/gAbJSWbAQAbJSUb/wAbJSUDgCUb/wAbJSUbAQAbJf2AJRsbJSUbGyUAAAAAAwBAAIADwAOAAA8AEwAhAAATITIWFREUBiMhIiY1ETQ2FxUhNQEhMhYVFAYjISImNTQ2gAMAGyUlG/0AGyUlWwKA/kABABslJRv/ABslJQOAJRv+wBslJRsBQBslgMDA/gAlGxslJRsbJQAABABAAAADwAOAAA8AEwAhAC8AABMhMhYVERQGIyEiJjURNDYXFSE1ASEyFhUUBiMhIiY1NDY3MhYVERQGIyImNRE0NoADABslJRv9ABslJVsCgP5AAQAbJSUb/wAbJSWbGyUlGxslJQOAJRv+wBslJRsBQBslgMDA/gAlGxslJRsbJYAlG/8AGyUlGwEAGyUABABAAAADwAOAAA8AEwAhAC8AABMhMhYVERQGIyEiJjURNDYXFSE1ASEyFhUUBiMhIiY1NDY3MhYVERQGIyImNRE0NoADABslJRv9ABslJVsCgP5AAQAbJSUb/wAbJSWbGyUlGxslJQHAJRv+wBslJRsBQBslgMDAAcAlGxslJRsbJYAlG/8AGyUlGwEAGyUACAAAAGAEAAMgABcAIQAtADkARQBRAF0AaQAAEyEyFhURFAcOAQcGIyEiJy4BJyY1ETQ2FxEUFjMhMjY1EQUyFhUUBiMiJjU0NjMyFhUUBiMiJjU0NjMyFhUUBiMiJjU0NhcyFhUUBiMiJjU0NiMyFhUUBiMiJjU0NiMyFhUUBiMiJjU0NoADADVLFBRGLi81/gA1Ly5GFBRLNUs1AgA1S/3AGyUlGxslJdsbJSUbGyUl2xslJRsbJSUbGyUlGxslJaUbJSUbGyUlpRslJRsbJSUDIEs1/sA1Ly5GFBQUFEYuLzUBQDVLgP7ANUtLNQFAQCUbGyUlGxslJRsbJSUbGyUlGxslJRsbJcAlGxslJRsbJSUbGyUlGxslJRsbJSUbGyUAAAUAQAAAA8ADgAAPABMAIwAzAEMAABMhMhYVERQGIyEiJjURNDYXESERBSEyFhUxFAYjISImNTE0NhchMhYVMRQGIyEiJjUxNDYXITIWFTEUBiMhIiY1MTQ2gAMAGyUlG/0AGyUlWwKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJQOAJRv9ABslJRsDABslgP2AAoBAJRsbJSUbGyXAJRsbJSUbGyXAJRsbJSUbGyUAAQBAAAADwAOAABEAAAEGBw4BBwYrAQMjNjc2Ejc2MwPAVkJCczY2P6ioOCpMTN+Uk7gDgEVpacRHRv7ofpycARFcXQAHAAAAAAQAA4AAEAAUABgAHAAgACQAKAAAEyEyFhURFAYjISImNRE0NjMBFSE1ARUhNQEVITUBFSE1ARUhNQEVITVJA24eKyse/JIeKyseAfcBQP7AAUD+wAFA/QABQP7AAUD+wAFAA4ArHv0SHisrHgLuHiv+gICA/wCAgAIAgID/AICA/wCAgAIAgIAAAAADAEAAAAPAA4AABwAXABsAAAEjNSEVIREjAyEyFhURFAYjISImNRE0NhcRIREBQIACgP6AgKACwCg4OCj9QCg4OEgCgAIAgID+gAMAOCj9QCg4OCgCwCg4gP2AAoAAAAACAIAAQAOAA0AADQAXAAATITIWFRQGIyEiJjU0NgUzERQGIzEiJjXAAoAbJSUb/YAbJSUBG4AlGxslA0AlGxslJRsbJYD9wBslJRsABQBgAAADoAOAABgAHQAsAD0ATgAAATU0NjsBMhYdATMyFhUUBiMhIiY1NDY7ATsBNSMVBxMhEzMDDgEjISImJwMzITMyFhURFAYrASImNRE0NjMjMzIWFREUBisBIiY1ETQ2MwF1KR2KHSnqEhkZEv0WEhkZEupGioqLFwFyF2gfASoc/lwcKgEfaAEWDA8VFQ8MDxQUD4oMDhUVDgwPFRUPAtVWIzIyI1YZERIZGRIRGVZWef4AAgD95xwnJxwCGRQP/pwOFRUOAWQPFBQP/pwOFRUOAWQPFAAAAAEAhQBAA4ADOgAzAAABMzIXHgEXFh0BFAYjFTI3PgE3Nj0BNCcuAScmKwE1NCYnLgEPAQ4BBwYWHwEeATMyNj0BAVbdLikoPBIRYUU5MzJLFhYaGls8PUXdAwMHFgqeAgICBwQJngQJBAwQAm4SET0pKC44RWJwFhZMMjM6OEU9PVsaGkcFCAQJAwd3AQMBChYHdgMDEAw3AAAAAAMAQP/AA8ADwAAPABMAIQAAASEyFhURFAYjISImNRE0NhcRMxEBITIWFRQGIyEiJjU0NgFwASAUHBwU/uAUHBxkgP5AAwAbJSUb/QAbJSUDwBwU/SAUHBwUAuAUHID9wAJA/QAlGxslJRsbJQAAAAAEAED/wAPAA8AADwATACEALwAAASEyFhURFAYjISImNRE0NhcRMxEBMzIWFRQGKwEiJjU0NiEzMhYVFAYrASImNTQ2AXABIBQcHBT+4BQcHGSA/kDAGyUlG8AbJSUCW8AbJSUbwBslJQPAHBT8YBQcHBQDoBQcgP0AAwD+wCUbGyUlGxslJRsbJSUbGyUAAAACAUD/wALAA8AADwATAAABITIWFREUBiMhIiY1ETQ2FxEzEQFwASAUHBwU/uAUHBxkgAPAHBT8YBQcHBQDoBQcgP0AAwAAAAADAED/wAPAA8AADwATACEAAAEhMhYVERQGIyEiJjURNDYXETMRASEyFhUUBiMhIiY1NDYBcAEgFBwcFP7gFBwcZID+QAMAGyUlG/0AGyUlAwAcFP0gFBwcFALgFByA/cACQAFAJRsbJSUbGyUAAAAAAQAAAAEAADQu9s1fDzz1AAsEAAAAAADZCrizAAAAANkKuLMAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAMgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAwAQAAIAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAIAEAABABAAAgAQAAEAEAAAABAAAAAQAAEAEAAAABAAAQAQAAEAEAABABAAAQAQAAEAEAABABAAAQAQAAEAEAADABAAAgAQAAEAEAADABAAAQAQAAEAEAABABAAAAAQAAEAEAABABAAAAAQAAEAEAACABAAAYAQAAIUEAABABAAAQAQAAUAEAABAAAAAAAAKABQAHgCAALoA6gEwAXYBvAICAkwClAMKA0gDiAP4BDIEYgTEBQAFTgVyBY4F2AYiBm4GuAcCB0wHlgfgCC4IZAiWCMwJFAlcCe4KTApuCrYK5gsMC3oLyAwADEgMbAykAAAAAQAAADIAagAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvFJlZGFjdG9yWABSAGUAZABhAGMAdABvAHIAWFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yWABSAGUAZABhAGMAdABvAHIAWFJlZGFjdG9yWABSAGUAZABhAGMAdABvAHIAWFJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yWABSAGUAZABhAGMAdABvAHIAWEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");font-weight:400;font-style:normal}[class*=" arx-icon-"],[class^=arx-icon-]{font-family:ArticleEditor!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arx-icon-code:before{content:"\e900"}.arx-icon-add-head:before{content:"\e901"}.arx-icon-add:before{content:"\e902"}.arx-icon-align-center:before{content:"\e903"}.arx-icon-align-justify:before{content:"\e904"}.arx-icon-align-left:before{content:"\e905"}.arx-icon-align-right:before{content:"\e906"}.arx-icon-column-after:before{content:"\e907"}.arx-icon-column-before:before{content:"\e908"}.arx-icon-config:before{content:"\e909"}.arx-icon-duplicate:before{content:"\e90a"}.arx-icon-edit:before{content:"\e90b"}.arx-icon-embed:before{content:"\e90c"}.arx-icon-format:before{content:"\e90d"}.arx-icon-grid:before{content:"\e90e"}.arx-icon-html:before{content:"\e90f"}.arx-icon-image:before{content:"\e910"}.arx-icon-indent:before{content:"\e911"}.arx-icon-layer:before{content:"\e912"}.arx-icon-line:before{content:"\e913"}.arx-icon-offset-left:before{content:"\e914"}.arx-icon-offset-right:before{content:"\e915"}.arx-icon-outdent:before{content:"\e916"}.arx-icon-outset-both:before{content:"\e917"}.arx-icon-outset-left:before{content:"\e918"}.arx-icon-outset-none:before{content:"\e919"}.arx-icon-outset-right:before{content:"\e91a"}.arx-icon-quote:before{content:"\e91b"}.arx-icon-redo:before{content:"\e91c"}.arx-icon-remove-column:before{content:"\e91d"}.arx-icon-remove-head:before{content:"\e91e"}.arx-icon-remove-row:before{content:"\e91f"}.arx-icon-row-above:before{content:"\e920"}.arx-icon-row-below:before{content:"\e921"}.arx-icon-shortcuts:before{content:"\e922"}.arx-icon-snippet:before{content:"\e923"}.arx-icon-style:before{content:"\e924"}.arx-icon-table:before{content:"\e925"}.arx-icon-templates:before{content:"\e926"}.arx-icon-text:before{content:"\e927"}.arx-icon-trash:before{content:"\e928"}.arx-icon-undo:before{content:"\e929"}.arx-icon-valign-bottom:before{content:"\e92a"}.arx-icon-valign-middle:before{content:"\e92b"}.arx-icon-valign-none:before{content:"\e92c"}.arx-icon-valign-top:before{content:"\e92d"}.arx-source,.arx-source:focus,.arx-source:hover{text-align:left;box-sizing:border-box;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;width:100%;display:block;margin:0;border:none;box-shadow:none;border-radius:0;background:#2b2d2f;color:rgba(255,255,255,.8);font-size:15px;outline:0;padding:10px 18px 20px 18px;line-height:1.5;min-height:60px;resize:vertical}.arx-statusbar{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;margin:0;padding:8px 10px;position:relative;overflow:hidden;list-style:none;background:#f8f8f9;box-sizing:border-box;border:none}.arx-statusbar li{float:left;font-size:12px;color:rgba(17,17,17,.5);padding:0 10px;margin:0;line-height:16px;border-right:1px solid rgba(17,17,17,.1)}.arx-statusbar li:last-child{border-right-color:transparent}.arx-statusbar a{color:rgba(17,17,17,.5);text-decoration:underline}.arx-statusbar a:hover{color:#ce2d4f;text-decoration:underline}.arx-statusbar:empty{display:none}.arx-top-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.arx-voice-label{display:none}.arx-grid-overlay{position:relative}.arx-grid-overlay::before{position:absolute;top:0;right:0;bottom:0;left:0;margin-right:auto;margin-left:auto;width:calc(100% - (2 * 0px));max-width:none;content:'';background-image:repeating-linear-gradient(to right,rgba(78,133,222,.04),rgba(78,133,222,.04) calc((100% / var(--arx-grid-columns)) - var(--arx-grid-gutter)),transparent calc((100% / var(--arx-grid-columns)) - var(--arx-grid-gutter)),transparent calc(100% / var(--arx-grid-columns)));background-size:calc(100% + var(--arx-grid-gutter)) 100%;background-position:0;z-index:2;pointer-events:none}@media only screen and (max-width:767px){.arx-grid-overlay::before{display:none}}.arx-plus-button,.arx-plus-button:empty{display:block;border:2px solid #4e85de;font-size:12px;height:28px;width:28px;border-radius:999px;position:relative;cursor:pointer}.arx-plus-button:after,.arx-plus-button:before,.arx-plus-button:empty:after,.arx-plus-button:empty:before{content:"";display:block;background-color:#4e85de;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arx-plus-button:before,.arx-plus-button:empty:before{height:1em;width:2px}.arx-plus-button:after,.arx-plus-button:empty:after{height:2px;width:1em}.arx-plus-button:empty:hover,.arx-plus-button:hover{border-color:#3c62a0}.arx-plus-button:empty:hover:after,.arx-plus-button:empty:hover:before,.arx-plus-button:hover:after,.arx-plus-button:hover:before{background-color:#3c62a0}.arx-handle{cursor:move}.arx-editor [data-arx-type].arx-active{outline:3px dashed #f5e027!important;outline-offset:0!important;position:relative;max-height:40px;overflow:hidden;padding:0}.arx-editor [data-arx-type].arx-active:before{width:100%;height:100%;content:"";background-color:#fffcba;position:absolute;z-index:1}.arx-editor .arx-dragging{opacity:.95;background-color:#fff;box-shadow:0 15px 30px rgba(17,17,17,.3)}.arx-editor .arx-dragging [data-arx-type]{margin:0}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.article-editor-progress{position:fixed;top:0;left:0;z-index:11000;width:100%;background-color:rgba(17,17,17,.2)}.article-editor-progress span{animation:progress-bar-stripes 2s linear infinite;content:'';display:block;min-height:8px;width:100%;height:100%;background-color:#4e85de;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:40px 40px}.arx-popup-addbar{padding:8px}.arx-popup-body-addbar{display:flex;flex-wrap:wrap}.arx-popup-body-addbar .arx-button-popup{font-size:16px;width:80px;height:90px;color:rgba(17,17,17,.95);text-align:center;text-decoration:none;display:flex;flex-direction:column}.arx-popup-body-addbar .arx-button-popup:hover{color:rgba(17,17,17,.95);background-color:#e4e4e4}.arx-popup-body-addbar .arx-button-icon svg{width:16px;height:16px}.arx-popup-body-addbar .arx-button-title{margin-top:12px;color:rgba(17,17,17,.5);text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.04em}.arx-popup-body-shortcuts{padding-bottom:8px}.arx-popup-body-shortcuts div{display:flex;padding:8px 12px;border-bottom:1px solid rgba(17,17,17,.08)}.arx-popup-body-shortcuts div:last-child{border-bottom-color:transparent}.arx-popup-body-shortcuts .arx-shortcut-title{font-size:14px;line-height:20px;color:#111;margin-right:12px}.arx-popup-body-shortcuts .arx-shortcut-kbd{white-space:nowrap;line-height:20px;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;padding:0;display:inline-block;color:rgba(17,17,17,.65);margin-left:auto;text-align:right}.arx-popup-body-shortcuts .arx-shortcut-kbd span{color:rgba(17,17,17,.85);display:inline-block;border-radius:2px;padding-left:3px;padding-right:3px;background-color:#f0f0f0}.arx-popup-body-shortcuts .arx-shortcut-kbd b{font-weight:400;font-size:18px;display:inline-block;line-height:12px;position:relative;top:3px}.arx-popup-grid{padding:12px}.arx-popup-grid .arx-popup-header{padding-top:8px;padding-left:12px;margin-bottom:6px}.arx-popup-body-grid .arx-button-popup{border:1px solid transparent;padding:12px}.arx-popup-body-grid .arx-button-popup:hover{background-color:rgba(78,133,222,.04);border-color:rgba(78,133,222,.3)}.arx-popup-s-grid{width:72px;display:flex}.arx-popup-s-column{box-sizing:border-box;background-color:rgba(78,133,222,.05);border:2px dashed rgba(78,133,222,.4);height:28px}.arx-popup-s-column+.arx-popup-s-column{margin-left:4px}.arx-popup-image{padding:20px}.arx-popup-image .arx-form-section-or{color:rgba(255,255,255,.75)}.arx-popup-image .arx-popup-upload-placeholder{color:rgba(255,255,255,.5)}.arx-popup-image .arx-popup-upload{border-color:rgba(255,255,255,.2)}.arx-popup-images-box{display:flex;flex-wrap:wrap;margin-top:12px}.arx-popup-images-box img{max-width:100px;max-height:100px;cursor:pointer;margin-bottom:8px;margin-right:8px}.arx-popup-images-box img:hover{outline:3px solid #4e85de}.arx-popup-image-config .form-item-image-upload{display:flex;margin-bottom:16px}.arx-popup-image-config .form-item-image{margin-right:8px}.arx-popup-image-config .form-item-image img{max-height:160px;width:auto}.arx-popup-template{padding:20px;padding-bottom:0}.arx-popup-body-template{display:flex;flex-wrap:wrap}.arx-template-preview-container{box-sizing:border-box;margin-right:10px;margin-bottom:20px}.arx-template-preview-name{box-sizing:border-box;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:rgba(17,17,17,.75);margin-top:8px;padding-right:10px;text-align:center}.arx-template-preview{box-sizing:border-box;overflow:hidden;transform:scale(.25);transform-origin:top left;margin-right:-300px;margin-bottom:-378px;padding:40px;width:400px;height:500px;border:16px solid #e2e4e4;cursor:pointer;position:relative}.arx-template-preview:before{left:0;top:0;width:100%;height:100%;content:"";position:absolute;z-index:1}.arx-template-preview:hover{border-color:#4e85de}.arx-template-preview div:empty,.arx-template-preview h1:empty,.arx-template-preview h2:empty,.arx-template-preview h3:empty,.arx-template-preview h4:empty,.arx-template-preview h5:empty,.arx-template-preview h6:empty,.arx-template-preview p:empty{background-color:rgba(78,133,222,.1);min-height:1.5em}.arx-popup-snippet{padding:20px;padding-bottom:0}.arx-popup-body-snippet{display:flex;flex-wrap:wrap}.arx-snippet-preview-container{margin-right:10px;margin-bottom:20px;box-sizing:border-box}.arx-snippet-preview-name{box-sizing:border-box;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:rgba(17,17,17,.75);margin-top:8px}.arx-snippet-preview{box-sizing:border-box;overflow:hidden;transform:scale(.33);transform-origin:top left;margin-right:-400px;margin-bottom:-136px;padding:20px;width:600px;height:200px;border:4px solid #e2e4e4;cursor:pointer;position:relative}.arx-snippet-preview:before{left:0;top:0;width:100%;height:100%;content:"";position:absolute;z-index:1}.arx-snippet-preview:hover{border-color:#4e85de}.arx-snippet-preview div:empty,.arx-snippet-preview h1:empty,.arx-snippet-preview h2:empty,.arx-snippet-preview h3:empty,.arx-snippet-preview h4:empty,.arx-snippet-preview h5:empty,.arx-snippet-preview h6:empty,.arx-snippet-preview p:empty{background-color:rgba(78,133,222,.1);min-height:1.5em}.arx-reset *{box-sizing:border-box;background:0 0;border:0;font-size:100%;line-height:1;margin:0;padding:0;vertical-align:baseline}.arx-reset blockquote:empty,.arx-reset figcaption:empty,.arx-reset h1:empty,.arx-reset h2:empty,.arx-reset h3:empty,.arx-reset h4:empty,.arx-reset h5:empty,.arx-reset h6:empty,.arx-reset li:empty,.arx-reset p:empty{min-height:1.5em}.arx-reset b:empty,.arx-reset em:empty,.arx-reset i:empty,.arx-reset ins:empty,.arx-reset span:empty,.arx-reset strong:empty,.arx-reset sub:empty,.arx-reset sup:empty,.arx-reset u:empty{display:inline-block;min-width:1px;min-height:1em}.arx-reset table{empty-cells:show}.arx-reset embed,.arx-reset img,.arx-reset object{max-width:100%;height:auto}.arx-reset figure{display:block;max-width:100%}.arx-reset figcaption{font-size:80%;text-align:left}.arx-content{padding-left:26px;padding-right:26px;padding-top:26px;padding-bottom:26px;background-color:#fff}.arx-content address,.arx-content article,.arx-content aside,.arx-content blockquote,.arx-content div,.arx-content figcaption,.arx-content figure,.arx-content footer,.arx-content h1,.arx-content h2,.arx-content h3,.arx-content h4,.arx-content h5,.arx-content h6,.arx-content header,.arx-content li,.arx-content main,.arx-content ol,.arx-content p,.arx-content pre,.arx-content section,.arx-content table,.arx-content tbody,.arx-content td,.arx-content tfoot,.arx-content th,.arx-content thead,.arx-content tr,.arx-content ul{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.618;color:#222}.arx-content h1,.arx-content h2,.arx-content h3,.arx-content h4,.arx-content h5,.arx-content h6{color:#111}.arx-content code{background-color:#f0f0f0;color:rgba(34,34,34,.85)}.arx-content figcaption{color:rgba(34,34,34,.75)}.arx-content kbd{color:#222}.arx-content pre,.arx-content pre code{background-color:#fff;border:1px solid rgba(17,17,17,.07);color:rgba(17,17,17,.8)}.arx-content mark{background:#ff0}.arx-content blockquote p{color:rgba(17,17,17,.8)}.arx-content blockquote cite{color:rgba(17,17,17,.5)}.arx-content a,.arx-content a:active,.arx-content a:hover,.arx-content a:link,.arx-content a:visited{color:#4e85de}.arx-content figcaption{font-size:12px}.arx-content cite{font-size:70%}.arx-content code{font-size:95%}.arx-content h1{font-size:39px}.arx-content h2{font-size:25px}.arx-content h3{font-size:20px}.arx-content h4{font-size:16px}.arx-content h5{font-size:14px}.arx-content h6{font-size:16px}.arx-content blockquote p{font-size:130%}.arx-content sub,.arx-content sup{font-size:.7em}.arx-content pre,.arx-content pre code{font-size:14px}.arx-content h1{line-height:1.15}.arx-content h2{line-height:1.25}.arx-content h3{line-height:1.333}.arx-content code,.arx-content kbd,.arx-content samp,.arx-content sub,.arx-content sup,.arx-content var{line-height:1}.arx-content blockquote p{line-height:1.5}.arx-content pre,.arx-content pre code{line-height:1.618}.arx-content h1+*,.arx-content h2+*,.arx-content h3+*,.arx-content h4+*,.arx-content h5+*,.arx-content h6+*{margin-top:.75em}.arx-content h1+h1,.arx-content h1+h2,.arx-content h1+h3,.arx-content h1+h4,.arx-content h1+h5,.arx-content h1+h6,.arx-content h2+h1,.arx-content h2+h2,.arx-content h2+h3,.arx-content h2+h4,.arx-content h2+h5,.arx-content h2+h6,.arx-content h3+h1,.arx-content h3+h2,.arx-content h3+h3,.arx-content h3+h4,.arx-content h3+h5,.arx-content h3+h6,.arx-content h4+h1,.arx-content h4+h2,.arx-content h4+h3,.arx-content h4+h4,.arx-content h4+h5,.arx-content h4+h6,.arx-content h5+h1,.arx-content h5+h2,.arx-content h5+h3,.arx-content h5+h4,.arx-content h5+h5,.arx-content h5+h6,.arx-content h6+h1,.arx-content h6+h2,.arx-content h6+h3,.arx-content h6+h4,.arx-content h6+h5,.arx-content h6+h6{margin-top:.375em}.arx-content blockquote+h1,.arx-content blockquote+h2,.arx-content blockquote+h3,.arx-content blockquote+h4,.arx-content blockquote+h5,.arx-content blockquote+h6,.arx-content div+h1,.arx-content div+h2,.arx-content div+h3,.arx-content div+h4,.arx-content div+h5,.arx-content div+h6,.arx-content dl+h1,.arx-content dl+h2,.arx-content dl+h3,.arx-content dl+h4,.arx-content dl+h5,.arx-content dl+h6,.arx-content figure+h1,.arx-content figure+h2,.arx-content figure+h3,.arx-content figure+h4,.arx-content figure+h5,.arx-content figure+h6,.arx-content hr+h1,.arx-content hr+h2,.arx-content hr+h3,.arx-content hr+h4,.arx-content hr+h5,.arx-content hr+h6,.arx-content ol+h1,.arx-content ol+h2,.arx-content ol+h3,.arx-content ol+h4,.arx-content ol+h5,.arx-content ol+h6,.arx-content p+h1,.arx-content p+h2,.arx-content p+h3,.arx-content p+h4,.arx-content p+h5,.arx-content p+h6,.arx-content pre+h1,.arx-content pre+h2,.arx-content pre+h3,.arx-content pre+h4,.arx-content pre+h5,.arx-content pre+h6,.arx-content table+h1,.arx-content table+h2,.arx-content table+h3,.arx-content table+h4,.arx-content table+h5,.arx-content table+h6,.arx-content ul+h1,.arx-content ul+h2,.arx-content ul+h3,.arx-content ul+h4,.arx-content ul+h5,.arx-content ul+h6{margin-top:1.125em}.arx-content blockquote+*,.arx-content div+*,.arx-content dl+*,.arx-content figure+*,.arx-content hr+*,.arx-content ol+*,.arx-content p+*,.arx-content pre+*,.arx-content table+*,.arx-content ul+*{margin-top:1.125em}.arx-content blockquote figcaption,.arx-content div figcaption,.arx-content dl figcaption,.arx-content figure figcaption,.arx-content hr figcaption,.arx-content ol figcaption,.arx-content p figcaption,.arx-content pre figcaption,.arx-content table figcaption,.arx-content ul figcaption{margin-top:.25em}.arx-content blockquote p{margin-top:.5em}.arx-content a{text-decoration:underline}.arx-content ol,.arx-content ul{padding-left:20px}.arx-content ol ol,.arx-content ol ul,.arx-content ul ol,.arx-content ul ul{margin-top:0;margin-bottom:0}.arx-content dt{font-weight:700}.arx-content blockquote{font-style:normal;padding:1.5em 2em;background-color:#f8f8f8}.arx-content blockquote cite{font-style:inherit}.arx-content pre,.arx-content pre code{display:block;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}.arx-content pre{border-radius:3px;max-width:100%;padding:1em 1.25em;overflow:auto;white-space:pre}.arx-content figcaption{font-style:italic}.arx-content sub,.arx-content sup{margin-left:2px}.arx-content sub{vertical-align:sub}.arx-content sup{vertical-align:super}.arx-content code,.arx-content kbd,.arx-content samp,.arx-content var{display:inline-block;font-style:normal;vertical-align:baseline}.arx-content code{padding:.2em .4em}.arx-content pre code{display:block;border:none}.arx-content kbd{border:1px solid rgba(0,0,0,.15);padding:.2em .4em}.arx-content table{width:100%;border-collapse:collapse;table-layout:auto}.arx-content table,.arx-content td,.arx-content th{border:1px solid #eee}.arx-content caption{caption-side:top;font-weight:700;margin-top:0;text-align:left}.arx-content td,.arx-content th{padding:.7em;text-align:left}.arx-content th{font-weight:700}.arx-content hr{position:relative;height:12px;line-height:0;background:0 0;border:none}.arx-content hr:before{content:'';position:absolute;top:50%;left:50%;width:100%;max-width:100%;margin-top:-6px;margin-left:-50%;border-top:1px solid #ddd}.arx-content h1,.arx-content h2,.arx-content h3,.arx-content h4,.arx-content h5,.arx-content h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.015em;text-rendering:optimizeLegibility}.arx-content h4,.arx-content h5{letter-spacing:.015em;text-transform:uppercase}.arx-content .align-left{text-align:left}.arx-content .align-center{text-align:center}.arx-content .align-center img{margin-left:auto;margin-right:auto}.arx-content .align-center figcaption{text-align:center}.arx-content .align-right{text-align:right}.arx-content .align-right img{margin-left:auto}.arx-content .align-right figcaption{text-align:right}.arx-content .align-justify{text-align:justify}.arx-content .valign-top{align-items:start}.arx-content .valign-middle{align-items:center}.arx-content .valign-bottom{align-items:end}.arx-content .outset-left{width:calc(100% + 26px);max-width:calc(100% + 26px);transform:translateX(-26px);position:relative}.arx-content .outset-right{width:calc(100% + 26px);max-width:calc(100% + 26px);transform:translateX(26px);position:relative;left:-26px}.arx-content .outset-both{width:calc(100% + 52px);max-width:calc(100% + 52px);transform:translateX(-50%);position:relative;left:50%}.arx-content .embed-responsive{position:relative;padding:0;margin:0;padding-bottom:56.25%;height:0}.arx-content .embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.arx-content .grid{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:24px;grid-row-gap:12px}.arx-content .column{margin:0}.arx-content .column-1{grid-column:span 1}.arx-content .column-2{grid-column:span 2}.arx-content .column-3{grid-column:span 3}.arx-content .column-4{grid-column:span 4}.arx-content .column-5{grid-column:span 5}.arx-content .column-6{grid-column:span 6}.arx-content .column-7{grid-column:span 7}.arx-content .column-8{grid-column:span 8}.arx-content .column-9{grid-column:span 9}.arx-content .column-10{grid-column:span 10}.arx-content .column-11{grid-column:span 11}.arx-content .column-12{grid-column:span 12}@media only screen and (max-width:767px){.arx-content .grid{display:block}}#facebox { position: fixed; top: 100px; left: 0; z-index: 100; text-align: left; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*animation by pawan*/ /*@-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } #facebox { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }*/ @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } #facebox { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #facebox .popup { padding: 30px; position: relative; /*  border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);*/ } #facebox .content { display: table; width: 100%; padding: 15px; background-color: #fff; border-radius: 4px; margin: 0 auto; position: relative; } #facebox .content .pop-up-title { color: var(--txt-color); font-size: 1em; text-transform: uppercase; text-align: center; margin-bottom: 20px; padding: 10px; border-bottom: solid 1px var(--border-color); } #facebox .content.small-fb-width { width: 100%; max-width: 350px; } #facebox .content.medium-fb-width { width: 100%; max-width: 650px; } #facebox .content.large-fb-width { width: 100%; max-width: 800px; min-width: 350px; } #facebox .content.faceboxWidth { width: 850px; min-width: 350px; min-height: 150px; } #facebox .content.fbminwidth { min-width: 350px; min-height: 150px; } #facebox .content.productQuickView { display: block; /* padding: 20px 0 0 0; */ width: 900px; } #facebox .content.changeLocationView { display: block; /* padding: 20px 0 0 0; */ width: 500px; } /*#facebox .content.productQuickView .product-detail { max-height: 430px; overflow-y: hidden; overflow-x: hidden; }*/ #facebox .content.loginpopup { padding: 0; } #facebox .content>p:first-child { margin-top: 0; } #facebox .content>p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top: 0; right: 0; padding: 0px; width: 30px; height: 30px; opacity: 0.6; } #facebox .close:before { width: 2px; height: 30px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 0; content: ""; background: #000; } #facebox .close:after { width: 30px; height: 2px; left: 0px; top: 50%; margin: -1px 0 0 0; position: absolute; content: ""; background: #000; } #facebox .close.close--white {} #facebox .close.close--white:before, #facebox .close.close--white:after { background: #ffffff; } /* #facebox .content.faceboxFixed { position: fixed; } */ /* #facebox .close:hover{animation: spin180 0.4s;-webkit-animation: spin180 0.4s;} @keyframes spin180 { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-moz-keyframes spin180 { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } @-webkit-keyframes spin180 { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-o-keyframes spin180 { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(360deg);} } @-ms-keyframes spin180 { from {-ms-transform: rotate(0deg);} to {-ms-transform: rotate(360deg);} }*/ #facebox .close img { opacity: 0.3; } #facebox .close:hover img { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { opacity: 0.7; background-color: #000; z-index: 99; } /*new css*/ .popupDiv{ display:inline-block; } .popupDiv form{ display:inline-block; } @media only screen and (max-width: 1025px) { #facebox { left: 0 !important; right: 0 !important; top: 0 !important; } #facebox .content { display: block; padding: 10px; } #facebox .content.faceboxWidth { width: auto; max-width: 750px; } } @media only screen and (max-width: 767px) { #facebox .content.fbminwidth { min-width: inherit; max-height: 90vh; overflow-y: auto; } #facebox .content.productQuickView { overflow-y: auto; } #facebox .content.productQuickView .product-detail { max-height: none; overflow-y: visible; overflow-x: visible; } } /*! *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*.container { width: 800px; margin: 0 auto; }*/ .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; background: #fff; color: var(--txt-color); } .autocomplete-no-suggestion { padding: 2px 5px; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,  .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd,  .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }/*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top:6px; width: 1.8em; height: 1.8em; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/ .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%;height: 30px; padding-left: 5px; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider {border: none!important; position: relative; text-align: left; } .ui-slider .ui-slider-handle {border-radius: 100%;border: none!important;background: #c4c8cc!important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range {border: none!important;background: #0064ca!important; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal {background: #e9e9e9!important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* CSS Document */ /* #tab_shipping { width: 100%; } */ /* added css for Seller Dashboard, Products Form, categories listing for the selection[ */ .box--scroller { max-height: 200px; overflow: auto; } .box--scroller ul { list-style: none; margin: 0; padding: 0; } .box--scroller ul li { padding: 5px 0; } .dropwrap { min-width: 200px; z-index: 10; right: 0; top: 0; background: #fff; border-radius: 5px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .droplink.active .dropwrap { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .dropwrap ul { margin: 0; list-style: none; } .dropwrap .head { width: 100%; padding: 20px; text-align: left; font-weight: 600; font-size: 15px; border-radius: 5px 5px 0 0; color: #fff; background: rgb(43, 192, 229); background: -moz-linear-gradient(-45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); background: -webkit-linear-gradient(-45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); background: linear-gradient(135deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); } .dropwrap .body { width: 100%; max-height: 280px; overflow: hidden; overflow-y: auto; } .dropwrap .foot { width: 100%; border-top: 1px solid #ddd; padding: 6px 10px; text-align: center; } .table .actions { margin-top: -6px; } .actions .dropwrap .linksvertical li a { text-align: center; width: 100% !important; } .actions .dropwrap { min-width: 160px; left: 50%; margin: 0 0 0 -80px; transform-origin: center top; -webkit-transform-origin: center top; -ms-transform-origin: center top; text-align: center; } div.chooseAddress:hover{ background: var(--second-color); color: #fff; } div.chooseAddress span { font-size: 1.7em; }/** system message **/ #mbsmessage, .system_message { position: fixed; width: auto; margin: 0 auto; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 101; text-align: center; } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; } #mbsmessage .content:before, .system_message .content:before { background-size: 18px !important; content: ""; left: -26px; position: absolute; top:2px; z-index: 2; width: 30px; height: 30px; display: block; } #mbsmessage.alert--danger .content:before, .system_message.alert--danger .content:before { background: url(images/icon--attention.svg) no-repeat; } #mbsmessage.alert--success .content:before, .system_message.alert--success .content:before { background: url(images/icon--success.svg) no-repeat; } #mbsmessage.alert--info .content:before, .system_message.alert--info .content:before { background: url(images/icon--info.svg) no-repeat no-repeat; } #mbsmessage.alert--warning .content:before, .system_message.alert--warning .content:before { background: url(images/icon--warning.svg) no-repeat no-repeat; } .alert--success { background: #00b6ad; } .alert--info { background: #02b4d1; } .alert--warning { background: #f3c532; } .alert--process { background: #333; } .alert--danger { background-color: #f35f5f; } .div_error { text-align: left; padding: 20px 60px 20px 60px; position: relative; color: #fff; /*font-size: 0;*/ line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size: 30px; } .alert .div_error { padding: 0px; } #mbsmessage .content .div_error, #mbsmessage .content .div_info { padding: 0px; } .alert .div_error { background: none; } .div_error li { color: inherit; position: relative; padding: 0 0 5px 0; } .div_error li a { color: #fff; text-decoration: underline; } .div_info { font-weight: normal; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px; } .alert .div_info { background: none; } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default; } .alert .div_msg { background: none; } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px; } #mbsmessage .div_msg, .system_message .div_msg { padding: 0; } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default; } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0; } /* validation error messages */ .error { border-color: #F00 !important; color:#F00 !important; } .errorlist { margin: 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; } .errorlist li a { color: #f44336; font-size: 11px; /*text-transform: uppercase;*/ text-decoration: none; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } /* alerts */ .alert { font-size: 1em; color: #fff; width: 100%; /*position: relative;*/ padding: 20px 20px; border: 1px solid transparent; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } .alert a { color: #fff; text-decoration: underline; } .alert--positioned-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom { left: 20px; bottom: 25px; } .alert--positioned-right-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-right-bottom { right: 20px; bottom: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom-center { left: 0 !important; right: 0 !important; bottom: 25px; } .alert--positioned-top-center { left: 0 !important; right: 0 !important; top: 0; } .alert--positioned-center-center { left: 50% !important; top: 50% !important; bottom: auto !important; transform: translateX(-50%) !important; } .alert--positioned-top-full { left: 0 !important; right: 0 !important; top: 0; } .alert p { color: inherit; } .alert h5 { font-size: 18px; font-weight: 500; padding: 0; color: inherit; } .alert .close, .system_message .close { opacity: 0.3; } .alert .close:hover, .system_message .close:hover { opacity: 1; } .close, .system_message .closeMsg { z-index: 1; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.47; } .close:hover, .system_message .closeMsg:hover { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); opacity: 1; } .close:before, .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .close:after, .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .close30 { width: 30px; height: 30px; } .close30::before { height: 25px; } .close30::after { width: 25px; } .close.close-black:before, .close.close-black:after { background: #000; } .alert h4, .alert p { margin: 0; color: inherit; } .alert>p, .alert>ul { margin-bottom: 0; } .alert>p+p { margin-top: 5px; } .alert--process:before { content: ""; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: absolute; left: 15px; top: 14px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media(max-width:767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto; padding: 3rem; } #mbsmessage .content, .system_message .content { min-width: inherit; } }