html { font-size: 100%; } @viewport { zoom: 1.0; min-zoom: 0.7; max-zoom: 1.9; } body { min-zoom: 0.7; max-zoom: 1.9; background-color: #F1EFEB; font-family: "Rubik", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5em; color: #000000; } /*------------------------------------------------- Basic colors */ .red { color: #FF0000; } .white { color: #ffffff; } .black { color: #000000; } /*------------------------------------------------- [ ## Heading ] */ h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3em; color: #3e4532; font-weight: 600; -webkit-font-smoothing: antialiased; margin-bottom: 15px; font-family: "Rubik", sans-serif; } h1 { font-size: 2.441em; } h2 { font-size: 1.953em; } h3 { font-size: 1.563em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: inherit; text-decoration: none; } /* font Henny Penny */ @font-face { font-family: 'Henny Penny'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://idrewno.pl/assets/templates/e-drzewo/fonts/Google_Henny_Penny.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .heading { font-size: 22px; font-weight: 700; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .heading { font-size: 20px; } } .section-heading { font-weight: 700; font-size: 30px; position: relative; z-index: 2; line-height: 1.2em; margin-bottom: 25px; padding-bottom: 15px; margin-top: -10px; border-bottom: 1px solid #282853; } @media only screen and (max-width: 1199px) { .section-heading { font-size: 42px; } } @media only screen and (max-width: 991px) { .section-heading { font-size: 38px; } } @media only screen and (max-width: 575px) { .section-heading { font-size: 32px; } } @media only screen and (max-width: 480px) { .section-heading { font-size: 30px; } } .section-heading:before { position: absolute; bottom: -1px; content: ""; height: 1px; width: 100px; background-color:#3e4532; left: 0; } .section-title { position: relative; margin-bottom: 15px; margin-top: -10px; } @media only screen and (max-width: 1199px) { .section-title { margin-top: -8px; } } @media only screen and (max-width: 991px) { .section-title { margin-bottom: 55px; margin-top: -7px; } } @media only screen and (max-width: 767px) { .section-title { margin-bottom: 50px; } } @media only screen and (max-width: 480px) { .section-title { margin-top: -5px; } } .section-title .title-main { font-weight: 600; font-size: 40px; position: relative; z-index: 2; line-height: 1.15em; margin-bottom: 0px; margin-top: 10px; position: relative; padding-bottom: 20px; } @media only screen and (max-width: 1199px) { .section-title .title-main { font-size: 42px; } } @media only screen and (max-width: 991px) { .section-title .title-main { font-size: 38px; } } @media only screen and (max-width: 575px) { .section-title .title-main { font-size: 32px; } } @media only screen and (max-width: 480px) { .section-title .title-main { font-size: 30px; padding-bottom: 15px; } } .section-title .title-main:before, .section-title .title-main:after { position: absolute; } .section-title .title-main:before { background-color:#d0e6a5; left: 0; } .section-title .title-main:after { background-color: #646e53; left: 50px; } .section-title .title-main > span { font-weight: 700; color:#3e4532; } .section-title.text-center .title-main:before { left: calc(50% - 50px); } .section-title.text-center .title-main:after { left: 50%; } /*------------------------------------------------- [ ## Others Typography ] */ p { margin-bottom: 15px; line-height: 1.7em; } p:last-child { margin-bottom: 0px; } @media only screen and (max-width: 1199px) { p { line-height: 1.7em; } } blockquote { margin: 0 0 1.3em; } address { margin: 0 0 1.3em; } dfn, em, cite, i, code, kbd, tt, var { font-size: 1em; } em, cite, i { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #454545; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } pre { background: #f4f7fc; padding: 20px 30px; margin-bottom: 30px; max-width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 0.929em; overflow: auto; } img { max-width: 100%; height: auto; } .dropcap { display: block; float: left; margin: 15px 5px 0 0; font-weight: bold; font-size: 60px; color: #ccc; } .el-text-rotation { white-space: nowrap; position: relative; display: inline-block; } .el-text-rotation .inner-el { text-transform: uppercase; letter-spacing: 0.015em; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(-90deg); } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*------------------------------------------------- [ ## Font Size ] */ .fts-13 { font-size: 13px; } .fts-15 { font-size: 15px; } .fts-18 { font-size: 18px; } .fts-20 { font-size: 20px; } .fts-25 { font-size: 25px; } .fts-30 { font-size: 30px; } .fts-35 { font-size: 35px; } .fts-40 { font-size: 40px; } .fts-45 { font-size: 45px; } .fts-50 { font-size: 50px; } .fts-60 { font-size: 60px; } .fts-65 { font-size: 65px; } .fts-70 { font-size: 70px; } .fts-75 { font-size: 75px; } /*-------------------------------------------------------------- # Font Weight --------------------------------------------------------------*/ .w-100 { font-weight: 100; } .w-300 { font-weight: 300; } .w-400 { font-weight: 400; } .w-500 { font-weight: 500; } .w-600 { font-weight: 600; } .w-700 { font-weight: 700; } .w-800 { font-weight: 800; } .w-900 { font-weight: 900; } /*------------------------------------------------- [ ## Margin Element ] */ .mr-0 { margin: 0; } .mrt-0 { margin-top: 0; } .mrb-0 { margin-bottom: 0; } .mrl-0 { margin-left: 0; } .mrr-0 { margin-right: 0; } .mrt-5 { margin-top: 5px; } .mrb-5 { margin-bottom: 5px; } .mrl-5 { margin-left: 5px; } .mrr-5 { margin-right: 5px; } .mrt-10 { margin-top: 10px; } .mrb-10 { margin-bottom: 10px; } .mrl-10 { margin-left: 10px; } .mrr-10 { margin-right: 10px; } .mrt-15 { margin-top: 15px; } .mrb-15 { margin-bottom: 15px; } .mrl-15 { margin-left: 15px; } .mrr-15 { margin-right: 15px; } .mrt-20 { margin-top: 20px; } .mrb-20 { margin-bottom: 20px; } .mrl-20 { margin-left: 20px; } .mrr-20 { margin-right: 20px; } .mrt-25 { margin-top: 25px; } .mrb-25 { margin-bottom: 25px; } .mrl-25 { margin-left: 25px; } .mrr-25 { margin-right: 25px; } .mrt-30 { margin-top: 30px; } .mrb-30 { margin-bottom: 30px; } .mrl-30 { margin-left: 30px; } .mrr-30 { margin-right: 30px; } .mrt-35 { margin-top: 35px; } .mrb-35 { margin-bottom: 35px; } .mrl-35 { margin-left: 35px; } .mrr-35 { margin-right: 35px; } .mrt-40 { margin-top: 40px; } .mrb-40 { margin-bottom: 40px; } .mrl-40 { margin-left: 40px; } .mrr-40 { margin-right: 40px; } .mrt-45 { margin-top: 45px; } .mrb-45 { margin-bottom: 45px; } .mrl-45 { margin-left: 45px; } .mrr-45 { margin-right: 45px; } .mrt-50 { margin-top: 50px; } .mrb-50 { margin-bottom: 50px; } .mrl-50 { margin-left: 50px; } .mrr-50 { margin-right: 50px; } .mrt-55 { margin-top: 55px; } .mrb-55 { margin-bottom: 55px; } .mrl-55 { margin-left: 55px; } .mrr-55 { margin-right: 55px; } .mrt-60 { margin-top: 60px; } .mrb-60 { margin-bottom: 60px; } .mrl-60 { margin-left: 60px; } .mrr-60 { margin-right: 60px; } .mrt-75 { margin-top: 75px; } .mrt-65 { margin-top: 65px; } .mrb-65 { margin-bottom: 65px; } .mrl-65 { margin-left: 65px; } .mrr-65 { margin-right: 60px; } .mrt-70 { margin-top: 70px; } .mrb-70 { margin-bottom: 70px; } .mrl-70 { margin-left: 70px; } .mrr-70 { margin-right: 70px; } .mrt-75 { margin-top: 75px; } .mrb-75 { margin-bottom: 75px; } .mrl-75 { margin-left: 75px; } .mrr-75 { margin-right: 75px; } .mrt-80 { margin-top: 80px; } .mrb-80 { margin-bottom: 80px; } .mrb-85 { margin-bottom: 85px; } .mrl-80 { margin-left: 80px; } .mrr-80 { margin-right: 80px; } .mrt-90 { margin-top: 90px; } .mrb-90 { margin-bottom: 90px; } .mrl-90 { margin-left: 90px; } .mrr-90 { margin-right: 90px; } .mrt-100 { margin-top: 100px; } .mrb-100 { margin-bottom: 100px; } .mrl-100 { margin-left: 100px; } .mrr-100 { margin-right: 100px; } .mrt-105 { margin-top: 105px; } .mrb-105 { margin-bottom: 105px; } .mrl-105 { margin-left: 105px; } .mrr-105 { margin-right: 105px; } .mrt-120 { margin-top: 120px; } .mrb-120 { margin-bottom: 120px; } @media only screen and (max-width: 991px) { .mrb-120 { margin-bottom: 100px; } } .mrl-120 { margin-left: 120px; } .mrr-120 { margin-right: 120px; } .mrb-145 { margin-bottom: 145px; } .mrt-150 { margin-top: 150px; } .mrt-200 { margin-top: 200px; } .mrb-150 { margin-bottom: 150px; } @media only screen and (max-width: 1199px) { .mrb-150 { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .mrb-150 { margin-bottom: 100px; } } .mrb-155 { margin-bottom: 155px; } .mrb-170 { margin-bottom: 170px; } .mrb-175 { margin-bottom: 175px; } .mrl-150 { margin-left: 150px; } .mrr-150 { margin-right: 150px; } .mrb-185 { margin-bottom: 185px; } .mrb-190 { margin-bottom: 190px; } .mrb-195 { margin-bottom: 195px; } .mrb-200 { margin-bottom: 200px; } @media only screen and (max-width: 991px) { .md-mrt-60 { margin-top: 60px; } .md-mrb-60 { margin-bottom: 60px; } .md-mrt-55 { margin-top: 55px; } .md-mrb-55 { margin-bottom: 55px; } .md-mrt-50 { margin-top: 50px; } .md-mrb-50 { margin-bottom: 50px; } } /* Margin Top Negative Value */ .ml-t-5 { margin-top: -5px; } .ml-t-8 { margin-top: -8px; } .ml-t-058p { margin-top: -0.58%; } .ml-t-10 { margin-top: -10px; } .ml-t-15 { margin-top: -15px; } .ml-t-20 { margin-top: -20px; } .ml-t-25 { margin-top: -25px; } .ml-t-30 { margin-top: -30px; } .ml-t-35 { margin-top: -35px; } .ml-t-40 { margin-top: -40px; } .ml-t-45 { margin-top: -45px; } .ml-t-50 { margin-top: -50px; } .ml-t-55 { margin-top: -55px; } .ml-t-60 { margin-top: -60px; } .ml-t-75 { margin-top: -75px; } .ml-t-90 { margin-top: -90px; } .ml-t-105 { margin-top: -105px; } .ml-t-120 { margin-top: -120px; } .ml-t-135 { margin-top: -135px; } .ml-t-150 { margin-top: -150px; } .ml-t-165 { margin-top: -165px; } .ml-t-180 { margin-top: -180px; } .ml-t-195 { margin-top: -195px; } .ml-t-210 { margin-top: -210px; } .ml-t-225 { margin-top: -225px; } /* Margin bottom Negtive value */ .ml-b-5 { margin-bottom: -5px; } .ml-b-10 { margin-bottom: -10px; } .ml-b-15 { margin-bottom: -15px; } .ml-b-20 { margin-bottom: -20px; } .ml-b-25 { margin-bottom: -25px; } .ml-b-30 { margin-bottom: -30px; } .ml-b-35 { margin-bottom: -35px; } .ml-b-40 { margin-bottom: -40px; } .ml-b-45 { margin-bottom: -45px; } .ml-b-50 { margin-bottom: -50px; } .ml-b-55 { margin-bottom: -55px; } .ml-b-60 { margin-bottom: -60px; } .ml-b-75 { margin-bottom: -75px; } .ml-b-80 { margin-bottom: -80px; } .ml-b-90 { margin-bottom: -90px; } .ml-b-105 { margin-bottom: -105px; } .ml-b-120 { margin-bottom: -120px; } .ml-b-135 { margin-bottom: -135px; } .ml-bp-0933 { margin-bottom: -0.933%; } /* Margin for Responsive value */ @media only screen and (max-width: 767px) { .mrb-m-30 { margin-bottom: 30px; } .mrb-m-45 { margin-bottom: 45px; } .mrb-m-60 { margin-bottom: 60px; } .mr-m-0 { margin: 0; } } /*------------------------------------------------- [ ## Padding Element ] */ .pd-0 { padding: 0; } .pd-t-0 { padding-top: 0; } .pd-b-0 { padding-bottom: 0; } .pd-l-0 { padding-left: 0; } .pd-r-0 { padding-right: 0; } .pd-t-5 { padding-top: 5px; } .pd-b-5 { padding-bottom: 5px; } .pd-l-5 { padding-left: 5px; } .pd-r-5 { padding-right: 5px; } .pd-t-10 { padding-top: 10px; } .pd-b-10 { padding-bottom: 10px; } .pd-l-10 { padding-left: 10px; } .pd-r-10 { padding-right: 10px; } .pd-t-15 { padding-top: 15px; } .pd-b-15 { padding-bottom: 15px; } .pd-l-15 { padding-left: 15px; } .pd-r-15 { padding-right: 15px; } .pd-t-20 { padding-top: 20px; } .pd-b-20 { padding-bottom: 20px; } .pd-l-20 { padding-left: 20px; } .pd-r-20 { padding-right: 20px; } .pd-t-25 { padding-top: 25px; } .pd-b-25 { padding-bottom: 25px; } .pd-l-25 { padding-left: 25px; } .pd-r-25 { padding-right: 25px; } .pd-t-30 { padding-top: 30px; } .pd-b-30 { padding-bottom: 30px; } .pd-l-30 { padding-left: 30px; } .pd-r-30 { padding-right: 30px; } .pd-t-35 { padding-top: 35px; } .pd-b-35 { padding-bottom: 35px; } .pd-l-35 { padding-left: 35px; } .pd-r-35 { padding-right: 35px; } .pd-t-40 { padding-top: 40px; } .pd-b-40 { padding-bottom: 40px; } .pd-l-40 { padding-left: 40px; } .pd-r-40 { padding-right: 40px; } .pd-t-45 { padding-top: 45px; } .pd-b-45 { padding-bottom: 45px; } .pd-l-45 { padding-left: 45px; } .pd-r-45 { padding-right: 45px; } .pd-t-50 { padding-top: 50px; } .pd-b-50 { padding-bottom: 50px; } .pd-l-50 { padding-left: 50px; } .pd-r-50 { padding-right: 50px; } .pd-t-60 { padding-top: 60px; } .pd-b-60 { padding-bottom: 60px; } .pd-l-60 { padding-left: 60px; } .pd-r-60 { padding-right: 60px; } .pd-t-70 { padding-top: 70px; } .pd-b-70 { padding-bottom: 70px; } .pd-l-70 { padding-left: 70px; } .pd-r-70 { padding-right: 70px; } .pd-t-75 { padding-top: 75px; } .pd-b-75 { padding-bottom: 75px; } .pd-l-75 { padding-left: 75px; } .pd-r-75 { padding-right: 75px; } .ptb-40 { padding: 40px 0; } .ptb-80 { padding: 80px 0; } .pd-t-80 { padding-top: 80px; } .pd-b-80 { padding-bottom: 80px; } .pd-l-80 { padding-left: 80px; } .pd-r-80 { padding-right: 80px; } .pd-t-90 { padding-top: 90px; } .pd-b-90 { padding-bottom: 90px; } .pd-l-90 { padding-left: 90px; } .pd-r-90 { padding-right: 90px; } .pd-t-100 { padding-top: 100px; } .pd-b-100 { padding-bottom: 100px; } .pd-l-100 { padding-left: 100px; } .pd-r-100 { padding-right: 100px; } .pd-t-105 { padding-top: 105px; } .pd-b-105 { padding-bottom: 105px; } .pd-l-105 { padding-left: 105px; } .pd-r-105 { padding-right: 105px; } .pd-t-120 { padding-top: 120px; } @media only screen and (max-width: 991px) { .pd-t-120 { padding-top: 100px; } } .pd-b-120 { padding-bottom: 120px; } @media only screen and (max-width: 991px) { .pd-b-120 { padding-bottom: 100px; } } .pd-l-120 { padding-left: 120px; } .pd-r-120 { padding-right: 120px; } .ptb-120 { padding: 10px 0; } @media only screen and (max-width: 991px) { .ptb-120 { padding: 20px 0; } } .pd-t-135 { padding-top: 135px; } .pd-b-135 { padding-bottom: 135px; } .pd-l-135 { padding-left: 135px; } .pd-r-135 { padding-right: 135px; } .pd-t-140 { padding-top: 140px; } .pd-b-140 { padding-bottom: 140px; } .pd-l-140 { padding-left: 140px; } .pd-r-140 { padding-right: 140px; } .pd-t-150 { padding-top: 150px; } @media only screen and (max-width: 1199px) { .pd-t-150 { padding-top: 120px; } } @media only screen and (max-width: 991px) { .pd-t-150 { padding-top: 100px; } } .pd-b-150 { padding-bottom: 150px; } @media only screen and (max-width: 1199px) { .pd-b-150 { padding-bottom: 120px; } } @media only screen and (max-width: 991px) { .pd-b-150 { padding-bottom: 100px; } } .pd-l-150 { padding-left: 150px; } .pd-r-150 { padding-right: 150px; } .ptb-150 { padding: 150px 0; } @media only screen and (max-width: 1199px) { .ptb-150 { padding: 120px 0; } } @media only screen and (max-width: 991px) { .ptb-150 { padding: 100px 0; } } .pd-t-165 { padding-top: 165px; } .pd-b-165 { padding-bottom: 165px; } .pd-l-165 { padding-left: 165px; } .pd-r-165 { padding-right: 165px; } .pd-t-180 { padding-top: 180px; } .pd-b-170 { padding-bottom: 170px; } .pd-b-180 { padding-bottom: 180px; } .pd-l-180 { padding-left: 180px; } .pd-r-180 { padding-right: 180px; } .pd-t-195 { padding-top: 195px; } .pd-b-195 { padding-bottom: 195px; } .pd-l-195 { padding-left: 195px; } .pd-r-195 { padding-right: 195px; } .pd-t-200 { padding-top: 200px; } .pd-b-200 { padding-bottom: 200px; } .pd-l-200 { padding-left: 200px; } .pd-r-200 { padding-right: 200px; } .pd-t-205 { padding-top: 205px; } .pd-b-205 { padding-bottom: 205px; } .pd-l-205 { padding-left: 205px; } .pd-r-205 { padding-right: 205px; } .pd-t-210 { padding-top: 210px; } .pd-t-220 { padding-top: 220px; } .pd-b-220 { padding-bottom: 220px; } .pd-l-220 { padding-left: 220px; } .pd-r-220 { padding-right: 220px; } .pd-t-225 { padding-top: 225px; } .pd-b-225 { padding-bottom: 225px; } .pd-l-225 { padding-left: 225px; } .pd-r-225 { padding-right: 225px; } .pd-t-235 { padding-top: 235px; } .pd-b-235 { padding-bottom: 235px; } .pd-l-235 { padding-left: 235px; } .pd-r-235 { padding-right: 220px; } .pd-t-240 { padding-top: 240px; } .pd-t-255 { padding-top: 255px; } @media only screen and (max-width: 992px) { .pm-tb-90 { padding-top: 90px; padding-bottom: 90px; } } @media only screen and (max-width: 992px) { .pm-b-90 { padding-bottom: 90px; } } @media only screen and (max-width: 992px) { .pm-t-0 { padding-top: 0; } } @media only screen and (max-width: 992px) { .pdmX-60 { padding: 60px; } } @media only screen and (max-width: 767px) { .pdms-30 { padding: 30px; } } /*------------------------------------------------- [ ## Color Element ] */ .color-white { color: white; } .color-white-im { color: white !important; } .color-snow { color: #eff2f7; } .color-zumthor { color: #eaf1ff; } .color-white-smoke { color: #646e53; } .color-gainsboro { color: #dddddd; } .color-silver { color: #c3c3c3; } .color-dim-gray { color: #454545; } .color-dim-gray-im { color: #454545 !important; } .color-gray { color: #767676; } .color-suva-grey { color: #efefef; } .color-matterhorn { color: #795548; } .color-night-rider { color: #2d2d2d; } .color-eclipse { color: #3c3c3c; } .color-blue-violet { color: #716aa0; } .color-medium-slate-blue { color: #b588fb; } .color-soft-nero { color: #2a2a2a; } .color-nero { color: #191919; } .color-black { color: black; } .color-hr-dv-orange { color:#3e4532; } .color-deep-cerise { color: #e51681; } .color-zinnwaldite { color: #eabeab; } .color-silver-tree { color: #53b596; } .color-medium-purple { color: #9657f6; } .color-curious-blue { color: #7486f6; } .text-white { color: white; } .text-white h2, .text-white h3, .text-white h4, .text-white h5 { color: white !important; } /*------------------------------------------------- [ ## Background Element ] */ .bg-white { background-color: white; } .bg-snow { background-color: #eff2f7; } .bg-zumthor { background-color: #eaf1ff; } .bg-lavender { background-color: #eeedfd; } .bg-white-smoke { background-color: #F1EFEB; } .bg-gainsboro { background-color: #dddddd; } .bg-silver { background-color: #c3c3c3; } .bg-dim-gray { background-color: #454545; } .bg-gray { background-color: #767676; } .bg-suva-grey { background-color: #efefef; } .bg-green { background-color: #3e4532; } .bg-purple { background-color: #8a35e7; } .bg-red { background-color: #9b2182; } .bg-yellow { background-color: #fdca2e; } .bg-matterhorn { background-color: #795548; } .bg-golden { background-color: #eaad11; } .bg-turquoise { background-color: #27848a; } .bg-night-rider { background-color: #2d2d2d; } .bg-eclipse { background-color: #3c3c3c; } .bg-blue-violet { background-color: #716aa0; } .bg-medium-slate-blue { background-color: #b588fb; } .bg-soft-nero { background-color: #2a2a2a; } .bg-nero { background-color: #191919; } .bg-soft-black { background-color: #181d31; } .bg-black { background-color: black; } .bg-hr-dv-orange { background-color:#3e4532; } .bg-deep-cerise { background-color: #e51681; } .bg-black-russian { background-color: #12141c; } .bg-black-russian-2 { background-color: #555555; } .bg-black-russian-3 { background-color: #13152e; } .bg-midnight-express { background-color: #1b1d38; } .bg-zinnwaldite { background-color: #eabeab; } .bg-silver-tree { background-color: #53b596; } .bg-medium-purple { background-color: #9657f6; } .bg-curious-blue { background-color: #7486f6; } .bg-primary { background-color:#3e4532 !important; } /*------------------------------------------------- [ ## Extra Background ] */ .bar-blue-violet .swiper-scrollbar-drag { background-color: #716aa0; } /*------------------------------------------------- [ ## SVG Fill ] */ .svg-white path { fill: white; } .svg-snow path { fill: #eff2f7; } .svg-white-smoke path { fill: #f4f7fc; } .svg-gainsboro path { fill: #dddddd; } .svg-silver path { fill: #c3c3c3; } .svg-dim-gray path { fill: #454545; } .svg-gray path { fill: #767676; } .svg-suva-grey path { fill: #efefef; } .svg-matterhorn path { fill: #795548; } .svg-night-rider path { fill: #2d2d2d; } .svg-eclipse path { fill: #3c3c3c; } .svg-blue-violet path { fill: #716aa0; } .svg-soft-nero path { fill: #2a2a2a; } .svg-nero path { fill: #191919; } .svg-soft-black path { fill: #181d31; } .svg-black path { fill: black; } /*------------------------------------------------- [ ## Social Element ] */ .fb-color { color: #3b5998; } .fb-bg { background-color: #3b5998; } .tw-color { color: #1da1f2; } .tw-bg { background-color: #1da1f2; } .yt-color { color: #ff0000; } .yt-bg { background-color: #ff0000; } .in-color { color: #c32aa3; } .in-bg { background-color: #c32aa3; } .pin-color { color: #bd081c; } .pin-bg { background-color: #bd081c; } .lid-color { color: #007bb5; } .lid-bg { background-color: #007bb5; } .gplus-color { color: #db4437; } .gplus-bg { background-color: #db4437; } .drib-color { color: #ea4c89; } .drib-bg { background-color: #ea4c89; } .drib-color { color: #ea4c89; } .drib-bg { background-color: #ea4c89; } .dbart-color { color: #05cc47; } .dbart-bg { background-color: #05cc47; } .bh-color { color: #053eff; } .bh-bg { background-color: #053eff; } /*------------------------------------------------- [ ## Overlay Element ] */ .bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg-fixed { background-attachment: fixed; } .bg-image-right { background-repeat: no-repeat; background-position: top right; background-size: cover; } .bg-image-100 { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; overflow: hidden; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .hg-background { bottom: 0; left: 0; height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: -2; } .bg-overlay { position: relative; } .bg-overlay:before { content: ""; position: absolute; background-color: #090720b0; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .bg-overlay > div { position: relative; z-index: 2; } .bg-overlay-primary { position: relative; } .bg-overlay-primary:before { content: ""; position: absolute; background-color:#3e4532; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .bg-overlay-primary > div { position: relative; z-index: 2; } .bg-overlay-gradient { position: relative; } .bg-overlay-gradient:before { content: ""; position: absolute; background: -webkit-linear-gradient(35deg, #7486f6,#3e4532); background: linear-gradient(55deg, #7486f6,#3e4532); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .bg-overlay-gradient > div { position: relative; z-index: 2; } .overlay-bg-snow { position: relative; background-size: cover; background-position: center center; } .overlay-bg-snow:before { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.95); left: 0; right: 0; top: 0; bottom: 0; } .overlay-bg-snow-95 { position: relative; background-size: cover; background-position: center center; } .overlay-bg-snow-95:before { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.95); left: 0; right: 0; top: 0; bottom: 0; } /*------------------------------------------------- [ ## Lists ] */ li > ul, li > ol { margin-bottom: 0; margin-left: 1em; } .remove-broswer-defult { list-style: none; padding: 0; margin: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /*------------------------------------------------- [ ## Post, Page, Comments Table ] */ body:not(.woocommerce-page) .article-content table, body:not(.bbpress) .article-content table, body:not(.buddypress) .article-content table { margin-bottom: 30px; } body:not(.woocommerce-page) .article-content table td, body:not(.woocommerce-page) .article-content table th, body:not(.bbpress) .article-content table td, body:not(.bbpress) .article-content table th, body:not(.buddypress) .article-content table td, body:not(.buddypress) .article-content table th { border: 1px solid #dddddd; padding: 15px; } .comment-content table { margin-bottom: 30px; } .comment-content table td, .comment-content table th { border: 1px solid #dddddd; padding: 15px; } /*------------------------------------------------- [ # Button Links ] */ .btn-links-area { margin: 5px -5px 0; } .btn-links-area .btn-links { background-color: #0a1227; border: 0 solid; margin: 0 8px; -webkit-transition: all 0.3s; transition: all 0.3s; color: white; font-size: 24px; padding: 0; position: relative; height: 60px; width: 60px; line-height: 64px; border-radius: 50%; box-shadow: 0px 0px 3px rgba(100, 73, 231, 0.7); } @media only screen and (max-width: 991px) { .btn-links-area .btn-links { height: 50px; width: 50px; line-height: 52px; margin: 0 5px; } } .btn-links-area .btn-links.btn-prev > span { position: relative; top: -1px; } .btn-links-area .btn-links:hover { color: white; background-color:#3e4532; } @media only screen and (max-width: 991px) { .btn-links-area.text-right { text-align: left !important; margin-bottom: 35px; } } @media only screen and (max-width: 767px) { .btn-links-area .btn-links { font-size: 26px; } } /*------------------------------------------------- [ ## All Card Style ] */ .card-center { text-align: center; margin-bottom: 40px; padding: 0 20px; } @media only screen and (max-width: 1199px) { .card-center { padding: 0; } } .card-center .card-icon { margin-bottom: 25px; line-height: 115px; } @media only screen and (max-width: 767px) { .card-center .card-icon { margin-bottom: 20px; } } .card-center.card-box { padding: 40px 30px 35px; background-color: white; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .card-center.card-box .card-icon { line-height: 65px; } .card-center.card-box .card-info .heading { margin-bottom: 15px; } .card-icon-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; } @media only screen and (max-width: 1199px) { .card-icon-right { margin-bottom: 35px; } } @media only screen and (max-width: 420px) { .card-icon-right { display: block; } } .card-icon-right .card-icon { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; } @media only screen and (max-width: 1199px) { .card-icon-right .card-icon { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; } } @media only screen and (max-width: 420px) { .card-icon-right .card-icon { max-width: 100%; margin-bottom: 15px; } } .card-icon-right .card-info { padding-left: 25px; } @media only screen and (max-width: 1199px) { .card-icon-right .card-info { padding-left: 20px; } } @media only screen and (max-width: 420px) { .card-icon-right .card-info { padding-left: 0px; } } /*------------------------------------------------- [ ## Shape Icon ] */ .shape-icon { height: 85px; width: 105px; -webkit-filter: drop-shadow(2px 2px 7px rgba(100, 73, 231, 0.5)); -moz-filter: drop-shadow(2px 2px 7px rgba(100, 73, 231, 0.5)); -ms-filter: drop-shadow(2px 2px 7px rgba(100, 73, 231, 0.5)); -o-filter: drop-shadow(2px 2px 7px rgba(100, 73, 231, 0.5)); } @media only screen and (max-width: 1199px) { .shape-icon { width: 90px; } } .shape-icon .icon { position: relative; mask-size: contain; -webkit-mask-size: contain; mask-position: center center; -webkit-mask-position: center center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-image: url(./images/shape3.png); -webkit-mask-image: url(./images/shape3.png); height: inherit; width: inherit; } .shape-icon .icon:before { position: absolute; content: ""; top: 0; left: 0; background-color:#3e4532; width: 100%; height: 100%; z-index: 1; } .shape-icon .icon [class*='flaticon-'], .shape-icon .icon [class*='fa-'] { position: absolute; top: 0; left: 0; z-index: 2; font-size: 45px; color: white; width: 100%; height: 100%; text-align: center; line-height: 80px; } @media only screen and (max-width: 1199px) { .shape-icon .icon [class*='flaticon-'], .shape-icon .icon [class*='fa-'] { font-size: 40px; line-height: 83px; } } .shape-icon.icon-red { -webkit-filter: drop-shadow(2px 2px 7px rgba(255, 58, 70, 0.5)); -moz-filter: drop-shadow(2px 2px 7px rgba(255, 58, 70, 0.5)); -ms-filter: drop-shadow(2px 2px 7px rgba(255, 58, 70, 0.5)); -o-filter: drop-shadow(2px 2px 7px rgba(255, 58, 70, 0.5)); } .shape-icon.icon-red .icon:before { background-color: #ff3a46; } .shape-icon.icon-green { -webkit-filter: drop-shadow(2px 2px 7px rgba(0, 235, 172, 0.5)); -moz-filter: drop-shadow(2px 2px 7px rgba(0, 235, 172, 0.5)); -ms-filter: drop-shadow(2px 2px 7px rgba(0, 235, 172, 0.5)); -o-filter: drop-shadow(2px 2px 7px rgba(0, 235, 172, 0.5)); } .shape-icon.icon-green .icon:before { background-color: #00ebac; } .shape-icon.icon-purple { -webkit-filter: drop-shadow(2px 2px 7px rgba(150, 87, 246, 0.5)); -moz-filter: drop-shadow(2px 2px 7px rgba(150, 87, 246, 0.5)); -ms-filter: drop-shadow(2px 2px 7px rgba(150, 87, 246, 0.5)); -o-filter: drop-shadow(2px 2px 7px rgba(150, 87, 246, 0.5)); } .shape-icon.icon-purple .icon:before { background-color: #9657f6; } /*------------------------------------------------- [ ## Card ] */ .card-info-one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 40px; } .card-info-one .icon { font-size: 42px; line-height: 80px; height: 80px; width: 80px; border-radius: 50%; text-align: center; color: white; position: relative; } @media only screen and (max-width: 480px) { .card-info-one .icon { font-size: 26px; height: 50px; width: 50px; line-height: 50px; } } .card-info-one .icon:before { position: absolute; content: ""; bottom: 25px; left: -15px; width: 100%; height: 100%; border-radius: 50%; background-color: #ffffff33; -webkit-transition: all 0.25s; transition: all 0.25s; } .card-info-one .info { padding-left: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); } @media only screen and (max-width: 480px) { .card-info-one .info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); padding-left: 15px; } } .card-info-one .info .heading { margin-bottom: 13px; } .card-info-one:hover .icon:before { bottom: 20px; left: -7px; } /*------------------------------------------------- [ ## Search ] */ .search-button { background-color:#3e4532; color: #d0e6a5; font-size: 20px; float: right; } .search-button:hover { background-color:#646e53; color: #99dd3b; } .search-main { background-color: #d0e6a5; width: 85%; float:left; } .search-main-txt { color: #646e53 !important; } .search-form { box-shadow: 0 7px 15px rgba(0, 0, 0, 0.15); height: 70px; padding: 10px; width: 300px; z-index: 99; } @media only screen and (max-width: 1199px) { .search-form { top: calc(100% + 20px); } } .search-form input[type="search"] { float: left; height: 50px; line-height: 50px; padding: 0 20px; width: 95%; background-color: transparent; color: #d0e6a5; } .search-form button, .search-form input[type="button"], .search-form input[type="reset"], .search-form input[type="submit"] { border: 0 solid; float: left; height: 50px; width: 15%; font-size: 20px; -webkit-transition: all 0.2s; transition: all 0.2s; color: #d0e6a5; background-color:#3e4532; } .search-form button:hover, .search-form input[type="button"]:hover, .search-form input[type="reset"]:hover, .search-form input[type="submit"]:hover { color: #99dd3b; background-color:#646e53; } /*------------------------------------------------- [ ## Animation Circle ] */ .animation-circle-inverse > span { background: rgba(255, 255, 255, 0.1); right: 0; position: absolute; height: 30px; width: 30px; border-radius: 100%; opacity: 0.3; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-animation: circleWater 4s linear infinite; animation: circleWater 4s linear infinite; } .animation-circle-inverse > span:nth-child(2) { -webkit-animation: circleWater2 4s linear infinite; animation: circleWater2 4s linear infinite; } .animation-circle-inverse > span:nth-child(3) { -webkit-animation: circleWater3 4s linear infinite; animation: circleWater3 4s linear infinite; } /*------------------------------------------------- [ ## Carousel Nav Dots & Carousel Align Center ] */ .carousel-nav-align-center .owl-nav > div { display: inline-block; color: white; font-size: 14px; font-weight: 600; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; position: absolute; width: 30px; height: 35px; background-color:#3e4532; border-radius: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0; letter-spacing: 0.6em; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; font-size: 18px; } .carousel-nav-align-center .owl-nav > div i { padding-left: 8px; display: inline-block; } .carousel-nav-align-center .owl-nav > div.owl-prev { left: 0; } .carousel-nav-align-center .owl-nav > div.owl-next { right: 0px; } .carousel-nav-align-center .owl-nav > div:hover { color: white; } .carousel-nav-dots .owl-dots { display: flex; justify-content: center; align-items: center; } .carousel-nav-dots .owl-dots > div { margin: 6px 5px; } .carousel-nav-dots .owl-dots > div > span { background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; display: block; height: 8px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 8px; } .carousel-nav-dots .owl-dots > div.active > span { background-color: white !important; height: 12px; width: 12px; } /*------------------------------------------------- [ ## Scroll Top ] */ .topbutton { bottom: 50px; display: block; height: 60px; line-height: 60px; position: fixed; right: 20px; text-align: center; width: 60px; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 999; font-size: 20px; border-radius: 50%; color: #d0e6a5; background-color:#3e4532; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); } .topbutton.btn-show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .topbutton.btn-hide { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } .topbutton:hover { color: #99dd3b; background: #646e53; } .topbutton:focus { color: white !important; } /*------------------------------------------- -- Animations -------------------------------------------*/ /* Fade In Up */ @-webkit-keyframes social-share { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes social-share { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes round360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes hg-fadeInUp { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hg-fadeInUp { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hg-fadeInUp { -webkit-animation-name: hg-fadeInUp; animation-name: hg-fadeInUp; } @-webkit-keyframes slideUp { from { background-position: 0 0; } to { background-position: 3000px 0%; } } @keyframes slideUp { from { background-position: 0 0; } to { background-position: 3000px 0%; } } /* Fade In Up */ @-webkit-keyframes hg-fadeInUp50 { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hg-fadeInUp50 { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hg-fadeInUp50 { -webkit-animation-name: hg-fadeInUp50; animation-name: hg-fadeInUp50; } /* Fade In Down */ @-webkit-keyframes hg-fadeInDown { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hg-fadeInDown { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hg-fadeInDown { -webkit-animation-name: hg-fadeInDown; animation-name: hg-fadeInDown; } /* Fade In Left */ @-webkit-keyframes hg-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hg-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hg-fadeInLeft { -webkit-animation-name: hg-fadeInLeft; animation-name: hg-fadeInLeft; } /* Fade In Right */ @-webkit-keyframes hg-fadeInRight { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hg-fadeInRight { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hg-fadeInRight { -webkit-animation-name: hg-fadeInRight; animation-name: hg-fadeInRight; } /* Zoom In */ @-webkit-keyframes hg-zoomIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } } @keyframes hg-zoomIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } } .hg-zoomIn { -webkit-animation-name: hg-zoomIn; animation-name: hg-zoomIn; } /* Zoom Out In */ @-webkit-keyframes hg-zoomOutIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } } @keyframes hg-zoomOutIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } } .hg-zoomOutIn { -webkit-animation-name: hg-zoomOutIn; animation-name: hg-zoomOutIn; } /* Zoom In Short */ @-webkit-keyframes hg-zoomInShort { from { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes hg-zoomInShort { from { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .hg-zoomInShort { -webkit-animation-name: hg-zoomInShort; animation-name: hg-zoomInShort; } @-webkit-keyframes play-pluse { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes play-pluse { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes scale-up-two { 0% { -webkit-transform: scale(0.65); transform: scale(0.65); } 40% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.65); transform: scale(0.65); } } @-webkit-keyframes scale-up-three { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.6); transform: scale(0.6); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-three { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.6); transform: scale(0.6); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes top-down { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(45px); transform: translateY(45px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes top-down { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(45px); transform: translateY(45px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes down-top { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes down-top { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes down-top1 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes down-top1 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes down-top2 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes down-top2 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes left-right { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes left-right { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes right-left { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(25px); transform: translateX(25px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes right-left { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(25px); transform: translateX(25px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Star Push Effect */ @-webkit-keyframes starPush { 0% { opacity: 0.5; -webkit-transform: scale(0.6); transform: scale(0.6); } 50% { opacity: 1; -webkit-transform: scale(1) rotate(90deg); transform: scale(1) rotate(90deg); } 100% { opacity: 0.5; -webkit-transform: scale(0.6) rotate(180deg); transform: scale(0.6) rotate(180deg); } } @keyframes starPush { 0% { opacity: 0.5; -webkit-transform: scale(0.6); transform: scale(0.6); } 50% { opacity: 1; -webkit-transform: scale(1) rotate(90deg); transform: scale(1) rotate(90deg); } 100% { opacity: 0.5; -webkit-transform: scale(0.6) rotate(180deg); transform: scale(0.6) rotate(180deg); } } /* Icon Hover Effect */ @-webkit-keyframes iconTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } @keyframes iconTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } /* Man Coin Effect */ @-webkit-keyframes manCoin { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; } 10% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 80% { opacity: 1; -webkit-transform: translateX(-250px); transform: translateX(-250px); } 100% { opacity: 0; -webkit-transform: translateX(-275px); transform: translateX(-275px); } } @keyframes manCoin { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; } 10% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 80% { opacity: 1; -webkit-transform: translateX(-250px); transform: translateX(-250px); } 100% { opacity: 0; -webkit-transform: translateX(-275px); transform: translateX(-275px); } } /* line One Effect */ @-webkit-keyframes lineOne { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(65px, -50px, 0); transform: translate3d(65px, -50px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lineOne { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(65px, -50px, 0); transform: translate3d(65px, -50px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes lineOneReverse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lineOneReverse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes lineTwo { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-75px, -65px, 0); transform: translate3d(-75px, -65px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lineTwo { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-75px, -65px, 0); transform: translate3d(-75px, -65px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes lineTwoReverse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lineTwoReverse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes lineThree { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-70px, 80px, 0); transform: translate3d(-70px, 80px, 0); opacity: 1; } 90% { opacity: 1; -webkit-transform: translate3d(-300px, 310px, 0); transform: translate3d(-300px, 310px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-360px, 380px, 0); transform: translate3d(-360px, 380px, 0); } } @keyframes lineThree { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 20% { -webkit-transform: translate3d(-70px, 80px, 0); transform: translate3d(-70px, 80px, 0); opacity: 1; } 90% { opacity: 1; -webkit-transform: translate3d(-300px, 310px, 0); transform: translate3d(-300px, 310px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-360px, 380px, 0); transform: translate3d(-360px, 380px, 0); } } /* triangle Effect */ @-webkit-keyframes triangle { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 33% { -webkit-transform: translate3d(-120px, 150px, 0) rotate(180deg); transform: translate3d(-120px, 150px, 0) rotate(180deg); } 67% { -webkit-transform: translate3d(130px, 130px, 0) rotate(380deg); transform: translate3d(130px, 130px, 0) rotate(380deg); } 100% { -webkit-transform: translate3d(0px, 0px, 0) rotate(180deg); transform: translate3d(0px, 0px, 0) rotate(180deg); } } @keyframes triangle { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 33% { -webkit-transform: translate3d(-120px, 150px, 0) rotate(180deg); transform: translate3d(-120px, 150px, 0) rotate(180deg); } 67% { -webkit-transform: translate3d(130px, 130px, 0) rotate(380deg); transform: translate3d(130px, 130px, 0) rotate(380deg); } 100% { -webkit-transform: translate3d(0px, 0px, 0) rotate(180deg); transform: translate3d(0px, 0px, 0) rotate(180deg); } } @-webkit-keyframes triangle2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 33% { -webkit-transform: translate3d(-200px, 170px, 0); transform: translate3d(-200px, 170px, 0); } 67% { -webkit-transform: translate3d(50px, 155px, 0); transform: translate3d(50px, 155px, 0); } 100% { -webkit-transform: translate3d(0px, 0px, 0); transform: translate3d(0px, 0px, 0); } } @keyframes triangle2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 33% { -webkit-transform: translate3d(-200px, 170px, 0); transform: translate3d(-200px, 170px, 0); } 67% { -webkit-transform: translate3d(50px, 155px, 0); transform: translate3d(50px, 155px, 0); } 100% { -webkit-transform: translate3d(0px, 0px, 0); transform: translate3d(0px, 0px, 0); } } /* circle Effect */ @-webkit-keyframes circleEffect { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 10% { -webkit-transform: translate3d(-20px, 30px, 0); transform: translate3d(-20px, 30px, 0); opacity: 1; } 50% { -webkit-transform: translate3d(-163px, 115px, 0); transform: translate3d(-163px, 115px, 0); } 100% { -webkit-transform: translate3d(169px, 115px, 0); transform: translate3d(169px, 115px, 0); } } @keyframes circleEffect { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-70px); transform: translateY(-70px); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /* rectangle Effect */ @-webkit-keyframes rectangle { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes rectangle { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-150px); transform: translateY(-150px); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes circleWater { 0% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0.3; } 100% { -webkit-transform: scale(8.5); transform: scale(8.5); opacity: 0.0; } } @keyframes circleWater { 0% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0.3; } 100% { -webkit-transform: scale(8.5); transform: scale(8.5); opacity: 0.0; } } @-webkit-keyframes circleWater2 { 0% { -webkit-transform: scale(3.5); transform: scale(3.5); } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); } } @keyframes circleWater2 { 0% { -webkit-transform: scale(3.5); transform: scale(3.5); } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); } } @-webkit-keyframes circleWater3 { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); } } @keyframes circleWater3 { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); } } @keyframes topDownHero { 0% { transform: translateY(0); } 50% { transform: translateY(120%); } 100% { transform: translateY(0); } } @keyframes lineHero { 0% { transform: translateX(0); } 50% { transform: translateX(-90%); } 100% { transform: translateX(0); } } @keyframes rightHero { 0% { transform: translateX(0%); } 50% { transform: translateX(110%); } 100% { transform: translateX(0); } } @keyframes leftHero { 0% { transform: translateX(0%); } 50% { transform: translateX(-115%); } 100% { transform: translateX(0); } } @keyframes fadeOut { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeIn { from { visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*------------------------------------------------- [ ## Others Element ] */ .block-img { display: block; } .mfp-close { color: white !important; } .full-content { float: none; margin: auto; } .full-width { width: 100%; } .bg-cover { background-size: cover; background-position: center center; } [data-bg-image] { background-size: cover; background-position: 50%; } .no-border { border: 0 none !important; } .overflow-hide { overflow: hidden; } .overflow-visible { overflow: visible; } .fl-none { float: none !important; } @media only screen and (max-width: 800px) { .mb-fl-none { float: none !important; } } @media only screen and (max-width: 767px) { .mb-text-center { text-align: center !important; } } .owl-carousel .owl-item img { width: auto; } .box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); border-radius: 8px; overflow: hidden; background-color: white; transition: all 0.3s; position: relative; top: 0px; } .box:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.12); } .border-bottom { border-bottom: 1px solid #9657f6; } .site-content { overflow: hidden; } .bg-gradient { background-image: linear-gradient(-40deg, #f5f2ff 10%, #f9f7ff 10%, #f9f7ff 20%, #f5f2ff 20%, #f5f2ff 30%, #f1edff 30%, #f1edff 40%, #f5f2ff 40%, #f5f2ff 48%, #f9f7ff 48%, #f9f7ff 80%, #f5f2ff 80%, #f5f2ff 90%, #f1edff 90%, #f1edff 100%); background-size: 100% 62%; background-repeat: no-repeat; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*------------------------------------------------- # Forms */ /*------------------------------------------------- [ ## Buttons ] */ button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } input[type="submit"]:hover { color: white; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } .btn { -webkit-transition: all 0.3s ease 0.02s; transition: all 0.3s ease 0.02s; } .btn:active, .btn:focus { box-shadow: 0 0px 0px #004408 inset; } .btn { border-radius: 18px; font-weight: 500; font-size: 15px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: "Rubik", sans-serif; } @media only screen and (max-width: 575px) { .btn { font-size: 16px; } } .btn-default { font-size: 16px; font-weight: bold; border: 0px solid; border-radius: 30px; padding: 12px 30px; color: black; background-color: #3e4532; position: relative; z-index: 0; -webkit-transition: all .2s; transition: all .2s; overflow: hidden; color:#d0e6a5 !important; } .btn-inline-block { display: inline-block; } .btn-default:hover, .btn-default:focus { color:#99dd3b !important; background-color:#646e53; } .btn-primary.active:focus:not(:disabled):not(.disabled), .btn-primary:focus { box-shadow: 0 0 0 0rem #074b31; } .btn-primary { color: white; background-color:#3e4532; border-color:#3e4532; } .btn-primary:focus, .btn-primary:active, .btn-primary:hover { color:#99dd3b !important; background-color:#646e53; } .form-group-btn { margin: -10px; } .form-group-btn > [class*='btn-'] { margin: 10px; display: inline-block; } .form-group-btn .btn-video { width: 65px; height: 65px; } @media only screen and (max-width: 575px) { .form-group-btn { margin: -7px; } .form-group-btn > [class*='btn-'] { margin: 7px; } } .video-btn { position: relative; width: 85px; height: 85px; line-height: 85px; text-align: center; border-radius: 50%; cursor: pointer; -webkit-transition: .5s; transition: .5s; display: inline-block; z-index: 0; } .video-btn:after { display: block; content: ''; width: 95px; height: 95px; line-height: 95px; border-radius: 50%; background-color:#3e4532; position: absolute; opacity: 0.2; text-align: center; top: 49%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .video-btn:before { display: block; content: ''; width: 105px; height: 105px; line-height: 105px; border-radius: 50%; background-color:#3e4532; opacity: 0.42; position: absolute; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; -webkit-animation: play-pluse 1500ms ease-out infinite; animation: play-pluse 1500ms ease-out infinite; } .video-btn:hover, .video-btn:focus { color: white; } .video-btn > span { color:#3e4532; position: relative; z-index: 5; background-color: white; display: block; border-radius: inherit; height: 100%; width: 100%; line-height: 85px; } .video-btn > span:before { font-size: 30px; } .comment-navigation .nav-links a { background: white; display: inline-block; padding: 0.5em 1.8em; letter-spacing: 0.02em; } .comment-navigation .nav-links a:hover { color: white; } .mfp-wrap button:hover, .mfp-wrap input[type="button"]:hover, .mfp-wrap input[type="reset"]:hover, .mfp-wrap input[type="submit"]:hover { background: transparent !important; } .btn-play { padding: 15px; display: inline-block; font-size: 16px; height: 55px; width: 55px; line-height: 25px; } /*------------------------------------------------- [ ## Fields ] */ input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus { outline: none; } input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: color: black !important; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: color: black !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } textarea { display: block; width: 100%; display: block; min-height: 150px; } input, select, textarea { border: none; vertical-align: baseline; font-size: 100%; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } label { font-weight: 600; font-size: 18px; margin-bottom: 10px; display: block; } @media only screen and (max-width: 480px) { label { font-size: 16px; margin-bottom: 7px; } } ::-webkit-input-placeholder { color: black; } :-moz-placeholder { color: black; } ::-moz-placeholder { color: black; } :-ms-input-placeholder { color: black; } /*--------Nice Select----------*/ .select-custom { border-radius: 5px; background-color: white; box-sizing: border-box; clear: both; cursor: pointer; display: block; height: 50px; line-height: 54px; border-radius: 0px; padding-left: 25px; padding-right: 25px; position: relative; text-align: left !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; border: 1px solid #282853; } @media only screen and (max-width: 575px) { .select-custom { padding-left: 15px; padding-right: 15px; } } .select-custom:after { content: '\f107'; font-family: "Font Awesome 5 Free"; display: block; pointer-events: none; position: absolute; right: 20px; top: 5px; color: #d0e6a5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; font-weight: 800; } @media only screen and (max-width: 575px) { .select-custom:after { right: 15px; } } .select-custom .list { background-color: white; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; 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; min-height: 50px; max-height: 200px; } .select-custom .list:hover .option:not(:hover) { background-color: transparent !important; } .select-custom.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .select-custom.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); width: 100%; min-height: 50px; max-height: 200px; overflow-y: scroll; } .select-custom.open .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .select-custom .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; } .select-custom .option.disabled { background-color: transparent; color: #999; cursor: default; } .select-custom .option.disabled:after { border-color: #cccccc; } .select-custom .option:hover { background-color:#3e4532; color: white; } .select-custom .current { display: block; } .select-custom:focus { box-shadow: none; outline: none; border-radius: 0px; background: none; color: #727272; } .form-group { margin-bottom: 15px; } .form-controller { border-radius: 5px; border: 1px solid #3e4532; background-color: transparent; width: 100%; height: 40px; outline: none; padding: 5px 15px; color: #1d2331; } .form-controller:focus { border-color:#3e4532; } textarea.form-controller { padding-top: 10px; } input[type="radio"] { display: none; } input[type="radio"] + label { color: #1d2331; position: relative; padding-left: 23px; line-height: 1.2em; cursor: pointer; } input[type="radio"] + label:before { border: 3px solid #B9BEC0; content: ""; height: 14px; left: 1px; position: absolute; top: 3px; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; width: 14px; background-color: white; border-radius: 50%; } input[type="radio"]:checked + label:before { border-color: #07C1FE; background-color:#3e4532; } .post-password-form input[type="password"] { font-size: 14px; border: 1px solid #f0f0f0; outline: none; box-sizing: border-box; padding: 10px; } .post-password-form input[type="submit"] { padding: 15px 30px; position: relative; top: 0; font-size: 14px; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .never ending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Header Content --------------------------------------------------------------*/ /*------------------------------------------------- [ ## Preloader ] */ .preloader { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #d0e6a586; overflow: hidden; display: flex; align-items: center; justify-content: center; } .loader { position: relative; width: 60px; height: 60px; border-radius: 50%; display: inline-block; vertical-align: middle; border: 7px double#3e4532; -webkit-animation: ball-turn 1s linear infinite; animation: ball-turn 1s linear infinite; } .loader-4:before, .loader-4:after { content: ""; position: absolute; width: 12px; height: 12px; background:#3e4532; border-radius: 50%; bottom: 0; right: 37px; } .loader:after { left: 37px; top: 0; } @-webkit-keyframes ball-turn { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-turn { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*------------------------------------------------- [ ## Header ] */ .site-header .header-top-navbar { background-color:#e7f7cb; } .site-header .header-top-navbar .top-navbar-left { margin-top: 15px; } @media only screen and (max-width: 991px) { .site-header .header-top-navbar .top-navbar-left { display: none; } } .site-header .header-top-navbar .info { font-size: 14px; font-weight: 500; line-height: 1.4em; list-style: outside none none; margin-bottom: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -20px; } .site-header .header-top-navbar .info > li { display: inline-block; padding: 0 20px 4px; border-right: 2px dotted#3e4532; } .site-header .header-top-navbar .info > li:last-child { padding-right: 0; border-right: 0px solid; } .site-header .header-top-navbar .info > li > span { margin-right: 5px; color:#3e4532; } .site-header .header-top-navbar .top-navbar-right { display: flex; align-items: center; justify-content: flex-end; } @media only screen and (max-width: 991px) { .site-header .header-top-navbar .top-navbar-right { justify-content: space-between; } } .site-header .header-top-navbar .header-social-share { padding-left: 0; margin-bottom: 0; margin-top: 1px; padding-right: 20px; } @media only screen and (max-width: 991px) { .site-header .header-top-navbar .header-social-share { padding-right: 0; } } .site-header .header-top-navbar .header-social-share > li { display: inline-block; padding: 5px 7px; } @media only screen and (max-width: 991px) { .site-header .header-top-navbar .header-social-share > li:first-child { padding-left: 0; } } .site-header .header-top-navbar .header-social-share > li > a { display: block; transition: all 0.25s; font-size: 13px; color: #ccd0d5; text-align: center; } .site-header .header-top-navbar .header-social-share > li > a:focus, .site-header .header-top-navbar .header-social-share > li > a:hover { color:#3e4532; } .site-header .header-top-navbar .user-registration-area .user-reg-btn { background-color:#3e4532; padding: 13px 20px; color: white; display: inline-block; } @media only screen and (max-width: 991px) { .site-header .header-top-navbar .user-registration-area .user-reg-btn { padding: 12px 15px; } } .site-header .header-top-navbar .user-registration-area .user-reg-btn > span { padding-right: 5px; font-size: 18px; position: relative; top: 2px; } .site-navigation { padding: 0; z-index: 999; position: relative; background-color:#ffffff9d; } @media only screen and (max-width: 1199px) { .site-navigation { display: none; } } .site-navigation .navigation-area { padding: 3px 0; -moz-box-align: center; -moz-box-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; position: relative; } .site-navigation .navigation-area .mainmenu-area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-navigation .header-navigation-right { padding-left: 25px; } .navigation-area { min-height: 70px; } .navigation-area .site-branding a { display: inline-block; } /*------------------------------------------------- [ ## Sticky header ] */ #sticky-header { display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; background-color: #FFFFFB; box-shadow: 0px 5px 10px -5px rgba(255, 255, 252, 0.2); padding: 0; } #sticky-header .header-navigation-right .language-area .language .dropdown-menu { top: 50px !important; } #sticky-header .site-navigation .row [class*="col-"] { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } #sticky-header .menu > ul > li > a { padding: 20px 8px; } #sticky-header .menu > ul > li.dropdown-trigger:hover > ul.dropdown-content { top: calc(100% + 3px); } #sticky-header .search-form { top: calc(100% + 26px); } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*------------------------------------------------- [ ## Links ] */ a { color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus, a:active { text-decoration: none; color:#3e4532; } a:focus { outline: none; } a:hover, a:active { outline: 0; text-decoration: none; } /*------------------------------------------------- [ ## Menus ] */ .menu { margin: 0 -17px; } .menu ul { padding-left: 0px; margin-bottom: 0px; list-style: none; } .menu ul li { display: inline-block; position: relative; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .menu ul li a { font-size: 20px; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; color: #d0e6a5; position: relative; } .menu ul li ul.dropdown-content { margin-left: 0; background-color: #3e4532; } .menu ul li ul.dropdown-content li { padding: 0; display: block; } .menu ul li ul.dropdown-content li a { display: block; padding: 2px 0px; color: #d0e6a5; -webkit-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; font-size: 16px; } .menu > ul > li:hover > a:before, .menu > ul > li > a.active:before { opacity: 1; visibility: visible; left: 50%; transform: translateX(-51%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-51%) translateY(-50%) rotate(45deg); } .menu > ul > li > a { padding: 20px 8px; position: relative; color: #3e4532; } .menu > ul > li > a:hover { color:#498e1c; } .menu > ul > li > a:before { position: absolute; left: 0%; top: 50%; width: 60px; height: 10px; border-radius: 50%; background-color:#3e45324d; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .menu > ul > li > ul.dropdown-content { color: #d0e6a5; position: absolute; width: 252px; padding: 10px 17px 15px; left: 0; z-index: 999; visibility: hidden; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; z-index: -1; top: calc(100% + 5px); border: 1px solid rgba(255, 255, 255, .1); } .menu > ul > li > ul.dropdown-content > li:hover > a { color:#99dd3b !important; padding-left: 5px; } .menu > ul > li > ul.dropdown-content:after { content: ""; height: 15px; left: 0; position: absolute; top: -15px; width: 100%; opacity: 0; cursor: pointer; } .menu > ul > li.dropdown-trigger > a:after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; padding-left: 5px; opacity: 0.5; font-weight: 800; } .menu > ul > li.dropdown-trigger:hover > ul.dropdown-content { visibility: visible; opacity: 1; z-index: 999; -webkit-transform: scale(1); transform: scale(1); } .menu > ul > li.dropdown-trigger.mega-menu { position: inherit; } .menu > ul > li.dropdown-trigger.mega-menu:hover .mega-menu-content { -webkit-transform: scaleY(1); transform: scaleY(1); } ul.dropdown-content > .dropdown-trigger { position: relative; } ul.dropdown-content > .dropdown-trigger > a { position: relative; } ul.dropdown-content > .dropdown-trigger > a:after { content: "\f105"; font-family: fontAwesome; position: absolute; right: 20px; top: 8px; font-size: 16px; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 0.5; } ul.dropdown-content > .dropdown-trigger ul.dropdown-content { left: 100% !important; top: -5px; visibility: hidden; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 200px; z-index: 999; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); } ul.dropdown-content > .dropdown-trigger:hover > a:after { right: 15px; opacity: 1; } ul.dropdown-content > .dropdown-trigger:hover > ul.dropdown-content { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } ul.dropdown-content > .dropdown-trigger:hover > ul.dropdown-content > li:last-child { border-bottom: 0px solid #e5e5e5; } ul.dropdown-content > .dropdown-trigger:hover > ul.dropdown-content > li:hover > a { color:#3e4532; padding-left: 20px; } @media only screen and (max-width: 1620px) { .mega-menu-content { left: 0px; width: calc(100vw - 30px); } } @media only screen and (max-width: 1199px) { .header-navigation-right .contact-info { display: none; } .header-navigation-right { position: absolute; top: 25px; right: 50px; margin-left: 0; z-index: 999; } .header-navigation-right .search-form { top: calc(100% + 19px); } .site-navigation { display: none; } .mega-menu-content { background-color: transparent; left: 0; padding: 0px 20px 25px; position: relative; -webkit-transform: scaleY(1); transform: scaleY(1); width: calc(100% - 40px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.07); } .mega-menu-content .cat-item { background-color: transparent; border-top: 0 none !important; padding: 0 !important; } .mega-menu-content.carousel-nav-dots .owl-dots { padding-top: 20px; } } @media only screen and (max-width: 575px) { .mobile-menu .search-form { right: -50px; width: 280px; } .mobile-menu .search-form input[type="search"] { padding: 0 10px; } } .terms-menu-area ul { list-style: none; padding-left: 0; margin-bottom: 0; } .terms-menu-area .terms-menu > li { font-size: 18px; font-weight: normal; border-bottom: 0px solid; margin-bottom: 10px; padding-top: 0px; background-color: rgba(0, 0, 54, 0.05); } .terms-menu-area .terms-menu > li:last-child { margin-bottom: 0; } .terms-menu-area .terms-menu > li > a { padding: 22px 40px 22px 20px; display: block; color: white; position: relative; } .terms-menu-area .terms-menu > li > a:before { position: absolute; content: "\f30b"; right: 20px; top: 51%; font-family: "Font Awesome 5 Free"; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 700; } .terms-menu-area .terms-menu > li > a:hover { color:#3e4532; } .terms-menu-area .terms-menu > li.active .sub-menu { display: block; } .terms-menu-area .terms-menu > li.open > a:before { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .terms-menu-area .terms-menu > li .sub-menu { padding-bottom: 30px; display: none; } .terms-menu-area .terms-menu > li .sub-menu li { margin-bottom: 5px; padding-left: 30px; position: relative; line-height: 1.8em; } @media only screen and (max-width: 767px) { .terms-menu-area .terms-menu > li .sub-menu li { margin-bottom: 15px; } } .terms-menu-area .terms-menu > li .sub-menu li:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; left: 13px; top: 13px; background-color:#3e4532; } .terms-menu-area .terms-menu > li .sub-menu li > a:hover { color:#3e4532; } .privacy-menu-area, .product-cat-menu-area { border-radius: 7px; overflow: hidden; } .privacy-menu-area ul, .product-cat-menu-area ul { list-style: none; padding-left: 0; margin-bottom: 0; } .product-cat-menu, .privacy-menu { font-family: "Rubik", sans-serif; } .product-cat-menu > li, .privacy-menu > li { font-size: 16px; font-weight: normal; border-bottom: 1px solid rgba(40, 40, 83, 0.5); padding-top: 0px; background-color: #646e53; } .product-cat-menu > li:last-child, .privacy-menu > li:last-child { border: 0px solid; } .product-cat-menu > li > a, .privacy-menu > li > a { padding: 20px 20px 20px 45px; display: block; color: #d0e6a5; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } @media only screen and (max-width: 767px) { .product-cat-menu > li > a, .privacy-menu > li > a { padding: 20px 15px 19px 35px; } } .product-cat-menu > li > a:before, .privacy-menu > li > a:before { position: absolute; width: 10px; height: 10px; background-color:#3e4532; content: ""; left: 25px; top: calc(50% - 5px); border-radius: 35% 65% 61% 39% / 32% 33% 67% 68%; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 767px) { .product-cat-menu > li > a:before, .privacy-menu > li > a:before { left: 15px; } } .product-cat-menu > li > a:hover, .privacy-menu > li > a:hover { color: white; background-color:#3e4532; } .product-cat-menu > li > a:hover:before, .privacy-menu > li > a:hover:before { background-color: white; } .product-cat-menu > li > a { 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; } .product-cat-menu > li > a > span { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; background-color: rgba(100, 73, 231, 0.1); text-align: center; } /*------------------------------------------------- [ ## Pagination ] */ /* page link pagination */ .article-content .page-links span { border: 1px solid #282853; font-size: 1em; padding: 0.4em 0.8em; font-weight: 600; } .article-content .page-links > span { color: #fff; } .article-content .page-links a { text-decoration: none; } .paging-navigation { z-index: 1; } .paging-navigation .nav-links { list-style: none; font-size: 1em; font-weight: bold; margin: 0 -4px; padding-left: 0px; } @media only screen and (max-width: 575px) { .paging-navigation .nav-links { margin: 0 -2px; } } .paging-navigation .nav-links a { font-weight: 500; display: block; -webkit-transition: ease-in 0.25s; transition: ease-in 0.25s; text-align: center; } .paging-navigation .nav-links > li { display: inline-block; margin: 0 5px; } @media only screen and (max-width: 575px) { .paging-navigation .nav-links > li { margin: 0 3px; } } .paging-navigation .nav-links > li > a { font-size: 17px; font-weight: 400; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 5; border: 1px solid #282853; background-color: #646e53; } @media only screen and (max-width: 575px) { .paging-navigation .nav-links > li > a { height: 40px; width: 40px; font-size: 16px; } } .paging-navigation .nav-links > li > a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; background-color:#3e4532; opacity: 0; visibility: hidden; border-radius: inherit; z-index: -1; } .paging-navigation .nav-links > li > a:after { position: absolute; top: 3px; left: 3px; width: calc(100% - 6px); height: calc(100% - 6px); content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid white; opacity: 0; visibility: hidden; border-radius: inherit; z-index: -1; z-index: 1; } .paging-navigation .nav-links > li > a span { display: block; } .paging-navigation .nav-links > li.active > a, .paging-navigation .nav-links > li > a:hover { color: white !important; } .paging-navigation .nav-links > li.active > a:before, .paging-navigation .nav-links > li > a:hover:before { opacity: 1; visibility: visible; } .paging-navigation .nav-links > li.active > a:after, .paging-navigation .nav-links > li > a:hover:after { opacity: 0.3; visibility: visible; } .paging-navigation .nav-links li.nav-previous > a, .paging-navigation .nav-links li.nav-next > a { color:#3e4532; } .paging-navigation .nav-links li.nav-previous.disabled > a, .paging-navigation .nav-links li.nav-next.disabled > a { pointer-events: none; filter: alpha(opacity=60); opacity: 0.6; } .paging-navigation.paging-center .nav-links { text-align: center; } /*------------------------------------------------- [ ### Post Navigation ] */ .post-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Rubik", sans-serif; } @media only screen and (max-width: 767px) { .post-navigation { display: block; } } .post-navigation .post-previous { text-align: left; } .post-navigation .post-next { text-align: right; } .post-navigation h3 { font-size: 24px; font-weight: 500; margin: 0; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; line-height: 1.35em; } @media only screen and (max-width: 991px) { .post-navigation h3 { line-height: 1.3em; font-size: 20px; } } .post-navigation .post-previous, .post-navigation .post-next { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 45px 0 15px; } @media only screen and (max-width: 767px) { .post-navigation .post-previous, .post-navigation .post-next { max-width: 100%; } } .post-navigation .post-previous a, .post-navigation .post-next a { position: relative; display: block; padding: 60px; } @media only screen and (max-width: 1199px) { .post-navigation .post-previous a, .post-navigation .post-next a { padding: 55px 50px; } } @media only screen and (max-width: 991px) { .post-navigation .post-previous a, .post-navigation .post-next a { padding: 30px 25px; } } @media only screen and (max-width: 767px) { .post-navigation .post-previous a, .post-navigation .post-next a { padding: 30px 15px; } } .post-navigation .post-previous span.label, .post-navigation .post-next span.label { font-size: 14px; text-transform: uppercase; margin-bottom: 10px; display: block; color: white; font-weight: 500; } .post-navigation .post-previous.active, .post-navigation .post-next.active { background-color:#3e4532; } .post-navigation .post-previous.active h3, .post-navigation .post-previous.active span.label, .post-navigation .post-next.active h3, .post-navigation .post-next.active span.label { color: white; } .post-navigation .post-next span.label { margin-bottom: 0; margin-top: 15px; } /*------------------------------------------------- [ ## Navigation Responsive ] */ .hamburger-menus { width: 30px; height: 30px; position: relative; -webkit-transition: .1s; transition: .1s; margin: 15px 0px; cursor: pointer; display: none; } @media only screen and (max-width: 1199px) { .hamburger-menus { display: inline-block; } } .hamburger-menus span { width: 5px; height: 5px; background-color: #fff; display: block; border-radius: 50%; } .hamburger-menus span:nth-child(1) { position: absolute; left: 0; top: 0; } .hamburger-menus span:nth-child(2) { position: absolute; left: 12px; top: 0; } .hamburger-menus span:nth-child(3) { position: absolute; right: 0; top: 0; } .hamburger-menus span:nth-child(4) { position: absolute; left: 0; top: 12px; } .hamburger-menus span:nth-child(5) { position: absolute; left: 12px; top: 12px; } .hamburger-menus span:nth-child(6) { position: absolute; right: 0px; top: 12px; } .hamburger-menus span:nth-child(7) { position: absolute; left: 0px; bottom: 0px; } .hamburger-menus span:nth-child(8) { position: absolute; left: 12px; bottom: 0px; } .hamburger-menus span:nth-child(9) { position: absolute; right: 0px; bottom: 0px; } .hamburger-menus:hover span { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: 350ms cubic-bezier(0.8, 0.5, 0.2, 1.4); transition: 350ms cubic-bezier(0.8, 0.5, 0.2, 1.4); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); } .hamburger-menus.click-menu { -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; -webkit-transition: 0.2s cubic-bezier(0.8, 0.5, 0.2, 1.4); transition: 0.2s cubic-bezier(0.8, 0.5, 0.2, 1.4); } .hamburger-menus.click-menu span { border-radius: 50%; -webkit-transition-delay: 200ms; transition-delay: 200ms; background-color: rgba(255, 255, 255, 0.767); -webkit-transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4); transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4); } .hamburger-menus.click-menu span:nth-child(2) { position: absolute; left: 6px; top: 6px; } .hamburger-menus.click-menu span:nth-child(4) { position: absolute; left: 6px; top: 18px; } .hamburger-menus.click-menu span:nth-child(6) { position: absolute; right: 6px; top: 6px; } .hamburger-menus.click-menu span:nth-child(8) { position: absolute; left: 18px; bottom: 6px; } .hamburger-menus-two { width: 35px; height: 35px; overflow: hidden; margin: 10px 0px; cursor: pointer; } .hamburger-menus-two > span { position: relative !important; -webkit-transition: ease-in-out 0.25s; transition: ease-in-out 0.25s; display: block; background-color: white; height: 2px; border-radius: 0px; margin: 4px 0; float: right; left: 0; } .hamburger-menus-two > span:nth-child(1), .hamburger-menus-two > span:nth-child(3) { width: 22px; } .hamburger-menus-two > span:nth-child(2) { width: 100%; } .hamburger-menus-two:hover > span:nth-child(1), .hamburger-menus-two:hover > span:nth-child(3) { width: 100%; } .hamburger-menus-two:hover > span:nth-child(2) { width: 25px; } .hamburger-menus-two.is-active > span:nth-child(2) { display: none; } .hamburger-menus-two.is-active > span:nth-child(1), .hamburger-menus-two.is-active > span:nth-child(3) { width: 100%; margin: 0; position: absolute; } .hamburger-menus-two.is-active > span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 17px; } .hamburger-menus-two.is-active > span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; } @media only screen and (max-width: 1199px) { .navigation { width: 250px; height: 100%; position: fixed; left: -100%; padding: 0; top: 0; margin: 0; z-index: 999; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none; } .navigation .menu-content > li { width: 240px; display: block; float: none; border-right: none; background-color: transparent; position: relative; text-align: left; white-space: inherit; } .menu-wrapper { position: relative; z-index: 999; height: 100%; } .menu-wrapper .mainmenu li { position: relative; display: block; } .menu-wrapper .mainmenu li .fa-angle-down { display: none; } } .overlaybg { left: 0; z-index: 100; width: 100%; height: 100%; position: fixed; top: 0; display: none; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } @media only screen and (max-width: 1199px) { .menuopen .overlaybg { display: block; } } .navigation.menuopen { left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: white; overflow-y: auto; overflow-x: hidden; } .navigation.menuopen .mainmenu > li > a { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; display: block; font-weight: 600; line-height: 30px; overflow: hidden; padding: 12px 20px; position: relative; text-decoration: none; text-align: left; -webkit-transform: translateZ(0px); transform: translateZ(0px); vertical-align: middle; letter-spacing: 0.015em; border-top: 1px solid rgba(255, 255, 255, 0.1); } .navigation.menuopen .mainmenu > li > a.active, .navigation.menuopen .mainmenu > li > a:hover { color:#3e4532; padding-left: 25px; } .navigation.menuopen ul.mainmenu { padding: 0; margin: 0; list-style: none; } .navigation.menuopen ul.sub-menu { list-style: none; padding: 0; margin: 0; display: none; background-color: transparent; } .navigation.menuopen ul.sub-menu li a { padding: 12px 32px 12px 25px; letter-spacing: 0; border-right: solid 0px; background-color: transparent; line-height: 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; color: white; letter-spacing: 0.015em; display: block; } .navigation.menuopen ul.sub-menu li a:hover { color:#3e4532; padding-left: 30px; } .navigation.menuopen ul.sub-menu > .sub-menu > li > a { padding-left: 30px; } .navigation.menuopen ul.sub-menu > .sub-menu > li > a:hover { padding-left: 35px; } .navigation.menuopen .megamenu { position: relative !important; } .navigation.menuopen .megamenu .megamenu-main { padding: 0; position: relative; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } .navigation.menuopen .megamenu .megamenu-main:before { display: none; } .navigation.menuopen .megamenu .megamenu-main .megamenu-heading { display: none; } .navigation.menuopen .megamenu .megamenu-main .custom-megamenu li a { font-weight: normal; padding: 10px 25px; font-size: 15px; font-weight: 600; } .navigation.menuopen .megamenu .megamenu-main .custom-megamenu li a:hover { padding-left: 30px; } .navigation.menuopen .megamenu .megamenu-wrapper .megamenu-container { padding: 0px; } .navigation.menuopen .megamenu .megamenu-wrapper .row { display: block; margin: 0px; } .navigation.menuopen .megamenu .megamenu-wrapper .row [class*="col-"] { max-width: 100%; padding: 0px; } .menu-click { position: absolute; top: 0; right: 0; display: none; cursor: pointer; z-index: 120; } @media only screen and (max-width: 1199px) { .menu-click { display: block; } } .menu-click i { display: block; background-size: 25px; font-size: 14px; color: rgba(255, 255, 255, 0.35); float: right; padding: 21px; width: 54px; -webkit-transition: transform 0.1s ease; transition: transform 0.1s ease; } .menu-extend.fa-plus:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- [ ## Hero ] --------------------------------------------------------------*/ .hero-block { position: relative; background-color: gray; position: relative; z-index: 1; } .wave-block{ position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; height: 9.750em; } @media only screen and (max-width: 991px) { .hero-block { padding-bottom: 15px; } } .hero-block .container > .row { min-height: 625px; } @media only screen and (max-width: 1199px) { .hero-block .container > .row { min-height: 650px; } } @media only screen and (max-width: 991px) { .hero-block .container > .row { min-height: auto; display: block; } } .hero-block .hero-title { font-size: 54px; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .hero-block .hero-title { font-size: 48px; } } @media only screen and (max-width: 767px) { .hero-block .hero-title { font-size: 42px; } } @media only screen and (max-width: 575px) { .hero-block .hero-title { font-size: 36px; } } @media only screen and (max-width: 480px) { .hero-block .hero-title { font-size: 32px; } } .hero-block .hero-desc { font-size: 18px; color: #ccd0d5; width: 80%; margin: 0 auto; margin-bottom: 35px; } @media only screen and (max-width: 1199px) { .hero-block .hero-desc { font-size: 20px; } } @media only screen and (max-width: 575px) { .hero-block .hero-desc { font-size: 18px; } } /*-------------------------------------------------------------- [ ## search item ] --------------------------------------------------------------*/ .search-item { border-radius: 10px; overflow: hidden; position: relative; margin: 0 auto 0px; background-color: #FFFFFA; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; border: 1px solid #3e4532; } .search-item:hover { box-shadow: 0px 0px 20px #3e4532; } /*-------------------------------------------------------------- [ ## Auction categories ] --------------------------------------------------------------*/ .auction-categories { border-radius: 10px; overflow: hidden; position: relative; background-color: #FFFFFA; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; margin-top: 5px; margin-bottom: 5px; } .auction-categories:hover { box-shadow: 0px 0px 20px #3e4532; } /*-------------------------------------------------------------- [ ## Auction ] --------------------------------------------------------------*/ .auction-item { border-radius: 10px; overflow: hidden; position: relative; margin: 3px auto 3px; background-color: #FFFFFA; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; border: 1px solid #3e4532; } .auction-item:hover { box-shadow: 0px 0px 20px #3e4532; } .auction-item.style-two { background-color: #646e53; } .auction-item.style-three .item-footer { padding: 32px 25px 35px; } .auction-item.style-three .item-footer .item-footer-top { margin-bottom: 0; } .auction-item.style-three .item-footer .item-footer-top .bid-status { font-size: 20px; font-weight: 700; color: #ff3a46; } .auction-item.style-three .item-footer .item-footer-top .bid-winner { font-size: 18px; font-weight: 700; color: #3e4532; } .auction-item .heading { flex-grow: 1; display: flex; align-items: center; /* Centrowanie w pionie */ justify-content: center;/* Centrowanie w poziomie (dla pewności) */ font-size: 18px; margin-bottom: 5px; } .auction-item .heading a:hover { color:#3e4532; } .auction-item .auction-id { font-size: 14px; } .auction-item .item-img { position: relative; overflow: hidden; min-height: 200px; max-height: 200px; text-align: center; background-color: #F9F8F7; display: flex; align-items: center; } .auction-item .sold-overlay { position: absolute; /* Pozycjonowanie absolutne względem .item-img */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); /* Opcjonalna, lekko biała poświata */ z-index: 10; /* Gwarantuje, że warstwa będzie na wierzchu */ /* Centrowanie obrazka wewnątrz warstwy za pomocą flexbox */ display: flex; justify-content: center; align-items: center; } .auction-item .sold-overlay img { max-width: 80%; /* Obrazek "Sprzedane" zajmie maksymalnie 80% szerokości kontenera */ height: auto; } .upcoming-auction-block .auction-item .item-img{ background-color: #0a1227; } .auction-item .item-img a { display: block; text-align: center; } .auction-item .item-img img { -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; margin: 0 auto; } .auction-item .item-img .prod2 { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; background: #F9F8F7; height: 100%; object-fit: contain; } .auction-item .bid-max { font-size: 20px; color: #99dd3b; position: absolute; right: 25px; bottom: 20px; z-index: 2; background-color: rgba(0, 0, 0, 0.55); padding: 4px 10px; border-radius: 5px; border: 2px solid rgba(255, 255, 255, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .auction-item .item-price { position: absolute; top: 50%; left: 15px; background-color: #646e53; color: #d0e6a5; padding: 7px 15px; border-radius: 3px; -webkit-transform: rotate(-90deg) translate(-50%, -50%); transform: rotate(-90deg) translate(-50%, -50%); -webkit-transform-origin: left top; transform-origin: left top; z-index: 1; } .auction-item .item-price-in-progress { position: absolute; top: 50%; left: 15px; background-color: #498e1c; color: #d0e6a5; padding: 7px 15px; border-radius: 3px; -webkit-transform: rotate(-90deg) translate(-50%, -50%); transform: rotate(-90deg) translate(-50%, -50%); -webkit-transform-origin: left top; transform-origin: left top; z-index: 1; } .auction-item .bid-max-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 0px; width: 100%; padding: 20px 25px; background-color: #ffffffd9; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; } .auction-item .item-footer { padding: 5px 13px 10px; min-height: 160px; max-height: 160px; } @media only screen and (max-width: 480px) { .auction-item .item-footer { padding: 15px 13px 10px; min-height: 160px; max-height: 180px; } } .auction-item .item-footer .item-footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .auction-item .item-footer .item-footer-top .bid-price { font-size: 16px; font-weight: 700; color: #3e4532; } .auction-item .item-footer .item-footer-top .bid-timer { font-weight: 800; font-size: 20x; color: #3e4532; } .auction-item .item-header { display: flex; flex-direction: column; padding: 5px; position: relative; text-align: center; inline-size: 100%; overflow-wrap: break-word; hyphens: manual; min-height: 160px; } @media only screen and (max-width: 480px) { .auction-item .item-header { padding: 25px 15px; } } .auction-item .bid-button { text-align: center; } .auction-item .bid-button .btn-default { padding: 12px 50px; } .auction-item:hover .item-img .prod2 { opacity: 1; z-index: 1; visibility: visible; } .auction-item.auction-list { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #646e53; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .auction-item.auction-list { display: block; } } .auction-item.auction-list .item-img { -webkit-box-flex: 0; -ms-flex: 0 0 370px; flex: 0 0 370px; max-width: 370px; } @media only screen and (max-width: 1199px) { .auction-item.auction-list .item-img { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; } } @media only screen and (max-width: 767px) { .auction-item.auction-list .item-img { max-width: 100%; } } .auction-item.auction-list .auction-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 370px); flex: 0 0 calc(100% - 370px); max-width: calc(100% - 370px); padding: 30px; } @media only screen and (max-width: 1199px) { .auction-item.auction-list .auction-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); } } @media only screen and (max-width: 767px) { .auction-item.auction-list .auction-info { max-width: 100%; } } @media only screen and (max-width: 480px) { .auction-item.auction-list .auction-info { padding: 30px 20px; } } .auction-item.auction-list .item-footer { padding: 15px 0 0px; } .auction-item.auction-list .item-price { position: absolute; top: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: center center; transform-origin: center center; } .auction-item.auction-list .bid-button { text-align: left; } .auction-item.auction-list .bid-button .btn-default { padding: 12px 30px; } /*------------------------------------------------- [ ### upcoming Auctions Block ] */ .upcoming-auction-block .upcoming-auction-main { margin: -15px; } .upcoming-auction-block .upcoming-auction-carousel .owl-item { padding: 15px; } /*------------------------------------------------- [ ### Auction product Categories ] */ .auction-product-categories .sidebar-items { padding-left: 0px; border-left: 0px solid; } /*------------------------------------------------- [ ### Auction Details Page ] */ .product-main-thumb-area .product-main-thumb { height: 600px; position: relative; overflow: hidden; text-align: center; background-color: #F9F8F7; display: flex; align-items: center; border-radius: 10px; border: 1px solid #3e4532; } .product-main-thumb-area .product-slider-area { padding: 30px 0 0 0; } .product-main-thumb-area .product-slider-area .active-gallery { border: 0px solid #282853; cursor: pointer; position: relative; overflow: hidden; min-height: 130px; max-height: 130px; display: flex; border-radius: 5px; border: 1px solid #3e4532; } .auction-item-details .heading { overflow-wrap: break-word; font-size: 30px; margin-top: -5px; } @media only screen and (max-width: 1199px) { .auction-item-details .heading { overflow-wrap: break-word; font-size: 28px; } } @media only screen and (max-width: 991px) { .auction-item-details .heading { overflow-wrap: break-word; font-size: 30px; } } @media only screen and (max-width: 575px) { .auction-item-details .heading { overflow-wrap: break-word; font-size: 24px; } } .auction-item-details .item-bid-price-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 575px) { .auction-item-details .item-bid-price-time { padding-top: 10px; } } .auction-item-details .item-bid-price-time .bid-timer-area { font-weight: 600; } @media only screen and (max-width: 400px) { .auction-item-details .item-bid-price-time .bid-timer-area { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 0 0 50%; } } .auction-item-details .item-bid-price-time .bid-price { font-size: 22px; font-weight: 700; color: #3e4532; } .bid-price-txt { font-size: 18px; font-weight: 700; color: #3e4532; } .bid-price-value { font-size: 22px; font-weight: 700; color: #3e4532; } @media only screen and (max-width: 400px) { .auction-item-details .item-bid-price-time .bid-price { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 0 0 50%; } } @media only screen and (max-width: 400px) { .auction-item-details .item-bid-price-time .bid-button { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 0 0 100%; margin-top: 10px; } } .auction-item-details .item-bid-price-time .bid-timer { font-weight: 800; font-size: 20px; color: #3e4532; padding-top: 3px; } .auction-item-details .item-info-area { border-top: 1px solid #282853; margin-top: 30px; padding-top: 25px; } .auction-item-details .item-info-area .filter-info-tab { margin-bottom: 25px; } .auction-item-details .item-info-area .filter-info-tab .nav-tabs { background-color: #646e53; border: 0px solid; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .auction-item-details .item-info-area .filter-info-tab .nav-tabs > li { border-right: 0px solid; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0 -2px; } .auction-item-details .item-info-area .filter-info-tab .nav-tabs > li > a { border-radius: 0; cursor: pointer; display: block; font-size: 18px; font-weight: 600; margin-right: 0; padding: 17px 20px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; text-align: center; color: #d0e6a5; } @media only screen and (max-width: 575px) { .auction-item-details .item-info-area .filter-info-tab .nav-tabs > li > a { font-size: 16px; min-width: 130px; } } .auction-item-details .item-info-area .filter-info-tab .nav-tabs > li > a:hover { color:#99dd3b; } .auction-item-details .item-info-area .filter-info-tab .nav-tabs > li > a.active { color: #99dd3b; background-color:#3e4532; } .auction-item-details .item-info-area .filter-info-tab-content .item-info { padding-left: 0; margin-bottom: 0; list-style: none; } .auction-item-details .item-info-area .filter-info-tab-content .item-info li { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 991px) { .auction-item-details .item-info-area .filter-info-tab-content .item-info li { padding: 15px; } } .auction-item-details .item-info-area .filter-info-tab-content .item-info li:last-child { border-bottom: 0px solid; } .auction-item-details .item-info-area .filter-info-tab-content .item-info li:nth-child(2n-1) { background-color: #3e4532; } .auction-item-details .item-info-area .filter-info-tab-content .item-info li > span { font-weight: 700; color: #99dd3b; } .auction-item-details .item-info-area .auction-history-table .table { margin-bottom: 0; } @media only screen and (max-width: 480px) { .auction-item-details .item-info-area .auction-history-table .table { width: 500px; max-width: 500px; margin-bottom: 25px; } } .auction-item-details .item-info-area .auction-history-table .table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .auction-item-details .item-info-area .auction-history-table .table thead th, .auction-item-details .item-info-area .auction-history-table .table tbody td { text-align: left; border: 0px solid; padding: 15px 10px; } .auction-item-details .item-info-area .auction-history-table .table thead th:first-child, .auction-item-details .item-info-area .auction-history-table .table tbody td:first-child { padding-left: 20px; } @media only screen and (max-width: 991px) { .auction-item-details .item-info-area .auction-history-table .table thead th:first-child, .auction-item-details .item-info-area .auction-history-table .table tbody td:first-child { padding-left: 15px; } } .auction-item-details .item-info-area .auction-history-table .table thead th.history-price, .auction-item-details .item-info-area .auction-history-table .table tbody td.history-price { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .auction-item-details .item-info-area .auction-history-table .table thead th.history-time, .auction-item-details .item-info-area .auction-history-table .table tbody td.history-time { max-width: calc(100% - 300px); -webkit-box-flex: calc(100% - 300px); -ms-flex: calc(100% - 300px); flex: calc(100% - 300px); } .auction-item-details .item-info-area .auction-history-table .table thead th.history-user, .auction-item-details .item-info-area .auction-history-table .table tbody td.history-user { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .auction-item-details .item-info-area .auction-history-table .table thead tr { background-color: #3e4532; } .auction-item-details .item-info-area .auction-history-table .table thead th { color: #99dd3b; font-weight: 700; line-height: 1.3em; font-family: "Rubik", sans-serif; } @media only screen and (max-width: 1199px) { .auction-item-details .item-info-area .auction-history-table .table thead th { font-size: 18px; } } .auction-item-details .item-info-area .auction-history-table .table tbody tr:nth-child(2n) { background-color: #646e53; color: #d0e6a5; } .product-des-header { inline-size: 100%; overflow-wrap: break-word; hyphens: manual; } .product-des-info { inline-size: 100%; overflow-wrap: break-word; hyphens: manual; } .product-description .product-info-table .table { margin-bottom: 0; border: 1px solid #282853; margin-top: 15px; } @media only screen and (max-width: 575px) { .product-description .product-info-table .table { width: 600px; max-width: 600px; margin-bottom: 25px; } } .product-description .product-info-table .table tr { color: #d0e6a5; } .product-description .product-info-table .table tbody td { text-align: left; padding: 15px 20px; border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; border-bottom: 1px solid #282853; } @media only screen and (max-width: 991px) { .product-description .product-info-table .table tbody td { padding: 15px; } } .product-description .product-info-table .table tbody td.info-title { width: 300px; border-right: 1px solid #282853; color: #ccd0d5; } @media only screen and (max-width: 991px) { .product-description .product-info-table .table tbody td.info-title { width: 220px; } } .product-description .product-info-table .table tbody td.info-dsc { padding-left: 50px; } @media only screen and (max-width: 991px) { .product-description .product-info-table .table tbody td.info-dsc { padding-left: 25px; } } /*------------------------------------------------- [ ### Deals Of The Day Page ] */ .deals-page-block .auction-item { background-color: #646e53; } /*-------------------------------------------------------------- [ ## Winners ] --------------------------------------------------------------*/ .winner-item { text-align: center; } .winner-item .winner-thumb { width: 150px; height: 150px; border-radius:50%; box-shadow: 2px 2px 10px rgba(100, 73, 231, 0.2); margin: 0 auto; position: relative; } .winner-item .winner-thumb > img { border-style: solid; border-color:#3e4532; width: inherit; height: inherit; border-radius: inherit; } .winner-item .winner-thumb .product-icon { width: 35px; height: 35px; background-color:#3e4532; border-radius: 50%; color: white; line-height: 37px; position: absolute; right: 11px; bottom: 12px; cursor: pointer; } .winner-item .winner-thumb .product-icon:hover + .product-thumb { opacity: 1; visibility: visible; bottom: 12px; } .winner-item .winner-thumb .product-thumb { width: 100px; text-align: center; position: absolute; bottom: -25px; right: -100px; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; } @media only screen and (max-width: 991px) { .winner-item .winner-thumb .product-thumb { width: 80px; right: -80px; } } @media only screen and (max-width: 575px) { .winner-item .winner-thumb .product-thumb { width: 65px; right: -65px; } } .winner-item .info { padding-top: 15px; } .winner-item .info .winner-name { font-weight: 700; font-size: 20px; margin-bottom: 0; } .auction-winner-block .winner-item .winner-thumb .product-thumb { width: 80px; right: -80px; } .auction-winner-block .winner-item .winner-thumb .product-icon:hover + .product-thumb { bottom: 20px; } @media only screen and (min-width: 1200px) { .auction-winner-block #winner-carousel .owl-stage > div.active:nth-child(5n) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .auction-winner-block #winner-carousel .owl-stage > div.active:nth-child(4n) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .auction-winner-block #winner-carousel .owl-stage > div.active:nth-child(3n) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .auction-winner-block #winner-carousel .owl-stage > div.active:nth-child(2n-1) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } .winner-page-block .winner-item { margin-bottom: 35px; } @media only screen and (max-width: 991px) { .winner-page-block .paging-navigation.pd-t-60 { padding-top: 40px; } } .winner-page-block .winner-list-area > div:nth-child(4n) .winner-item .winner-thumb .product-thumb { right: auto; left: -100px; } @media only screen and (max-width: 991px) { .winner-page-block .winner-list-area > div:nth-child(4n) .winner-item .winner-thumb .product-thumb { left: auto; right: -80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .winner-page-block .winner-list-area > div:nth-child(3n) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } @media only screen and (min-width: 575px) and (max-width: 767px) { .winner-page-block .winner-list-area > div:nth-child(2n) .winner-item .winner-thumb .product-thumb { right: auto; left: -80px; } } /*-------------------------------------------------------------- [ ## Testimonial ] --------------------------------------------------------------*/ .testimonial-block .testimonail-thumbnail { margin-right: -130px; padding-left: 70px; } @media only screen and (max-width: 1366px) { .testimonial-block .testimonail-thumbnail { padding-left: 0; } } @media only screen and (max-width: 1199px) { .testimonial-block .testimonail-thumbnail { margin-right: -80px; } } @media only screen and (max-width: 991px) { .testimonial-block .testimonail-thumbnail { display: none; } } .testimonial-block .testimonail-carousel-main { margin: -15px; } .testimonail-carousel-area { position: relative; } .testimonail-carousel-area .testimonail-carousel-thumb { position: absolute; z-index: 2; bottom: 8px; right: 50px; background-color: white; } @media only screen and (max-width: 991px) { .testimonail-carousel-area .testimonail-carousel-thumb { right: 0; bottom: 5px; } } @media only screen and (max-width: 480px) { .testimonail-carousel-area .testimonail-carousel-thumb { position: relative; bottom: 0; margin-top: 40px; } } .testimonial-item { overflow: hidden; position: relative; z-index: 3; margin: 15px; background-color: #0a1227; border-radius: 8px; padding: 30px; border: 1px solid rgba(247, 74, 5, .5); box-shadow: 0px 0px 5px 0 rgb(238 61 67 / 50%); } @media only screen and (max-width: 1366px) { .testimonial-item { padding: 45px 20px; } } @media only screen and (max-width: 480px) { .testimonial-item { padding: 40px 15px; } } .testimonial-item .client-header { position: relative; } .testimonial-item .icon { position: absolute; /* bottom: 10px; */ /* left: calc(50% + 20px); */ /* width: 40px; */ /* height: 40px; */ border-radius: 50%; top: 30px; right: 30px; color:#3e45324d; text-align: center; line-height: 42px; /* color: white; */ font-size: 50px; line-height: 1; } .testimonial-item .client-thumb { width: 90px; height: 90px; margin: 0 0 20px; -webkit-clip-path: circle(50%); clip-path: circle(50%); } .testimonial-item .client-thumb > div img { width: 100%; height: 100%; object-fit: cover; } .testimonial-item .client-info { margin-top: 30px; position: relative; padding-top: 30px; } .testimonial-item .client-info:before, .testimonial-item .client-info:after { position: absolute; top: 0; content: ""; height: 1px; width: 25px; } .testimonial-item .client-info:before { background-color:#3e4532; left: calc(0% + 25px); } .testimonial-item .client-info:after { background-color: #ddd; left: 0%; } .testimonial-item .client-info .client-name { font-size: 20px; font-weight: 700; margin-bottom: 5px; line-height: 1.2em; } .testimonial-item .client-info .client-name a:hover, .testimonial-item .client-info .client-name a:focus { color:#3e4532; } .testimonial-item .client-info .client-designation { line-height: 1.4em; margin-bottom: 5px; font-size: 16px; } .testimonial-item .details { position: relative; font-size: 18px; } .testimonial-item .details p { line-height: 1.6em; position: relative; z-index: 2; } .testimonail-carousel-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0px -5px; } @media only screen and (max-width: 991px) { .testimonail-carousel-thumb { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; } } .testimonail-carousel-thumb > .shape-small { margin: 0 4px; position: relative; cursor: pointer; width: 55px; height: 52px; -webkit-clip-path: circle(56%); clip-path: circle(56%); overflow: hidden; } .testimonail-carousel-thumb > .shape-small .shape-thumb { width: 59px; height: 55px; -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%); position: relative; left: -2px; top: -2px; position: relative; } .testimonail-carousel-thumb > .shape-small .shape-thumb:before { position: absolute; content: ""; left: 0; top: 0; width: 0%; height: 100%; background-color:#3e4532; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .testimonail-carousel-thumb > .shape-small .shape-thumb > [class*="flaticon-"] { position: absolute; top: 50%; z-index: 2; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 22px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .testimonail-carousel-thumb > .shape-small img { -webkit-transition: all 0.4s; transition: all 0.4s; } .testimonail-carousel-thumb > .shape-small.thumb-active { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s; transition: all 0.4s; } .testimonail-carousel-thumb > .shape-small.thumb-active.active { -webkit-transform: scale(1); transform: scale(1); } .testimonail-carousel-thumb > .shape-small.thumb-prev:hover .shape-thumb:before, .testimonail-carousel-thumb > .shape-small.thumb-next:hover .shape-thumb:before { opacity: 1; width: 100%; } .testimonail-carousel-thumb > .shape-small.thumb-prev:hover .shape-thumb > [class*="flaticon-"], .testimonail-carousel-thumb > .shape-small.thumb-next:hover .shape-thumb > [class*="flaticon-"] { opacity: 1; } /*-------------------------------------------------------------- [ ## Sections ] --------------------------------------------------------------*/ /*------------------------------------------------- [ ### Auction Categories ] */ .single-auction-cat { background: #FFFFFD; border: 1px solid #3e4532; display: block; border-radius: 10px; text-align: center; padding: 20px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 1199px) { .single-auction-cat { padding: 30px 15px; } } @media only screen and (max-width: 991px) { .single-auction-cat { padding: 40px 15px; } } @media only screen and (max-width: 767px) { .single-auction-cat { padding: 30px 15px; } } @media only screen and (max-width: 575px) { .single-auction-cat { padding: 20px 10px; } } .single-auction-cat:hover { border-color:#3e45324d; } .single-auction-cat.cat-red:hover { border-color: rgba(155, 33, 130, 0.5); } .single-auction-cat.cat-red .cat-icon { color: #9b2182; } .single-auction-cat.cat-red .cat-no { background-color: rgba(155, 33, 130, 0.5); } .single-auction-cat.cat-green:hover { border-color: rgba(73, 140, 47, 0.5); } .single-auction-cat.cat-green .cat-icon { color: #3e4532; } .single-auction-cat.cat-green .cat-no { background-color: rgba(73, 140, 47, 0.5); } .single-auction-cat.cat-yellow:hover { border-color: rgba(164, 102, 11, 0.5); } .single-auction-cat.cat-yellow .cat-icon { color: #a4660b; } .single-auction-cat.cat-yellow .cat-no { background-color: rgba(164, 102, 11, 0.5); } .single-auction-cat.cat-turquoise:hover { border-color: rgba(39, 132, 138, 0.5); } .single-auction-cat.cat-turquoise .cat-icon { color: #27848a; } .single-auction-cat.cat-turquoise .cat-no { background-color: rgba(39, 132, 138, 0.5); } .single-auction-cat.cat-matterhorn:hover { border-color: rgba(121, 85, 72, 0.5); } .single-auction-cat.cat-matterhorn .cat-icon { color: #795548; } .single-auction-cat.cat-matterhorn .cat-no { background-color: rgba(121, 85, 72, 0.5); } .single-auction-cat.cat-orange:hover { border-color: rgba(179, 63, 27, 0.5); } .single-auction-cat.cat-orange .cat-icon { color: #b33f1b; } .single-auction-cat.cat-orange .cat-no { background-color: rgba(179, 63, 27, 0.5); } .single-auction-cat.cat-violet:hover { border-color: rgba(113, 106, 160, 0.5); } .single-auction-cat.cat-violet .cat-icon { color: #716aa0; } .single-auction-cat.cat-violet .cat-no { background-color: rgba(113, 106, 160, 0.5); } .single-auction-cat .cat-icon { font-size: 60px; color:#3e4532; } .single-auction-cat .cat-name { font-size: 18px; font-weight: 600; } .single-auction-cat .cat-no { display: inline-block; background-color: #3e4532; color: #fff; border-radius: 5px; padding: 2px 10px; } /*------------------------------------------------- [ ### Facility Area ] */ .facility-area { position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .facility-area { padding-top: 100px; margin-top: 0; } .facility-box::before{ display: none; } } .facility-area .facility-content > div:nth-child(4n-3) .facility-box .icon { border-color:#3e4532; } .facility-area .facility-content > div:nth-child(4n-3) .facility-box .icon:before { background-color:#3e4532; } .facility-area .facility-content > div:nth-child(4n-2) .facility-box .icon { border-color: #3e4532; } .facility-area .facility-content > div:nth-child(4n-2) .facility-box .icon:before { background-color: #3e4532; } .facility-area .facility-content > div:nth-child(4n-1) .facility-box .icon { border-color: #716aa0; } .facility-area .facility-content > div:nth-child(4n-1) .facility-box .icon:before { background-color: #716aa0; } .facility-area .facility-content{ background-color: #646e53; padding: 30px; border: 2px solid rgba(247, 74, 5, .5); box-shadow: 0px 0px 25px 0 rgb(238 61 67 / 50%); border-radius: 999px; overflow: hidden; } .facility-box { text-align: center; border-radius: 7px; padding: 40px 10px 38px; background-color: #646e53; position: relative; } .facility-box::before{ position: absolute; content: ''; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .1); } .facility-area div[class*="col"]:nth-of-type(4n + 4) .facility-box::before{ display: none; } .facility-box .icon { display: inline-block; width: 80px; height: 80px; font-size: 25px; color: #fff; line-height: 80px; border: 1px solid #27848a; border-radius: 50%; position: relative; z-index: 1; } .facility-box .icon:before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #27848a; margin: 6px; border-radius: 50%; } .facility-box .icon span { -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; } .facility-box .title { margin-bottom: 0; margin-top: 10px; font-size: 16px; color: #ccd0d5; } .facility-box:hover .icon > span, .facility-box:focus .icon > span { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } /*------------------------------------------------- [ ### Win Steps Block ] */ @media only screen and (max-width: 1199px) { .win-steps-block .card-center { padding: 0 10px; } } .win-steps-block .card-center .card-icon { width: 130px; height: 130px; border-radius: 50%; border: 1px solid #282853; margin: 0 auto 25px; line-height: 130px; position: relative; } .win-steps-block .card-center .card-icon:before { position: absolute; width: calc(100% + 16px); height: calc(100% + 16px); border-radius: 50%; border: 1px dashed#3e4532; content: ""; left: -8px; top: -8px; -webkit-animation: round360 20s linear infinite; animation: round360 20s linear infinite; } .win-steps-block .card-center .card-icon .step { position: absolute; right: 0px; top: 0; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color:#3e4532; color: white; font-size: 16px; font-weight: bold; } .win-steps-block .heading { margin-bottom: 15px; } /*------------------------------------------------- [ ### Work Brand ] */ .work-brand-block .brand-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .work-brand-block .brands-link { border: 1px solid rgba(247, 74, 5, .5); box-shadow: 0px 0px 5px 0 rgb(238 61 67 / 50%); height: 120px; cursor: pointer; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; position: relative; border-radius: 8px; background: #646e53; } .work-brand-block .brands-link img { margin: 0 auto; width: 90%; height: 90%; object-fit: contain; } /*------------------------------------------------- [ ### Fan Fact Block ] */ .fanfact-block .btn-default { margin-top: 20px; } @media only screen and (max-width: 1199px) { .fanfact-block .fanfact-content { padding-right: 30px; } } @media only screen and (max-width: 991px) { .fanfact-block .fanfact-content { padding-right: 0px; } } .fanfact-promo-numbers { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } .promo-number { margin-bottom: 30px; background-color: #3e4532; border: 1px solid #3e4532; box-shadow: 0px 0px 5px 0 rgba(255, 255, 255, 0.5); text-align: center; padding: 50px 10px 35px; position: relative; overflow: hidden; border-radius: 5px; } @media only screen and (max-width: 1199px) { .promo-number { padding-bottom: 30px; } } @media only screen and (max-width: 480px) { .promo-number { padding-top: 30px; } } .fanfact-promo-numbers .promo-number:hover:before { -webkit-transform: translate3d(-5%, -5%, 0); transform: translate3d(-5%, -5%, 0); } .fanfact-promo-numbers .promo-number:hover:after { -webkit-transform: translate3d(-8%, -8%, 0); transform: translate3d(-8%, -8%, 0); } .fanfact-promo-numbers .promo-number .animation-circle-inverse { position: absolute; right: -15px; top: -15px; } .fanfact-promo-numbers .odometer-wrap { font-size: 24px; line-height: 1em; font-weight: 700; color: white; margin-bottom: 0px; font-family: "Rubik", sans-serif; text-transform: uppercase; } .fanfact-promo-numbers .odometer-wrap .odometer { font-size: 40px; font-weight: 500; line-height: 0.85em; } @media only screen and (max-width: 1199px) { .fanfact-promo-numbers .odometer-wrap .odometer { font-size: 42px; } } @media only screen and (max-width: 575px) { .fanfact-promo-numbers .odometer-wrap .odometer { font-size: 38px; } } .fanfact-promo-numbers .odometer-wrap sub { bottom: -11px; left: 3px; } .fanfact-promo-numbers .promo-title { color: white; font-size: 20px; font-weight: normal; margin-bottom: 0; margin-top: 5px; } @media only screen and (min-width: 991px) and (max-width: 1199px) { .fanfact-promo-numbers .promo-title { font-size: 16px; } } @media only screen and (max-width: 767px) { .fanfact-promo-numbers .promo-title { font-size: 18px; } } /*-------------------------------------------------------------- [ ## Blog ] --------------------------------------------------------------*/ .post { margin-bottom: 30px; } .post .post-thumb { position: relative; margin-bottom: 0; border-radius: 7px 7px 0 0; overflow: hidden; height: 100%; } @media only screen and (max-width: 767px) { .post .post-thumb { margin-bottom: 20px; } } .post .post-thumb > a { display: block; height: 250px; } .post .post-thumb > a > img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; object-fit: cover; } .post:hover .post-thumb > a > img { } .post .entry-title { font-size: 24px; margin-bottom: 10px; line-height: 1.35em; font-weight: 700; } .post .entry-title a:hover, .post .entry-title a:focus { color:#3e4532; } @media only screen and (max-width: 1199px) { .post .entry-title { line-height: 1.3em; } } @media only screen and (max-width: 767px) { .post .entry-title { font-size: 22px; margin-bottom: 5px; } } .post .post-details { padding-left: 30px; align-self: center; } @media only screen and (max-width: 767px) { .post .post-details { padding-left: 0; } } .post .post-details .entry-header { position: relative; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #282853; } .post .post-details .entry-header:before { position: absolute; width: 100px; height: 1px; content: ""; background-color:#3e4532; bottom: -1px; left: 0; } .post .post-details .read-more { font-weight: 600; display: inline-block; padding-top: 5px; position: relative; } @media only screen and (max-width: 767px) { .post .post-details .read-more { padding-top: 0; } } .post .post-details .read-more:before { position: absolute; right: -23px; top: 14px; content: ""; border-style: solid; border-color: transparent transparent transparent #646e53; border-width: 5px 7px; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 767px) { .post .post-details .read-more:before { top: 9px; } } .post .post-details .read-more:hover:before { border-color: transparent transparent transparent#3e4532; } .post.post-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #646e53; border-radius: 7px; } @media only screen and (max-width: 767px) { .post.post-list { display: block; } } .post.post-list .post-thumb-area { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; } @media only screen and (max-width: 767px) { .post.post-list .post-thumb-area { max-width: 100%; } } .entry-meta-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; font-weight: normal; line-height: 1.25em; margin-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .entry-meta-content { margin-bottom: 5px; } } @media only screen and (max-width: 480px) { .entry-meta-content { font-size: 14px; } } .entry-meta-content > div { margin-right: 30px; margin-bottom: 5px !important; position: relative; } .entry-meta-content > div:last-child { margin-right: 0px; } .entry-meta-content > div:first-child:before { content: ""; } .entry-meta-content > div:before { content: "|"; position: absolute; left: -19px; bottom: 1px; color: #ddd; } .entry-meta-content > div i { margin-right: 5px; } .entry-meta-content > div a:hover, .entry-meta-content > div a:focus { color:#3e4532; } .blog-latest-items > .post:last-child { margin-bottom: 0; border-bottom: 0px solid; } @media only screen and (max-width: 767px) { .blog-latest-items > .post:last-child { margin-bottom: 10px; } } .blog-page-block .paging-navigation.pd-t-100 { padding-top: 70px; } /*-------------------------------------------------------------- # Others --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Blog Single --------------------------------------------------------------*/ /*------------------------------------------------------------------- [ ## Single Posts ] */ .post.single-post { margin-bottom: 0px; text-align: left; position: relative; padding-bottom: 0px; border-bottom: 0px solid; margin-top: -7px; } .post.single-post .entry-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post.single-post .entry-user .thumb { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .post.single-post .entry-user .info { padding-left: 10px; } .post.single-post .entry-user .author-name { font-weight: 600; color: white; margin-bottom: 0; font-family: "Rubik", sans-serif; font-size: 18px; } .post.single-post .entry-user .author-name a:hover { color:#3e4532; } .post.single-post .entry-user .entry-time { font-size: 14px; margin-top: -2px; } .post.single-post .social-share-area { float: right; } @media only screen and (max-width: 767px) { .post.single-post .social-share-area { display: none; } } .post.single-post .social-share-area .share-btn { background-color:#3e4532; border-radius: 5px; color: white; cursor: pointer; display: block; float: right; font-size: 18px; position: relative; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; padding: 5px 15px; } .post.single-post .social-share-area .share-btn:hover .social-media { visibility: visible; opacity: 1; } .post.single-post .social-share-area .share-btn:hover .social-media > a { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: social-share; animation-name: social-share; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(1) { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(3) { -webkit-animation-delay: 330ms; animation-delay: 330ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(4) { -webkit-animation-delay: 480ms; animation-delay: 480ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(5) { -webkit-animation-delay: 630ms; animation-delay: 630ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(6) { -webkit-animation-delay: 780ms; animation-delay: 780ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(7) { -webkit-animation-delay: 930ms; animation-delay: 930ms; } .post.single-post .social-share-area .share-btn:hover .social-media > a:nth-child(8) { -webkit-animation-delay: 1080ms; animation-delay: 1080ms; } .post.single-post .social-share-area .social-media { opacity: 0; visibility: hidden; position: absolute; right: 0; text-align: center; top: 100%; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; width: 100%; height: auto; background-color: #646e53; padding-top: 10px; } .post.single-post .social-share-area .social-media > a { color: #d0e6a5; display: block; font-size: 14px; opacity: 0; padding: 0 5px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; height: 35px; } .post.single-post .social-share-area .social-media > a:hover { color:#3e4532; } .post.single-post h3, .post.single-post h4, .post.single-post h5, .post.single-post h6 { margin-bottom: 10px; font-weight: 700; padding-top: 15px; } .post.single-post h3 { font-size: 24px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .post.single-post h3 { font-size: 22px; } } .post.single-post p a { color:#3e4532; } .post.single-post .entry-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; margin-bottom: 33px; } @media only screen and (max-width: 1199px) { .post.single-post .entry-header { margin-top: 30px; } } @media only screen and (max-width: 767px) { .post.single-post .entry-header { display: block; } } .post.single-post .post-thumb { margin-bottom: 0; } .post.single-post .post-details { padding: 5px 0px 35px; align-self: center; } .post.single-post .post-details img { border-radius: 8px; } .post.single-post .entry-title { font-size: 30px; padding-right: 70px; } @media only screen and (max-width: 1199px) { .post.single-post .entry-title { padding-right: 0; } } @media only screen and (max-width: 991px) { .post.single-post .entry-title { font-size: 26px; } } @media only screen and (max-width: 767px) { .post.single-post .entry-title { font-size: 24px; } } .post.single-post ul li, .post.single-post ol li { margin-top: 10px; line-height: 1.6em; } .post.single-post > ul, .post.single-post > ol { padding-left: 20px; } .post.single-post table { margin-bottom: 30px; } .post.single-post .image-group { padding-top: 20px; } .post.single-post iframe { border: 0px solid; } .post.single-post figure { margin-bottom: 25px; } .post.single-post .thumb { height: 450px; } .post.single-post .thumb img { width: 100%; height: 100%; object-fit: cover; } .post.single-post figure span { color: #979797; font-size: 12px; display: block; padding: 13px 0 25px; } .post.single-post blockquote { margin-bottom: 30px; margin-top: 30px; position: relative; color: white; background-color: #646e53; padding: 50px 30px 50px 90px; border-radius: 8px; } @media only screen and (max-width: 1199px) { .post.single-post blockquote { padding: 25px 25px 27px 70px; } } @media only screen and (max-width: 1199px) { .post.single-post blockquote { padding: 25px 15px 27px 60px; } } .post.single-post blockquote:before { position: absolute; content: ""; left: 30px; top: 63px; width: 45px; height: 2px; background-color:#3e4532; } @media only screen and (max-width: 1199px) { .post.single-post blockquote:before { width: 30px; left: 25px; top: 40px; } } @media only screen and (max-width: 1199px) { .post.single-post blockquote:before { left: 15px; top: 37px; } } .post.single-post blockquote img { margin-bottom: 25px; border-radius: 0px; } .post.single-post blockquote p { margin-bottom: 10px; position: relative; font-size: 20px; font-style: italic; line-height: 1.5em; } @media only screen and (max-width: 991px) { .post.single-post blockquote p { font-size: 18px; } } .post.single-post blockquote p:last-child { margin-bottom: 0; } .post.single-post blockquote p cite { margin-left: 0; padding-left: 0; } .post.single-post blockquote cite, .post.single-post blockquote a, .post.single-post blockquote span { padding: 0 1.2em; font-size: 0.8em; font-weight: 500; font-style: normal; position: relative; } .post.single-post blockquote cite { display: block; } .post.single-post blockquote cite:before { content: "--"; padding-right: 5px; } .post.single-post .entry-footer { border-top: 1px solid #282853; border-bottom: 1px solid #282853; padding: 20px 0; margin-top: 15px; 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; } @media only screen and (max-width: 767px) { .post.single-post .entry-footer { display: block; } } .entry-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .entry-tag { margin-bottom: 10px; } } .entry-tag strong { color: white; padding: 3px 10px 0 0; font-size: 14px; } .entry-tag .tags > a { display: inline-block; font-size: 14px; padding: 0 5px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } .entry-tag .tags > a:after { position: absolute; content: ","; right: 0; bottom: 0; } .entry-tag .tags > a:last-child:after { content: " "; } .entry-tag .tags > a:hover, .entry-tag .tags > a:focus { color:#3e4532; } .entry-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-share strong { color: white; padding: 3px 10px 0 0; font-size: 14px; } .entry-share .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-share .share a { font-size: 14px; display: block; color: #555; border-radius: 50%; -webkit-transition: all 0.35s; transition: all 0.35s; margin: 0 7px; } .entry-share .share a:hover { color:#3e4532 !important; } .social-network { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; width: 100%; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 2; left: 0; bottom: 0; } .social-share { list-style: none; margin-bottom: 0; border-radius: 50px; padding: 10px 50px; background-color: white; box-shadow: 1px 1px 18px 15px rgba(40, 57, 145, 0.05); } @media only screen and (max-width: 575px) { .social-share { padding: 10px 30px; } } .social-share > li { display: inline-block; margin: 0 -2px !important; } .social-share > li a { font-size: 16px; display: block; padding: 5px 15px; } .social-share > li a:hover, .social-share > li a:focus { color:#3e4532; } /*-------------------------------------------------------------- # Site Content --------------------------------------------------------------*/ .card { background-color: rgba(0,0,0,.03);; border: none; } /*-------------------------------------------------------------- ## About Page --------------------------------------------------------------*/ .about-us-block { position: relative; } .about-us-block .mock-up-thumb { border: 12px solid rgba(100, 73, 231, 0.1); position: relative; box-shadow: 10px 0 35px rgba(0, 0, 0, 0.09); border-radius: 0 0 80px 0; overflow: hidden; display: inline-block; } .about-us-block .about-text-content { padding-left: 30px; } @media only screen and (max-width: 1199px) { .about-us-block .about-text-content { padding-left: 0; } } .about-info-list .single-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 35px; } .about-info-list .single-info:last-child { margin-bottom: 0; } .about-info-list .single-info > .icon { width: 60px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; border-radius: 35% 65% 61% 39% / 32% 33% 67% 68%; line-height: 60px; font-size: 26px; color: white; background-color:#3e4532; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .about-info-list .single-info .info { padding-left: 20px; margin-top: -5px; } .about-info-list .single-info .info .heading { margin-bottom: 10px; } /*-------------------------------------------------------------- ## Contact Page --------------------------------------------------------------*/ .contact-info-item { background-color: #646e53; padding: 45px 35px 40px; text-align: center; margin-bottom: 30px; border-radius: 7px; position: relative; overflow: hidden; } @media only screen and (max-width: 480px) { .contact-info-item { padding: 40px 20px 38px; } } .contact-info-item:hover .shape-icon { background:#3e4532; color:#fff !important; } .contact-info-item .shape-icon { width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative; left: -3px; top: -2px; background-color:#FFFFFA; margin: 0 auto 15px; line-height: 80px; color: #004408; font-size: 30px; } .contact-info-item .card-info p { color:#d0e6a5; line-height: 1.7em; margin-bottom: 0; } .contact-info-item .card-info p span, .contact-info-item .card-info p a { display: block; } .contact-info-item .card-info p a:hover, .contact-info-item .card-info p a:focus { color:#3e4532; } #contact_form .error { color: #9b2182; font-size: 14px; font-weight: normal; } #contact_form .success { color: #3e4532; font-size: 18px; font-weight: normal; } .contact-form-block .contact-form-area .section-heading { padding-right: 60px; margin-bottom: 40px; } @media only screen and (max-width: 1199px) { .contact-form-block .contact-form-area .section-heading { padding-right: 0; } } .contact-form-block .contact-thumb { } @media only screen and (max-width: 1366px) { .contact-form-block .contact-thumb { } } @media only screen and (max-width: 991px) { .contact-form-block .contact-thumb { } } .contact-form-block .contact-form-area .form-group { margin-bottom: 30px; } /*-------------------------------------------------------------- ## FAQs Page --------------------------------------------------------------*/ /*------------------------------------------------- [ ### Faqs ] */ .faq-cat-item { padding: 30px; border-radius: 7px; background-color: #646e53; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .faq-cat-item { padding: 20px; } } .faq-cat-item .info-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #282853; } .faq-cat-item .info-header .info-title { padding-left: 15px; } .faq-cat-item .info-header .info-title .heading { margin-bottom: 0; } .faq-cat-item .icon-area { width: 60px; height: 60px; border-radius: 35% 65% 61% 39% / 32% 33% 67% 68%; border: 1px solid#3e4532; text-align: center; color:#3e4532; line-height: 55px; font-size: 24px; } .faq-cat-item .info .sub-title { font-size: 18px; margin-bottom: 15px; color: #ccd0d5; } .faq-cat-item .info ul { margin-bottom: 20px; list-style: none; padding-left: 0; } .faq-cat-item .info ul li { margin-bottom: 7px; } .faq-cat-item .info ul a { position: relative; display: block; padding-left: 15px; line-height: 1.3em; } .faq-cat-item .info ul a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; position: absolute; font-weight: 700; left: 0; top: 1px; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; font-size: 12px; } .faq-cat-item .info ul a:hover, .faq-cat-item .info ul a:focus { color:#3e4532; } .faq-cat-item .info ul a:hover:before, .faq-cat-item .info ul a:focus:before { padding-left: 3px; } .faqs-block .faq-thumb { padding-right: 70px; text-align: center; } .faq-item .faq-title { cursor: pointer; position: relative; padding: 15px 20px 15px 70px; border: 1px solid #282853; background-color: #FFFFFA; margin-bottom: 15px; position: relative; border-radius: 5px; overflow: hidden; } .faq-item .faq-title > [class*="icon-"] { background-color:#3e4532; color: white; position: absolute; width: 55px; text-align: center; height: 100%; 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; top: 0; left: 0; border-radius: 5px; font-size: 20px; line-height: 55px; } .faq-item .faq-title .title { font-size: 18px; width: calc(100% - 40px); margin: 0; -webkit-transition: all 0.25s; transition: all 0.25s; color: #004408; } .faq-item .faq-title .right-icon { display: inline-block; width: 40px; height: 40px; position: absolute; color: black; font-size: 20px; -webkit-transition: all 0.25s; transition: all 0.25s; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; } .faq-item .faq-title .right-icon:after, .faq-item .faq-title .right-icon:before { position: absolute; content: ""; background-color: white; width: 12px; height: 2px; left: 50%; top: 50%; -webkit-transition: all 0.25s; transition: all 0.25s; } .faq-item .faq-title .right-icon:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .faq-item .faq-title .right-icon:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .faq-item .faq-title:hover .title { color:#3e4532; } .faq-item .faq-title:hover .right-icon:after, .faq-item .faq-title:hover .right-icon:before { background-color:#3e4532; } .faq-item .faq-content { display: none; padding: 2px 25px 20px 70px; } .faq-item.active .faq-content { display: block; } .faq-item.open .faq-title .right-icon:before { opacity: 0; } .faqs-form-block { overflow: hidden; } @media only screen and (max-width: 991px) { .faqs-form-block .faq-form-thumb { display: none; } } .faqs-form-block .faq-thumb { margin-bottom: -325px; text-align: right; } @media only screen and (max-width: 991px) { .faqs-form-block .faq-thumb { margin-bottom: 0; } } /*-------------------------------------------------------------- ## 404 Page --------------------------------------------------------------*/ .error-page-block { position: relative; } .error-page-block .row { min-height: 100vh; } @media only screen and (max-width: 1199px) { .error-page-block .row [class*='col-'] { max-width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } @media only screen and (max-width: 991px) { .error-page-block .row [class*='col-'] { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .error-page-block .error-thumb { position: absolute; bottom: 0; right: 0; } @media only screen and (max-width: 1199px) { .error-page-block .error-thumb { display: none; } } .error-page-block .error-page-content { padding: 100px 0; font-size: 20px; } @media only screen and (max-width: 420px) { .error-page-block .error-page-content { font-size: 16px; } } .error-page-block .error-page-content .image-not-found { margin-bottom: 55px; } @media only screen and (max-width: 420px) { .error-page-block .error-page-content .image-not-found { margin-bottom: 45px; } } .error-page-block .error-page-content .btn-default { margin-top: 35px; font-size: 18px; padding: 20px 35px 17px; } @media only screen and (max-width: 767px) { .error-page-block .error-page-content .btn-default { padding: 18px 25px 15px; font-size: 17px; } } @media only screen and (max-width: 420px) { .error-page-block .error-page-content .btn-default { margin-top: 30px; } } /*-------------------------------------------------------------- ## Registration --------------------------------------------------------------*/ .user-signin-block .sing-in-mockup, .user-signup-block .sing-in-mockup { margin-left: 0px; padding-right: 30px; padding-top: 20px; } @media only screen and (max-width: 1620px) { .user-signin-block .sing-in-mockup, .user-signup-block .sing-in-mockup { margin-left: 0px; } } @media only screen and (max-width: 1366px) { .user-signin-block .sing-in-mockup, .user-signup-block .sing-in-mockup { margin-left: 0px; padding-right: 20px; } } @media only screen and (max-width: 991px) { .user-signin-block .sing-in-mockup, .user-signup-block .sing-in-mockup { margin-left: 0px; padding-right: 0px; } } .user-signup-block { position: relative; } .user-signup-block .login-form-remember { margin-top: 10px; } .user-signup-block .form-btn-group { margin-top: 35px; } .user-register-area .default-form .form-group { margin-bottom: 25px; } @media only screen and (max-width: 1199px) { .user-register-area .default-form .form-group { margin-bottom: 20px; } } .user-register-area .default-form .form-group label { font-size: 18px; font-weight: 600; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .user-register-area .default-form .form-group label { font-size: 17px; } } .user-register-area .form-header { padding-bottom: 15px; } .user-register-area .form-header .form-subheading { font-size: 20px; line-height: 1.2em; margin-bottom: 10px; color: #b33f1b; font-weight: normal; } @media only screen and (max-width: 1199px) { .user-register-area .form-header .form-subheading { font-size: 18px; } } @media only screen and (max-width: 575px) { .user-register-area .form-header .form-subheading { font-size: 17px; } } .user-register-area .form-header .heading { font-size: 40px; font-weight: 700; line-height: 1.15em; } @media only screen and (max-width: 1199px) { .user-register-area .form-header .heading { font-size: 36px; } } @media only screen and (max-width: 575px) { .user-register-area .form-header .heading { font-size: 32px; } } @media only screen and (max-width: 480px) { .user-register-area .form-header .heading { font-size: 28px; } } .user-register-area .remember-and-password { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0 35px; line-height: 1.2em; } @media only screen and (max-width: 1199px) { .user-register-area .remember-and-password { padding: 5px 0 20px; } } @media only screen and (max-width: 575px) { .user-register-area .remember-and-password { display: block; } } .user-register-area .remember-and-password .btn-password { color: #3e4532; } .user-register-area .remember-and-password .btn-password:hover { color:black; } @media only screen and (max-width: 575px) { .user-register-area .login-form-remember { margin-bottom: 10px; } } .user-register-area .login-form-remember label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: normal; } .user-register-area .login-form-remember label input { height: auto; } .user-register-area .login-form-remember label span { display: inline-block; padding-left: 10px; } .user-register-area .login-form-remember label span a { color:#3e4532; } .user-register-area .form-btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (max-width: 400px) { .user-register-area .form-btn-group { display: block; } } .user-register-area .form-btn-group .login-form-register-now { padding-left: 55px; } @media only screen and (max-width: 400px) { .user-register-area .form-btn-group .login-form-register-now { padding-left: 20; padding-top: 10px; } } .user-register-area .form-btn-group .login-form-register-now a { color: #3e4532; } .user-register-area .form-btn-group .login-form-register-now a:hover { color:black; } .user-register-area .reg-others-media { margin-top: 55px; } @media only screen and (max-width: 1199px) { .user-register-area .reg-others-media { margin-top: 30px; } } @media only screen and (max-width: 400px) { .user-register-area .reg-others-media { margin-top: 5px; } } .user-register-area .reg-others-media .social-media-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 35px -5px 0; } @media only screen and (max-width: 1199px) { .user-register-area .reg-others-media .social-media-icons { margin-top: 20px; } } .user-register-area .reg-others-media .social-media-icons > a { display: block; width: 40px; height: 40px; line-height: 38px; border-radius: 50%; border: 1px solid #373768; text-align: center; margin: 0 5px; } .user-register-area .reg-others-media .social-media-icons > a:hover { background-color:#3e4532; border-color:#3e4532; color: white; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 75px; } .page-content, .entry-summary { margin: 1.4em 0; } .page-links { clear: both; margin: 0 0 2.1em; } /*------------------------------------------------- [ ### Page Title ] */ .page-header-content { position: relative; z-index: 1; } .page-title-area { padding: 25px 0 0px; position: relative; overflow: hidden; background-position: 50% 35%; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .page-title-area { padding: 25px 0px 0px 0px; } } .page-title-area .page-title { margin-bottom: 15px; font-size: 48px; font-weight: 700; line-height: 1.2em; color: white; } @media only screen and (max-width: 1199px) { .page-title-area .page-title { font-size: 42px; } } @media only screen and (max-width: 991px) { .page-title-area .page-title { font-size: 38px; } } @media only screen and (max-width: 575px) { .page-title-area .page-title { font-size: 32px; } } @media only screen and (max-width: 480px) { .page-title-area .page-title { font-size: 30px; } } .page-title-area .breadcrumb-area { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*------------------------------------------------- [ ### Breadcrumb ] */ .breadcrumb { background-color: transparent; border-radius: 0; margin-bottom: 0; padding: 0; } .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item-selecterd{ font-size: 18px; padding: 5px 15px 7px; margin: 0 5px 5px; position: relative; z-index: 2; } .breadcrumb .breadcrumb-item { color: #d0e6a5; } .breadcrumb .breadcrumb-item-selecterd { color:#99dd3b; } @media only screen and (max-width: 991px) { .breadcrumb .breadcrumb-item { font-size: 16px; } } .breadcrumb .breadcrumb-item:before, .breadcrumb .breadcrumb-item-selecterd:before { position: absolute; content: " "; padding: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: #3e4532; z-index: -1; transform: skew(-20deg); } .breadcrumb .breadcrumb-item > a:before, .breadcrumb .breadcrumb-item > a:hover, .breadcrumb .breadcrumb-item > a:focus { color:#99dd3b; } /*------------------------------------------------- [ ### Page info Content ] */ .terams-conditions-block .heading-main { font-size: 30px; font-weight: 700; } .terams-conditions-block .terams-conditions-content .info-block-list { width: 78%; padding-top: 30px; } @media only screen and (max-width: 1199px) { .terams-conditions-block .terams-conditions-content .info-block-list { width: 100%; } } .terams-conditions-block .terams-conditions-content .info-block-list .single-list { display: flex; align-items: flex-start; margin-bottom: 30px; } .terams-conditions-block .terams-conditions-content .info-block-list .single-list:nth-child(3n - 1) .no { background-color: #00ebac; border-color: #B2EEE7; } .terams-conditions-block .terams-conditions-content .info-block-list .single-list:nth-child(3n) .no { background-color: #9657f6; border-color: #D9C9FB; } .terams-conditions-block .terams-conditions-content .info-block-list .single-list .no { flex: 0 0 60px; max-width: 60px; height: 60px; border-radius: 50%; background-color: #ff3a46; color: white; font-size: 26px; font-family: "Rubik", sans-serif; font-weight: lighter; display: flex; justify-content: center; align-items: center; border: 3px solid #F4C2CE; } @media only screen and (max-width: 420px) { .terams-conditions-block .terams-conditions-content .info-block-list .single-list .no { flex: 0 0 45px; max-width: 45px; height: 45px; font-size: 20px; } } .terams-conditions-block .terams-conditions-content .info-block-list .single-list .info { padding-left: 20px; } @media only screen and (max-width: 420px) { .terams-conditions-block .terams-conditions-content .info-block-list .single-list .info { padding-left: 15px; } } .terams-conditions-block .terams-conditions-content .heading { font-size: 24px; margin-bottom: 15px; } .terams-conditions-block .terams-conditions-content p a { color:#3e4532; } .terams-conditions-block .terams-conditions-content ul { width: 65%; } @media only screen and (max-width: 1199px) { .terams-conditions-block .terams-conditions-content ul { width: 100%; } } .terams-conditions-block .terams-conditions-content ol li { margin-bottom: 5px; padding-left: 30px; line-height: 1.7em; } .terams-conditions-block .terams-conditions-content ol.character { list-style-type: lower-latin; padding-left: 20px; } .terams-conditions-block .terams-conditions-content ol.character li { padding-left: 0; } .terams-conditions-block .terams-conditions-content ol.character li:before { content: " "; } .terams-conditions-block .terams-conditions-content .single-info-block-inner { width: 65%; margin-top: 30px; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .terams-conditions-block .terams-conditions-content .single-info-block-inner { width: 100%; } } .terams-conditions-block .terams-conditions-content .single-info-block-inner .sub-heading { font-size: 16px; position: relative; padding-left: 18px; } .terams-conditions-block .terams-conditions-content .single-info-block-inner .sub-heading::before { position: absolute; content: ""; left: 0; top: 5.5px; height: 10px; width: 10px; border-radius: 50%; background-color:#3e4532; } .terams-conditions-content, .privacy-policy-content { background-color: #FFFFFA; padding: 45px 40px; border-radius: 7px; } @media only screen and (max-width: 767px) { .terams-conditions-content, .privacy-policy-content { padding: 40px 20px; } } .terams-conditions-content .thumb, .privacy-policy-content .thumb { margin: 20px 0; } .terams-conditions-content .thumb img, .privacy-policy-content .thumb img { border-radius: 7px; } .terams-conditions-content .thumb:last-child, .privacy-policy-content .thumb:last-child { margin-bottom: 0; } .terams-conditions-content .thumb.mrb-10, .privacy-policy-content .thumb.mrb-10 { margin-top: 10px; } @media only screen and (max-width: 991px) { .terams-conditions-content .thumb.mrb-10, .privacy-policy-content .thumb.mrb-10 { margin-bottom: 30px; } } .terams-conditions-content .heading, .privacy-policy-content .heading { margin-bottom: 10px; font-size: 24px; } @media only screen and (max-width: 767px) { .terams-conditions-content .heading, .privacy-policy-content .heading { font-size: 22px; } } .terams-conditions-content .sub-heading, .privacy-policy-content .sub-heading { line-height: 1.25em; font-family: "Rubik", sans-serif; font-weight: 700; margin-bottom: 10px; font-size: 20px; } @media only screen and (max-width: 767px) { .terams-conditions-content .sub-heading, .privacy-policy-content .sub-heading { font-size: 18px; } } .terams-conditions-content .single-info-block, .privacy-policy-content .single-info-block { margin-bottom: 50px; } @media only screen and (max-width: 767px) { .terams-conditions-content .single-info-block, .privacy-policy-content .single-info-block { margin-bottom: 40px; } } @media only screen and (max-width: 575px) { .terams-conditions-content .single-info-block, .privacy-policy-content .single-info-block { margin-bottom: 30px; } } .terams-conditions-content .single-info-block:last-child, .privacy-policy-content .single-info-block:last-child { margin-bottom: 0; } .terams-conditions-content .single-info-block .single-info-block-inner, .privacy-policy-content .single-info-block .single-info-block-inner { margin-bottom: 30px; } .terams-conditions-content .single-info-block .single-info-block-inner:last-child, .privacy-policy-content .single-info-block .single-info-block-inner:last-child { margin-bottom: 0; } .terams-conditions-content ol, .privacy-policy-content ol { list-style: none; padding-left: 0; padding-top: 10px; } .terams-conditions-content ol:last-child, .privacy-policy-content ol:last-child { margin-bottom: 0; } .terams-conditions-content ol li, .privacy-policy-content ol li { margin-bottom: 25px; padding-left: 40px; position: relative; line-height: 1.8em; counter-increment: my-awesome-counter; } @media only screen and (max-width: 767px) { .terams-conditions-content ol li, .privacy-policy-content ol li { margin-bottom: 15px; } } .terams-conditions-content ol li:last-child, .privacy-policy-content ol li:last-child { margin-bottom: 0; } .terams-conditions-content ol li:before, .privacy-policy-content ol li:before { position: absolute; left: 0; top: 0px; content: "0" counter(my-awesome-counter) "."; } .terams-conditions-content ol li:nth-child(n + 10):before, .privacy-policy-content ol li:nth-child(n + 10):before { content: counter(my-awesome-counter) "."; } .terams-conditions-content ul, .privacy-policy-content ul { list-style: none; padding-left: 0; padding-top: 10px; } .terams-conditions-content ul li, .privacy-policy-content ul li { margin-bottom: 15px; padding-left: 25px; position: relative; line-height: 1.7em; } @media only screen and (max-width: 767px) { .terams-conditions-content ul li, .privacy-policy-content ul li { margin-bottom: 15px; } } .terams-conditions-content ul li:before, .privacy-policy-content ul li:before { position: absolute; content: ""; width: 15px; height: 15px; left: 0; top: 8px; background-color: white; border-radius: 35% 65% 61% 39% / 32% 33% 67% 68%; } .terams-conditions-content ul li:nth-child(3n-2):before, .privacy-policy-content ul li:nth-child(3n-2):before { background: linear-gradient(-180deg, rgba(247, 74, 5, 0.4),#3e4532); } .terams-conditions-content ul li:nth-child(3n-1):before, .privacy-policy-content ul li:nth-child(3n-1):before { background: linear-gradient(90deg, rgba(39, 132, 138, 0.4), #27848a); } .terams-conditions-content ul li:nth-child(3n):before, .privacy-policy-content ul li:nth-child(3n):before { background: linear-gradient(-45deg, rgba(73, 140, 47, 0.4), #3e4532); } .terams-conditions-content ul li:last-child, .privacy-policy-content ul li:last-child { margin-bottom: 0; } .privacy-policy-block .sidebar-items { padding-left: 0; border-left: 0px solid; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-content a { word-wrap: break-word; } .comment-content { font-size: 16px; } .comment-content p { line-height: 1.6em; } @media only screen and (max-width: 767px) { .comment-content { font-size: 15px; margin-bottom: 15px; } } @media only screen and (max-width: 400px) { .comment-content { margin-top: 10px; } } .comment-content ul li, .comment-content ol li { margin-top: 10px; line-height: 1.6em; } .comment-content > ul, .comment-content > ol { padding-left: 20px; } .comment-content a:hover { text-decoration: underline; } .bypostauthor { display: block; } .cancel-comment-reply-link { bottom: -2px; display: inline-block; left: 0.6em; position: relative; } .logged-in-as { margin-bottom: 0.7em !important; padding: 0 15px; } .comments-area { overflow: hidden; margin: 60px 0 0; } .comments-area .comment-list, .comments-area .children { list-style: none; padding: 0; } .comments-area .comments-title { color: white; font-size: 24px; font-weight: 700; margin-bottom: 30px; position: relative; border-bottom: 1px solid #282853; padding-bottom: 15px; } .comments-area .comments-title:before { position: absolute; bottom: -1px; content: ""; height: 1px; width: 100px; background-color:#3e4532; left: 0; } .comments-area .comment-list { margin-bottom: 0px; border-top: none; } .comments-area .comment-list .comment .comment-respond { margin-bottom: 75px; } .comments-area .comment-list > .comment:last-child .comment-body:last-child { margin-bottom: 0; } .comments-area .comment-body { overflow: hidden; margin-bottom: 45px; } .comments-area .comment-author { float: left; margin-right: 20px; width: 85px; } @media only screen and (max-width: 575px) { .comments-area .comment-author { margin-right: 15px; } } .comments-area .comment-author .avatar { width: 85px; height: 85px; border-radius: 50%; } .comments-area .date { display: block; font-size: 14px; color: #d0e6a5; margin-top: 0; } .comments-area .date [class*='fa-'] { color:#3e4532; padding-right: 5px; display: inline-block; } .comments-area .comment-details { position: relative; display: table-cell; vertical-align: top; } .comments-area .comment-metadata { margin-bottom: 10px; color: white; } .comments-area .comment-metadata .author { font-size: 18px; font-weight: 700; font-family: "Rubik", sans-serif; line-height: 1.25em; } @media only screen and (max-width: 767px) { .comments-area .comment-metadata .author { font-size: 17px; } } .comments-area .comment-metadata .says, .comments-area .comment-metadata .comment-edit-link { color: #777; } .comments-area .children { margin-left: 108px; } @media only screen and (max-width: 1199px) { .comments-area .children { margin-left: 90px; } } @media only screen and (max-width: 992px) { .comments-area .children { margin-left: 75px; } } @media only screen and (max-width: 767px) { .comments-area .children { margin-left: 50px; } } @media only screen and (max-width: 450px) { .comments-area .children { margin-left: 30px; } } @media only screen and (max-width: 400px) { .comments-area .children { margin-left: 25px; } } .comments-area .comment-navigation { margin-bottom: 3.5em; } .comments-area .comment-navigation .nav-links .nav-previous { float: left; } .comments-area .comment-navigation .nav-links .nav-next { float: right; } .comments-area .comment-navigation .nav-links span { font-size: 18px; } .comments-area .comment-navigation .nav-links a { background-color: #232c3b; color: white; border-radius: 5px; } .comment-respond label { font-weight: 600; font-size: 16px; } .comment-respond .comment-reply-title { color: white; font-size: 24px; font-weight: 700; margin-bottom: 25px; line-height: 1.2em; margin-bottom: 30px; position: relative; border-bottom: 1px solid #282853; padding-bottom: 15px; } .comment-respond .comment-reply-title:before { position: absolute; bottom: -1px; content: ""; height: 1px; width: 100px; background-color:#3e4532; left: 0; } .comment-respond { margin: 55px 0px 0; } .comment-respond p { margin-bottom: 1em; } .comment-respond [class*="col-"] { margin-bottom: 25px; } .comment-respond textarea { min-height: 160px; max-width: 100%; } .comment-respond .form-submit { margin-bottom: 0; padding: 0 15px; } .comment-respond .comment-subscription-form { display: none; } .comment-respond .comment-form-rating { margin-bottom: 1em; } .comment-respond .form-submit { width: 100%; padding-top: 5px; } .comment-respond #submit, .comment-respond .submit { border-color: #e51681; border-radius: 0; background: #e51681; color: white; padding: 15px 45px; font-size: 16px; font-weight: bold; text-transform: uppercase; } #review_form .form-submit { padding: 0; } .no-comments { position: relative; padding: 12px 20px; padding: 0.75rem 1.25rem; margin-bottom: 16px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .comment-reply-link { padding: 8px 22px; font-size: 15px; border: 1px solid#3e4532; line-height: normal; font-weight: 600; display: inline-block; background-color: transparent; border-radius: 30px; color: white; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .comment-reply-link:hover { background:#3e4532; color: white; border-color:#3e4532; } @media only screen and (min-width: 600px) { .comment-reply-link { position: absolute; right: 0; top: -55px; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 60px; margin-left: 10px; } .widget select { width: 100%; border: 1px solid #ebebeb; padding: 0.4em 0.8em; outline: none; } .widget ul, .widget ol { margin: 0; padding: 0; list-style: none; } .widget .widget-title-area { position: relative; } .widget .widget-title { font-size: 22px; font-weight: 700; margin-bottom: 25px; position: relative; padding-bottom: 15px; } .widget .widget-title:before, .widget .widget-title:after { position: absolute; bottom: 0; content: ""; height: 2px; width: 30px; } .widget .widget-title:before { background-color:#3e4532; left: 0; } .widget .widget-title:after { background-color: #646e53; left: 30px; } .widget pre { padding: 0.5em; } .widget label { margin-bottom: 0; } .widget option { padding: 0.2em 1em; } .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea { padding: 0.5em 1em; } .widget input[type="text"]:focus, .widget input[type="email"]:focus, .widget input[type="url"]:focus, .widget input[type="password"]:focus, .widget input[type="search"]:focus, .widget textarea:focus { box-shadow: none !important; } .sidebar-items { padding-left: 30px; border-left: 1px solid #282853; } @media only screen and (max-width: 991px) { .sidebar-items { margin-top: 65px; padding-left: 0; border-left: 0px solid; } } .sidebar-items .widget { margin-bottom: 60px; } .sidebar-items .widget:last-of-type { margin-bottom: 0; } .sidebar-items .widget-title { margin-bottom: 35px; } /*-------------------------------------------------------------- # Widgets Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Popular, Latest Post, Recent Comment widget --------------------------------------------------------------*/ .widget-post-list .post { margin-bottom: 20px; background-color: transparent; box-shadow: 0 0 0px 0 transparent; border-bottom: 1px solid #282853; border-radius: 0px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget-post-list .post .post-thumb { width: 70px; height: 70px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; border-radius: 50%; overflow: hidden; } .widget-post-list .post .post-thumb:before { height: 0; width: 0; } .widget-post-list .post .post-details { padding: 0 0 0 20px; } .widget-post-list .post .post-details .entry-meta-content { margin-bottom: 0px; font-size: 14px; color: #d0e6a5; } .widget-post-list .post .post-details .entry-meta-content .entry-date { text-align: left; margin-bottom: 5px !important; display: flex; align-items: center; } .widget-post-list .post .post-details .entry-meta-content .entry-date span { margin-right: 5px; } .widget-post-list .post .entry-title { font-size: 16px; line-height: 1.4em; margin-bottom: 10px; font-weight: 700; } .widget-post-list .post:first-child { margin-top: -5px; } .widget-post-list .post:last-child { margin-bottom: 0px; padding-bottom: 0; border-bottom: 0px solid; } .widget-content img { display: block; } /*-------------------------------------------------------------- # Categories And Archive Widget --------------------------------------------------------------*/ .widget_categories ul li, .widget_archive ul li, .widget_layered_nav ul li { font-size: 16px; display: block; font-weight: normal; padding: 15px 0px; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; position: relative; overflow: hidden; border-bottom: 1px solid #282853; } .widget_categories ul li a, .widget_archive ul li a, .widget_layered_nav ul li a { display: block; overflow: hidden; } .widget_categories ul li a > span, .widget_archive ul li a > span, .widget_layered_nav ul li a > span { float: right; } .widget_categories ul li ul, .widget_archive ul li ul, .widget_layered_nav ul li ul { padding-left: 15px; } .widget_categories ul li .count, .widget_archive ul li .count, .widget_layered_nav ul li .count { float: right; color: #d0e6a5; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_layered_nav ul li a:hover { color:#3e4532; } .widget_categories ul li a:hover .count, .widget_archive ul li a:hover .count, .widget_layered_nav ul li a:hover .count { color:#3e4532; } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_layered_nav ul > li:first-child { margin-top: -5px !important; padding-top: 0px; } .widget_categories ul > li:last-child, .widget_archive ul > li:last-child, .widget_layered_nav ul > li:last-child { border-bottom: 0px solid; padding-bottom: 0; margin-bottom: -5px; } .widget_categories .bsm-select-wrapper li, .widget_archive .bsm-select-wrapper li, .widget_layered_nav .bsm-select-wrapper li { padding-top: 0 !important; margin-top: 0 !important; } .widget_categories .bsm-select-wrapper input.select-dropdown, .widget_archive .bsm-select-wrapper input.select-dropdown, .widget_layered_nav .bsm-select-wrapper input.select-dropdown { margin-bottom: 0; padding: 0 20px; box-sizing: border-box; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 30px; font-size: 14px; font-weight: 500; } .widget_categories .bsm-select-wrapper span.caret, .widget_archive .bsm-select-wrapper span.caret, .widget_layered_nav .bsm-select-wrapper span.caret { right: 15px; } .widget_categories .bsm-select-wrapper .bsm-dropdown-content li > a, .widget_categories .bsm-select-wrapper .bsm-dropdown-content li > span, .widget_archive .bsm-select-wrapper .bsm-dropdown-content li > a, .widget_archive .bsm-select-wrapper .bsm-dropdown-content li > span, .widget_layered_nav .bsm-select-wrapper .bsm-dropdown-content li > a, .widget_layered_nav .bsm-select-wrapper .bsm-dropdown-content li > span { font-size: 14px; color: inherit; display: block; line-height: 30px; padding: 10px 16px; } .widget_text .bsm-select-wrapper li { padding-top: 0 !important; margin-top: 0 !important; } .widget_text .bsm-select-wrapper input.select-dropdown { margin-bottom: 0; padding: 0 20px; box-sizing: border-box; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 30px; font-size: 14px; font-weight: 500; } .widget_text .bsm-select-wrapper span.caret { right: 15px; } .widget_text .bsm-select-wrapper .bsm-dropdown-content li > a, .widget_text .bsm-select-wrapper .bsm-dropdown-content li > span { font-size: 14px; color: inherit; display: block; line-height: 30px; padding: 10px 16px; } /*------------------------------------------------------------------------ # Links, Meta, NavMenu, Pages, Recent Comment, Recent Entries Widget -------------------------------------------------------------------------*/ .widget_links a, .widget_meta a, .widget_nav_menu .menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a, .widget_product_categories a { border: 0; } .widget_nav_menu .menu a .fa { display: none; } .widget_links, .widget_meta, .widget_nav_menu, .widget_pages, .widget_recent_comments, .widget_recent_entries, .widget_product_categories { font-size: 16px; } .widget_links a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a, .widget_product_categories a { border: 0; text-decoration: none; position: relative; display: block; padding-left: 20px; } .widget_links a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before, .widget_recent_comments a:before, .widget_recent_entries a:before, .widget_product_categories a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; position: absolute; font-weight: 700; left: 0; top: 0; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; font-size: 14px; } .widget_links a:hover, .widget_links a:focus, .widget_meta a:hover, .widget_meta a:focus, .widget_nav_menu a:hover, .widget_nav_menu a:focus, .widget_pages a:hover, .widget_pages a:focus, .widget_recent_comments a:hover, .widget_recent_comments a:focus, .widget_recent_entries a:hover, .widget_recent_entries a:focus, .widget_product_categories a:hover, .widget_product_categories a:focus { color:#3e4532; } .widget_links a:hover:before, .widget_links a:focus:before, .widget_meta a:hover:before, .widget_meta a:focus:before, .widget_nav_menu a:hover:before, .widget_nav_menu a:focus:before, .widget_pages a:hover:before, .widget_pages a:focus:before, .widget_recent_comments a:hover:before, .widget_recent_comments a:focus:before, .widget_recent_entries a:hover:before, .widget_recent_entries a:focus:before, .widget_product_categories a:hover:before, .widget_product_categories a:focus:before { padding-left: 5px; } .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_product_categories ul { list-style: none; margin: 0; } .widget_links ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_product_categories ul li { padding: 9px 0; border-bottom: 0 none; line-height: 1.3em; } .widget_links > ul, .widget_meta > ul, .widget_nav_menu > ul, .widget_pages > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_product_categories > ul { position: relative; } .widget_links ul > li:first-child, .widget_meta ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_pages ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child { margin-top: 0; padding-top: 5px; border-top: 0 none; } .widget_links ul > li:last-child, .widget_meta ul > li:last-child, .widget_nav_menu ul > li:last-child, .widget_pages ul > li:last-child, .widget_recent_comments ul > li:last-child, .widget_recent_entries ul > li:last-child, .widget_product_categories ul > li:last-child { padding-bottom: 0px; margin-bottom: 0px; } .widget .menu { position: relative; } .widget .menu > li:first-child { border-top: 0 none; padding-top: 0; } .widget .menu .sub-menu { box-shadow: 0 0 0 transparent; } .widget_payment .payment-barcode-area { display: flex; justify-content: flex-start; padding-top: 5px; } .widget_payment .payment-barcode-area .payment-accepted { padding-right: 15px; } .widget_payment .payment-barcode-area .payment-accepted > .title { font-size: 18px; font-weight: 700; } .widget_nav_menu .sub-menu, .widget_pages .children { border: 0; margin: 0 0 0 1em; } .widget_recent_entries .post-date { display: block; } /*-------------------------------------------------------------- # Instafeed Widget --------------------------------------------------------------*/ .bt-socail-widget .widget-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bt-socail-widget .widget-content > .bt-socail-profile { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; text-align: center; padding: 0.5px; -webkit-transition: all 0.25s; transition: all 0.25s; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon { display: block; color: white; min-height: 80px; padding: 13px 5px; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-facebook-icon { background-color: #39579A; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-google-plus-icon { background-color: #D94830; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-twitter-icon { background-color: #0C9EF5; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-youtube-icon { background-color: #E21C00; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-instagram-icon { background-color: #4E54D3; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-vimeo-icon { background-color: #1AB1F0; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-pinterest-icon { background-color: #B00000; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon.bt-soundcloud-icon { background-color: #FF8800; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon > span { display: block; line-height: 15px; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon .social-icon { line-height: 15px; margin-bottom: 8px; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon .bt-count { font-weight: 600; font-size: 12px; } .bt-socail-widget .widget-content > .bt-socail-profile > .icon .bt-media-type { font-size: 11px; } .bt-socail-widget .widget-content > .bt-socail-profile:hover { } /*-------------------------------------------------------------- # Instafeed Widget --------------------------------------------------------------*/ .bt-instafeed-widget { position: relative; } .bt-instafeed-widget .instafeed-heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 50%; position: absolute; top: 50%; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .bt-instafeed-widget .instafeed-heading .heading { background-color: #283A60; text-align: center; padding: 13px 30px 17px; border-radius: 15px; } .bt-instafeed-widget .instafeed-heading .heading h4 { margin-bottom: 0px; font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 1.9em; color: white; } .bt-instafeed-widget .instafeed-heading .heading h4 span { display: block; font-size: 24px; text-transform: none; } .bt-instafeed-widget #instafeed-sidebar, .bt-instafeed-widget #instafeed { overflow: hidden; padding-left: 0px; margin-bottom: 0px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bt-instafeed-widget #instafeed-sidebar > .feed-item, .bt-instafeed-widget #instafeed > .feed-item { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } @media only screen and (max-width: 991px) { .bt-instafeed-widget #instafeed-sidebar > .feed-item, .bt-instafeed-widget #instafeed > .feed-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .bt-instafeed-widget #instafeed-sidebar > .feed-item a, .bt-instafeed-widget #instafeed > .feed-item a { display: block; } .bt-instafeed-widget #instafeed-sidebar > .feed-item img, .bt-instafeed-widget #instafeed > .feed-item img { width: 100%; -webkit-transition: all 0.25s; transition: all 0.25s; } .bt-instafeed-widget #instafeed-sidebar > .feed-item:hover img, .bt-instafeed-widget #instafeed > .feed-item:hover img { } /*-------------------------------------------------------------- # About Widget --------------------------------------------------------------*/ .widget_about { padding-right: 15px; } @media only screen and (max-width: 1199px) { .widget_about { padding-right: 0; } } .widget .contact-info { display: flex; justify-content: flex-start; padding-top: 10px; } .widget .contact-info:last-child { padding-bottom: 0; } .widget .contact-info p { line-height: 1.45em; } .widget .contact-info .icon { font-size: 20px; color:#3e4532; min-width: 30px; position: relative; top: 2px; } /*-------------------------------------------------------------- # Business Hours Widget --------------------------------------------------------------*/ .widget-business-hours .widget-content > h4 { color: #293b5f; font-size: 14px; font-weight: 600; margin-bottom: 15px; } .widget-business-hours .widget-content > ul { font-size: 15px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .widget-business-hours .widget-content > ul { font-size: 14px; } } .widget-business-hours .widget-content > ul li { margin: 15px 0; overflow: hidden; } @media only screen and (max-width: 767px) { .widget-business-hours .widget-content > ul li { margin: 10px 0; } } .widget-business-hours .widget-content > ul li > span { float: right; display: inline-block; padding-left: 15px; } /*-------------------------------------------------------------- # Subscribe Widget --------------------------------------------------------------*/ .subscribe_widget { background-color: white; padding: 30px 35px 40px; position: relative; overflow: hidden; } @media only screen and (max-width: 575px) { .subscribe_widget { padding: 30px 20px 40px; } } .subscribe_widget:before { position: absolute; content: "\f1d8"; right: 30px; font-family: "Font Awesome 5 Free"; top: 10px; font-size: 130px; font-weight: 400; line-height: 1em; -webkit-transform: rotate(15deg); transform: rotate(15deg); color: white; opacity: 0.03; } .subscribe_widget .title { font-size: 24px; line-height: 1.15em; margin-bottom: 35px; } .subscribe_widget .title > span { display: block; font-size: 16px; color: #bab8b8; font-weight: normal; font-style: italic; } .subscribe_widget :-moz-placeholder { } .subscribe_widget ::-moz-placeholder { } .subscribe_widget :-ms-input-placeholder { } .subscribe_widget .subscribe-form { font-size: 15px; } @media only screen and (max-width: 767px) { .subscribe_widget .subscribe-form { font-size: 14px; } } .subscribe_widget .subscribe-form .form-group { margin-bottom: 0px; position: relative; } .subscribe_widget .subscribe-form .form-group input[type="email"] { background-color: transparent; border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; border-bottom: 1px solid #282853; padding: 0 0 10px !important; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe_widget .subscribe-form .form-group input[type="email"] { width: 70%; } } .subscribe_widget .subscribe-form .form-group input[type="email"]:focus { color: white; border-bottom-color:#3e4532; } .subscribe_widget .subscribe-form .form-group .btn.btn-send { position: absolute; right: 0; top: 7px; color:#3e4532; background-color: transparent; font-size: 18px; padding: 0; } /*-------------------------------------------------------------- # RSS Widget --------------------------------------------------------------*/ .widget_rss ul { list-style: none; margin: 0; } .widget_rss ul:last-child { margin-bottom: 0; } .widget_rss li { margin-bottom: 1.6em; padding-bottom: 25px; } .widget_rss li:last-child { margin-bottom: 0; } .widget_rss li .rssSummary { margin: 5px 0; line-height: 1.75em; } .widget_rss .rsswidget { border: 0; font-weight: 700; } .widget_rss .rsswidget img { margin-top: -4px; } .widget_rss .rss-date, .widget_rss cite { font-size: 0.8em; font-style: normal; display: block; line-height: 2; } .widget_rss > p { position: relative; } #wp-calendar caption { font-weight: 600; } #wp-calendar td, #wp-calendar th { padding: 8px; text-align: center; border: 1px solid #ddd; } /*-------------------------------------------------------------- # Search Widget --------------------------------------------------------------*/ .widget_search .input-group, .widget_product_search .input-group { position: relative; } .widget_search .input-group .form-controller, .widget_product_search .input-group .form-controller { display: table-cell; padding: 5px 15px; margin-bottom: 0; font-size: 16px; border-radius: 0px; border: 1px solid #282853; background-color: transparent; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1); height: 50px; outline: none; } .widget_search .input-group .form-controller:focus, .widget_product_search .input-group .form-controller:focus { border-color:#3e4532; } .widget_search button, .widget_search input[type="button"], .widget_search input[type="reset"], .widget_search input[type="submit"], .widget_product_search button, .widget_product_search input[type="button"], .widget_product_search input[type="reset"], .widget_product_search input[type="submit"] { border: 0px solid; background-color: transparent; position: absolute; right: 10px; top: 50%; font-size: 16px; color: white; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .widget_search button:hover, .widget_search input[type="button"]:hover, .widget_search input[type="reset"]:hover, .widget_search input[type="submit"]:hover, .widget_product_search button:hover, .widget_product_search input[type="button"]:hover, .widget_product_search input[type="reset"]:hover, .widget_product_search input[type="submit"]:hover { color:#3e4532; } .tagcloud { margin-bottom: -10px; } .tagcloud a { padding: 10px 18px; font-size: 16px; display: inline-block; margin-right: 5px; margin-bottom: 10px; font-weight: normal; border-radius: 30px; border: 1px solid #282853; } @media only screen and (max-width: 1199px) { .tagcloud a { padding: 10px 15px; font-size: 15px; } } .tagcloud a:hover { background-color:#3e4532; color: white; border-color:#3e4532; } .widget_gallery .gallery-content img { width: 100%; margin-bottom: 30px; } /*-------------------------------------------------------------- # Footer Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer-block --------------------------------------------------------------*/ .site-footer { border-top: 3px solid#3e4532; } .site-footer .footer-widget-area { margin-top: -7px; margin-bottom: 5px; } .site-footer .footer-widget-area .row > [class='col-lg-4'] { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } @media only screen and (max-width: 991px) { .site-footer .footer-widget-area .row > [class='col-lg-4'] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .site-footer .footer-widget-area .row > [class='col-lg-2'] { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media only screen and (max-width: 991px) { .site-footer .footer-widget-area .row > [class='col-lg-2'] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .copyright-text { margin-bottom: 0; } .copyright-text > p { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .copyright-text a { display: inline-block; padding-left: 5px; color:#3e4532; } .copyright-text a:hover { color: #eaad11; } .footer-bottom-area { border-top: 1px solid #282853; padding: 20px 0; } @media only screen and (max-width: 991px) { .footer-bottom-area { padding: 20px 0; } } @media only screen and (max-width: 480px) { .footer-bottom-area { font-size: 15px; } } /*Table*/ .custom--table { table-layout: fixed; width: 100%; margin: 0; } .custom--table tbody tr { border: 1px solid #004408;; } .custom--table tbody tr:hover { background-color: #d0e6a5; } .auction-list-row:hover { background-color: #d0e6a5; } .custom--table .thead-dark th { background: #646e53; color: #d0e6a5; border-color: #a4b38a; vertical-align: middle; } .custom--table tr th { font-weight: 400; } .custom--table tr td, .custom--table tr th { text-align: center; font-size: 14px; padding: 10px 5px; border: 1px solid #d0e6a5; vertical-align: middle; overflow-wrap: break-word; } @media (min-width: 768px) and (max-width: 991px) { .custom--table tr td, .custom--table tr th { font-size: 12px; line-height: 1.3; } .custom--table tr td i, .custom--table tr th i { font-size: 16px; } } .custom--table tr td i, .custom--table tr th i { font-size: 18px; } .custom--table tr th { color: #0E0D35 ; } .custom--table tr td .badge { font-weight: 500; } @media (max-width: 991px) { .custom--table thead { display: none; } .custom--table tbody tr { display: block; } .custom--table tbody tr td { padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; } .custom--table tbody tr td:before { content: attr(data-label); margin-right: auto; } } /*End table*/ .custom--table-simple tbody tr td { padding: 10px; justify-content: space-between; align-items: center; border-color: #a4b38a; } /* Custom file upload*/ .custom--file-upload { line-height: 35px; } .custom--file-upload ~ label { position: absolute; top: 0; width: 113px; height: 50px; font-size: 14px; display: flex; justify-content: center; align-items: center; background-color: #ec0b0b; color: #fff; border-radius: 5px 0 0 5px; } .pagination { margin-top: 15px; display: ruby-text; } .pagination .page-item { text-align: center; padding: 3px; } .pagination .page-item a, .pagination .page-item span { width: 40px; height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #646e53; color: #d0e6a5; padding: 0; line-height: 40px; display: block; margin: 0; border: 1px solid #3e4532; margin: 0; font-size: 18px; } .page-item.active .page-link { color: #99dd3b; background:#3e4532; border: 1px solid #99dd3b; } .pagination .page-item a span, .pagination .page-item span span { border: none; } .pagination .page-item a.active, .pagination .page-item a:hover, .pagination .page-item span.active, .pagination .page-item span:hover { background:#3e4532; color: #99dd3b; box-shadow: 0px 0px 18px #3e4532; } .pagination .page-item.disabled span { background: rgba(46, 134, 222, 0.3); border: none; color: #fff; } .bg-white-smoke .single-auction-cat { background: #0a1227; } .social-icons { display: flex; flex-wrap: wrap; justify-content: center; margin: -3px; padding: 0; } .social-icons li { padding: 3px; list-style: none; } .social-icons li a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .social-icons li a i { color: #fff; } .social-icons li a:hover { background:#3e4532; } .social-icons li a:hover i { color: #fff; } .footer-bottom .copyright { padding: 5px; max-width: 600px; } @media (max-width: 575px) { .footer-bottom { text-align: center; } .footer-bottom .social-icons, .footer-bottom .copyright { width: 100%; justify-content: center; } } .footer-bottom { border-top: 1px solid #004408; } .langSel{ border: 1px solid rgb(255 255 255 / 30%) !important; height: 25px !important; padding: 0 10px !important; border-radius: 2px !important; font-size: 20px; font-weight: bold; } .post .entry-title a { -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; } /* profile section css start */ .profile-thumb { position: relative; width: 11.25rem; height: 11.25rem; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; display: inline-flex; } .profile-thumb .profilePicPreview { width: 11.25rem; height: 11.25rem; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; display: block; border: 3px solid#3e4532; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); background-size: cover; background-position: center; } .profile-thumb .profilePicUpload { font-size: 0; opacity: 0; } .profile-thumb .avatar-edit { position: absolute; right: 35%; bottom: -30px; } .profile-thumb .avatar-edit input { width: 0; } .profile-thumb .avatar-edit label { width: 45px; height: 45px; background-color:#3e4532; border-radius: 50%; text-align: center; line-height: 45px; border: 2px solid #ffffff; font-size: 18px; cursor: pointer; color: #d0e6a5; } .thumb .avatar-edit label { color: #d0e6a5; } /* profile section css end */ .custom-box-shadow { padding: 10px; background-color: #f0f0f0; } .info-btn { width: 30px !important; height: 30px !important; padding: 0 !important; line-height: 30px !important; border-radius: 2px !important; } /* boostrap overwrite !!!!!!!!!!!!!!!!!!!!! */ .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { padding-right: 10px; padding-left: 10px; } .form-control { padding: .375rem .5rem; } .row{ margin-right: 5px; margin-left: 5px; } /* from custom.css */ @media(max-width:320px){ .auction-item-details .item-bid-price-time .bid-timer { font-size:15px !important; } .auction-item .heading { font-size: 11px; margin-bottom: 5px; } } .modal { z-index: 10000; } .cookie-policy { background: #3e4532; color: #fff; padding: 1px; font-size: 10px; position: fixed; bottom: 0; width: 100%; z-index: 999; } .cookie-policy a{ background: #3e4532; color: #fff; } .cookie-policy a:hover{ color: #d0e6a5; } .cookie-policy button { text-decoration: none; background: #3e4532; color: #99dd3b; border: 1px solid #000; cursor: pointer; padding: 4px 7px; margin: 2px 0; font-size: 13px; font-weight: 700; transition: background 0.07s, color 0.07s, border-color 0.07s; width: 220px; } .cookie-policy button:hover { background: #646e53; color: #d0e6a5; } .cookie-wrapper { margin: 0 auto; display: flex; align-items: center; justify-content: center; } .cookie-wrapper .cmn--btn { font-size: 12px; } /* maenmenu.mini.css */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background-color: #3e4532; padding: 1px 0; min-height: 30; z-index: 999; height: 50px; } .mean-container a.meanmenu-reveal { color: #99dd3b; width: 100px; padding: 15px 0px 10px; position: absolute; top: 0; right: 0; font-size: 20px; line-height: 22px; display: block !important; -webkit-transition: all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; text-align: center; } .mean-container a.meanmenu-home { color: #99dd3b; font-size: 20px; padding: 15px 0px 10px; float: left; margin-left: 10px; } .mean-container .mean-nav { float: left; width: 100%; background: #ffffff; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; text-align: center; font-size: 20px; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; background-color: #d0e6a5; } .mean-container .mean-nav ul li .submenu { background-color: #a4b38a; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 10px 3%; text-align: left; border-top: 1px solid #99dd3b; } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0px solid; } .mean-container .mean-nav ul li li a { padding: 10px 5%; border-top: 1px solid #3e4532; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a.mean-expand { color: #000004; width: 100px; height: 20px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; font-weight: 700; border: 1px solid; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: content-box; } .mean-remove { display: none !important; } /*Mobile menu style*/ .mobile-menu{ position: relative; } .mobile-logo { position: absolute; top: 14px; z-index: 999; left: 0; height: 100%; display: block; width: 50%; } .maps { width: 100%; height: 700px; border: 1px #3e4532; padding-right: 10px; padding-left: 10px; } .maps-item { border-radius: 10px; overflow: hidden; position: relative; margin: 0px; background-color: #FFFFFA; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; border: 1px solid #3e4532; } .maps-item:hover { box-shadow: 0px 0px 20px #3e4532; } .maps-show-button { background-color:#3e4532; color: #d0e6a5; margin: 10px; float: right; } .maps-show-button:hover { background-color:#646e53; color: #99dd3b; } .modal-header { background-color: #3e4532; color: #99dd3b; } .modal-header button { background-color: #3e4532; } .modal-header button i { color: #99dd3b; } .modal-bid-now, .modal-info { display: flex; flex-direction: column; /* Ustawienie kierunku flex na kolumnę */ align-items: center; /* Wyrównanie elementów do środka w poziomie */ justify-content: center; /* Wyrównanie elementów do środka w pionie */ padding: 1rem; } .modal-bid-now-cell { display: table-cell; padding: 5px; vertical-align: middle; } .modal-bid-now-container input { width: 120px; /* Ustawienie szerokości inputa na 200px */ margin: 0 0.5rem; /* Odstęp między inputem a innymi elementami */ } .text-base_color3 { font-size: 20px; margin-top: 5px; color: #99dd3b !important; } span.table-cell-33 { display: table-cell; width: 33%; padding: 5px; vertical-align: middle; } .thumb img { width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center; border: 2px solid #ffffff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .small_button { width: 45px; border: 1px solid #ccc; border-radius: 5px; font-size: 24px; } .amount-form-width{ width: 100px; } /*-------------------------------------------------------------- overwrite bootstrap --------------------------------------------------------------*/ /* !!!!!! 4 columns !!!!!! */ .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; min-width: 260px; } @media only screen and (min-width: 1367px) { .container { max-width: 1230px; } } @media (min-width: 1200px) { .container { max-width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 1199px) { .items-two-1199 [class*='col-'] { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .container { max-width: 100%; } } @media (min-width: 768px) { .container { max-width: 100%; } } @media (min-width: 576px) { .container { max-width: 100%; } } @media only screen and (max-width: 575px) { .container { max-width: 100%; } .col-lg-4 { -ms-flex: initial; flex: initial; max-width: none; } } /*-------------------------------------------------------------- --------------------------------------------------------------*/ .about-image-content img { display: block; margin: 0 auto; } @media (max-width:991px) { .about-image-content img { display: none; } .faqs-block .faq-thumb img{ display: none; } .section-title { text-align: center; } } /*-------------------------------------------------------------- newsletter --------------------------------------------------------------*/ .newsletter { display: flex; /* Umożliwia układ w kolumnach */ justify-content: space-between; /* Rozdziela kolumny */ margin: 20px; /* Margines wokół newslettera */ } .emailFormText { flex: 1; /* Pierwsza kolumna zajmuje 1 część */ margin-right: 20px; /* Odstęp między kolumnami */ } .newsletterContent { flex: 1; /* Druga kolumna zajmuje 1 część */ display: flex; /* Umożliwia układ w kolumnie dla newsletterEmailForm i newsletterResponse */ flex-direction: column; /* Ustawia kierunek kolumny */ } .newsletterEmailForm { margin-bottom: 10px; /* Odstęp między formularzem a odpowiedzią */ } .newsletterFormGroup { display: flex; /* Umożliwia układ w linii */ align-items: center; /* Wyrównuje elementy w pionie */ width: 100%; /* Umożliwia pełne wykorzystanie dostępnej szerokości */ } @media (max-width: 768px) { .newsletterFormGroup { display: block; } .newsletterFormGroup input, .newsletterFormGroup button { margin-bottom: 10px; } } .form-controller { flex: 1; /* Input zajmuje całą dostępną przestrzeń */ padding: 10px; /* Padding wewnętrzny */ margin-right: 10px; /* Odstęp między inputem a przyciskiem */ min-width: 150px; /* Umożliwia, aby input mógł się rozciągać */ } .newsletterResponse { color: green; /* Kolor tekstu odpowiedzi */ } #fullscreen-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; overflow: auto; z-index: 10001; } #fullscreen-image { width: 100%; height: 100%; z-index: 10002; } .tooltip { z-index: 10001 !important; } /* carousel - naprawia animacje */ .owl-carousel .owl-item { -webkit-backface-visibility: visible; backface-visibility: visible; } .banner-top .item img { width: 100%; display: block; height: 200px; } .banner-top .item { background: #fff; text-align: center; }