@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); html { font-size: 100%; } body { background-color: white; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5em; color: #000000; text-transform: capitalize; } @media only screen and (max-width: 1199px) { body { font-size: 15px; } } /*------------------------------------------------- [ ## Heading ] */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Barlow Condensed", sans-serif; font-weight: 800; -webkit-font-smoothing: antialiased; } 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; } .section-heading { text-align: center; font-size: 24px; font-weight: 800; margin-top: 0; position: relative; } .small-title { background-color: #f9f9f9; border: 1px solid #dddddd; padding: 17px 30px; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .small-title { padding: 15px; } } .small-title .heading { font-size: 18px; margin-bottom: 0; } .section-title { position: relative; margin-bottom: 40px; margin-top: -3px; } @media only screen and (max-width: 1199px) { .section-title { margin-bottom: 30px; } } .section-title .title-sub { text-transform: uppercase; font-size: 14px; font-weight: 500; margin-bottom: 10px; color: #ef2825; } @media only screen and (max-width: 1199px) { .section-title .title-sub { font-size: 13px; margin-bottom: 7px; } } .section-title .title-main { font-weight: 700; font-size: 60px; position: relative; z-index: 2; line-height: 1.0em; color: black; } @media only screen and (max-width: 1199px) { .section-title .title-main { font-size: 36px; } } @media only screen and (max-width: 767px) { .section-title .title-main { font-size: 32px; } } @media only screen and (max-width: 480px) { .section-title .title-main { font-size: 28px; } } .section-title .divider { color: #ffa424; font-size: 14px; } .section-title .divider > span { display: inline-block; margin: 0 2px; } @media only screen and (max-width: 991px) { .section-title.text-right { text-align: left !important; } } .section-title.text-center { margin-bottom: 55px; } .section-title.text-center .title-main { margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .section-title.text-center { margin-bottom: 45px; } .section-title.text-center .title-main { margin-bottom: 10px; } } @media only screen and (max-width: 575px) { .section-title.text-center { margin-bottom: 35px; } } .section-title.text-white { color: white; } .section-title.text-white .title-sub { color: #e5daff; } .section-title.text-white .title-main { color: white; } /*------------------------------------------------- [ ## Others Typography ] */ p { margin-bottom: 1.3em; line-height: 1.75em; font-family: arial; } 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 #646363; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } pre { background: #f9f9f9; 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; } @media screen and (max-width: 767px) { .mrt-100 { margin-top: 90px; } } @media screen and (max-width: 480px) { .mrt-100 { margin-top: 80px; } } .mrb-100 { margin-bottom: 100px; } @media screen and (max-width: 767px) { .mrb-100 { margin-bottom: 90px; } } @media screen and (max-width: 480px) { .mrb-100 { margin-bottom: 80px; } } .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; } .mrb-145 { margin-bottom: 145px; } .mrt-150 { margin-top: 150px; } .mrt-200 { margin-top: 200px; } .mrb-150 { margin-bottom: 150px; } .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; } /* 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-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-60 { margin-bottom: -60px; } .ml-b-75 { margin-bottom: -75px; } .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: 1366px) { .mrb-185, .mrb-190, .mrb-195, .mrb-200 { margin-bottom: 150px; } .mrb-170 { margin-bottom: 120px; } .mrt-200 { margin-top: 150px; } } @media only screen and (max-width: 1199px) { .mrb-185, .mrb-185, .mrb-190, .mrb-195, .mrb-200 { margin-bottom: 100px; } .mrt-200 { margin-top: 100px; } .mrb-170 { margin-bottom: 70px; } } @media only screen and (max-width: 991px) { .mrb-md-55 { margin-bottom: 55px; } .mrb-md-60 { margin-bottom: 60px; } .mrt-md-55 { margin-top: 55px; } .mrt-md-60 { margin-top: 60px; } } @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; } .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; } .ptb-100 { padding: 100px 0; } @media screen and (max-width: 767px) { .ptb-100 { padding: 90px 0; } } @media screen and (max-width: 480px) { .ptb-100 { padding: 80px 0; } } .pd-t-100 { padding-top: 100px; } @media screen and (max-width: 767px) { .pd-t-100 { padding-top: 90px; } } @media screen and (max-width: 480px) { .pd-t-100 { padding-top: 80px; } } .pd-b-100 { padding-bottom: 100px; } @media screen and (max-width: 767px) { .pd-b-100 { padding-bottom: 90px; } } @media screen and (max-width: 480px) { .pd-b-100 { padding-bottom: 80px; } } .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; } .pd-b-120 { padding-bottom: 120px; } .pd-l-120 { padding-left: 120px; } .pd-r-120 { padding-right: 120px; } .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; } .pd-b-150 { padding-bottom: 150px; } .pd-l-150 { padding-left: 150px; } .pd-r-150 { padding-right: 150px; } .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: #f6f6f6; } .color-zumthor { color: #eaf1ff; } .color-white-smoke { color: #f9f9f9; } .color-gainsboro { color: #dddddd; } .color-silver { color: #c3c3c3; } .color-dim-gray { color: #646363; } .color-dim-gray-im { color: #646363 !important; } .color-gray { color: #767676; } .color-suva-grey { color: #919191; } .color-matterhorn { color: #4d4d4d; } .color-night-rider { color: #2d2d2d; } .color-eclipse { color: #3c3c3c; } .color-blue-violet { color: #1d0176; } .color-medium-slate-blue { color: #8655f4; } .color-soft-nero { color: #2a2a2a; } .color-nero { color: #191919; } .color-black { color: black; } .color-hr-dv-orange { color: #eb5100; } .color-deep-cerise { color: #a0006d; } .color-zinnwaldite { color: #eabeab; } .color-silver-tree { color: #53b596; } .color-medium-purple { color: #9566d6; } .color-curious-blue { color: #2aabe2; } /*------------------------------------------------- [ ## Background Element ] */ .bg-main { background-color: #ef2825; } .bg-white { background: white; } .bg-snow { background: #f6f6f6; } .bg-zumthor { background-color: #eaf1ff; } .bg-lavender { background: #eeedfd; } .bg-white-smoke { background: #f9f9f9; } .bg-gainsboro { background: #dddddd; } .bg-silver { background: #c3c3c3; } .bg-dim-gray { background: #646363; } .bg-gray { background: #767676; } .bg-suva-grey { background: #919191; } .bg-green { background-color: #4a9f29; } .bg-matterhorn { background-color: #4d4d4d; } .bg-golden { background-color: #eaad11; } .bg-turquoise { background-color: #21a8eb; } .bg-night-rider { background: #2d2d2d; } .bg-eclipse { background: #3c3c3c; } .bg-blue-violet { background-color: #1d0176; } .bg-medium-slate-blue { background: #8655f4; } .bg-soft-nero { background: #2a2a2a; } .bg-nero { background: #191919; } .bg-soft-black { background: #121212; } .bg-black { background: black; } .bg-hr-dv-orange { background-color: #eb5100; } .bg-deep-cerise { background: #a0006d; } .bg-black-russian { background: #12141c; } .bg-black-russian-2 { background: #27282b; } .bg-black-russian-3 { background: #13152e; } .bg-midnight-express { background: #151415; } .bg-zinnwaldite { background-color: #eabeab; } .bg-silver-tree { background-color: #53b596; } .bg-medium-purple { background-color: #9566d6; } .bg-curious-blue { background-color: #2aabe2; } /*------------------------------------------------- [ ## Extra Background ] */ .bar-blue-violet .swiper-scrollbar-drag { background: #1d0176; } /*------------------------------------------------- [ ## SVG Fill ] */ .svg-white path { fill: white; } .svg-snow path { fill: #f6f6f6; } .svg-white-smoke path { fill: #f9f9f9; } .svg-gainsboro path { fill: #dddddd; } .svg-silver path { fill: #c3c3c3; } .svg-dim-gray path { fill: #646363; } .svg-gray path { fill: #767676; } .svg-suva-grey path { fill: #919191; } .svg-matterhorn path { fill: #4d4d4d; } .svg-night-rider path { fill: #2d2d2d; } .svg-eclipse path { fill: #3c3c3c; } .svg-blue-violet path { fill: #1d0176; } .svg-soft-nero path { fill: #2a2a2a; } .svg-nero path { fill: #191919; } .svg-soft-black path { fill: #121212; } .svg-black path { fill: black; } /*------------------------------------------------- [ ## Social Element ] */ .fb-color { color: #3b5998; } .fb-bg { background: #3b5998; } .tw-color { color: #1da1f2; } .tw-bg { background: #1da1f2; } .yt-color { color: #ff0000; } .yt-bg { background: #ff0000; } .in-color { color: #c32aa3; } .in-bg { background: #c32aa3; } .pin-color { color: #bd081c; } .pin-bg { background: #bd081c; } .lid-color { color: #007bb5; } .lid-bg { background: #007bb5; } .gplus-color { color: #db4437; } .gplus-bg { background: #db4437; } .drib-color { color: #ea4c89; } .drib-bg { background: #ea4c89; } .drib-color { color: #ea4c89; } .drib-bg { background: #ea4c89; } .dbart-color { color: #05cc47; } .dbart-bg { background: #05cc47; } .bh-color { color: #053eff; } .bh-bg { background: #053eff; } /*------------------------------------------------- [ ## Overlay Element ] */ .bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .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-gradient { position: relative; } .bg-overlay-gradient:before { background-image: linear-gradient(-45deg, #1d0176, #a0006d); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; opacity: 0.88; } .bg-overlay-gradient > div { position: relative; z-index: 2; } .bg-overlay { position: relative; } .bg-overlay:before { content: ""; position: absolute; background-color: #1d0176; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0.5; } .bg-overlay > div { position: relative; z-index: 2; } .bg-overlay-violet { position: relative; } .bg-overlay-violet:before { content: ""; position: absolute; background-color: #1d0176; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0.7; } /*------------------------------------------------- [ ## Border Element ] */ .bd-t-soft-nero { border-top: 1px solid #2a2a2a; } .bd-t-white-20 { border-top: 1px solid rgba(255, 255, 255, 0.2); } /*------------------------------------------------- [ ## Border Extra Elements ] */ .heading-divider span { width: 13px; height: 13px; border: 3px solid #eb5100; display: inline-block; position: relative; transform: rotate(45deg); } .title-border { position: relative; text-align: center; } .title-border .small-border { width: 7px; height: 4px; display: inline-block; margin: 0 2px; } .title-border .large-border { height: 4px; display: inline-block; width: 45px; margin: 0 2px; } .vertical-divider { width: 2px; height: 65px; background: #eb5100; } .horizontal-divider { width: 65px; height: 2px; background: #eb5100; } /*-------------------------------------------------------------- # Radius Element --------------------------------------------------------------*/ .rd-0 { border-radius: 0; } .rd-5 { border-radius: 5px; } .rd-10 { border-radius: 10px; } .rd-15 { border-radius: 15px; } .rd-30 { border-radius: 30px; } .rd-30-im { border-radius: 30px !important; } .rd-45 { border-radius: 45px; } .rd-p-50 { border-radius: 50%; } .rd-p-100 { border-radius: 100%; } /*------------------------------------------------- [ ## 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; } /*------------------------------------------------- [ ## Search ] */ .search-wrap { position: relative; margin-right: 5px; top: 2px; } .search-wrap .search-btn { cursor: pointer; font-size: 18px; text-align: right; color: black; -webkit-transition: all 0.35s; transition: all 0.35s; min-width: 20px; } .search-wrap .search-btn:hover { color: #ef2825; } .search-wrap .search-form { background-color: white; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.15); display: none; height: 70px; padding: 10px; position: absolute; right: 0; text-align: right; top: calc(100% + 37px); width: 450px; z-index: 99; } @media only screen and (max-width: 1199px) { .search-wrap .search-form { top: calc(100% + 22px); } } @media only screen and (max-width: 575px) { .search-wrap .search-form { width: 260px; right: -25px; } } .search-wrap .search-form input[type="search"] { border: 1px solid #e6e6e6; float: left; height: 50px; line-height: 50px; padding: 0 25px; width: 85%; } .search-wrap .search-form button, .search-wrap .search-form input[type="button"], .search-wrap .search-form input[type="reset"], .search-wrap .search-form input[type="submit"] { background-color: #ef2825; border: 0 solid; float: left; height: 50px; width: 15%; color: white; font-size: 20px; -webkit-transition: all 0.2s; transition: all 0.2s; } .search-wrap .search-form button:hover, .search-wrap .search-form input[type="button"]:hover, .search-wrap .search-form input[type="reset"]:hover, .search-wrap .search-form input[type="submit"]:hover { opacity: 0.8; } .social-share { padding-left: 0; margin: 0 -3px; } .social-share > li { display: inline-block; margin: 3px 3px 5px; } .social-share > li > a { background-color: #ef2825; border-radius: 50%; color: #fff; display: inline-block; height: 40px; line-height: 42px; text-align: center; width: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; } .social-share > li > a.facebook { background-color: #4460A1; } .social-share > li > a.google-plus { background-color: #E1533D; } .social-share > li > a.twitter { background-color: #5AB1F2; } .social-share > li > a.youtube { background-color: #C8191A; } .social-share > li > a.instagram { background-color: #095C91; } .social-share > li > a:hover { opacity: 0.8; background-color: #1d0176 !important; } /* [ ## User Registration ] */ .user-registration-area { position: relative; } .user-registration-area .user-reg-btn { font-size: 14px; font-weight: 600; text-align: center; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0px solid; background-color: transparent; } .user-registration-area .user-reg-btn .icon { font-size: 20px; margin-right: 10px; } .form-content-password { display: none; } .form-content-password.show { display: block; } .form-content-signin.hidden { display: none; } .user-register-area { position: absolute; top: calc(100% + 25px); min-width: 320px; background-color: white; right: 0; z-index: -9; border-top: 3px solid #ef2825; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; visibility: hidden; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { .user-register-area { min-width: 290px; } } .user-register-area:before { border-color: transparent transparent #ef2825; border-style: solid; border-width: 11px 7px; content: ""; right: 25px; position: absolute; top: -25px; z-index: 1; } @media only screen and (max-width: 1199px) { .user-register-area:before { right: 7px; top: -23px; } } .user-register-area:after { position: absolute; top: -15px; left: 0px; content: ""; width: 100%; height: 15px; } .user-register-area .reg-others-midea { margin-top: 30px; } .user-register-area .reg-others-midea .text { color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .user-register-area .reg-others-midea .social-share { margin-bottom: 10px; } .user-register-area .reg-others-midea .social-share > li > a { font-size: 14px; height: 30px; line-height: 30px; width: 30px; } .user-register-area .forget-pass { position: absolute; right: 0; top: 0; font-size: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .user-register-area .forget-pass .btn-password { color: #ef2825; -webkit-transition: all 0.3s; transition: all 0.3s; } .user-register-area .forget-pass .btn-password:hover, .user-register-area .forget-pass .btn-password:focus { color: #1d0176; } .user-register-area .login-form-register-now { font-size: 14px; } .user-register-area .login-form-register-now > a { color: #ef2825; -webkit-transition: all 0.3s; transition: all 0.3s; } .user-register-area .login-form-register-now > a:hover, .user-register-area .login-form-register-now > a:focus { color: #1d0176; } .user-register-area .user-signin-area.hidden, .user-register-area .user-signup-area { display: none; } .user-register-area .user-signup-area.show { display: block; } .user-register-area .form-content { padding: 15px 30px 25px; } @media only screen and (max-width: 480px) { .user-register-area .form-content { padding: 15px 15px 20px; } } .user-register-area .form-content .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; font-size: 14px; padding: 10px 0 25px; } .user-register-area .form-content .remember-and-password .btn-password { color: #d82e2a; } .user-register-area .form-content .remember-and-password .btn-password:hover, .user-register-area .form-content .remember-and-password .btn-password:focus { color: black; } .user-register-area .form-content .login-form-remember { padding-top: 7px; } .user-register-area .form-content .login-form-remember > label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .user-register-area .form-content .login-form-remember > label input { height: auto; } .user-register-area .form-content .login-form-remember > label span { display: inline-block; padding-left: 10px; } .user-register-area .form-content .login-form-remember > label > a { color: #d82e2a; margin-left: 5px; } .user-register-area .form-content .login-form-remember > label > a:hover, .user-register-area .form-content .login-form-remember > label > a:focus { color: black; } /*------------------------------------------------- [ ## Social Status ] */ .social-status { margin: 0 -3px; } .social-status a { border-radius: 50%; color: #727272; display: inline-block; font-size: 14px; height: 35px; line-height: 35px; text-align: center; width: 35px; -webkit-transition: all 0.35s; transition: all 0.35s; margin: 0 3px; } .social-status a:hover, .social-status a:focus { background-color: #ef2825; color: white !important; box-shadow: 3px 3px 11px rgba(255, 164, 35, 0.25); } .social-status-two a { color: #727272; display: inline-block; font-size: 14px; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; margin: 0 -3px; padding: 5px 15px; } .social-status-two a:hover, .social-status-two a:focus { color: #ef2825 !important; } /*------------------------------------------------- [ ## Yu2fvl Overlay ] */ .yu2fvl-overlay { background-color: rgba(0, 0, 0, 0.8); z-index: 999; } .yu2fvl { z-index: 9999; } .yu2fvl iframe.yu2fvl-iframe { border: medium none !important; outline: medium none; } .yu2fvl .yu2fvl-close { background: #d82e2a; border: medium none; color: white; cursor: pointer; height: 40px; left: 100%; padding: 0; position: absolute; right: auto; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 40px; } .yu2fvl .yu2fvl-close:hover { opacity: 0.8; } /* [ ## Breadcrumb ] */ .breadcrumb { background-color: transparent; border-radius: 0; margin-bottom: 0; padding: 0; } .breadcrumb .breadcrumb-item { font-size: 14px; font-weight: 500; text-transform: capitalize; } .breadcrumb .breadcrumb-item > a { color: black; } .breadcrumb .breadcrumb-item > a:hover, .breadcrumb .breadcrumb-item > a:focus { color: #d82e2a; } .breadcrumb .breadcrumb-item:before { content: ""; font-family: "Font Awesome 5 Free"; padding: 0 20px 0 15px; } .breadcrumb .breadcrumb-item:first-child:before { content: "\f015"; color: #d82e2a !important; padding: 0 10px 0 0px; } /* [ ## Blockquote ] */ blockquote { color: black; text-align: center; } blockquote p { text-align: center !important; margin-bottom: 10px; position: relative; font-size: 28px; font-weight: 800; line-height: 1.2em; } blockquote p:last-child { margin-bottom: 0; } blockquote p cite { margin-left: 0; padding-left: 0; } blockquote cite, blockquote a, blockquote span { padding: 0 1.2em; font-size: 0.8em; font-weight: 500; font-style: normal; position: relative; } blockquote cite { display: block; } blockquote cite:before { content: "--"; padding-right: 5px; } @media only screen and (max-width: 1199px) { blockquote p { font-size: 24px; } } @media only screen and (max-width: 767px) { blockquote p { font-size: 20px; } } /* [ ## All Filter Tabs ] */ .filter-tab-area { overflow: hidden; margin-bottom: 40px; } .filter-tab-area .nav-tabs { border-bottom: 0 solid; overflow: hidden; display: inline-block; float: right; } .filter-tab-area .nav-tabs > li { display: inline-block; } .filter-tab-area .nav-tabs > li > a { height: 42px; line-height: 42px; border-radius: 30px; display: inline-block; font-size: 16px; font-weight: 600; padding: 0px 25px; text-transform: capitalize; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; color: black; } .filter-tab-area .nav-tabs > li > a i { display: inline-block; margin-right: 5px; } .filter-tab-area .nav-tabs > li > a.active { background-color: #d82e2a; color: white; } .filter-tab-area.style-two .nav-tabs, .filter-tab-area.style-three .nav-tabs { float: none; display: block; } .filter-tab-area.style-two .nav-tabs > li > a, .filter-tab-area.style-three .nav-tabs > li > a { border-radius: 0px; color: #cfcfcf; display: inline-block; height: auto; line-height: inherit; position: relative; } .filter-tab-area.style-two .nav-tabs > li > a:before, .filter-tab-area.style-three .nav-tabs > li > a:before { position: absolute; content: ""; width: 0%; height: 2px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .filter-tab-area.style-two .nav-tabs > li > a.active, .filter-tab-area.style-three .nav-tabs > li > a.active { background-color: transparent; } .filter-tab-area.style-two { text-align: center; } .filter-tab-area.style-two .nav-tabs > li { margin: 0 15px; } .filter-tab-area.style-two .nav-tabs > li > a { padding: 10px 0px; } .filter-tab-area.style-two .nav-tabs > li > a:before { left: 50%; width: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background-color: #d82e2a; } .filter-tab-area.style-two .nav-tabs > li > a.active { color: white; } .filter-tab-area.style-two .nav-tabs > li > a.active:before { width: 100%; } .filter-tab-area.style-three .nav-tabs { overflow: visible; border-bottom: 2px solid #ddd; } .filter-tab-area.style-three .nav-tabs > li { margin-right: 40px; } .filter-tab-area.style-three .nav-tabs > li:last-child { margin-right: 0; } .filter-tab-area.style-three .nav-tabs > li > a { font-size: 14px; color: black; font-weight: 500; padding: 0 0 13px 0; } .filter-tab-area.style-three .nav-tabs > li > a:before { width: 0%; bottom: -2px; left: 0; background-color: #DE6876; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .filter-tab-area.style-three .nav-tabs > li > a.active { color: #d82e2a; } .filter-tab-area.style-three .nav-tabs > li > a.active:before { width: 100%; } @media only screen and (max-width: 1199px) { .filter-tab-area { margin-bottom: 35px; } .filter-tab-area .nav-tabs > li > a { font-size: 15px; height: 40px; line-height: 40px; padding: 0 20px; } } @media only screen and (max-width: 991px) { .filter-tab-area .nav-tabs { float: none; } .filter-tab-area.style-two .nav-tabs > li { margin: 0 10px; } .filter-tab-area.style-two .nav-tabs > li > a { padding: 5px 0; font-size: 14px; } } @media only screen and (max-width: 575px) { .filter-tab-area { margin-bottom: 25px; } .filter-tab-area .nav-tabs > li > a { font-size: 13px; height: 35px; line-height: 35px; padding: 0 12px; } .filter-tab-area.style-two { margin-bottom: 40px; margin-top: -15px; } } /*------------------------------------------------- [ ## Carousel Nav Dots, Circle Align Center ] */ .carousel-nav-dots .owl-dots { -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; margin-bottom: -5px; padding-top: 40px; height: 12px; } @media only screen and (max-width: 767px) { .carousel-nav-dots .owl-dots { padding-top: 35px; } } .carousel-nav-dots .owl-dots > div { display: inline-block; margin: 0 10px; border-radius: 50%; } @media only screen and (max-width: 575px) { .carousel-nav-dots .owl-dots > div { margin: 0 4px; } } .carousel-nav-dots .owl-dots > div > span { background-color: #dddddd; border-radius: 50%; display: block; height: 6px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 6px; } @media only screen and (max-width: 575px) { .carousel-nav-dots .owl-dots > div > span { height: 10px; width: 10px; } } .carousel-nav-dots .owl-dots > div.active > span { background-color: #d82e2a !important; height: 10px; width: 10px; } .carousel-nav-text .owl-nav > div, .carousel-nav-text > .btn-links { background-color: transparent; border: 0px solid; color: #8f8f8f; font-size: 12px; font-weight: 500; letter-spacing: 0.5em; text-align: center; text-transform: uppercase; display: inline-block; position: relative; padding: 12px 2px; -webkit-transition: all 0.25s; transition: all 0.25s; } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div, .carousel-nav-text > .btn-links { padding: 10px 2px; } } .carousel-nav-text .owl-nav > div:before, .carousel-nav-text > .btn-links:before { border-top: 2px solid #8f8f8f; border-bottom: 2px solid #8f8f8f; content: ""; height: 48px; position: absolute; width: 60px; top: 0; -webkit-transition: all 0.25s; transition: all 0.25s; } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div:before, .carousel-nav-text > .btn-links:before { height: 42px; } } .carousel-nav-text .owl-nav > div > span, .carousel-nav-text > .btn-links > span { display: block; padding: 0 10px; position: relative; z-index: 2; } .carousel-nav-text .owl-nav > div > span:after, .carousel-nav-text .owl-nav > div > span:before, .carousel-nav-text > .btn-links > span:after, .carousel-nav-text > .btn-links > span:before { background-color: #8f8f8f; content: ""; height: 8px; position: absolute; width: 2px; -webkit-transition: all 0.25s; transition: all 0.25s; } .carousel-nav-text .owl-nav > div:hover, .carousel-nav-text > .btn-links:hover { color: #ef2825 !important; } .carousel-nav-text .owl-nav > div:hover:before, .carousel-nav-text > .btn-links:hover:before { border-color: #ef2825 !important; } .carousel-nav-text .owl-nav > div:hover > span:after, .carousel-nav-text .owl-nav > div:hover > span:before, .carousel-nav-text > .btn-links:hover > span:after, .carousel-nav-text > .btn-links:hover > span:before { background-color: #ef2825 !important; } .carousel-nav-text .owl-nav > div.owl-prev:before, .carousel-nav-text > .btn-links.btn-prev:before { left: 0; border-left: 2px solid #8f8f8f; } .carousel-nav-text .owl-nav > div.owl-prev > span, .carousel-nav-text > .btn-links.btn-prev > span { padding-left: 25px; } .carousel-nav-text .owl-nav > div.owl-prev > span:after, .carousel-nav-text > .btn-links.btn-prev > span:after { bottom: -12px; left: 58px; } @media only screen and (max-width: 1199px) { .carousel-nav-text .owl-nav > div.owl-prev > span:after, .carousel-nav-text > .btn-links.btn-prev > span:after { bottom: -13px; } } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div.owl-prev > span:after, .carousel-nav-text > .btn-links.btn-prev > span:after { bottom: -9px; } } .carousel-nav-text .owl-nav > div.owl-prev > span:before, .carousel-nav-text > .btn-links.btn-prev > span:before { top: -12px; left: 58px; } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div.owl-prev > span:before, .carousel-nav-text > .btn-links.btn-prev > span:before { top: -10px; } } .carousel-nav-text .owl-nav > div.owl-next:before, .carousel-nav-text > .btn-links.btn-next:before { right: 0; border-right: 2px solid #8f8f8f; } .carousel-nav-text .owl-nav > div.owl-next > span, .carousel-nav-text > .btn-links.btn-next > span { padding-right: 20px; } .carousel-nav-text .owl-nav > div.owl-next > span:after, .carousel-nav-text > .btn-links.btn-next > span:after { bottom: -12px; right: 58px; } @media only screen and (max-width: 1199px) { .carousel-nav-text .owl-nav > div.owl-next > span:after, .carousel-nav-text > .btn-links.btn-next > span:after { bottom: -13px; } } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div.owl-next > span:after, .carousel-nav-text > .btn-links.btn-next > span:after { bottom: -9px; } } .carousel-nav-text .owl-nav > div.owl-next > span:before, .carousel-nav-text > .btn-links.btn-next > span:before { top: -12px; right: 58px; } @media only screen and (max-width: 991px) { .carousel-nav-text .owl-nav > div.owl-next > span:before, .carousel-nav-text > .btn-links.btn-next > span:before { top: -10px; } } .carousel-nav-text.nav-right { text-align: right; } @media only screen and (max-width: 991px) { .carousel-nav-text.nav-right { text-align: left; } } @media only screen and (max-width: 767px) { .carousel-nav-text .owl-nav { padding-top: 20px; } } .carousel-nav-circle .owl-nav { margin: 0 -3px; } .carousel-nav-circle .owl-nav > div { display: inline-block; margin: 0 3px; border-radius: 50%; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); line-height: 40px; color: black; text-align: center; font-size: 22px; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; } .carousel-nav-circle .owl-nav > div:hover { background-color: #d82e2a; color: white; } .carousel-nav-rectangle .owl-nav > div { display: inline-block; width: 65px; height: 70px; background-color: black; line-height: 75px; color: white; text-align: center; font-size: 30px; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; } .carousel-nav-rectangle .owl-nav > div.owl-next { right: 30px; } .carousel-nav-rectangle .owl-nav > div.owl-prev { left: 30px; } .carousel-nav-rectangle .owl-nav > div:hover { opacity: 1; } .carousel-nav-align-center .owl-nav.disabled { display: block; } .carousel-nav-align-center .owl-nav > div { display: inline-block; width: 40px; height: 50px; line-height: 50px; color: white; border-radius: 50%; text-align: center; font-size: 28px; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .carousel-nav-align-center .owl-nav > div:before { border-style: solid; border-width: 25px 5px; content: ""; position: absolute; top: 0; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; } .carousel-nav-align-center .owl-nav > div.owl-prev { left: 20px; } @media only screen and (max-width: 991px) { .carousel-nav-align-center .owl-nav > div.owl-prev { left: 15px; } } .carousel-nav-align-center .owl-nav > div.owl-prev:before { border-color: rgba(255, 255, 255, 0.1) transparent transparent rgba(255, 255, 255, 0.1); right: -10px; } .carousel-nav-align-center .owl-nav > div.owl-next { right: 20px; } @media only screen and (max-width: 991px) { .carousel-nav-align-center .owl-nav > div.owl-next { right: 15px; } } .carousel-nav-align-center .owl-nav > div.owl-next:before { border-color: transparent rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) transparent; left: -10px; } .carousel-nav-align-center .owl-nav > div:hover { background-color: white; color: black; } .carousel-nav-align-center .owl-nav > div.owl-prev:hover:before { border-color: white transparent transparent white; } .carousel-nav-align-center .owl-nav > div.owl-next:hover:before { border-color: transparent white white transparent; } .waves-effect { position: absolute !important; left: 0; width: 100%; background-size: cover; } .waves-effect.top { top: -1px; height: 185px; } .waves-effect.bottom { bottom: -1px; height: 185px; } /*------------------------------------------------- [ ## Scroll Top ] */ .topbutton { color: white; bottom: 50px; display: block; height: 50px; line-height: 50px; position: fixed; right: 20px; text-align: center; width: 50px; border-radius: 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 999; font-size: 20px; background-color: #ef2825; display: none; } .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: white !important; opacity: 0.9; } .topbutton:focus { color: white !important; } .default-form .form-controllar { font-size: 14px; border-bottom: 1px solid #dddddd; padding: 13px 10px 13px 35px; -webkit-transition: all 0.25s; transition: all 0.25s; width: 100%; } .default-form .form-controllar:focus { border-color: #ef2825; } .default-form .form-group { position: relative; margin-bottom: 10px; } .default-form .form-group > [class*="icon-"] { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; color: #A6A3A3; font-size: 20px; } .default-form .form-btn-group { padding-top: 20px; } /*------------------------------------------- -- Animations -------------------------------------------*/ [data-animate] { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } /* Fade In Up */ @-webkit-keyframes hg-fadeInUp { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 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, 80px, 0); transform: translate3d(0, 80px, 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; } /* 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; -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-fadeInLeft { 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-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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } } @keyframes hg-zoomInShort { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -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-top2 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes down-top2 { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes rotate360 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate360 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animationFramesOne { 0% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20% { -webkit-transform: translate(50px, -1px) rotate(36deg); transform: translate(50px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(100px, -52px) rotate(72deg); transform: translate(100px, -52px) rotate(72deg); } 60% { -webkit-transform: translate(62px, -92px) rotate(108deg); transform: translate(62px, -92px) rotate(108deg); } 80% { -webkit-transform: translate(-20px, -52px) rotate(144deg); transform: translate(-20px, -52px) rotate(144deg); } 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20% { -webkit-transform: translate(50px, -1px) rotate(36deg); transform: translate(50px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(100px, -52px) rotate(72deg); transform: translate(100px, -52px) rotate(72deg); } 60% { -webkit-transform: translate(62px, -92px) rotate(108deg); transform: translate(62px, -92px) rotate(108deg); } 80% { -webkit-transform: translate(-20px, -52px) rotate(144deg); transform: translate(-20px, -52px) rotate(144deg); } 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } } @keyframes animationFramesEight { 0% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20% { -webkit-transform: translate(-150px, -150px) rotate(36deg); transform: translate(-150px, -150px) rotate(36deg); } 40% { -webkit-transform: translate(-100px, 52px) rotate(72deg); transform: translate(-100px, 52px) rotate(72deg); } 60% { -webkit-transform: translate(162px, -92px) rotate(108deg); transform: translate(162px, -92px) rotate(108deg); } 80% { -webkit-transform: translate(-70px, -92px) rotate(144deg); transform: translate(-70px, -92px) rotate(144deg); } 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } } @-webkit-keyframes animationFramesEight { 0% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20% { -webkit-transform: translate(-150px, -150px) rotate(36deg); transform: translate(-150px, -150px) rotate(36deg); } 40% { -webkit-transform: translate(-100px, 52px) rotate(72deg); transform: translate(-100px, 52px) rotate(72deg); } 60% { -webkit-transform: translate(162px, -92px) rotate(108deg); transform: translate(162px, -92px) rotate(108deg); } 80% { -webkit-transform: translate(-70px, -92px) rotate(144deg); transform: translate(-70px, -92px) rotate(144deg); } 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } } @keyframes animationFramesTwo { 0% { -webkit-transform: translate(0, 0) rotate(0) scale(1); transform: translate(0, 0) rotate(0) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0, 0) rotate(0) scale(1); transform: translate(0, 0) rotate(0) scale(1); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0, 0) rotate(0) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0, 0) rotate(0) scale(1); } } @keyframes animationFramesThree { 0% { -webkit-transform: translate(5px, 20px); transform: translate(5px, 20px); } 100% { -webkit-transform: translate(-165px, -150px); transform: translate(-165px, -150px); } } @-webkit-keyframes animationFramesThree { 0% { -webkit-transform: translate(5px, 20px); transform: translate(5px, 20px); } 100% { -webkit-transform: translate(-165px, -150px); transform: translate(-165px, -150px); } } @keyframes animationFramesFour { 0% { -webkit-transform: translate(50px, -51px) rotate(0); transform: translate(50px, -51px) rotate(0); } 100% { -webkit-transform: translate(-251px, -200px) rotate(360deg); transform: translate(-251px, -200px) rotate(360deg); } } @-webkit-keyframes animationFramesFour { 0% { -webkit-transform: translate(50px, -51px) rotate(0); transform: translate(50px, -51px) rotate(0); } 100% { -webkit-transform: translate(-251px, -200px) rotate(360deg); transform: translate(-251px, -200px) rotate(360deg); } } @keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0); transform: translate(61px, -99px) rotate(0); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0) rotate(180deg); transform: translate(-1px, 0) rotate(180deg); } } @-webkit-keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0) rotate(180deg); } } @keyframes animationFramesSix { 0% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-251px, 250px); transform: translate(-251px, 250px); } } @-webkit-keyframes animationFramesSix { 0% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-251px, 250px); transform: translate(-251px, 250px); } } @keyframes animationFramesSeven { 0% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-301px, -300px); transform: translate(-301px, -300px); } } @-webkit-keyframes animationFramesSeven { 0% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } 100% { -webkit-transform: translate(-301px, -300px); transform: translate(-301px, -300px); } } @-webkit-keyframes reveal-vertical { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes reveal-vertical { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes reveal-link { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 10% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes reveal-link { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 10% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .reveal-left:before { left: 0; } .reveal-right:before { right: 0; } .reveal-left, .reveal-right { position: relative; display: inline-block; } .reveal-left:before, .reveal-right:before { width: 100%; height: 100%; background-color: black; position: absolute; top: 0; content: ""; -webkit-transition: 0.6s cubic-bezier(0.25, 0.1, 0, 1.01); transition: 0.6s cubic-bezier(0.25, 0.1, 0, 1.01); z-index: 2; } .reveal-left.in:before, .reveal-right.in:before { width: 0; } /*------------------------------------------------- [ ## 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-shadow { box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.28); } .box-shadow-red { box-shadow: 3px 3px 11px 0px rgba(255, 164, 35, 0.14); } .card-shadow { box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07); } .mock-up-thumb { display: inline-block; } .card { background-color: white; border: 1px solid #e9e9e9; border-radius: 0; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); } .logo-text { font-size: 22px; text-transform: uppercase; font-weight: 700; color: #b2a1d2 !important; letter-spacing: 0.45em; display: inline-block; } .logo-text > a:focus, .logo-text > a:hover, .logo-text:focus, .logo-text:hover { color: #b2a1d2 !important; } .bg-center { background-position: center center; background-repeat: no-repeat; background-size: auto; } .container-fluid { padding: 0 30px; } @media only screen and (max-width: 991px) { .container-fluid { padding: 0 15px; } } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .container { max-width: 1200px; } } @media only screen and (max-width: 575px) { .container, .container-fluid { max-width: 450px; } } @media only screen and (max-width: 480px) { .container, .container-fluid { max-width: 100%; } } /*------------------------------------------------- [ ## Grid Element ] */ .container-xl { margin: auto; padding: 0 15px; width: 100%; } @media only screen and (min-width: 1575px) { .container-xl { max-width: 1300px; } } @media only screen and (min-width: 1300px) and (max-width: 1574px) { .container-xl { max-width: 1200px; } } @media only screen and (min-width: 992px) { .row.item-4 .item:nth-child(4n+1) { clear: left; } } @media only screen and (min-width: 992px) { .row.item-3 .item:nth-child(3n+1) { clear: left; } } @media only screen and (min-width: 992px) { .row.item-2 .item:nth-child(2n+1) { clear: left; } } @media only screen and (min-width: 992px) { .row.item-1 .item:nth-child(n+1) { clear: left; } } @media only screen and (max-width: 992px) { .row .item:nth-child(2n+1) { clear: left; } } @media only screen and (max-width: 520px) { .row .item:nth-child(n+1) { clear: left; } } @media only screen and (max-width: 520px) { .row[class*="item-"] [class*="col-"] { width: 100%; } } @media only screen and (max-width: 992px) { .item-sm [class*="col-"] { width: 100%; } } /*-------------------------------------------------------------- # 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 rgba(0, 0, 0, 0.125) inset; } .btn { border: 0px solid; border-radius: 0px; font-weight: 600; font-size: 16px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .btn-default { padding: 13px 20px; color: white; background-color: #ef2825; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15); position: relative; z-index: 0; text-transform: uppercase; } .btn-default:before { content: ""; position: absolute; height: 100%; width: 0%; background-color: black; top: 0; right: 0; z-index: -1; -webkit-transition: all .5s; transition: all .5s; } .btn-default > span { display: inline-block; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.6); margin-left: 17px; line-height: 24px; } .btn-default:focus, .btn-default:hover { color: white; } .btn-default:focus:before, .btn-default:hover:before { right: auto; left: 0; width: 100%; } .btn-default.btn-black:before, .btn-default.btn-back:before { background-color: #ef2825; } .btn-default.btn-white { background-color: white; color: black; } .btn-default.btn-white > span { border-left-color: rgba(0, 0, 0, 0.5); } .btn-default.btn-white:before { background-color: #ef2825; } .btn-default.btn-white:focus, .btn-default.btn-white:hover { color: white !important; } .btn-default.btn-white:focus > span, .btn-default.btn-white:hover > span { border-left-color: rgba(255, 255, 255, 0.5); } .btn-primary.active:focus:not(:disabled):not(.disabled), .btn-primary:focus { box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0); } .btn-primary { background-color: black; box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.25); } .btn-primary:focus, .btn-primary:hover { background-color: #ef2825 !important; color: white; box-shadow: -3px 3px 11px rgba(0, 0, 0, 0.25) !important; } .video-btn { position: relative; width: 70px; height: 70px; line-height: 76px; background-color: #ef2825; text-align: center; font-size: 36px; color: white; border-radius: 50%; cursor: pointer; -webkit-transition: .5s; transition: .5s; display: inline-block; z-index: 0; } .video-btn:after { display: block; content: ''; width: 84px; height: 84px; line-height: 84px; border-radius: 50%; background-color: rgba(255, 164, 35, 0.2); position: absolute; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .video-btn:before { display: block; content: ''; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; background-color: rgba(255, 164, 35, 0.2); 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 1400ms ease-out infinite; animation: play-pluse 1400ms ease-out infinite; } .video-btn:hover, .video-btn:focus { color: white; } @media only screen and (max-width: 767px) { .video-btn { width: 54px; height: 54px; line-height: 60px; font-size: 24px; } .video-btn:after { width: 70px; height: 70px; line-height: 70px; } .video-btn:before { width: 80px; height: 80px; line-height: 80px; } } .app-btn-group { margin: 40px -13px -10px; } .app-btn-group > .btn-app { margin: 10px 13px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-btn-group > .btn-app .icon { margin-right: 20px; } .app-btn-group > .btn-app .btn-text { font-size: 10px; font-weight: 500; line-height: 1.6em; text-transform: uppercase; text-align: left; letter-spacing: 1px; } .app-btn-group > .btn-app .btn-text > span { display: block; font-size: 15px; } @media only screen and (max-width: 767px) { .app-btn-group { margin-top: 25px; } .app-btn-group > .btn-app .icon { margin-right: 10px; } .app-btn-group > .btn-app .btn-text > span { font-size: 13px; } } .show-more { text-align: center; } .show-more .button { display: inline-block; font-size: 16px; font-weight: 500; color: black; } .show-more .button > span { display: block; margin-top: 7px; } .show-more .button:hover { color: #ef2825; } .more-link { font-size: 14px; font-weight: bold; line-height: normal; word-spacing: 0.02em; letter-spacing: 0.01em; box-shadow: 0 0 1px transparent; position: relative; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .more-link:hover, .more-link:focus, .more-link:active:focus { color: white; text-decoration: none !important; } .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; } .social-btn-lg { display: inline-block; font-size: 12px; height: 30px; width: 30px; text-align: center; line-height: 30px; } .load-more-btn { background: #eeedfd; font-size: 35px; display: inline-block; border-radius: 100%; width: 90px; height: 90px; line-height: 90px; } /*------------------------------------------------- [ ## 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: #727272 !important; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: #727272 !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; } textarea:focus { outline-offset: 0px !important; } input, select, textarea { border: none; vertical-align: baseline; font-size: 100%; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; color: black; font-size: 16px; position: relative; width: 100%; background-color: transparent; border-bottom: 1px solid #dddddd; padding: 0 0 10px; margin-bottom: 20px; } ::-webkit-input-placeholder { color: #727272; } .widget_newsletter::-webkit-input-placeholder { color: #808080; } :-moz-placeholder { color: #727272; opacity: 1; } ::-moz-placeholder { color: #727272; opacity: 1; } :-ms-input-placeholder { color: #727272; } .form-controller { font-size: 13px; border: 1px solid #dddddd; background: white; width: 100%; padding: 0.5em 1em; outline: none; } .form-controller:focus { border-color: none; box-shadow: none; } .products-ordering-list { margin-bottom: 25px; } @media only screen and (max-width: 575px) { .products-ordering-list { margin-bottom: 20px; } } .products-ordering-list > label { font-size: 12px; font-weight: 500; color: #a0a0a0; display: block; margin-bottom: 0; } .nice-select { background-color: transparent; box-sizing: border-box; clear: both; cursor: pointer; display: block; border-radius: 0px; padding: 0px 0 15px; position: relative; text-align: left !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; border-bottom: 1px solid #dddddd; } @media only screen and (max-width: 575px) { .nice-select { padding: 0px 0 10px; } } .nice-select:after { content: '\f107'; font-family: "Font Awesome 5 Free"; display: block; pointer-events: none; position: absolute; right: 0px; top: 0; color: black; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; font-weight: 800; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .nice-select .option.disabled:after { border-color: #cccccc; } .nice-select .option:hover { background-color: #ef2825; color: white; } .nice-select .current { display: block; color: black; font-size: 16px; font-weight: 500; } @media only screen and (max-width: 575px) { .nice-select .current { font-size: 15px; } } .nice-select .list { background-color: #fff; 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: 150px; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .nice-select.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; } .nice-select.open .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .select-custom:focus { box-shadow: none; outline: none; border-radius: 0px; background: none; color: #727272; } .tags-form-group { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1199px) { .tags-form-group { margin: 0 -10px; } } .tags-form-group .form-group { margin: 0 15px; margin-bottom: 2px; } @media only screen and (max-width: 1199px) { .tags-form-group .form-group { margin: 0 10px; } } .tags-form-group .form-group > label { font-size: 14px; color: #727272; position: relative; padding-left: 25px; line-height: 1.2em; text-transform: capitalize; cursor: pointer; } @media only screen and (max-width: 1199px) { .tags-form-group .form-group > label { padding-left: 22px; } } .tags-form-group .form-group > label:before { border: 1px solid #dddddd; content: ""; height: 14px; left: 1px; position: absolute; top: 1px; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; width: 14px; background-color: #FCFCFC; } .tags-form-group .form-group > label:after { left: 3px; position: absolute; top: -1px; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; font-family: "icomoon"; color: #ef2825; font-size: 10px; } .tags-form-group .form-group > input[type="checkbox"] { display: none; } .tags-form-group .form-group > input[type="checkbox"]:checked + label:after { content: ""; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*------------------------------------------------- # Media */ .page-content .wp-smiley, .entry-summary .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; border: none; } .format-audio iframe { width: 100%; overflow: hidden; } /*------------------------------------------------- [ ## Captions ] */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.4em 0; font-size: 0.9em; font-style: italic; } .wp-caption-text { text-align: center; } /*------------------------------------------------- [ ## Galleries ] */ .gallery { margin-bottom: 1.5em; margin-left: -10px; margin-right: -10px; } .gallery-item { float: left; text-align: center; vertical-align: top; width: 100%; margin-bottom: 30px; padding: 0 10px; } @media only screen and (max-width: 560px) { .gallery-item { max-width: 100% !important; } .gallery-item img { width: 100%; } } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { border-radius: 3px; clip: auto !important; color: #21759b; display: block; font-size: 0.8em; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;/* Above WP tool-bar. */ } /*-------------------------------------------------------------- # 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 --------------------------------------------------------------*/ .site-header { padding: 0px; background-color: white; } .site-header .navigation-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 70px; } .site-header .navigation-area .site-branding a { display: inline-block; } .site-header .navigation-area .header-navigation-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-header .navigation-area .header-navigation-right { 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; } .site-header .navigation-area .header-navigation-right .contact-info { font-size: 16px; font-weight: 500; } .site-header .navigation-area .header-navigation-right .contact-info > a:hover { color: #ef2825; } @media only screen and (max-width: 1199px) { .site-header .navigation-area .header-navigation-right { /* display: none; */ } } .site-header .user-registration-area { padding: 20px 0px; margin: 0 40px; } @media only screen and (max-width: 1366px) { .site-header .user-registration-area { margin: 0 25px 0 15px; } } @media only screen and (max-width: 1199px) { .site-header .user-registration-area { margin: 0 0px 0 15px; } } .site-header .user-registration-area:hover .user-register-area { top: calc(100% + 9px); opacity: 1; visibility: visible; z-index: 99; } @media only screen and (max-width: 1199px) { .site-header .user-registration-area:hover .user-register-area { top: calc(100% + 5px); } } @media only screen and (max-width: 1199px) { .site-header.default-header-style { padding-right: 15px; padding-left: 15px; } .site-header.default-header-style .navigation-area { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-header.default-header-style .navigation-area > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .site-header.default-header-style .navigation-area > div.header-navigation-right-area { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-header.default-header-style .site-branding { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .site-header.default-header-style .container-fluid { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 575px) { .site-header.default-header-style .container-fluid { max-width: 100% !important; } } .site-header.default-header-style .container-fluid .row { margin: 0; } .site-header.default-header-style .container-fluid [class*='col-'] { padding: 0; } .site-header.default-header-style .navigation-area { padding: 0; } .site-header.default-header-style .site-branding { background-color: #ef2825; padding: 20px 30px; min-height: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -40px; position: relative; z-index: 5; } @media only screen and (max-width: 1366px) { .site-header.default-header-style .site-branding { padding: 15px 25px; margin-bottom: -20px; min-height: 90px; } } @media only screen and (max-width: 1199px) { .site-header.default-header-style .site-branding { padding: 15px 25px; margin-bottom: 0px; min-height: auto; } } @media only screen and (max-width: 480px) { .site-header.default-header-style .site-branding { padding: 15px 12px; } } .site-header.default-header-style .header-navigation-right-area { 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-top: -4px; } .site-header.default-header-style .header-navigation-right-area .add-listing-area .btn-black { padding: 29px 20px; } @media only screen and (max-width: 1366px) { .site-header.default-header-style .header-search-form { margin-left: 10px; } } .site-header.header-style-one { position: absolute; width: 100%; top: 0; left: 0; z-index: 2; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding: 17px 0; } @media only screen and (max-width: 1199px) { .site-header.header-style-one { padding: 5px 15px; } .site-header.header-style-one .container-fluid { padding: 0; } .site-header.header-style-one .search-wrap .search-btn { color: white; } .site-header.header-style-one .search-wrap .search-form { top: calc(100% + 27px); } .site-header.header-style-one .hamburger-menus span { background-color: white; } .site-header.header-style-one .navigation-area { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-header.header-style-one .navigation-area > div { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .site-header.header-style-one .navigation-area > div.header-navigation-right-area { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-header.header-style-one .site-branding { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (max-width: 575px) { .site-header.header-style-one .container-fluid { max-width: 100% !important; } } .site-header.header-style-one .user-registration-area { margin: 0; } .site-header.header-style-one .user-registration-area .user-register-area { top: calc(100% + 60px) !important; } @media only screen and (max-width: 1199px) { .site-header.header-style-one .user-registration-area .user-register-area { top: calc(100% + 20px) !important; } } .site-header.header-style-one .user-registration-area:hover .user-register-area { top: calc(100% + 20px) !important; } @media only screen and (max-width: 1199px) { .site-header.header-style-one .user-registration-area:hover .user-register-area { top: calc(100% + 10px) !important; } } @media only screen and (max-width: 1199px) { .site-header.header-style-one .user-registration-area .user-reg-btn { color: white; margin-left: 15px; } } .site-header.header-style-one .mainmenu > li > .sub-menu:after { top: -25px; height: 25px; } .site-header.header-style-one .mainmenu li:hover > .sub-menu { top: calc(100% + 20px) !important; } .site-header.header-style-one .navigation-area { 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; } .site-header.header-style-one .navigation-area .navigation .mainmenu > li > a { color: white; } .site-header.header-style-one .navigation-area .navigation .mainmenu > li > a > .menu-arrow { color: rgba(255, 255, 255, 0.5); } .site-header.header-style-one .navigation-area .header-navigation-left, .site-header.header-style-one .navigation-area .header-navigation-right { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; } .site-header.header-style-one .header-navigation-right .user-registration-area .user-reg-btn { color: white; } .site-header.header-style-one .header-navigation-right .add-listing-area { margin-left: 30px; } .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black { background-color: white; color: #151415; -webkit-transition: all 0.3s; transition: all 0.3s; } .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black:hover, .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black:focus { color: white; } .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black:hover > span, .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black:focus > span { border-color: rgba(255, 255, 255, 0.6); } .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black:before { background-color: #ef2825; } .site-header.header-style-one .header-navigation-right .add-listing-area .btn-default.btn-black > span { border-left: 1px solid rgba(0, 0, 0, 0.6); } .site-header.header-style-two { position: absolute; width: calc(50% + 315px); top: 0; left: 0; z-index: 2; background-color: transparent; padding: 0; transition: all 0.35s; } @media only screen and (max-width: 1366px) { .site-header.header-style-two { width: calc(50% + 200px); } } @media only screen and (max-width: 1199px) { .site-header.header-style-two { width: 100%; } } .site-header.header-style-two.active { background-color: #1d0176; position: fixed; z-index: 99; } .site-header.header-style-two.active .search-wrap .search-form { top: calc(100% + 40px); } .site-header.header-style-two.active .user-registration-area:hover .user-register-area { top: calc(100% + 20px); } .site-header.header-style-two > .container-fluid { padding-left: 0; } @media only screen and (max-width: 1199px) { .site-header.header-style-two > .container-fluid { padding-right: 15px; } } @media only screen and (max-width: 575px) { .site-header.header-style-two > .container-fluid { max-width: 100%; } } .site-header.header-style-two .header-navigation-right { padding: 20px 0; } @media only screen and (max-width: 1199px) { .site-header.header-style-two .header-navigation-right { display: -webkit-box; display: -ms-flexbox; display: flex; } } .site-header.header-style-two .user-registration-area { margin: 0 30px; } @media only screen and (max-width: 1199px) { .site-header.header-style-two .user-registration-area { margin: 0 20px; } } @media only screen and (max-width: 1199px) { .site-header.header-style-two .user-registration-area { margin: 0 0px 0 10px; } } .site-header.header-style-two .site-branding { background-color: #ef2825; padding: 5px 30px; min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 5; } @media only screen and (max-width: 1366px) { .site-header.header-style-two .site-branding { padding: 15px 25px; } } @media only screen and (max-width: 1199px) { .site-header.header-style-two .site-branding { padding: 15px 25px; margin-bottom: 0px; } } @media only screen and (max-width: 480px) { .site-header.header-style-two .site-branding { padding: 15px 12px; } } .site-header.header-style-two .search-wrap { margin-right: 0; } .site-header.header-style-two .search-wrap > .search-btn { text-align: center; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0px solid; background-color: transparent; } .site-header.header-style-two .search-wrap > .search-btn > span { font-size: 20px; margin-right: 10px; } .site-header.header-style-two .search-wrap > .search-btn > span.text { font-size: 14px; font-weight: 600; } @media only screen and (max-width: 767px) { .site-header.header-style-two .search-wrap > .search-btn > span.text { display: none; } } .site-header.header-style-two .search-wrap .search-form { top: calc(100% + 26px); } .site-header.header-style-two .user-registration-area .user-reg-btn { color: white; } @media only screen and (max-width: 767px) { .site-header.header-style-two .user-registration-area .user-reg-btn .text { display: none; } } @media only screen and (max-width: 767px) { .site-header.header-style-two .user-registration-area .user-reg-btn .icon { margin-right: 0; } } @media only screen and (max-width: 1199px) { .site-header.header-style-two .add-listing-area { margin-left: 20px; } } @media only screen and (max-width: 767px) { .site-header.header-style-two .add-listing-area { display: none; } } .site-header.header-style-two .hamburger-menus { display: block; left: 30px; margin: 37px 0px; } @media only screen and (max-width: 1199px) { .site-header.header-style-two .hamburger-menus { left: 20px; } } .site-header.header-style-two .hamburger-menus:hover > span { -webkit-transform: scale(1); transform: scale(1); width: 40px !important; } .site-header.header-style-two .hamburger-menus.click-menu > span:nth-child(1) { width: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left top; transform-origin: left top; } .site-header.header-style-two .hamburger-menus.click-menu > span:nth-child(2) { opacity: 0; left: -50px !important; } .site-header.header-style-two .hamburger-menus.click-menu > span:nth-child(3) { width: 40px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; transform-origin: left top; top: 28px; } .site-header.header-style-two .hamburger-menus > span { width: 40px; height: 2px; background-color: white; display: block; border-radius: 0%; left: 0 !important; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; } .site-header.header-style-two .hamburger-menus > span:nth-child(1) { width: 20px; } .site-header.header-style-two .hamburger-menus > span:nth-child(2) { top: 11px; } .site-header.header-style-two .hamburger-menus > span:nth-child(3) { width: 30px; top: 22px; } .site-header.header-style-two .hamburger-menus .text { font-size: 18px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: white; padding-left: 60px; position: relative; z-index: -1px; } @media only screen and (max-width: 575px) { .site-header.header-style-two .hamburger-menus .text { display: none; } } /*------------------------------------------------- [ ## Sticky header ] */ #sticky-header { display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; } #sticky-header.sticky-header-one .site-header { background-color: #1d0176; border-bottom: 0px; } #sticky-header.sticky-header-one .site-header.header-style-one { padding: 10px 0; } #sticky-header.sticky-header-one .site-header.header-style-one .mainmenu > li > .sub-menu, #sticky-header.sticky-header-one .site-header.default-header-style .mainmenu > li > .sub-menu, #sticky-header.sticky-header-one .site-header.header-style-one .user-registration-area .user-register-area { top: calc(100% + 45px) !important; } #sticky-header.sticky-header-one .site-header.header-style-one .mainmenu li:hover > .sub-menu, #sticky-header.sticky-header-one .site-header.header-style-one .user-registration-area .user-register-area { top: calc(100% + 11px) !important; } #sticky-header .site-header { background-color: white; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.15); position: relative; } #sticky-header .site-header .megamenu .megamenu-main { top: 100% !important; } .header-search-form { margin-left: 40px; padding-top: 9px; } @media only screen and (max-width: 1199px) { .header-search-form { display: none; } } .header-search-form > form { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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: relative; width: 255px; } .header-search-form > form input[type="search"] { border: 0px solid; height: 55px; line-height: 55px; padding: 5px 15px !important; font-size: 15px; background-color: transparent; width: 250px; } .header-search-form > form input[type="search"]:focus + .search-form-cat { opacity: 1; visibility: visible; top: calc(100% + 14px); } .header-search-form > form button, .header-search-form > form input[type="button"], .header-search-form > form input[type="reset"], .header-search-form > form input[type="submit"] { background-color: transparent; border: 0 solid; height: 55px; color: black; font-size: 22px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; line-height: 60px; padding: 0 15px; } .header-search-form > form button:hover, .header-search-form > form input[type="button"]:hover, .header-search-form > form input[type="reset"]:hover, .header-search-form > form input[type="submit"]:hover { color: #ef2825; } .header-search-form > form .search-form-cat { width: 350px; background-color: white; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); position: absolute; left: -40px; top: calc(100% + 30px); z-index: 100; -webkit-transition: all 0.35s; transition: all 0.35s; opacity: 0; visibility: hidden; } @media only screen and (max-width: 1366px) { .header-search-form > form .search-form-cat { width: 320px; left: -10px; } } .header-search-form > form .search-form-cat ul { padding: 30px 30px 20px; margin-bottom: 0; list-style: none; } .header-search-form > form .search-form-cat ul li { margin-bottom: 10px; } .header-search-form > form .search-form-cat ul li a { font-size: 16px; font-weight: 500; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-search-form > form .search-form-cat ul li a [class*="icon-"] { width: 40px; height: 40px; background-color: #403E7D; border-radius: 50px; margin-right: 15px; display: inline-block; color: white; text-align: center; line-height: 40px; font-size: 20px; } .header-search-form > form .search-form-cat ul li.beauty a [class*="icon-"] { background-color: #8B77E8; } .header-search-form > form .search-form-cat ul li.services a [class*="icon-"] { background-color: #FF504D; } .header-search-form > form .search-form-cat ul li.hotels a [class*="icon-"] { background-color: #21DAB1; } .mobile-element-meta { display: none; } @media only screen and (max-width: 1199px) { .mobile-element-meta { 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; } .mobile-element-meta .user-registration-area .user-reg-btn .icon { margin-right: 0px; } .mobile-element-meta .user-registration-area .user-reg-btn .text { display: none; } } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*------------------------------------------------- [ ## Links ] */ a { color: inherit; -webkit-transition: all 0.25s; transition: all 0.25s; } a:hover, a:focus, a:active { text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; text-decoration: none; } /*------------------------------------------------- [ ## Menus ] */ @media only screen and (min-width: 1200px) { .site-header.header-style-one, .site-header.default-header-style { /* Sub Menu CSS */ /*Animation*/ /* Default Color */ } .site-header.header-style-one #mobile-menu, .site-header.default-header-style #mobile-menu { display: none; } .site-header.header-style-one .overlapblackbg, .site-header.default-header-style .overlapblackbg { display: none; } .site-header.header-style-one .mainmenu, .site-header.default-header-style .mainmenu { padding: 0; text-align: center; margin-bottom: 0; } .site-header.header-style-one .mainmenu > li, .site-header.default-header-style .mainmenu > li { display: inline-block; position: relative; } .site-header.header-style-one .mainmenu li, .site-header.default-header-style .mainmenu li { list-style: none; } .site-header.header-style-one .navigation .mainmenu li > a, .site-header.default-header-style .navigation .mainmenu li > a { position: relative; } .site-header.header-style-one .navigation .mainmenu li > a > .menu-arrow, .site-header.default-header-style .navigation .mainmenu li > a > .menu-arrow { position: relative; color: rgba(0, 0, 0, 0.5); font-size: 16px; right: 0px; margin-left: 7px; top: -2px; } .site-header.header-style-one .navigation .mainmenu > li > a, .site-header.default-header-style .navigation .mainmenu > li > a { display: block; padding: 20px; font-size: 14px; font-weight: 600; text-transform: capitalize; text-decoration: none; position: relative; color: black; letter-spacing: -0.015em; vertical-align: middle; box-shadow: 0 0 1px transparent; white-space: nowrap; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .site-header.header-style-one .navigation .mainmenu > li > a, .site-header.default-header-style .navigation .mainmenu > li > a { padding: 20px 10px; } } @media only screen and (min-width: 1200px) { .site-header.header-style-one .navigation .mainmenu > li > a span, .site-header.default-header-style .navigation .mainmenu > li > a span { font-size: 14px; color: #929292; margin-left: 5px; } .site-header.header-style-one .navigation .mainmenu > li.current-menu-item > a:before, .site-header.header-style-one .navigation .mainmenu > li.current-menu-ancestor > a:before, .site-header.default-header-style .navigation .mainmenu > li.current-menu-item > a:before, .site-header.default-header-style .navigation .mainmenu > li.current-menu-ancestor > a:before { -webkit-transform: translateY(0); transform: translateY(0); } .site-header.header-style-one .menu-click, .site-header.default-header-style .menu-click { display: none; } .site-header.header-style-one .mainmenu > li > .sub-menu, .site-header.default-header-style .mainmenu > li > .sub-menu { top: calc(100% + 60px); border-top: 3px solid #ef2825; } .site-header.header-style-one .mainmenu > li > .sub-menu:before, .site-header.default-header-style .mainmenu > li > .sub-menu:before { position: absolute; top: -23px; left: 23px; border-color: transparent transparent #ef2825; border-style: solid; border-width: 10px 6px; content: ""; z-index: 1; } .site-header.header-style-one .mainmenu > li > .sub-menu:after, .site-header.default-header-style .mainmenu > li > .sub-menu:after { position: absolute; top: -15px; left: 0px; content: ""; width: 100%; height: 15px; } .site-header.header-style-one .mainmenu .sub-menu, .site-header.default-header-style .mainmenu .sub-menu { min-width: 220px; position: absolute; z-index: -9; margin: 0; padding: 10px 0 15px; opacity: 0; top: 0; background-color: white; visibility: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; } .site-header.header-style-one .mainmenu .sub-menu:before, .site-header.default-header-style .mainmenu .sub-menu:before { position: absolute; top: -20px; left: 25px; border-color: transparent transparent white; border-style: solid; border-width: 10px 6px; content: ""; z-index: 1; } .site-header.header-style-one .mainmenu .sub-menu:after, .site-header.default-header-style .mainmenu .sub-menu:after { position: absolute; top: -15px; left: 0px; content: ""; width: 100%; height: 15px; } .site-header.header-style-one .mainmenu .sub-menu li, .site-header.default-header-style .mainmenu .sub-menu li { position: relative; } .site-header.header-style-one .mainmenu .sub-menu li a, .site-header.default-header-style .mainmenu .sub-menu li a { background-color: transparent; color: black; border-right: 0 none; text-align: left; display: block; line-height: 1.4em; padding: 10px 25px; text-transform: none; font-size: 14px; font-weight: 500; -webkit-transition: all 0.3s; transition: all 0.3s; text-transform: capitalize; } .site-header.header-style-one .mainmenu .sub-menu li:last-child a, .site-header.default-header-style .mainmenu .sub-menu li:last-child a { border-bottom: none; } .site-header.header-style-one .mainmenu .sub-menu li:last-child > a, .site-header.default-header-style .mainmenu .sub-menu li:last-child > a { border-bottom: 0; } .site-header.header-style-one .menuexpandermain, .site-header.default-header-style .menuexpandermain { display: none; } .site-header.header-style-one .mainmenu li:hover .sub-menu, .site-header.header-style-one .mainmenu .sub-menu li:hover .sub-menu-sub, .site-header.default-header-style .mainmenu li:hover .sub-menu, .site-header.default-header-style .mainmenu .sub-menu li:hover .sub-menu-sub { display: block; } .site-header.header-style-one .mainmenu .sub-menu .sub-menu, .site-header.header-style-one .mainmenu .sub-menu .sub-menu .sub-menu, .site-header.default-header-style .mainmenu .sub-menu .sub-menu, .site-header.default-header-style .mainmenu .sub-menu .sub-menu .sub-menu { min-width: 250px; position: absolute; left: calc(100% + 20px); top: -1px; margin: 0; padding: 10px; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; z-index: -9; } .site-header.header-style-one .mainmenu .sub-menu .sub-menu:before, .site-header.header-style-one .mainmenu .sub-menu .sub-menu .sub-menu:before, .site-header.default-header-style .mainmenu .sub-menu .sub-menu:before, .site-header.default-header-style .mainmenu .sub-menu .sub-menu .sub-menu:before { position: absolute; content: ""; left: -20px; top: 0; height: 40px; width: 20px; } .site-header.header-style-one .mainmenu .sub-menu li:hover .sub-menu, .site-header.header-style-one .mainmenu .sub-menu .sub-menu li:hover .sub-menu, .site-header.default-header-style .mainmenu .sub-menu li:hover .sub-menu, .site-header.default-header-style .mainmenu .sub-menu .sub-menu li:hover .sub-menu { opacity: 1; list-style: none; z-index: 99; } .site-header.header-style-one .mainmenu .sub-menu li, .site-header.default-header-style .mainmenu .sub-menu li { position: relative; display: block; } .site-header.header-style-one .mainmenu li > .megamenu > .sub-menu, .site-header.default-header-style .mainmenu li > .megamenu > .sub-menu { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); visibility: hidden; } .site-header.header-style-one .mainmenu li.megamenu:hover > .sub-menu, .site-header.default-header-style .mainmenu li.megamenu:hover > .sub-menu { top: 100%; opacity: 1; visibility: visible; z-index: 99; } .site-header.header-style-one .mainmenu li:hover > .sub-menu, .site-header.default-header-style .mainmenu li:hover > .sub-menu { top: calc(100% + 9px); opacity: 1; visibility: visible; z-index: 99; } .site-header.header-style-one .mainmenu li:hover > a, .site-header.header-style-one .mainmenu > li > a:hover, .site-header.header-style-one .mainmenu > li > a.active, .site-header.default-header-style .mainmenu li:hover > a, .site-header.default-header-style .mainmenu > li > a:hover, .site-header.default-header-style .mainmenu > li > a.active { background-color: transparent; text-decoration: none; color: #ef2825 !important; } .site-header.header-style-one .mainmenu .sub-menu > li > a:hover, .site-header.header-style-one .mainmenu .sub-menu .sub-menu > li > a:hover, .site-header.header-style-one .mainmenu .sub-menu .sub-menu .sub-menu > li > a:hover, .site-header.default-header-style .mainmenu .sub-menu > li > a:hover, .site-header.default-header-style .mainmenu .sub-menu .sub-menu > li > a:hover, .site-header.default-header-style .mainmenu .sub-menu .sub-menu .sub-menu > li > a:hover { background-color: #1d0176; text-decoration: none; color: white !important; } .site-header.header-style-one .mainmenu .sub-menu .current-menu-parent > a, .site-header.header-style-one .mainmenu .sub-menu .current-menu-item > a, .site-header.default-header-style .mainmenu .sub-menu .current-menu-parent > a, .site-header.default-header-style .mainmenu .sub-menu .current-menu-item > a { background-color: rgba(0, 0, 0, 0.25); } .site-header.header-style-one .current-menu-ancestor .current-menu-ancestor > a, .site-header.default-header-style .current-menu-ancestor .current-menu-ancestor > a { background-color: rgba(0, 0, 0, 0.25); } .site-header.header-style-one .megamenu .sub-menu .current-menu-item > a, .site-header.header-style-one .megamenu .current-menu-ancestor > a, .site-header.header-style-one .megamenu.current-menu-ancestor .current-menu-ancestor > a, .site-header.default-header-style .megamenu .sub-menu .current-menu-item > a, .site-header.default-header-style .megamenu .current-menu-ancestor > a, .site-header.default-header-style .megamenu.current-menu-ancestor .current-menu-ancestor > a { background-color: transparent; } .site-header.header-style-one .megamenu .sub-menu .current-menu-parent > a, .site-header.header-style-one .megamenu .sub-menu .current-menu-item > a, .site-header.default-header-style .megamenu .sub-menu .current-menu-parent > a, .site-header.default-header-style .megamenu .sub-menu .current-menu-item > a { background-color: transparent; } } .megamenu { position: static !important; } .megamenu .megamenu-main { width: 1170px; left: 50%; padding: 30px !important; top: calc(100% + 30px); -webkit-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1366px) { .megamenu .megamenu-main { width: 1140px; } } @media only screen and (max-width: 1199px) { .megamenu .megamenu-main { width: 100%; left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); padding: 0px !important; display: none; } } .megamenu .megamenu-main:before { content: ""; position: absolute; left: 0; top: -50px; width: 100%; height: 50px; z-index: 5; border: 0px solid transparent !important; } .megamenu .megamenu-main.megamenu-carousel-two { width: 100%; left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); padding: 0px !important; display: none; } .megamenu .megamenu-main ul { padding-left: 0px; } .megamenu .megamenu-main .megamenu-heading { font-weight: 600; color: #ef2825; font-size: 16px; text-align: left; margin-bottom: 20px; } .megamenu .megamenu-main .custom-megamenu li a { padding: 6px 0px; font-size: 15px; } .megamenu .megamenu-main .custom-megamenu li a:hover { padding-left: 5px; } /*------------------------------------------------- [ ### Megamenu Carousel ] */ .megamenu-carousel .cat-item, .megamenu-carousel-two .cat-item { display: block; min-height: 170px; position: relative; } .megamenu-carousel .cat-item:before, .megamenu-carousel-two .cat-item:before { content: ""; height: 100%; width: 100%; bottom: 0; left: 0; position: absolute; background-image: -webkit-linear-gradient(top, rgba(29, 1, 118, 0), #1d0176); background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #1d0176); opacity: 0.6; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } .megamenu-carousel .cat-item .icon, .megamenu-carousel-two .cat-item .icon { font-size: 50px; margin-bottom: 0px; min-height: 50px; -webkit-transition: all 0.4s; transition: all 0.4s; color: #ef2825; margin-bottom: 17px; opacity: 0; visibility: hidden; margin-bottom: 50px; } @media only screen and (max-width: 480px) { .megamenu-carousel .cat-item .icon, .megamenu-carousel-two .cat-item .icon { font-size: 42px; min-height: 40px; } } .megamenu-carousel .cat-item .title, .megamenu-carousel-two .cat-item .title { font-size: 21px; -webkit-transition: all 0.35s; transition: all 0.35s; margin-bottom: 0px; color: white; } @media only screen and (max-width: 480px) { .megamenu-carousel .cat-item .title, .megamenu-carousel-two .cat-item .title { font-size: 18px; } } .megamenu-carousel .cat-item.cat-food .listing-no, .megamenu-carousel-two .cat-item.cat-food .listing-no { background-color: #403E7C; } .megamenu-carousel .cat-item.cat-nightlife .listing-no, .megamenu-carousel-two .cat-item.cat-nightlife .listing-no { background-color: #2AABE2; } .megamenu-carousel .cat-item.cat-hotel .listing-no, .megamenu-carousel-two .cat-item.cat-hotel .listing-no { background-color: #25D6AF; } .megamenu-carousel .cat-item.cat-service .listing-no, .megamenu-carousel-two .cat-item.cat-service .listing-no { background-color: #FF504D; } .megamenu-carousel .cat-item.cat-sopping .listing-no, .megamenu-carousel-two .cat-item.cat-sopping .listing-no { background-color: #1C7C67; } .megamenu-carousel .cat-item.cat-places .listing-no, .megamenu-carousel-two .cat-item.cat-places .listing-no { background-color: #CDAF5C; } .megamenu-carousel .cat-item .cat-thumb img, .megamenu-carousel-two .cat-item .cat-thumb img { width: 100%; } .megamenu-carousel .cat-item .cat-content, .megamenu-carousel-two .cat-item .cat-content { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 5; padding: 25px 30px; text-align: left; } @media only screen and (max-width: 1199px) { .megamenu-carousel .cat-item .cat-content, .megamenu-carousel-two .cat-item .cat-content { padding: 15px 20px; } } @media only screen and (max-width: 480px) { .megamenu-carousel .cat-item .cat-content, .megamenu-carousel-two .cat-item .cat-content { padding: 15px 20px; } } .megamenu-carousel .cat-item .cat-content .cat-content-inner, .megamenu-carousel-two .cat-item .cat-content .cat-content-inner { overflow: hidden; } .megamenu-carousel .cat-item .listing-no, .megamenu-carousel-two .cat-item .listing-no { font-size: 14px; font-weight: 600; color: white; -webkit-transition: all 0.3s; transition: all 0.3s; height: 40px; width: 40px; border-radius: 50%; background-color: #403E7C; text-align: center; line-height: 40px; margin-bottom: 15px; } @media only screen and (max-width: 480px) { .megamenu-carousel .cat-item .listing-no, .megamenu-carousel-two .cat-item .listing-no { margin-bottom: 10px; } } .megamenu-carousel .cat-item .cat-content-hover, .megamenu-carousel-two .cat-item .cat-content-hover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 6; } .megamenu-carousel .cat-item .cat-content-hover .content-hover-inner, .megamenu-carousel-two .cat-item .cat-content-hover .content-hover-inner { text-align: center; } .megamenu-carousel .cat-item .cat-content-hover .title, .megamenu-carousel-two .cat-item .cat-content-hover .title { opacity: 0; visibility: hidden; } .megamenu-carousel .cat-item:hover:before, .megamenu-carousel-two .cat-item:hover:before { background-color: #1d0176; } .megamenu-carousel .cat-item:hover .cat-content-inner .title, .megamenu-carousel-two .cat-item:hover .cat-content-inner .title { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .megamenu-carousel .cat-item:hover .cat-content-inner .listing-no, .megamenu-carousel-two .cat-item:hover .cat-content-inner .listing-no { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .megamenu-carousel .cat-item:hover .cat-content-hover .title, .megamenu-carousel .cat-item:hover .cat-content-hover .icon, .megamenu-carousel-two .cat-item:hover .cat-content-hover .title, .megamenu-carousel-two .cat-item:hover .cat-content-hover .icon { opacity: 1; visibility: visible; } .megamenu-carousel .cat-item:hover .cat-content-hover .icon, .megamenu-carousel-two .cat-item:hover .cat-content-hover .icon { margin-bottom: 15px; } .megamenu-carousel .owl-nav, .megamenu-carousel-two .owl-nav { margin-top: 15px; } /*------------------------------------------------- [ ### Hamburger Menu ] */ .hamburger-wrapper { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; position: fixed; top: 0; left: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; -webkit-transition: all 0s 0.5s cubic-bezier(0.645, 0.05, 0.355, 1); transition: all 0s 0.5s cubic-bezier(0.645, 0.05, 0.355, 1); width: 100%; z-index: 1000; overflow: hidden; } .hamburger-wrapper .hamburger-wrapper-inner { margin: 10vh 0; width: 100%; height: 80vh; width: 750px; padding-right: 30px; } @media only screen and (max-width: 767px) { .hamburger-wrapper .hamburger-wrapper-inner { width: 300px; padding-right: 20px; } } .hamburger-wrapper .hamburger-wrapper-inner .ss-content { overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hamburger-wrapper .hamburger-wrapper-inner .ss-scroll { background-color: rgba(255, 255, 255, 0.2); } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside { position: relative; } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; right: 20px; -webkit-transition: all 0.25s; transition: all 0.25s; } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click > i { font-size: 30px; } @media only screen and (max-width: 767px) { .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click { right: 10px; } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click > i { font-size: 20px; padding: 10px; width: 45px; } } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click:hover { right: 10px; } @media only screen and (max-width: 767px) { .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click:hover { right: 5px; } } .hamburger-wrapper .hamburger-wrapper-inner .menu-inside .menu-click:hover i { color: #ef2825; } .hamburger-wrapper .hamburger-wrapper-inner .back-menu { padding: 10px 20px; cursor: pointer; font-size: 30px; } @media only screen and (max-width: 767px) { .hamburger-wrapper .hamburger-wrapper-inner .back-menu { padding: 10px; font-size: 20px; } } .hamburger-wrapper .hamburger-wrapper-inner .back-menu:hover { color: white; } .hamburger-wrapper .mainmenu-hamburger { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; margin-bottom: 0; padding: 0; } @media only screen and (max-height: 320px) { .hamburger-wrapper .mainmenu-hamburger { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; padding: 2.14rem 0 0; } } .hamburger-wrapper .mainmenu-hamburger li:nth-child(2) .nav-link span { -webkit-transition-delay: .74s; transition-delay: .74s; } .hamburger-wrapper .mainmenu-hamburger li:nth-child(3) .nav-link span { -webkit-transition-delay: .84s; transition-delay: .84s; } .hamburger-wrapper .mainmenu-hamburger li:nth-child(4) .nav-link span { -webkit-transition-delay: .94s; transition-delay: .94s; } .hamburger-wrapper .mainmenu-hamburger .nav-link { color: #fff; font-size: 100px; font-size: 100px; font-size: 6.25rem; font-weight: 700; display: inline-block; line-height: 1; overflow: hidden; position: relative; text-decoration: none; text-transform: capitalize; } @media only screen and (max-width: 1500px) { .hamburger-wrapper .mainmenu-hamburger .nav-link { font-size: 5rem; } } @media only screen and (max-width: 768px) { .hamburger-wrapper .mainmenu-hamburger .nav-link { margin-top: .62rem; font-size: 3.75rem; } } @media only screen and (max-width: 580px) { .hamburger-wrapper .mainmenu-hamburger .nav-link { font-size: 2.25rem; } } @media only screen and (max-height: 350px) { .hamburger-wrapper .mainmenu-hamburger .nav-link { margin-bottom: 1.07rem; } } .hamburger-wrapper .mainmenu-hamburger .nav-link.active { color: #ef2825; } .hamburger-wrapper .mainmenu-hamburger .nav-link:hover { color: white; } .hamburger-wrapper .mainmenu-hamburger .nav-link > span { display: inline-block; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.6s 0.64s cubic-bezier(0.72, 0.16, 0.345, 0.875); transition: all 0.6s 0.64s cubic-bezier(0.72, 0.16, 0.345, 0.875); } .hamburger-wrapper .mainmenu-hamburger li { display: block; } .hamburger-wrapper .mainmenu-hamburger li .sub-menu { padding-left: 0; margin-left: 0; margin-bottom: 0; list-style: none; position: absolute; left: 100%; width: 100%; top: 0; opacity: 0; visibility: hidden; z-index: 99; } .hamburger-wrapper .mainmenu-hamburger li .sub-menu a { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; display: block; font-weight: 500; line-height: 30px; overflow: hidden; padding: 15px 20px; font-size: 30px; position: relative; text-decoration: none; text-align: left; -webkit-transform: translateZ(0px); transform: translateZ(0px); vertical-align: middle; text-transform: capitalize; } @media only screen and (max-width: 767px) { .hamburger-wrapper .mainmenu-hamburger li .sub-menu a { padding: 10px; font-size: 20px; } } .hamburger-wrapper .mainmenu-hamburger li .sub-menu a:hover { padding-left: 25px; color: #ef2825; } .hamburger-wrapper .mainmenu-hamburger.has-hovered-link .nav-link { opacity: .1; } .hamburger-wrapper .mainmenu-hamburger.has-hovered-link .nav-link:hover { opacity: 1; } .hamburger-wrapper.menu-show { opacity: 1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .hamburger-wrapper.menu-show .hamburger-wrapper-inner { -webkit-transform: translateY(0); transform: translateY(0); } .hamburger-wrapper.menu-show .nav-link span { opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .hamburger-wrapper.menu-show .navbar { background-color: transparent; } @media only screen and (max-width: 1500px) { .menu-inner { padding: 2rem 3.12rem 0; } } .ef-background { background-color: #000; display: none; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 1100; } .ef-background.animated { display: block; -webkit-animation: reveal-vertical 1s cubic-bezier(0.645, 0.05, 0.355, 1) both; animation: reveal-vertical 1s cubic-bezier(0.645, 0.05, 0.355, 1) both; } /*------------------------------------------------- [ ## Pagination ] */ /* page link pagination */ .article-content .page-links span { border: 1px solid #dddddd; 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; font-size: 14px; } @media only screen and (max-width: 1199px) { .paging-navigation.pd-t-70 { padding-top: 30px; } .paging-navigation.pd-t-40 { padding-top: 20px; } } .paging-navigation .nav-links { list-style: none; font-size: 1em; font-weight: bold; margin: 0; padding-left: 0px; } .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 3px; } @media screen and (max-width: 480px) { .paging-navigation .nav-links > li { margin: 0 1px; } } .paging-navigation .nav-links > li > a { height: 42px; width: 42px; line-height: 42px; border-radius: 50%; color: #8f8f8f; font-weight: 500; } .paging-navigation .nav-links > li > a span { display: block; } @media screen and (max-width: 575px) { .paging-navigation .nav-links > li > a { height: 35px; width: 35px; line-height: 35px; } } @media screen and (max-width: 480px) { .paging-navigation .nav-links > li > a { height: 30px; width: 30px; line-height: 30px; } } .paging-navigation .nav-links > li.active > a, .paging-navigation .nav-links > li > a:hover { background-color: #1d0176 !important; color: white !important; } .paging-navigation .nav-links li.nav-previous > a, .paging-navigation .nav-links li.nav-next > a { border: 0; padding: 0 22px; display: block; position: relative; width: auto; border-radius: 40px; } @media screen and (max-width: 480px) { .paging-navigation .nav-links li.nav-previous > a, .paging-navigation .nav-links li.nav-next > a { padding: 0 10px; } } .paging-navigation .nav-links li.nav-previous a:hover, .paging-navigation .nav-links li.nav-next a:hover { background: transparent; color: inherit; } .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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .paging-navigation.pagination-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; } .post-navigation .post-previous { text-align: right; } .post-navigation .post-next { text-align: left; } .post-navigation h3 { font-size: 20px; font-weight: 800; margin: 0; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .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: 20px 0 27px; } .post-navigation .post-previous a, .post-navigation .post-next a { position: relative; display: block; padding: 30px; } .post-navigation .post-previous span.label, .post-navigation .post-next span.label { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 30px; display: block; } .post-navigation .post-previous.active.bg-overlay:before, .post-navigation .post-next.active.bg-overlay:before { background-color: transparent; background-image: -webkit-linear-gradient(left, rgba(43, 27, 94, 0.9), rgba(43, 66, 241, 0.9)); background-image: linear-gradient(to right, rgba(43, 27, 94, 0.9), rgba(43, 66, 241, 0.9)); } .post-navigation .post-previous.active span.label, .post-navigation .post-next.active span.label { color: #b0a2be; } /*------------------------------------------------- [ ## Navigation Responsive ] */ .hamburger-menus { width: 30px; height: 30px; position: relative; -webkit-transition: .1s; transition: .1s; margin: 15px 0px; cursor: pointer; display: none; top: 4px; } .hamburger-menus span { width: 5px; height: 5px; background-color: #1d0176; 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(29, 1, 118, 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; } .navigation.menuopen .menu-content > li { width: 240px; display: block; float: none; border-right: none; background-color: transparent; position: relative; text-align: left; white-space: inherit; } .navigation.menuopen .menu-wrapper { position: relative; z-index: 9999; height: 100%; } .navigation.menuopen .menu-wrapper .mainmenu li { position: relative; display: block; } .navigation.menuopen .menu-wrapper .mainmenu li a > [class*="fa-"] { 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; } .navigation.menuopen { left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: black; 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: #ef2825; } .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; text-transform: capitalize; } .navigation.menuopen ul.sub-menu li a:hover { color: #ef2825; 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 20px 25px !important; 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; width: 100%; } @media only screen and (max-width: 1199px) { .menu-click { display: block; } } .menu-click i { display: block; background-size: 25px; font-size: 12px; 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; } @media only screen and (max-width: 1199px) { .site-header.header-style-one, .site-header.default-header-style { z-index: 99; } .site-header.header-style-one .hamburger-menus, .site-header.default-header-style .hamburger-menus { display: inline-block; } .site-header.header-style-one .menuopen .overlaybg, .site-header.default-header-style .menuopen .overlaybg { display: block; } .site-header.header-style-one .navigation, .site-header.default-header-style .navigation { left: -100%; position: relative; width: 280px; height: 100%; position: fixed; left: -100%; padding: 0; top: 0; margin: 0; z-index: 99999; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none; } .site-header.header-style-one .navigation ul.sub-menu, .site-header.default-header-style .navigation ul.sub-menu { display: none; } .site-header.header-style-one .navigation .menu-wrapper, .site-header.default-header-style .navigation .menu-wrapper { display: none; } .site-header.header-style-one .navigation.menuopen, .site-header.default-header-style .navigation.menuopen { left: 0; } .site-header.header-style-one .navigation.menuopen .menu-wrapper, .site-header.default-header-style .navigation.menuopen .menu-wrapper { display: block; } } .site-header.header-style-two { z-index: 99; } .site-header.header-style-two .hamburger-menus { display: inline-block; } .site-header.header-style-two .hamburger-menus.click-menu { -webkit-transform: rotate(0); transform: rotate(0); } .site-header.header-style-two .menuopen .overlaybg { display: block; opacity: 0; } .site-header.header-style-two .navigation { left: -100%; position: relative; width: 260px; height: calc(100% - 104px); position: fixed; left: -100%; padding: 0; top: 104px; margin: 0; z-index: 99999; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.05); } .site-header.header-style-two .navigation ul.sub-menu { display: none; } .site-header.header-style-two .navigation .menu-wrapper { display: none; } .site-header.header-style-two .navigation.menuopen { left: 0; background-color: white; } .site-header.header-style-two .navigation.menuopen .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; -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; padding: 25px 0; } .site-header.header-style-two .navigation.menuopen .menu-wrapper .menu-content { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .site-header.header-style-two .navigation.menuopen .mainmenu > li > a { padding: 10px 30px; color: black; } .site-header.header-style-two .navigation.menuopen .mainmenu > li:hover > a { color: #ef2825; } .site-header.header-style-two .navigation.menuopen ul.sub-menu li a { color: black; padding: 8px 30px; font-weight: 500; } .site-header.header-style-two .navigation.menuopen ul.sub-menu li:hover > a { color: #ef2825; } .site-header.header-style-two .menu-click { display: block; right: 5px; } .site-header.header-style-two .menu-click .menu-arrow { color: black; } .site-header.header-style-two .menu-click .menu-arrow.menu-extend { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- [ ## Hero ] --------------------------------------------------------------*/ /*------------------------------------------------------------------- # FrontPage Banner */ .frontpage-banner-section { min-height: 250px; position: relative; } .frontpage-banner-section.bg-overlay:before { background-color: rgba(29, 1, 118, 0.7); } .frontpage-banner-section .row.align-items-center { margin-top: 100px; margin-bottom: 50px; } @media only screen and (max-width: 480px) { .frontpage-banner-section .row.align-items-center { margin-top: 200px; margin-bottom: 50px; } } .frontpage-banner-section .frontpage-banner-content { position: relative; z-index: 1; } .frontpage-banner-section .frontpage-banner-content .banner-title { font-size: 80px; margin-bottom: 10px; color: white; line-height: 1.25em; text-transform: uppercase; } @media only screen and (max-width: 991px) { .frontpage-banner-section .frontpage-banner-content .banner-title { font-size: 44px; } } @media only screen and (max-width: 767px) { .frontpage-banner-section .frontpage-banner-content .banner-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .frontpage-banner-section .frontpage-banner-content .banner-title { font-size: 30px; } } .frontpage-banner-section .frontpage-banner-content .banner-title > span { color: #ef2825; } .frontpage-banner-section .frontpage-banner-content .banner-subtitle, .frontpage-banner-section .frontpage-banner-content .banner-divider { color: #fff; font-size: 18px; margin-bottom: 20px; font-family: arial; } @media only screen and (max-width: 767px) { .frontpage-banner-section .frontpage-banner-content .banner-subtitle, .frontpage-banner-section .frontpage-banner-content .banner-divider { font-size: 15px; margin-bottom: 10px; } } .frontpage-banner-section .advance-search-form { margin: 55px 0; } @media only screen and (max-width: 767px) { .frontpage-banner-section .advance-search-form { margin: 45px 0; } } .frontpage-banner-section.frontpage-banner-style-one { padding-top: 80px; } @media only screen and (max-width: 575px) { .frontpage-banner-section.frontpage-banner-style-two { padding: 20px 0; } } .frontpage-banner-section.frontpage-banner-style-two.bg-overlay:before { background-color: rgba(29, 1, 118, 0.85); } .frontpage-banner-section.frontpage-banner-style-two .row.align-items-center { min-height: 765px; } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-two .row.align-items-center { min-height: 700px; } } @media only screen and (max-width: 991px) { .frontpage-banner-section.frontpage-banner-style-two .row.align-items-center { min-height: 600px; } } .frontpage-banner-section.frontpage-banner-style-two .advance-search-form { margin: 0; } .frontpage-banner-section.frontpage-banner-style-two .features-cat-area { padding-bottom: 50px; } @media only screen and (max-width: 991px) { .frontpage-banner-section.frontpage-banner-style-two .features-cat-area { padding-top: 0; padding-bottom: 40px; } } @media only screen and (max-width: 767px) { .frontpage-banner-section.frontpage-banner-style-two .features-cat-area { padding: 10px 0 40px; } } @media only screen and (max-width: 480px) { .frontpage-banner-section.frontpage-banner-style-two .features-cat-area { padding: 10px 50px 40px; } } @media only screen and (max-width: 400px) { .frontpage-banner-section.frontpage-banner-style-two .features-cat-area { padding: 10px 0px 40px; } } .frontpage-banner-section.frontpage-banner-style-two .frontpage-banner-content { margin-top: -10px; } .frontpage-banner-section.frontpage-banner-style-two .frontpage-banner-content .banner-title { font-size: 42px; line-height: 1.3em; } @media only screen and (max-width: 991px) { .frontpage-banner-section.frontpage-banner-style-two .frontpage-banner-content .banner-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .frontpage-banner-section.frontpage-banner-style-two .frontpage-banner-content .banner-title { font-size: 32px; line-height: 1.25em; } } @media only screen and (max-width: 480px) { .frontpage-banner-section.frontpage-banner-style-two .frontpage-banner-content .banner-title { font-size: 30px; } } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg { display: block; } } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div { height: 100%; width: 100%; } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-one { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 315px); flex: 0 0 calc(50% + 315px); max-width: calc(50% + 315px); } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-one { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 200px); flex: 0 0 calc(50% + 200px); max-width: calc(50% + 200px); } } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-one { max-width: 100%; } } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-one:before { opacity: 0.6; } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-two { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 315px); flex: 0 0 calc(50% - 315px); max-width: calc(50% - 315px); } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-two { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 200px); flex: 0 0 calc(50% - 200px); max-width: calc(50% - 200px); } } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-two { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 200px); flex: 0 0 calc(50% - 200px); max-width: calc(50% - 200px); } } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-two { display: none; } } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-bg > div.frontpage-bg-two:before { opacity: 0.9; background-color: #120941; } .frontpage-banner-section.frontpage-banner-style-three .row.align-items-center { min-height: 765px; } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .row.align-items-center { min-height: 650px; } } .frontpage-banner-section.frontpage-banner-style-three .features-cat-area { padding: 20px 0 0; } .frontpage-banner-section.frontpage-banner-style-three .features-cat-area .cat-item { text-align: center; } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content { padding-top: 130px; } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content { padding-top: 100px; } } .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content .banner-title { font-size: 52px; margin-bottom: 5px; color: white; line-height: 1.25em; } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content .banner-title { font-size: 40px; } } @media only screen and (max-width: 767px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content .banner-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .frontpage-banner-section.frontpage-banner-style-three .frontpage-banner-content .banner-title { font-size: 30px; } } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 130px; } @media only screen and (max-width: 1199px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area { padding-top: 100px; } } @media only screen and (max-width: 991px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area { padding-top: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .heading { font-size: 24px; font-weight: 700; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .heading { font-size: 22px; margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .heading { font-size: 20px; } } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { margin-right: -140px; width: 350px; border: 0px solid; } @media only screen and (max-width: 1620px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { margin-right: -60px; width: 310px; } } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { margin-right: 0; } } @media only screen and (max-width: 1366px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { margin-right: 0; } } @media only screen and (max-width: 991px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { width: 500px; margin-bottom: 20px; margin-top: 30px; } } @media only screen and (max-width: 767px) { .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form { width: 100%; margin-top: 15px; } } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form ::-webkit-input-placeholder { color: white !important; opacity: 1; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form :-ms-input-placeholder { color: white !important; opacity: 1; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form ::-moz-placeholder { color: white !important; opacity: 1; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form ::placeholder { color: white !important; opacity: 1; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form { background-color: transparent; display: block; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .search { border-right: 0px solid; position: relative; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .search:before { content: "\eb4b"; opacity: 0.5; left: -45px; top: -7px; font-size: 24px; color: white; font-family: "icomoon"; pointer-events: none; position: absolute; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .search input { height: 48px; padding: 0; border-bottom: 1px solid white; font-size: 18px; font-weight: 500; color: white; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .search input:focus, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .search input:active { color: white !important; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn { max-width: 100%; padding-top: 10px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default { display: inline-block; width: auto; padding: 0 20px; letter-spacing: 0.05em; margin-left: 45px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default:before { background-color: white; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default:hover, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default:focus { color: #ef2825; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default:hover span, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .submitbtn .btn-default:focus span { border-left-color: rgba(255, 164, 35, 0.6); } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single { padding-left: 45px; margin-bottom: 40px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single > label { font-weight: 500; font-size: 14px; color: #e5daff; margin-bottom: -5px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .current { font-size: 18px; font-weight: 500; color: white; line-height: 48px; opacity: 1; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input { max-width: 100%; margin-top: -7px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.location, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.category { padding-left: 0; height: 48px; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.location:after, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.category:after { right: 0; top: 13px; color: white; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.location:before, .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.category:before { opacity: 0.5; left: -45px; top: -7px; font-size: 24px; color: white; } .frontpage-banner-section.frontpage-banner-style-three .advance-search-form-area .advance-search-form .inner-form .form-group-single .advance-form-input.category { border-right: 0px solid; } .advance-search-form { border: 10px solid rgba(255, 255, 255, 0.2); } .advance-search-form .inner-form { background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 65px; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 480px) { .advance-search-form .inner-form { display: block; } } .advance-search-form .inner-form ::-webkit-input-placeholder { color: black !important; opacity: 0.6; } .advance-search-form .inner-form :-ms-input-placeholder { color: black !important; opacity: 0.6; } .advance-search-form .inner-form ::-moz-placeholder { color: black !important; opacity: 0.6; } .advance-search-form .inner-form ::placeholder { color: black !important; opacity: 0.6; } .advance-search-form .inner-form .search { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 555px); flex: 0 0 calc(100% - 555px); max-width: calc(100% - 555px); border-right: 1px solid #dddddd; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .search { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-right: 0px solid; border-bottom: 1px solid #dddddd; } } .advance-search-form .inner-form .search input { height: 65px; padding: 0 30px; font-size: 15px; width: 100%; background-color: transparent; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .search input { padding: 0 18px; } } .advance-search-form .inner-form .advance-form-input.location, .advance-search-form .inner-form .advance-form-input.category { height: 65px; font-size: 14px; padding-left: 50px; } @media screen and (max-width: 480px) { .advance-search-form .inner-form .advance-form-input.location, .advance-search-form .inner-form .advance-form-input.category { padding-left: 45px; } } .advance-search-form .inner-form .advance-form-input.location:before, .advance-search-form .inner-form .advance-form-input.category:before { font-family: "icomoon"; display: block; pointer-events: none; position: absolute; left: 16px; top: 20px; font-size: 18px; color: #bdbdbd; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .advance-form-input.location:before, .advance-search-form .inner-form .advance-form-input.category:before { top: 21px; } } .advance-search-form .inner-form .advance-form-input.location:after, .advance-search-form .inner-form .advance-form-input.category:after { right: 15px; top: 22px; color: black; opacity: 0.6; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .advance-form-input.location:after, .advance-search-form .inner-form .advance-form-input.category:after { top: 23px; } } .advance-search-form .inner-form .advance-form-input.location { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; max-width: 190px; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .advance-form-input.location { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media screen and (max-width: 767px) { .advance-search-form .inner-form .advance-form-input.location { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (max-width: 480px) { .advance-search-form .inner-form .advance-form-input.location { max-width: 100%; } } .advance-search-form .inner-form .advance-form-input.location:before { content: ""; } .advance-search-form .inner-form .advance-form-input.category { border-right: 1px solid #dddddd; -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; max-width: 190px; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .advance-form-input.category { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media screen and (max-width: 767px) { .advance-search-form .inner-form .advance-form-input.category { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (max-width: 480px) { .advance-search-form .inner-form .advance-form-input.category { max-width: 100%; } } .advance-search-form .inner-form .advance-form-input.category:before { content: ""; } .advance-search-form .inner-form .submitbtn { -webkit-box-flex: 0; -ms-flex: 0 0 175px; flex: 0 0 175px; max-width: 175px; } @media screen and (max-width: 991px) { .advance-search-form .inner-form .submitbtn { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media screen and (max-width: 767px) { .advance-search-form .inner-form .submitbtn { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .advance-search-form .inner-form .submitbtn .btn-default { padding: 0; height: 65px; line-height: 65px; width: 100%; letter-spacing: 0.1em; } .advance-search-form .inner-form .select-custom { padding-bottom: 0px; } .advance-search-form .inner-form .select-custom .current { color: black; font-size: 15px; opacity: 0.6; font-weight: normal; display: block; line-height: 65px; } .advance-search-form .inner-form .select-custom .option { padding-right: 18px; } .features-cat-area { padding: 20px 15px 55px; } @media only screen and (max-width: 767px) { .features-cat-area { padding: 20px 0px 70px; } } .features-cat-area .cat-item { font-size: 16px; font-weight: 500; display: block; } .features-cat-area .cat-item > .icon { border: 5px solid rgba(255, 255, 255, 0); border-radius: 50%; font-size: 42px; height: 75px; line-height: 75px; margin: 0 auto; width: 75px; position: relative; -webkit-transition: ease-in-out 0.25s; transition: ease-in-out 0.25s; } .features-cat-area .cat-item > .icon > span, .features-cat-area .cat-item > .icon > i { position: relative; } .features-cat-area .cat-item > .icon:before { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 0; content: ""; border-radius: 50%; -webkit-transition: ease-in-out 0.25s; transition: ease-in-out 0.25s; } .features-cat-area .cat-item:hover { color: white; } .features-cat-area .cat-item:hover > .icon { color: #ef2825; } /*-------------------------------------------------------------- [ ## Pricing ] --------------------------------------------------------------*/ .pricing-table-list { margin: 0; } .pricing-table-list [class*="col-"] { padding: 0px; } .pricing-table-list [class*="col-"]:first-child .pricing-box { border-left: 1px solid #dddddd; } .pricing-table-list .pricing-box { background-color: #FCFCFC; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; } .pricing-table-list .pricing-box .pricing-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; color: black; background-color: gray; } .pricing-table-list .pricing-box .pricing-header .package-type { font-size: 16px; text-transform: capitalize; font-weight: 500; } .pricing-table-list .pricing-box .pricing-header .package-price { font-size: 36px; font-weight: 800; } .pricing-table-list .pricing-box .pricing-header .package-price > sup { top: -8px; display: inline-block; font-size: 20px; font-weight: normal; left: -3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pricing-table-list .pricing-box .pricing-header { padding: 25px 20px; display: block; } .pricing-table-list .pricing-box .pricing-header .package-type { font-size: 16px; margin-bottom: 10px; } .pricing-table-list .pricing-box .pricing-header .package-price { font-size: 30px; } } .pricing-table-list .pricing-box .pricing-content { text-align: center; font-size: 14px; } .pricing-table-list .pricing-box .pricing-content > ul { padding-left: 0; margin-bottom: 0; list-style: none; } .pricing-table-list .pricing-box .pricing-content > ul > li { padding: 14px 15px; } .pricing-table-list .pricing-box .pricing-content > ul > li:nth-child(2n) { background-color: #f9f9f9; } .pricing-table-list .pricing-box .pricing-content > ul > li:first-child { padding-top: 35px; } .pricing-table-list .pricing-box .pricing-content > ul > li:last-child { padding-bottom: 40px; } .pricing-table-list .pricing-box.student .pricing-header { background-color: #FFEBE2; color: #d8a997; } .pricing-table-list .pricing-box.sliver .pricing-header { background-color: #CFF2FF; color: #29a6d8; } .pricing-table-list .pricing-box.business .pricing-header { background-color: #d3b8f8; color: #9566D6; } .pricing-table-list .pricing-box.premium .pricing-header { background-color: #DBFCF2; color: #57b497; } .pricing-table-list .pricing-box.active { box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1); background-color: white; position: relative; top: -2px; border: 0px solid; z-index: 2; -webkit-transform: scale(1.1); transform: scale(1.1); } .pricing-table-list .pricing-box.active .pricing-header { background-color: #1d0176; color: white; } @media only screen and (max-width: 991px) { .pricing-table-list { margin-left: -15px; margin-right: -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -30px; } .pricing-table-list [class*="col-"] { padding-left: 15px; padding-right: 15px; } .pricing-table-list .pricing-box { border-left: 1px solid #dddddd; margin-bottom: 30px; } .pricing-table-list .pricing-box .pricing-header { padding: 30px 20px; } .pricing-table-list .pricing-box.active { box-shadow: 0px 0px 0px transparent; background-color: transparent; position: relative; top: 0px; border: 1px solid #dddddd; -webkit-transform: scale(1); transform: scale(1); } } .pricing-block .filter-pricing-tab { text-align: right; } .pricing-block .filter-pricing-tab .nav-tabs { border: 0px solid; display: inline-block; margin: 0 -3px; } .pricing-block .filter-pricing-tab .nav-tabs > li { border-right: 0px solid; display: inline-block; margin: 0 3px; } .pricing-block .filter-pricing-tab .nav-tabs > li > a { border-radius: 0px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; margin-right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; height: 50px; padding: 0 25px; line-height: 50px; } .pricing-block .filter-pricing-tab .nav-tabs > li > a.active, .pricing-block .filter-pricing-tab .nav-tabs > li > a:focus, .pricing-block .filter-pricing-tab .nav-tabs > li > a:hover { background-color: #ef2825; color: white; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15); } .pricing-block .filter-pricing-tab-content { margin-top: 25px; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .pricing-block .filter-pricing-tab-content { margin-bottom: 0; } } .pricing-block.pricing-style-one .filter-pricing-tab-content { padding-top: 10px; } @media only screen and (max-width: 1199px) { .pricing-block.pricing-style-one .filter-pricing-tab-content { padding-top: 25px; } .pricing-block.pricing-style-one .filter-pricing-tab { text-align: left; margin-top: 15px; } } /*-------------------------------------------------------------- [ ## Todo ] --------------------------------------------------------------*/ /*------------------------------------------------------------------- # Listing Todo */ .todos-block .todos-carousel-area { margin: -5px -10px -15px; } @media only screen and (max-width: 991px) { .todos-block .todos-carousel-area { margin-top: 35px; } } .todos-block .todos-carousel-area .todo-item { margin: 5px 10px 15px; } .todo-item { box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.07); background-color: white; margin-bottom: 30px; border: 1px solid #dddddd; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 30px; } .todo-item .item-thumb { position: relative; overflow: hidden; min-height: 120px; margin-bottom: 0; border-radius: 30px; } .todo-item .item-thumb:before { content: ""; height: 100%; width: 100%; bottom: 0; top: 0; position: absolute; background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #4d4d4d87); z-index: 2; opacity: 0.5; -webkit-transition: all 0.3s; transition: all 0.3s; } .todo-item .item-thumb > img { width: 100%; -webkit-transition: all 0.28s ease 0s; transition: all 0.28s ease 0s; } .todo-item .todo-thumbnail-area { position: relative; overflow: hidden; } .todo-item .todo-thumbnail-area .todo-overlay-info { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; padding: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .todo-item .todo-thumbnail-area .todo-overlay-info { padding: 15px; } } @media only screen and (max-width: 575px) { .todo-item .todo-thumbnail-area .todo-overlay-info { padding: 15px; } } .todo-item .todo-thumbnail-area .todo-overlay-info .todo-type { position: absolute; top: 20px; left: 20px; } .todo-item .todo-thumbnail-area .todo-overlay-info .todo-type.trending { font-size: 16px; left: auto !important; padding: 0; right: 7px; top: 5px; } .todo-item .todo-thumbnail-area .todo-overlay-info .todo-type.trending:before { content: ""; height: 65px; position: absolute; right: -23px; top: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 45px; background-color: #FFC914; } .todo-item .todo-thumbnail-area .todo-overlay-info .todo-type.trending > span { position: relative; z-index: 5; } .todo-item .todo-thumbnail-area .todo-overlay-info .todo-meta-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; color: #fff; 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-between; position: absolute; width: 100%; left: 0; padding: 10px 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .todo-item .todo-thumbnail-area .todo-overlay-info .todo-meta-bottom { padding: 10px 15px; } } @media only screen and (max-width: 575px) { .todo-item .todo-thumbnail-area .todo-overlay-info .todo-meta-bottom { padding: 10px 15px; } } .todo-item .todo-type-cat { margin: 0 -3px; } .todo-item .todo-type-cat > a { color: white; display: inline-block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin: 0 3px 8px; padding: 0 10px; text-transform: uppercase; } .todo-item .todo-type-cat > a:hover { opacity: 0.85; } .todo-item .todo-type-cat > a.rated { background-color: #2aabe2; } .todo-item .todo-type-cat > a.offer { background-color: #d82e2a; } .todo-item .todo-type-cat > a.restaurant { background-color: #403E7C; } .todo-item .todo-type-cat > a.nightlife { background-color: #2aabe2; } .todo-item .todo-type-cat > a.hotel { background-color: #22DAB1; } .todo-item .todo-type-cat > a.fitness { background-color: #188C74; } .todo-item .todo-type-cat > a.sale { background-color: #DE9823; } .todo-item .todo-type-cat > a.limited { background-color: #00B993; } .todo-item .todo-type-cat > a.services { background-color: #FF504D; } .todo-item .todo-meta { font-size: 16px; font-family: arial; margin-top: 20px; color: black; } } @media only screen and (max-width: 420px) { .todo-item .todo-meta { font-size: 13px; } } .todo-item .todo-meta > div { margin-bottom: 10px; } .todo-item .todo-meta > div:last-child { margin-bottom: 0; } .todo-item .todo-meta > div > span { display: inline-flex; margin-right: 10px; background-color: #ef2825; padding: 10px; border-radius: 50%; color: white; } .todo-item .todo-rating { -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; font-size: 12px; } .todo-item .todo-rating > span { background-color: #ffa424; color: white; display: inline-block; margin-right: 10px; text-align: center; width: 35px; font-weight: 500; } .todo-item .save { width: 45px; height: 45px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); text-align: center; font-size: 20px; line-height: 47px; } .todo-item .save a:hover { color: #ef2825; } .todo-item .todo-content { padding: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .todo-item .todo-content { padding: 20px 15px; } } @media only screen and (max-width: 575px) { .todo-item .todo-content { padding: 20px 15px; } } .todo-item .todo-content > .title { font-size: 30px; color: black; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .todo-item .todo-content > .title { font-size: 17px; } } .todo-item .todo-content > .title a { display: inline-block; } .todo-item .todo-content > .title:hover a { color: #ef2825; } .todo-item .todo-content .todo-summary { border-top: 1px solid #dddddd; font-size: 14px; padding-top: 15px; margin-top: 15px; } .todo-item .todo-content .todo-summary > p { line-height: 1.55em; } .todo-item .todo-price-status { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; margin-bottom: 10px; } .todo-item .todo-price { font-size: 16px; color: #ef2825; padding-right: 15px; } .todo-item .todo-price del { color: #727272; } .todo-item .todo-status { color: #4a9f29; font-size: 16px; text-transform: uppercase; } .todo-item:hover { box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.12); } .todo-item:hover .item-thumb:before { opacity: 0.85; } .todo-item:hover .item-thumb > img { -webkit-transform: scale(1.075); transform: scale(1.075); } .todo-item.todo-item-list { 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; } @media screen and (max-width: 767px) { .todo-item.todo-item-list { display: block; } } .todo-item.todo-item-list .todo-thumbnail-area { -webkit-box-flex: 0; -ms-flex: 0 0 370px; flex: 0 0 370px; max-width: 370px; } @media screen and (max-width: 1199px) { .todo-item.todo-item-list .todo-thumbnail-area { max-width: 270px; -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; } } @media screen and (max-width: 991px) { .todo-item.todo-item-list .todo-thumbnail-area { max-width: 320px; -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; } } @media screen and (max-width: 767px) { .todo-item.todo-item-list .todo-thumbnail-area { max-width: none; } } .todo-item.todo-item-list .todo-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 370px); flex: 0 0 calc(100% - 370px); max-width: calc(100% - 370px); padding: 20px 30px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .todo-item.todo-item-list .todo-content { padding: 20px; } } @media screen and (max-width: 1199px) { .todo-item.todo-item-list .todo-content { max-width: calc(100% - 270px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); } } @media screen and (max-width: 991px) { .todo-item.todo-item-list .todo-content { max-width: calc(100% - 320px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 320px); flex: 0 0 calc(100% - 320px); padding: 15px 20px; } } @media screen and (max-width: 767px) { .todo-item.todo-item-list .todo-content { max-width: none; padding: 25px 20px; } } @media screen and (max-width: 575px) { .todo-item.todo-item-list .todo-content { max-width: none; padding: 20px 15px; } } .todo-item.todo-item-list .todo-content > .title { margin-bottom: 10px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .todo-item.todo-item-list .todo-content > .title { margin-bottom: 5px; } } @media screen and (max-width: 991px) { .todo-item.todo-item-list .todo-content > .title { margin-bottom: 5px; } } @media screen and (max-width: 767px) { .todo-item.todo-item-list .todo-content > .title { margin-bottom: 10px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .todo-item.todo-item-list .todo-content .todo-price-status { margin-bottom: 5px; } } .todo-item.todo-item-list.todo-item-dashboard { margin-right: 30px; position: relative; } @media only screen and (max-width: 1499px) { .todo-item.todo-item-list.todo-item-dashboard { display: block; } } @media only screen and (max-width: 480px) { .todo-item.todo-item-list.todo-item-dashboard { margin-right: 20px; } } @media only screen and (min-width: 1500px) and (max-width: 1700px) { .todo-item.todo-item-list.todo-item-dashboard .todo-thumbnail-area { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } } @media only screen and (max-width: 1499px) { .todo-item.todo-item-list.todo-item-dashboard .todo-thumbnail-area { max-width: 100%; } } @media only screen and (min-width: 1500px) and (max-width: 1700px) { .todo-item.todo-item-list.todo-item-dashboard .todo-content { max-width: calc(100% - 300px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); padding: 20px 30px 20px 20px; } } @media only screen and (max-width: 1499px) { .todo-item.todo-item-list.todo-item-dashboard .todo-content { max-width: 100%; } } .todo-item.todo-item-list.todo-item-dashboard .todo-tools { position: absolute; top: 12px; right: -30px; background-color: #1d0176; color: #fff; width: 60px; z-index: 9; } @media only screen and (max-width: 480px) { .todo-item.todo-item-list.todo-item-dashboard .todo-tools { width: 50px; right: -25px; } } .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a { display: block; text-align: center; padding: 10px 5px 7px; font-size: 12px; border-bottom: 1px solid white; color: #f7f8fc; } .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a > [class*="icon-"] { display: block; font-size: 24px; line-height: 1em; margin-bottom: 3px; color: #b1a2fc; } @media only screen and (max-width: 480px) { .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a > [class*="icon-"] { font-size: 16px; } } .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a:last-child { border-bottom: 0px solid; } .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a:hover { color: #ef2825; } .todo-item.todo-item-list.todo-item-dashboard .todo-tools > a:hover > [class*="icon-"] { color: #ef2825; } .single-listing-todo-block .todo-brand-logo .brand-logo { border: 10px solid white; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); display: inline-block; } .single-listing-todo-block .todo-title { font-size: 42px; font-weight: 600; line-height: 1.25em; } @media only screen and (max-width: 1199px) { .single-listing-todo-block .todo-title { font-size: 26px; } } @media only screen and (max-width: 480px) { .single-listing-todo-block .todo-title { font-size: 22px; } } .single-listing-todo-block .todo-subtitle { font-size: 18px; font-weight: 500; line-height: 1.55em; margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .single-listing-todo-block .todo-subtitle { font-size: 16px; } } @media only screen and (max-width: 480px) { .single-listing-todo-block .todo-subtitle { font-size: 14px; } } .single-listing-todo-block .todo-meta { font-size: 16px; } @media only screen and (max-width: 480px) { .single-listing-todo-block .todo-meta { font-size: 14px; } } .single-listing-todo-block .todo-meta > div { margin-bottom: 7px; } .single-listing-todo-block .todo-meta > div:last-child { margin-bottom: 0; } .single-listing-todo-block .todo-meta > div > span { display: inline-block; margin-right: 5px; color: #ef2825; } .single-listing-todo-block .todo-cat-status { 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: 767px) { .single-listing-todo-block .todo-cat-status { justify-content: center; } } .single-listing-todo-block .todo-cat-status .todo-status { margin-left: 10px; } .single-listing-todo-block .todo-type-cat { margin: 0 -3px; } .single-listing-todo-block .todo-type-cat > a { color: white; display: inline-block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin: 0 3px 8px; padding: 0 10px; text-transform: uppercase; } .single-listing-todo-block .todo-type-cat > a:hover { opacity: 0.85; } .single-listing-todo-block .todo-type-cat > a.restaurant { background-color: #403E7C; } .single-listing-todo-block .todo-type-cat > a.nightlife { background-color: #2aabe2; } .single-listing-todo-block .todo-type-cat > a.hotel { background-color: #22DAB1; } .single-listing-todo-block .todo-type-cat > a.fitness { background-color: #188C74; } .single-listing-todo-block .todo-status { color: #1e90e8; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 6px; } .single-listing-todo-block .todo-rating { -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; font-size: 14px; } .single-listing-todo-block .todo-rating > span { background-color: #ffa424; color: white; display: inline-block; margin-right: 10px; text-align: center; width: 35px; font-weight: 500; } .single-listing-todo-block .todo-price { font-size: 32px; color: #1d0176; font-weight: 600; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .single-listing-todo-block .todo-price { font-size: 24px; } } .single-listing-todo-block .listing-todo-feature-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; } .single-listing-todo-block .listing-todo-feature-list .single-list { color: black; font-size: 24px; padding: 0 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.25s; transition: all 0.25s; } @media only screen and (max-width: 1366px) { .single-listing-todo-block .listing-todo-feature-list .single-list:last-child > .text { -webkit-transform: translate(0); transform: translate(0); left: auto; right: 15px; } } .single-listing-todo-block .listing-todo-feature-list .single-list > .text { background-color: #1d0176; color: white; font-size: 14px; height: 28px; left: 50%; line-height: 28px; opacity: 0; text-align: center; top: -50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0 8px; position: absolute; -webkit-transition: all 0.25s; transition: all 0.25s; min-width: 130px; } .single-listing-todo-block .listing-todo-feature-list .single-list > .text:before { border-style: solid; border-width: 8px 6px; border-color: #1d0176 transparent transparent; bottom: -16px; content: ""; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .single-listing-todo-block .listing-todo-feature-list .single-list:hover { color: #ef2825; } .single-listing-todo-block .listing-todo-feature-list .single-list:hover > .text { opacity: 1; top: -43px; } .single-listing-todo-block .listing-todo-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header { display: block; text-align: center; } } .single-listing-todo-block .listing-todo-header .todo-brand-logo { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 210px; } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header .todo-brand-logo { max-width: 100%; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 210px); flex: 0 0 calc(100% - 210px); max-width: calc(100% - 210px); padding-left: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1199px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info { padding-left: 30px; } } @media only screen and (max-width: 991px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info { display: block; } } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info { max-width: 100%; padding-left: 0; padding-top: 30px; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 385px); flex: 0 0 calc(100% - 385px); max-width: calc(100% - 385px); } @media only screen and (max-width: 991px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left { min-width: 100%; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left .todo-title { margin-bottom: 3px; margin-top: -10px; } @media only screen and (max-width: 1199px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left .todo-title { margin-top: -6px; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left .todo-cat-status { margin-bottom: 25px; } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-left .todo-cat-status { margin-bottom: 10px; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right { -webkit-box-flex: 0; -ms-flex: 0 0 385px; flex: 0 0 385px; max-width: 385px; text-align: right; margin-bottom: -5px; } @media only screen and (max-width: 991px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right { text-align: left; max-width: 100%; padding-top: 30px; } } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right { padding-top: 15px; text-align: center; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .todo-rating, .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 991px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .todo-rating, .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 767px) { .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .todo-rating, .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { justify-content: center; } } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .todo-rating { margin-bottom: 30px; } .single-listing-todo-block .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { margin-bottom: 25px; } .single-listing-todo-block .listing-todo-thumbnail-area { position: relative; min-height: 600px; } .single-listing-todo-block .listing-todo-thumbnail-area:before { content: ""; height: 100%; width: 100%; bottom: 0; top: 0; position: absolute; background-image: -webkit-linear-gradient(top, rgba(29, 1, 118, 0), #1d0176); background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #1d0176); opacity: 0.9; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; z-index: 1; } .single-listing-todo-main #sticky-wrapper { margin-bottom: 60px !important; } #sticky-wrapper.todo_sticky { z-index: 99; } .todo-details-menu { background-color: #ef2825; z-index: 2 !important; } .todo-details-menu .todo-menu { list-style: none; padding-left: 0; margin-bottom: 0; overflow: hidden; } .todo-details-menu .todo-menu li { display: inline-block; margin: 0 -2px; } .todo-details-menu .todo-menu li a { display: block; color: white; padding: 17px 20px; font-weight: 600; } .todo-details-menu .todo-menu li a:hover { background-color: #1d0176; } .todo-details-menu .todo-menu li.current a { background-color: #1d0176; } .single-listing-todo-block.style-two .todo-details-menu { margin-bottom: 0px; } .single-listing-todo-block.style-two .todo-price, .single-listing-todo-block.style-two .todo-title { color: white; } .single-listing-todo-block.style-two .listing-todo-feature-list .single-list { color: white; } .single-listing-todo-block.style-two .listing-todo-feature-list .single-list > .text { color: #1d0176; background-color: white; } .single-listing-todo-block.style-two .listing-todo-feature-list .single-list > .text:before { border-style: solid; border-width: 8px 6px; border-color: white transparent transparent; bottom: -16px; content: ""; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .single-listing-todo-block.style-two .listing-todo-header .listing-todo-header-info { -webkit-box-align: end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } @media only screen and (max-width: 767px) { .single-listing-todo-block.style-two .listing-todo-thumbnail-area { min-height: auto; padding-top: 120px; } } .single-listing-todo-block.style-two .listing-todo-thumbnail-area .listing-todo-header-content { position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 2; } @media only screen and (max-width: 767px) { .single-listing-todo-block.style-two .listing-todo-thumbnail-area .listing-todo-header-content { position: relative; } } .single-listing-todo-block.style-two .listing-todo-thumbnail-area .listing-todo-header-content .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { margin-bottom: 0; } .single-listing-todo-block.style-three .todo-price, .single-listing-todo-block.style-three .todo-title { color: white; } .single-listing-todo-block.style-three .todo-rating, .single-listing-todo-block.style-three .todo-subtitle { color: #ccc; } @media only screen and (max-width: 991px) { .single-listing-todo-block.style-three .todo-price { color: #1d0176; } .single-listing-todo-block.style-three .todo-rating { color: #727272; } } @media only screen and (max-width: 767px) { .single-listing-todo-block.style-three .todo-title { color: #1d0176; } .single-listing-todo-block.style-three .todo-subtitle { color: #727272; } } .single-listing-todo-block.style-three .listing-todo-header { margin-top: -85px; position: relative; z-index: 3; } .single-listing-todo-block.style-three .listing-todo-header .listing-todo-header-info .info-left .todo-cat-status { margin-bottom: 10px; padding-top: 20px; } @media only screen and (max-width: 767px) { .single-listing-todo-block.style-three .listing-todo-header .listing-todo-header-info .info-left .todo-cat-status { padding-top: 0; } } .single-listing-todo-block.style-three .listing-todo-header .listing-todo-header-info .info-right .listing-todo-feature-list { padding-top: 10px; } .single-listing-todo-main { font-size: 15px; } .single-listing-todo-main p { line-height: 1.6em; text-align: justify; } .single-listing-todo-main .box-inner-content { padding-bottom: 50px; } .single-listing-todo-main > div:last-child .box-inner-content { padding-bottom: 0px; } .single-listing-todo-main .listing-description .box-inner-content { margin-top: -5px; } .single-listing-todo-main .listing-video .listing-video-area { position: relative; min-height: 150px; display: inline-block; } .single-listing-todo-main .listing-video .listing-video-area .video-thumb { display: inline-block; } .single-listing-todo-main .listing-video .listing-video-area .video-thumb:before { opacity: 0.4; } .single-listing-todo-main .listing-video .listing-video-area .listing-video-icon { position: absolute; width: 100%; 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; z-index: 3; } .single-listing-todo-main .listing-amenities .amenities-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; padding-left: 0; list-style: none; } @media only screen and (max-width: 480px) { .single-listing-todo-main .listing-amenities .amenities-list { display: block; } } .single-listing-todo-main .listing-amenities .amenities-list li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; margin-bottom: 15px; max-width: 33.33%; text-transform: capitalize; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-amenities .amenities-list li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 480px) { .single-listing-todo-main .listing-amenities .amenities-list li { max-width: 100%; } } .single-listing-todo-main .listing-nearby .single-nearby { margin-bottom: 50px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby { margin-bottom: 30px; } } .single-listing-todo-main .listing-nearby .single-nearby:last-child { margin-bottom: 0px; } .single-listing-todo-main .listing-nearby .single-nearby > .heading { font-size: 18px; margin-bottom: 12px; } .single-listing-todo-main .listing-nearby .single-nearby .list { padding-left: 0; margin-bottom: 0; list-style: none; } .single-listing-todo-main .listing-nearby .single-nearby .list > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; 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-between; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li { display: block; margin-bottom: 12px; } } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li > span { display: block; } } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 175px; flex: 0 0 175px; max-width: 175px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(3) { max-width: 100%; } } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span.rating { font-size: 13px; font-weight: 500; 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; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li > span.rating { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span.rating > [class*='fa-'] { color: #ECB000; margin: 0; font-size: 12px; } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span.rating > a { padding-left: 10px; display: inline-block; color: #727272; } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; max-width: 75px; text-align: left; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(2) { max-width: 100%; } } .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 250px); flex: 0 0 calc(100% - 250px); max-width: calc(100% - 250px); padding-right: 15px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-nearby .single-nearby .list > li > span:nth-child(1) { max-width: 100%; padding-right: 0; } } .single-listing-todo-main .listing-gallery .listing-gallery-slide.carousel-nav-dots .owl-dots { position: absolute; width: 100%; bottom: 35px; padding-top: 0; left: 0; } .single-listing-todo-main .listing-gallery .listing-gallery-slide.carousel-nav-dots .owl-dots > div.active > span { background-color: white !important; } .single-listing-todo-main .listing-energy-efficiency { color: black; font-size: 16px; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content { margin-top: -5px; padding-bottom: 10px; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .info-list { margin-bottom: 0; padding-left: 0; list-style: none; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .info-list li { 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-between; margin-bottom: 13px; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .info-list li { display: block; } } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .info-list li > span { padding-left: 30px; color: #727272; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .info-list li > span { display: block; padding-left: 0; padding-top: 3px; } } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span { background-color: #ddd; color: white; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; font-size: 13px; line-height: 2.3em; max-width: 12.5%; text-align: center; text-transform: uppercase; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(1) { background-color: #2CA454; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(2) { background-color: #77B84C; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(3) { background-color: #C3D635; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(4) { background-color: #FFF300; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(5) { background-color: #EEB816; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(6) { background-color: #D86F1F; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(7) { background-color: #CE2023; } .single-listing-todo-main .listing-energy-efficiency .energy-efficiency-content .efficiency-color > span:nth-child(8) { background-color: #CE2023; } .single-listing-todo-main .listing-average-rating .rating-overview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-average-rating .rating-overview { display: block; } } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left { background-color: #1d0176; -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; padding: 30px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left { max-width: 100%; } } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left .rating-no { color: white; font-size: 80px; font-weight: lighter; line-height: 1em; margin-bottom: 22px; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left .rating-no { font-size: 60px; margin-bottom: 10px; } } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left .listing-rating .rating { font-size: 14px; color: #ebaf1d; } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left .listing-rating > a { display: block; line-height: 1.4em; color: #e5daff; } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-left .listing-rating > a:hover { color: #ef2825; } .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); max-width: calc(100% - 270px); } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-average-rating .rating-overview .rating-overview-right { max-width: 100%; padding-top: 30px; } } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 22px; } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar:last-child { margin-bottom: 0px; } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress-type { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; text-align: right; font-size: 15px; color: black; padding-right: 20px; font-weight: 600; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress-type { text-align: left; max-width: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); max-width: calc(100% - 180px); background-color: #e6e6e6; border-radius: 0; font-size: 12px; font-size: 12px; font-size: 12px; font-size: 0.75rem; height: 16px; overflow: hidden; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress { max-width: calc(100% - 150px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); } } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress .progress-bar { background-color: #ffa424; } .single-listing-todo-main .listing-average-rating .rating-overview .single-progress-bar .progress-percent { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px; text-align: right; font-size: 15px; font-weight: 600; color: black; } .single-listing-todo-main .listing-reviews-area .box-inner-content { margin-bottom: 60px; } .single-listing-todo-main .listing-reviews-area .comment-list, .single-listing-todo-main .listing-reviews-area .comment-list .children { list-style: none; margin: 0; padding: 0; } .single-listing-todo-main .listing-reviews-area .comment-list > .comment:last-child { margin-bottom: -60px; } .single-listing-todo-main .listing-reviews-area .comment-list > .comment > .children { padding-left: 115px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-list > .comment > .children { padding-left: 90px; } } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-list > .comment > .children { padding-left: 40px; } } .single-listing-todo-main .listing-reviews-area .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; position: relative; } @media only screen and (max-width: 991px) { .single-listing-todo-main .listing-reviews-area .comment-body { margin-bottom: 45px; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; text-align: center; line-height: 1.25em; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-author { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; max-width: 75px; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .avatar { width: 90px; height: 90px; border-radius: 50%; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .avatar { width: 75px; height: 75px; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .author-name { color: black; font-size: 14px; font-weight: 500; } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .reviews-no > span { display: block; font-size: 12px; } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .reviews-no > span.number { color: black; } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .reviews-no > span.number .fa { color: #F12C15; display: inline-block; padding-right: 2px; } .single-listing-todo-main .listing-reviews-area .comment-body .comment-author .reviews-no > span.text { line-height: 1.15em; } .single-listing-todo-main .listing-reviews-area .comment-body .comment-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 90px); flex: 0 0 calc(100% - 90px); max-width: calc(100% - 90px); padding-left: 25px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 75px); flex: 0 0 calc(100% - 75px); max-width: calc(100% - 75px); padding-left: 15px; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner { 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-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 10px; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner { display: block; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner .info-title-header { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner .info-title-header { max-width: 100%; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner .rating { font-size: 13px; font-weight: 500; 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; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner .rating { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 5px; } } .single-listing-todo-main .listing-reviews-area .comment-body .comment-info-inner .rating > [class*='fa-'] { color: #ef2825; margin: 0 2px; font-size: 12px; } .single-listing-todo-main .listing-reviews-area .comment-body .info-title-header > .title { font-size: 18px; margin-bottom: 4px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-body .info-title-header > .title { font-size: 16px; margin-bottom: 2px; } } .single-listing-todo-main .listing-reviews-area .comment-body .info-title-header .comment-metadata { font-size: 12px; font-weight: 500; } .single-listing-todo-main .listing-reviews-area .comment-body .info-title-header .comment-metadata a:hover { color: #ef2825; } .single-listing-todo-main .listing-reviews-area .comment-content { font-size: 14px; } .single-listing-todo-main .listing-reviews-area .comment-content > p { line-height: 1.7em; } .single-listing-todo-main .listing-reviews-area .comment-meta { -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; color: #a2a2a2; font-size: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div, .single-listing-todo-main .listing-reviews-area .comment-meta .reply { margin-right: 30px; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div, .single-listing-todo-main .listing-reviews-area .comment-meta .reply { margin-right: 20px; } } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div, .single-listing-todo-main .listing-reviews-area .comment-meta .reply { margin-right: 12px; } } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div:last-child, .single-listing-todo-main .listing-reviews-area .comment-meta .reply:last-child { margin-right: 0px; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div a, .single-listing-todo-main .listing-reviews-area .comment-meta .reply a { -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; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div a > span, .single-listing-todo-main .listing-reviews-area .comment-meta .reply a > span { font-size: 22px; margin-right: 10px; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div a > span, .single-listing-todo-main .listing-reviews-area .comment-meta .reply a > span { font-size: 18px; margin-right: 7px; } } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner > div a:hover, .single-listing-todo-main .listing-reviews-area .comment-meta .reply a:hover { color: #ef2825; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); -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; } @media only screen and (max-width: 480px) { .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner { display: block; } } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner a > span { position: relative; top: -2px; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner a.comment-link > span { color: #0054ff; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner a.comment-love > span { color: #ef2f24; top: 0px; } .single-listing-todo-main .listing-reviews-area .comment-meta .comment-meta-inner a.comment-dislink > span { color: #a2a2a2; top: 2px; } .single-listing-todo-main .listing-leave-review .review-box { padding-bottom: 10px; } .single-listing-todo-main .listing-leave-review .review-box > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; font-weight: 600; color: black; padding-left: 0; list-style: none; margin-bottom: 0; } @media only screen and (max-width: 767px) { .single-listing-todo-main .listing-leave-review .review-box > ul { display: block; } } .single-listing-todo-main .listing-leave-review .review-box > ul > li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -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-between; padding-right: 60px; margin-bottom: 25px; } @media only screen and (max-width: 575px) { .single-listing-todo-main .listing-leave-review .review-box > ul > li { max-width: 100%; margin-bottom: 15px; padding-right: 0; } } .single-listing-todo-main .listing-leave-review .review-box > ul > li > .review-rating { text-align: right; font-size: 18px; width: 85px !important; } .single-listing-todo-main .listing-leave-review .review-box > ul > li > .review-rating div > span { cursor: pointer; color: #ebaf1d; margin: 0 1px; } .single-listing-todo-main .listing-leave-review #review_form [class*="col-"] { margin-bottom: 15px; } .single-listing-todo-main .listing-leave-review #review_form .input-check > label { font-size: 14px; position: relative; padding-left: 25px; line-height: 1.2em; text-transform: capitalize; cursor: pointer; } .single-listing-todo-main .listing-leave-review #review_form .input-check > label:before { border: 1px solid #dddddd; content: ""; height: 14px; left: 1px; position: absolute; top: 1px; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; width: 14px; background-color: #FCFCFC; } .single-listing-todo-main .listing-leave-review #review_form .input-check > label:after { left: 3px; position: absolute; top: 1px; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; font-family: "icomoon"; color: #ef2825; font-size: 10px; } .single-listing-todo-main .listing-leave-review #review_form .input-check > input[type="checkbox"] { display: none; } .single-listing-todo-main .listing-leave-review #review_form .input-check > input[type="checkbox"]:checked + label:after { content: ""; } .single-listing-todo-main .listing-leave-review #review_form .input-file { padding: 50px 0 10px; } .single-listing-todo-main .listing-leave-review #review_form .input-file > label { font-size: 14px; position: relative; line-height: 1.2em; text-transform: capitalize; cursor: pointer; width: 148px; height: 148px; background-color: #f6f6f6; border-radius: 3px; color: #1d0176; text-align: center; } .single-listing-todo-main .listing-leave-review #review_form .input-file > label > span { font-size: 32px; display: block; margin-bottom: 10px; margin-top: 40px; } .single-listing-todo-main .listing-leave-review #review_form .input-file > input[type="file"] { display: none; } .single-listing-todo-main .listing-leave-review #review_form .form-controllar { padding: 5px 0 !important; font-size: 14px; border-bottom: 1px solid #dddddd; width: 100%; min-height: 45px; } .single-listing-todo-main .listing-leave-review #review_form textarea.form-controllar { min-height: 120px; } .single-listing-todo-main .listing-leave-review #review_form .form-submit { margin-bottom: 0px; margin-top: 10px; } /*-------------------------------------------------------------- [ ## Blog ] --------------------------------------------------------------*/ .news-block [class*="col-"] { text-align: center; } .post { margin-bottom: 30px; position: relative; min-height: 150px; display: inline-block; text-align: center; } .post .post-thumb { position: relative; margin-bottom: 0; } .post .post-thumb:before { content: ""; height: 100%; width: 100%; bottom: 0; top: 0; position: absolute; background-image: -webkit-linear-gradient(top, rgba(29, 1, 118, 0), #1d0176); background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #1d0176); z-index: 1; opacity: 0.5; -webkit-transition: all 0.3s; transition: all 0.3s; } .post .post-thumb > a { display: inline-block; } .post .post-thumb > a > img { -webkit-transition: all 0.2s; transition: all 0.2s; } .post .entry-title { margin-bottom: 20px; font-weight: 700; color: white; font-size: 21px; line-height: 1.25em; } @media screen and (max-width: 1199px) { .post .entry-title { font-size: 20px; } } .post .entry-title a:hover, .post .entry-title a:focus { color: #ef2825; } .post .overlay { position: absolute; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); left: 20px; z-index: 3; overflow: hidden; } @media screen and (min-width: 992px) and (max-width: 1199px) { .post .overlay { top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; } } @media screen and (max-width: 575px) { .post .overlay { top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; } } .post .overlay:before { background-color: rgba(29, 1, 118, 0.8); position: absolute; content: ""; top: 0; height: 0px; width: 100%; z-index: 1; -webkit-transition: all 0.35s cubic-bezier(0.59, 0.45, 0.83, 0.67); transition: all 0.35s cubic-bezier(0.59, 0.45, 0.83, 0.67); left: 0; } .post .overlay .overlay-inner { position: absolute; z-index: 5; bottom: 0; left: 0; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0 15px; } .post:hover .post-thumb:before { opacity: 0; } .post:hover .overlay:before { height: 100%; bottom: 0; top: auto; } .post:hover .overlay .overlay-inner { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } .entry-meta-content { -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; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.4em; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } .entry-meta-content > div { margin-right: 30px; position: relative; color: #b4b3b3; } .entry-meta-content > div:before { position: absolute; content: ""; left: -18px; top: 5px; z-index: 1; width: 7px; height: 7px; border-radius: 50%; background-color: #b4b3b3; } .entry-meta-content > div:last-child { margin-right: 0px; } .entry-meta-content > div:first-child:before { width: 0; height: 0; } .entry-meta-content > div a { -webkit-transition: color 0.35s; transition: color 0.35s; } .entry-meta-content > div a:hover, .entry-meta-content > div a:focus { color: #ef2825 !important; } .blog-latest-items [class*="col-"] { text-align: center; } .related-blog-area .related-blog-title { background-color: #f9f9f9; border: 1px solid #dddddd; padding: 17px 30px; margin-bottom: 30px; font-size: 18px; } @media only screen and (max-width: 991px) { .related-blog-area .related-blog-title { padding: 15px; } } /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ /*------------------------------------------------------------------- # Sections */ /* [ ## Featured ] */ /*------------------------------------------------------------------- # Featured ( All Featured Style ) */ .featured-locations-block.style-one .featured-location-carousel { margin-top: 15px; } @media only screen and (max-width: 991px) { .featured-locations-block.style-one .featured-location-carousel { margin-top: 40px; } } .featured-locations-block.style-two { background-attachment: fixed; } .featured-locations-block.style-two:before { opacity: 0.7; } .location-card-item { overflow: hidden; min-height: 150px; position: relative; display: block; border-radius: 20px; } .location-card-item .location-thumb { position: relative; margin-bottom: 0; } .location-card-item .location-thumb:before { content: ""; height: 100%; width: 100%; bottom: 0; top: 0; position: absolute; background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #4d4d4d87); z-index: 2; opacity: 0.6; -webkit-transition: all 0.3s; transition: all 0.3s; } .location-card-item .location-thumb > img { -o-object-fit: cover; object-fit: cover; width: 100%; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 20px; } .location-card-item .location-content { bottom: 0; padding: 20px 30px; position: absolute; width: 100%; z-index: 9; } @media only screen and (max-width: 767px) { .location-card-item .location-content { padding: 15px 20px; } } .location-card-item .location-content > .name { color: white; font-size: 21px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .location-card-item .location-content > .name { font-size: 20px; } } .location-card-item .location-content > .listing-no { color: black; font-size: 14px; font-weight: 600; width: 40px; height: 40px; border-radius: 50%; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } .location-card-item:hover .location-thumb:before { opacity: 0.8; } .location-card-item:hover .location-thumb > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .features-cat-list-area { overflow: hidden; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media screen and (max-width: 991px) { .features-cat-list-area { padding-top: 80px; padding-bottom: 25px; } } .features-cat-list-area:after { position: absolute; content: ""; left: 0; top: 120px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); } @media screen and (max-width: 991px) { .features-cat-list-area:after { height: 0; } } .features-cat-list-area .row > .col-lg-3:last-child .cat-list-item { border-right: 0px solid; } .features-cat-list-area .cat-list-item { color: white; border-right: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; } @media screen and (max-width: 991px) { .features-cat-list-area .cat-list-item { border-right: 0px solid; } } .features-cat-list-area .cat-list-item .cat-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-column-align: flex-start; justify-items: flex-start; min-height: 120px; padding-top: 30px; } @media screen and (max-width: 991px) { .features-cat-list-area .cat-list-item .cat-title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: auto; padding: 0px 0 30px; } } .features-cat-list-area .cat-list-item .cat-title .cat-name { font-size: 16px; font-weight: 500; } .features-cat-list-area .cat-list-item .cat-title .icon { font-size: 32px; margin-right: 15px; } .features-cat-list-area .cat-list-item .list { font-size: 15px; font-weight: 500; padding: 20px 40px 25px 0; margin-bottom: 0; } @media screen and (max-width: 1199px) { .features-cat-list-area .cat-list-item .list { padding-right: 20px; } } @media screen and (max-width: 991px) { .features-cat-list-area .cat-list-item .list { padding-right: 0px; } } .features-cat-list-area .cat-list-item .list > li { overflow: hidden; padding: 5px 0; } .features-cat-list-area .cat-list-item .list > li a { display: block; -webkit-transition: all 0.3; transition: all 0.3; } .features-cat-list-area .cat-list-item .list > li a > span { float: right; } .features-cat-list-area .cat-list-item .list > li:hover > a { color: #ef2825; } @media only screen and (max-width: 767px) { .features-cat-list-area:before { width: calc(50% + 255px); } .features-cat-list-area .cat-list-item { padding-right: 30px; } .features-cat-list-area .cat-list-item .list { padding-right: 0px; } } @media only screen and (max-width: 575px) { .features-cat-list-area:before { width: 100%; } .features-cat-list-area .cat-list-item { padding-right: 0px; } .features-cat-list-area .cat-list-item .list { padding-right: 0px; } } /* [ ## Categories ] */ .popular-categories-block .cat-item { display: block; } .popular-categories-block .cat-item .icon { font-size: 50px; margin-bottom: 0px; min-height: 50px; -webkit-transition: all 0.4s; transition: all 0.4s; color: #ef2825; margin-bottom: 17px; } @media only screen and (max-width: 480px) { .popular-categories-block .cat-item .icon { font-size: 42px; min-height: 40px; } } .popular-categories-block .cat-item .title { font-size: 21px; -webkit-transition: all 0.35s; transition: all 0.35s; margin-bottom: 0px; } @media only screen and (max-width: 480px) { .popular-categories-block .cat-item .title { font-size: 18px; } } .popular-categories-block.popular-categories-style-one .cat-item { min-height: 170px; position: relative; } .popular-categories-block.popular-categories-style-one .cat-item:before { content: ""; height: 100%; width: 100%; bottom: 0; top: 0; position: absolute; background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #4d4d4d87); opacity: 0.6; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 20px; } .popular-categories-block.popular-categories-style-one .cat-item.cat-img .listing-no { background-color: #1d0176; } .popular-categories-block.popular-categories-style-one .cat-item.cat-nightlife .listing-no { background-color: #2AABE2; } .popular-categories-block.popular-categories-style-one .cat-item.cat-hotel .listing-no { background-color: #25D6AF; } .popular-categories-block.popular-categories-style-one .cat-item.cat-service .listing-no { background-color: #FF504D; } .popular-categories-block.popular-categories-style-one .cat-item.cat-sopping .listing-no { background-color: #1C7C67; } .popular-categories-block.popular-categories-style-one .cat-item.cat-places .listing-no { background-color: #CDAF5C; } .popular-categories-block.popular-categories-style-one .cat-item .cat-thumb img { width: 100%; border-radius: 20px; } .popular-categories-block.popular-categories-style-one .cat-item .cat-content { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 5; padding: 25px 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .popular-categories-block.popular-categories-style-one .cat-item .cat-content { padding: 15px 20px; } } @media only screen and (max-width: 480px) { .popular-categories-block.popular-categories-style-one .cat-item .cat-content { padding: 15px 20px; } } .popular-categories-block.popular-categories-style-one .cat-item .cat-content .cat-content-inner { overflow: hidden; } .popular-categories-block.popular-categories-style-one .cat-item .icon { opacity: 0; visibility: hidden; margin-bottom: 50px; } .popular-categories-block.popular-categories-style-one .cat-item .listing-no { font-size: 14px; font-weight: 600; color: white; -webkit-transition: all 0.3s; transition: all 0.3s; height: 40px; width: 40px; border-radius: 50%; background-color: #403E7C; text-align: center; line-height: 40px; margin-bottom: 15px; } @media only screen and (max-width: 480px) { .popular-categories-block.popular-categories-style-one .cat-item .listing-no { margin-bottom: 10px; } } .popular-categories-block.popular-categories-style-one .cat-item .title { color: white; } .popular-categories-block.popular-categories-style-one .cat-item .cat-content-hover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 6; border: 1px solid #ef2825; border-radius: 20px; } .popular-categories-block.popular-categories-style-one .cat-item .cat-content-hover .content-hover-inner { text-align: center; } .popular-categories-block.popular-categories-style-one .cat-item .cat-content-hover .title { opacity: 0; visibility: hidden; } .popular-categories-block.popular-categories-style-one .cat-item:hover:before { background-color: #000000; } .popular-categories-block.popular-categories-style-one .cat-item:hover .cat-content-inner .title { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .popular-categories-block.popular-categories-style-one .cat-item:hover .cat-content-inner .listing-no { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .popular-categories-block.popular-categories-style-one .cat-item:hover .cat-content-hover .title, .popular-categories-block.popular-categories-style-one .cat-item:hover .cat-content-hover .icon { opacity: 1; visibility: visible; } .popular-categories-block.popular-categories-style-one .cat-item:hover .cat-content-hover .icon { margin-bottom: 15px; } .popular-categories-block.popular-categories-style-two .cat-item { box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.07); border: 1px solid #dddddd; background-repeat: no-repeat; background-position: center center; background-size: cover; } .popular-categories-block.popular-categories-style-two .cat-item.cat-food .icon { color: #40407a; } .popular-categories-block.popular-categories-style-two .cat-item.cat-nightlife .icon { color: #2AABE2; } .popular-categories-block.popular-categories-style-two .cat-item.cat-hotel .icon { color: #33d9b2; } .popular-categories-block.popular-categories-style-two .cat-item.cat-service .icon { color: #ff5252; } .popular-categories-block.popular-categories-style-two .cat-item.cat-sopping .icon { color: #ccae62; } .popular-categories-block.popular-categories-style-two .cat-item.cat-places .icon { color: #ffa337; } .popular-categories-block.popular-categories-style-two .cat-item .cat-content { text-align: center; padding: 55px 20px 50px; background-color: white; -webkit-transition: all 0.5s; transition: all 0.5s; } .popular-categories-block.popular-categories-style-two .cat-item:hover .cat-content { background-color: rgba(29, 1, 118, 0.7); } .popular-categories-block.popular-categories-style-two .cat-item:hover .icon, .popular-categories-block.popular-categories-style-two .cat-item:hover .title { color: white; } /* [ ## Testimonial ] */ /*------------------------------------------------- [ ## Testimonial ] */ .testimonial-block .carousel-nav-text { margin-bottom: 40px; } .testimonial-item { position: relative; box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.06); overflow: hidden; background-color: white; border: 1px solid #dddddd; } .testimonial-item .quote-icon { bottom: -15px; position: absolute; right: -10px; } .client-testimonial { padding: 25px 30px 30px; } @media only screen and (max-width: 1199px) { .client-testimonial { padding: 20px 15px 25px; } } @media only screen and (max-width: 480px) { .client-testimonial { padding: 20px 15px 25px; } } .client-testimonial .details { margin-bottom: 23px; } .client-testimonial .client-area { 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; } .client-testimonial .client-area .client-thumb { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } @media only screen and (max-width: 1199px) { .client-testimonial .client-area .client-thumb { height: 80px; width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } } .client-testimonial .client-area .client-thumb img { width: 100%; height: 100%; border-radius: 50%; } .client-testimonial .client-area .client-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); padding-left: 30px; } @media only screen and (max-width: 1199px) { .client-testimonial .client-area .client-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); padding-left: 20px; } } .client-testimonial .client-area .client-info .client-name { font-size: 16px; font-weight: 600; margin-bottom: 4px; line-height: 1.2em; } .client-testimonial .client-area .client-info .client-designation { font-size: 14px; line-height: 1.4em; } /* [ ## Work Process ] */ /*------------------------------------------------- [ ### Work Process ] */ .work-process-block .process-list { position: relative; padding-top: 15px; } .work-process-block .process-list .bg-line { background-position: center top; background-repeat: no-repeat; background-size: contain; height: 250px; left: 0; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 991px) { .work-process-block .process-list { padding-top: 0px; } .work-process-block .process-list .bg-line { display: none; } } .work-process-block .process-list .single-process { margin-bottom: 40px; text-align: center; } .work-process-block .process-list .single-process .icon { min-height: 100px; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .work-process-block .process-list .single-process .icon { margin-bottom: 20px; } } .work-process-block .process-list .single-process .process-step { color: black; font-size: 21px; font-weight: 700; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .work-process-block .process-list .single-process .process-step { font-size: 20px; } } @media only screen and (max-width: 991px) { .work-process-block .process-list .single-process .process-step { font-size: 18px; } } @media only screen and (max-width: 575px) { .work-process-block .process-list .single-process .process-step { font-size: 16px; } } /* [ ## Promo Video ] */ .promo-block-content { padding: 90px 0 100px; } @media only screen and (max-width: 1199px) { .promo-block-content { padding: 70px 0 80px; } } @media only screen and (max-width: 991px) { .promo-block-content { padding: 50px 0 60px; } } @media only screen and (max-width: 767px) { .promo-block-content { padding: 20px 0 30px; } } @media only screen and (max-width: 575px) { .promo-block-content { padding: 10px 0 15px; } } .promo-block-content .promo-title { font-size: 60px; color: white; font-weight: 800; line-height: 1.2em; margin-bottom: 45px; } @media only screen and (max-width: 1199px) { .promo-block-content .promo-title { font-size: 48px; } } @media only screen and (max-width: 991px) { .promo-block-content .promo-title { font-size: 42px; } } @media only screen and (max-width: 767px) { .promo-block-content .promo-title { font-size: 36px; margin-bottom: 35px; } } @media only screen and (max-width: 575px) { .promo-block-content .promo-title { font-size: 32px; margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .promo-block-content .promo-title { font-size: 26px; line-height: 1.3em; } } .promo-video-block .promo-video-content { padding-top: 120px; } @media only screen and (max-width: 575px) { .promo-video-block .promo-video-content { padding-top: 60px; } } .promo-video-block .promo-video-content .promo-text { color: white; background-color: #1d0176; padding: 75px 20px 85px; } @media only screen and (max-width: 1199px) { .promo-video-block .promo-video-content .promo-text { padding-bottom: 80px; } } @media only screen and (max-width: 575px) { .promo-video-block .promo-video-content .promo-text { padding: 55px 20px 60px; } } .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 60px; line-height: 1.2em; color: inherit; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 48px; } } @media only screen and (max-width: 991px) { .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 42px; } } @media only screen and (max-width: 767px) { .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 32px; margin-bottom: 5px; } } @media only screen and (max-width: 480px) { .promo-video-block .promo-video-content .promo-text .promo-title { font-size: 26px; line-height: 1.3em; } } .promo-video-block .promo-video-content .promo-text .promo-subtitle { font-size: 16px; line-height: 1.65em; } @media only screen and (max-width: 575px) { .promo-video-block .promo-video-content .promo-text .promo-subtitle { font-size: 15px; } } @media only screen and (max-width: 1199px) { .promo-video-section.pt-20 { padding-top: 0px; } .promo-video-section.pt-20 .promo-video-thumb { margin-top: 25px; } .promo-video-section .promo-video-content > h2 { font-size: 42px; line-height: 1.2em; } } @media only screen and (max-width: 991px) { .promo-video-section.pt-20 .promo-video-thumb { display: none; } .promo-video-section .promo-video-content > h2 { font-size: 36px; margin-bottom: 40px; } .promo-video-section.promo-video-style-two .row > div { text-align: center; } .promo-video-section.promo-video-style-two .promo-video-thumb { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .promo-video-section .promo-video-content > h2 { font-size: 32px; margin-bottom: 35px; } } @media only screen and (max-width: 575px) { .promo-video-section .promo-video-content > h2 { font-size: 26px; } } /* [ ## Brand ] */ /*------------------------------------------------- [ ## Work Brand ] */ .work-brand-block .owl-carousel .owl-item { display: table; height: 110px; } .work-brand-block .brands-link { cursor: pointer; display: table-cell; vertical-align: middle; width: 100%; } .work-brand-block .brands-link img { -webkit-transition: all 0.25s; transition: all 0.25s; margin: 0 auto; } .work-brand-block .brands-link:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* [ ## Newsletter ] */ /*------------------------------------------------- [ ### Newsletter Block ] */ .newsletter-block .subscribe-form { font-size: 14px; margin-top: -5px; } .newsletter-block .subscribe-form .dv-form { text-align: center; } .newsletter-block .subscribe-form .form-group { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .newsletter-block .subscribe-form .form-group { margin-bottom: 20px; } } .newsletter-block .subscribe-form .form-group label { display: block; line-height: 1.2em; margin-bottom: 0; text-align: left; } .newsletter-block .subscribe-form .form-group input { color: black; font-size: 16px; position: relative; width: 100%; background-color: transparent; border-bottom: 1px solid #dddddd; padding: 0 0 15px !important; text-align: center; } @media only screen and (max-width: 767px) { .newsletter-block .subscribe-form .form-group input { font-size: 15px; } } .newsletter-block .subscribe-form .form-group input:focus { color: #1d0176; border-bottom-color: #ef2825 !important; } .newsletter-block.style-two .subscribe-form .dv-form { text-align: left; } .newsletter-block.style-two ::-webkit-input-placeholder { color: white; opacity: 0.75; } .newsletter-block.style-two .widget_newsletter::-webkit-input-placeholder { color: white; opacity: 0.75; } .newsletter-block.style-two :-moz-placeholder { color: white; opacity: 0.75; } .newsletter-block.style-two ::-moz-placeholder { color: white; opacity: 0.75; } .newsletter-block.style-two :-ms-input-placeholder { color: white; opacity: 0.75; } .newsletter-block.style-two .subscribe-form .form-group input { text-align: left; border-color: #5847ac; } .newsletter-block.style-two .subscribe-form .form-group input:focus { color: white; } /*-------------------------------------------------------------- # Others --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Blog Single --------------------------------------------------------------*/ /*------------------------------------------------------------------- [ ## Single Posts ] */ .single-post-thumbnail-area { position: relative; min-height: 400px; background-color: #000; } .single-post-thumbnail-area .post-thumb { min-height: 600px; } @media only screen and (max-width: 991px) { .single-post-thumbnail-area .post-thumb { min-height: 500px; } } @media only screen and (max-width: 480px) { .single-post-thumbnail-area .post-thumb { min-height: 450px; } } .single-post-thumbnail-area .post-thumb:before { background-image: -webkit-linear-gradient(top, rgba(29, 1, 118, 0), #1d0176); background-image: linear-gradient(to bottom, rgba(29, 1, 118, 0), #1d0176); background-color: transparent; opacity: 0.8; } .single-post-thumbnail-area .post-header { bottom: 0; left: 0; padding-bottom: 52px; padding-top: 120px; position: absolute; width: 100%; z-index: 1; text-align: center; } @media only screen and (max-width: 991px) { .single-post-thumbnail-area .post-header { padding-bottom: 30px; padding-top: 70px; } } .single-post-thumbnail-area .post-header .entry-title { font-size: 42px; line-height: 1.1em; margin-bottom: 17px; color: white; } @media only screen and (max-width: 1199px) { .single-post-thumbnail-area .post-header .entry-title { font-size: 38px; } } @media only screen and (max-width: 767px) { .single-post-thumbnail-area .post-header .entry-title { font-size: 32px; } } @media only screen and (max-width: 575px) { .single-post-thumbnail-area .post-header .entry-title { font-size: 28px; line-height: 1.2em; } } .single-post-thumbnail-area .post-header .entry-meta-content > div { color: #e5daff; } .single-post-thumbnail-area .post-header .entry-meta-content > div > a { font-weight: 500; color: white; } .post.single-post { margin-bottom: 60px; background-color: transparent; box-shadow: 0px 0px 0px transparent; text-align: center; margin-top: -8px; } .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 p { margin-bottom: 35px; } @media only screen and (max-width: 767px) { .post.single-post p { margin-bottom: 25px; } } .post.single-post p:last-child { margin-bottom: 0; } .post.single-post .image-group { padding-top: 20px; } @media only screen and (max-width: 767px) { .post.single-post .image-group { padding-top: 10px; } } .post.single-post iframe { border: 0px solid; } .post.single-post figure { margin-bottom: 30px; } .post.single-post figure span { color: #979797; font-size: 12px; display: block; padding: 13px 0 25px; } .post.single-post .post-details { padding: 0; } .post.single-post .responsive-video { margin-bottom: 40px; margin-top: 40px; } .post.single-post .responsive-video .fluid-width-video-wrapper { position: absolute; top: 0; } .post.single-post blockquote { padding: 30px 110px 15px; color: black; text-align: center; } @media only screen and (max-width: 991px) { .post.single-post blockquote { padding: 30px 60px 15px; } } @media only screen and (max-width: 767px) { .post.single-post blockquote { padding: 20px 20px 5px; } } .post.single-post blockquote img { margin-bottom: 25px; border-radius: 0px; } @media only screen and (max-width: 767px) { .post.single-post blockquote img { margin-bottom: 20px; } } .post.single-post blockquote p { text-align: center !important; margin-bottom: 10px; position: relative; font-size: 32px; font-weight: 800; line-height: 1.2em; } .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; } @media only screen and (max-width: 1199px) { .post.single-post blockquote p { font-size: 24px; } } @media only screen and (max-width: 767px) { .post.single-post blockquote p { font-size: 20px; } } .post.single-post .entry-footer { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 20px 0; margin-top: 50px; } .entry-tag { text-align: center; } .entry-tag > a { border: 1px solid #ef2825; border-radius: 40px; color: black; display: inline-block; font-size: 12px; font-weight: 500; height: 35px; line-height: 33px; margin: 5px 3px; padding: 0 20px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } .entry-tag > a:hover, .entry-tag > a:focus { background-color: #ef2825; color: white; } .post-share-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1199px) { .post-share-area { margin-bottom: 25px; } } .post-share-area h3 { font-size: 48px; line-height: 40px; margin-bottom: 0; text-align: center; font-weight: 700; color: black; } .post-share-area h3 span { display: block; font-size: 12px; line-height: 1em; font-weight: normal; color: #727272; } .post-share-area .share { margin-bottom: -4px; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .post-share-area .share > a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ef2825; color: white; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 40px; margin-bottom: 10px; margin-right: 7px; } .post-share-area .share > a span { display: inline-block; text-align: center; } .post-share-area .share > a [class*='fa-'] { width: 50px; height: 100%; line-height: 40px; } @media only screen and (max-width: 1199px) { .post-share-area .share > a [class*='fa-'] { width: 40px; } } .post-share-area .share > a .text { font-size: 11px; font-weight: 500; padding: 0 30px; } @media only screen and (max-width: 1199px) { .post-share-area .share > a .text { padding: 0 25px; } } .post-share-area .share > a.facebook { background-color: #3B5998; } .post-share-area .share > a.facebook span.fab { background-color: #36508A; } .post-share-area .share > a.twitter { background-color: #01ACEE; } .post-share-area .share > a.twitter span.fab { background-color: #009BD6; } .post-share-area .share > a.google { background-color: #EA4335; } .post-share-area .share > a.google span.fab { background-color: #D33C30; } /*-------------------------------------------------------------- # Site Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Mapping Listing --------------------------------------------------------------*/ .search-filter-options { background-color: #f9f9f9; border: 1px solid #dddddd; box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.06); padding: 22px 30px 20px; position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .search-filter-options { padding: 22px 20px 20px; } } @media only screen and (max-width: 575px) { .search-filter-options { padding: 22px 15px 20px; } } .listing-google-map-content #map_todo_listing { height: 960px; } @media only screen and (max-width: 1620px) { .listing-google-map-content #map_todo_listing { height: 800px; } } @media only screen and (max-width: 1366px) { .listing-google-map-content #map_todo_listing { height: 700px; } } @media only screen and (max-width: 1199px) { .listing-google-map-content #map_todo_listing { height: 600px; } } @media only screen and (max-width: 991px) { .listing-google-map-content #map_todo_listing { height: 550px; } } @media only screen and (max-width: 767px) { .listing-google-map-content #map_todo_listing { height: 480px; } } .infoBox { position: absolute !important; } .infoBox > img { position: absolute !important; right: 20; top: 20; z-index: 5; } .marker_info { background-color: #fff; box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06); padding: 10px; } .marker_info .todo-item { margin-bottom: 0; } .marker_info .todo-item .todo-thumbnail-area .todo-overlay-info { padding: 10px; } .marker_info .todo-item .todo-thumbnail-area .todo-overlay-info .todo-meta-bottom { padding: 0px 10px; } .marker_info .todo-item .todo-content { padding: 10px 10px 15px; } .marker_info .todo-item .save { width: 35px; height: 35px; font-size: 16px; line-height: 38px; position: relative; bottom: 5px; } .mapping-listing-block { 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-between; } .mapping-listing-block > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-google-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-google-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-google-map-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .mapping-listing-block .listing-google-map-content #map_todo_listing { height: 100%; } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-google-map-content #map_todo_listing { height: 550px; } } @media only screen and (max-width: 767px) { .mapping-listing-block .listing-google-map-content #map_todo_listing { height: 500px; } } .mapping-listing-block .listing-filter-area { padding: 40px 60px 30px; background-color: #F8F8F8; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-filter-area { padding: 30px 30px 15px; } } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-filter-area { padding: 50px 15px 35px; } } .mapping-listing-block .listing-filter-area .search_filter_form .filter-group { margin-bottom: 20px; } .mapping-listing-block .listing-filter-area .search_filter_form .filter-group > label { font-size: 12px; font-weight: 500; color: #a0a0a0; display: block; margin-bottom: 0; text-transform: uppercase; } .mapping-listing-block .listing-filter-area .search_filter_form .search-distance-value { padding-top: 10px; } .mapping-listing-block .listing-filter-area .search_filter_form .search-distance-value, .mapping-listing-block .listing-filter-area .search_filter_form .search-search-price { font-size: 14px; padding-top: 3px; margin-bottom: 18px; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-filter-area .search_filter_form .search-distance-value, .mapping-listing-block .listing-filter-area .search_filter_form .search-search-price { margin-bottom: 0px; } } .mapping-listing-block .listing-filter-area .search_filter_form div.rangeslider .rangeinner, .mapping-listing-block .listing-filter-area .search_filter_form div.rangeslider .rangeselector { background-color: #ef2825 !important; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-filter-area .search_filter_form [class*='col-'] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-filter-area .search_filter_form [class*='col-'] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .mapping-listing-block .listing-map-content-main { padding: 50px 60px; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-map-content-main { padding: 50px 30px; } } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main { padding: 30px 30px 50px; } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-map-content-main { padding: 60px 15px; } } .mapping-listing-block .listing-map-content-main .search-filter-options { -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-between; margin-bottom: 55px; background-color: transparent; border: 0px solid; padding: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06); } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .search-filter-options { margin-bottom: 40px; } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-map-content-main .search-filter-options { display: block; } } .mapping-listing-block .listing-map-content-main .search-filter-options .result-show-by-cat { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 250px); flex: 0 0 calc(100% - 250px); max-width: calc(100% - 250px); font-size: 13px; text-transform: uppercase; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .search-filter-options .result-show-by-cat { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); max-width: calc(100% - 180px); } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-map-content-main .search-filter-options .result-show-by-cat { max-width: 100%; margin-bottom: 20px; } } .mapping-listing-block .listing-map-content-main .search-filter-options .result-show-by-cat .result-title { font-size: 32px; font-weight: 600; margin-bottom: 0; line-height: 1.2em; text-transform: capitalize; } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .search-filter-options .result-show-by-cat .result-title { font-size: 24px; } } .mapping-listing-block .listing-map-content-main .search-filter-options .filter-by-grid-list { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 250px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .search-filter-options .filter-by-grid-list { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; max-width: 180px; } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-map-content-main .search-filter-options .filter-by-grid-list { max-width: 100%; } } .mapping-listing-block .listing-map-content-main .search-filter-options .filter-by-grid-list > label { font-size: 12px; font-weight: 500; color: #a0a0a0; display: block; margin-bottom: 0; text-transform: uppercase; } .mapping-listing-block .listing-map-content-main .listing-todo-main { width: 100%; height: 920px; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-map-content-main .listing-todo-main { height: 835px; } } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .listing-todo-main { height: 550px; } } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-map-content-main .listing-todo-main { height: 1000px; } } @media only screen and (max-width: 767px) { .mapping-listing-block .listing-map-content-main .listing-todo-main { height: 835px; } } @media only screen and (max-width: 575px) { .mapping-listing-block .listing-map-content-main .listing-todo-main { height: 1050px; } } @media only screen and (max-width: 1199px) { .mapping-listing-block .listing-map-content-main .listing-todo-main.listing-todo-grid [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 991px) { .mapping-listing-block .listing-map-content-main .listing-todo-main.listing-todo-grid [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 620px) { .mapping-listing-block .listing-map-content-main .listing-todo-main.listing-todo-grid [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .mapping-listing-block .listing-map-content-main .listing-todo-main .tse-scrollbar { background-color: #DDDDDD; border-radius: 0px; height: calc(100% - 10px); width: 8px; z-index: 9; } .mapping-listing-block .listing-map-content-main .listing-todo-main .tse-scrollbar .drag-handle { background-color: #ef2825; right: 0; width: 8px; opacity: 0.75; border-radius: inherit; cursor: pointer; } .mapping-listing-block .listing-map-content-main .listing-todo-main .tse-scrollbar .drag-handle.visible { opacity: 1; } .mapping-listing-block .listing-map-content-main .listing-todo-main .tse-scroll-content .tse-content { padding-right: 55px; } @media only screen and (max-width: 1366px) { .mapping-listing-block .listing-map-content-main .listing-todo-main .tse-scroll-content .tse-content { padding-right: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mapping-listing-block .todo-item.todo-item-list { display: block; } } @media only screen and (min-width: 1367px) and (max-width: 1700px) { .mapping-listing-block .todo-item.todo-item-list .todo-content { padding: 20px 15px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); max-width: calc(100% - 270px); } } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .mapping-listing-block .todo-item.todo-item-list .todo-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); padding: 20px 15px; } .mapping-listing-block .todo-item.todo-item-list .todo-content .todo-meta { font-size: 12px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mapping-listing-block .todo-item.todo-item-list .todo-content { max-width: 100%; } .mapping-listing-block .todo-item.todo-item-list .todo-content .todo-meta { font-size: 14px; } } @media only screen and (min-width: 1367px) and (max-width: 1700px) { .mapping-listing-block .todo-item.todo-item-list .todo-thumbnail-area { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; } } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .mapping-listing-block .todo-item.todo-item-list .todo-thumbnail-area { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mapping-listing-block .todo-item.todo-item-list .todo-thumbnail-area { max-width: 100%; } } /*-------------------------------------------------------------- ## About Page --------------------------------------------------------------*/ .user-profile-list-block .total-rating { -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; font-size: 12px; } .user-profile-list-block .total-rating > span { background-color: #ffa424; color: white; display: inline-block; margin-right: 10px; text-align: center; width: 35px; font-weight: 500; } .user-profile-list-block .user-meta { font-size: 16px; margin-bottom: 20px; } @media only screen and (max-width: 480px) { .user-profile-list-block .user-meta { font-size: 14px; } } .user-profile-list-block .user-meta > div { margin-bottom: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .user-profile-list-block .user-meta > div:last-child { margin-bottom: 0; } .user-profile-list-block .user-meta > div > span { display: inline-block; margin-right: 7px; color: #ef2825; position: relative; top: 3px; } .user-profile-list-block .user-profile-info-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .user-profile-list-block .user-profile-info-area { display: block; } } .user-profile-list-block .user-profile-info-area .profile-info-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 0 0 210px; } @media only screen and (max-width: 767px) { .user-profile-list-block .user-profile-info-area .profile-info-left { max-width: 100%; } } @media only screen and (max-width: 575px) { .user-profile-list-block .user-profile-info-area .profile-info-left { display: block; } } .user-profile-list-block .user-profile-info-area .profile-info-left .user-profile-thumb .profile-thumb { border: 10px solid white; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); display: inline-block; } .user-profile-list-block .user-profile-info-area .profile-info-right { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 210px); flex: 0 0 calc(100% - 210px); max-width: calc(100% - 210px); 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-between; padding-left: 55px; } @media only screen and (max-width: 1199px) { .user-profile-list-block .user-profile-info-area .profile-info-right { padding-left: 30px; } } @media only screen and (max-width: 767px) { .user-profile-list-block .user-profile-info-area .profile-info-right { padding-left: 0px; padding-top: 25px; max-width: 100%; } } .user-profile-list-block .user-profile-info-area .profile-info-right .todo-rating, .user-profile-list-block .user-profile-info-area .profile-info-right .listing-todo-feature-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .user-profile-list-block .user-profile-info-area .profile-info-right .todo-rating { margin-bottom: 30px; } .user-profile-list-block .user-profile-info-area .profile-info-right .listing-todo-feature-list { margin-bottom: 25px; } @media only screen and (max-width: 991px) { .user-profile-list-block .user-profile-info-area .profile-info-right .info { margin-bottom: 15px; } } .user-profile-list-block .user-profile-info-area .profile-info-right .info .user-name { font-size: 42px; font-weight: 600; line-height: 1.25em; margin-bottom: 20px; margin-top: -8px; } @media only screen and (max-width: 991px) { .user-profile-list-block .user-profile-info-area .profile-info-right .info .user-name { font-size: 32px; margin-bottom: 10px; } } @media only screen and (max-width: 480px) { .user-profile-list-block .user-profile-info-area .profile-info-right .info .user-name { font-size: 28px; margin-bottom: 10px; } } .text-content h1 { margin-top: 0; margin-bottom: 20px; } .text-content h1 strong { font-weight: 900; } .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 { margin: 0 0 15px; } .text-content p { font-size: 15px; } /*-------------------------------------------------------------- ## Contact Page --------------------------------------------------------------*/ .contact-info-block { position: relative; } .contact-info-block .mock-up-thumb { border: 20px solid white; position: relative; box-shadow: 13px 0 35px rgba(0, 0, 0, 0.09); } @media only screen and (max-width: 767px) { .contact-info-block .mock-up-thumb { border-width: 10px; } } .contact-info-block .section-title .title-sub { margin-bottom: 15px; } .contact-info-block .contant-info-area { padding-left: 70px; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-area { padding-left: 0px; } } .contact-info-block .contant-info-content { padding-top: 15px; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-content { padding-top: 0px; } } .contact-info-block .contant-info-content > div { margin-bottom: 25px; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-content > div { margin-bottom: 20px; } } .contact-info-block .contant-info-content .info-address { font-size: 21px; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-content .info-address { font-size: 20px; } } .contact-info-block .contant-info-content .info-address > span { display: block; font-weight: 600; color: #ef2825; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-content .info-address > span { margin-bottom: 15px; } } .contact-info-block .contant-info-content .info-phone { font-weight: 500; font-size: 42px; color: black; line-height: 1.2em; } @media only screen and (max-width: 1199px) { .contact-info-block .contant-info-content .info-phone { font-size: 32px; } } .contact-info-block .contant-info-content .info-email { font-size: 18px; } .contact-info-block .contant-info-content .info-email > a:hover { color: #ef2825; } .contact-info-block .social-status { padding-top: 20px; } @media only screen and (max-width: 1199px) { .contact-info-block .social-status { padding-top: 10px; } } .contact-info-block .social-status > a { background-color: rgba(0, 0, 0, 0.06); } .contact-info-block .social-status > a:hover { background-color: #ef2825; } @media only screen and (max-width: 991px) { .contact-info-block .contant-info-content { padding-top: 10px; } .contact-info-block .contant-info-content .info-address { font-size: 18px; } .contact-info-block .contant-info-content .info-address > span { margin-bottom: 10px; } .contact-info-block .contant-info-content .info-phone { font-size: 32px; } .contact-info-block .social-status { padding-top: 10px; } } @media only screen and (max-width: 767px) { .contact-info-block .contant-info-content { padding-top: 0px; } .contact-info-block .contant-info-content > div { margin-bottom: 15px; } .contact-info-block .contant-info-content .info-address { font-size: 16px; } .contact-info-block .contant-info-content .info-address > span { margin-bottom: 5px; } .contact-info-block .contant-info-content .info-phone { font-size: 22px; } .contact-info-block .contant-info-content .info-email { font-size: 16px; } } .contact-block-area { position: relative; } .contact-block-area #contact_map { height: 740px; } @media only screen and (max-width: 1199px) { .contact-block-area #contact_map { height: 700px; } } .contact-block-area > .container { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .contact-block-area .contact-form-area { margin: 0 50px; } @media only screen and (max-width: 575px) { .contact-block-area .contact-form-area { margin: 0; } } .contact-block-area .contact-form-area .contact-form { background-color: white; position: relative; z-index: 1; padding: 60px 45px; } @media only screen and (max-width: 1199px) { .contact-block-area .contact-form-area .contact-form { padding: 40px 30px 45px; } } @media only screen and (max-width: 767px) { .contact-block-area .contact-form-area .contact-form { padding: 30px 15px 35px; } } .contact-block-area .contact-form-area .contact-form:before { position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); content: ""; border: 10px solid rgba(255, 255, 255, 0.05); left: -10px; top: -10px; box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.1); } .contact-block-area .contact-form-area .contact-form .form-group { margin-bottom: 55px; } @media only screen and (max-width: 767px) { .contact-block-area .contact-form-area .contact-form .form-group { margin-bottom: 30px; } } .contact-block-area .contact-form-area .contact-form .form-group label { display: block; line-height: 1.2em; margin-bottom: 5px; text-align: left; font-size: 14px; } .contact-block-area .contact-form-area .contact-form .form-group input, .contact-block-area .contact-form-area .contact-form .form-group textarea { color: black; font-size: 16px; position: relative; width: 100%; background-color: transparent; border-bottom: 1px solid #dddddd; padding: 0 0 10px !important; } @media only screen and (max-width: 767px) { .contact-block-area .contact-form-area .contact-form .form-group input, .contact-block-area .contact-form-area .contact-form .form-group textarea { font-size: 14px; } } .contact-block-area .contact-form-area .contact-form .form-group input:focus, .contact-block-area .contact-form-area .contact-form .form-group textarea:focus { color: black; border-bottom-color: #ef2825 !important; } .contact-block-area .contact-form-area .contact-form .form-group textarea { min-height: 120px; max-width: 100%; } .contact-block-area .contact-form-area .contact-form .btn-contact:after { width: 0; } .contact-block-area .contact-form-area .contact-form .btn-contact .status { bottom: 0; height: 22px; height: 1.375rem; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 24px; width: 1.5rem; } .contact-block-area .contact-form-area .contact-form .btn-contact > span { padding-left: 0; margin-left: 0; } .contact-block-area .contact-form-area .contact-form .btn-contact span { -webkit-transition: .3s ease; transition: .3s ease; border-left: 0px solid; } .contact-block-area .contact-form-area .contact-form .btn-contact .status .spinner { left: 5px; left: .3125rem; -webkit-transition: .3s ease; transition: .3s ease; top: 3px; top: .1875rem; position: absolute; opacity: 0; } .contact-block-area .contact-form-area .contact-form .btn-contact .status .status-icon { border-radius: 50%; left: 0; opacity: 0; font-size: 10px; font-size: .625rem; padding: 4px 7px; padding: .25rem .4375rem; position: relative; -webkit-transition: .3s ease; transition: .3s ease; z-index: 1; -webkit-transform: scale(0); transform: scale(0); } .contact-block-area .contact-form-area .contact-form .btn-contact .status .status-icon.valid { background-color: var(--green); } .contact-block-area .contact-form-area .contact-form .btn-contact .status .status-icon.invalid { background-color: var(--red); } .contact-block-area .contact-form-area .contact-form .btn-contact.processing span { opacity: .2; } .contact-block-area .contact-form-area .contact-form .btn-contact.processing .spinner { opacity: 1; } .contact-block-area .contact-form-area .contact-form .btn-contact.done .ts-spinner { opacity: 0; } .contact-block-area .contact-form-area .contact-form .btn-contact.done .status-icon { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .contact-form .input-success, .contact-form .input-error { float: left; width: 100%; clear: both; margin-top: 15px; margin-bottom: 0; padding: 5px 15px; display: none; } /*-------------------------------------------------------------- ## Coming Soon --------------------------------------------------------------*/ .coming-soon-block { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coming-soon-content .site-logo { margin-bottom: 45px; } @media only screen and (max-width: 991px) { .coming-soon-content .site-logo { margin-bottom: 25px; } } .coming-soon-content .title { color: white; font-size: 18px; line-height: 1.7em; font-weight: 700; padding: 0 160px; margin-bottom: 55px; } @media only screen and (max-width: 1199px) { .coming-soon-content .title { padding: 0 90px; } } @media only screen and (max-width: 991px) { .coming-soon-content .title { margin-bottom: 35px; } } @media only screen and (max-width: 767px) { .coming-soon-content .title { padding: 0px; font-size: 16px; } } .coming-soon-content .social-status-two a { color: white; } .countdown-area { margin-bottom: 30px; } @media only screen and (max-width: 991px) { .countdown-area { margin-bottom: 20px; } } .countdown-area .timer-body-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .countdown-area .timer-body-block > .table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px); text-align: center; margin: 0 15px 30px; background-color: rgba(255, 255, 255, 0.06); } @media only screen and (max-width: 1199px) { .countdown-area .timer-body-block > .table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 calc(35% - 30px); flex: 0 0 calc(35% - 30px); max-width: calc(35% - 30px); } } @media only screen and (max-width: 767px) { .countdown-area .timer-body-block > .table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); } } @media only screen and (max-width: 420px) { .countdown-area .timer-body-block > .table-cell { -webkit-box-flex: 0; -ms-flex: 0 0 calc(80% - 30px); flex: 0 0 calc(80% - 30px); max-width: calc(80% - 30px); } } .countdown-area .timer-body-block > .table-cell > .tab-val { font-size: 82px; font-weight: lighter; margin-bottom: 0px; line-height: 0.9em; color: white; padding: 35px 10px; } @media only screen and (max-width: 767px) { .countdown-area .timer-body-block > .table-cell > .tab-val { font-size: 70px; } } @media only screen and (max-width: 575px) { .countdown-area .timer-body-block > .table-cell > .tab-val { font-size: 50px; } } .countdown-area .timer-body-block > .table-cell > .tab-metr { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: white; background-color: #ef2825; padding: 13px 0; } /*-------------------------------------------------------------- ## 404 Page --------------------------------------------------------------*/ .error-page-content { text-align: center; } .error-page-content .error-thumbnail { margin-bottom: 55px; border-bottom: 1px solid #dddddd; } @media only screen and (max-width: 767px) { .error-page-content .error-thumbnail { margin-bottom: 30px; } } .error-page-content .error-title { color: black; font-size: 24px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .error-page-content .error-title { font-size: 22px; } } .error-page-content .error-text { font-size: 15px; line-height: 1.6em; } .error-page-content .error-text > a { color: #ef2825; } .error-page-content .error-text > a:hover, .error-page-content .error-text > a:focus { color: #1d0176; } /*-------------------------------------------------------------- ## Dashboard Page --------------------------------------------------------------*/ .dashboard-menu-area { background-color: #1d0176; min-height: 100vh; height: 100%; width: 220px; box-shadow: 3px 3px 13px rgba(155, 178, 177, 0.11); float: left; position: fixed; left: 0; top: 0; z-index: 999; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } @media only screen and (max-width: 991px) { .dashboard-menu-area { left: -100%; } } .dashboard-menu-area.active { left: 0; } .dashboard-menu-area.active > .btn-close { left: 220px; } .dashboard-menu-area .btn-close { background-color: #1a1a1a; color: white; display: inline-block; font-size: 10px; height: 30px; line-height: 30px; position: fixed; left: 0px; text-align: center; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; top: 0; width: 30px; cursor: pointer; display: none; } @media only screen and (max-width: 991px) { .dashboard-menu-area .btn-close { display: block; top: 68px; } } .dashboard-menu-area .btn-close:hover { color: #ef2825; } .dashboard-menu-area .site-logo-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-column-align: center; justify-items: center; padding: 15px 20px; height: 80px; background-color: #ef2825; } .dashboard-menu-area .site-logo-block > .site-logo { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: 0; text-align: center; } .dashboard-menu-area .dashboard-menu-main { height: calc(100vh - 215px); } .dashboard-menu-area .dashboard-menu-main.tse-scrollable { width: 100%; } .dashboard-menu-area .dashboard-menu-main .tse-scrollbar .drag-handle { background-color: #ef2825; opacity: 1; width: 5px; } .dashboard-menu-area .filter-tab-area { margin-bottom: 0px; } .dashboard-menu-area .dashboard-menu { list-style: outside none none; margin-bottom: 0; padding-left: 0; text-align: center; width: 100%; float: none; display: block; padding-top: 15px; } .dashboard-menu-area .dashboard-menu > li { display: block; } .dashboard-menu-area .dashboard-menu > li > a { color: #f7f8fc; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; padding: 15px 20px; -webkit-transition: all 0.25s; transition: all 0.25s; height: auto; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: normal; } .dashboard-menu-area .dashboard-menu > li > a > span { display: block; } .dashboard-menu-area .dashboard-menu > li > a > span.icon { color: #b1a2fc; font-size: 24px; min-width: 40px; text-align: left; } .dashboard-menu-area .dashboard-menu > li > a.active, .dashboard-menu-area .dashboard-menu > li > a:hover { color: #ef2825; } .dashboard-page-title { background-color: white; border: 1px solid #dddddd; margin-bottom: 30px; } .dashboard-page-title .title { margin-bottom: 0; font-size: 18px; padding: 16px 30px; } @media only screen and (max-width: 991px) { .dashboard-page-title .title { padding: 15px 20px; } } @media only screen and (max-width: 420px) { .dashboard-page-title .title { font-size: 16px; } } .dashboard-contant-area { margin-left: 220px; width: calc(100% - 220px); background-color: #f0f5ff; min-height: 100vh; } @media only screen and (max-width: 991px) { .dashboard-contant-area { width: 100%; margin-left: 0; } } .dashboard-contant-area > .container-fluid { padding: 0; } .dashboard-contant-area .dashboard-header { background-color: white; box-shadow: 3px 3px 15px rgba(155, 178, 177, 0.13); padding: 15px 25px; } @media only screen and (max-width: 991px) { .dashboard-contant-area .dashboard-header { padding: 10px; } } .dashboard-contant-area .dashboard-header .container-fluid { padding: 0 5px; } .dashboard-contant-area .dashboard-contant { padding: 30px 0px 60px; } .dashboard-contant-area .dashboard-contant .filter-listing-tab { margin-bottom: 15px; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li { width: 190px; border: 1px solid #dddddd; display: block; margin: 0 15px 15px; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a { display: block; border-radius: 0; text-align: center; font-weight: 600; padding: 25px 15px 28px; height: auto; line-height: 1em; font-size: 16px; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a > span { font-size: 42px; display: block; line-height: 1em; margin-bottom: 5px; color: #85cb48; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.pending > span { color: #ffa424; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.expired > span { color: #ef2825; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.active { background-color: #85cb48; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.active > span { color: white !important; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.active.pending { background-color: #ffa424; } .dashboard-contant-area .dashboard-contant .filter-listing-tab .nav-tabs > li > a.active.expired { background-color: #ef2825; } .dashboard-contant-area .headline { font-size: 18px; font-weight: 600; margin-bottom: 20px; text-transform: capitalize; } .dashboard-contant-area .default-form-area { background-color: white; border-radius: 7px; box-shadow: 3px 3px 15px rgba(187, 187, 202, 0.3); padding: 25px 30px 30px; margin-bottom: 30px; } @media only screen and (max-width: 1366px) { .dashboard-contant-area .default-form-area { padding: 20px 15px 25px; } } @media only screen and (max-width: 1199px) { .dashboard-contant-area .default-form-area { padding: 20px 20px 25px; } } @media only screen and (max-width: 420px) { .dashboard-contant-area .default-form-area { padding: 20px 15px 25px; } } .dashboard-contant-area .default-form .form-controllar { font-size: 14px; padding: 13px 0px; } .dashboard-contant-area .form-submit { margin-bottom: 0; padding-top: 20px; } .dashboard-contant-area .form-submit .btn-default { margin-right: 5px; } .dashboard-contant-area .form-submit .btn-default:last-child { margin-right: 0px; } .dashboard-header-mian { 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; } .dashboard-header-mian #languageButton, .dashboard-header-mian #currencyButton { border: 0px solid; background-color: transparent; font-size: 14px; font-weight: 500; padding: 0; color: #727272; } .dashboard-header-mian #languageButton:after, .dashboard-header-mian #currencyButton:after { margin-left: 1px; border-top: 5px solid #727272; border-right: 5px solid transparent; border-left: 5px solid transparent; position: relative; top: 1px; right: -4px; } .dashboard-header-mian .currency-area .dropdown, .dashboard-header-mian .language-area .dropdown, .dashboard-header-mian .author-registration-area .dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dashboard-header-mian .currency-area .dropdown .dropdown-menu, .dashboard-header-mian .language-area .dropdown .dropdown-menu, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu { top: 25px !important; z-index: 9999; } @media only screen and (max-width: 991px) { .dashboard-header-mian .currency-area .dropdown .dropdown-menu, .dashboard-header-mian .language-area .dropdown .dropdown-menu, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu { top: 20px !important; } } .dashboard-header-mian .currency-area .dropdown .dropdown-menu > a, .dashboard-header-mian .language-area .dropdown .dropdown-menu > a, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu > a { display: block; padding: 4px 15px; font-size: 14px; font-weight: 500; color: black; } .dashboard-header-mian .currency-area .dropdown .dropdown-menu > a > img, .dashboard-header-mian .language-area .dropdown .dropdown-menu > a > img, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu > a > img { margin-right: 5px; } .dashboard-header-mian .currency-area .dropdown .dropdown-menu > a:hover, .dashboard-header-mian .currency-area .dropdown .dropdown-menu > a:focus, .dashboard-header-mian .language-area .dropdown .dropdown-menu > a:hover, .dashboard-header-mian .language-area .dropdown .dropdown-menu > a:focus, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu > a:hover, .dashboard-header-mian .author-registration-area .dropdown .dropdown-menu > a:focus { background-color: #ef2825; color: white; } .dashboard-header-mian .author-registration-area .user-thumb { padding-right: 10px; } .dashboard-header-mian .author-registration-area .user-thumb img { width: 50px; height: 50px; border-radius: 50%; } @media only screen and (max-width: 420px) { .dashboard-header-mian .author-registration-area .user-thumb img { width: 35px; height: 35px; } } .dashboard-header-mian .author-registration-area #authorButton { font-size: 16px; font-weight: normal; border: 0px solid; background-color: transparent; padding: 0; color: #727272; } .dashboard-header-mian .author-registration-area #authorButton::after { display: none; } @media only screen and (max-width: 420px) { .dashboard-header-mian .author-registration-area #authorButton { font-size: 14px; } } .dashboard-header-mian .author-registration-area #authorButton > span { color: #ef2825; } @media only screen and (max-width: 575px) { .dashboard-header-mian .add-listing-area { display: none; } } .dashboard-header-mian .user-tools-right { 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; } .dashboard-header-mian .user-tools-right > div { padding-right: 25px; } @media only screen and (max-width: 420px) { .dashboard-header-mian .user-tools-right > div { padding-right: 20px; } } .dashboard-header-mian .user-tools-right > div:last-child { padding-right: 0; } @media only screen and (max-width: 575px) { .dashboard-header-mian .user-tools-right > div.language-area { padding-right: 5px; } } .dashboard-site-content .container-fluid { max-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .dashboard-setting-area .container-fluid > .row > [class*="col-"] { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } #dashboard_overview { font-size: 14px; line-height: 1.5em; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #dashboard_overview .row .col-lg-3, #dashboard_overview .row .col-lg-4 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } #dashboard_overview .row .col-lg-6 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } #dashboard_overview .campaign-progress p { margin-bottom: 5px; margin-top: 10px; color: #212529; } #dashboard_overview .progress { height: 5px; } #dashboard_overview .progress .progress-bar { background-color: #1d0176 !important; } #dashboard_overview .seat-content { left: 0; position: absolute; right: 0; top: 30px; color: #212529; } #dashboard_overview .seat-content h2 { margin-bottom: 0; font-size: 24px; line-height: 36px; } #dashboard_overview .total-seats, #dashboard_overview .tickets { margin-top: 52px; } #dashboard_overview .total-seats > .d-inline-block, #dashboard_overview .tickets > .d-inline-block { margin-bottom: 45px; } #dashboard_overview .total-seats > .row { margin-bottom: 40px; } #dashboard_overview h6 { font-size: 14px; font-weight: 400; line-height: 16px; } #dashboard_overview .color-primary { color: #ef2825; } #dashboard_overview h4 { font-size: 18px; line-height: 22px; } .upcoming-events { margin-bottom: -10px; } .upcoming-events .table { margin-bottom: 0; } .upcoming-events tr { border-bottom: 15px solid white; border-radius: 15px; } .upcoming-events tr td { background: #f9f9f9 none repeat scroll 0 0; border: 0 none; padding: 6px; vertical-align: middle; color: black; } .upcoming-events tr td:first-child { width: 60px; } .upcoming-events tr td img { width: 35px; height: 35px; border-radius: 50%; } .upcoming-events tr td a { color: #1d0176; display: block; font-size: 12px; } .upcoming-events tr td .custom-dropdown { 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; } .dashboard-history-table { margin-bottom: -10px; } @media only screen and (max-width: 767px) { .dashboard-history-table .table-responsive .table { width: 750px; max-width: 750px; margin-bottom: 30px; } } .dashboard-history-table .table { margin-bottom: 0; background-color: white; border: 1px solid #dddddd; } .dashboard-history-table tr { border: 1px solid rgba(0, 0, 0, 0.05); } .dashboard-history-table tr th { padding: 15px 0px 15px 15px; vertical-align: middle; color: black; font-size: 16px; font-weight: 500; border-bottom: 2px solid #dddddd; } .dashboard-history-table tr th:last-child { padding-right: 15px; } .dashboard-history-table tr td { background: #f9f9f9 none repeat scroll 0 0; border: 0 none; padding: 15px 0px 15px 15px; vertical-align: middle; color: black; font-size: 14px; } .dashboard-history-table tr td span { color: #1d0176; } .dashboard-history-table tr td.inc { color: #4a9f29; } .dashboard-history-table tr td.dec { color: #d82e2a; } .dashboard-history-table tr td:last-child { padding-right: 15px; } .ct-golden-section:before { float: none; } .ct-chart { max-height: 200px; } .ct-chart .ct-label { color: #a3afb7; fill: #a3afb7; font-size: 12px; line-height: 1; } .ct-chart .ct-grid { stroke-dasharray: none; } .ct-chart.simple-pie-chart-chartist .ct-label { color: #ffffff; fill: #ffffff; font-size: 16px; } .ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut { stroke: #1d0176; } .ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut { stroke: #9f9f9f; } .ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut { stroke: #4bd396; } .ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut { stroke: #ff9800; } .ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut { stroke: #ff9800; } .ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice-donut { stroke: #ff9800; } .ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut { stroke: #ff9800; } .ct-grid { stroke: #fff; } .ct-series-a .ct-area, .ct-series-a .ct-slice-pie { fill: #3ac9d6; } .chartist-tooltip { background: #313a46 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: inline-block; min-width: 10px; opacity: 0; padding: 2px 10px; pointer-events: none; position: absolute; text-align: center; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; z-index: 1; } .chartist-tooltip.tooltip-show { opacity: 1; } #simple-line-chart { margin-top: 15px; } #simple-line-chart2 { max-height: 80px; } #simple-line-chart2 .ct-label.ct-vertical.ct-start { display: none; } .custom-dropdown { cursor: pointer; padding: 0 5px; } .custom-dropdown .dropdown-menu { min-width: 112px; min-width: 112px; min-width: 7rem; } .custom-dropdown a { font-size: 12px; } .select-todo-cat-area { padding-bottom: 30px; margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .select-todo-cat-area .single-radio-cat { width: 190px; border: 1px solid #dddddd; display: block; margin: 0 15px 15px; } .select-todo-cat-area .single-radio-cat.services > label > span { color: #d82e2a; } .select-todo-cat-area .single-radio-cat.services > input[type="radio"]:checked + label { background-color: #d82e2a; } .select-todo-cat-area .single-radio-cat.rantal > label > span { color: #21a8eb; } .select-todo-cat-area .single-radio-cat.rantal > input[type="radio"]:checked + label { background-color: #21a8eb; } .select-todo-cat-area .single-radio-cat.occassion > label > span { color: #9566d6; } .select-todo-cat-area .single-radio-cat.occassion > input[type="radio"]:checked + label { background-color: #9566d6; } .select-todo-cat-area .single-radio-cat.shoping > label > span { color: #ef2825; } .select-todo-cat-area .single-radio-cat > input[type="radio"]:checked + label { background-color: #ef2825; color: white; } .select-todo-cat-area .single-radio-cat > input[type="radio"]:checked + label > span { color: white; } .select-todo-cat-area .single-radio-cat > label { display: block; border-radius: 0; text-align: center; font-weight: 600; padding: 25px 15px; height: auto; line-height: 1em; font-size: 16px; color: black; margin-bottom: 0; } .select-todo-cat-area .single-radio-cat > label > span { font-size: 42px; display: block; line-height: 1em; margin-bottom: 8px; color: #85cb48; } .select-todo-cat-area .single-radio-cat input { display: none; } .select-todo-cat-area .single-radio-cat label { cursor: pointer; } #add-listing-area .step-steps { 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-between; padding-left: 0; } #add-listing-area .step-steps > li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 0 0 20%; } #add-listing-area .step-steps > li:before { background-color: #e5e9f2; height: 6px; left: 50%; top: 23px; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 991px) { #add-listing-area .step-steps > li:before { top: 17px; } } @media only screen and (max-width: 767px) { #add-listing-area .step-steps > li:before { top: 14px; } } @media only screen and (max-width: 575px) { #add-listing-area .step-steps > li:before { top: 12px; } } #add-listing-area .step-steps > li > a > .number { width: 30px; height: 30px; background-color: #d1d1d1; border: 0px solid; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 991px) { #add-listing-area .step-steps > li > a > .number { height: 20px; width: 20px; } } @media only screen and (max-width: 767px) { #add-listing-area .step-steps > li > a > .number { height: 10px; width: 10px; top: 2px; } } @media only screen and (max-width: 575px) { #add-listing-area .step-steps > li > a > .number { height: 5px; width: 5px; } } #add-listing-area .step-steps > li > a > .number:before { background-color: rgba(221, 221, 211, 0.3); box-shadow: 0 0 0 rgba(221, 221, 211, 0); height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; -webkit-transition: all 0.3s; transition: all 0.3s; } #add-listing-area .step-steps > li > a > .step-name { font-weight: 600; color: #cacaca; font-size: 16px; margin-top: 23px; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 1199px) { #add-listing-area .step-steps > li > a > .step-name { font-size: 13px; } } @media only screen and (max-width: 991px) { #add-listing-area .step-steps > li > a > .step-name { font-size: 12px; line-height: 1.3em; } } @media only screen and (max-width: 575px) { #add-listing-area .step-steps > li > a > .step-name { font-size: 8px; } } #add-listing-area .step-steps > li:last-child:before { width: 0; } #add-listing-area .step-steps > li.active > a > .number, #add-listing-area .step-steps > li.done > a > .number { background-color: #ef2825; } #add-listing-area .step-steps > li.active > a > .number:before, #add-listing-area .step-steps > li.done > a > .number:before { background-color: rgba(255, 164, 35, 0.3); } #add-listing-area .step-steps > li.active > a > .step-name, #add-listing-area .step-steps > li.done > a > .step-name { color: black; } #add-listing-area .step-steps > li.done:before { background-color: #ef2825; } #add-listing-area .step-steps > li.done > a > .number:after { display: none; } #add-listing-area > .step-content { border: 0px solid; border-radius: 0px; padding-top: 90px; } @media only screen and (max-width: 1199px) { #add-listing-area > .step-content { padding-top: 60px; } } #add-listing-area > .step-content .default-form .form-group { margin-bottom: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { #add-listing-area > .step-content .default-form .row .col-lg-3 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } #add-listing-area > .step-content .default-form .form-controllar { font-size: 14px; background-color: transparent; padding-left: 0; padding-right: 0; } #add-listing-area > .step-content .default-form .form-controllar:focus { border-color: #ef2825; } #add-listing-area > .step-content .default-form .nice-select { font-size: 14px; height: 52px; padding: 5px 0 !important; } #add-listing-area > .step-content .default-form .nice-select:after { right: 0; top: 15px; } #add-listing-area > .step-content .default-form .nice-select .current { line-height: 45px; font-weight: normal; } #add-listing-area > .step-content .tags-form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #add-listing-area > .step-content .tags-form-group .form-group { margin-bottom: 7px !important; } #add-listing-area > .step-content .tags-form-group.add-list-content { display: block; } #add-listing-area > .step-content .tags-form-group.add-list-content a:hover { color: #ef2825; } #add-listing-area > .step-content .tags-form-group > div { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } @media only screen and (max-width: 991px) { #add-listing-area > .step-content .tags-form-group > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media only screen and (max-width: 575px) { #add-listing-area > .step-content .tags-form-group > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } #add-listing-area > .step-content .step-tab-gallery .custom-file { border: 2px dashed #dddddd; height: 155px; padding: 40px 20px; position: relative; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } #add-listing-area > .step-content .step-tab-gallery .custom-file .add-gallery-text i { color: #dddddd; display: block; font-size: 32px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #add-listing-area > .step-content .step-tab-gallery .custom-file .add-gallery-text span { color: #808996; display: block; font-size: 18px; font-weight: 500; margin-top: 12px; opacity: 0.8; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #add-listing-area > .step-content .step-tab-gallery .custom-file input[type="file"] { cursor: pointer; height: 100%; left: 0; opacity: 0; outline: 0 none; position: absolute; top: 0; width: 100%; } #add-listing-area > .step-content .step-tab-gallery .custom-file:hover { border-color: #ef2825; } #add-listing-area > .step-content .step-tab-gallery .custom-file:hover .add-gallery-text > i, #add-listing-area > .step-content .step-tab-gallery .custom-file:hover .add-gallery-text > span { color: #ef2825; } #add-listing-area .step-footer.step-tab-pager { -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: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 15px; margin-bottom: 0px; margin-left: -5px; margin-right: -5px; } #add-listing-area .step-footer.step-tab-pager .btn { margin-left: 5px; margin-right: 5px; } .tags-input-wrapper { width: 100%; border-bottom: 1px solid #dddddd; padding: 10px 0 6px; } .tags-input-wrapper input { border: none; background: transparent; outline: none; width: 120px; } .tags-input-wrapper .tag { display: inline-block; background-color: #ef2825; color: white; border-radius: 30px; padding: 0px 5px 0px 8px; margin-right: 5px; margin-bottom: 5px; font-size: 14px; } .tags-input-wrapper .tag a { margin: 0 3px 3px; display: inline-block; cursor: pointer; } .dashboard-wishlist-area .todo-item.todo-item-list.todo-item-dashboard { margin-right: 0; } /*-------------------------------------------------------------- ## 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; } @media only screen and (max-width: 991px) { .sidebar-items { margin-top: 60px; } } /*------------------------------------------------- [ ### Page Title ] */ .page-title-area { position: relative; } .page-title-area.bg-overlay:before { opacity: 0.7; } .page-title-area .advance-search-form { margin-bottom: 50px; } .page-title-area .page-title { text-align: center; margin-bottom: 15px; font-size: 42px; font-weight: 700; text-transform: capitalize; line-height: 1.2em; color: white; } @media only screen and (max-width: 991px) { .page-title-area .page-title { font-size: 36px; } } @media only screen and (max-width: 767px) { .page-title-area .page-title { font-size: 32px; } } @media only screen and (max-width: 575px) { .page-title-area .page-title { font-size: 28px; } } .page-title-area.style-two .page-title { margin-bottom: 65px; } /*------------------------------------------------- [ ### Breadcrumb ] */ .breadcrumb { background-color: transparent; border-radius: 0; margin-bottom: 0; padding: 0; } .breadcrumb .breadcrumb-item { font-size: 14px; font-weight: 500; text-transform: capitalize; color: #727272; } @media only screen and (max-width: 1199px) { .breadcrumb .breadcrumb-item { font-size: 13px; } } .breadcrumb .breadcrumb-item > a { color: #ef2825; } .breadcrumb .breadcrumb-item > a:hover, .breadcrumb .breadcrumb-item > a:focus { color: #ef2825; } .breadcrumb .breadcrumb-item:before { content: ""; font-family: "Font Awesome 5 Free"; padding: 0 10px 0 20px; color: #ef2825; } @media only screen and (max-width: 575px) { .breadcrumb .breadcrumb-item:before { padding: 0 5px 0 15px; } } .breadcrumb .breadcrumb-item:first-child:before { content: ""; padding: 0 10px 0 0px; } @media only screen and (max-width: 575px) { .breadcrumb .breadcrumb-item:first-child:before { padding: 0 5px 0 0px; } } .breadcrumb .breadcrumb-item.active:before { color: #cccccc; } /*------------------------------------------------- [ ### No results ] */ .no-results.not-found { overflow: hidden; background: #ffffff; text-align: center; } .no-results.not-found .page-header { margin-top: 0; padding-top: 0; } .no-results.not-found .page-title { font-family: inherit !important; font-size: 45px; font-weight: bold; margin-top: 0; position: relative; } .no-results.not-found .page-title:after { content: ""; background: #1d1d1f; height: 3px; width: 50px; position: absolute; left: 0; right: 0; margin: auto; bottom: -25px; } .no-results.not-found .page-not-found-icon { margin-top: 5px; } .no-results.not-found .page-not-found-icon i { color: #a94442; font-size: 60px; } .no-results.not-found .form-controller { border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-top-left-radius: 30px; border-bottom-left-radius: 30px; height: 34px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 4px 0 4px 15px; margin-bottom: 0; } @media only screen and (max-width: 540px) { .no-results.not-found .form-controller { padding: 4px 0 4px 15px; } } .no-results.not-found .btn-default { border: 1px solid #e1e1e1; } @media only screen and (max-width: 540px) { .no-results.not-found .btn-default { padding: 13px 30px; } } @media only screen and (min-width: 992px) { .no-results.not-found .page-content, .no-results.not-found .entry-summary { max-width: 540px; margin: auto; } } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-content a { word-wrap: break-word; } .comment-content { font-size: 16px; } @media only screen and (max-width: 767px) { .comment-content { font-size: 15px; } } .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; border-bottom: 1px solid #dddddd; } .comments-area .comment-list, .comments-area .children { list-style: none; padding: 0; } .comments-area .comments-title { background-color: #f9f9f9; border: 1px solid #dddddd; padding: 17px 30px; margin-bottom: 30px; font-size: 18px; } @media only screen and (max-width: 991px) { .comments-area .comments-title { padding: 15px; } } .comments-area .comment-list { margin-bottom: 40px; border-top: none; } .comments-area .comment-list .comment .comment-respond { margin-bottom: 60px; } @media only screen and (max-width: 767px) { .comments-area .comment-list .comment .comment-respond { margin-bottom: 50px; } } .comments-area .comment-body { overflow: hidden; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .comments-area .comment-body { margin-bottom: 50px; } } .comments-area .comment-author { float: left; margin-right: 25px; width: 90px; } .comments-area .comment-author img { height: 90px; width: 90px; border-radius: 50%; } .comments-area .date { display: block; font-size: 13px; color: #a0a0a0; margin-top: 0; } .comments-area .comment-details { position: relative; display: table-cell; vertical-align: top; } .comments-area .comment-metadata { margin-bottom: 0.5em; color: black; } .comments-area .comment-metadata .author { font-size: 18px; font-weight: 600; } .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: 500; } .comment-respond .comment-reply-title { background-color: #f9f9f9; border: 1px solid #dddddd; padding: 17px 30px; margin-bottom: 30px; font-size: 18px; } @media only screen and (max-width: 991px) { .comment-respond .comment-reply-title { padding: 15px; } } .comment-respond { margin-top: 60px; } .comment-respond p { margin-bottom: 1em; } .comment-respond [class*="col-"] { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .comment-respond [class*="col-"] { margin-bottom: 30px; } } .comment-respond label { display: block; line-height: 1.2em; margin-bottom: 5px; text-align: left; font-size: 14px; } .comment-respond .form-control { color: black; font-size: 16px; position: relative; border-radius: 0px; width: 100%; background-color: transparent; border-top: 0px solid #dddddd; border-left: 0px solid #dddddd; border-right: 0px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 0 10px !important; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0); } @media only screen and (max-width: 767px) { .comment-respond .form-control { font-size: 15px; } } .comment-respond .form-control:focus { color: black; border-bottom-color: #ef2825 !important; } .comment-respond textarea { min-height: 120px; 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%; } .comment-respond #submit, .comment-respond .submit { border-color: #a0006d; border-radius: 0; background: #a0006d; 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: 13px; border: 1px solid #dddddd; line-height: normal; font-weight: bold; display: inline-block; background-color: transparent; border-radius: 30px; color: #ef2825; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .comment-reply-link:hover { background: #ef2825; color: white; border-color: #ef2825; } @media only screen and (max-width: 767px) { .comment-reply-link { margin-top: -3px; } } @media only screen and (min-width: 576px) { .comment-reply-link { position: absolute; right: 0; top: -50px; } } @media only screen and (max-width: 575px) { .comment-reply-link { margin-top: 10px; } } input[type="checkbox"]::-ms-check { color: transparent; } @media only screen and (max-width: 767px) { .comments-area .comment-author { float: none; margin-right: 0; margin-bottom: 10px; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 60px; } .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: 18px; font-weight: 600; margin-bottom: 30px; text-transform: capitalize; color: black; } .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 .widget { margin-bottom: 60px; } .sidebar-items .widget.bt-instafeed-widget #instafeed-sidebar { margin: -4px; } .sidebar-items .widget.bt-instafeed-widget #instafeed-sidebar > .feed-item { -moz-box-flex: 0; flex: 0 0 33.33%; max-width: 33.33%; padding: 4px; } .sidebar-items .widget-title { color: #ef2825; font-size: 12px; font-weight: 600; letter-spacing: 0.175em; margin-bottom: 35px; text-transform: uppercase; } .sidebar-items .widget-title img { margin-left: 5px; } .sidebar-items > .widget:last-of-type { margin-bottom: 0; } @media only screen and (max-width: 991px) { .widget-title + div, .widget-title + ul, .widget-title + select, .widget-title + ol { margin-top: 30px; } } @media only screen and (max-width: 767px) { .widget-title + div, .widget-title + ul, .widget-title + select, .widget-title + ol { margin-top: 25px; } } .widget .expand-margin.widget-title { cursor: pointer; } .widget .expand-margin.widget-title:after { content: "\f067"; font-family: FontAwesome; position: absolute; right: 15px; width: 23px; height: 23px; border: 2px solid; text-align: center; font-size: 13px; border-radius: 50px; line-height: 22px; } .widget .expand-margin.expand.widget-title:after { content: "\f068"; } .sidebar-todos { margin-bottom: -30px; } .sidebar-todos .widget { box-shadow: 3px 3px 12px grba(black, 0.06); margin-bottom: 30px; } .sidebar-todos .widget-title { padding: 18px 30px; color: white; background-color: #1d0176; margin-bottom: 0; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sidebar-todos .widget-title { padding: 20px 15px; } } @media screen and (max-width: 991px) { .sidebar-todos .widget-title + div, .sidebar-todos .widget-title + ul, .sidebar-todos .widget-title + select, .sidebar-todos .widget-title + ol { margin-top: 0px !important; } } @media screen and (max-width: 767px) { .sidebar-todos .widget-title { padding: 20px; } } @media screen and (max-width: 575px) { .sidebar-todos .widget-title { padding: 20px 15px; } } .sidebar-todos .widget-content { padding: 30px; border: 1px solid #dddddd; background-color: #f9f9f9; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sidebar-todos .widget-content { padding: 25px 15px; } } @media screen and (max-width: 767px) { .sidebar-todos .widget-content { padding: 25px 20px; } } @media screen and (max-width: 575px) { .sidebar-todos .widget-content { padding: 25px 15px; } } /*-------------------------------------------------------------- # Widgets Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Popular, Latest Post, Recent Comment widget --------------------------------------------------------------*/ .widget-post-list .post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 30px; background-color: transparent; box-shadow: 0 0 0px 0 transparent; } .widget-post-list .post > .thumb-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; overflow: hidden; position: relative; } .widget-post-list .post .content-entry-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); padding-left: 15px; text-align: left; } .widget-post-list .post .content-entry-wrap .entry-meta-content { display: block; margin-bottom: 0px; } .widget-post-list .post .entry-title { font-size: 16px; line-height: 1.25em; margin-bottom: 18px; } .widget-post-list li { position: relative; font-size: 16px; font-weight: 500; color: #2a2a2a; padding-left: 20px; margin-top: 15px; } .widget-post-list li:before { content: ""; width: 10px; height: 10px; border-radius: 50px; background: #1d0176; position: absolute; top: 5px; left: 0; } .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; text-transform: capitalize; display: block; color: black; line-height: 1em; font-weight: 500; padding-top: 25px; -webkit-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; position: relative; overflow: hidden; } .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: #727272; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_layered_nav ul li a:hover { color: #ef2825; } .widget_categories ul li a:hover .count, .widget_archive ul li a:hover .count, .widget_layered_nav ul li a:hover .count { color: #ef2825; } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_layered_nav ul > li:first-child { border: 0 none; padding-top: 0 !important; margin-top: 0 !important; } .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_categorie li .count:after { content: ")"; position: relative; left: 0; } .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: 15px; } @media only screen and (max-width: 767px) { .widget_links, .widget_meta, .widget_nav_menu, .widget_pages, .widget_recent_comments, .widget_recent_entries, .widget_product_categories { font-size: 14px; } } .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; } .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: #ef2825; } .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: 8px 0; border-bottom: 0 none; line-height: 1.25em; } .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: 3px; 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_nav_menu .sub-menu, .widget_pages .children { border: 0; margin: 0 0 0 1em; } .widget_recent_entries .post-date { display: block; } /*-------------------------------------------------------------- # Socail 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 { opacity: 0.8; } /*-------------------------------------------------------------- # 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: white; text-align: center; padding: 13px 30px 17px; } .bt-instafeed-widget .instafeed-heading .heading h4 { margin-bottom: 0px; font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 1.9em; color: #ef2825; } .bt-instafeed-widget .instafeed-heading .heading h4 span { display: block; font-size: 24px; text-transform: none; text-transform: capitalize; } .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 { opacity: 0.9; } /*-------------------------------------------------------------- # About Widget --------------------------------------------------------------*/ .bt-about-footer-widget { font-size: 15px; padding-right: 20px; } @media only screen and (max-width: 767px) { .bt-about-footer-widget { font-size: 14px; } } .bt-about-footer-widget .about-logo { margin-bottom: 20px; } .bt-about-footer-widget .about-logo a { display: block; } .bt-about-footer-widget .about-logo img { display: inline-block; } .bt-about-footer-widget p { line-height: 1.7em; } @media only screen and (max-width: 991px) { .bt-about-footer-widget p { text-align: center; } } /* ----- Widget Online Reservation , Contact Vendor ----- */ .online-reservation-widget #reservation_form, .online-reservation-widget #vendor_form, .contact-vendor-widget #reservation_form, .contact-vendor-widget #vendor_form { margin-top: -15px; } .online-reservation-widget .res-group, .contact-vendor-widget .res-group { margin-bottom: 10px; font-size: 14px; position: relative; } .online-reservation-widget .res-group > label, .contact-vendor-widget .res-group > label { font-size: 12px; font-weight: 500; color: #a0a0a0; display: block; margin-bottom: 0; } .online-reservation-widget .res-group > strong, .contact-vendor-widget .res-group > strong { font-weight: 500; font-size: 16px; color: black; display: block; margin-bottom: 10px; padding-top: 10px; } .online-reservation-widget .res-group > [class*='icon-'], .contact-vendor-widget .res-group > [class*='icon-'] { position: absolute; top: 13px; font-size: 18px; left: 0; } .online-reservation-widget .select-custom, .contact-vendor-widget .select-custom { padding: 5px 0 5px 40px !important; border-bottom: 1px solid #dddddd; height: 52px; font-size: 14px; } @media screen and (max-width: 480px) { .online-reservation-widget .select-custom, .contact-vendor-widget .select-custom { padding: 5px 0 5px 30px !important; } } .online-reservation-widget .select-custom:after, .contact-vendor-widget .select-custom:after { top: 16px; color: #727272; } .online-reservation-widget .select-custom .current, .contact-vendor-widget .select-custom .current { line-height: 45px; font-size: 14px; color: #727272; font-weight: normal; } .online-reservation-widget .form-controllar, .contact-vendor-widget .form-controllar { padding: 5px 0 5px 40px !important; border-bottom: 1px solid #dddddd; font-size: 14px; height: 48px; width: 100%; background-color: transparent; } @media screen and (max-width: 480px) { .online-reservation-widget .form-controllar, .contact-vendor-widget .form-controllar { padding: 5px 0 5px 30px !important; } } .online-reservation-widget .form-controllar:focus, .contact-vendor-widget .form-controllar:focus { border-color: #ef2825; } .online-reservation-widget textarea.form-controllar, .contact-vendor-widget textarea.form-controllar { min-height: 90px; height: auto; padding-top: 6px !important; } .online-reservation-widget .form-submit, .contact-vendor-widget .form-submit { margin-top: 30px; } .online-reservation-widget .form-submit > .btn, .contact-vendor-widget .form-submit > .btn { width: 100%; } /*-------------------------------------------------------------- # Widget Statistic --------------------------------------------------------------*/ .statistic-widget .statistic-list { overflow: hidden; margin-bottom: -15px; } .statistic-widget .statistic-item { -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; font-size: 15px; width: 50%; float: left; margin-bottom: 15px; } .statistic-widget .statistic-item > span { font-size: 22px; margin-right: 15px; color: #ffa424; } /*-------------------------------------------------------------- # Widget Map Location --------------------------------------------------------------*/ .map-location-widget .widget-content { padding: 0; } .map-location-widget .widget-content #widget_location { height: 300px; } /*-------------------------------------------------------------- # Widget Bookmark --------------------------------------------------------------*/ .bookmark-widget { text-align: center; } .bookmark-widget .widget-content { padding: 0; border: 0px solid; background-color: transparent; } .bookmark-widget .widget-content .bookmark-btn-area > p { font-size: 14px; } .bookmark-widget .widget-content .bookmark-btn-area .btn-default { width: 100%; margin-bottom: 5px; } /*-------------------------------------------------------------- # About Us Widget And Business --------------------------------------------------------------*/ .bt-about-us-widget, .bt-business-info-widget { font-size: 14px; } .bt-about-us-widget .info-list > li, .bt-business-info-widget .info-list > li { margin: 13px 0; } .bt-about-us-widget .info-list > li:last-child, .bt-business-info-widget .info-list > li:last-child { margin-bottom: 0; } .bt-about-us-widget .info-list > li > a, .bt-business-info-widget .info-list > li > a { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; } .bt-about-us-widget .info-list > li > a > span, .bt-business-info-widget .info-list > li > a > span { font-size: 20px; color: #ffa424; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; position: relative; top: 1px; } .bt-about-us-widget .info-list > li > a:hover, .bt-business-info-widget .info-list > li > a:hover { color: #ffa424; } .bt-about-us-widget .info-list > li > a:hover span, .bt-business-info-widget .info-list > li > a:hover span { color: #1d0176; } /*-------------------------------------------------------------- # About Us Widget --------------------------------------------------------------*/ .bt-about-us-widget { font-size: 15px; } .bt-about-us-widget .about-info { -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; margin-bottom: 25px; } .bt-about-us-widget .about-info > .thumb { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; } .bt-about-us-widget .about-info > .thumb img { border-radius: 50%; } .bt-about-us-widget .about-info > .info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); padding-left: 25px; } @media only screen and (max-width: 1199px) { .bt-about-us-widget .about-info > .info { padding-left: 15px; } } .bt-about-us-widget .about-info > .info .name { font-size: 18px; margin-bottom: 2px; } @media only screen and (max-width: 1199px) { .bt-about-us-widget .about-info > .info .name { font-size: 16px; } } .bt-about-us-widget .about-info > .info > p { font-size: 12px; line-height: 1.45em; } /*-------------------------------------------------------------- # Business Info Widget --------------------------------------------------------------*/ .bt-business-info-widget .info-list > li:first-child { margin-top: 0; } /*-------------------------------------------------------------- # Open Hours Widget --------------------------------------------------------------*/ .open-hours-widget .listing-hours-list { font-size: 15px; margin-top: -8px; margin-bottom: -5px; } .open-hours-widget .listing-day { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: black; 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-between; margin-bottom: 10px; } .open-hours-widget .listing-day:last-child { margin-bottom: 0px; } .open-hours-widget .listing-day .time-items { color: #727272; } .open-hours-widget .listing-day .time-items > span { display: block; text-align: right; } .open-hours-widget .listing-day.closed .time-items .time { color: #d82e2a; text-transform: uppercase; } /*-------------------------------------------------------------- # Subscribe Widget --------------------------------------------------------------*/ .social-share-widget .footer-social li a:hover { background-color: black !important; box-shadow: 3px 3px 11px rgba(34, 35, 141, 0.25); } /*-------------------------------------------------------------- # Subscribe Widget --------------------------------------------------------------*/ .tb-subscribe-widget .subscribe-form { font-size: 15px; } @media only screen and (max-width: 767px) { .tb-subscribe-widget .subscribe-form { font-size: 14px; } } .tb-subscribe-widget .subscribe-form .form-group { margin-bottom: 30px; } .tb-subscribe-widget .subscribe-form .form-group label { display: block; } .tb-subscribe-widget .subscribe-form .form-group input[type="email"] { background-color: transparent; border-bottom: 1px solid #dddddd; padding: 0 0 14px !important; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .tb-subscribe-widget .subscribe-form .form-group input[type="email"] { width: 70%; } } .tb-subscribe-widget .subscribe-form .form-group input[type="email"]:focus { color: black; } /*-------------------------------------------------------------- # 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; opacity: 0.8; } .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 .form-controller, .widget_product_search .input-group .form-controller { display: table-cell; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 5px 15px; height: 32px; margin-bottom: 0; border-bottom-left-radius: 25px; border-top-left-radius: 25px; border-bottom-color: #e1e1e1; } .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"] { -webkit-border-radius: 0; border-radius: 0; padding: 0.75em 1em; } .widget_search .btn-search i, .widget_product_search .btn-search i { position: relative; top: -1px; vertical-align: middle; } .widget_search .btn.btn-default, .widget_product_search .btn.btn-default { border: 1px solid #e1e1e1; } .tagcloud a { font-size: inherit !important; background: #a0006d; padding: 10px 20px; font-size: 15px; display: inline-block; margin-right: 5px; margin-bottom: 10px; font-weight: 500; color: white; } .widget_gallery .gallery-content img { width: 100%; margin-bottom: 30px; } /*-------------------------------------------------------------- # Recent View Todo Widget --------------------------------------------------------------*/ .widget_recent_view_todo .todo-side-item.todo-item { background-color: transparent; border: 0 solid; box-shadow: 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #dddddd; padding-bottom: 25px; } .widget_recent_view_todo .todo-side-item.todo-item .item-thumb { min-height: auto; } .widget_recent_view_todo .todo-side-item.todo-item .item-thumb:before { display: none; } .widget_recent_view_todo .todo-side-item.todo-item .todo-thumbnail-area { -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; max-width: 105px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .widget_recent_view_todo .todo-side-item.todo-item .todo-thumbnail-area { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; } } .widget_recent_view_todo .todo-side-item.todo-item .todo-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 105px); flex: 0 0 calc(100% - 105px); max-width: calc(100% - 105px); padding: 0px 0 0 20px; margin-top: -5px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .widget_recent_view_todo .todo-side-item.todo-item .todo-content { padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); } } .widget_recent_view_todo .todo-side-item.todo-item .todo-content > .title { font-size: 16px; margin-bottom: 10px; } .widget_recent_view_todo .todo-side-item.todo-item .todo-content > .title a:after { display: none; } .widget_recent_view_todo .todo-side-item.todo-item .todo-rating { margin-bottom: 6px; } .widget_recent_view_todo .todo-side-item.todo-item .todo-meta > div { margin-bottom: 0px; font-size: 13px; } .widget_recent_view_todo .todo-side-item.todo-item .todo-meta > div > span { margin-right: 2px; } .widget_recent_view_todo .widget-content .todo-side-item.todo-item:last-child { margin-bottom: 0px; border-bottom: 0px solid; padding-bottom: 0px; } /*-------------------------------------------------------------- # Todo Categories Widget --------------------------------------------------------------*/ .widget_todo_categories ul { padding-left: 0px; margin-bottom: 0px; list-style: none; margin-top: -10px; } .widget_todo_categories ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; color: black; padding: 5px 0; } .widget_todo_categories ul > li > a > .count { float: right; } .widget_todo_categories ul > li > a:hover { color: #ef2825; } .widget_todo_categories ul > li:first-child > a { padding-top: 0px; } .widget_todo_categories ul > li:last-child > a { padding-bottom: 0px; margin-bottom: -5px; } /*-------------------------------------------------------------- # Search Filter Widget --------------------------------------------------------------*/ .widget_search_filter > .widget-content { padding-top: 10px; } .widget_search_filter .search_filter_form .filter-group { margin-bottom: 10px; font-size: 14px; position: relative; } .widget_search_filter .search_filter_form .filter-group > label { font-size: 12px; font-weight: 500; color: #a0a0a0; display: block; margin-bottom: 0; } .widget_search_filter .search_filter_form .filter-group > strong { font-weight: 500; font-size: 16px; color: black; display: block; margin-bottom: 10px; padding-top: 10px; } .widget_search_filter .search_filter_form .filter-group > [class*='icon-'] { position: absolute; bottom: 16px; font-size: 18px; left: 0; } .widget_search_filter .search_filter_form .search-search-price { padding-top: 5px; } .widget_search_filter .search_filter_form .search-distance-value { padding-top: 15px; } .widget_search_filter .search_filter_form .search-distance-value > span { display: inline-block; padding: 0 5px; } .widget_search_filter .search_filter_form div.rangeslider .rangeinner, .widget_search_filter .search_filter_form div.rangeslider .rangeselector { background-color: #ef2825 !important; } .widget_search_filter .search_filter_form .form-controllar { padding: 5px 0 5px 40px !important; border-bottom: 1px solid #dddddd; font-size: 14px; height: 48px; width: 100%; background-color: transparent; } @media screen and (max-width: 480px) { .widget_search_filter .search_filter_form .form-controllar { padding: 5px 0 5px 30px !important; } } .widget_search_filter .search_filter_form .form-controllar:focus { border-color: #ef2825; } .widget_search_filter .search_filter_form .filter_location { position: relative; } .widget_search_filter .search_filter_form .filter_location:after { content: ""; right: 0; top: 12px; position: absolute; color: #727272; display: block; font-family: "icomoon" !important; font-size: 14px; pointer-events: none; -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .widget_search_filter .search_filter_form .tags-form-group { margin: 0 0 -3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget_search_filter .search_filter_form .tags-form-group .form-group { margin: 0px 0 8px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .widget_search_filter .search_filter_form .tags-form-group .form-group > label { color: #727272; } .widget_search_filter .search_filter_form .tags-form-group .form-group > label:before { top: 2px; } .widget_search_filter .search_filter_form .select-custom { padding: 5px 0 5px 40px !important; border-bottom: 1px solid #dddddd; height: 52px; font-size: 14px; } @media screen and (max-width: 480px) { .widget_search_filter .search_filter_form .select-custom { padding: 5px 0 5px 30px !important; } } .widget_search_filter .search_filter_form .select-custom:after { top: 16px; color: #727272; } .widget_search_filter .search_filter_form .select-custom .current { line-height: 45px; font-size: 14px; color: #727272; font-weight: normal; } .widget_search_filter .search_filter_form .form-submit { margin-bottom: 0px; } .widget_search_filter .search_filter_form .form-submit > .btn-default { width: 100%; margin-top: 10px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .widget_search_filter .search_filter_form .tags-form-group .form-group > label { font-size: 12px; } } /*-------------------------------------------------------------- # Footer Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer-block --------------------------------------------------------------*/ .site-footer .instagram-widget-area { position: relative; z-index: 3; } .site-footer .footer-menu { list-style: none; padding: 0; margin-bottom: 0px; text-align: center; } .site-footer .footer-menu > li { display: inline-block; } .site-footer .footer-menu > li > a { font-size: 14px; font-weight: normal; color: white; text-transform: capitalize; padding: 0 15px; display: block; } @media only screen and (max-width: 1199px) { .site-footer .footer-menu > li > a { padding: 0 15px; } } .site-footer .footer-menu > li > a:hover { color: #ef2825; } .site-footer .footer-menu > li:first-child > a { padding-left: 0px; } .site-footer .footer-menu > li:last-child > a { padding-right: 0px; } .site-footer .footer-social { list-style: none; padding: 0; margin-bottom: 0px; } .site-footer .footer-social li { display: inline-block; margin-right: 5px; } .site-footer .footer-social li a { font-size: 14px; display: block; color: #727272; border-radius: 50%; height: 35px; line-height: 35px; text-align: center; width: 35px; } .site-footer .footer-social li a:hover { background-color: #ef2825; color: white; } .site-footer .footer-social.color-white { padding-bottom: 30px; } .site-footer .footer-social.color-white li > a { color: white; } .site-footer.bg-blue-violet .footer-social li a { color: white; } .site-footer.footer-default-style .footer-social { text-align: right; } @media screen and (max-width: 991px) { .site-footer.footer-default-style .footer-social { text-align: center; margin-top: 25px; } .site-footer.footer-default-style .footer-social li { margin: 0 3px; } } @media screen and (max-width: 991px) { .site-footer.footer-default-style { padding-bottom: 50px; } .site-footer.footer-default-style .footer-logo { text-align: center; margin-bottom: 25px; } } @media screen and (max-width: 575px) { .site-footer.footer-default-style .footer-menu > li > a { padding: 0 10px; } } .site-footer.footer-style-one { position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .site-footer.footer-style-one .waves-effect.top { top: -30px; } } @media only screen and (max-width: 991px) { .site-footer.footer-style-two { padding: 100px 0 0; } .site-footer.footer-style-two .footer-social { margin-top: 0; } } .site-footer .footer-content-area.style-two { position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .site-footer .footer-content-area.style-two { padding: 65px 0; } } .site-footer .footer-content-area.style-two:before { position: absolute; content: ""; left: 0; bottom: 0; width: calc(50% - 415px); height: 100%; background-color: #ef2825; } @media only screen and (max-width: 1199px) { .site-footer .footer-content-area.style-two:before { width: calc(50% - 300px); } } @media only screen and (max-width: 991px) { .site-footer .footer-content-area.style-two:before { display: none; } } .site-footer .footer-content-area.style-two .footer-menu { text-align: right; } @media only screen and (max-width: 991px) { .site-footer .footer-content-area.style-two .footer-menu { text-align: center; margin-top: 20px; } } .copyright-text { margin-bottom: 0; font-size: 15px; text-align: right; } @media only screen and (max-width: 767px) { .copyright-text { font-size: 14px; } } .copyright-text > p, .copyright-text > a { 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: #ef2825; } .copyright-text a:hover { color: #eaad11; } @media only screen and (max-width: 991px) { .copyright-text > p, .copyright-text > a { display: block; } .copyright-text.text-left { text-align: center !important; } } .footer-bottom-block { position: relative; padding-top: 30px; padding-bottom: 30px; overflow: hidden; } .table-bg{ background-image: url(../images/header-bg.jpg); background-size: cover; background-repeat: no-repeat; } .bg-primary { background-color: #ef2825 !important; } .language-box{ color: #fff; font-weight: bold; } .btn-gradient { background: -webkit-linear-gradient(90deg, rgba(237,31,37,1) 0%, rgba(254,89,36,1) 100%); color: white; border-radius: 30px; border: none; font-size: 30px; padding-left: 80px !important; padding-right: 80px !important; font-weight: 700; padding: 10px; } .btn-gradient:hover { background: -webkit-linear-gradient(90deg, rgba(254,89,36,1) 0%, rgba(237,31,37,1) 100%); color: white; } .banner-signup{ padding: 25px 50px; color: #333; position: relative; font-family: Poppins, sans-serif; } .banner-signup .close{ width: 40px; height: 40px; border-radius: 30px; background-color: #F02925; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: -40px; right: 0; } .banner-signup .title{ font-size: 18px; margin-bottom: 50px; font-family: Poppins, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; } .banner-signup .title .img-responsive{ margin-bottom: 40px; } .banner-signup .title .title2{ font-size: 26px; font-weight: 900; } .banner-signup .el-input__inner{ width: 100%; height: 60px; font-size: 17px; background-color: #F8F8F8; border-radius: 6px; border-color: #B1B1B1; color: #434242; background-color: transparent; font-weight: 600; } .banner-signup .el-input__inner::placeholder{/*Firefox,Chrome,Opera*/ color:#434242; } .banner-signup .el-input__inner:-ms-input-placeholder{/*InternetExplorer10-11*/ color:#434242; } .banner-signup .el-input__inner::-ms-input-placeholder{/*MicrosoftEdge*/ color:#434242; } /* .el-input__inner { border: none; border-bottom: 1px solid; border-radius: 0; border-color: #979797; color: #e4e4e4; background-color: transparent; } */ .banner-signup .el-select .el-input__inner { padding-left: 40px; } i.icondingwei { position: absolute; top: 10px; left: 12px; color: #F02925; font-weight: 600; } .banner-signup .el-input__prefix, .el-input__suffix{ color: #F02925; font-weight: 600; } .banner-signup .el-input--prefix .el-input__inner { padding-left: 40px; } .banner-signup .el-input__prefix{ padding-left: 8px; top: -5px; } .banner-signup .el-select{ width: 100%; } .banner-signup .el-col{ padding: 0; } .banner-signup .getCode{ display: inline-block; width: 100%; line-height: 60px; text-align: center; background-color: #191B28; border: 1px solid #e4e4e4; cursor: pointer; color: #e4e4e4; border-radius: 6px; font-size: 17px; padding: 0 !important; } .pwd { text-align: left; padding-left: 20px; margin: 0; margin-left: 10px; font-size: 15px; } .pwd li { list-style-type: disc; /*height: 20px;*/ line-height: 20px; color: #979797; } .pwd .fit { color: #EC1920; } .banner-signup .agree{ font-size: 16px; color: #434242; } .banner-signup .agree_title{ word-break: keep-all; } .banner-signup .el-checkbox__inner::after{ height: 10px; left: 7px; position: absolute; top: 2px; } .banner-signup .el-checkbox__inner{ width: 20px; height: 20px; } .banner-signup .el-checkbox__input.is-checked .el-checkbox__inner{ background-color: #EC1920; border-color: #EC1920; } .banner-signup .el-checkbox__inner:hover { border-color: #EC1920; } .banner-signup .el-checkbox__input.is-focus .el-checkbox__inner{ border-color: #EC1920; } .banner-signup .sign-btn.btn-gradient{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; word-break: break-word; padding-left: 0px !important; padding-right: 0px !important; } .banner-signup-btnBox{ display: flex; } @media screen and (max-width: 768px) { .el-dialog.crm-signup { width: 95%; border-radius: 10px; } .banner-signup { padding: 25px 0; word-break: break-word; } .banner-signup .text-primary.fw-bolder{ font-size: 25px; } .banner-signup .title .title2 { font-size: 20px; } .pwd { word-break: break-word; } .Scriptcontent{ margin-bottom: 50px; } .banner-signup-btnBox{ display: flex; flex-wrap: wrap; } .banner-signup .sign-btn{ margin-left: 0 !important; margin-right: 0 !important; } .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn{ margin: 0 !important; } .site-header:not(.mobile-header).header-light-social .nav-right { margin-left: 10px; } .language-box{ margin-left: 10px; } }