/*===============================GLOBAL============================*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; padding: 0; margin: 0; } 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: 'Nunito', 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%; } html, body { font-size: 16px; font-weight: 400; color: #888; position: relative; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /*======================TYPOGRAPHY=====================*/ em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /*===========================INPUT AND BUTTON AND SELECT=================*/ button, html input[type="button"], input[type="reset"], input[type="submit"], a { cursor: pointer; } 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="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; } /*======================TABLE=====================*/ table { border-collapse: collapse; border-spacing: 0; width: 100%; } th { text-align: left; } /*======================LISTING=====================*/ ol, ul { list-style: none outside; margin-bottom: 0px; } 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; } /*======================BLOCKQUOTE=====================*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 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; } /*===========================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; } a:hover, a:focus { -webkit-transition: all ease .3s; transition: all ease .3s; } p a, p a:visited { line-height: inherit; } /*===========================IMAGES=================*/ img.scale-with-grid { max-width: 100%; height: auto; } /* form elements ---------------------- */ input::-moz-focus-inner { border: 0; padding: 0; } /*===========================MISC=================*/ .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; /*in use*/ } .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; } .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; } .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; } } /* 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; } .container--fluid { width: 100%; } /*===========================BOOTSTRAP=================*/ .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; } .ripplelink { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; } .ripplelink:hover { /*z-index: 1000;*/ } .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; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 3px; border: none; border-radius: 2px; padding: 0 16px; min-width: 64px; height: 40px; vertical-align: middle; text-align: center; text-overflow: ellipsis; text-transform: uppercase; color: var(--first-inverse-color); background: var(--first-color); -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); font-size: 1rem; font-weight: 400; 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:hover, .form input[type="submit"]:hover, .form input[type="button"]:hover, .btn:focus, .form input[type="submit"]:focus, .form input[type="button"]:focus { /* -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);*/ } .btn:active, .form input[type="submit"]:active, .form input[type="button"]:active { /* -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);*/ } .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: var(--first-inverse-color); background: var(--first-color); } /*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: var(--second-inverse-color); background-color: var(--second-color); } /*third */ .btn--third, .form input[type="button"] { color: var(--second-inverse-color); 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; margin:0; } .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[type="submit"], input[type="button"] { -webkit-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-one); height: 40px; padding: 0 10px; width: 100%; color: #888888; font-family: inherit; font-size: 0.8125rem; font-weight: normal; border-radius: 4px; } 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; } .form .astrick { position: relative; } .form .astrick:after { color: red; content: "*"; } 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: #333; 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 \9; } .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-second); background: #fff; border-radius: 4px; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 20px; height: 20px; } .checkbox .input-helper:before { top: 0; width: 20px; height: 20px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); width: 20px; height: 20px; background-color: transparent; left: 0; top: 0; bottom: 0; right: 0; border-radius: 4px; } .checkbox input:checked + .input-helper:before { border-color: var(--first-color); } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); background-color: var(--first-color); } .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; } .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%; padding-right: 5px; } .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 10px 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: 1200px) { .form--inline .btn--white { display: block; } .form--inline .btn--white .fa { display: inline-block; } .form--normal input[type="submit"] { min-width: 140px; } } /* 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: 0 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, .hero-page-banner { background-position: center top; position: relative; height: 200px; color: #fff; } .hero-inner-banner { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; height: 200px; } .page-banner { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-banner:after, .hero-inner-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; } .hero-inner-banner .banner-txt, .page-banner .banner-txt { text-align: center; position: absolute; top: 50%; bottom: auto; left: 0; right: 0; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .page-banner .banner-txt h1 { color: #fff; font-size: 3.5em; 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: 70px 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--grey { background: var(--grey-light); color: #333; } .bg--grey *:not(.btn) { color: inherit; } .bg--white { background: #fff; color: #333; } .bg--white * { color: inherit !important; } .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; } .container--cms .space .btn { padding-left: 60px; padding-right: 60px; } .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: calc(1em + 2vw); 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: var(--first-inverse-color); 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; } /*@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-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; } /*================================NAVIGATION[NOT IN USE in Growcer 2nav.css]==================*/ /*.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; width: 100%; } .navigations > li:hover > a { color: #fff; } .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.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; 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 {} .subnav__wrapper.addspace { padding: 10px 0; } .sublinks > li > a:hover { color: var(--first-color); } .sublinks > li > ul > li.seemore a { font-weight: 600; } .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%; } @media only screen and (max-width:1025px) { .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; } } */ /*================================SKELETON============================*/ /*---Top Bar----*/ .top_bar { height: 33px; 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; } .top_bar .slogan { line-height: 1; color: inherit; font-size: 0.8em; padding: 10px 0; } /*---After Header----*/ .after-header { height: 103px; } /*---Body----*/ 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); line-height: 1; } /*---Body with fixed class----*/ body.fixed #header { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); } body.fixed .top_bar { margin-top: -33px; } /*---Short Links----*/ .short-links { text-align: right; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .short-links > ul > li { display: inline-block; vertical-align: middle; margin: 0 15px; position: relative; } .short-links > ul > li:last-child { margin-right: 0; } .short-links > ul > li > a { color: inherit; display: block; font-size: 0.9em; padding: 5px 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; } /*---Main Bar Inner----*/ .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; } /*---Logo----*/ .logo { float: left; margin: 10px 0; margin-right: 15px; width: 180px; height: 50px; 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; height: auto; line-height: 50px; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } /*---Main Search----*/ .main-search { height: 70px; float: left; position: relative; background: rgba(255, 255, 255, 0.2); } .toggle--search { padding: 26px 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; } /* Form search Popup---- */ .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--------*/ .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); } /*Table Heading----*/ .tbl-heading { font-weight: 400; font-size: 1.8em; padding: 15px 20px; } /*Gray-txt---*/ .gray-txt { color: var(--txt-color-light); } /*NEW CSS ADDED FOR SPACING*/ .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text__center{text-align: center !important}/*.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; width: 100%; }*/ .navigations > li {} /* .navigations > li:hover > a { color: #fff; }*/ .navigations > li > a {} .navigations > li > a:hover {} /*.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.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 {} .subnav__wrapper.addspace { padding: 10px 0; }*/ /*.sublinks > li > a:hover { color: var(--first-color); } .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; }*/ } /**/ /* .top_bar { height: 33px; 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: 103px; } body.fixed #header { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); } body.fixed .top_bar { margin-top: -33px; } 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); line-height: 1; }*/ .cart-is-active body { /* right: 450px; */ } /*.top_bar .slogan { line-height: 1; color: inherit; font-size: 0.8em; padding: 10px 0; } .short-links { text-align: right; } .short-links > ul > li { display: inline-block; margin: 0 15px; position: relative; } .short-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; } .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; } .logo { float: left; margin: 10px 0; margin-right: 15px; width: 180px; height: 50px; 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; height: auto; line-height: 50px; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } .main-search { height: 70px; float: left; position: relative; background: rgba(255, 255, 255, 0.2); } .toggle--search { padding: 26px 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; background: linear-gradient(338deg, rgba(235, 54, 129, 1) 0%, rgba(255, 58, 89, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a59', endColorstr='#eb3681', GradientType=0); 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; } Already Commented */ /*.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); }*/ /*.tbl-heading { font-weight: 400; font-size: 1.8em; padding: 15px 20px; }*/ /* .gray-txt { color: var(--txt-color-light); }*/ .dropsection { position: fixed; width: 450px; height: 100%; 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%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .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 { opacity: 0; visibility: hidden; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; position: fixed; background-color: rgba(240, 240, 240, 0.8); -webkit-transition: all 300ms; transition: all 300ms; } .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; } .cart-detail { min-width: 450px; 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; } .cartdetail__body { overflow: hidden; /* max-height: 230px;*/ overflow-y: auto; background: #fff; } .short-detail {} .cart-summary { width: 100%; /*table-layout: fixed;*/ } .cart-summary tr { border-bottom: solid 1px var(--border-color); } .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: 50px; } .cart-summary .product-img img { max-width: 100%; min-width: 40px; } .cart-summary.item-yk .item-yk-head-shop { font-size: 0.75em; opacity: 0.6; } .cart-summary.item-yk .item-yk-head-title { font-size: 1em; 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; opacity: 0.5; } .cart-summary.item-yk .item-yk-head-specification { font-size: 0.8em; } .cart-summary.item-yk .item-yk-head-price { font-size: 0.85em; /* font-weight: bold; */ margin-top: 5px; } /* .cart-summary.item-yk .item-yk-head-price span{ display: inline-block; vertical-align: baseline; } */ .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%; margin: 0; } .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 { opacity: 0.3; 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-left: 30px; float: right; position: relative; } .login-account > a { display: inline-block; color: inherit; margin: 25px 0; } .login-account .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; } .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;*/ width: 100%; z-index: 10; right: 0; top: 150%; 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; opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; } .dropdown.is-active .dropdown__target { opacity: 1; visibility: visible; filter: alpha(opacity=100); z-index: 200; top: 100%; } .dropdown__target-head { padding: 15px; background: var(--first-color); } .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: var(--first-color); font-size: 2.5em; line-height: 1; } .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: var(--txt-color); } .list--vertical li:last-child { border-bottom: none; } .list--vertical .remove_buyTogether { margin-right: 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;*/ color: var(--first-color); font-weight: 700; } .list--vertical a { color: var(--txt-color); 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; } .list--vertical a:active { background: rgba(0, 0, 0, 0.05); color: #555555; } .list--vertical img { display: inline-block; vertical-align: middle; margin: 0 2px; } .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; line-height: 1; } .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--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 { -webkit-box-flex: 1; -ms-flex: 1; 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 { -webkit-box-pack: end; -ms-flex-pack: end; 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 .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: 80px; } .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: 1.1em; 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 {} .item-yk .item-yk_rating .rate, .item-yk_rating .rate { line-height: 1.5; font-size: 0.8em; display: inline-block; vertical-align: top; } .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; } .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 .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: 1.2em; color: var(--txt-color); font-weight: 500; } .item-yk .product_price.product--price { font-size: 1.2em; } .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 { 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-next: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-next:hover { background: var(--first-color); } .fetured-slider .slick-next:hover:after { border-bottom-color: #fff; border-right-color: #fff; } .fetured-slider button.slick-prev { display: none !important; } .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-right: 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: 110px; height: 110px; 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%); } .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-right: -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; } .social { margin: 5px 0 15px 0; } .social li { display: inline-block; margin: 4px; vertical-align: top; } .social li svg path { fill: #b3b3b3; } .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 { padding: 30px; } .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[type="submit"] { background: var(--second-color); color: #fff; text-transform: uppercase; font-size: 1em; border: none; display: block; width: 100%; } #facebox .content.loginpopup { max-width: 450px; } .login-wrapper .forgot { text-align: right; font-size: 1em; } .buttons-list ul { 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; } .buttons-list ul li { margin: 0 10px; } .buttons-list .btn i.icn { width: 20px; vertical-align: middle; } a.text__link { position: relative; text-decoration: underline; color: var(--first-color); } a.text__link:hover { text-decoration: none; color: var(--black-color); } .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 .field-set { padding-bottom: 5px; } .other-option { text-align: center; } .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; } @media(max-width:767px) { .login-wrapper { padding: 15px; } } /*new page*/ .bg--gray { /*  background: #f8f8f8;*/ background: #fff; } .bg--white { background: #fff; } .breadcrumb { list-style: none; /* margin: 15px 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; } .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-right: 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; } .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-left: 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-right: 20px; } .abt-shops .ftshops_logo img { max-width: 100%; } .abt-shops .ftshops_detail { font-size: 1em; margin-left: 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-left: 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_avtar { position: relative; } .testimonial_avtar:before { position: relative; content: ""; display: block; padding-bottom: 100%; background-color: #fff; } .testimonial_avtar img { margin: auto; max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 6px; } .testimonial_user_name { font-weight: 700; color: #333; font-size: 1.2rem; padding-top: 10px; } .testimonial-blocks { text-align: right; } /*.testimonial-blocks .from { padding-right: 50px; }*/ /* .testimonial-blocks .from .avatar { border-radius: 6px; overflow: hidden; max-width: 100px; margin: auto; } */ .testimonial-blocks .from .name { color: #333333; font-weight: 600; display: block; clear: both; text-align: center; margin-top: 10px; } .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: 40px; } /*.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 { border: none; border-top: 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-bottom: 20px; border-radius: 6px; } .browsed-box:hover { background: #ededed; } .browsed-box .category-q { color: var(--txt-color); text-transform: uppercase; font-weight: 600; } .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: 10px; /* border: solid 1px var(--border-color); */ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); } .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: #80c300; } .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: var(--first-color); 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; } @media(max-width:400px) { .group--social { -ms-flex-wrap: wrap; flex-wrap: wrap; } .group--social-onehalf .btn { width: 100%; float: none; margin: 5px 0; } } .group--social-onehalf .fb-color { background: #3856a0; margin-right: 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; text-align: center; } .listings__sort a { color: #000 !important; } .listings__sort li.is-active a { text-decoration: underline; } .listings__sort .links--inline { margin-top: 10px; } @media(min-width:576px) { .listings__sort .links--inline { text-align: right; margin-top: 0; } .listings__sort { text-align: initial; } } .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: 0 0 15px 0; padding: 15px; padding: calc(0.75rem + 1vw); 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; font-size: 1.15rem; } .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 { 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; padding: calc(0.75rem + 0.5vw) calc(0.75rem + 1vw); margin-bottom: 15px; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); } .panel__head h2 { display: inline-block; vertical-align: middle; font-size: 1.25rem; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; margin: 0 3px; } .actions li { display: inline-block; vertical-align: top; margin: 0 2px 0px 0; padding-bottom: 2px; } .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; } .statistics__box { min-height: 135px; text-align: left; } .statistics__box h4 { position: relative; padding: 0 0 0 0; margin: 0 0 1rem 0; font-size: 1.25rem; } .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-right: 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; font-size: 14px; 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--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-left: 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; border: solid 1px var(--border-color); -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center; border-radius: 2px; } .qty input { /*	width: 70%;*/ width: 40px; height: 40px; text-align: center; display: inline-block; vertical-align: middle; margin: 0; float: left; font-size: 0.8em; border: none; padding: 0; } .qty .increase, .qty .decrease { 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; 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; color: var(--second-color); } .remove { margin: 5px; color: #555555; } .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; background: #fff; -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; } .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-right: 10px; } .switch-links a:last-child { margin-left: 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 .actions { margin: 0; } .dashboard-togles { position: relative; display: block; background: var(--second-color); padding: 5px 10px; color: #fff; border-radius: 3px; z-index: 21; } .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; } .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; /* border-radius: 0px 0px 5px 5px;*/ } .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; padding: 5px 10px; background-color: #f9edbe; border: solid 1px #f0c36d; display: inline-block; border-radius: 3px; } /*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: 15px 0; border-bottom: solid 1px var(--border-color); } .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; } .shops-detail-name {} .shops-detail .item-yk_rating { margin: 0px 10px; } /*.shop-opened { line-height: 2.5; }Grocer*/ .uploadedphoto { margin: 25px 0; display: block; } .uploadedphoto img { display: inline-block; vertical-align: top; margin-right: 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-right: 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 li { float: left; 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-right: 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; border-bottom: solid 1px var(--border-color); } .cg-main ul li { display: inline-block; width: 32%; 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-right: 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: 30px; height: 20px; border: none; padding: 0; margin: 0; } .balancebox { border: 1px solid var(--border-color); text-align: center; padding: 10px; min-height: 141px; } .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; } /**/ .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-left: 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: 10px 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; margin: 0; } .select-categories-slider .slick-arrow.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-arrow.slick-prev:after, .select-categories-slider .slick-arrow.slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; border-top: none; border-left: none; 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-arrow.slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .select-categories-slider .slick-arrow.slick-prev { left: 0; margin-left: -40px; } .select-categories-slider .slick-arrow.slick-next { right: 0; margin-right: -40px; } .select-categories-slider .slick-arrow:before { display: none; } .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; } .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: 10px 8px; margin: 0 5px 0 0; 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-right: 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 30px; text-align: center; color: #ccc; font-size: 0.8125rem; max-width: 100%; position: relative; } .or:after, .or:before { content: ""; background: #ccc; height: 1px; width: 105px; position: absolute; top: 50%; margin-top: -1px; } .or:after { left: 0; } .or:before { right: 0; } .or span { text-transform: uppercase; } .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; } /* confirm map button css 18_April_2019[ */ .field_cover .btn-showmap { height: 40px; line-height: 32px; vertical-align: top; background: transparent; border: 1px solid var(--first-color); color: var(--first-color); font-size: 15px; } /* .field_cover .address_identifier { width: calc(100% - 225px); margin-right: 20px; } */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 1280px) {} /*media*/ @media only screen and (max-width: 1200px) { .container { padding: 0 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: 76px; } .top_bar .slogan { display: none; } .short-links > ul > li.dropdown { display: inline-block; } .logo { margin: 5px; margin-left: 0; width: 100px; height: 34px; max-height: 100px; line-height: 45px; } .logo img, .logo svg { display: inline-block; line-height: 33px; max-height: 33px; vertical-align: baseline; } .fixed .logo { max-width: 120px; margin-left: 45px; } .main-search { height: auto; float: right; background: none; margin-top: 5px; } .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: 10px; } .toggle--search .icn-txt, .cart .icn-txt, .login-account .icn-txt { display: none; } .cart { margin-top: 5px; } .cart > a { padding: 10px; margin: 0; } .cart-detail { min-width: inherit; } .cartdetail__footer { padding: 10px; } .login-account { margin: 5px 0 0 0; } .login-account > a { padding: 10px; 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; } .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; } .testimonial-blocks .description { padding: 0 0 0 30px; } } /*media*/ @media only screen and (max-width: 992px) { .btn-groups { margin-top: 10px; } .shop-logo { height: auto; } } /*media*/ @media only screen and (max-width: 767px) { .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: 0; } .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%; } .testimonial-blocks .description { padding: 20px 0 0 0; } .testimonial_avtar { max-width: 70px; margin: 0 auto; position: relative; } } /*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} @media (min-width: 1200px){ .dropdown__target_nav{min-width: 170px; width: 100%; z-index: 10; right: 0; top: 150%; position: absolute; opacity: 0; visibility: hidden; display:none;} .category--nav.navs--main > ul { position: relative; display: table; width: 100%; } .category--nav.navs--main > ul > li:first-child { } .category--nav.navs--main > ul > li { display: inline-block; position: relative; vertical-align: top; } .category--nav.navs--main > ul > li.nav--trigger:hover:before { content: ""; width: 690px; position: absolute; left: 0; top: 60px; min-height: 500px; background: #fff; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.1); } .category--nav.navs--main > ul > li > a { z-index: 1; display: block; font-size: inherit; font-weight: inherit; padding: 0; text-align: center; height: 40px; line-height: 40px; position: relative; border:0; text-align: center; padding-right: 50px !important; } .category--nav.navs--main > ul > li > a:after{ content: ""; position: absolute; border: solid currentColor; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 22px; top: 15px; } .dropdown__target_nav{height:500px;} .category--nav.navs--main > ul > li.is-nav-active:before, .navs--main > ul > li.is-nav-active:after { opacity: 1; visibility: visible; box-shadow: none; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; display:block; } .category--nav .nav--trigger{padding-top:10px;padding-bottom:10px;} .category--nav.navs--main > ul >li > a:only-child { padding-right: 12px; } .category--nav.navs--main > ul > li.is-nav-active a { color: #fff; } .category--nav.navs--main > ul > li:after { background: #2e5bbc; left: 1px; right: 1px; content: ""; height: 15px; position: absolute; bottom: 0px; opacity: 0; visibility: hidden; z-index: 0; } .category--nav.navs--main ul li:hover > ul { opacity: 1; top: 45px; visibility: visible;    left:0%; display:block; } /* .category--nav.navs--main .nav--trigger:hover > ul > li:first-child  .dropdown__target_nav, .category--nav.navs--main .nav--trigger:hover > ul > li:hover .dropdown__target_nav  { visibility: visible;  opacity: 1;left:100%;top:0; } */ .category--nav.navs--main ul li.nav--trigger > ul ul{top:0;left:100%;width:100%;} .category--nav.navs--main ul li:hover > ul ul{top:0;} .category--nav > ul > li:hover > ul{top:100%;} .category--nav .dropdown__target_nav{ width:230px; padding:10px; right:unset; left:0; transition:none; padding:0; background-color: #fff; color: #000; } .category--nav li a{padding:7px;padding: 10px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #eeed; width: 100%; display: block;} .category--nav.navs--main ul li ul{display:none;} .category--nav.navs--main ul li:hover > ul > li:hover  ul{left:100%;width:100%;display:block;} .category--nav.navs--main ul li:hover > ul > li:hover{background-color:#eeeded;} .category--nav.navs--main ul li:hover > ul > li:hover > a{font-weight:600;} .category--nav.navs--main ul li:hover > ul > li:hover > ul > li:hover > a{background-color:#ffffff;font-weight:600;} .category--nav .nav--trigger:hover > .dropdown__target_nav {top:60px;} .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav li a{background:#eeeded;border-bottom: 1px solid transparent;} .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav li a:hover{background-color:#ffffff;} .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav .dropdown__target_nav li a{background:#ffffff;}/* .category--nav:hover:before{content:"";width:70%;position:absolute;left:0;top:45px;min-height:500px;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);}*/ .category--nav{position:relative;} .category--nav .dropdown__target_nav:after{content:"";height:500px;width:1px;background: #eeed;right:0;top:0;position:absolute;} .category--nav.navs--main  > ul > li > .dropdown__target_nav > li > .dropdown__target_nav { background:#eeeded;} .category--nav.navs--main > ul > li > ul > li:first-child > ul, .category--nav.navs--main > ul > li > ul > li > ul >li:first-child > ul{ opacity: 1; visibility: visible; display:block; } .category--nav.navs--main .nav--trigger ul li{padding:0;} .category--nav.navs--main ul {display:block;} .nav--trigger > ul > li > a:hover{background-color:#eeeded;} .navs--main.category--nav a {color:var(--currentColor);} } .category--nav .nav--trigger  > a{border-radius: 4px;padding:0 10px!important;} .navs--main.category--nav{margin-left:25px;} @media screen and (max-width:1199px){ .nav--wrapper{background: #fff!important; bottom: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); right: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 27px; transform: translate3d(350px, 0px, 0px); -webkit-transform: translate3d(350px, 0px, 0px); -ms-transform: translate3d(350px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 350px; opacity: 0; visibility: hidden; z-index: 99999999; padding: 0;} .category--nav .nav--trigger{border-bottom:0!important;} .category--nav .nav--trigger > a{padding:10px!important;} .category--nav.navs--main { z-index: 10; position: relative; } .navigations__overlay{ z-index: 99; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); display:none; } .category--nav.toggle-right .navigations__overlay{display:block;} .category--nav.toggle-right .nav--wrapper{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible;} .category--nav.navs--main > ul { display: block; } .category--nav.navs--main li { position: relative; display: block; border-bottom: 1px dashed rgba(0,0,0,0.1); text-align: left; } .category--nav.navs--main > ul > li a { display: block; padding: 10px; color: #333; text-transform: uppercase; font-size: 14px; } .category--nav .dropdown__trigger { cursor: pointer; display: block; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 35px; } .category--nav .dropdown__trigger::after { width: 8px; content: "+"; height: 8px; position: absolute; right: 14px; top: -1px; font-size: 1.5em; font-weight: 700; } .category--nav.navs--main li ul { background: rgba(0,0,0,0.02); margin: 0; border-top: 1px dashed rgba(0,0,0,0.06); } .category--nav.navs--main .nav--trigger li ul li:last-child { border-bottom: none; } .category--nav.navs--main .nav--trigger li ul li a { text-transform: none; font-weight: normal; } .category--nav.navs--main .dropdown__target_nav .dropdown__target_nav{display:none;} .category--nav .dropdown__trigger.is-active::after {   content: "-"; font-size: 1.7em; right: 12px; top: -6px; } } @media screen and (max-width:767px){ .nav--wrapper{top:35px;} } @media screen and (max-width:575px){ .nav--wrapper{width:280px;} }#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 .popup .content__row .btns-group .btn { padding: 0 21px; } #facebox .popup .btns-group .btn:last-child { margin-left: 10px; } #facebox .content { display: table; width: 100%; padding: 15px; background: #fff; border-radius: 10px; margin: 0 auto; position: relative; overflow: hidden; } #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.productQuickView .product-detail { max-height: 430px; overflow-y: auto; overflow-x: hidden; } #facebox .content.loginpopup { padding: 0; overflow-y: auto; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top:20px; right: 15px; padding: 0px; width: 32px; height: 32px; opacity: 1; border-radius: 30px; background-color:var(--grey-light); } #facebox .close:before { width: 2px; height: 12px; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; content: ""; background: #000; margin:0; } #facebox .close:after { width: 12px; height: 2px; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; content: ""; background: #000; margin:0; } #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%; visibility: visible; } .facebox_hide { z-index: -100; } .facebox_overlayBG { opacity: 0.7; background-color: #000; z-index: 99; } @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; } #facebox .content.loginpopup { max-width: 450px; } } @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; } .ui-timepicker-wrapper{overflow-y:auto;max-height:150px;width:6.5em;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);outline:0;z-index:18;margin:0}.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}.ui-timepicker-list{margin:0;padding:0;list-style:none}.ui-timepicker-duration{margin-left:5px;color:#888}.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}.ui-timepicker-list li{padding:3px 0 3px 5px;cursor:pointer;white-space:nowrap;color:#000;list-style:none;margin:0}.ui-timepicker-list:hover .ui-timepicker-selected{background:#fff;color:#000}li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{background:#1980EC;color:#fff}li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900'); /*=====================ROOT COLOR THEME================*/ :root { /* --first-color: #43b02a; --first-inverse-color: #43b02a; --second-color: #ff6633; --second-inverse-color: #ff6633; --grey-darkest: #333333; --grey-darker: #555555; --grey-dark: #888888; --grey-light: #bfbfbf; --grey-lighter: #ebebeb; --grey-lightest: #f0f0f0; */ --white-color: #ffffff; --black-color: #000000; --txt-color: var(--grey-darkest); --txt-color-light: var(--grey-darker); --border-color: var(--grey-lighter); --border-color-one: var(--grey-lighter); --border-color-second: var(--grey-lighter); } /*==========================CLEARFIX============================*/ .-clearfix:before, -clearfix:after { clear: both; display: block; content: ""; } .-clear-right { float: right !important; clear: right !important; } .-clear-left { float: left !important; clear: left !important; } /*==========================HEADING TAGS============================*/ h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 700; font-size: 1rem; letter-spacing: 0.6px; font-family: inherit; text-transform: none; margin: 0; line-height: normal; } h1 { /*font-size: 2.2rem;*/ font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1600 - 300))); } h2 { /*font-size: 1.5rem;*/ font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1600 - 300))); } h3 { /*font-size: 1.8rem;*/ font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1600 - 300))); } h4 { /*font-size: 1.6rem;*/ font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300))); } h5 { /*font-size: 1.6rem;*/ font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); } h6 { /*font-size: 1rem*/ font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } @media (max-width:767px) { /*  h1 { font-size: 2.2rem; } h2 { font-size: 1.2rem } h3 { font-size: 1.2rem; } h4 { font-size: 1.2rem; }*/ } /*==================REQUIRED AND MANDATORY=================*/ .mandatory { color: red; } /*======================TYPOGRAPHY AND ITS STYLING=====================*/ p { line-height: 1.8; font-size: 1rem; margin: 0 0 15px 0; white-space: normal; } p img { margin: 0; } p.lead { font-size: 21px; color: #777; } .-text-small { font-size: 0.85rem; color: #999; } .-style-uppercase, .-style-uppercase * { text-transform: uppercase; } .-style-italic { font-style: italic; } .-style-bold { font-weight: 700; } .-border-bottom { border-bottom: 1px solid #ddd; } .-border-top { border-top: 1px solid #ddd; } /*===========================CONTAINER=================*/ .container { padding: 0 15px; margin: 0 auto; position: relative; width: 96%; max-width: 1362px; } @media(max-width:767px) { .container { width: 96%; } } .container .container { width: 100%; } .container:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .container--fixed { max-width: 1362px; } .container--narrow { max-width: 1020px; } .container--sm { max-width: 500px; } /*========================INPUT===================*/ input[type="submit"], input[type="button"] { outline: none; /* background: transparent; */ border: 0px; } /*===========================OVERLAY===============*/ .overlay, .facebox_overlayBG, .overlay-filter { position: fixed; bottom: 0; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; z-index: 20; opacity: 1; background-color: rgba(240, 240, 240, 0.8); } html.address-is-active .overlay.overlay-address, body.toggled_left .overlay.overlay-sidenav, .toggled-user .overlay.overlay-user, .toggled-action .overlay.overlay-action, .cart-is-active .overlay.overlay-cart { opacity: 1; visibility: visible; } /* html.cart-is-active .header__nav .overlay.common_overlay { opacity: 0; visibility: hidden; } */ .overlay.overlay-action { z-index: 19; } .overlay.overlay-address { z-index: 19; } @media (max-width: 1200px) { html.show-filters .overlay-filter { opacity: 1; visibility: visible; } } html.show-filters .body { z-index: 22; } /*=============================ALIGNMENT==================*/ .-float-left { float: left !important; } .-float-right { float: right !important; } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center, .align--center /*align--center used in existing pages*/ { text-align: center !important; } .-align-justify { text-align: justify !important; } .-align-auto { margin: auto !important; } /*=============================DISPLAY & HIDING==================*/ .-line { width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.1); margin: 20px 0; height: 2px; } .-display-inline-top { display: inline-block !important; vertical-align: top !important; } .-display-inline { display: inline-block !important; vertical-align: middle !important; } .-display-inline-top { display: inline-block !important; vertical-align: top !important; } .-hide-desktop { display: none !important; } @media(max-width:1024px) { .-hide-tab { display: none !important; } .-show-tab { display: block !important; } .-show-responsive { display: inline-block !important; } .-hide-responsive { display: none !important; } } /*=====================TEXTUAL LINKS & STYLING===================*/ .-link-underline { text-decoration: underline; } .-style-uppercase, .-style-uppercase * { text-transform: uppercase; } .-style-italic { font-style: italic; } .-style-bold { font-weight: 700; } .-box-shadow-xy { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; } .-color-primary { color: var(--first-color) !important; } /*=====================ANIMATION===================*/ .-transition { -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } /*=====================NO EFFECTS AND STYLING===================*/ .-no-hover { box-shadow: none !important; cursor: default !important; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-background-color { background-color: transparent !important; } /*=====================SECTION HEADING===================*/ .section-head { display: table; width: 100%; margin-bottom: 10px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .section-head a { color: #888; font-size: 0.875rem; cursor: pointer; } /*=====================SCROLL and SCROLLBAR==================*/ .scrollbar { overflow: auto; width: 100% !important; max-height: 200px; padding: 0 !important; position: relative; } .scroll-track { width: 10px; right: -10px !important; position: relative; } .scroll-handle { width: 4px; background: rgba(0, 0, 0, 0.1); margin: 0 0 0 3px; border-radius: 3px; -webkit-transition: width 250ms; transition: width 250ms; } @media(max-width:1024px) { .horiz-scroller { overflow-y: hidden; overflow-x: scroll; white-space: nowrap; position: relative; } .horiz-scroller [class*="col-"] { display: inherit; } /* .horiz-scroller:after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%) repeat scroll 0 0; bottom: 0; content: ""; pointer-events: none; position: absolute; right: -10px; top: 0; width: 50%; }*/ } @media(max-width:768px) { .mini-horiz-scroller { overflow-y: hidden; overflow-x: scroll; white-space: nowrap; position: relative; display: inline-block; } .mini-horiz-scroller [class*="col-"] { display: inherit; width: 50%; } } /*==========================FILLING BACKGROUNDS============*/ /*Overwrite esiting live css*/ .bg--second { background: #4d4d4d; } .white-fill { background-color: #fff; } @media(min-width:1210px) { .-padding-rl-large { padding-left: 100px; padding-right: 100px; } .-padding-rl-medium { padding-left: 50px; padding-right: 50px; } .-padding-rl-small { padding-left: 30px; padding-right: 30px; } } /*==================ROW AND COL AND SECTION================*/ .section-grey { background-color: var(--grey-lightest); } .section-black { background-color: var(--black-color); } .section, .site-section, .dashboard { padding: 50px 0; } @media(max-width:767px) { .section, .site-section, .dashboard { padding: 30px 0; } } .dashboard { padding-top: 25px; } .dashboard .container { max-width: 1440px; } .section-inside { padding: 15px; display: inline-block; width: 100%; } @media(min-width:1199px) { .section, .site-section, .dashboard { padding: 70px 0; } } @media(min-width:1025px) { .section-inside { padding: 30px; } } /*=====================FORM & BUTTON & LINK====================*/ .form-head {} .form-head h4 { /*font-size: 1.875rem;*/ font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1600 - 300))); } .form-head p { font-size: 0.8125rem; color: #b1b1b1; } .btn, .form input[type="submit"], .form input[type="button"] { box-shadow: none; text-transform: none; font-weight: 600; font-size: 1rem; border-radius: 4px; } .btn--black { background-color: #333; } .btn--block { display: block; width: 100%; height: auto; } .btn-large { min-width: 170px; height: auto; padding: 0; } .btn-large-h { height: 50px; line-height: 50px; } .btn.btn--large { box-shadow: none; padding: 8px; } .btn--small, .btn--sm { height: 32px; line-height: 32px; padding: 0 10px; font-size: 0.9rem; } .btn--wide { min-width: 250px; } .btn--border { border-width: 1px; border-style: solid; background-color: #fff; } .btn--border.border-color-black { border-color: #333; } .btn--border.border-color-first { border-color: var(--first-color); color: var(--first-color) !important; } .btn--border.border-color-second { border-color: var(--second-color); color: var(--second-color) !important; } .btn.btn-transpaent { background-color: transparent; } .text-link { color: #888; font-size: 0.875rem; cursor: pointer; text-decoration: underline; } /*===================SVG===================*/ .svg-icon { display: inline-block; fill: #858585; vertical-align: middle; } .svg-icon svg { width: 15px; } .svg-icon.svg-star { fill: var(--first-color); } .svg-icon.svg-star svg { width: 9px; margin-top: -1px; display: block; height: 10px; margin-left: 2px; } .svg-icon.svg-basket svg { width: 25px; fill: currentColor; } .svg-icon.svg-grid svg { fill: #fff; stroke: #a6a6a6; stroke-linejoin: round; stroke-width: 2px; fill-rule: evenodd; width: 25px; } .svg-icon.svg-list svg { fill: #fff; fill-opacity: 0; stroke: #a6a6a6; stroke-linejoin: round; stroke-width: 2px; fill-rule: evenodd; width: 26px; } /*==============ROUNDED CORNERS=============*/ .round-1 { border-radius: 4px; } .round-2 { border-radius: 6px; } .round-3 { border-radius: 10px !important; } /*==================CAROUSEL and SLICK and LOADER==============*/ .loading { background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; height: 100px; } .carousel { margin: 0 -10px; } .slick-disabled { opacity: 0; cursor: default; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; margin: auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*Slick Arrow*/ .slick-arrow { /* background-color: #fff; */ /* border: 1px solid var(--border-color-one); */ background-color: var(--grey-light); width: 60px; height: 60px; border-radius: 50%; display: block; text-indent: -9999px; position: absolute; z-index: 9; top: 50%; margin-top: -25px; background-position: center; background-repeat: no-repeat; } .slick-arrow:before { content: ""; position: absolute; left: 21px; width: 14px; height: 2px; background-color: #000; top: 30px; } .slick-arrow:after { content: ""; position: absolute; width: 8px; height: 8px; border-color: #333; border-style: solid; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 27px; } .slick-prev { left: 0 } .slick-arrow.slick-prev:after { right: 28px; left: auto; border-right-width: 2px; border-top-width: 2px; border-left: 0px; border-bottom: 0px; } .slick-arrow.slick-prev:before { left: 24px; } .slick-next { right: 0 } .slick-arrow.slick-next:after { left: 29px; border-left-width: 2px; border-bottom-width: 2px; border-right: 0px; border-top: 0px; } @media(max-width:1024px) { .slick-arrow { width: 50px; height: 50px; } .slick-arrow:after { top: 20px; } .slick-arrow:before { left: 16px; top: 23px; } .slick-arrow.slick-prev:before { left: 18px; } .slick-arrow.slick-prev:after { right: 24px; } .slick-arrow.slick-next:after { left: 23px; } } @media(max-width:767px) { .slick-arrow { background-color: transparent; } .slick-arrow::before { background-color: transparent; height: 8px; width: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 20px; left: 21px; } .slick-arrow.slick-prev::before { left: 20px; transform: rotate(44deg); -webkit-transform: rotate(44deg); } .advertisement-wrapper .slick-dots, .testimonial-wrapper .slick-dots { position: relative; left: 0; bottom: 0; transform: none; -webkit-transform: none; text-align: center; margin-top: 10px; } .advertisement-wrapper .slick-dots li, .testimonial-wrapper .slick-dots li { padding: 0; margin: 0 2px } .advertisement-wrapper .slick-dots li button, .testimonial-wrapper .slick-dots li button { width: 10px; height: 10px; } .testimonial-wrapper .slick-prev { left: 10px; } .testimonial-wrapper .slick-next { right: 10px; } } /*----Slick dots*/ .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .slick-dots li button { width: 20px; height: 20px; border-radius: 100%; background: transparent; border: 2px solid var(--second-color); font-size: 0; } .slick-dots li.slick-active button { background: var(--second-color); } .slick-dots { position: absolute; left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*==================DIVIDER AND GAP============*/ /*.divider { height: 1px; background: var(--border-color); margin: 0; }*/ .container--cms .divider { margin: 0; } .-gap, .gap { height: 20px; display: block; clear: both; } .padding-30 { padding: 30px; } .-padding-15 { padding: 15px; } /*=====================LISTING=================*/ .list-vertical li { display: block; padding: 0 0 10px 0; text-transform: capitalize; position: relative; color: #333; } /*===================RATING===================*/ .rated-wrap {} .rated { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; border: 1px solid var(--first-color); color: var(--txt-color); vertical-align: middle; padding: 0px; /*border: solid 1px var(--first-color);border-radius: 2px;*/ margin-top: 5px; height: 20px; padding-right: 5px; padding-left: 5px; } .rated .rate { line-height: 1; font-size: 0.8em; display: inline-block; vertical-align: middle; } /*==================INPUT and SELECT================*/ select:focus { box-shadow: none; } /* input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], input[type="number"], input[type="file"], textarea, select { box-shadow: 0px 2px var(--border-color-one); -moz-box-shadow: 0px 2px var(--border-color-one); -webkit-box-shadow: 0px 2px var(--border-color-one); } */ /*==================PLACEHOLDER===========*/ ::-webkit-input-placeholder { color: #888888; /* Firefox */ } ::-moz-placeholder { color: #888888; /* Firefox */ } :-ms-input-placeholder { color: #888888; /* Firefox */ } ::-ms-input-placeholder { color: #888888; /* Firefox */ } ::placeholder { color: #888888; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #888888; } /*===================PLUS SYMBOL==================*/ .plus-symbol { bottom: 0; cursor: pointer; display: block; opacity: 1; position: absolute; right: 0; top: 0; visibility: visible; width: 40px; z-index: 1; } .plus-symbol:before { background: #333; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; width: 10px; } .plus-symbol:after { background: #333; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 10px; } .plus-symbol.active:after { display: none; } /*====================ARROW=================*/ .arrow { position: relative; display: inline-block; padding-right: 35px; } .arrow:after { position: absolute; right: 10px; top: 50%; content: ""; width: 7px; height: 7px; transform: translateY(-80%) rotate(-45deg); -moz-transform: translateY(-80%) rotate(-45deg); -webkit-transform: translateY(-80%) rotate(-45deg); } .arrow.arrow--down:after { border-left: 1px solid #333333; border-bottom: 1px solid #333333; } /*==================HEADER==================*/ /*Overwrite from live*/ #header { background-color: #fff; color: #333; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 20; font-weight: 600; } .fixed .hamburger { top: 0px; } .header__action:hover .header__action-link { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /*-----Header Bar*/ .header-bar { display: -webkit-box; display: flex; margin: 0 auto; padding: 0 10px; -webkit-box-align: center; align-items: center; } .header-bar a { display: block; } .header__top { padding: 0 10px; position: relative; z-index: 20; background-color: var(--second-color); color: var(--second-inverse-color); } .header-label { padding: 5px 0px; font-size: .9em; } .short-links > ul > li > a.header__action-lang { padding-right: 25px; position: relative; } .header__action-lang:after { content: ""; position: absolute; right: 5px; top: 50%; width: 7px; height: 7px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: translateY(-80%) rotate(-45deg); transform: translateY(-80%) rotate(-45deg); } .header__action-langicon { height: 25px; width: 25px; padding: 0px; background-color: var(--grey-light); border-radius: 50px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media (max-width:767px) { .is-home .header-bar { -webkit-box-pack: center; justify-content: center; } } .header-bar > div:last-child { display: -webkit-box; display: flex; margin-left: auto; } @media (min-width:1199px) { .header-bar, .header__top { padding: 0 30px; } } .header-menu-button { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-right: 10px; } /*-----Hamburger*/ .header-left .header-menu-button { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-right: 20px; } .hamburger { top: 0; display: block; width: 20px; height: 30px; background-color: #fff; cursor: pointer; position: relative; z-index: 1; left: auto; margin: 0 10px 0 0; } .hamburger span { display: block; margin: 14px 0 0; position: relative; width: 100%; } .hamburger span:before { content: ""; left: 0; position: absolute; top: -7px; } .hamburger span:after { content: ""; left: 0; position: absolute; bottom: -7px; width: 100%; } .hamburger span, .hamburger span:before, .hamburger span:after { background: #333; width: 100%; height: 2px; } /*-----Hamburger Navigation*/ .navigation-wrapper { position: fixed; top: 0; bottom: 0; left: 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; background: #fff; 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); padding: 0; width: 260px; opacity: 0; overflow: auto; z-index: 110; margin: 0 auto; display: inline-block; vertical-align: top; } body.toggled_left .navigation-wrapper { transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); opacity: 1; } .navigations > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; float: none; width: auto; margin: 0; padding: 0; position: relative; font-size: 1em; font-weight: 600 } .navigations > li > a { padding: 15px 40px 15px 15px; height: auto; text-align: left; color: #333; display: block; position: relative; overflow: visible; text-overflow: ellipsis; white-space: nowrap; line-height: 1; } .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; transition: 0.4s all ease; } .navigations > li > a:after { left: 50%; } .navigations > li > a:before { right: 50%; } body.toggled_left .common_overlay, body.is-toggle .header__search.is-visible .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, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .navigations > li .subnav { display: none; position: relative; width: 100%; } .navigations > li.navchild > a:after, .navigations > li .nav-expand.active:after { display: none; } .subnav__wrapper .container, .navigations > li .subnav__wrapper.addspace { padding: 0; } .subnav_row { padding: 0px; } .sublinks { color: #222; margin: 0; text-align: left; } .sublinks > li { display: inline-block; margin: 0; width: 100%; vertical-align: top; padding: 0 15px; } .sublinks > li > a { color: inherit; display: block; font-size: 1em; text-transform: uppercase; padding: 0; } .sublinks > li > ul { margin: 10px 0; padding-top: 10px; border-top: 2px solid; } .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: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; } .sublinks > li > ul > li a:hover::before { right: 0; } .sublinks > li > ul > li a:hover { color: var(--first-color); } .trigger-js.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: none; } .trigger-target.is-visible { display: block; } .navigations > li > a:hover:before, .navigations > li > a:hover:after { display: none; } .navigations > li:hover > a { color: #333; } .navigations > li .subnav__wrapper { max-width: 1300px; margin: auto; padding: 10px; overflow: auto; background: #fff; border-top: medium none; box-shadow: none; display: inline-block; opacity: 1; position: relative; top: 0; visibility: visible; width: 100%; } .navigations > li .subnav__wrapper .sublinks > li {} .navigations > li .subnav__wrapper .sublinks > li > a > img { float: right; } .navigations > li .subnav__wrapper .sublinks > li > a > span { display: inline-block; max-width: 60%; } .navigations > li .subnav__wrapper .sublinks > li > a:after { clear: both; display: table; content: ""; } .navigations > li .subnav__wrapper .sublinks > li > ul {} @media(min-width:1199px) { .navigations > li.navchild > a { padding-right: 25px; } } /*-----Header single list nav*/ @media(min-width:767px) { .global-nav ul { display: -webkit-box; display: flex; } .global-nav ul li { padding: 0 15px; } .global-nav ul li a { /* font-size: 1rem;*/ font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color: currentColor; } } @media(min-width:1199px) { .global-nav ul li { padding: 0 25px; } .header-logo a.topnavs-toggle { display: none } } @media(min-width:767px) { .header-logo a.topnavs-toggle { display: none } } /*-----Logo*/ .header-logo a { display: -webkit-box; display: flex; } .header-logo { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .topnavs-toggle { cursor: pointer; display: none; height: 30px; position: relative; width: 30px; margin-right: 15px; padding-left: 5px; padding-right: 5px; } .topnavs-toggle span { background: #000; display: block; height: 2px; margin: 14px 0 0; position: relative; width: 100%; } .topnavs-toggle span:before { background: #000; content: ""; height: 2px; left: 0; position: absolute; top: -8px; width: 100%; } .topnavs-toggle span:after { background: #000; content: ""; height: 2px; left: 0; position: absolute; bottom: -8px; width: 100%; } .logo-image { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; align-content: center; -webkit-box-pack: start; justify-content: flex-start; height: 60px; } .logo-image img { width: auto; max-height: 40px; } /*-----Header Right Corner list*/ .header-corner-actions { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .header-bar .svg-icon { line-height: 15px; } /*-----Header Location*/ .address-dropdown { min-width: 100%; padding: 20px; position: absolute; top: 150%; right: 0; background: #fff; color: #000; box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1); transition: all 300ms; -webkit-transition: all 300ms; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 25; } @media(min-width:992px) { .header-address { position: relative; } .address-dropdown { min-width: 400px; } } .header-address.is-active .address-dropdown { opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 100%; } .address-is-active: {} @media(min-width:767px) { .header-address { border-right: 1px solid var(--border-color-one); margin-right: 20px; } .header-address > a { position: relative; padding: 5px 15px; height: auto; border-radius: 0; -webkit-transition: none; transition: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header-address.is-active > a { z-index: 21; } } .svg-icon.svg-location { padding-right: 5px; } .svg-icon.svg-location svg { height: 18px; width: 18px; display: block; } .address-form { text-align: center; } .address-form > div { padding-bottom: 15px; } .address-form > div:last-child { padding-bottom: 0; } .address-form .btn-address input, .address-form .btn-address { color: var(--first-inverse-color); font-size: 1rem; background: var(--first-color); } .selected-address { font-size: 1rem; } .selected-address .arrow { max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; color: var(--second-inverse-color); font-size: .9em; } .header-address .svg-icon { fill: var(--second-inverse-color); line-height: 1; } .header__top .arrow.arrow--down::after { border-color: currentColor; } @media(max-width:767px) { .address-select { padding: 5px 0; } .selected-address .arrow { max-width: 100px; padding-right: 20px; } .short-links > ul > li > a.header__action-lang { padding-right: 20px; } .short-links > ul > li { margin: 0 8px; } .short-links > ul > li > a { padding-top: 10px; padding-bottom: 10px; } .header__top { padding: 0 20px; } .header-bar { padding: 0 15px; } } @media(max-width:1200px) { .selected-address { font-size: 0.9em; } } /* @media(max-width:1200px) { .selected-address {} .selected-address span { font-size: 0.8rem; position: absolute; padding-right: 0; width: 100%; left: 0; right: 0; top: 100%; background: #fff; color:#000; padding: 5px; border-top: 1px solid #eee; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05); } .selected-address .arrow.arrow--down:after { display: none; } }*/ /*-----Header User*/ @media(max-width:1025px) { .header-bar .svg-user.-show-tab { display: inline-block !important; } .avtarImg { background-color: var(--grey-lighter); border-radius: 5px; width: 40px; height: 40px; border: 1px solid var(--grey-lighter); overflow: hidden; margin-right: 10px; } } @media(min-width:1025px) { .header-account { padding-right: 20px; position: relative; } } .header__action-link.sign-in { color: currentColor; /* text-decoration: underline; */ } .header__action-link.sign-in:hover { color: var(--second-color); text-decoration: none; } .header-account { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center } .header__account-user { padding-right: 15px; } .grey-circle { background-color: transparent; border: 1px solid var(--grey-lighter); border-radius: 4px; text-align: center; width: 40px; height: 40px; line-height: 40px; color: currentColor; } @media(max-width:1200px) { .grey-circle { margin: 0 5px; } } @media(min-width:767px) { .header-address .grey-circle { background-color: transparent; width: auto; height: auto; line-height: inherit; } } .header-address .grey-circle { display: inline-block; } /* @media(min-width:1025px) { */ .basket-action .grey-circle { width: auto; padding-left: 1rem; padding-right: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-width: 0; } .basket-action .grey-circle .cart-counter { display: inline-block; /* vertical-align: middle; */ width: 28px; height: 28px; line-height: 28px; border-radius: 28px; font-size: 0.8em; background-color: var(--first-color); color: var(--first-inverse-color); margin-left: 8px; } /* } */ .header__action .header__action-link { display: block; height: 40px; line-height: 40px; color: inherit; position: relative; min-width: 40px; padding: 0 15px; border-radius: 3px; transition: none; -webkit-transition: none; -ms-transition: none; } .header__action-target { position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); min-width: 200px; border-radius: 3px; display: none; z-index: 1; padding: 10px; } @media (min-width: 1199px) { .header-account:hover .header__action-target { display: block; } .header__action:hover .header__action-link { z-index: 2; color: #333; } .header__action:hover .header__action-link { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } } /*TOGGLE & TARGET CSS START HERE*/ .desktop.toggle--target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 25rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .desktop.toggle--target.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .desktop.toggle--target.visible { -webkit-transform: translateX(0); transform: translateX(0) } .toggle::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(240, 240, 240, 0.8); opacity: 0; visibility: hidden; pointer-events: none; content: ""; -webkit-transition: opacity .2s ease; transition: opacity .2s ease } .toggle.open::before { opacity: 1; visibility: visible; pointer-events: auto } a.toggle--nav { display: block; width: 25px; height: 25px; cursor: pointer } /*TOGGLE & TARGET CSS END*/ @media(max-width:1200px) { .header-account .header__action-target { position: fixed; right: 0; top: 0; bottom: 0; z-index: 22; width: 280px; left: auto; border-radius: 0; overflow: auto; font-size: 15px; padding: 0; display: block; } .header-account .trigger-js.is-active::after { background: rgba(0, 0, 0, 0.9); } .header__action-target .list--vertical .childs { padding-left: 15px; } .tablet.toggle__target.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tablet.toggle__target.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .tablet.toggle__target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 25rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #f7f7f7; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .tablet.toggle__target.visible { -webkit-transform: translateX(0); transform: translateX(0); } } .mobile.toggle__target:not(.header__action-target) { display: block; } @media (max-width: 767px) { .tablet.toggle__target { max-width: 17rem } .mobile.toggle__target.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mobile.toggle__target.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .mobile.toggle__target.top { left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .mobile.toggle__target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 17rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #f7f7f7; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .mobile.toggle__target.top { bottom: auto; max-width: 100%; } .mobile.toggle__target.visible { -webkit-transform: translateX(0); transform: translateX(0); } .global-nav ul li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 6px 10px; } .global-nav ul li a { color: var(--txt-color); } .header__account-user { display: none; } } .grey-circle.user_img_crcle { padding: 1px; } /*-----Header Basket*/ .basket-action { margin-top: 0; float: right; position: relative; cursor: pointer; } .basket-action .header__action-link .svg-basket { display: inline-block; } .basket-content { display: inline-block; vertical-align: middle; text-align: right; color: #333; } .basket-action .icn { background: url(images/retina/cart.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .basket-action .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; } @media(max-width:1025px) { .basket-action .cart-count { /*Growcer*/ background: var(--first-color); border-radius: 50%; width: 22px; height: 22px; display: block; position: absolute; z-index: 0; top: 0px; right: 5px; color: var(--first-inverse-color); border: solid 2px var(--first-color); font-size: 0.7em; text-align: center; vertical-align: middle; line-height: 2; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } } @media(min-width:1199px) { .basket-content .cart-static-label { display: block; font-size: 0.813rem; line-height: 8px; color: #bfbfbf; } .basket-content .cart-counter { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .basket-content .cart-counter .cart-static-label { font-size: 0.85rem; line-height: normal; color: #333; } .basket-content .cart-counter .cart-count.cartQuantity { padding-right: 2px } } .basket-content .cart-counter .cart-count.cartQuantity, .basket-content .cart-counter .cart-static-label { font-size: 0.85rem; } /*---Cart After Toogle*/ .cartdetail__footer a { display: inline-block; } /*==================HOME/INDEX==============*/ .is-home .body { background-color: #fff; } .hero-banner-wrapper { position: relative; padding-top: 2.5vw; padding-bottom: 2.5vw; } @media (min-width: 768px) { .hero-banner-wrapper { min-height: 70vh; display: -webkit-box; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; justify-content: center; } } @media (max-width: 767px) { /* .hero-banner-wrapper { padding: 30px; } */ .or:after, .or:before { width: 35%; } } @media (max-width:576px) { .cartdetail__footer a { display: block; } .block-on-mobile + .block-on-mobile { margin-top: 5px; } } @media (max-width: 600px) { .hero-banner-wrapper { padding: 15px; } } .hero-banner-wrapper .slick-list { overflow: visible; } .hero-banner { left: 0; top: 0; right: 0; bottom: 0; position: absolute; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0.6; overflow: hidden; } .hero-heading{ position: relative; color: #ffffff; text-align: center; padding-left: 1rem; padding-right: 1rem; font-size: calc(1rem + 1vw); } /* .hero-banner > div { width: 100px; height: 100px; }*/ .hero-banner .hero-item { position: relative; } .hero-image { background-size: cover; background-repeat: no-repeat; background-color: var(--grey-light); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; min-width: 100vw; min-height: 100vh; } /* @media (max-width:1200px) { .hero-banner-wrapper, .hero-image { min-height: 500px; } } */ @media (max-width: 767px) { .hero-image { /* background-image: none !important; */ /* min-height: auto; */ } .hero-banner-wrapper { min-height: auto; } } .hero-banner-in { background: #fff; width: 400px; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; text-align: center; z-index: 2; position: relative; } @media (min-width: 768px) { .hero-banner-in { width: 430px; padding: calc(1.5rem + 1.5vw); } } @media (max-width: 1024px) { .hero-banner-in { padding: 35px; } } @media (max-width: 767px) { .hero-banner-in { padding: 15px; position: relative; z-index: 1; width: 100%; } } .hero-banner-form {} .hero-banner-form .sign-in { margin: 0; background: #333; color: #fff; } .hero-banner-form .hero-form .city-filled-field, .hero-banner-form .hero-form .radius-filled-field { margin-bottom: 20px; } .hero-banner-form .hero-form .city-filled-field input[type="text"] { background-image: url(images/retina/map-pin.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; padding-right: 55px; } .radius-filled-field { text-align: left; } .hero-form .radius-field { background-image: url(images/retina/radius.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; } .hero-form .btn-fb, .hero-banner-form .btn-fb { background-color: #3b5998; color: #fff; } .hero-form .option-wrap .text-link, .hero-banner-form .option-wrap .text-link { color: #bfbfbf; margin-top: 15px; display: block; } /*---After Login*/ .hero-half-form .or, .hero-half-form .option-wrap { display: none; } @media (min-width: 768px) { .hero-half-form.hero-banner-wrapper { /* padding-top: 5.5vw; padding-bottom: 5.5vw;*/ } } /*----How works*/ .process-pannel {} .process-pannel .process { margin-top: 30px; } /*.process-pannel [class*="col-"] { padding-right: 30px; } .process-pannel [class*="col-"]:last-child { padding-right: 0; }*/ .process .process-icon { margin-bottom: 30px; } .process h5 { /*font-size: 1.125rem;*/ margin-bottom: 10px; } .process p {} @media(max-width:767px) { .process-pannel { text-align: center; } .process .process-icon img { margin: auto; } } @media(min-width: 600px) { .process-pannel [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 33.333%; max-width: 33.333%; } .process-pannel { text-align: left; } .process .process-icon img { margin: 0; } } /*---Home Section Cms*/ .section-cms .btn { padding-left: 60px; padding-right: 60px; } .grid-pannel {} .grid-pannel.grid-right { /*  margin-top: 60px*/ } .grid-pannel.grid-right [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; order: 2 } @media (min-width:769px) { .grid-pannel [class*="col-"]:last-child { padding-left: 40px; } .grid-pannel.grid-right [class*="col-"]:last-child { padding-left: 0 } .grid-pannel [class*="col-"]:last-child { padding-left: 90px; } } .grid-pannel h3 { max-width: 400px; } .grid-pannel p { margin: 20px 0; } .grid-pannel img { border-radius: 10px; } @media (min-width:1199px) { .grid-pannel.grid-app img { margin-left: -75px; max-width: initial; } } @media (max-width:768px) { .grid-pannel [class*="col-"]:last-child { padding-top: 20px; } .grid-pannel.grid-app [class*="col-"]:last-child { padding: 20px; } } /*---Testimonail*/ .section-testimonial { padding-top: 0; } .testimonial-wrapper { margin-top: 30px; } @media (min-width:700px) { .testi-block { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; padding: 0 25px; } } .testi-block .block-image { max-width: 270px; position: relative; width: 100%; border-radius: 6px; } .testi-block .block-image:before { position: relative; content: ""; display: block; padding-bottom: 100%; } .testi-block .block-image img { margin: auto; max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 6px; } .testi-block .block-comments { width: calc(100% - 270px); background-color: #f1f1f1; padding: 60px; align-self: stretch; margin-left: 20px; border-radius: 6px; color: #333; } .testi-block .block-comments h6 { font-weight: 800; color: #333; } @media (max-width:1023px) { .testi-block { background: #f1f1f1; margin: 0 25px; -webkit-box-align: center; align-items: center; border-radius: 6px; } } @media (max-width:700px) { .testi-block { padding: 10px; margin: 0px 15px; } .testi-block .block-image { margin: 20px 20px 0 20px; max-width: 70px; } .testi-block .block-comments { width: 100%; margin: 0px; padding: 20px; } } .brands { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } .brands li { max-width: 120px; padding: 10px; margin: 0 10px; } @media (max-width:1200px) { .brands li { max-width: 33.33%; -webkit-box-flex: 0; flex: 0 0 33.33%; padding: 20px; margin: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } } .brands li img { margin: auto; max-height: 100%; max-width: 100%; } @media (max-width:480px) { .brands li { max-width: 50%; -webkit-box-flex: 0; flex: 0 0 50%; } } /*==================BODY==================*/ .body { position: relative; z-index: 1; background-color: #ebebeb; } .is-home .body {} .is-home input[type="text"], .is-home input[type="email"], .is-home input[type="phone"], .is-home input[type="search"], .is-home input[type="password"], .is-home textarea, .is-home select, .is-home input[type="number"], .is-home input[type="file"] { height: 50px; line-height: 50px; } /*-----Common Quantity*/ .qty input { background: transparent; border-radius: unset; } /*-----Add symbol + Quantity input with Increase/Decrease*/ .add-request-wrap { position: absolute; top: 0; right: 0; } .qty-request-action { position: relative; display: -webkit-box; display: flex; display: -ms-flexbox; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; /* background-color: #E9F5E6; */ color: var(--first-color); margin-top: 40px; } .qty-request-action:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; background-color: currentColor; content: ""; } .select-options + .qty-request-action { margin-top: 0; } .qty-request-wrap { display: -webkit-box; display: flex; vertical-align: middle; white-space: nowrap; width: 100%; justify-content: space-around; align-content: center; border-radius: 4px 0px 0px 4px; background-color: #fff; height: 35px; } @media(min-width:1199px) { .qty-request-wrap { height: 24px; } } .qty-request-wrap { background-color: transparent; } .qty-request-wrap .svg-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; display: block; fill: var(--first-color); } .qty-request-wrap .svg-icon svg { vertical-align: middle; } .qty-request-wrap input.qty-value { height: 100%; padding: 0; width: calc(100% - 50px); border: none; background-color: transparent; border-radius: 0px; text-align: center; box-shadow: none; color: var(--first-color); } .btn-add-request { border-radius: 0 4px 4px 0; height: 35px; -webkit-box-pack: center; justify-content: center; font-size: 0.765rem; margin: 0; background-color: var(--first-color); color: var(--first-inverse-color); padding-top: 0; padding-bottom: 0; } @media(min-width:1199px) { .btn-add-request { height: 24px; line-height: 24px; } } .btn-add-request:hover { box-shadow: none; } .btn-add-request:before, .btn-add-request:after { display: none; } @media(min-width:1025px) { .add-request .svg-icon { border-radius: 3px; } .add-request-wrap:hover .svg-icon { border-radius: 0 3px 3px 0; } .add-text { right: 0; visibility: hidden; opacity: 0 } .add-request-wrap:hover .add-request { overflow: visible; } .add-request-wrap:hover .add-text { right: 30px; visibility: visible; opacity: 1; } } .svg-increase { fill: var(--first-color); } .svg-increase svg { vertical-align: middle; } .decrease, .increase { height: 100%; width: 40px; position: relative; } @media(min-width:1199px) { .decrease, .increase { width: 25px; } } /*-----Common Tile*/ .tile { position: relative; background-color: #fff; display: block; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; padding: 15px; } .tile .tile-media img { display: inline-block; margin: auto; max-width: 80%; max-height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .tile-media { display: block; position: relative; margin: auto; max-width: 100%; } .tile-media:before { position: relative; content: ""; display: block; } /*-----Title Modes*/ .tile .title { font-size: 1rem; color: #333; font-weight: 400; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*-----Tile with Store List Page*/ .store .tile-media { max-width: 200px; } .store .tile-media:before { padding-bottom: 75%; } .store .divider { margin-left: -15px; margin-right: -15px; display: block; background-color: #ebebeb; } .title.store-title { font-size: 0.9rem; font-weight: 700; padding-bottom: 0; } .store-rated-wrap { padding-top: 0; } /*Store Listing*/ .store-list > .row > [class*="col-"] { padding: 10px; } @media(min-width:1199px) { /*Store Listing*/ .store-list > .row { margin-right: -20px; margin-left: -20px; width: 100%; } .store-list > .row > [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; padding: 20px; } } /*-----STORE HOME PAGE----*/ /*-----Common for both Store Home and Store Product*/ .store-inline { padding: 15px; } @media(min-width:768px) { .store-inline { margin-right: 150px; } } .store-info .title { font-size: 1.5rem; padding: 0; } .store-info .shop-opened { line-height: 0; color: #333; } .store-info .rated-wrap { padding: 0; } .store-inline-wrap { background-repeat: no-repeat; background-position: right center; padding: 0; } @media (min-width: 1199px) { .store-inline-wrap, .store-iniline-info { padding: 5px 0; } } .store-inline .tile-media img { max-width: 115px; } .store-inline .tile-media { margin-left: -15px; margin-right: 15px; } .store-inline-wrap .search-form { max-width: 550px; width: 100%; position: relative; } .store-inline-wrap .search-form .search-form-field { position: relative; } /*.store-inline-wrap .search-form input[type="text"], .store-inline-wrap .search-form input[type="submit"] { height: 50px; line-height: 50px; }*/ .store-inline-wrap .search-form input[type="submit"] { background-image: url(images/retina/icon_magnifier.svg); background-color: transparent; background-position: 30px center; background-repeat: no-repeat; background-size: 15px 100%; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; font-weight: 600; font-size: 0; height: 100%; } .store-inline-wrap .search-form input[type="submit"]:hover { box-shadow: none; } .search-dropdown-wrap { border: 1px solid var(--border-color-one); border-top: 0px; position: absolute; width: 100%; top: 100%; left: 0; background-color: #fff; z-index: 10; box-shadow: 6px 4px 7px -5px rgba(0, 0, 0, .3); -moz-box-shadow: 6px 4px 7px -5px rgba(0, 0, 0, .3); -webkit-box-shadow: 6px 4px 7px -5px rgba(0, 0, 0, .3); } .search-dropdown-wrap .search-item-suggesion { list-style: none; } .search-dropdown-wrap .search-item-suggesion li { border-bottom: 1px solid #dedede } .search-dropdown-wrap .search-product { padding: 5px 10px; } .search-dropdown-wrap .search-product .col:first-child { max-width: 24%; } .search-dropdown-wrap .search-product .product-detail { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .search-dropdown-wrap .search-product .tile-media { margin-bottom: 0; } .search-dropdown-wrap .search-product .title { font-size: 0.8rem; -webkit-box-ordinal-group: 3; order: 2; width: 110px; } .search-dropdown-wrap .search-product .product-unit, .search-dropdown-wrap .search-product .price-standard { font-size: 0.8rem; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; } .search-dropdown-wrap .search-product .price-standard { margin-left: 5px; } .search-dropdown-wrap .search-product form { width: 68%; } .search-dropdown-wrap .decrease, .search-dropdown-wrap .increase { display: none; } .search-dropdown-wrap .qty-request-action { margin-top: 0; } .search-dropdown-wrap .qty-request-wrap input.qty-value { width: 100%; height: 100%; line-height: 100%; } .search-dropdown-wrap .view-all { padding: 10px; } .search-dropdown-wrap .view-all a { margin: auto; background-color: #f9f9f9; color: #888; font-size: 0.875rem; height: 34px; border-color: var(--grey-dark); line-height: 34px; } .search-dropdown-wrap .view-all a:hover { background-color: #f9f9f9; color: #333; border-color: #333; } @media(max-width:767px) { .search-item-suggesion [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .search-item-suggesion [class*="col-"]:last-child { -webkit-box-flex: 0; flex: 0 0 60%; max-width: 60%; } } @media(min-width:500px) { .search-dropdown-wrap .product-info { display: -webkit-box !important; display: flex !important; } .search-dropdown-wrap .search-product .col:first-child { max-width: 12%; } .search-dropdown-wrap .search-product .product-unit, .search-dropdown-wrap .search-product .price-standard { margin: 0 20px; } .search-dropdown-wrap .search-product .product-info { -webkit-box-pack: justify !important; justify-content: space-between; } .search-dropdown-wrap .search-product form { width: 30%; } } @media(max-width:600px) { .store-inline-wrap .store-inline { text-align: center; margin-bottom: 15px; } .store-inline .tile-media { padding: 15px; margin-left: 0; margin-right: 0; } .store-inline .tile-media img { margin: auto; } } @media(max-width:992px) { .store-inline-wrap .search-form { max-width: 100%; padding-bottom: 20px; } } /*-----Store Navigation*/ .main-page-nav {} .main-page-nav .page-nav-listing { margin-left: -15px; margin-right: -15px } .main-page-nav .page-nav-listing li { display: inline-block; padding: 0 15px; } .main-page-nav .page-nav-listing li a { color: #333; display: inline-block; padding: 10px; padding-top: 13px; -webkit-transition: color .2s linear; transition: color .2s linear; border-width: 0 0 3px; border-style: solid; border-color: transparent; } .main-page-nav .page-nav-listing li:hover a { border-color: var(--second-color); } .main-page-nav .page-nav-listing li .is-active { border-color: var(--second-color); font-weight: 700; } .store__nav { white-space: nowrap; overflow: hidden; overflow-x: auto; } /*-----Store Actions*/ .store-nav-header { position: relative; } .store-action-wrapper { -webkit-box-pack: center; justify-content: center; padding: 20px 0; } @media(min-width:1199px) { .store-action-wrapper { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } } .store-action-wrapper ul {} .store-action-wrapper ul li a { border: 1px solid var(--border-color-second); padding: 6px 16px; margin-right: 10px; border-radius: 4px; font-size: 0.875rem; background-color: #fff; height: 100%; color: #a6a6a6; } .store-action-wrapper ul li a.is-selected { color: #333; border-color: #333; } .store-action-wrapper ul li:last-child a { margin-right: 0px; } .store-action-wrapper ul li a:hover { color: #333; border-color: #333; } .store-action-wrapper ul li .is-active { color: var(--first-color); border-color: var(--first-color); } @media(max-width:400px) { .store-action-wrapper ul { padding: 0 10px; } .store-action-wrapper ul li { padding: 5px; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .store-action-wrapper ul li a { display: block; text-align: center; padding: 10px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /*-----Adverting pannel*/ .advertisement-wrapper { padding-top: calc(1.5rem + 1.5vw); padding-bottom: calc(1.5rem); } .is-home .advertisement-wrapper { /* padding-top: 70px; */ /* border-bottom: 1px solid #e5e5e5; */ } .hero-banner-wrapper .advertisement-wrapper { overflow: hidden; width: 100%; } @media(max-width:767px) { .hero-banner-wrapper .advertisement-wrapper { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } @media(min-width:1199px) { .advertisement-wrapper ul { margin-left: -15px; margin-right: -15px; } } .advertisement-wrapper ul li { display: inline-block; margin-left -2px; margin-right -2px; padding: 0 10px; } .advertisement-wrapper ul li a, .advertisement-wrapper ul li a img { border-radius: 10px; } @media(min-width:1210px) { .advertisement-wrapper ul li { padding: 0 15px; } advertisement-wrapper ul li a, .advertisement-wrapper ul li a img { max-width: 100%; width: 100%; } } /*-----Tile with Product Page*/ .product { padding: 10px; } .tile.product .title img { display: inline-block; vertical-align: top; width: 14px; margin: 3px 0 0 0; } .product .tile-media { margin-bottom: 10px; } .product .tile-media:before { padding-bottom: 100%; } .product .tile-media img { border-radius: 4px; } /*-----Product Hovered*/ .product-listing.carousel { padding-right: 0px; } .product-listing .slick-list { padding: 0 5px; } .product-hovered { border-width: 1px; border-style: solid; border-color: transparent; } .product-hovered:hover { border-color: var(--border-color-one); } .product-category { font-size: 0.75rem; color: #888; font-weight: 400; } .product .select-options {} .select-options select { height: 25px; font-size: 0.765rem; padding-left: 10px; color: #333; background-image: none; } .select-options.arrow { width: 100%; padding-right: 0; margin-bottom: 10px; } .product-price { margin: 5px 0; } .product-price .price-standard { font-size: 1rem; color: #333; } .product-price { font-size: 0.875rem; -webkit-box-pack: justify; justify-content: space-between; } .product-price .price-old { font-size: 0.775rem; color: #888; margin-right: 3px; } .product-price .price-discounted { position: absolute; top: 10px; left: 10px; padding: 2px 4px; border-radius: 3px; font-size: 0.76rem; color: #fff; background: var(--second-color); } .product-action {} .product-action .btn-add-cart { font-size: 1.02rem; margin: 0 auto; background-color: #E9F5E6; color: var(--first-color); } @media(min-width:1199px) { .product-action .btn-add-cart { font-size: 0.875rem; height: 30px; } } /*Product Quick View-----------*/ #facebox .content.productQuickView .prod_scroller { max-height: 430px; overflow-y: auto; overflow-x: hidden; } /*Tile Category-------------*/ .category { padding: 0; } .category .tile-media { max-width: 165px; margin-bottom: 15px; } .category .tile-media:before { padding-bottom: 100%; } .category .tile-media img { border-radius: 6px; } .category .category-count { font-size: 0.75rem; color: #888; font-weight: 400; margin-left: 3px; } /*-----Full page Media Store home[*/ @media(max-width:1025px) { .store-inline-wrap { background-image: none !important; } .main-page-nav { display: block; width: 100%; margin: auto; text-align: center; border-bottom: 1px solid var(--border-color-second); } /* .store-nav-header { margin-left: -10px; margin-right: -10px; }*/ } @media(max-width:767px) { .store-white-wrapper { overflow: hidden; } .main-page-nav::after { content: ""; border-bottom: 1px solid var(--border-color-second); left: -30px; position: absolute; right: -30px; } } /*-----]*/ /*-----SHOP PRODUCT PAGE*/ /*============================BLOCK==================*/ .store-inline-wrap.store-active .tile-media img { max-width: 70px; } .store-inline-wrap.store-active .store-info .title { font-size: 1.3rem; } .block { padding: 15px 30px; position: relative; } @media(max-width:1024px) { .block { padding: 15px; } } .block-head { margin-bottom: 10px; } .block-head h5 { font-size: 1.125rem; color: #333; } .block-head a { color: #888; font-size: 0.875rem; cursor: pointer; text-decoration: underline; } .block-body {} .filter-categories .plus-symbol { right: -10px; opacity: 0.6 } /*-----Filters Grid*/ .grid-wrapper {} .grid-wrapper .grid-left { float: left; width: 250px; clear: left; } @media(max-width:1024px) { .grid-wrapper { padding: 0 10px; } } @media(min-width:1199px) { .grid-wrapper .grid-right { float: right; clear: right; width: calc(100% - 250px); padding: 0 0 0 30px; } } .grid-container [class*="col-"] { padding-top: 15px; padding-bottom: 15px; } @media(min-width:1200px) { .grid-wrapper .grid-right [class*="col-"] { max-width: 25%; -webkit-box-flex: 1; flex: auto; } } @media(min-width:1201px) { .grid-wrapper .grid-right [class*="col-"], .listing-products.-listing-products  .product-listing  [class*="col-"]{ max-width: 20%; -webkit-box-flex: 1; flex: auto; } } /*---Filters left pannel*/ .filters-wrap {} @media(max-width:1200px) { .filters-wrap { background: #fff; bottom: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 300px; opacity: 0; visibility: hidden; z-index: 22; padding: 0; border-radius: 0; } html.show-filters .filters-wrap { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } } .filters-wrap .block-wrapper { margin-bottom: 30px; } .filters-wrap .block-wrapper .plus-symbol { top: -6px; } .filters-wrap .block-wrapper .plus-symbol:before, .filters-wrap .block-wrapper .plus-symbol:after { left: 25px; } .filters-wrap .selected-filters { margin-left: -5px; margin-right: -5px; } .filters-wrap .selected-filters a { color: #999999; font-size: 0.8em; display: inline-block; padding: 5px 10px; margin: 4px; background: #fff; position: relative; padding-right: 30px; border: 1px solid var(--border-color-second); border-radius: 4px; } .filters-wrap .selected-filters a:after { position: absolute; content: "+"; font-size: 1.4rem; font-weight: 700; top: 50%; right: 4px; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); opacity: 0.7; } /*---Filters Category Block*/ .filter-category-list { display: none; position: relative; width: 100%; } .filters-wrap .categories { width: 100%; margin: 0; } .filters-wrap .categories ul li a, .filters-wrap .categories ul li label { font-size: 0.875rem; position: relative; color: #888888; margin: 5px 0; display: inline-block; padding-right: 40px; } .filters-wrap .categories ul li a:hover .filters-wrap .categories ul li label:hover { color: var(--first-color); } .filters-wrap .categories li { position: relative; list-style-type: none; margin: 0; } .filters-wrap .categories li label { padding: 0; } .filters-wrap .categories ul ul ul li a { color: #999999; } .filters-wrap .categories li a.is--active { font-weight: 600; } .filters-wrap .categories ul ul li a { display: -webkit-box; display: flex; position: relative; padding-right: 0; -webkit-box-align: center; align-items: center; } .filters-wrap .categories ul ul li a:hover { color: #333; } .filters-wrap .categories ul ul { display: none; } .filters-wrap .categories li.active > ul { display: block; } .filters-wrap .categories ul ul { margin-left: 10px; } .filters-wrap .categories .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; } .filters-wrap .categories .acc-trigger.is--active { top: 4px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(135deg); transform: rotate(135deg); } /*---Filters label and checkbox/radio Block*/ .filters-wrap ul li label { font-size: 0.875rem; position: relative; color: #888888; margin: 5px 0; display: inline-block; padding-right: 40px; } .filters-wrap .checkbox .input-helper:before, .filters-wrap .radio .input-helper:before { border-color: #a8a8a8; } /*---Filter with Price .price-range .js-growcer-slider .irs-line, .price-range .js-growcer-slider .irs-bar, .price-range .js-growcer-slider .irs-handle > i:first-child { background: silver; } .price-range .js-growcer-slider .irs-from, .price-range .js-growcer-slider .irs-to, .price-range .js-growcer-slider .irs-single { color: #fff; font-size: 10px; padding: 0px 5px; background: var(--first-color); -moz-border-radius: 4px; border-radius: 4px; position: absolute; display: block; top: 9px; left: 0; cursor: default; white-space: nowrap; width: auto; height: 20px; min-width: 22px; text-align: center; line-height: 20px; } .price-range .js-growcer-slider .irs-from:after, .price-range .js-growcer-slider .irs-to:after, .price-range .js-growcer-slider .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: var(--first-color); } .price-range .js-growcer-slider .irs-handle > i, .price-range .js-growcer-slider .irs-handle > i:first-child{ background: var(--first-color); } .price-range .js-growcer-slider .irs-to{z-index: 2;     cursor: pointer;} .price-range .js-growcer-slider .irs-handle > i:hover, .price-range .js-growcer-slider .irs-handle > i:hover{ background:  var(--first-color); } */ .price-range .js-growcer-slider .irs-handle.state_hover, .price-range .js-growcer-slider .irs-handle:hover, .price-range .js-growcer-slider .irs-handle, .price-range .js-growcer-slider .irs-bar, .price-range .js-growcer-slider .irs-from, .price-range .js-growcer-slider .irs-to, .price-range .js-growcer-slider .irs-single { background-color: var(--first-color); color: var(--first-inverse-color); } .price-range .js-growcer-slider .irs-from, .price-range .js-growcer-slider .irs-to { font-size: 12px; padding: 5px 7px; } .price-range .js-growcer-slider .irs-handle.state_hover > i:first-child, .price-range .js-growcer-slider .irs-handle:hover > i:first-child, .price-range .js-growcer-slider .irs-handle > i:first-child, .price-range .js-growcer-slider .irs-from:before, .price-range .js-growcer-slider .irs-to:before, .price-range .js-growcer-slider .irs-single:before { border-top-color: var(--first-color); } .price-range .js-growcer-slider .irs-line { background-color: #eee; } /*----pannel top*/ .pannel-top { margin-bottom: 30px; position: relative; } @media (max-width: 1024px) { .pannel-top { padding: 0; margin-bottom: 10px; background-color: transparent; } .pannel-top .top-actions .btn-filter-wrap { width: 50%; padding-right: 8px; } .btn-filter { font-size: 0.8rem; padding: 0 35px 0 10px; text-align: left; background: #fff; color: #888; border: 1px solid var(--border-color-one); text-transform: uppercase; letter-spacing: 0.45px; display: block; margin: 0; white-space: nowrap; text-overflow: ellipsis; } .btn-filter .icon_filters { position: absolute; right: 14px; top: 10px; width: 16px; } } @media (min-width: 700px) and (max-width:1200px) { .pannel-top { display: -webkit-box; display: flex; } .top-actions { width: 80%; margin: 0 auto; } } .sort-list { position: relative; } @media (max-width: 1200px) { .pannel-top .top-actions .sort-list { width: 50%; padding-left: 8px; } } .sort-list ul li span { display: inline-block; height: 100%; padding: 6px 16px; margin-right: 10px; border-radius: 4px; font-size: 0.875rem; color: #a6a6a6; background-color: #fff; border: 1px solid var(--border-color-second); } .sort-list ul li .checkbox, .sort-list ul li .radio { padding: 0 } .sort-list ul li span:hover, .sort-list ul li input:checked + span { color: #333; border-color: #333; } @media (max-width: 1200px) { .sort-caption { position: relative; display: block; height: 40px; padding: 0 35px 0 10px; border-radius: 4px; line-height: 40px; text-transform: uppercase; background: #fff; border: 1px solid var(--border-color-one); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sort-hamburger { display: block; margin: 14px 0 0; position: absolute; width: 25px; top: 4px; right: 18px; } .sort-hamburger, .sort-hamburger:before, .sort-hamburger:after { background: #333; width: 13px; height: 2px; } .sort-hamburger:before { content: ""; left: 0; position: absolute; top: -6px; width: 20px; } .sort-hamburger:after { content: ""; left: 0; position: absolute; bottom: -6px; width: 6px; } .sort-caption-value { font-size: 0.8rem; color: #888; } .sort-list .sort-dropdown { display: none; background: #fff; border: 1px solid #ddd; width: 100%; } .sort-list ul li label { display: block; } .sort-list ul li:first-child span { border-top: 0; } .sort-list ul li span:hover, .sort-list ul li input:checked + span { border-color: transparent; } .sort-list ul li span { display: block; padding: 10px; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; } } .btn-switch-list ul { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .btn-switch-list ul li:last-child a { border-left: 1px solid var(--border-color-one); padding-left: 10px; margin-left: 10px; } .btn-switch-list ul li svg { vertical-align: middle; margin-top: -5px; } .btn-switch-list ul li svg { vertical-align: middle; margin-top: -5px; } .btn-switch-list ul li a:hover svg, .btn-switch-list ul li a.is-active svg { stroke: var(--first-color); } /*----pannel bottom*/ @media (max-width: 1200px) { .pannel-bottom { padding: 0; } .pannel-bottom.white-fill { background-color: transparent; } } /*---To swich grid to list or vice versa*/ .grid-container.list-view [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .grid-container.list-view [class*="col-"] .product { display: table; width: 100%; table-layout: fixed; } .grid-container.list-view .product .tile-media { width: 157px; float: left; } .grid-container.list-view .product .product-info { width: calc(100% - 160px); float: left; padding: 0 0 0 35px; } .grid-container.list-view .product-action { width: 185px; } /*============================FOOTER=========================*/ /*-----Footer Upper*/ .footer__upper { padding: 0; background: #fbfbfb; border-top: 1px solid #ebebeb; } /*-----Section Values*/ .section-values {} .section-values .row-infos .info-icon { background-color: var(--grey-lighter); width: 45px; height: 45px; border-radius: 100%; position: relative; margin: 0 0 15px 0; } .section-values .row-infos .info-icon img { max-width: 25px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .section-values .row-infos h6 { padding: 0; } .section-values .row-infos p { line-height: 1.5; font-size: 0.938rem; color: #888888; margin: 0; } @media(min-width:1199px) { .section-values .row-infos > [class*="col-"] { padding-right: 10px; } } @media(max-width:767px) { .section-values .row-infos > [class*="col-"] { padding-bottom: 20px; } } @media(max-width:768px) { .section-values .row-infos .info-icon { float: none; margin: 0 auto 15px; } .section-values .row-infos { text-align: center; } } /*-----Section subscribe*/ .form-subscribe { position: relative; border-radius: 50px; margin: 5px 0 0; } .form-subscribe form img { margin-right: 15px; } @media(min-width:1199px) { .form-subscribe { max-width: 1100px; margin: auto; } } .form-subscribe .form { display: -webkit-box; display: flex; } .form-subscribe input[type="text"] { margin: 0 30px; max-width: 600px; } .form-subscribe input[type="submit"] { background-image: none; background-color: #fff; border: 1px solid #333; border-radius: 4px; color: #333; font-size: 1.125rem; height: 50px; width: auto; float: none; min-width: 235px; } .form-subscribe input[type="submit"]:hover { color: #fff; background-color: #000; border-color: #000; } .form-subscribe input[type="text"]:focus { box-shadow: none; border-color: #333; } .form-subscribe input[type="text"]:focus::-webkit-input-placeholder { color: #333; opacity: 1; } .form-subscribe input[type="text"]:focus::-moz-placeholder { color: #333; opacity: 1; } .form-subscribe input[type="text"]:focus:-ms-input-placeholder { color: #333; opacity: 1; } .form-subscribe input[type="text"]:focus:-moz-placeholder { color: #333; opacity: 1; } /*-----Footer lower and bottom*/ /*.footer__lower [class*="col-"] { border-left: 1px solid #ebebeb; padding: 50px; } .footer__lower [class*="col-full-last"] { padding-right: 0; } @media (max-width:1200px) { .footer__lower [class*="col-"] { padding: 30px; } .footer__lower [class*="col-full-last"] { padding-right: 0; } } @media (max-width: 1209px) { .footer__lower .row > [class*="col-"]:first-child { padding-left: 20px !important; } }*/ .footer__bottom { border-top: 1px solid #ebebeb; padding: 20px 0; color: #666; } .footer-col-border { border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); height: 100%; } .footer-last-col { padding-left: 3rem; } /*.footer__lower [class*="col-"],*/ .footer__bottom { border-color: rgba(255, 255, 255, 0.1); } .footer__lower, .footer__bottom { background: #333; } .footer__lower h1, .footer__lower h2, .footer__lower h3, .footer__lower h4, .footer__lower h5, .footer__lower h6 { color: #fff; font-size: 1.125rem; } .footer__lower h6 { margin-bottom: 10px; } @media(min-width:767px) { .footer__lower h6 { pointer-events: none; } } .footer__lower .btn { /* opacity: 0.5; */ font-weight: 400; margin-bottom: 20px; margin-left: 0; margin-right: 0; } @media(max-width:1300px) { .footer__lower .btn { font-size: .95em; } } .footer__lower .btn--border { border-color: rgba(255, 255, 255, 0.5); } .footer a { font-size: 1rem; letter-spacing: 0.6px; } .social-list li { display: inline-block; vertical-align: top; /* padding: 0 10px 10px 0; */ margin-bottom: 10px; } .social-list li a { width: 45px; height: 45px; border-radius: 3px; position: relative; display: block; text-align: center; border: 0 none; /*background-color: rgba(255, 255, 255, 0.1);*/ } .social-list li a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; } .links-vertical li { margin: 5px 0 0; color: #999; } .links-vertical li a { color: inherit; } .links-vertical li a:hover { color: #000; text-decoration: underline; } .links-horizontal { display: -webkit-box; display: flex; } .links-horizontal li { margin: 0 10px 0 0; } .links-vertical li a:hover { color: var(--second-color); text-decoration: none; } .footer__bottom p a { color: inherit; } /*============================TABS PAGE NAVIGATION [USED IN PRODUCT DETAIL PAGE]=========================*/ .page-nav--centered.page-nav {} .page-nav { display: inline-block; width: 100%; } .page-nav li { display: inline-block; vertical-align: top; padding: 0 45px 0 0; padding-right: 30px; } .page-nav li a.is-active { color: var(--second-color); } .page-nav li a { display: block; font-size: 1rem; padding: 20px 0; position: relative; font-weight: 700; color: #373838; } .page-nav li a.is-active::before { position: absolute; left: 0; right: 0; bottom: -1px; content: ""; height: 4px; background: var(--second-color); } /*============================LOGIN POPUP AND FACEBOX=========================*/ #facebox .popup .content { box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); /* border: 1px solid #f2f2f2; */ } #facebox .close.close--white:before, #facebox .close.close--white:after { background: var(--grey-darkest); } .login-wrapper .social-list ul, .group_wrapper_for_signup .social-list ul { /* display: flex; flex-direction: column; justify-content: center; */ } .group_wrapper_for_signup .or { max-width: 100%; } .group_wrapper_for_signup .or:after, .group_wrapper_for_signup .or:before { width: calc(100% - 30px); } .group_wrapper_for_signup .or span { background: #fff; padding: 0 10px; display: inline-block; position: relative; z-index: 1; } #facebox .login-wrapper .social-list li, #facebox .login-wrapper ul li, .group_wrapper_for_signup .social-list li, .group_wrapper_for_signup ul li { padding: 0; margin: 0 0 10px; } #facebox .login-wrapper ul li{margin:0 10px 10px 10px;} #facebox .social-list li { text-align: center; margin: auto; display: block; } #facebox .social-list li a, .group_wrapper_for_signup .social-list li a { text-align: center; margin: auto; display: block; } .login-wrapper .social-list li a img, #facebox .login-wrapper .social-list li a img, .group_wrapper_for_signup .social-list li a img { width: 15px; margin: auto; margin-left: 20px; } .login-wrapper .social-list ul li .btn--fb, .group_wrapper_for_signup .social-list li .btn--fb, .btn--fb { background-color: #3856a0; } .login-wrapper .social-list ul li .btn--gp, .group_wrapper_for_signup .social-list li .btn--gp, .btn--gp { background-color: #dd4330; } /*============================CART POPUP=========================*/ /*--Cart Seller---*/ .cart.cart-is-active .dropsection.cart-seller { overflow: visible; padding-top: 0; } .cart-seller .close { left: -20px; top: 0; right: auto; background: #fff; border-radius: 50%; opacity: 1; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); padding: 20px; } .cart-seller .close:before { top: 7px; } .cart-seller .close:after { left: 7px; } .cart-seller .grey_head { border-top: 0 none; } .cart-seller .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; color: var(--grey-darker); } .cart-seller .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-seller .grey_head { padding: 7px 30px; font-size: 14px; } .cart-seller .cart-summary tr:last-child { border-bottom: 0px; } .repeat-cell.cart-seller-wrap .box_wrap { padding-bottom: 10px; } .cart-seller .cartdetail__footer { background: var(--grey-lighter); margin: 10px 15px; } .cart-seller-actions { padding: 0 10px; } .cart-seller-actions .seller-actions td { padding: 10px; width: 50%; } /*--Cart Buyer----*/ .cart .dropsection{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart .cartdetail__body{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cart.cart-is-active .dropsection.cart-buyer { overflow: visible; } @media(min-width:767px) { .cart.cart-is-active .dropsection.cart-buyer { padding-top: 0; } } .cart-buyer .close { left: -20px; top: 0px; right: auto; background: #fff; border-radius: 500px; opacity: 1; background-color: var(--grey-light); padding: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cart-buyer .close::before { height: 12px; width: 2px; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; } .cart-buyer .close::after { width: 12px; height: 2px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; } @media(max-width:767px) { /*  .cart.cart-is-active .cart-buyer .close { top: 10px; right: 10px; left: auto; }*/ .cart-detail { max-width: 18rem; padding-top: 0; } } .cart-buyer .grey_head { border-top: 0 none; } .cart-buyer .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; /* color: var(--grey-darker); */ } .cart-buyer .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-buyer .grey_head { padding: 7px 30px; font-size: 14px; } .cart-buyer .cart-summary tr:last-child { border-bottom: 0px; } .repeat-cell.cart-buyer-wrap .box_wrap { padding-bottom: 10px; } .repeat-cell.cart-buyer-wrap:first-child { padding-top: 0; } .cart-buyer .cartdetail__footer { background: var(--grey-lighter); /* margin: 10px 15px; */ padding: 10px ; } .cart-buyer .cartdetail__footer .cart-btn-group{ -webkit-display: flex; -ms-display: flex; display: flex; } .cart-buyer .cartdetail__footer .cart-btn-group > *{flex: 1; margin: 0;} .cart-buyer .cartdetail__footer .cart-btn-group > *:not(:last-child){margin-right: 10px;} @media only screen and (max-width: 767px) { .cart-buyer .cartdetail__footer { margin: 5px; } .cart-buyer .cartdetail__footer .btn { padding: 0 13px; font-size: 1rem; margin: 5px 0; display: block; } } .cart-buyer-actions { padding: 0 10px; } .cart-buyer-actions .seller-actions td { padding: 10px; width: 50%; } .dropsection.cart-buyer .cart-summary.item-yk .item-yk-head-specification { word-break: break-all; white-space: normal; } /* .dropsection.cart-buyer .cart-summary .product_price span { display: block; } */ .repeat-cell.cart-buyer-wrap { padding: 0; } .cart-buyer-wrap h5 { border-top: 0 none; padding: 10px 20px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background-color: var(--grey-darker); color: var(--white-color); } .item-detail-listing { max-height: 80vh; overflow: hidden; overflow-y: auto; } .cart-buyer-wrap .title_head { padding: 0; } .cart-buyer-wrap .grey_head label { font-weight: 500; } .cart-buyer-wrap .grey_head .green_tag { font-size: 14px; font-weight: 700; margin-left: 10px; margin-bottom: 0; padding: 5px 10px; } .cart-buyer-wrap .cart-buyer-actions .seller-actions td { width: auto; } .cart-buyer-listing.cart--full tr { border-bottom: 0 none; } .cart-buyer-listing.cart--full .cart-buyer-wrap tr { border-bottom: solid 1px var(--grey-darker); } @media (max-width:767px) { .cart-buyer-listing .panel__head .btn { margin-top: 15px; } .cart-buyer-wrap .grey_head { display: block; text-align: center; } } .cart-buyer-wrap .cart-buyer-actions .seller-actions td { padding: 0 5px; vertical-align: middle; } .cart-buyer-wrap .cart-buyer-actions { padding-right: 0; } .cart-buyer-wrap .cart-buyer-actions .field-set { margin: 0; } .cart-buyer-wrap .label_tag { color: var(--txt-color-light); } .cart-buyer-wrap .cart--full tr td:not(:last-child):first-child { padding-left: 0; width: 100px; vertical-align: middle; } .cart-buyer-wrap .cart--full tr td { vertical-align: middle; } .cart-buyer-wrap .qty-wrapper { display: block; } .cart-buyer-wrap .qty-wrapper .qty-wrap { display: -webkit-box; display: flex; } .cart-buyer-wrap .qty-wrapper .qty { /* width: 20% */ max-width: 150px; } @media(max-width:767px) { .cart-buyer-wrap .qty-wrapper .qty { width: 100%; } } .cart-buyer-wrap .qty-wrapper .refresh { width: 25px; } .cart-buyer-wrap .qty-wrapper .refresh path { fill: var(--second-color); } .cart-buyer-wrap .qty-wrapper .text--normal-primary { margin-top: 2px; display: block; color: var(--first-color) !important; font-size: 12px; } .cart-buyer-wrap .price-wrap .text--normal-secondary { margin-left: 10px; } .cart-buyer-wrap .cart--full tr td:not(:first-child):last-child { width: 15%; } .cart-buyer-wrap .cart--full tr td:last-child .btn { margin-top: 10px; } .cart-buyer-wrap .cart--full tr:last-child { border-bottom: 0 none; } .cart-footer-buyer { background: var(--grey-lightest); padding: 1rem; } .cart-footer-buyer.cart-footer .cartdetail__footer { /* width: 35%; */ } .cart-footer-buyer.cart-footer .cartdetail__footer table td { padding: 10px; } .cart-footer-buyer.cart-footer .cartdetail__footer table td:first-child { padding-left: 0; } .cart-footer-buyer.cart-footer .cartdetail__footer table td:last-child { padding-right: 0; } .cart-footer-buyer.cart-footer .cartdetail__footer table tr.border { border: 0 none; border-top: 1px dashed var(--grey-light); } /* .cart-footer-buyer .cartdetail__footer td, .cart-footer-buyer .cartdetail__footer td.hightlighted { font-size: 1.1em; } */ /*============================SHOP TIME SLOT POPUP=========================*/ .togglehead { display: none; } .tabspanel .tabs_list { display: table; margin: 0 auto; } .tabspanel .tabs_list li { display: inline-block; padding: 0 10px 10px 25px; } .tabspanel .tabs_list li a { border-bottom: 3px solid transparent; padding-bottom: 8px; } .tabspanel .tabs_list li a .txt { font-size: 20px; color: #2c2c2c; margin-left: 10px; vertical-align: top; } .tabspanel .tabs_list li:hover a, .tabspanel .tabs_list li a.active { border-bottom-color: #9de8d7; } .tabspanel .tabs_list li:hover a .txt, .tabspanel .tabs_list li a.active .txt { color: #6dc2af; } .tabspanel .tabs_list li:hover a .svg_icon, .tabspanel .tabs_list li a.active .svg_icon { fill: #6dc2af; } #facebox .shop__slot__popup { padding: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 580px; } @media (max-width: 1024px) { #facebox .content.faceboxWidth.shop__slot__popup { width: auto; } .dashboard .container--addresses { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } .shop__slot__popup .tabspanel { display: -webkit-box; display: flex; flex-wrap: wrap; } .cal-wrap, .slot-wrap { width: 50% !important; } .slot-wrap { padding: 25px; padding-right: 0px; } .shop__slot__popup .normaltabs li a { padding: 8px 20px; display: -webkit-box; display: flex; /*flex-wrap: wrap;*/ -webkit-box-align: center; align-items: center; } .shop__slot__popup .normaltabs li a:hover, .shop__slot__popup .normaltabs li a.is-active { background-color: var(--first-color); color: var(--first-inverse-color); } .shop__slot__popup .cal-icon { padding-right: 15px; } .shop__slot__popup .cal-icon svg { fill: #dcdcdc; } .shop__slot__popup .normaltabs li a:hover .cal-icon svg, .shop__slot__popup .normaltabs li a.is-active .cal-icon svg { fill: #fff; } .shop__slot__popup .cal-list { /*display: flex;*/ -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; color: #000; font-size: 15px; } .shop__slot__popup .cal-list span { margin-left: 7px; } .shop__slot__popup .normaltabs li a:hover .cal-list, .shop__slot__popup .normaltabs li a.is-active .cal-list { color: #fff; } .shop__slot__popup .slot-wrap .title { margin-bottom: 20px; font-size: 1.2rem; } .shop__slot__popup .slot-wrap .slot-list li { margin-bottom: 18px; } .shop__slot__popup .slot-wrap .slot-list li:last-child { margin-bottom: 0; } .radio.is-checked .input-helper:after { -webkit-transform: scale(1); transform: scale(1); } .checkout-page .action_two_cell { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .checkout-page .self_pickup_field { float: left; } .checkout-page .delivery_slot_field { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .checkout-page .delivery_slot_field .field-set label { margin-right: 5px; } .checkout-page .setDeliveryDate a { /* border: 1px solid var(--first-color); */ padding: 5px 10px; background-color: #fff; color: #000; /* background-image: url(images/arrow-link.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 17px 17px; padding-right: 33px; */ } .checkout-page .setDeliveryDate a { color: #000; font-size: 13px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .checkout-page .setDeliveryDate a .cal-slot-icon { display: inline-flex; margin-left: 10px; width: 15px; height: 21px; } .checkout-page .setDeliveryDate a .cal-slot-icon svg { width: 15px; } .checkout-page .setDeliveryDate a .cal-slot-icon path { fill: var(--first-color) } .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { max-height: 320px; min-height: 320px; } .slot-wrap .scrollbar { max-height: 240px; } .slot-wrap .slot-list { padding-top: 10px; } .popup .shop__slot__popup .scroll__handle { margin: 0 0 0 -4px; background: #c3c3c3; } form.header_location_form { border: 1px solid rgba(0, 0, 0, 0.2); } .remove_first_document { margin-right: 10px; margin-bottom: 5px; } .form__content .add_document { margin-top: 25px; } @media(max-width:500px) { .form__content .add_document { margin-top: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 100%; } .cal-wrap, .slot-wrap { width: 100% !important; } .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { min-height: auto; } .checkout-page .container--addresses .form input[type="submit"], .checkout-page .container--addresses .form input[type="button"] { display: block; width: 100%; margin: 10px 0; } } @media(max-width:700px) { .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { min-height: auto; } } /*============================DASHBORAD=========================*/ .dashboard-togles span.ink { display: block; } .toggled-user .dashboard-options li a { /* box-shadow: 0 0px 20px 3px #000; -moz-box-shadow: 0 0px 20px 3px #000; -webkit-box-shadow: 0 0px 20px 3px #000;*/ border: 1px solid #f2f2f2; } .field_cover .btn-showmap { line-height: 40px; } .tabs--small li { background: transparent } /*--From Style-css*/ .dashboard .map-wrap { margin-top: 15px; } /*============================ORDER PAGE=========================*/ .orders-detailing {} .light-graybg { background: #fff; padding: 15px; } .border-gap { border-top: 1px solid #e2e7ec; margin-left: -15px; margin-right: -15px; padding: 15px; } .repeated-table { padding: 15px; } .orders-detailing .repeated-table tr th, .orders-detailing .label-field { color: #38424f; font-weight: 700; text-transform: uppercase; text-align: left; } @media(max-width:1440px) { .orders-detailing .label-field { display: none !important; } } @media(max-width:700px) { .orders-detailing .label-field { display: block !important; } } .orders-detailing .repeated-table tr th, .orders-detailing .repeated-table tr td, .orders-detailing .label-field { font-size: 13px; padding: 15px 7px; vertical-align: top; } .orders-detailing .repeated-table tr td { color: #545e6c; font-size: 12px; border-top: 1px solid #e2e7ec; font-weight: 600; } @media(max-width:700px) { .orders-detailing .repeated-table tr th { display: none; } .orders-detailing .repeated-table tr td { display: block; padding: 10px 0; } } .orders-detailing tr td:first-child, .orders-detailing tr th:first-child { padding-left: 20px; } .repeat-head { background: #f5f5f5; padding: 15px; padding-bottom: 0; } @media(max-width:700px) { .repeat-head { padding: 10px; } } .repeated-body { padding: 0 15px; } @media(max-width:700px) { .repeated-body { padding: 0; } } .repeated-body:nth-child(odd) { background: #fbfbfb; border-top: 1px solid #e2e7ec; border-bottom: 1px solid #e2e7ec; } .box-highlights { margin-bottom: 20px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.08); border: 1px solid #f0f2f4; } .orders-detailing .label-field { padding: 0 0 5px 0; } .repeat-wrapper { border: 1px solid #dddddd; margin-bottom: 25px; } .repeat-wrapper:last-child { margin-bottom: 5px; } .top_cell { padding: 20px 30px; } .top_cell label { font-weight: 700; font-size: 18px; } @media(max-width:500px) { .top_cell label { font-size: 16px; } } .top_cell label:last-child { display: none; } .top_cell .order_id { background: var(--first-color); padding: 5px 10px; color: var(--first-inverse-color); margin-left: 10px; } .grey_head { background: #f5f5f5; padding: 20px 30px; border-top: 1px solid var(--border-color); } .grey_head label { font-weight: 700; font-size: 16px; } .grey_head span { font-weight: 700; font-size: 22px; display: block; } .grey_head .green_tag, .checkout-page .green_tag { position: relative; padding: 5px; border-radius: 3px; /* background: #E9F5E6; */ border: 1px solid var(--first-color); color: var(--first-color); font-size: 13px; font-weight: 400; display: inline-block; margin-bottom: 8px; text-align: center; } .grey_head .red_tag { position: relative; padding: 5px; /* background: #fddbe4; */ border: 1px solid var(--second-color); color: var(--second-color); Font-size: 13px; font-weight: 400; display: block; text-align: center; } .grey_head .green_tag:before, .checkout-page .green_tag:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: currentColor; opacity: 0.15; } .box_wrap {} .box_wrap .box_head { padding: 15px 30px; background: #d7d7d7; font-size: 18px; } .box_wrap .box_body_wrap { padding: 20px 30px; } .box_wrap .box_body .box { width: 26.33%; display: inline-block; padding: 0 20px 0 0; vertical-align: top; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3) { width: 46%; } .box_wrap .box_body .box:first-child p, .box_wrap .box_body .box:nth-child(2) p { display: block; margin-top: 10px; } .box_wrap .box_body .box:nth-child(2) { width: 50%; padding-right: 0; margin: 0; } @media(max-width:500px) { .box_wrap .box_body .box { width: 48%; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3), .box_wrap .box_body .box:nth-child(2) { width: 100%; } } .box_wrap .box_body .box label { font-size: 16px; font-weight: 700; color: #000; } .box_wrap .box_body .box p { font-size: 14px; font-weight: 400; display: inline-block; } .box_wrap .box_body_wrap .box_header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--border-color); } .box_wrap .box_body_wrap .box_header li { display: inline-block; width: 15%; padding: 0 10px; } .box_wrap .box_body_wrap .box_header li label { font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap .box_body { padding: 0; } .box_wrap .box_body_wrap .box_body li { display: inline-block; width: 15%; padding: 8px 10px; vertical-align: top; } .box_wrap .box_body_wrap .box_body li p { width: 255px; } .box_wrap .box_body_wrap .box_body label { display: none; font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap .box_body .gap { border-top: 1px solid #d7d7d7; display: block; width: 100%; display: none; } .grey_head .select_tag { color: var(--grey-lightest); Font-size: 14px; font-weight: 700; display: block; text-align: left; margin: 10px 0; } .grey_head .select_tag form { margin-top: 5px; } /*============================AVTAR=========================*/ .avatar { border-radius: 100%; display: block; position: relative; width: 90px; height: 90px; position: relative; overflow: hidden; background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); } .avatar img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; } .avatar.avatar--xsmall { width: 40px; height: 40px; } .avatar.avatar--small { width: 60px; height: 60px; } .avatar:after { pointer-events: none; content: attr(data-text); font-size: 2em; color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight: 700; } .avatar.avatar--xsmall:after { font-size: 1rem; } .avatar.avatar--centered { margin: auto; display: block; } /*============================BREADCRUMBS=========================*/ .breadcrumbs {} .breadcrumbs-row { padding: 20px 0px 0px; } @media(max-width:1024px) { .breadcrumbs-row { padding: 15px; background: #eee; margin: 0 -10px; } } .breadcrumbs ul li { display: inline-block; vertical-align: middle; position: relative; color: #8b8b8b; padding: 0 25px 0 0; font-weight: 700; font-size: 12px; } .breadcrumbs ul li:before { position: absolute; right: 12px; top: 4px; content: ""; width: 6px; height: 6px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .breadcrumbs ul li:last-child:before { border: 0px; } .breadcrumbs ul li a { color: inherit; display: block; color: #8b8b8b; } /*============================RIBBON=========================*/ .ribbon-wrap { background: #80c300; color: #fff; font-size: 0.9em; border-radius: 4px; padding: 4px 10px; font-weight: 700; display: inline-block; max-width: 800px; } .ribbon-wrap span { color: #f7ff1d; display: inline-block; } @media(max-width:1024px) { .ribbon-wrap { max-width: 550px; } } /*============================PAGINATION=========================*/ .pagination { border: none; padding: 0; } .pagination.pagination--center { display: table; margin: 30px auto 0; text-align: center; } .pagination li { display: inline-block; vertical-align: top; padding: 0; margin: 2px; } .pagination li a { text-transform: uppercase; width: 35px; line-height: 35px; text-align: center; height: 35px; display: block; font-size: 0.9rem; color: #373838; border-color: transparent; border-radius: 0px; font-weight: 600; position: relative; overflow: hidden; background: #fff; } .pagination li.is-prev a:before { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; content: ""; border-left: 3px solid #373838; border-bottom: 3px solid #373838; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .pagination li.is-next a:before { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; content: ""; border-right: 3px solid #373838; border-top: 3px solid #373838; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .pagination li a:hover, .pagination li.is--active a { border-color: var(--first-color); color: var(--first-color); background: #fff; } .pagination li.is-prev a:hover:before { border-left-color: var(--first-color); border-bottom-color: var(--first-color); } .pagination li.is-next a:hover:before { border-right-color: var(--first-color); border-top-color: var(--first-color); } /*============================CONTACT US=========================*/ @media(min-width:768px) { .contact-grid.box--tabled .box__cell:last-child { padding-left: 50px; } .boxcontainer .box--gray { padding: 10px 10px 10px 80px; } .boxcontainer .box--gray .fa { top: 15px; font-size: calc(1.5em + 1.1vw); } .boxcontainer .box--gray h3 { font-size: calc(0.75rem + 0.75vw); } } @media(max-width:767px) { .boxcontainer .box--gray { padding: 10px 0px 10px 60px; } .boxcontainer .box--gray .fa { top: 15px; left: 0; } .boxcontainer .box--gray h3 { font-size: 1rem; } } /*============================INNER PAGES MORE=========================*/ .banner-seller { margin-top: -30px; } .mobile-actions { display: none; } .top-row { margin-bottom: 10px; } .col__left .sticky-col { padding-bottom: 40px; } .gallery { position: relative; margin: auto; } @media(max-width:767px) { .gallery { max-width: 500px; } .boxcontainer .box--gray .fa { font-size: 2.5rem; } } .gallery .caraousel { margin: 0; } .gallery .gallery__media { padding: 0; width: 100%; position: relative; overflow: hidden; } .gallery .gallery__media:before { position: relative; padding-bottom: 100%; display: block; content: ""; } .gallery .gallery__media img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .gallery__main li .gallery__media img { display: block; margin: auto; } .gallery .gallery__lbottom { margin: 10px 0 0; } .gallery__thumbs { padding: 0 35px; } .gallery__thumbs li > div { padding: 10px; /* border: solid 1px var(--border-color); margin: 10px 15px; text-align: center; cursor: pointer;*/ } @media(max-width:500px) { .gallery__thumbs li > div { padding: 5px; } } .gallery__thumbs li .gallery__media { border: 1px solid #e8e8e8; border-radius: 5px; } .gallery__thumbs li.slick-current .gallery__media { border-color: var(--first-color); } .caraousel .slick-arrow { position: absolute; background-color: #fff; width: 20px; height: 20px; border-radius: 3px; border: none; text-indent: -999999px; z-index: 1; top: 50%; margin: -10px 0 0; } .caraousel .slick-prev:after, .caraousel .slick-next:after { content: ""; border-width: 0; border-right: 3px solid #000; border-bottom: 3px solid #000; width: 10px; height: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; left: 50%; margin-left: 0; top: 50%; margin-top: -5px; } .caraousel .slick-prev::after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .gallery__top { list-style: none; } .gallery__thumbs .slick-arrow.slick-prev, .gallery__top .slick-arrow.slick-prev { opacity: 1; box-shadow: none; left: 0; } .gallery__thumbs .slick-arrow.slick-disabled, .gallery__top .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .gallery__thumbs .slick-next.slick-arrow, .gallery__top .slick-next.slick-arrow { right: 15px; opacity: 1; box-shadow: none; } .horizontal-actionlist { float: right; } @media(max-width:500px) { .horizontal-actionlist { float: none; } } .horizontal-actionlist li { margin: 10px 0 0; display: inline-block; } @media(max-width:1024px) { .horizontal-actionlist li { margin: 0; /*display: block;*/ } } @media(max-width:767px) { .horizontal-actionlist { float: none; } .horizontal-actionlist li { margin: 10px 0 0; display: inline-block; } } .like-action { position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; border-radius: 100%; z-index: 1; background: #fff; } .like-action.is-active .svg-icon svg { fill: var(--first-color); } .horizontal-actionlist li a.like-action { position: relative; display: block; left: auto; top: auto; border: 1px solid #ddd; } .like-action .svg-icon { height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .like-action .svg-icon svg { width: 100%; height: 100%; fill: var(--grey-lighter); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .toggle-dropdown { position: relative; display: inline-block; } .horizontal-actionlist li a.share-action { width: 32px; height: 32px; border-radius: 100%; display: block; position: relative; border: 1px solid #ddd; } .horizontal-actionlist li a.share-action .svg-icon { width: 14px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .horizontal-actionlist li a.share-action .svg-icon svg { fill: #BABABA; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .toggle-dropdown__target { min-width: 250px; z-index: 9; right: 0; top: 100%; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); 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; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .toggle-dropdown__target::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 1; } @media(max-width:767px) { /* .toggle-dropdown__target { left: 0; transform-origin: top left; } .toggle-dropdown__target:before { left: 5px; right: auto; }*/ } .toggle-dropdown .collection__container { padding: 15px; } .toggle-dropdown .collection__container ul li { display: inline-block; } .collection__title { display: block; border-bottom: 1px solid #eee; margin: 0 0 10px 0; color: #000; padding: 0 0 5px 0; font-weight: 500; font-size: 1.1em; } .social-share li { display: inline-block; vertical-align: top; margin: 0 3px 0 0; } .social-share li a, .social-share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.06); } .social-share li a img, .social-share li span img { width: 16px; display: block; margin: 5px auto 0; opacity: 0.6; pointer-events: none; } .content__row { margin: 25px 0; } .product-type-img { position: relative; width: 22px; padding: 6px 0 0 0; float: left; } @media(max-width:767px) { .content__row { margin: 20px 0; } .product-type-img { padding-top: 5px; } } .content__row.content__row-head { margin: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; } .content__row-head .head__subtitle { color: #8b8b8b; font-size: 12px; } .content__row .content__row-caption { color: #373838; font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block; text-align: left; } .content__row .price-content { color: #373838; } .content__row .price-content .price-standard { font-size: calc(1rem + 1vw); font-weight: 700; } .content__row .price-content .price-old { font-size: 20px; color: #8b8b8b; font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-discounted { font-size: 20px; color: #8b8b8b; font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-note { display: block; line-height: 0.5; } .content__row .select-border {} .content__row .select-border ul { margin-left: -3px; margin-right: -3px; } .content__row .select-border ul li { display: inline-block; margin: 3px; margin-top: 0; } .content__row .select-border ul li a { color: #373838; border: 1px solid #e2e2e2; padding: 10px 20px; display: inline-block; border-radius: 3px; } .content__row .select-border ul li:hover a, .content__row .select-border ul li.is--active a { border-color: var(--first-color); } .content__guides { margin-left: -3px; margin-right: -3px; } .content__guides span { margin: 0 3px; } .content__guides .guides-shipping { color: #80c300; } .content__guides .question-icon { vertical-align: middle; } .content__guides .guides-shipping .question-icon path { fill: #80c300; } .content__guides .guides-delivery .question-icon path { fill: #ff1653; } .content__guides .guides-delivery { color: var(--first-color) } .qty { width: 100%; background: #fff; border-radius: 4px; } .content__row .qty .increase, .content__row .qty .decrease { font-weight: 300; height: 40px; line-height: 40px; width: 50px; } .content__row .addToCartForm { width: 100%; } .content__row .btns-group { margin-top: 27px; } .content__row .btns-group .btn { height: 46px; line-height: 46px; padding: 0 15px; } .content__row .qty input { box-shadow: none; -webkit-box-shadow: none; } @media(max-width:500px) { .content__row .btns-group .btn { padding: 0 15px; } } .selectors.selector--qty .slick-arrow { opacity: 1; top: calc(50% - 20px); background: none; box-shadow: none; margin: 0; } .selectors.selector--qty .slick-arrow.slick-prev { right: 7px; } .selectors.selector--qty.caraousel .slick-arrow.slick-disabled { opacity: 0.2; } .selectors.selector--qty .slick-arrow.slick-next { /* top: 18px; */ right: 10px; } .selector--qty .slick-arrow.slick-prev:before, .selector--qty .slick-arrow.slick-next:before { display: none; } .content__row .product-img { width: 50px; border: 1px solid #ddd; } .cart-tbl-addons { border-radius: 5px; overflow: hidden; border-collapse: seperate; display: table; } .cart-tbl-addons td:first-child { border-left: 1px solid #ededed; } .cart-tbl-addons td:last-child { border-right: 1px solid #ededed; } @media(max-width:767px) { .cart-tbl-addons { border-top: 1px solid var(--border-color) } .cart-tbl-addons td { vertical-align: middle; } } @media(max-width:1023px) { .cart-tbl-addons.table .qty { width: 95px; } } .content__row.shop-info-row { position: relative; /* background-color: #E9F5E6; */ padding: 20px; /*background-image: url(images/lines-pattern.jpg);*/ background-repeat: repeat; text-align: center; z-index: 2; } .content__row.shop-info-row:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--first-color); opacity: 0.15; z-index: -1; } .shop-info-row .avatar { width: 120px; height: 120px; margin: 0 auto 20px; } .shop-info-row .avatar a { display: block; } .shop-info-row .avatar img { border-radius: 0; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: left; } .shop-info-row .shop-info [class*="col-"]:last-child p { margin: 0; } .shop-info-row .shop-links { text-align: inherit; } @media(max-width:575px) { .shop-info-row .shop-links, .shop-info-row .content__row-caption { text-align: center; } .shop-info-row .avatar { margin: 10px auto; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; } .grey-circle.user_img_crcle{margin: 0;} .basket-action .grey-circle{ padding-left: 5px; padding-right: 5px;} .basket-action .grey-circle .cart-counter{display: none;} } @media(width:768px) { .shop-info-row .shop-links { text-align: left; } .shop-info-row .shop-info [class*="col-"]:last-child { padding-top: 15px; padding-left: 10px; } } .shop-info-row .shop-links a { font-weight: 600; border-left: 2px solid var(--first-color); margin-left: 7px; padding-left: 7px; } .shop-info-row .shop-links a:first-child { border: 0 none; padding: 0; margin: 0; } .shop-info-row .shop-info { padding: 10px 0 0 0; } .shop-info-row .shop-info h6 { padding: 0; } .shop-info-row .shop-info h6 a { color: #373838; font-size: 24px; } .sticky-bar { z-index: 1; } .section-actions-bar { /*background: #fff; border-radius: 5px; border: 1px solid #ddd; margin-top: -10px; padding: 0 10px;*/ } .section-repeated { border: 1px solid #e8e8e8; padding: 20px; margin: 20px 0; } @media(max-width:500px) { .section-repeated { padding: 15px; } } .section-repeated .container--cms h3 { font-size: 1.2rem; padding-bottom: 10px; } .section-repeated .container--cms h6 { font-size: 1.0rem; color: #373838; padding-bottom: 10px; } .repeat-feedback-wrap .repeat-btn { text-align: center; margin-top: 20px; border-top: 1px solid #f1f1f1; padding-top: 20px; } .repeat-feedback-wrap .repeat-btn .btn {} .feedback-wrap { background: #f5f5f5; padding: 15px; margin-top: 20px; } @media(max-width:500px) { .feedback-wrap { text-align: center; } } .repeat-feedback { display: table; width: 100%; } .feedback-head .rating { display: block; margin: 0 0 10px 0; } .feedback-left { display: table-cell; width: 20%; text-align: center; margin: auto; vertical-align: top; } @media(max-width:500px) { .feedback-left { display: block; width: 100%; text-align: left } } .feedback-guest {} .feedback-guest .guest-label { background: #f5f5f5; color: #454545; width: 60px; height: 60px; display: block; border-radius: 100%; text-align: center; line-height: 60px; font-size: 24px; font-weight: 700; margin: auto; margin-bottom: 10px; } @media(max-width:500px) { .feedback-guest .guest-label { margin: 0 0 10px 0; } } .feedback-guest .guest-label img { border-radius: 100%; padding: 10px; } .feedback-guest .guest-name { display: block; font-weight: 700; } .feedback-guest .guest-time { color: #9a9a9a; font-size: 12px; text-transform: uppercase; } .feedback-actions .inline-list { display: inline-block; margin: 0; } .feedback-actions .inline-list > li { list-style-type: none; display: inline-block; vertical-align: middle; padding: 0 5px 5px 5px; } .feedback-actions .inline-list > li:before { display: none; } .repeat-feedback { border-bottom: 1px solid #f1f1f1; padding: 20px 0; } .repeat-feedback:last-child { border-bottom: 0 none; } .repeat-feedback .image-helper { display: inline-block; vertical-align: middle; } .repeat-feedback .image-helper .thumb-action { fill: #80c300; } .repeat-feedback .image-helper.thumb-rotate .thumb-action { fill: #ff1653; } .repeat-feedback .image-helper.thumb-rotate { position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-top: -7px; } .repeat-feedback .inline-list .thumb-y, .repeat-feedback .inline-list .thumb-n { padding-left: 10px; font-weight: 700; } .feedback-actions p { display: inline-block; margin: 0; } .section-repeated .progress--horizontal .progress__bar { background-color: var(--first-color); color: var(--first-inverse-color); } .section-repeated .listing--progress li { list-style: none; padding: 0 15px 12px 15px; } @media(max-width:500px) { .section-repeated .listing--progress li { padding: 0 0 12px 0; } } /*.section-repeated .rating-progress-row { border-right: 1px solid #e6eeeb; padding-right: 25px; }*/ @media(max-width:768px) { .section-repeated .rating-progress-row { border: 0 none; padding-right: 0; } } .section-repeated .listing--progress li:before { display: none; } .section-repeated .progress--radial { margin: 0; } .section-repeated .have-you { background: #fff } .section-repeated .listing--progress > li .grid--left { /*width: 12%;*/ } .section-repeated .select-custom .select--arrow select { border: none; box-shadow: none; } @media(max-width:500px) { .select-custom span.static_txt { display: none; } .select-custom .select--arrow { width: 100%; } } @media(max-width:400px) { .section-repeated .listing--progress > li .grid--left { width: 20%; } } .box.box-green { border: 1px solid var(--second-color); background: #edfdcf; color: #629600; } .box.box-red { border: 1px solid var(--first-color); background: #fddbe4; color: var(--first-color); } .box.box-goldengreen { border: 1px solid #c3ca14; background: #fbfce1; color: #c3ca14; } .box.box-blue { border: 1px solid #72b9f5; color: #72b9f5; background: #edf4fe; } .box.box-grey { border: 1px solid #a5a5a5; color: #a5a5a5; background: #f7f8fa; } .statistics__box h4 span { background: transparent; } .statistics__box h4:before { display: none; } .statistics__box.-statsFull .box { min-height: auto; border-color: var(--border-color); color: var(--txt-color); } .statistics__box.-statsFull h4 { margin: 0; } .tbl-dashboard .box-head { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 0 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; clear: both; float: none; } .box-head h4 {} .box-head .view-all-orders-link {} .tbl-normal { border: solid 1px #dedddd; border-collapse: collapse; width: 100%; margin-top: 25px; } .tbl-normal th { text-transform: uppercase; background: #fbfbfb; font-size: 14px; color: #545353; font-weight: 600; padding: 15px 20px; border: solid 1px #dedddd; } .tbl-normal td { vertical-align: top; font-size: 14px; color: #545353; font-weight: 400; padding: 15px; border: solid 1px #dedddd; } .tbl-normal.table tr:last-child td { border: solid 1px #dedddd; } .tbl-normal.table tr td:first-child { border-bottom: none; } .tbl-normal.table td:first-child, .tbl-normal.table th:first-child { padding: 15px } .graph--sales.ct-perfect-fourth:before { padding-bottom: 40%; } .box.box-navigation { background: #fbfbfb } .box.box-navigation .box--list .links--vertical li { padding: 6px 0 15px 37px; } .box.box-navigation .box--list:last-child { border: 0 none; padding-bottom: 0; } .box.box-navigation .box--list .links--vertical a { /* font-size: 1.1em;*/ } .box.box-navigation .box--list .links--vertical li .fa { font-size: 19px; } .tbl-dashboard .view-all-orders-link { float: right; } .tbl-dashboard .box-head { float: left; } .checkout-page { /* background: #fbfbfb;*/ } .allsteps { counter-reset: section; } .steps__head { margin-bottom: 15px; } .steps__head .steps__number { position: relative; border-radius: 100px; height: 40px; width: 40px; text-align: center; font-size: 22px; font-weight: 600; display: inline-block; margin-right: 15px; line-height: 40px; background-color: var(--white-color); color: var(--first-color); border: 1px solid var(--first-color); } /* .steps__head .steps__number:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100px; content: ""; background-color: currentColor; opacity: 0.15; } */ .steps__number:before { bottom: 0; color: inherit; content: ""counter(section, decimal) " "; counter-increment: section; left: 10px; overflow: hidden; padding: 15px 0; text-align: center; top: 0; width: 30px; } .steps__title { font-size: 24px; color: var(--first-color); font-weight: 600; } .block-pannel { margin-bottom: 40px; } .block-pannel .block { background: #fff; padding: 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); } .checkout-page .order-summary { margin: 55px 10px; padding: 25px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); border-radius: 10px; } .checkout-page .section { border-color: #ececec; } .checkout-page .section-head { padding: 15px; margin: 0; font-size: 1.25em; font-weight: 600; } .checkout-page .section-head:not(:last-child){ border-bottom: solid 1px var(--border-color); } /* .checkout-page .check-login-wrapper, .checkout-page .address-wrapper { padding: 25px; } */ /* .checkout-page .make-payment-wrapper { padding: 25px 0 0 0; } */ .checkout-page .add-side .heading { font-size: 1.2em; margin-bottom: 20px; font-weight: 600; } .checkout-page .payment-pannel .section-head, .checkout-page .payment-pannel .section { /* border: 0 none; padding: 0; border-bottom: 0 none; */ margin: 0; } .checkout-page .check-login-wrapper .forgot { text-transform: capitalize; } .checkout-page .green_tag { margin-left: 10px; margin-bottom: 0; } .checkout-page .-row-heading td { vertical-align: middle; text-align: right; } .checkout-page .-row-heading td:first-child { text-align: left; } .checkout-page .-row-heading td select { width: 28%; margin-right: 10px; } .checkout-page .-row-heading td .field-set { width: auto; margin: 0; } /* .checkout-page .text-right .btn { margin-top: 10px; } */ .checkout-page .product_price .item__price { display: inline-block; padding-right: 20px; } .checkout-page .product_price .text--normal { display: inline-block; } .checkout-page .product_price .text--normal input { border: 0 none; width: 115px; text-align: right; } .checkout-page .product_price .item__price { display: inline-block; text-align: left; } .review-wrapper span { display: inline-block; margin: 0 5px; } /*Non Rendered--*/ .field-two-wrap .field-wraper { width: 100%; position: relative; } .field-two-wrap .caption-wraper { width: 20%; } .field-two-wrap .field-wraper input { width: calc(100% - 74px); margin-right: 10px; } .field-two-wrap .field-wraper a { vertical-align: top } /*Seller Shops after liogin with Seller-------*/ .shopFormBlock .field-two-wrap .caption-wraper { width: 30%; } .shopFormBlock .field-two-wrap .field-wraper { width: 70%; } .shopFormBlock .field-wraper { vertical-align: middle; } @media(max-width:1200px) { .right-panel .row { padding-bottom: 20px; } .right-panel .row.top-row [class*="col-"] { margin: auto; } .sortlist-actions { float: none; } } @media(max-width:1200px) { .toggle-group--left { float: left; width: 50%; } .toggle-group--right { float: right; width: 50%; padding-left: 20px; } .footer-col-border { border-right: none; } .footer-last-col { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 0; display: -webkit-box; display: flex; } .product-type-img { width: 14px; } .footer-last-col .footer-block { max-width: 50%; -webkit-box-flex: 0; flex: 0 0 50%; } .footer__lower .btn { font-size: 1em; } } @media(max-width:992px) { .checkout-page .order-summary { margin: 0; max-width: 500px; margin: 0 auto; } } @media(max-width:767px) { .footer-block { padding: 5px 0; } .footer-last-col { padding-left: 0rem; display: block; } .footer-last-col .footer-block { max-width: 100%; } .shopFormBlock .field-two-wrap .field-wraper { width: 100%; } .dashboard .container--addresses .form small { display: block; } .toggle-group--left { width: 100%; } .toggle-group--right { padding: 0; width: 100%; } .container--cms p { font-size: .90rem; } .footer__lower { padding-bottom: 25px; } } @media(max-width:400px) { .container--addresses .field_cover small { display: block; } } @media(max-width:575px) { .checkout-page .order-summary .qty { width: 100%; } } @media(max-width:500px) { .row.site-section__body [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .sortlist-actions li:first-child { width: 34%; } .cart-tbl-addons-wrap { white-space: nowrap; overflow: auto; display: block; } .feedback-wrap .sortlist-actions { max-width: 200px; float: none; margin: 10px auto 0; } .top_cell, .grey_head, .box_wrap .box_head, .box_wrap .box_body_wrap { padding: 15px; } .top_cell .-show-mobile { display: inline-block !important; } .top_cell [class*="col-"], .grey_head [class*="col-"] { margin: 5px 0; } .box_wrap .box_body li p { width: 100%; } } @media(width:768px) { .feedback-wrap .sortlist-actions { float: right; background: #fff; padding: 0 10px; } } @media(max-width:700px) { .repeated-table .box__head { background: #eee; padding: 10px; } } @media(max-width:600px) { .top_cell [class*="col-"]:last-child { padding-left: 20px; } .top_cell [class*="col-"]:last-child { padding-left: 10px; text-align: left; } } button#new_card { background-color: var(--first-color); color: #fff; padding: 9px; margin-right: 15px; } .--grey { background: #f5f5f5; } .search_map_pannel { padding: 10px; } .no-record { background-image: url(images/no-record.svg); background-repeat: no-repeat; background-position: center center; width: 100%; background-size: 45%; height: 250px; } .delivery-boy-view-order { float: left; padding-right: 20px; } @media(max-width:500px) { .rotator-actions .btn { margin: 5px 0; } .sortlist-actions li, .sortlist-actions li:first-child { width: 100%; margin: 2px 0; } } @media only screen and (max-width: 767px) { .fixed .header-checkout .logo { margin: 5px auto; } .field_cover .address_identifier { width: 100%; } .field_cover .btn-showmap { margin-top: 20px; } } /*.container--addresses .errorlist { position: absolute; }*/ .list--vertical li .parents--link:after { top: 0px; } .cat-accordion ul ul li a { display: inline-block; } .field-wraper.field-two-wrap .field_cover, .field-two-wrap .field-wraper .field_cover { border: 1px solid var(--border-color); } .field-wraper.field-two-wrap .field_cover span, .field-two-wrap .field-wraper .field_cover span { width: 60px; display: inline-block; padding-left: 10px; border-right: 1px solid var(--border-color); } .field-wraper.field-two-wrap .field_cover input, .field-two-wrap .field-wraper .field_cover input { width: calc(100% - 60px); border: 0px; border-radius: 0px; } .field-two-wrap .field-wraper .field_cover input, .field-two-wrap .field-wraper .field_cover div { width: 100% } .field-two-wrap .field-wraper .field_cover { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .field-wraper.field-two-wrap .field_cover input:focus, .field-two-wrap .field-wraper .field_cover input:focus { border: 0 none; box-shadow: none } .field-two-wrap .errorlist { position: absolute; left: 0; top: 100%; } .final_order_table td:last-child { text-align: right; } .cart { display: inline-block; float: none; } @media(max-width:1199px) { /*From Style-newcss*/ .quote__content { font-size: 1.1rem; } } @media(max-width:1200px) { .hide-resp { display: none !important; } .basket-content .cart-static-label { display: none; } .header__action .cart-count { background-color: var(--first-color); } .form-subscribe .form { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; } .form-subscribe .form img { display: none; } .form-subscribe input[type="text"] { max-width: 360px; } .form-subscribe input[type="submit"] { min-width: inherit; } .form-subscribe .form { text-align: center; } .form-subscribe .form h6 { margin-bottom: 10px; -webkit-box-flex: 0; flex: 0 0 100%; } .payments_cards img { max-width: 45px; } } @media(max-width:768px) { .-hide-pmode-tab { display: none !important; } .form-subscribe .form h6 { text-align: center; } .form-subscribe input[type="text"] { margin-right: 10px; } /*h3 { font-size: 1.6rem; }*/ } @media(max-width:767px) { .hide-mobile, .-hide-mobile { display: none !important; } .form-subscribe input[type="text"] { margin-right: 10px; } .form-subscribe input[type="submit"] { width: calc(100% - 400px); } .footer .toggle__trigger { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; padding: 10px 0px 10px 0px; color: #fff; /* background: rgba(0, 0, 0, 1); */ border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; font-size: 0.90rem; } .footer .toggle__trigger:before { position: absolute; right: 5px; top: 14px; width: 8px; height: 8px; content: ""; border-left: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__trigger.is-active:before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .toggle__target { display: none; padding: 10px 0px; } .col-full-last, .footer__bottom { border: none; } .footer__bottom { padding: 5px 0; } .footer__bottom_info p, .footer__bottom p a { font-size: .90rem; } .footer__bottom .col-auto { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; max-width: 100%; } .links-vertical li { margin: 8px 0; font-size: 1rem; } .footer-last-col { border-top: none; } .footer__lower h1, .footer__lower h2, .footer__lower h3, .footer__lower h4, .footer__lower h5, .footer__lower h6 { font-size: 1rem; } .payments_cards img { max-width: 35px; } } @media(max-width:767px) { .form-subscribe input[type="text"], .form-subscribe input[type="submit"] { width: 100%; margin: 10px 0; } .form-subscribe input[type="submit"] { max-width: 360px; } .footer-col-border { border: none; } .title.store-title { font-size: 1rem; } } @media(min-width:767px) { .pac-container { width: 335px !important; } } @media (min-width:768px) and (max-width:992px) { .content__row.shop-info-row, .content__row.shop-info-row .content__row-caption, .shop-info-row .shop-links { text-align: center; } .shop-info-row .shop-links { text-align: center; } .shop-info-row .avatar { margin: auto; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .heading4 span { display: block; } .order-summary .summary-listing .product_price { float: none; margin-top: 10px; display: inline-block; width: 100%; } .order-summary .summary-listing .qty { width: 70%; } } .review--product-list { padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 14px; } .review--product-list:last-child { border-bottom: none; } .review--product-list span { display: block; color: #000; font-size: 15px; } @media(min-width:768px) { .address_map_row .field_cover { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between } .field_cover .address_identifier { max-width: 58%; -webkit-box-flex: 0; flex: 0 0 58%; } .address_map_row .field_cover .btn-showmap { max-width: 38%; -webkit-box-flex: 0; flex: 0 0 38%; } .address_map_row .errorlist { -webkit-box-flex: 0; flex: 0 0 100%; -webkit-box-ordinal-group: 6; order: 5 } } .product-gallery #slider-nav { padding: 0 65px; margin-top: 20px; } .product-gallery #slider-nav .slick-track { margin: 0 auto; } html.cart-is-active { position: fixed; left: 0; right: 0; top: 0; } .qty.product__qty { max-width: 150px; } .row > .row { width: 100%; padding: 0 10px; } .error { box-shadow: none !important; } .cart__listing { max-height: 80vh; overflow: auto; } @media(min-width:1200px) { .cart__listing { padding-right: 15px; }    } @media(max-width:1200px) { .main-page-nav .page-nav-listing { margin: 0; } } @media(max-width:767px) { .cart__listing { max-height: inherit; } .product-gallery #slider-nav { display: none; } .product-gallery { margin-bottom: 20px; } .content__row .qty .increase, .content__row .qty .decrease { font-size: 1.4rem; background-color: #f0f0f0; } .content__row .qty input { font-size: 1rem } .qty.product-detail__qty { max-width: 100%; -webkit-box-pack: justify; justify-content: space-between; } .add-to-cart-wrapper .btn { width: 100%; margin: 0; } } .first-color { color: var(--first-color); } .shops-location-list span { display: inline-block; margin: 0; margin-right: 0.75em; margin-bottom: 0.75em; padding: 0.15em 0.5em; border-radius: 4px; color: var(--grey-light); border: 1px solid rgba(128, 128, 128, 0.3); } .currency--list { min-width: 55px; } .currency--list a { display: block; } .content__row .btns-group .btn i { margin-bottom: 5px; } .city__listing { color: var(--black-color); text-align: left; padding: 30px 0; margin-top: 30px; border-top: 1px solid var(--border-color); } .footer__bottom { color: var(--white-color) } .city__listing .container { padding: 0 15px; } .city__listing .shops-location-list span { color: var(--second-color); border: 1px solid var(--second-color); } .qty-request-wrap { position: relative; z-index: 2; } .shop__logo { width: 110px; height: 110px; border-radius: 100%; background-color: #fff; overflow: hidden; margin: 0 auto; } .link_group a { margin: 5px; white-space: nowrap; } @media(max-width:480px) { .qty-request-action { flex-wrap: wrap; } .btn-add-request { border-radius: 0; width: 100%; } } @media(max-width:767px) { .add-to-cart-wrapper.is-stick { position: fixed; left: 0; bottom: 0; padding: 20px; z-index: 9999; background-color: #ffff; } .alert, #mbsmessage, .system_message{padding:5px!important;} .short-detail .cart-summary .item-yk-head .item-yk-head-specification span{display: block;} .btn-add-request{height:30px;} } .header__top { padding: 0 10px; } .cart-buyer-wrap .cart--full .cart-remove{ background: url(/images/retina/delete.svg) no-repeat center; background-size: 20px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-left:10px; } /* .cart-buyer-wrap .cart--full .total-wrap{display: -webkit-box;display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end;} */ .cart-buyer-wrap .cart--full .product-img { max-width: 80px; } .cart-buyer-wrap .cart--full .qty .increase, .cart-buyer-wrap .cart--full .qty .decrease{height:28px; line-height: 28px;} .cart-buyer-wrap .cart--full .qty input, .cart-buyer-wrap .cart--full .qty{height:30px; line-height: 30px;} .cart-buyer-wrap .qty-wrapper .qty{max-width:100px;} .cart-buyer-wrap  .cart--full td{padding: 10px 15px;} .review-wrapper .cart-summary th, .review-wrapper .cart-summary td{vertical-align: middle;} .not-allowed {background: #ededed;color: #888;cursor: not-allowed !important;} .send-msg-section .section-head, .send-msg-section .section-inside{max-width:80%;margin:auto;display: block;} .send-msg-section .section-head{margin-bottom: 30px;} .statistics .statistics__box .stats-wrapper{float:left;width:100%;}  .statistics .statistics__box .stats-wrapper .value--total{font-size: 16px;} .box--share{min-height:unset;display: flex;flex-direction: column;height: 100%;} .box__body .alert--gray {word-break: break-all;} .page-import-export .tabs--scroll ul#map{width:100%!important;} .grid-container [class*="col-"]{display: flex;} .grid-wrapper .product{width: 100%; height: 100%;justify-content: space-between;display: flex;flex-direction: column;} .btn.add-slot,  .btn.add-date  {margin-bottom: 5px;} #messageListing .media > li{align-items: center;} #map{max-width:100%!important;} .cart.dropdown .qty .increase, .cart.dropdown .qty .decrease, .dropsection.cart-detail .qty, .dropsection.cart-detail .qty input {height: 30px; line-height: 30px;} .cc-window .box-cookies{padding-bottom: 40px;} .-fixed-wrap{display: none!important;} @media screen and (max-width:767px){ .send-msg-section .section-head, .send-msg-section .section-inside{max-width:100%;} } .m-b-20{ margin-bottom: 20px;} .custom-hero-banner{box-shadow:none;background-color:transparent;width:800px;padding-left:0;padding-right:0;} .product-form, .location-form{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;background-color:#ffffff;padding:0.5rem;border-radius:8px;} .product-form h4, .location-form h4{ text-align:left;margin-bottom:15px;font-size:20px;} .product-form input[type="text"]{display:inline-block;width:calc(100% - 160px);margin-right:0;height:40px;margin-bottom:0;border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;background-image:url(images/product-search-icn.svg);background-repeat: no-repeat; background-size: 24px; padding-left: 70px; background-position: 25px 50%; border-width: 0;} .location-form input[type="text"]:focus, .product-form input[type="text"]:focus{box-shadow: none;}   .product-form input[type="submit"]{display:inline-block;width: 160px;font-size: 16px; height: 40px;margin:0;} .product-form form{display:flex;} .location-form .city-filled-field,.location-form .radius-filled-field{margin-bottom:0!important;} .location-form .city-filled-field{flex: 1;position:relative;} .location-form .radius-filled-field{width:100px;} .location-form .city-filled-field:before{content:"";position:absolute;right:0;top: 10px; height: 20px;width:1px;background:var(--border-color-one);} .location-form .city-filled-field input{border-right:0;} .location-form form{display:flex;} .location-form input[type="submit"]{width: 160px;margin:0;height:40px;line-height:1;width:30%} .location-form .city-filled-field input, .location-form .radius-filled-field input{border-width:0;padding-left:25px;height:40px;} .location-form .radius-filled-field small{display:none;} .location-form .radius-filled-field input{border-radius:0;border-left:0;} .input-radio-wrap input[type='radio']{position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; cursor: pointer;}  .input-radio-wrap{ margin-left: 5px; display:inline-block; padding: 10px 20px 5px 20px; background: #999; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; font-size: 15px; text-transform: uppercase; position: relative;height:36px;} .custom-hero-banner{text-align:left;} .input-radio-wrap.active{background:#80c300;} .input-radio-wrap .icn{display: inline-block; vertical-align: middle; margin-left: 15px;} .hero-banner-form .input-radio-wrap:first-child{margin-left:20px;} /* .product-form input[type="submit"], .location-form input[type="submit"]{background-image:url(images/icon-search.svg);background-repeat: no-repeat; background-position: 25px 50%; background-size: 16px; padding-left: 50px;} */ .location-form .city-filled-field input{background-image:url(images/icon-map-pin.svg)!important; background-size: 12px!important; background-position: calc(100% - 15px) center!important; padding-right: 35px!important;} .location-form .radius-filled-field input{background-image:url(images/icon-radius.svg);padding-right: 35px; background-position: calc(100% - 15px) 50%;} .content__row .content__row-caption.text-center{text-align: center} .seller-wrap{/*border: 1px solid var(--border-color-one);*/ padding: 20px 15px; border-radius: 0px;background: #fff; margin-top: 20px;} .seller-wrap .seller-block{background: #f9f9f9; padding: 10px; margin-top: 10px; display: flex;flex-direction:column;} .btn--primary.mt-10{margin-top:10px;} .seller-wrap .seller-block .qty input, .seller-wrap .seller-block .qty .increase, .seller-wrap .seller-block .qty .decrease {height:26px;} .seller-wrap .seller-block .qty{width: 25px;padding: 0 5px;} .seller-wrap .seller-block .qty .increase, .seller-wrap .seller-block .qty .decrease {width: 20px;} .seller-wrap .seller-block .qty.product-detail__qty{width:50%;} .seller-wrap .seller-block .btn.btn--primary{font-size: 12px;padding: 0 5px;min-width:40px;width:50%;height: 28px; line-height: 28px;} .seller-wrap .seller-block form{display:flex;justify-content:flex-end;} .seller-wrap .seller-block  .seller-info{width: 100%;} .seller-wrap .seller-block .item-yk .product_price{font-size: 16px;} .seller-wrap .seller-block .ftshops_name{font-size: 14px;display:inline-block;} .seller-wrap .seller-block .ftshops_name a{color:inherit;} .seller-wrap .seller-block .ftshops_location{font-size: 14px;display:inline-block;} .seller-wrap .seller-block .price-old{font-size: 11px;opacity: 0.7;} .seller-wrap .seller-block .item-yk{padding-bottom:10px;} .link-more-seller{display: block; text-align: right; margin-top: 10px; font-size: 14px;padding: 0 15px;} .listing-products.-listing-products .pannel-top{width:100%;padding:0;margin:0;} .listing-products.-listing-products  .product-listing .pannel-bottom{margin-top:30px;}    .listing-products.-listing-products .grid-container.list-view [class*="col-"] { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .listing-products.-listing-products .pannel-top .top-actions{justify-content:flex-end!important;align-items:center;} .seller-detail h6 a{color:#373838;} .seller-detail + .link_group a:first-child{position:relative;} .seller-detail + .link_group a:first-child:before{content: ""; width: 1px; height: 80%; right: -3px; background-color: var(--first-color); position: absolute; top: 2px;} .seller-table .ftshops_name,.seller-table .item-yk_rating{display:inline-block;} .seller-table .qty input, .seller-table .qty .increase,.seller-table  .qty .decrease {height:26px;} .seller-table td form{display:flex;align-items:center;} .seller-table td form .btn{height:28px;line-height:28px;font-size:12px;min-width: 110px;} .seller-table td{vertical-align:middle;} .seller-table td .item-yk .product_price { font-size: 14px;} .section--pagebar .cell__right{flex:0 auto;} .seller-table .item-yk_rating .svg svg{vertical-align: baseline;width:13px;height:13px;}  .seller-table .item-yk_rating .svg{margin:0;margin-right: 2px;width:13px;height:13px;}  .seller-table th{font-size:16px;font-weight:600;} .seller-table th:last-child, .seller-table td:last-child{width:50%;} .prod-card .tile-media{max-width:100px;} .prod-card .product-info{width:calc(100% - 100px);padding-left: 30px;} .prod-card {display:flex;align-items:center;} .prod-card--wrapper {padding:10px 20px;} .seller-table .item-yk_rating {border: 1px solid var(--first-color); padding: 2px 10px; margin-left: 10px; border-radius: 8px; display: inline-flex; justify-content: center; align-content: center;} .no-float{float:unset;} .seller-table .rated{margin-top:0;margin-left:5px;} .bg--second{background-color:#d0d0d0!important;} .breadcrumb-title *{color: #333333!important;} .breadcrumbs ul li a, .breadcrumbs ul li{color: #333333!important;font-size:12px!important;font-weight:600!important;} .breadcrumbs ul {display:flex;align-items:baseline;justify-content:center;} .city__listing .footer__bottom{background:#ffffff;} .city__listing .footer__bottom { color: #333; } /* .dropsection{width:390px;min-width:390px;} */ .dropsection .cart-summary th,.dropsection .cart-summary td{padding:10px 5px;} .cc-window .box-cookies{padding-bottom:15px;} @media screen and (max-width:991px){ .custom-hero-banner{width: 85%;} .hero-banner-form .input-radio-wrap:first-child { margin-left: 20px; } } @media screen and (max-width:767px){ .listing-products.-listing-products > .d-flex{flex-direction:column;} .listing-products.-listing-products .total-products{margin-bottom:10px;} .product-form input[type="submit"], .location-form input[type="submit"]{background-image:none;padding-left:16px;} .input-radio-wrap .icn{display:none;} .custom-hero-banner{width: 90%; margin: auto;} .hero-banner-form .input-radio-wrap:first-child { margin-left: 10px; } .product-form h4, .location-form h4{margin-bottom: 15px; font-size: 20px;} .listing-products.-listing-products > .padding-30{padding:15px;} .navs--main.category--nav{margin-left:15px;} .navs--main.category--nav{margin-right: 10px;} .field_cover .btn-showmap, .container--addresses .field_cover small{display:none;} } @media screen and (max-width:575px){ .product-form h4, .location-form h4 { margin-bottom: 10px; font-size: 17px; } .hero-banner-form .input-radio-wrap{ margin: 0!important; display: inline-block; border-radius: 8px; font-size: 14px; width: 49%; margin-bottom: 10px !important; text-align: center; } .custom-hero-banner{width: 100%;} .product-form input[type='text'], .location-form .city-filled-field input, .location-form .radius-filled-field input[type="text"]{width: 100%; border: 1px solid var(--border-color-one); border-radius: 4px; margin-bottom: 15px;} .location-form .city-filled-field, .location-form .radius-filled-field{width:100%;} .location-form .city-filled-field:before{display:none;} .product-form, .location-form{padding: 1rem;} .product-form form, .location-form form{flex-direction:column;} .product-form input[type="submit"], .location-form input[type="submit"]{width: 100%; border-radius: 4px;} .input-radio-wrap .icn{float:right;} .listing-products.-listing-products .pannel-top .top-actions{flex-direction: column;} .pannel-top .top-actions .btn-filter-wrap{width: 100%;padding-right: 0;margin-bottom: 10px;} .pannel-top .top-actions .sort-list {width: 100%;padding-left: 0;} .prod-card .product-info{padding-left:10px;} .pannel-top .top-actions.d-flex{display: block!important;} } @media screen and (max-width:480px){ .qty-request-wrap {border-bottom: 5px solid #fff;} } @media screen and (min-width:1280px){ .hero-banner-wrapper {min-height: calc(100vh - 30px); margin-top: -60px; padding-top: 60px;} /* .hero-image{min-height: 100vh;} */ .input-radio-wrap{ display: inline-flex;    align-items: center; padding: 0px 15px;  } .input-radio-wrap .icn{display:inline-flex;} .input-radio-wrap{height: 36px;} .custom-hero-banner{ width: 50vw;  max-width: 800px;      } .product-form, .location-form{ padding: calc(0.5rem + 0.25vw);    } .hero-banner-form .input-radio-wrap:first-child{ margin-left: calc(0.75rem + 0.75vw);   } .product-form h4, .location-form h4{ margin-bottom: 0.75em; font-size: calc(0.75rem + 0.5vw); } .product-form input[type="submit"],.location-form input[type="submit"], .location-form .city-filled-field input, .location-form .radius-filled-field input{ height: calc(2.25rem + 0.75vw);  } .location-form .city-filled-field input, .location-form .radius-filled-field input{ padding-left:  calc(0.5rem + 0.25vw); } .product-form input[type="submit"],.location-form input[type="submit"]{ max-width: 160px; } .product-form input[type="text"]{height: calc(2.25rem + 0.75vw); } .location-form .city-filled-field::before{top: 50%; height: 60%;transform: translateY(-50%);} } .header-corner-actions .header-address form strong{margin: 10px 0px;display: block;} .listing-products .grid-view .product{width:100%;display:flex;flex-direction:column;justify-content: space-between;}   @media screen and (min-width:768px){ .cart-buyer .cartdetail__footer { padding: 10px 20px calc(3rem + 3vw) 20px; } }/* 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; } .marginTop_small { margin-top: 10px; }/*.-color-primary { color: var(--first-color) !important; } */ /*#facebox .content.productQuickView .prod_scroller { max-height: 430px; overflow-y: auto; overflow-x: hidden; } */ /*.field-two-wrap .field-wraper { width: 100%; } .field-two-wrap .caption-wraper { width: 20%; } .field-two-wrap .field-wraper input { width: calc(100% - 74px); margin-right: 10px; } .field-two-wrap .field-wraper a { vertical-align: top } .shopFormBlock .field-two-wrap .caption-wraper { width: 30%; } .shopFormBlock .field-two-wrap .field-wraper { width: 70%; }*/ /*[Order Page*/ /*.orders-detailing {} .repeat-wrapper { border: 1px solid #dddddd; margin-bottom: 25px; } .repeat-wrapper:last-child { margin-bottom: 5px; } .top_cell { padding: 20px 30px; } .top_cell label { font-weight: 700; font-size: 18px; } .top_cell label:last-child { display: none; } .top_cell .order_id { background: var(--first-color); padding: 5px 10px; color: #fff; margin-left: 10px; } .grey_head { background: #f5f5f5; padding: 20px 30px; border-top: 1px solid var(--border-color); } .grey_head label { font-weight: 700; font-size: 16px; } .grey_head span { font-weight: 700; font-size: 22px; display: block; } .grey_head .green_tag, .checkout-page .green_tag { padding: 5px; -webkit-border-radius: 3px; border-radius: 3px; background: #E9F5E6; border: 1px solid var(--first-color); color: var(--first-color); font-size: 13px; font-weight: 400; display: inline-block; margin-bottom: 8px; text-align: center; } .grey_head .red_tag { padding: 5px; background: #fddbe4; border: 1px solid var(--first-color); color: var(--first-color); Font-size: 13px; font-weight: 400; display: block; text-align: center; } .box_wrap {} .box_wrap .box_head { padding: 15px 30px; background: #d7d7d7; font-size: 18px; } .box_wrap .box_body_wrap { padding: 20px 30px; } .box_wrap .box_body .box { width: 26.33%; display: inline-block; padding: 0 20px 0 0; vertical-align: top; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3) { width: 46%; } .box_wrap .box_body .box:first-child p, .box_wrap .box_body .box:nth-child(2) p { display: block; margin-top: 10px; } .box_wrap .box_body .box:nth-child(2) { width: 50%; padding-right: 0; margin: 0; } .box_wrap .box_body .box label { font-size: 16px; font-weight: 700; color: #000; } .box_wrap .box_body .box p { font-size: 14px; font-weight: 400; display: inline-block; } .box_wrap .box_body_wrap .box_header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--border-color); } .box_wrap .box_body_wrap .box_header li { display: inline-block; width: 15%; padding: 0 10px; } .box_wrap .box_body_wrap .box_header li label { font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap .box_body { padding: 0; } .box_wrap .box_body_wrap .box_body li { display: inline-block; width: 15%; padding: 8px 10px; vertical-align: top; } .box_wrap .box_body_wrap .box_body li p { width: 255px; } .box_wrap .box_body_wrap .box_body label { display: none; font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap .box_body .gap { border-top: 1px solid #d7d7d7; display: block; width: 100%; display: none; } .grey_head .select_tag { color: var(--third-color); Font-size: 14px; font-weight: 700; display: block; text-align: left; margin: 10px 0; } .grey_head .select_tag form { margin-top: 5px; }*/ /*Order Page]*/ /*[Cart Page popup css*/ /*.cart.cart-is-active .dropsection.cart-seller { overflow: visible; padding-top: 0; } .cart-seller .close { left: -20px; top: 0; right: auto; background: #fff; border-radius: 50%; opacity: 1; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); padding: 20px; } .cart-seller .close:before { top: 7px; } .cart-seller .close:after { left: 7px; } .cart-seller .grey_head { border-top: 0 none; } .cart-seller .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; color: #656565; } .cart-seller .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-seller .grey_head { padding: 7px 30px; font-size: 14px; } .cart-seller .cart-summary tr:last-child { border-bottom: 0px; } .repeat-cell.cart-seller-wrap .box_wrap { padding-bottom: 10px; } .cart-seller .cartdetail__footer { background: #ededed; margin: 10px 15px; } .cart-seller-actions { padding: 0 10px; } .cart-seller-actions .seller-actions td { padding: 10px; width: 50%; } */ /*Cart Page popup css]*/ /*[Cart Page popup css*/ /* .cart.cart-is-active .dropsection.cart-buyer { overflow: visible; padding-top: 0; } .cart.cart-is-active .cart-buyer .close { top: 40px; } .cart-buyer .close { left: -20px; top: -40px; right: auto; background: #fff; border-radius: 500px; opacity: 1; /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); */ /*background-color: #dddddd; padding: 20px; transition: all 0.3s ease; } .cart-buyer .close:before { height: 20px; top: 9px; } .cart-buyer .close:after { width: 20px; left: 9px; } .cart-buyer .grey_head { border-top: 0 none; } .cart-buyer .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; color: #656565; } .cart-buyer .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-buyer .grey_head { padding: 7px 30px; font-size: 14px; } .cart-buyer .cart-summary tr:last-child { border-bottom: 0px; } .repeat-cell.cart-buyer-wrap .box_wrap { padding-bottom: 10px; } .repeat-cell.cart-buyer-wrap:first-child { padding-top: 0; } .cart-buyer .cartdetail__footer { background: #ededed; margin: 10px 15px; padding: 10px 20px; } .cart-buyer-actions { padding: 0 10px; } .cart-buyer-actions .seller-actions td { padding: 10px; width: 50%; } .dropsection.cart-buyer .cart-summary.item-yk .item-yk-head-specification { word-break: break-all; white-space: normal; } .dropsection.cart-buyer .cart-summary .product_price span { display: block; }*/ /*Cart Page popup css]*/ /*cart Page*/ /*.repeat-cell.cart-buyer-wrap { padding: 10px 0; } .cart-buyer-wrap .grey_head { border-top: 0 none; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; } .cart-buyer-wrap .title_head { padding: 0; } .cart-buyer-wrap .grey_head label { font-weight: 500; } .cart-buyer-wrap .grey_head .green_tag { font-size: 14px; font-weight: 700; margin-left: 10px; margin-bottom: 0; padding: 5px 10px; } .cart-buyer-wrap .cart-buyer-actions .seller-actions td { width: auto; } .cart-buyer-listing.cart--full tr { border-bottom: 0 none; } .cart-buyer-listing.cart--full .cart-buyer-wrap tr { border-bottom: solid 1px #ececec; } @media (max-width:767px) { .cart-buyer-listing .panel__head .btn { margin-top: 15px; } } .cart-buyer-wrap .cart-buyer-actions .seller-actions td { padding: 0 5px; vertical-align: middle; } .cart-buyer-wrap .cart-buyer-actions { padding-right: 0; } .cart-buyer-wrap .cart-buyer-actions .field-set { margin: 0; } .cart-buyer-wrap .label_tag { font-size: 1em; color: var(--txt-color-light); } .cart-buyer-wrap .cart--full tr td:first-child { padding-left: 0; width: 12%; vertical-align: middle; } .cart-buyer-wrap .cart--full tr td { vertical-align: middle; } .cart-buyer-wrap .qty-wrapper { display: block; } .cart-buyer-wrap .qty-wrapper .qty-wrap { display: flex; } .cart-buyer-wrap .qty-wrapper .qty { /* width: 20% */ /* max-width: 150px; } .cart-buyer-wrap .qty-wrapper .refresh { width: 25px; } .cart-buyer-wrap .qty-wrapper .refresh path { fill: var(--second-color); } .cart-buyer-wrap .qty-wrapper .text--normal-primary { margin-top: 10px; display: block; color: var(--first-color) !important; font-size: 16px; } .cart-buyer-wrap .price-wrap .text--normal-secondary { margin-left: 10px; } .cart-buyer-wrap .cart--full tr td:last-child { padding-right: 0; width: 12%; } .cart-buyer-wrap .cart--full tr td:last-child .btn { margin-top: 10px; } .cart-buyer-wrap .cart--full tr:last-child { border-bottom: 0 none; } .cart-footer-buyer { background: #f5f5f5; padding: 30px; } .cart-footer-buyer.cart-footer .cartdetail__footer { /* width: 35%; */ /*} .cart-footer-buyer.cart-footer .cartdetail__footer table td { padding: 10px; } .cart-footer-buyer.cart-footer .cartdetail__footer table td:first-child { padding-left: 0; } .cart-footer-buyer.cart-footer .cartdetail__footer table td:last-child { padding-right: 0; } .cart-footer-buyer.cart-footer .cartdetail__footer table tr.border { border: 0 none; border-top: 1px dashed #b1b1b1; } .cart-footer-buyer .cartdetail__footer td, .cart-footer-buyer .cartdetail__footer td.hightlighted { font-size: 1.1em; } */ /*cart Page*/ /* .banner-seller { margin-top: -30px; } */ /* avtar */ /*.avatar { border-radius: 100%; display: block; position: relative; width: 90px; height: 90px; position: relative; overflow: hidden; background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); } .avatar img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; } .avatar.avatar--xsmall { width: 40px; height: 40px; } .avatar.avatar--small { width: 60px; height: 60px; } .avatar:after { pointer-events: none; content: attr(data-text); font-size: 2em; color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight: 700; } .avatar.avatar--xsmall:after { font-size: 1rem; } .avatar.avatar--centered { margin: auto; display: block; } */ /*.mobile-actions { display: none; }*/ /************************************ Inner Pages Start*********************************/ /*--[--Breadcrumbs*/ /*.breadcrumbs {} .breadcrumbs ul li { display: inline-block; vertical-align: top; position: relative; color: #8b8b8b; padding: 0 25px 0 0; font-weight: 700; font-size: 12px; } .breadcrumbs ul li:before { position: absolute; right: 12px; top: 6px; content: ""; width: 6px; height: 6px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .breadcrumbs ul li:last-child:before { border: 0px; } .breadcrumbs ul li a { color: inherit; display: block; color: #8b8b8b; } */ /*Breadcrumbs--]--*/ /*==[==Ribbon Stripe*/ /*.breadcrumbs-row { padding: 20px 0px 0px; }*/ . /*ribbon-wrap { background: #80c300; color: #fff; font-size: 0.9em; border-radius: 4px; padding: 4px 10px; font-weight: 700; display: inline-block; max-width: 800px; } .ribbon-wrap span { color: #f7ff1d; display: inline-block; } */ /*Ribbon Stripe==]==*/ /*==[==Pagination*/ /*.pagination { border: none; padding: 0; } .pagination.pagination--center { display: table; margin: 30px auto 0; text-align: center; } .pagination li { display: inline-block; vertical-align: top; padding: 0; margin: 2px; } .pagination li a { text-transform: uppercase; width: 35px; line-height: 35px; text-align: center; height: 35px; display: block; font-size: 0.9rem; color: #373838; border-color: transparent; border-radius: 0px; font-weight: 600; position: relative; overflow: hidden; background: #fff; } .pagination li.is-prev a:before { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; content: ""; border-left: 3px solid #373838; border-bottom: 3px solid #373838; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .pagination li.is-next a:before { position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; content: ""; border-right: 3px solid #373838; border-top: 3px solid #373838; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .pagination li a:hover, .pagination li.is--active a { border-color: #ff1653; color: var(--first-color); background: #fff; } .pagination li.is-prev a:hover:before { border-left-color: var(--first-color); border-bottom-color: var(--first-color); } .pagination li.is-next a:hover:before { border-right-color: var(--first-color); border-top-color: var(--first-color); } */ /*Pagination==]==*/ /* .top-row { margin-bottom: 10px; } .col__left .sticky-col { padding-bottom: 40px; } .gallery { position: relative; margin: auto; } .gallery .caraousel { margin: 0; } .gallery .gallery__media { padding: 0; width: 100%; position: relative; overflow: hidden; } .gallery .gallery__media:before { position: relative; padding-bottom: 100%; display: block; content: ""; } .gallery .gallery__media img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .gallery__main li .gallery__media img { display: block; margin: auto; } .gallery .gallery__lbottom { margin: 10px 0 0; } .gallery__thumbs { padding: 0 35px; } .gallery__thumbs li > div { padding: 10px;*/ /* border: solid 1px var(--border-color); margin: 10px 15px; text-align: center; cursor: pointer;*/ /*} .gallery__thumbs li .gallery__media { border: 1px solid #e8e8e8; border-radius: 5px; } .gallery__thumbs li.slick-current .gallery__media { border-color: var(--first-color); } .caraousel .slick-arrow { position: absolute; background-color: #fff; width: 20px; height: 20px; border-radius: 3px; border: none; text-indent: -999999px; z-index: 1; top: 50%; margin: -10px 0 0; } .caraousel .slick-prev:after, .caraousel .slick-next:after { content: ""; border-width: 0; border-right: 3px solid #000; border-bottom: 3px solid #000; width: 10px; height: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; left: 50%; margin-left: 0; top: 50%; margin-top: -5px; } .caraousel .slick-prev::after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .gallery__thumbs .slick-arrow.slick-prev, .gallery__top .slick-arrow.slick-prev { opacity: 1; box-shadow: none; left: 0; } .gallery__thumbs .slick-arrow.slick-disabled, .gallery__top .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .gallery__thumbs .slick-next.slick-arrow, .gallery__top .slick-next.slick-arrow { right: 15px; opacity: 1; box-shadow: none; } .horizontal-actionlist { float: right; } .horizontal-actionlist li { margin: 10px 0 0; display: inline-block; } .like-action { position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; border-radius: 100%; z-index: 1; background: #fff; } .like-action.is-active .svg-icon svg { fill: var(--first-color); } .horizontal-actionlist li a.like-action { position: relative; display: block; left: auto; top: auto; } .like-action .svg-icon { height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .like-action .svg-icon svg { width: 100%; height: 100%; fill: #BABABA; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .toggle-dropdown { position: relative; display: inline-block; } .horizontal-actionlist li a.share-action { width: 30px; height: 30px; border-radius: 100%; display: block; position: relative; } .horizontal-actionlist li a.share-action .svg-icon { width: 14px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .horizontal-actionlist li a.share-action .svg-icon svg { fill: #BABABA; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .toggle-dropdown__target { min-width: 250px; z-index: 9; right: 0; top: 100%; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; -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; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .toggle-dropdown__target::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 1; } .toggle-dropdown .collection__container { padding: 15px; } .toggle-dropdown .collection__container ul li { display: inline-block; } .collection__title { display: block; border-bottom: 1px solid #eee; margin: 0 0 10px 0; color: #000; padding: 0 0 5px 0; font-weight: 500; font-size: 1.1em; } .social-share li { display: inline-block; vertical-align: top; margin: 0 3px 0 0; } .social-share li a, .social-share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.06); } .social-share li a img, .social-share li span img { width: 16px; display: block; margin: 5px auto 0; opacity: 0.6; pointer-events: none; } .content__row { margin: 25px 0; } .content__row.content__row-head { margin: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; } .content__row-head .head__subtitle { color: #8b8b8b; font-size: 12px; } .content__row .content__row-caption { color: #373838; font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block; text-align: left; } .content__row .price-content { color: #373838; } .content__row .price-content .price-standard { font-size: 36px; font-weight: 700; } .content__row .price-content .price-old { font-size: 20px; color: #8b8b8b; font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-discounted { font-size: 20px; color: #8b8b8b; font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-note { display: block; line-height: 0.5; } .content__row .select-border {} .content__row .select-border ul { margin-left: -3px; margin-right: -3px; } .content__row .select-border ul li { display: inline-block; } .content__row .select-border ul li a { color: #373838; border: 1px solid #e2e2e2; padding: 10px 20px; display: inline-block; margin: 0 3px; border-radius: 3px; } .content__row .select-border ul li:hover a, .content__row .select-border ul li.is--active a { border-color: var(--first-color); } .content__guides { margin-left: -3px; margin-right: -3px; } .content__guides span { margin: 0 3px; } .content__guides .guides-shipping { color: #80c300; } .content__guides .question-icon { vertical-align: middle; } .content__guides .guides-shipping .question-icon path { fill: #80c300; } .content__guides .guides-delivery .question-icon path { fill: #ff1653; } .content__guides .guides-delivery { color: var(--first-color) } .qty { width: 100%; background: #fff; border-radius: 4px; } .content__row .qty .increase, .content__row .qty .decrease {*/ /* font-size: 1.2em; */ /* font-weight: 300; height: 46px; line-height: 46px; } .content__row .addToCartForm { width: 100%; } .content__row .btns-group { margin-top: 27px; } .content__row .btns-group .btn {*/ /* font-size: 1.30rem; */ /* height: 46px; line-height: 46px; padding: 0 30px; } .content__row .qty input { height: 46px; line-height: 46px; } .btns-group .btn:last-child { margin-left: 20px; } .selectors.selector--qty .slick-arrow { opacity: 1; top: calc(50% - 20px); background: none; box-shadow: none; margin: 0; } .selectors.selector--qty .slick-arrow.slick-prev { right: 7px; } .selectors.selector--qty.caraousel .slick-arrow.slick-disabled { opacity: 0.2; } .selectors.selector--qty .slick-arrow.slick-next {*/ /* top: 18px; */ /*  right: 10px; } .selector--qty .slick-arrow.slick-prev:before, .selector--qty .slick-arrow.slick-next:before { display: none; } .content__row .product-img { width: 50px; border: 1px solid #ddd; } .cart-tbl-addons { border-radius: 5px; overflow: hidden; border-collapse: seperate; display: table; } .cart-tbl-addons td:first-child { border-left: 1px solid #ededed; } .cart-tbl-addons td:last-child { border-right: 1px solid #ededed; } .content__row.shop-info-row { background-color: #E9F5E6; padding: 20px;*/ /*background-image: url(images/lines-pattern.jpg);*/ /* background-repeat: repeat; text-align: center; } .shop-info-row .avatar { width: 135px; height: 76px; border-radius: 0; box-shadow: none; margin: 1rem auto; } .shop-info-row .avatar img { border-radius: 0; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: left; } .shop-info-row .shop-info [class*="col-"]:last-child p { margin: 0; } .shop-info-row .shop-links { text-align: inherit; } .shop-info-row .shop-links a { font-weight: 600; border-left: 2px solid var(--first-color); margin-left: 7px; padding-left: 7px; } .shop-info-row .shop-links a:first-child { border: 0 none; padding: 0; margin: 0; } .shop-info-row .shop-info { padding: 10px 0 0 0; } .shop-info-row .shop-info h6 { padding: 0; } .shop-info-row .shop-info h6 a { color: #373838; font-size: 24px; } .sticky-bar { z-index: 1; } .section-actions-bar {*/ /*background: #fff; border-radius: 5px; border: 1px solid #ddd; margin-top: -10px; padding: 0 10px;*/ /*} .section-repeated { border: 1px solid #e8e8e8; padding: 20px; margin: 20px 0; } .section-repeated .container--cms h3 { font-size: 1.2rem; } .section-repeated .container--cms h6 { font-size: 1.0rem; color: #373838; } .repeat-feedback-wrap .repeat-btn { text-align: center; margin-top: 20px; border-top: 1px solid #f1f1f1; padding-top: 20px; } .repeat-feedback-wrap .repeat-btn .btn {} .feedback-wrap { background: #f5f5f5; padding: 15px; margin-top: 20px; } .repeat-feedback { margin: 0 -10px; display: table; width: 100%; } .feedback-head .rating { display: block; margin: 0 0 10px 0; } .feedback-left { display: table-cell; width: 20%; text-align: center; margin: auto; vertical-align: top; } .feedback-guest {} .feedback-guest .guest-label { background: #f5f5f5; color: #454545; width: 60px; height: 60px; display: block; border-radius: 100%; text-align: center; line-height: 60px; font-size: 24px; font-weight: 700; margin: auto; margin-bottom: 10px; } .feedback-guest .guest-label img { border-radius: 100%; padding: 10px; } .feedback-guest .guest-name { display: block; font-weight: 700; } .feedback-guest .guest-time { color: #9a9a9a; font-size: 12px; text-transform: uppercase; } .feedback-actions .inline-list { display: inline-block; margin: 0; } .feedback-actions .inline-list > li { list-style-type: none; display: inline-block; vertical-align: middle; padding: 0 5px 5px 5px; } .feedback-actions .inline-list > li:before { display: none; } .repeat-feedback { border-bottom: 1px solid #f1f1f1; padding: 20px 0; } .repeat-feedback:last-child { border-bottom: 0 none; } .repeat-feedback .image-helper { display: inline-block; vertical-align: middle; } .repeat-feedback .image-helper .thumb-action { fill: #80c300; } .repeat-feedback .image-helper.thumb-rotate .thumb-action { fill: #ff1653; } .repeat-feedback .image-helper.thumb-rotate { position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-top: -7px; } .repeat-feedback .inline-list .thumb-y, .repeat-feedback .inline-list .thumb-n { padding-left: 10px; font-weight: 700; } .feedback-actions p { display: inline-block; margin: 0; } .section-repeated .progress--horizontal .progress__bar { background-color: var(--first-color); } .section-repeated .listing--progress li { list-style: none; padding: 0 15px 12px 15px; } .section-repeated .rating-progress-row { border-right: 1px solid #e6eeeb; padding-right: 25px; } .section-repeated .listing--progress li:before { display: none; } .section-repeated .progress--radial { margin: 0; } .section-repeated .have-you { background: #fff } .section-repeated .listing--progress > li .grid--left {*/ /*width: 12%;*/ } /*.section-repeated .select-custom .select--arrow select { border: 0 none; } */ /************************************ Inner Pages End***********************************/ /************************************ Dashboard Pages Start***********************************/ /*.dashboard .map-wrap { margin-top: 15px; } */ /************************************ Dashboard Pages End***********************************/ /************************************ media queries *************************************/ @media(min-width:1199px) {} @media(min-width:767px) { /*  .pac-container { width: 335px !important; }*/ } @media(max-width:1399px) {} /*Required in Growcer for desktop and resp as well*/ @media(max-width:1199px) { /* .quote__content { font-size: 1.1rem; }*/ } @media(max-width:1024px) { /*.horizontal-actionlist li { margin: 0;*/ /*display: block;*/ /* }*/ /* .breadcrumbs-row { padding: 15px; background: #eee; margin: 0 -10px; }*/ /* .-show-responsive { display: inline-block !important; }*/ /* .-hide-responsive { display: none !important; }*/ /* .right-panel .row { padding-bottom: 20px; } .right-panel .row.top-row [class*="col-"] { margin: auto; } .sortlist-actions { float: none; }*/ /*  .ribbon-wrap { max-width: 550px; }*/ } @media(max-width:1023px) { /*.col-full-last { border-top: 1px solid rgba(255, 255, 255, 0.1); }*/ /* .-hide-tab { display: none !important; }*/ /*.toggle-group--left { float: left; width: 50%; } .toggle-group--right { float: right; width: 50%; padding-left: 20px; }*/ /*.cart-tbl-addons.table .qty { width: 95px; }*/ } @media(max-width:767px) { /*.horizontal-actionlist li { margin: 10px 0 0; display: inline-block; }*/ /* .gallery { max-width: 500px; }*/ /* .cart-tbl-addons { border-top: 1px solid var(--border-color) }*/ /* .section-repeated .rating-progress-row { border: 0 none; padding-right: 0; } */ /* .feedback-wrap .sortlist-actions { float: right; background: #fff; padding: 0 10px; }*/ /*.content__row { margin: 20px 0; }*/ /*.horizontal-actionlist { float: none; } */ /* .cart-tbl-addons td { vertical-align: middle; }*/ /* .cart-buyer-wrap .qty-wrapper .qty { width: 60%; }*/ /*.shopFormBlock .field-two-wrap .field-wraper { width: 100%; } .dashboard .container--addresses .form small { display: block; } .toggle-group--left { width: 100%; } .toggle-group--right { padding: 0; width: 100%; }*/ } @media(max-width:400px) { /* .section-repeated .listing--progress > li .grid--left { width: 20%; }*/ /*.container--addresses .field_cover small { display: block; }*/ } @media(max-width:575px) { /*.checkout-page .order-summary .qty { width: 100%; }*/ /* .cart-buyer-wrap .qty-wrapper .qty { width: 60%; } */ /* .shop-info-row .shop-links, .shop-info-row .content__row-caption { text-align: center; }*/ /* .shop-info-row .avatar { margin: 10px auto; }*/ /* .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; }*/ /* .toggle-dropdown__target { left: 0; transform-origin: top left; } .toggle-dropdown__target:before { left: 5px; right: auto; }*/ } @media(max-width:500px) { /* .row.site-section__body [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .sortlist-actions li:first-child { width: 34%; }*/ /*.select-custom span.static_txt { display: none; } .select-custom .select--arrow { width: 100%; }*/ /* .section-repeated { padding: 10px; }*/ /*.horizontal-actionlist { float: none; }*/ /*.cart-tbl-addons-wrap { white-space: nowrap; overflow: auto; display: block; }*/ /*.section-repeated .listing--progress li { padding: 0 0 12px 0; }*/ /*.feedback-wrap { text-align: center; }*/ /*.feedback-wrap .sortlist-actions { max-width: 200px; float: none; margin: 10px auto }*/ /*.feedback-left { display: block; width: 100%; text-align: left } */ /*.feedback-guest .guest-label { margin: 0; }*/ /*.gallery__thumbs li > div { padding: 5px; }*/ /*.content__row .select-border ul li { margin: 4px 0; }*/ /*.content__row .btns-group .btn { padding: 0 15px; }*/ /*.btns-group .btn:last-child { margin-left: 10px; }*/ /*.top_cell, .grey_head, .box_wrap .box_head, .box_wrap .box_body_wrap { padding: 15px; } .top_cell .-show-mobile { display: inline-block !important; }*/ /*.top_cell label { font-size: 16px; }*/ /*.top_cell [class*="col-"], .grey_head [class*="col-"] { margin: 5px 0; } .box_wrap .box_body li p { width: 100%; }*/ /*.box_wrap .box_body .box { width: 48%; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3), .box_wrap .box_body .box:nth-child(2) { width: 100%; }*/ } @media(width:768px) { /*.section-repeated .rating-progress-row { border: 0 none; padding-right: 0; }*/ /* .shop-info-row .shop-links { text-align: left; }*/ /*.shop-info-row .shop-info [class*="col-"]:last-child { padding-top: 15px; padding-left: 10px; }*/ /*   .feedback-wrap .sortlist-actions { float: right; background: #fff; padding: 0 10px; }*/ /* .horizontal-actionlist { float: right; }*/ } @media (min-width:768px) and (max-width:992px) { /* .content__row.shop-info-row, .content__row.shop-info-row .content__row-caption, .shop-info-row .shop-links { text-align: center; } .shop-info-row .shop-links { text-align: center; } .shop-info-row .avatar { margin: auto; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; }*/ } @media (min-width:1200px) and (max-width:1366px) {} @media (min-width:1366px) and (max-width:1400px) {} /*Order Page*/ /*.light-graybg { background: #fff; padding: 15px; } .border-gap { border-top: 1px solid #e2e7ec; margin-left: -15px; margin-right: -15px; padding: 15px; } .orders-detailing {} .repeated-table { padding: 15px; } .orders-detailing .repeated-table tr th, .orders-detailing .label-field { color: #38424f; font-weight: 700; text-transform: uppercase; text-align: left; } .orders-detailing .repeated-table tr th, .orders-detailing .repeated-table tr td, .orders-detailing .label-field { font-size: 13px; padding: 15px 7px; vertical-align: top; } .orders-detailing .repeated-table tr td { color: #545e6c; font-size: 12px; border-top: 1px solid #e2e7ec; font-weight: 600; } .orders-detailing tr td:first-child, .orders-detailing tr th:first-child { padding-left: 20px; } .repeat-head { background: #f5f5f5; padding: 15px; padding-bottom: 0; } .repeated-body { padding: 0 15px; } .repeated-body:nth-child(odd) { background: #fbfbfb; border-top: 1px solid #e2e7ec; border-bottom: 1px solid #e2e7ec; } .box-highlights { margin-bottom: 20px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.08); border: 1px solid #f0f2f4; } .orders-detailing .label-field { padding: 0 0 5px 0; }*/ /*.group_wrapper_for_signup .or { max-width: 100%; } .group_wrapper_for_signup .or:after, .group_wrapper_for_signup .or:before { width: calc(100% - 30px); } .group_wrapper_for_signup .or span { background: #fff; padding: 0 10px; display: inline-block; position: relative; z-index: 1; }*/ /*#facebox .social-list li a, .group_wrapper_for_signup .social-list li a { text-align: center; margin: auto; display: block; } #facebox .social-list li { text-align: center; margin: auto; display: block; }*/ /*.box.box-green { border: 1px solid var(--second-color); background: #edfdcf; color: #629600; } .box.box-red { border: 1px solid var(--first-color); background: #fddbe4; color: var(--first-color); } .box.box-goldengreen { border: 1px solid #c3ca14; background: #fbfce1; color: #c3ca14; } .box.box-blue { border: 1px solid #72b9f5; color: #72b9f5; background: #edf4fe; } .box.box-grey { border: 1px solid #a5a5a5; color: #a5a5a5; background: #f7f8fa; } .statistics__box h4 span { background: transparent; } .statistics__box h4:before { display: none; } .statistics__box.-statsFull .box { min-height: auto; border-color: var(--border-color); color: var(--txt-color); } .statistics__box.-statsFull h4 { margin: 0; } .tbl-dashboard .box-head { display: flex; flex: 0 0 100%; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .box-head h4 {} .box-head .view-all-orders-link {} .tbl-normal { border: solid 1px #dedddd; border-collapse: collapse; width: 100%; margin-top: 25px; } .tbl-normal th { text-transform: uppercase; background: #fbfbfb; font-size: 14px; color: #545353; font-weight: 600; padding: 15px 20px; border: solid 1px #dedddd; } .tbl-normal td { vertical-align: top; font-size: 14px; color: #545353; font-weight: 400; padding: 15px; border: solid 1px #dedddd; } .tbl-normal.table tr:last-child td { border: solid 1px #dedddd; } .tbl-normal.table tr td:first-child { border-bottom: none; } .tbl-normal.table td:first-child, .tbl-normal.table th:first-child { padding: 15px } .graph--sales.ct-perfect-fourth:before { padding-bottom: 40%; } .box.box-navigation { background: #fbfbfb } .box.box-navigation .box--list .links--vertical li { padding: 6px 0 15px 37px; } .box.box-navigation .box--list:last-child { border: 0 none; padding-bottom: 0; }*/ .box.box-navigation .box--list .links--vertical a { /* font-size: 1.1em;*/ } /*.box.box-navigation .box--list .links--vertical li .fa { font-size: 19px; } .tbl-dashboard .view-all-orders-link { float: right; } .tbl-dashboard .box-head { float: left; }*/ .checkout-page { /* background: #fbfbfb;*/ } /*.allsteps { counter-reset: section; } .steps__head { margin-bottom: 15px; } .steps__head .steps__number { background-color: #E9F5E6; border-radius: 50%; border: 1px solid #d0d8da; height: 40px; width: 40px; text-align: center; font-size: 22px; color: var(--first-color); font-weight: 600; display: inline-block; margin-right: 15px; line-height: 40px; border: 1px solid var(--first-color); } .steps__number:before { bottom: 0; color: inherit; content: ""counter(section, decimal) " "; counter-increment: section; left: 10px; overflow: hidden; padding: 15px 0; text-align: center; top: 0; width: 30px; } .steps__title { font-size: 24px; color: var(--first-color); font-weight: 600; } .block-pannel { margin-bottom: 40px; } .block-pannel .block { background: #fff; padding: 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); } .checkout-page .order-summary { padding: 55px 10px; } .checkout-page .section { border-color: #ececec; } .checkout-page .section-head { border-color: #ececec; padding: 15px 25px; font-weight: 600; font-size: 1.4em; } .checkout-page .check-login-wrapper, .checkout-page .address-wrapper { padding: 25px; } .checkout-page .make-payment-wrapper { padding: 0; } .checkout-page .add-side .heading { font-size: 1.2em; margin-bottom: 20px; font-weight: 600; } .checkout-page .payment-pannel .section-head, .checkout-page .payment-pannel .section { border: 0 none; padding: 0; border-bottom: 0 none; } .checkout-page .check-login-wrapper .forgot { text-transform: capitalize; } .checkout-page .green_tag { margin-left: 10px; margin-bottom: 0; } .checkout-page .-row-heading td { vertical-align: middle; text-align: right; } .checkout-page .-row-heading td:first-child { text-align: left; } .checkout-page .-row-heading td select { width: 28%; margin-right: 10px; } .checkout-page .-row-heading td .field-set { width: auto; margin: 0; } .checkout-page .text-right .btn { margin-top: 10px; } .checkout-page .product_price .item__price { display: inline-block; } .checkout-page .product_price .text--normal { display: inline-block; } .checkout-page .product_price .text--normal input { border: 0 none; width: 115px; text-align: right; } .checkout-page .product_price .item__price { display: inline-block; text-align: left; } .review-wrapper span { display: inline-block; margin: 0 5px; }*/ /************************************ media queries *************************************/ @media(max-width:1440px) { /*.orders-detailing .label-field { display: none !important; }*/ } @media(max-width:700px) { /*.repeat-head { padding: 10px; }*/ /*.repeated-table .box__head { background: #eee; padding: 10px; }*/ /*.orders-detailing .repeated-table tr th { display: none; }*/ /*.orders-detailing .repeated-table tr td { display: block; padding: 10px 0; }*/ /*.orders-detailing .label-field { display: block !important; }*/ /*.repeated-body { padding: 0; }*/ } /************************************ media queries *************************************/ /*@media(max-width:600px) { .top_cell [class*="col-"]:last-child { padding-left: 20px; } .top_cell [class*="col-"]:last-child { padding-left: 10px; text-align: left; } } button#new_card { background-color: var(--first-color); color: #fff; padding: 9px; margin-right: 15px; }*/ /*.loading { background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; height: 100px; }*/ /***************Mani Mega Menu**********************/ /*************** shop delivery date time slot pop-up css **********************************/ /*Tabs*/ /*.togglehead { display: none; } .tabspanel .tabs_list { display: table; margin: 0 auto; } .tabspanel .tabs_list li { display: inline-block; padding: 0 10px 10px 25px; } .tabspanel .tabs_list li a { border-bottom: 3px solid transparent; padding-bottom: 8px; } .tabspanel .tabs_list li a .txt { font-size: 20px; color: #2c2c2c; margin-left: 10px; vertical-align: top; } .tabspanel .tabs_list li:hover a, .tabspanel .tabs_list li a.active { border-bottom-color: #9de8d7; } .tabspanel .tabs_list li:hover a .txt, .tabspanel .tabs_list li a.active .txt { color: #6dc2af; } .tabspanel .tabs_list li:hover a .svg_icon, .tabspanel .tabs_list li a.active .svg_icon { fill: #6dc2af; } #facebox .shop__slot__popup { padding: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 580px; } @media (max-width: 1024px) { #facebox .content.faceboxWidth.shop__slot__popup { width: auto; } .dashboard .container--addresses { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .shop__slot__popup .tabspanel { display: flex; flex-wrap: wrap; } .cal-wrap, .slot-wrap { width: 50% !important; } .slot-wrap { padding: 25px; padding-right: 0px; }*/ /* .--grey { background: #f5f5f5; }*/ /*.shop__slot__popup .normaltabs li a { padding: 8px 20px; display: flex;*/ /*flex-wrap: wrap;*/ /* align-items: center; } .shop__slot__popup .normaltabs li a:hover, .shop__slot__popup .normaltabs li a.is-active { background-color: var(--first-color); } .shop__slot__popup .cal-icon { padding-right: 15px; } .shop__slot__popup .cal-icon svg { fill: #dcdcdc; } .shop__slot__popup .normaltabs li a:hover .cal-icon svg, .shop__slot__popup .normaltabs li a.is-active .cal-icon svg { fill: #fff; } .shop__slot__popup .cal-list {*/ /*display: flex;*/ /* flex-direction: row; color: #000; font-size: 15px; } .shop__slot__popup .cal-list span { margin-left: 7px; } .shop__slot__popup .normaltabs li a:hover .cal-list, .shop__slot__popup .normaltabs li a.is-active .cal-list { color: #fff; } .shop__slot__popup .slot-wrap .title { margin-bottom: 20px; font-size: 1.2rem; } .shop__slot__popup .slot-wrap .slot-list li { margin-bottom: 18px; } .shop__slot__popup .slot-wrap .slot-list li:last-child { margin-bottom: 0; } .radio.is-checked .input-helper:after { -webkit-transform: scale(1); transform: scale(1); } .checkout-page .action_two_cell { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .checkout-page .self_pickup_field { float: left; } .checkout-page .delivery_slot_field { display: flex; flex-wrap: wrap; align-items: center; } .checkout-page .delivery_slot_field .field-set label { margin-right: 5px; } .checkout-page .setDeliveryDate a { border: 1px solid var(--first-color); padding: 5px 10px; background-color: #fff; color: #000; background-image: url(images/arrow-link.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 17px 17px; padding-right: 33px; } .checkout-page .setDeliveryDate a { color: #000; font-size: 13px; display: flex; align-items: center; } .checkout-page .setDeliveryDate a .cal-slot-icon { margin-right: 5px; width: 15px; height: 21px; margin-top: -1px; } .checkout-page .setDeliveryDate a .cal-slot-icon svg { width: 15px; } .checkout-page .setDeliveryDate a .cal-slot-icon path { fill: var(--first-color) } .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { max-height: 320px; min-height: 320px; } .slot-wrap .scrollbar { max-height: 240px; } .slot-wrap .slot-list { padding-top: 10px; } .popup .shop__slot__popup .scroll__handle { margin: 0 0 0 -4px; background: #c3c3c3; } form.header_location_form { border: 1px solid rgba(0, 0, 0, 0.2); } .remove_first_document { margin-right: 10px; } .form__content .add_document { margin-top: 25px; } @media(max-width:500px) { .form__content .add_document { margin-top: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 100%; } .cal-wrap, .slot-wrap { width: 100% !important; } .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { min-height: auto; } .checkout-page .container--addresses .form input[type="submit"], .checkout-page .container--addresses .form input[type="button"] { display: block; width: 100%; margin: 10px 0; } } @media(max-width:700px) { .popup .shop__slot__popup .cal-wrap.scrollbar, .slot-wrap { min-height: auto; } }*/ /*.search_map_pannel { padding: 10px; }*/ /*.gallery__top { list-style: none; }*/ /*.no-record { background-image: url(images/no-record.svg); background-repeat: no-repeat; background-position: center center; width: 100%; background-size: 45%; height: 250px; } .delivery-boy-view-order { float: left; padding-right: 20px; }*/ /*@media(max-width:500px) { .rotator-actions .btn { margin: 5px 0; } .sortlist-actions li, .sortlist-actions li:first-child { width: 100%; margin: 2px 0; } }*/ @media only screen and (max-width: 767px) { /* .cart-buyer .cartdetail__footer { margin: 5px; }*/ /*.cart-buyer .cartdetail__footer .btn { padding: 0 13px; font-size: 1.10rem; }*/ /*   .fixed .header-checkout .logo { margin: 5px auto; } .field_cover .address_identifier { width: 100%; } .field_cover .btn-showmap { margin-top: 20px; }*/ } /*.container--addresses .errorlist { position: absolute; }*/ /*.btn--fb { background: #3b5a99; }*/ /*Only for mobile menue for dashbord*/ /*.list--vertical li .parents--link:after { top: 6px; }*/ /*Only for mobile menue for dashbord*/ /*.cat-accordion ul ul li a { display: inline-block; }*/ /* .tbl-dashboard .box-head { clear: both; float: none; }*/ /*html.cart-is-active .header__nav .overlay.common_overlay { display: none; }*/ /* html.cart-is-active #header { position: relative; } */ /*.field-wraper.field-two-wrap .field_cover, .field-two-wrap .field-wraper .field_cover { border: 1px solid var(--border-color); } .field-wraper.field-two-wrap .field_cover span, .field-two-wrap .field-wraper .field_cover span { width: 60px; display: inline-block; padding-left: 10px; border-right: 1px solid var(--border-color); } .field-wraper.field-two-wrap .field_cover input, .field-two-wrap .field-wraper .field_cover input { width: calc(100% - 60px); border: 0px; } .field-two-wrap .field-wraper .field_cover input, .field-two-wrap .field-wraper .field_cover div { width: 100% } .field-two-wrap .field-wraper .field_cover { display: flex; align-items: center; } .field-wraper.field-two-wrap .field_cover input:focus, .field-two-wrap .field-wraper .field_cover input:focus { border: 0 none; box-shadow: none } .field-two-wrap .errorlist { position: absolute; } .final_order_table td:last-child { text-align: right; } .cart { display: inline-block; float: none; }*/ /* @media only screen and (min-width: 600px) and (max-width: 992px) { .heading4 span { display: block; } .order-summary .summary-listing .product_price { float: none; margin-top: 10px; display: inline-block; width: 100%; } .order-summary .summary-listing .qty { width: 70%; } }*/ /** system message **/ #mbsmessage, .system_message { position: fixed; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 101; text-align: center; max-width: 100%; right: 0; left: 0; top: 0; } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; padding:0 30px; } #mbsmessage .content:before, .system_message .content:before { background-size: 16px !important; content: ""; left: 0px; 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 0 0 00px; } #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; } .errorlist { margin: 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; z-index: 2; } .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: .90em; color: #fff; width: 100%; /*position: relative;*/ padding: 5px 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; -webkit-transform: translateX(-50%) !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: 7px; text-align: center; line-height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.47; } .close:hover, .system_message .closeMsg:hover { /* -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: 20px; height: 20px; display: inline-block; position: absolute; left: 15px; top: 6px; 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); 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 !important; right: 10px !important; width: auto; padding: 20px 35px; } #mbsmessage .content, .system_message .content { min-width: inherit; } }