@font-face {
font-family: "iranYekan";
font-style: "normal";
font-weight: 300;
src: url("../fonts/iranyekan/iranyekanweblightfanum.eot");
src: url("../fonts/iranyekan/iranyekanweblightfanum.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/iranyekanweblightfanum.woff") format("woff"), url("../fonts/iranyekan/iranyekanweblightfanum.ttf") format("truetype");
}
@font-face {
font-family: "iranYekan";
font-style: "normal";
font-weight: "normal";
src: url("../fonts/iranyekan/iranyekanwebregularfanum.eot");
src: url("../fonts/iranyekan/iranyekanwebregularfanum.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/iranyekanwebregularfanum.woff") format("woff"), url("../fonts/iranyekan/iranyekanwebregularfanum.ttf") format("truetype");
}
@font-face {
font-family: "iranYekan";
font-style: "normal";
font-weight: "500";
src: url("../fonts/iranyekan/iranyekanwebmedium.eot");
src: url("../fonts/iranyekan/iranyekanwebmedium.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/iranyekanwebmedium.woff") format("woff"), url("../fonts/iranyekan/iranyekanwebmedium.ttf") format("truetype");
}
@font-face {
font-family: "iranYekan";
font-style: "normal";
font-weight: "bold";
src: url("../fonts/iranyekan/iranyekanwebboldfanum.eot");
src: url("../fonts/iranyekan/iranyekanwebboldfanum.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/iranyekanwebboldfanum.woff") format("woff"), url("../fonts/iranyekan/iranyekanwebboldfanum.ttf") format("truetype");
}
@font-face {
font-family: "iranYekan";
font-style: "normal";
font-weight: 900;
src: url("../fonts/iranyekan/iranyekanwebblackfanum.eot");
src: url("../fonts/iranyekan/iranyekanwebblackfanum.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/iranyekanwebblackfanum.woff") format("woff"), url("../fonts/iranyekan/iranyekanwebblackfanum.ttf") format("truetype");
}
/* line 50, ../sass/_general.scss */
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body, html {
font-family: "iranYekan" !important;
}
html[lang='en'] {
font-family: Lato, Helvetica, sans-serif !important;
}
html[lang='en'] body {
font-family: Lato, Helvetica, sans-serif !important;
}
html[lang='ar'] {
font-family: "Amiri", serif !important;
}
html[lang='ar'] body {
font-family: "Amiri", serif !important;
}
.header {
background: #0544b7;
}
.navbar-default {
background-color: #1fbf8b;
border-radius: 0;
margin: 0;
box-shadow: 0 5px 15px #00000015 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #FFF;
background-color: transparent;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color: transparent;
}
}
@media screen and (min-width: 1200px) {
.navbar-nav {
display: flex;
align-items: center;
justify-content: center;
float: initial;
}
}
@media screen and (max-width: 768px) {
.navbar-nav {
padding: 0 35px;
}
}
.navbar-nav li a:after {
content: '';
height: 40%;
top: 50%;
transform: translate(0, -50%);
width: 1px;
right: 0;
position: absolute;
background: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 768px) {
.navbar-nav li a:after {
display: none;
}
}
.navbar-nav li:first-child a {
padding-right: 0;
}
.navbar-nav li:first-child a:after {
display: none;
}
#navbar {
padding: 0;
}
.navbar-default .navbar-nav > li > a {
color: #FFF;
transition: 0.3s all;
font-size: 15px;
font-weight: 100;
}
@media screen and (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.navbar-default .navbar-nav > li > a {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.navbar-default .navbar-nav > li > a {
padding: 10px 0;
}
}
@media screen and (max-width: 992px) {
.nav > li > a {
padding: 10px 8px;
}
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #323232;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #585858;
background-color: #fff;
}
.dropdown-menu {
padding: 0;
}
.dropdown-menu > li > a {
padding: 7px 20px;
background-color: #fff;
}
.dropdown-menu > li > a {
color: #585858;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #1fbf8b;
text-decoration: none;
background-color: #585858;
}
.logo-wrapper {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
}
.logo-wrapper a {
outline: none;
}
.logo-wrapper img {
width: 130px;
position: relative;
top: -27px;
}
@media screen and (max-width: 992px) {
.logo-wrapper img {
width: 200px;
top: -12px;
}
}
@media screen and (max-width: 768px) {
.logo-wrapper img {
top: 0;
}
}
@media screen and (max-width: 550px) {
.logo-wrapper img {
/*width: 160px !important;
top: 0px;*/
max-width: 100% !important;
height: auto !important;
top: 8px !important;
}
}
.header-list-w {
list-style: none;
}
.search {
width: 300px;
position: absolute;
top: 10px;
right: 0;
}
@media screen and (max-width: 1200px) {
.search {
width: 250px;
}
}
@media screen and (max-width: 768px) {
.search {
width: 165px;
top: -32px;
transform: translate(0);
right: -12px;
}
}
.search input {
padding: 7px 15px;
width: 100%;
border-radius: 8px;
border: 1px solid #eeeeee4a;
outline: none;
caret-color: #eee;
background: #0544b7;
color: #EEE;
}
@media screen and (max-width: 992px) {
.search input {
padding: 9px 9px 9px 15px;
}
}
@media screen and (max-width: 550px) {
.search input {
padding: 6px 9px 5px 15px;
}
}
.search input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #eeeeee;
font-weight: 100;
font-size: 12px;
}
@media screen and (max-width: 992px) {
.search input::-webkit-input-placeholder {
font-size: 9px;
}
}
.search input::-moz-placeholder {
/* Firefox 19+ */
color: #eeeeee;
font-weight: 100;
font-size: 12px;
}
@media screen and (max-width: 992px) {
.search input::-moz-placeholder {
font-size: 9px;
}
}
.search input:-ms-input-placeholder {
/* IE 10+ */
color: #eeeeee;
font-size: 12px;
font-weight: 100;
}
@media screen and (max-width: 992px) {
.search input:-ms-input-placeholder {
font-size: 9px;
}
}
.search input:-moz-placeholder {
/* Firefox 18- */
color: #eeeeee;
font-size: 12px;
font-weight: 100;
}
@media screen and (max-width: 992px) {
.search input:-moz-placeholder {
font-size: 9px;
}
}
.search .input-wrapper {
position: relative;
}
.search .input-wrapper:after {
position: absolute;
content: '';
background-image: url("../../assets/images/search-solid.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
top: 50%;
transform: translate(0, -50%);
left: 7px;
}
@media screen and (max-width: 992px) {
.search .input-wrapper:after {
width: 15px;
height: 15px;
left: 4px;
}
}
.flags-wrapper {
direction: ltr;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
top: 16px;
left: 10px !important;
}
@media screen and (max-width: 550px) {
.flags-wrapper {
top: 12px;
}
}
.flags-wrapper li:last-child:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
right: 0;
background: #fff;
}
.flags-wrapper li {
position: relative;
padding: 0 5px;
}
@media screen and (max-width: 450px) {
.flags-wrapper li {
padding: 0 2px;
}
}
.flags-wrapper li a {
color: #fff;
font-weight: 100;
font-size: 12px;
padding: 0 5px;
}
.flags-wrapper li:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
left: 0;
background: #fff;
}
.flags-wrapper .svg-icon {
width: 23px;
}
@media screen and (min-width: 992px) {
.flags-wrapper .svg-icon {
width: 25px;
}
}
.top-menu {
padding: 0;
position: relative;
height: 50px;
}
.top-menu > ul {
flex-flow: column;
}
.top-menu ul {
left: 0;
top: 12px;
list-style: none;
padding: 0;
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin: 0;
}
.top-menu .link-item {
font-size: 13px;
padding: 0 5px;
position: relative;
color: #1fbf8b;
top: 30px;
left: 0;
}
@media screen and (max-width: 550px) {
.top-menu .link-item {
top: 8px;
font-size: 11px;
}
}
.header-item-wrapper {
height: 60px;
display: flex;
list-style: none;
padding: 0;
align-items: center;
position: relative;
margin: 0;
justify-content: space-between;
}
@media screen and (max-width: 992px) {
.header-item-wrapper {
height: 55px;
}
}
@media screen and (max-width: 768px) {
.header-item-wrapper {
height: 80px;
}
}
.login-cart-wrapper {
display: flex;
list-style: none;
padding: 0;
align-items: center;
position: absolute;
top: -36px;
right: -10px;
}
@media screen and (max-width: 768px) {
.login-cart-wrapper {
left: 45px;
}
}
@media screen and (max-width: 550px) {
.login-cart-wrapper {
left: 0px;
top: -30px;
}
}
@media screen and (max-width: 450px) {
.login-cart-wrapper {
left: -5px;
position: absolute;
/* top: -3px;*/
z-index: 999;
/* border: 1px solid red;*/
top: 40px;
width: 70px;
}
}
.login-cart-wrapper:after {
position: absolute;
right: 50%;
transform: translate(-50%);
width: 1px;
height: 100%;
z-index: 2;
border-right: 1px solid #1fbf8b;
}
.login-cart-wrapper .login {
position: relative;
text-align: center;
padding: 0;
border-radius: 8px;
height: 36px;
line-height: 36px;
}
@media screen and (max-width: 992px) {
.login-cart-wrapper .login {
width: 110px;
height: 40px;
white-space: nowrap;
font-size: 11px;
}
}
@media screen and (max-width: 550px) {
.login-cart-wrapper .login {
/*width: 100px;*/
height: 30px;
font-size: 10px;
display: flex;
align-items: center;
/* border: 1px solid white;*/
padding: 0;
margin: 0;
width: 45px;
}
}
.login-cart-wrapper span {
color: #eee;
padding: 5px;
font-weight: 100;
font-size: 13px;
}
.login {
margin: 0 10px;
}
.login img {
width: 20px;
margin: 5px;
}
.cart {
position: relative;
width: 150px;
margin-left: 10px;
text-align: center;
padding: 0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 36px;
}
@media screen and (max-width: 992px) {
.cart {
width: 95px;
height: 40px;
font-size: 11px;
}
}
@media screen and (max-width: 550px) {
.cart {
width: 88px;
height: 30px;
font-size: 10px;
margin-left: 0;
}
}
.cart .badge-counter {
position: relative;
white-space: nowrap;
display: -ms-inline-flexbox;
display: inline-flex;
top: 3px;
right: 0;
}
.cart .badge-counter:after {
content: attr(data-counter);
background-color: #f44336;
z-index: 9;
width: 16px;
height: 16px;
font-size: 9px;
line-height: 17px;
vertical-align: middle;
letter-spacing: -.3px;
text-align: center;
color: #ffffff;
border-radius: 100%;
display: block;
margin-left: 18px;
top: 0px;
position: absolute;
left: 0;
}
.cart img {
width: 20px;
}
.support-wrapper {
padding-bottom: 4px;
margin: 0;
display: inline-block;
font-size: 14px;
}
@media screen and (max-width: 430px) {
.support-wrapper {
display: none;
}
}
.pipe-line {
font-size: 20px;
position: relative;
top: 3px;
color: #eeeeee7a;
transform: rotate(20deg);
}
.support {
top: 0px;
font-weight: 100;
color: #eee !important;
font-size: 12px;
}
.support .ltr {
letter-spacing: 1.3px;
font-size: 20px;
font-weight: 500;
}
@media screen and (max-width: 550px) {
.support .ltr {
letter-spacing: 0;
}
}
.support .svg-icon {
opacity: 0.8;
top: 5px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
height: 20px;
width: 20px;
}
.support span {
padding: 0 4px;
display: inline-block;
}
@media screen and (max-width: 600px) {
.suppprt-text {
display: none !important;
}
}
.navbar-custom {
border: 0;
}
.navbar-default .navbar-nav > li > a:before {
content: "";
display: block;
}
/* center-side-full-1 */
.navbar-default .navbar-nav > li > a:before {
position: absolute;
left: 50%;
bottom: 0;
width: 0%;
height: 2px;
background-color: #FFF;
transform: translateX(-50%);
-webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navbar-default .navbar-nav > li > a:hover:before {
width: 100%;
}
@media screen and (max-width: 768px) {
.navbar-custom .container {
padding: 0;
}
}
@media screen and (max-width: 768px) {
.navbar-collapse {
width: 100%;
position: relative;
top: -49px;
border: 0px;
background: #383838;
margin: 0 !important;
}
}
@media screen and (max-width: 768px) {
.navbar-collapse a {
color: #fff !important;
}
}
@media screen and (max-width: 768px) {
.navbar-toggle {
position: relative;
top: -68px;
border: 0;
height: 40px;
background: #e1dfd514;
left: 15px;
}
}
@media screen and (max-width: 550px) {
.navbar-toggle {
position: relative;
top: -54px;
border: 0;
height: 33px;
display: flex;
flex-flow: column;
background: #e1dfd514;
align-items: center;
justify-content: center;
}
}
.login {
cursor: pointer;
}
.c-modal {
display: none;
position: absolute;
width: 310px;
left: 0;
height: 265px;
top: 50px;
background: white;
z-index: 1050;
box-shadow: 0px 2px 5px 0 #63636382;
outline: 0;
border-radius: 3px;
border: 1px solid #f3f3f3;
}
.c-modal:focus {
display: block !important;
}
.modal-pointer:after {
content: '';
width: 100%;
background: #1fbf8b;
height: 3px;
position: absolute;
left: 0;
top: -1px;
border-radius: 5px;
}
.modal-pointer:before {
content: url("../../assets/images/sort-up-solid.svg");
width: 13px;
position: absolute;
top: -9px;
left: 56px;
}
.login-modal {
padding: 15px 12px;
}
.login-modal input {
padding: 8px;
padding-right: 25px;
border-radius: 3px;
border: solid 1px #9E9E9E;
display: inline-block;
width: 100%;
margin: 5px 0;
}
.login-modal input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: gray;
font-size: 11px;
}
.login-modal input::-moz-placeholder {
/* Firefox 19+ */
color: gray;
font-size: 11px;
}
.login-modal input:-ms-input-placeholder {
/* IE 10+ */
color: gray;
font-size: 11px;
}
.login-modal input:-moz-placeholder {
/* Firefox 18- */
color: gray;
font-size: 11px;
}
.login-modal .user-name {
position: relative;
}
.login-modal .user-name:before {
content: '';
background-image: url("../../assets/images/phone3.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 14px;
height: 17px;
position: absolute;
top: 15px;
right: 5px;
}
.login-modal .text-modal {
color: #777 !important;
padding: 5px;
font-weight: 500;
margin: 30px 0;
text-align: right;
}
.login-modal .password {
position: relative;
}
.login-modal .password:before {
background-image: url("../../assets/images/lock.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
content: '';
width: 15px;
height: 19px;
position: absolute;
top: 15px;
right: 5px;
}
.login-modal .forget-password {
font-size: 12px;
text-align: right;
}
.login-modal .forget-password a {
color: gold;
}
.submit-wrapper {
overflow: hidden;
position: relative;
background: #1fbf8b;
color: #fff !important;
border-radius: 8px;
z-index: 10;
padding: 10px;
display: inline-block;
transition: 0.2s all;
width: 100%;
margin: 13px 0;
}
.submit-wrapper span {
padding-right: 15px;
}
.submit-wrapper:hover .submit:before {
width: 900px;
height: 900px;
right: -450px;
top: -450px;
transform: unset;
}
.submit-wrapper:hover .submit:before a, .submit-wrapper:hover .submit:before a:hover {
color: #fff !important;
}
.submit-wrapper a:focus, .submit-wrapper a:hover {
color: #fff !important;
}
.submit {
transition: 0.2s all;
text-align: center;
}
.submit span {
color: #fff;
}
.submit:before {
transition: 0.2s all;
width: 51px;
height: 77px;
position: absolute;
right: -15px;
top: -24px;
background: rgba(255, 255, 255, 0.21);
border-radius: 50%;
}
.submit svg {
font-size: 16px;
position: relative;
top: 3px;
margin: 0 6px;
}
/* The container */
.checkmark-wrapper {
text-align: right;
display: block;
position: relative;
padding-right: 30px;
margin-bottom: 12px;
cursor: pointer;
font-weight: 400;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkmark-wrapper input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
right: 0;
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid #1fbf8b;
border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.checkmark-wrapper:hover input ~ .checkmark {
background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.checkmark-wrapper input:checked ~ .checkmark {
background-color: #1fbf8b;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkmark-wrapper input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkmark-wrapper .checkmark:after {
left: 4px;
top: 0px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.user-register {
width: 100%;
background: #383838;
padding: 7px;
border: 1px solid #eceff1;
text-align: right;
margin: 0;
position: absolute;
bottom: 0;
right: 0;
}
.user-register a {
color: #1fbf8b;
}
.box-desc {
z-index: 2;
position: relative;
list-style: none;
background: #fff;
display: flex;
padding-right: 0;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: calc(100% - 30px);
margin: 0 auto;
border-radius: 0 0 8px 8px;
text-align: center;
padding-bottom: 0;
}
#newProduct, #header-mobile, #mobile-slider {
display: none;
}
@media screen and (max-width: 500px) {
#newProduct, #header-mobile, #mobile-slider {
display: block !important;
}
.box-desc {
flex-wrap: wrap;
padding-bottom: 0;
margin: 0;
width: calc(100% - 0px);
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center !important;
border-radius: unset;
}
.box-desc li {
width: auto !important;
margin: unset !important;
}
.navbar-default {
background: unset;
box-shadow: unset !important;
}
.title-slider-wrapper {
/*flex-direction: column;*/
}
.zoom-wrapper {
align-items: center !important;
}
.zoom-wrapper #main-img {
width: 78% !important;
}
/* #product-category {
margin-top: 10px;
}*/
.product-slider {
margin-top: 0px !important;
}
.tab-content-product td:first-child {
min-width: 60px !important;
}
.contact-wrapper {
padding: 0 !important;
}
.middle-footer {
padding-bottom: 0 !important;
}
.index-blog-wrapper {
padding: 0 !important;
}
.date {
right: auto !important;
left: 30px;
bottom: 27px !important;
padding-bottom: 5px;
}
.index-blog-item .index-blog-title {
padding: 10px 15px !important;
}
.ad-card.single img {
border-radius: unset !important;
}
.more-btn-link {
padding: 5px 10px !important;
min-width: 100px !important;
}
.carousel-control {
display: block !important;
}
}
.box-desc .image-wrapper {
position: relative;
}
.box-desc .image-wrapper img {
position: relative;
z-index: 9;
}
.box-desc .desc-box-item {
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-around;
border-radius: 8px;
background: #fff;
padding: 10px 15px;
/*@media screen and (max-width: 650px) {
height: 80px;
}*/
}
.box-desc li {
width: calc((100% - 120px) / 4);
margin: 15px;
position: relative;
z-index: 999;
}
@media screen and (min-width: 1200px) {
.box-desc li {
margin: 5px 10px;
}
}
@media screen and (max-width: 992px) {
.box-desc li {
width: calc((100% - 60px) / 2);
}
}
@media screen and (max-width: 650px) {
.box-desc li {
width: calc((100% - 30px));
margin: 5px 15px;
}
}
.box-desc img {
width: 30px;
margin-left: 15px;
}
@media screen and (max-width: 650px) {
.box-desc img {
width: 30px;
}
}
.box-desc .desc-title {
color: #666;
font-weight: 500;
font-size: 16px;
width: 222px;
text-align: right;
}
@media screen and (max-width: 992px) {
.box-desc .desc-title {
width: calc((100% - 120px));
}
}
@media screen and (max-width: 550px) {
.box-desc .desc-title {
font-size: 16px;
}
}
.box-desc .desc-details {
font-size: 12px;
text-align: right;
width: 100%;
margin-top: 5px;
color: #999;
}
@media screen and (max-width: 550px) {
.box-desc .desc-details {
margin: 0;
}
}
.footer {
background: #f6f8fc;
min-height: 300px;
font-size: 13px;
}
.footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer .svg-icon {
background-size: contain;
top: 10px;
right: -5px;
width: 20px;
}
@media screen and (max-width: 750px) {
.footer .svg-icon {
width: 15px;
}
}
.footer .address .address-title {
padding-right: 5px;
}
.footer .address .address-desc {
padding-left: 5px;
font-size: 12px;
}
.footer .address li {
line-height: 30px;
display: flex;
font-weight: 100;
color: #585858;
}
.footer .address .svg-icon {
top: 5px;
right: 0;
width: 20px;
}
.footer a {
color: #FFF;
line-height: 25px;
font-weight: 100;
}
.middle-footer {
padding-bottom: 60px;
background: #0544b7;
}
.middle-footer-title {
height: 40px;
line-height: 40px;
margin-top: 30px;
font-size: 16px;
color: #FFF;
}
@media screen and (max-width: 750px) {
.middle-footer-title {
margin-top: 0;
height: auto;
}
}
.top-footer {
min-height: 80px;
background: #1fbf8b;
}
@media screen and (max-width: 550px) {
.top-footer {
padding-bottom: 15px;
}
}
.logos {
position: relative;
top: 30px;
}
.logos ul {
display: flex;
align-items: center;
justify-content: right;
margin-top: 30px;
}
.logos a {
display: -webkit-inline-box;
display: inline-flex;
vertical-align: middle;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 96px;
height: 96px;
background: #fff;
box-shadow: 0 6px 27px 7px rgba(0, 0, 0, 0.06);
border-radius: 10px;
margin: 8px;
}
.logos a img {
height: 100%;
width: auto;
}
.t-f-t-number {
top: 25px !important;
}
@media screen and (max-width: 750px) {
.t-f-t-number {
top: 14px !important;
}
}
.top-footer-number {
display: inline-flex;
align-items: center;
justify-content: center;
top: 20px;
position: relative;
font-size: 20px;
right: 15px;
letter-spacing: 2px;
color: #FFF;
}
@media screen and (max-width: 750px) {
.top-footer-number {
top: 5px;
font-size: 14px;
}
}
.top-footer-title {
display: inline-flex;
align-items: center;
justify-content: center;
top: 19px;
position: relative;
font-size: 14px;
padding-right: 5px;
color: #FFF;
}
@media screen and (max-width: 750px) {
.top-footer-title {
font-size: 12px;
top: 5px;
}
}
.top-footer-title .svg-icon {
top: 4px;
right: -5px;
width: 20px;
}
@media screen and (max-width: 750px) {
.top-footer-title .svg-icon {
top: 7px;
width: 12px;
}
}
.network-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
top: 20px;
position: relative;
}
@media screen and (max-width: 750px) {
.network-wrapper {
top: 0;
}
}
.network-wrapper li {
border: 1px solid #00000014;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
position: relative;
margin: 0 10px;
}
@media screen and (max-width: 750px) {
.network-wrapper li {
width: 30px;
border-radius: 4px;
height: 30px;
margin: 5px 10px;
top: 4px;
}
}
.network-wrapper li .svg-icon {
top: 3px;
right: auto;
}
@media screen and (max-width: 750px) {
.network-wrapper li .svg-icon {
top: 5px;
}
}
.network ul {
display: flex;
align-items: center;
justify-content: right;
}
.network .network-text {
position: relative;
top: 5px;
right: 20px;
color: #9E9E9E;
font-size: 16px;
font-weight: 100;
padding-left: 40px;
padding-right: 5px;
}
.network .svg-icon {
margin: 0 12px;
}
.footer-mail-link {
display: flex;
align-items: flex-start;
justify-content: space-around;
}
.footer-news-wrapper {
margin-right: -30px;
}
.footer-news {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 20px;
}
.copy-right {
border-top: 1px solid #ddd;
margin: 0;
line-height: 50px;
height: 50px;
text-align: center;
font-size: 12px;
font-weight: 100;
color: #585858;
}
@media screen and (max-width: 750px) {
.copy-right {
height: auto;
line-height: 22px;
padding-top: 5px;
}
}
.copy-right span {
padding: 0 2px;
display: inline-block;
}
.copy-right a {
padding: 0 3px;
display: inline-block;
color: #666;
font-weight: 400;
transition: 0.2s all;
}
.copy-right a:hover {
color: #1fbf8b;
}
body {
background: #ebeff7;
overflow-x: hidden;
}
a, button, input, textarea {
text-decoration: none !important;
outline: none !important;
}
.break-line {
width: calc(100% - 30px);
border-bottom: 1px dashed #1fbf8b;
margin: 37px 15px 15px 15px;
}
@media (min-width: 1450px) {
.container {
width: 1400px !important;
}
}
.seprator {
margin-top: 30px;
}
@media screen and (max-width: 550px) {
.seprator {
margin-top: 15px;
}
}
.shadow {
box-shadow: 0 15px 60px rgba(56, 93, 165, 0.1) !important;
}
.shadow2 {
box-shadow: 0 15px 60px rgba(56, 93, 165, 0.1) !important;
}
.shadow3 {
box-shadow: 0 15px 60px rgba(56, 93, 165, 0.1) !important;
}
.more-btn-link {
min-width: 152px;
text-align: center;
white-space: nowrap;
z-index: 2;
color: #fff !important;
background: #0544b7;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
position: relative;
top: 0;
}
@media screen and (max-width: 750px) {
.more-btn-link {
padding: 10px;
font-size: 12px;
top: -10px;
}
}
@media screen and (max-width: 550px) {
.more-btn-link {
padding: 8px 10px;
font-size: 10px;
top: 0px;
}
}
.svg-icon {
display: inline-block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
.ltr {
direction: ltr;
display: inline-block;
}
.seprator-inline {
padding: 0 10px !important;
display: inline-block !important;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.d-flex {
display: flex;
}
.ad-card {
width: 100%;
height: auto;
border-radius: 8px;
background: white;
outline: none;
}
.ad-card.single {
box-shadow: 0px 2px 5px 0 #9e9e9e30;
width: 100%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.ad-card.single .image-wrapper {
width: 100%;
height: 100%;
}
.ad-card.single img {
border-radius: 8px;
height: auto !important;
}
.tiny-ad-wrapper {
display: flex;
flex-flow: column;
justify-content: center;
width: 100%;
align-content: flex-start;
}
img {
width: 100%;
}
.title-slider-wrapper {
padding: 12px 30px;
text-align: center;
border-radius: 5px 5px 0 0;
}
.card-oldPrice {
font-size: 13px;
text-decoration: line-through;
color: gray;
font-weight: 100;
}
.card-price {
color: #777;
font-weight: 500;
font-size: 18px;
line-height: 29px;
padding-right: 10px;
}
.unit {
color: #999;
font-weight: 100;
font-size: 12px;
}
.card-desc {
height: 60px;
text-align: center;
line-height: 26px;
margin-bottom: 15px;
}
.card-desc .card-title {
padding: 0 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-desc .card-title a {
color: #585858;
font-size: 12px;
line-height: 36px;
}
.price-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.owl-carousel .image-wrapper {
margin: 15px;
}
.tiny-slider {
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 8px;
overflow: hidden;
margin-top: 7px;
}
.tiny-slider .ad-card {
border-radius: 0 0 5px 5px;
}
.tiny-slider .title-slider {
font-size: 14px;
font-weight: 500;
}
.tiny-slider .title-slider-wrapper {
position: relative;
}
.tiny-slider .title-slider-wrapper:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: whitesmoke;
top: 42px;
right: 0;
}
.tiny-slider:hover .owl-nav {
opacity: 1 !important;
}
.owl-nav {
transition: 0.2s all;
opacity: 0;
position: absolute;
top: 50%;
width: 100%;
transform: translate(0, -50%);
}
.owl-nav button {
outline: none;
transition: 0.2s all;
}
.owl-nav .disabled {
filter: opacity(30%);
}
.owl-nav .owl-prev {
right: -40px;
position: absolute;
}
.owl-nav .owl-next {
left: -40px;
position: absolute;
}
.owl-nav img {
width: 26px;
border: 1px solid whitesmoke;
padding: 9px;
background: #fff;
border-radius: 8px;
}
.category-slider {
background: #fff;
padding: 15px 30px;
border-radius: 8px;
}
.category-slider .owl-item {
border-top: 0;
}
.category-slider:hover .owl-nav {
opacity: 1 !important;
}
.title-slider {
color: #787878;
position: relative;
font-size: 24px;
font-weight: 500;
display: flex;
flex-flow: column;
line-height: 34px;
align-items: start;
}
@media screen and (max-width: 750px) {
.title-slider {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (max-width: 550px) {
.title-slider {
font-size: 14px;
line-height: 22px;
}
}
.title-slider-desc {
color: #787878;
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 300;
}
@media screen and (max-width: 750px) {
.title-slider-desc {
font-size: 13px;
}
}
@media screen and (max-width: 550px) {
.title-slider-desc {
font-size: 10px;
}
}
.title-slider-wrapper {
text-align: right;
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
font-size: 20px;
padding-left: 0;
padding-right: 0;
}
.big-ads {
margin-top: 20px;
}
.big-ads .single .image-wrapper {
width: 100%;
height: 100%;
}
.big-ads .single img {
height: auto !important;
}
.small-ads {
margin-top: 20px;
}
.small-ads .single {
height: 192px;
}
@media screen and (max-width: 991px) {
.small-ads .single {
height: 100px;
}
}
.small-ads .single .image-wrapper {
width: 100%;
height: 100%;
}
.small-ads .single img {
height: 100%;
}
.owl-carousel2 .ad-card {
height: auto;
}
.brands-slider {
box-shadow: 0px 2px 5px 0 #9e9e9e30;
background: #fff;
border-radius: 3px;
overflow: hidden;
}
.brands-slider:hover .owl-nav {
opacity: 1 !important;
}
.ad-card-slider-wrapper {
margin: 0;
padding: 1px;
border-radius: 8px;
}
.off-box {
height: 340px;
margin: 15px 0;
text-align: center;
border-radius: 8px;
padding-bottom: 20px;
position: relative;
background: #fff;
}
@media screen and (max-width: 992px) {
.off-box {
height: auto;
padding-bottom: 80px;
}
}
@media screen and (max-width: 992px) {
.off-box .col-xs-12 {
position: static !important;
}
}
.off-box .card-price {
color: #fa4a47 !important;
font-size: 24px !important;
}
.off-box .more-btn-link {
position: relative;
top: 20px;
display: block;
margin-right: 15px;
margin-top: 15px;
border-radius: 6px;
background: #1fbf8b !important;
box-shadow: 0 10px 30px #1fbf8b4d;
}
@media screen and (max-width: 992px) {
.off-box .more-btn-link {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%);
top: auto;
}
}
.off-box .card-desc {
height: 30px;
margin-bottom: 10px;
}
.off-box .card-desc .card-title {
font-weight: 500;
color: #585858;
position: relative;
top: 10px;
}
.off-box .card-desc .price-wrapper {
position: relative;
top: 10px;
}
.off-box .off-img {
padding: 15px 30px 10px 15px;
width: 60%;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 992px) {
.off-box .off-img {
padding: 60px;
padding-bottom: 15px;
}
}
.off-persent-wrapper {
height: 30px;
position: absolute;
top: 12px;
left: 15px;
background: #fa4a47;
color: #fff;
border-radius: 3px;
padding-left: 15px;
font-size: 12px;
}
.off {
display: inline-block;
padding: 6px 0;
background: #fa4a47;
border-radius: 30px;
margin: 0;
min-width: 50px;
color: #fff;
font-weight: 500;
}
.img-offer {
border-radius: 8px 0 0 8px;
}
.timer-wrapper {
position: relative;
top: 12px;
margin-bottom: 20px;
color: #fff;
font-weight: 500;
font-size: 14px;
display: inline-block;
}
.timer-wrapper:before {
position: absolute;
left: -25px;
top: -2px;
background-image: url("../images/clock.svg");
width: 20px;
height: 20px;
content: '';
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.category-box-wrapper {
display: flex;
padding: 0;
list-style: none;
}
.category-box-wrapper .ad-card {
width: calc((100% - 120px) / 5) !important;
margin: 15px !important;
}
@media screen and (max-width: 992px) {
.category-box-wrapper .ad-card {
width: calc((100% - 60px) / 3) !important;
}
}
@media screen and (max-width: 768px) {
.category-box-wrapper .ad-card {
width: calc(100%) !important;
}
}
.category-box-wrapper .ad-card:first-child {
margin-right: 0 !important;
}
.category-box-wrapper .ad-card:last-child {
margin-left: 0 !important;
}
@media screen and (max-width: 992px) {
.category-box-wrapper .ad-card:nth-child(5) {
display: none;
}
}
@media screen and (max-width: 992px) {
.category-box-wrapper .ad-card:nth-child(4) {
display: none;
}
}
@media screen and (max-width: 768px) {
.category-box-wrapper .ad-card:nth-child(3) {
display: none;
}
}
@media screen and (max-width: 768px) {
.category-box-wrapper .ad-card:nth-child(2) {
display: none;
}
}
.category-box-wrapper .ad-card img {
border-radius: 8px 8px 0 0;
}
.category-box-wrapper2 .card-desc {
margin-top: 50px;
}
.category-box-wrapper2 .ad-card-slider-wrapper {
margin: 0;
height: 340px;
border-radius: 8px;
padding: 0;
}
.category-box-wrapper2 .ad-card {
width: 100% !important;
margin: 15px 5px !important;
}
@media screen and (max-width: 992px) {
.category-box-wrapper2 .ad-card {
width: calc(100%) !important;
}
}
.t-w-w {
background: #fa4a47;
margin-right: 15px;
margin-top: 20px;
border-radius: 6px;
margin-bottom: 10px;
}
.arrange {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-radius: 8px;
background: #fff;
box-shadow: 0 15px 60px rgba(56, 93, 165, 0.1) !important;
}
.arrange .sort-item {
padding: 5px 10px;
margin: 0 9px;
border: 1px solid #8b8e85;
border-radius: 5px;
cursor: pointer;
color: #8b8e85;
}
.arrange .sort-item.active {
color: #34352f;
border: 1px solid #34352f;
}
.arrange .sort-title {
padding: 5px 10px;
margin: 0 5px;
color: #8b8e85;
font-size: 13px;
}
.arrange select {
border: 1px solid #8b8e85;
padding: 2px 5px;
border-radius: 5px;
margin: 0 15px;
color: #8b8e85;
outline: none;
}
.assending-wrapper {
list-style: none;
display: flex;
}
.index-blog-item {
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
background: #fff;
}
.index-blog-item img {
width: 100%;
}
.index-blog-item .index-blog-title {
padding: 20px 30px;
margin: 0;
font-size: 16px;
line-height: 28px;
text-align: justify;
position: relative;
color: #585858;
height: 80px;
overflow: hidden;
transition: 0.2s all;
}
@media screen and (max-width: 750px) {
.index-blog-item .index-blog-title {
padding: 10px 8px;
margin: 0;
font-size: 12px;
line-height: 20px;
height: 70px;
}
}
.index-blog-item .index-blog-title:hover {
color: #1fbf8b;
}
.index-blog-item .index-blog-desc {
overflow: hidden;
position: relative;
padding: 20px 30px 0 30px;
margin: 0;
margin-bottom: 50px;
font-size: 14px;
font-weight: 300;
line-height: 26px;
text-align: justify;
color: #757575;
height: 150px;
}
@media screen and (max-width: 750px) {
.index-blog-item .index-blog-desc {
padding: 20px 8px 0 8px;
margin-bottom: 35px;
font-size: 11px;
line-height: 22px;
height: 62px;
}
}
.index-blog-item .index-blog-desc:after {
top: 8px;
position: absolute;
content: '';
width: 80px;
height: 2px;
background: #1fbf8b;
left: 50%;
transform: translate(-50%);
}
.index-blog-item .index-blog-link {
min-width: auto;
float: left;
position: relative;
top: -30px;
left: 30px;
font-size: 12px;
border-radius: 51px;
padding: 5px 15px;
}
@media screen and (max-width: 750px) {
.index-blog-item .index-blog-link {
font-size: 9px;
padding: 5px 10px;
margin-bottom: 5px;
}
}
.date {
position: absolute;
right: 60px;
font-size: 12px;
bottom: 62px;
color: #d7d4d4;
}
@media screen and (max-width: 750px) {
.date {
font-size: 10px;
}
}
.date:before {
content: '';
width: 16px;
height: 16px;
right: -20px;
top: -3px;
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("../images/calendar.svg");
}
.post-body .date {
position: relative;
right: 20px;
bottom: -4px;
}
.post-title {
margin: 0;
font-size: 24px;
color: #585858;
font-weight: 500;
line-height: 30px;
text-align: justify;
letter-spacing: 0;
}
@media screen and (max-width: 992px) {
.post-title {
font-size: 20px;
}
}
@media screen and (max-width: 750px) {
.post-title {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (max-width: 550px) {
.post-title {
font-size: 16px;
line-height: 26px;
}
}
.post-desc {
text-align: justify;
font-size: 14px;
line-height: 32px;
color: #555;
margin-top: 15px;
}
@media screen and (max-width: 550px) {
.post-desc {
font-weight: 100;
}
}
.post-img {
display: block;
max-width: 100%;
width: auto;
margin: 15px 0;
border-radius: 8px;
}
.aside-news-box {
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
background: #fff;
position: relative;
}
.aside-news-box a {
align-items: flex-start;
justify-content: center;
display: flex;
padding-bottom: 15px;
}
.aside-news-box a .date.ltr {
right: 35px !important;
bottom: 5px !important;
}
.aside-news-box .index-blog-title {
font-size: 13px;
color: #585858 !important;
width: calc(100% - 130px);
padding: 5px;
height: 82px;
margin: 0;
line-height: 20px;
overflow: hidden;
text-align: justify;
letter-spacing: 0;
}
.aside-news-box img {
width: 130px;
border-radius: 4px;
}
.index-blog-wrapper {
background: #fff;
padding: 15px 30px;
border-radius: 8px;
width: calc(100% - 30px);
margin-right: 15px;
}
.breadcrumb {
white-space: nowrap;
overflow: auto;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0;
background: transparent;
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
height: 50px;
}
.breadcrumb a {
color: #888;
font-size: 13px;
}
.breadcrumb .active a {
color: #585858;
pointer-events: none;
}
@media screen and (max-width: 750px) {
.index-category-wrapper {
margin: 0 7.5px;
}
}
@media screen and (max-width: 750px) {
.index-category-wrapper a {
padding: 7.5px;
}
}
.category-information {
background: #fff;
margin-top: 20px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
padding-bottom: 30px;
position: relative;
}
.category-information-header {
padding: 15px 30px;
font-size: 18px;
font-weight: 500;
border-bottom: 1px solid whitesmoke;
}
.category-information-body {
padding: 15px 30px;
line-height: 35px;
text-align: justify;
}
.parent {
font-size: 14px;
line-height: 30px;
}
.parent p.collapse:not(.in) {
height: 63px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.collapse.in {
height: auto;
}
.parent p {
min-height: 94px;
}
.parent a {
position: absolute;
left: 30px;
margin-top: 10px;
width: 40px;
height: 40px;
}
@media screen and (max-width: 550px) {
.parent a {
left: 20px;
}
}
.parent a.collapsed:after {
content: '';
background-image: url("../images/caret-down-solid.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
width: 14px;
height: 14px;
left: 0px;
transition: .2s all;
}
.parent a:not(.collapsed):after {
content: '';
background-image: url("../images/caret-down-solid.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform: rotate(180deg);
position: absolute;
width: 14px;
height: 14px;
left: 0px;
}
.category-box {
display: block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
}
@media screen and (max-width: 750px) {
.category-box {
margin: 0;
}
}
.category-box:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
transition: 0.2s all;
opacity: 1;
right: 0;
}
.category-box .category-box-title {
text-align: center;
position: relative;
color: #fff;
font-size: 40px;
padding-top: 80px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.category-box .category-box-desc {
text-align: center;
position: relative;
color: #fff;
font-size: 16px;
line-height: 30px;
font-weight: 100;
height: 60px;
overflow: hidden;
}
.category-box .more-btn {
position: absolute;
z-index: 2;
color: #585858;
background: #1fbf8b;
bottom: 30px;
left: 50%;
transform: translate(-50%);
padding: 10px 15px;
border-radius: 2px;
font-size: 12px;
}
.category-details-wrapper {
position: absolute;
bottom: 30px;
width: calc(100% - 30px);
color: #fff;
opacity: 0;
transition: 0.2s all;
border-radius: 0 0 8px 8px;
padding: 15px;
padding-bottom: 10px;
background: #0544b7e8;
}
.category-details-wrapper.wide {
display: flex;
flex-direction: column-reverse;
justify-content: end;
align-items: flex-end;
width: 30%;
height: calc(100% - 30px);
bottom: auto;
top: 0;
left: 0;
border-radius: 8px 0 0 8px;
}
.category-details-wrapper.wide .category-box-title {
margin-bottom: 5px;
}
.category-details-wrapper.wide .more-btn {
position: static;
}
.category-relative {
position: relative;
transition: 0.2s all;
}
.category-relative:hover .category-details-wrapper {
opacity: 1;
}
.category-relative .more-btn {
position: absolute;
font-size: 12px;
font-weight: 400;
top: 50%;
right: 15px;
transform: translate(0, -50%);
border: 1px solid #fff;
background: #fff;
color: #0544b7;
padding: 6px 30px 6px 15px;
border-radius: 30px;
}
.category-relative .more-btn:before {
position: absolute;
content: '';
width: 20px;
height: 20px;
background-image: url("../images/arrow-w.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
right: 5px;
top: 5px;
}
.category-box-title {
font-size: 18px;
text-align: left;
margin-bottom: 0;
margin-top: 5px;
}
.category-box-desc {
font-size: 14px;
text-align: left;
font-weight: 100;
margin-top: 15px;
}
.category-box-desc span {
display: inline-block;
padding: 0 2px;
}
.comments {
border-radius: 12px;
padding-right: 14px;
}
@media print {
.comments {
display: none;
}
}
.comments ul {
list-style: none;
text-align: right;
}
.comments ul li {
position: relative;
}
.comments ul li .image-wrapper {
padding: 0;
margin: 10px 0;
position: absolute;
height: 71px;
right: -46px;
top: -10px;
width: 71px;
border-radius: 100%;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.comments ul li .image-wrapper {
height: 41px;
width: 41px;
}
}
.comments ul li .image-wrapper .image {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
display: block;
}
.comments ul li .image-wrapper a {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
@media print {
.comments ul li .image-wrapper a {
display: none;
}
}
.comments ul li .item {
position: relative;
margin: 10px 35px 20px 15px;
padding: 15px;
color: #993333;
background: #eceff1;
border-radius: 12px 0 12px 12px;
}
@media screen and (max-width: 992px) {
.comments ul li .item {
margin-right: 8px;
}
}
.comments ul li .item:after {
content: '';
background-image: url("../../assets/images/caret-right-solid.svg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 15px;
height: 15px;
right: -10px;
position: absolute;
top: 16px;
}
.comments ul li .item a {
color: #1fbf8b;
}
.comments ul li .item a:hover {
color: gold;
}
.comments ul li .item .name-wrapper {
float: right;
margin: 4px;
color: #555;
}
.comments ul li .item .date-wrapper {
float: right;
margin: 4px;
color: #0000007a;
}
.comments ul li .item .reply {
float: right;
margin: 4px;
}
.comments ul li .item .text {
clear: both;
color: #555;
line-height: 24px;
}
.comments ul li .item .CommentLike button {
border: 0;
background: transparent;
}
.comments ul li .item .CommentLike .CommentPlus {
color: #1c9621;
padding: 4px 0 4px 10px;
}
.comments ul li .item .CommentLike .CommentMinus {
color: #cc3333;
padding: 4px 0 4px 10px;
}
@media screen and (max-width: 767px) {
.viewpoint form {
text-align: center;
margin: 0 auto;
position: relative;
height: 455px;
}
}
@media print {
.viewpoint {
display: none;
}
}
@media screen and (max-width: 767px) {
.viewpoint .form-submit-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
}
.viewpoint .form-submit-wrapper input[type=submit] {
float: left;
margin: 10px 0;
background: #1c9621;
border: 0;
padding: 10px 70px;
color: white;
border-radius: 4px !important;
}
@media screen and (max-width: 767px) {
.viewpoint .form-submit-wrapper input[type=submit] {
top: 85%;
position: absolute;
}
}
.viewpoint input[type=text] {
width: 40%;
padding: 0 12px;
border-radius: 4px;
margin: 4px;
height: 45px;
border: 0;
background-color: #eceff160;
}
.viewpoint input[type=text]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=text]::-moz-placeholder {
/* Firefox 19+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=text]:-ms-input-placeholder {
/* IE 10+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=text]:-moz-placeholder {
/* Firefox 18- */
color: #888;
font-weight: 100;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.viewpoint input[type=text] {
width: 94%;
}
}
.viewpoint input[type=email] {
border-radius: 4px;
width: 40%;
padding: 0 12px;
margin: 4px;
height: 45px;
border: 0;
background-color: #eceff160;
}
.viewpoint input[type=email]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=email]::-moz-placeholder {
/* Firefox 19+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=email]:-ms-input-placeholder {
/* IE 10+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint input[type=email]:-moz-placeholder {
/* Firefox 18- */
color: #888;
font-weight: 100;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.viewpoint input[type=email] {
width: 94%;
}
}
.viewpoint .captcha-wrapper {
width: 40%;
padding: 0 12px;
margin: 4px 13px;
height: 61px;
border: 0;
background-color: transparent;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.viewpoint .captcha-wrapper {
width: 94%;
}
}
.viewpoint textarea {
border-radius: 4px;
width: 56%;
border: 0;
padding: 12px 12px;
background-color: #eceff160;
height: 151px;
margin: 4px;
float: left;
resize: none;
}
.viewpoint textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint textarea::-moz-placeholder {
/* Firefox 19+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint textarea:-ms-input-placeholder {
/* IE 10+ */
color: #888;
font-weight: 100;
font-size: 13px;
}
.viewpoint textarea:-moz-placeholder {
/* Firefox 18- */
color: #888;
font-weight: 100;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.viewpoint textarea {
width: 94%;
position: absolute;
top: 35%;
}
}
.page-title {
margin-bottom: 10px;
background: #fff;
padding: 15px;
border-bottom: 1px solid whitesmoke;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
font-size: 18px;
font-weight: 500;
}
.factor-item {
border-radius: 8px;
position: relative;
display: flex;
list-style: none;
background: #fff;
padding: 0;
margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
.factor-item {
flex-flow: column;
}
}
.factor-item .image-wrapper {
width: 200px;
height: 130px;
background: #fff;
position: relative;
}
.factor-item .image-wrapper img {
max-width: 200px !important;
width: auto;
max-height: 130px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.factor-item .remove-item {
position: absolute;
left: 0;
top: 0;
color: #F44336;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
line-height: 57px;
cursor: pointer;
font-weight: 100;
transform: scale(1.3, 1);
}
.factor-item li {
border-left: 1px solid #eceff1;
padding: 30px;
}
@media screen and (max-width: 1199px) {
.factor-item li {
padding: 5px;
}
}
.factor-item li:last-child {
border: 0;
}
@media screen and (max-width: 991px) {
.factor-item-title.factor-count, .factor-item-title.factor-price {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.factor-item-title.factor-info {
border: 0;
}
}
.factor-count, .factor-item-title, .info-title, .price-title {
font-size: 14px;
font-weight: 500;
color: #555;
}
.factor-item-title {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 30px !important;
box-shadow: 0 0 0;
border: 0;
}
.factor-item-title li {
border-left: 1px solid transparent;
color: #888;
font-size: 13px;
position: relative;
top: 15px;
}
@media screen and (max-width: 1199px) {
.factor-item-title {
padding: 5px 20px !important;
}
}
@media screen and (max-width: 991px) {
.factor-item-title {
margin: 0 !important;
}
}
.factor-item-title li {
padding: 10px 30px !important;
}
@media screen and (max-width: 650px) {
.factor-item-title li {
position: relative;
top: 5px;
}
}
.factor-info {
width: calc(100% - 650px);
display: flex;
}
@media screen and (max-width: 1199px) {
.factor-info {
width: calc(100% - 400px);
}
}
@media screen and (max-width: 991px) {
.factor-info {
width: calc(100%);
}
}
@media screen and (max-width: 500px) {
.factor-info {
flex-flow: column;
align-items: center;
justify-content: flex-start;
}
}
.factor-info .info {
width: calc(100% - 200px);
padding: 0 15px;
}
@media screen and (max-width: 500px) {
.factor-info .info {
padding: 15px;
width: calc(100%);
}
}
.factor-info .best-features {
height: 100px;
overflow: hidden;
}
.factor-info .best-features-item {
color: #888;
padding: 3px 0;
border: 0;
}
@media screen and (max-width: 650px) {
.factor-info .best-features-item {
font-weight: 100;
}
}
.factor-info .best-features::-webkit-scrollbar {
width: 3px !important;
height: 4px;
}
.factor-info .best-features::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3) !important;
}
.factor-info .best-features::-webkit-scrollbar-thumb {
background-color: #1fbf8b !important;
outline: 1px solid #1fbf8b !important;
}
.total-price {
font-size: 16px;
font-weight: 500;
}
.factor-count {
width: 230px;
display: flex;
align-items: center;
padding: 15px 20px;
margin: 0 20px;
padding-right: 0 !important;
}
@media screen and (max-width: 1199px) {
.factor-count {
width: 160px;
}
}
@media screen and (max-width: 991px) {
.factor-count {
width: 200px;
margin: 0;
align-items: center;
justify-content: center;
border-left: 0 !important;
}
}
.factor-price {
width: 320px;
display: flex;
flex-flow: column;
justify-content: space-between;
}
@media screen and (max-width: 1199px) {
.factor-price {
width: 160px;
}
}
@media screen and (max-width: 991px) {
.factor-price {
width: 100%;
}
}
.factor-price .unit-price, .factor-price .total-price-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.total-price-wrapper {
padding: 15px 0;
border-top: 1px solid #eceff1;
}
.quantity {
direction: ltr;
position: relative;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.quantity input {
width: 45px;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 20px;
border: 1px solid #eee;
}
.quantity input:focus {
outline: 0;
}
.quantity-nav {
float: left;
position: relative;
height: 42px;
right: -20px;
}
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #eee;
width: 20px;
text-align: center;
color: #333;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 1.7;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
background-color: #fff;
border: 1px solid #eee;
}
.quantity-button.quantity-down {
position: absolute;
bottom: 0px;
height: 50%;
background-color: #fff;
border: 1px solid #eee;
}
.factor-summery {
margin-top: 20px;
padding: 15px 50px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
line-height: 22px;
background-color: #fff;
text-align: center;
}
@media screen and (max-width: 991px) {
.factor-summery {
margin-top: 2px;
}
}
.factor-summery .submit-wrapper {
width: 200px;
}
.factor-summery .submit-wrapper:hover {
color: #fff;
}
.factor-desc {
height: 120px;
text-align: justify;
margin-top: 20px;
padding: 28px 50px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
line-height: 28px;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.factor-desc {
height: auto;
margin-top: 2px;
}
}
.checkout-summary {
display: flex;
justify-content: space-between;
}
.checkout-summary-price {
font-size: 18px;
font-weight: 500;
}
.factor-text {
margin: 30px 0 15px 0;
font-size: 14px;
line-height: 25px;
color: #585858;
text-align: justify;
}
@media screen and (max-width: 650px) {
.factor-text {
font-weight: 100;
}
}
.factor-form-wrapper label {
font-weight: 400;
color: #777;
display: block;
font-size: 14px;
}
.factor-form-wrapper textarea {
height: 73px;
resize: none;
}
.factor-form-wrapper input, .factor-form-wrapper textarea {
color: #959595;
width: 100%;
padding: 9px 15px;
border: 1px solid transparent;
border-radius: 10px;
font-size: 14px;
}
.factor-form-wrapper input::-webkit-input-placeholder, .factor-form-wrapper textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999;
font-size: 12px;
font-weight: 100;
}
.factor-form-wrapper input::-moz-placeholder, .factor-form-wrapper textarea::-moz-placeholder {
/* Firefox 19+ */
color: #999;
font-size: 12px;
font-weight: 100;
}
.factor-form-wrapper input:-ms-input-placeholder, .factor-form-wrapper textarea:-ms-input-placeholder {
/* IE 10+ */
color: #999;
font-size: 12px;
font-weight: 100;
}
.factor-form-wrapper input:-moz-placeholder, .factor-form-wrapper textarea:-moz-placeholder {
/* Firefox 18- */
color: #999;
font-size: 12px;
font-weight: 100;
}
.factor-form-wrapper .form-group {
margin-bottom: 15px;
margin-top: 5px;
}
.factor-summary-wrapper {
padding: 15px 15px 0 15px;
list-style: none;
border-radius: 4px;
overflow: hidden;
margin: 30px 0;
background: #fff;
}
.factor-summary-wrapper .factor-summary-title {
font-size: 18px;
font-weight: 500;
color: #555;
text-align: center;
line-height: 30px;
}
.factor-summary-wrapper .factor-summary-desc {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
line-height: 28px;
font-size: 15px;
font-weight: 500;
color: #666;
}
.factor-summary-wrapper .factor-summary-desc span {
display: inline-block;
padding: 0 2px;
white-space: nowrap;
}
.factor-summary-wrapper .factor-total-pay {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
border-top: 1px solid #ddd;
margin: 15px 15px 0 15px;
padding: 15px;
font-size: 18px;
line-height: 30px;
color: #555;
}
.factor-summary-wrapper .factor-total-pay span {
padding: 0 2px;
display: inline-block;
}
.factor-summary-wrapper .factor-total-pay .price {
white-space: nowrap;
font-size: 14px;
color: #585858;
font-weight: 500;
line-height: 30px;
}
.factor-summary-wrapper .factor-total-pay .price .c-p {
color: #3FAD46;
font-size: 20px;
}
.factor-summary-wrapper .off {
white-space: nowrap;
color: #39c639;
background: transparent;
margin: 0;
padding: 0;
position: static;
transform: rotate(0);
}
.price-wrapper span {
padding: 0 2px !important;
}
.btn-custom-wrapper {
position: relative;
margin-top: 5px;
height: 40px;
}
.btn-custom-wrapper .btn-custom {
white-space: nowrap;
position: absolute;
left: 0;
display: inline-block;
width: auto;
padding: 8px 40px 8px 23px;
margin-top: 0;
float: left;
color: #fff !important;
background-image: -moz-linear-gradient(90deg, #7DC855 0%, #90DC68 100%);
background-image: -webkit-linear-gradient(90deg, #7DC855 0%, #90DC68 100%);
background-image: -ms-linear-gradient(90deg, #7DC855 0%, #90DC68 100%);
border: 0;
font-size: 16px;
font-weight: 500;
border-radius: 4px;
}
.btn-custom-wrapper .btn-custom.cancel {
background: #F44336;
background-image: -moz-linear-gradient(90deg, #F44336 0%, #f65347 100%);
background-image: -webkit-linear-gradient(90deg, #F44336 0%, #f65347 100%);
background-image: -ms-linear-gradient(90deg, #F44336 0%, #f65347 100%);
}
.btn-custom-wrapper .btn-custom .svg-icon {
width: 20px;
height: 20px;
background-size: contain;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 10px;
background-repeat: no-repeat;
background-position: center;
}
.btn-custom-wrapper.add-address {
position: absolute;
margin-top: 5px;
height: 40px;
left: 0;
top: 35px;
}
.send-info-wrapper {
text-align: left;
}
.send-info {
overflow: hidden;
position: relative;
background: #1fbf8b;
color: #fff !important;
border-radius: 8px;
z-index: 10;
padding: 10px;
display: inline-block;
transition: 0.2s all;
width: 200px;
margin: 0;
border: 0;
height: 41px;
font-weight: 500;
box-shadow: 0 10px 30px #1fbf8b4d;
}
.image-slider {
margin-top: 20px;
}
.image-slider .image-wrapper {
box-shadow: 0 0 0 5px #ffffff, 0 0 0 10px #eceff1;
margin: 0;
}
.image-slider .owl-carousel {
padding: 0;
}
.image-slider .ad-card {
padding: 15px;
}
.image-slider2 {
direction: ltr;
}
.image-slider2 .ad-card {
padding: 15px;
}
.image-slider2 .image-wrapper {
margin: 0;
width: 100%;
}
.image-slider2 .gallery__controls-buttons {
display: none;
}
.carousel-control {
display: none;
}
.carousel-inner {
position: relative;
width: 100%;
/*height: 300px;
@media screen and (max-width: 1199px) {
height: 200px;
}
@media screen and (max-width: 991px) {
height: 300px;
}
@media screen and (max-width: 600px) {
height: 200px;
}*/
}
.carousel-control.right {
right: 0;
left: auto;
background-image: none !important;
background-repeat: repeat-x;
}
.carousel-control.left {
left: 0;
right: auto;
background-image: none !important;
background-repeat: repeat-x;
}
#carousel-example-generic {
margin: 20px auto;
width: 100%;
}
#image-slider2-carousel {
margin: 0 auto;
width: 90%;
}
#image-slider2-carousel .carousel-indicators {
margin: 0;
height: 143px;
position: static;
text-align: left;
white-space: nowrap;
width: 100%;
}
@media screen and (max-width: 1440px) {
#image-slider2-carousel .carousel-indicators {
height: 117px;
}
}
@media screen and (max-width: 800px) {
#image-slider2-carousel .carousel-indicators {
height: 110px;
}
}
@media screen and (max-width: 500px) {
#image-slider2-carousel .carousel-indicators {
height: 98px;
}
}
#image-slider2-carousel .carousel-indicators li {
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
height: auto;
margin: 0 !important;
width: auto;
padding: 15px;
}
#image-slider2-carousel .carousel-indicators li img {
display: block;
opacity: 0.5;
}
#image-slider2-carousel .carousel-indicators li.active img {
opacity: 1;
}
#image-slider2-carousel .carousel-indicators li:hover img {
opacity: 0.75;
}
#image-slider2-carousel .carousel-outer {
position: relative;
}
.carousel-indicators li .image {
height: 93px;
width: 146px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 1440px) {
.carousel-indicators li .image {
height: 70px;
width: 110px;
}
}
@media screen and (max-width: 800px) {
.carousel-indicators li .image {
height: 62px;
width: 92px;
}
}
@media screen and (max-width: 500px) {
.carousel-indicators li .image {
height: 50px;
width: 80px;
}
}
.carousel-indicators::-webkit-scrollbar {
width: 3px !important;
height: 4px;
}
.carousel-indicators::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3) !important;
}
.carousel-indicators::-webkit-scrollbar-thumb {
background-color: #1fbf8b !important;
outline: 1px solid #1fbf8b !important;
}
.carousel-indicators {
overflow-x: scroll;
overflow-y: hidden;
transition: transform 0.3s ease-out;
-ms-overflow-style: none;
/* Hides the scrollbar. */
-ms-scroll-chaining: none;
/* Prevents Metro from swiping to the next tab or app. */
-ms-scroll-snap-type: mandatory;
/* Forces a snap scroll behavior on your images. */
-ms-scroll-snap-points-x: snapInterval(0%, 100%);
/* Defines the y and x intervals to snap to when scrolling. */
}
.main-slider-wrapper {
position: relative;
margin-top: 1px !important;
margin-bottom: 1px !important;
border-radius: 0 !important;
}
@media screen and (max-width: 768px) {
.main-slider-wrapper {
margin-top: -30px !important;
}
}
@media screen and (max-width: 550px) {
.main-slider-wrapper {
margin-bottom: 5px !important;
}
}
/* The Nivo Slider styles */
.nivoSlider {
position: relative;
border-radius: 0 !important;
overflow: hidden !important;
}
.nivoSlider img {
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8;
/* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.nivo-controlNav {
position: absolute;
bottom: 0;
width: 100%;
left: 40px;
}
.nivo-controlNav a {
filter: opacity(30%);
display: block;
width: 22px;
height: 22px;
background: url(../images/bullet_normal.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.nivo-controlNav a.active {
background: url(../images/bullet_active.png) no-repeat;
}
.nivoSlider:before {
width: 100%;
position: absolute;
height: 100%;
background: transparent url(../images/p_1.png) repeat top left !important;
z-index: 6 !important;
}
.pagination-wrapper {
text-align: center;
}
.pagination-wrapper {
text-align: center;
}
.pagination-wrapper a {
transition: .2s all !important;
margin: 5px 2px !important;
border-radius: 5px;
font-size: 14px;
color: gold !important;
}
@media screen and (max-width: 600px) {
.pagination-wrapper a {
font-size: 13px;
}
}
.pagination-wrapper a:hover {
border: 1px solid #1fbf8b !important;
background-color: #fff !important;
color: #1fbf8b;
}
.pagination-wrapper .active a {
border: 1px solid #1fbf8b !important;
background-color: #1fbf8b !important;
color: white !important;
}
.pagination-wrapper .active a:hover {
border: 1px solid gold !important;
background-color: gold !important;
}
.product-list .ad-card {
margin-bottom: 30px;
}
.product-list .ad-card-slider-wrapper {
padding: 10px;
}
.project .blog-item {
background: #fff;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
height: 465px;
overflow: hidden;
}
.project .text-wrapper {
padding: 20px;
}
.project .title-blog {
margin: 0;
font-size: 19px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
max-height: 90px;
overflow: hidden;
position: relative;
}
.project .title-blog a {
color: #333;
transition: 0.2s all;
}
.project .title-blog a:hover {
color: gold;
}
.project .title-blog-wrapper {
position: relative;
}
.project .title-blog-wrapper:after {
content: '';
position: absolute;
width: 25%;
height: 1px;
border: 0px solid;
right: 50%;
bottom: -12px;
transform: translate(50%);
box-shadow: 0 0 3px 0 #1fbf8b;
}
.project .text-blog {
line-height: 30px;
max-height: 85px;
margin-bottom: 15px;
font-size: 14px;
text-align: justify;
}
.project .image-wrapper {
overflow: hidden;
display: block;
}
.project .image-wrapper img {
transition: 0.3s all;
}
.project .image-wrapper img:hover {
transform: scale(1.05);
}
.rating-widget {
text-align: center;
}
.success-box {
padding: 0;
margin-top: -4px;
}
.success-box img {
margin-right: 10px;
display: inline-block;
vertical-align: top;
}
.success-box > div {
padding: 0 12px;
vertical-align: top;
display: inline-block;
color: #888;
}
/* Rating Star Widgets Style */
.rating-stars {
display: inline;
}
.rating-stars ul {
list-style-type: none;
padding: 0;
margin: 0;
-moz-user-select: none;
-webkit-user-select: none;
}
.rating-stars ul li {
font-size: 22px;
}
.rating-stars .rate {
direction: ltr;
color: #818482;
font-size: 16px;
}
.rating-stars .rate svg {
color: #FF912C;
font-size: 16px;
padding-left: 3px;
}
.rating-stars .based-on {
font-size: 16px;
}
.rating-stars .based-on span {
padding: 0 4px;
font-size: 13px;
}
.rating-stars ul > li.star {
display: inline-block;
color: #1fbf8b;
}
/* Idle State of the stars */
.rating-stars ul > li.star > svg {
color: #1fbf8b;
/* Color on idle state */
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > svg {
color: #FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > svg {
color: #FF912C;
}
.rate-text {
font-size: 14px;
}
.total-rate {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.total-rate li {
padding: 0 12px;
}
.rate-section {
box-shadow: 0 0 5px #0000005c;
border-radius: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
height: 157px;
background: white;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.related-sidebar {
margin: 20px 0;
background: #fff;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
}
.related-sidebar ul {
padding: 20px 10px;
list-style: none;
line-height: 30px;
}
.related-sidebar li {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
margin: 5px 0;
}
.related-sidebar li:before {
right: -12px;
top: 50%;
transform: translate(0, -50%);
position: absolute;
width: 7px;
height: 7px;
background: #1fbf8b;
border-radius: 50%;
}
.related-sidebar li:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
border: 0px solid;
right: 50%;
bottom: -3px;
transform: translate(50%);
/* box-shadow: 0 0 3px 0 #c7f0f5; */
border-bottom: 1px solid whitesmoke;
}
.related-sidebar li:last-child:after {
display: none;
}
.related-sidebar a {
color: #4b4b4b;
transition: 0.2s all;
}
.related-sidebar a:hover {
color: gold;
}
.related-sidebar .tb-img {
margin: 5px;
background-color: #d9dade;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 50px;
height: 50px;
border-radius: 50%;
}
.related-sidebar .tb-txt {
width: calc(100% - 50px);
}
.related-title {
display: block;
color: #000 !important;
font-size: 14px;
font-weight: 500;
position: relative;
padding: 12px 30px;
text-align: center;
border-radius: 5px 5px 0 0;
}
.related-title:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: whitesmoke;
top: 42px;
right: 0;
}
.selection-slider {
padding: 15px;
padding-top: 0;
width: 100%;
position: relative;
}
.selection-slider .owl-carousel4 {
position: relative;
width: 67%;
margin-top: 8px;
margin-left: 8px;
}
.selection-slider .owl-carousel4 .link-news-wrapper {
position: relative;
display: block;
}
.selection-slider .owl-carousel4 .link-news-wrapper .more-btn-link {
position: absolute;
white-space: nowrap;
left: 15px;
z-index: 2;
bottom: 15px;
}
.selection-slider .tb-img {
display: block;
margin: 5px;
background-color: #d9dade;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 50px;
height: 50px;
border-radius: 50%;
}
.selection-slider .tb-txt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 50px);
color: #333;
}
.selection-slider .news-content-title {
width: 100%;
font-size: 18px;
margin: 15px 0 0 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.selection-slider .news-content-title a {
color: #585858;
font-weight: 400;
font-size: 22px;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.selection-slider .news-content-body {
max-height: 25px;
overflow: hidden;
font-size: 15px;
text-align: justify;
line-height: 27px;
margin: 0;
}
.selection-slider .title-slider-wrapper {
margin-bottom: 5px;
text-align: right;
font-size: 20px;
position: relative;
}
.selection-slider .title-slider-wrapper a {
color: #585858;
}
.block-with-text {
overflow: hidden;
position: relative;
text-align: justify;
margin-left: -1em;
padding-left: 1em;
}
.block-with-text:before {
content: '...';
position: absolute;
left: 0;
bottom: 0;
}
.block-with-text:after {
content: '';
position: absolute;
left: 0;
width: 1em;
height: 1em;
margin-top: 12px;
background: white;
}
.circle-theme .image-wrapper {
shape-outside: circle(75%);
width: 90%;
margin: 30px auto;
margin-bottom: 0;
height: auto;
box-shadow: 0 0 0 5px #ffffff, 0 0 0 10px #eceff1;
border-radius: 0px;
position: relative;
}
@media screen and (max-width: 767px) {
.circle-theme .image-wrapper {
margin: 40px 45px 0 45px;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 550px) {
.circle-theme .image-wrapper {
float: none;
margin: 0 auto;
margin-bottom: 30px;
}
}
.circle-theme .image-wrapper:before {
content: '';
width: 342px;
height: auto;
left: 50%;
background: #1fbf8b;
border-radius: 10px;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
}
@media screen and (max-width: 767px) {
.circle-theme .image-wrapper:before {
width: 140px;
height: auto;
}
}
.circle-theme .image-wrapper img {
width: 100%;
height: 100%;
border-radius: 10px;
box-shadow: 0 0 0 7px #fff;
position: relative;
z-index: 9;
}
.circle-theme .post-desc {
line-height: 36px;
text-align: justify;
margin-top: 0;
padding: 50px 37px 35px 37px;
}
@media screen and (max-width: 767px) {
.circle-theme .post-desc {
padding-top: 0;
}
}
.circle-theme .post-title {
padding: 15px 35px;
font-size: 26px;
line-height: 39px;
text-align: justify;
background: transparent;
color: #444;
}
@media screen and (max-width: 767px) {
.circle-theme .post-title {
font-size: 24px;
}
}
@media screen and (max-width: 550px) {
.circle-theme .post-title {
font-size: 20px;
}
}
.circle-theme .has-light-box {
display: block;
}
.single-product .rate-section {
box-shadow: 0px 2px 5px 0 #9e9e9e30 !important;
border-radius: 3px !important;
}
.single-product .category-slider {
margin-top: 20px;
}
.single-product .network {
background: white;
margin-top: 95px;
padding: 0;
}
.single-product .network li {
margin: 0 4px;
width: 39px;
height: 39px;
text-align: center;
border: 1px solid #4b4f50;
padding-top: 0;
line-height: 48px;
border-radius: 3px;
}
.single-product .network ul {
justify-content: center;
}
.single-product .network a {
transition: 0.2s all;
}
.single-product .network a:hover {
color: #55c6d9;
}
.add-to-cart {
color: #fff !important;
background: #0544b7;
padding: 10px;
border-radius: 6px;
font-size: 16px;
text-align: center;
font-weight: 500;
display: block;
}
@media screen and (max-width: 750px) {
.add-to-cart {
top: 0;
}
}
.product-features .card-oldPrice {
font-size: 18px;
}
.product-features .card-price {
margin-bottom: 10px;
}
.product-features .card-price span {
font-size: 14px;
color: gray;
}
.product-features .card-price .c-p {
color: #333;
font-size: 26px;
}
.product-features .color {
display: flex;
margin: 5px 0;
}
.product-features .color-title {
line-height: 44px;
color: #868688;
font-size: 13px;
}
@media screen and (max-width: 550px) {
.product-features .color-title {
font-size: 12px;
}
}
.product-features .colory {
background-color: currentColor;
width: 20px;
height: 20px;
position: relative;
top: 5px;
line-height: 26px;
vertical-align: middle;
letter-spacing: -.3px;
text-align: center;
color: #ffffff;
border-radius: 100%;
display: block;
margin-right: 5px;
}
.product-features .color-name {
color: #585858;
padding: 0 10px !important;
}
.product-features .color-wrapper {
display: flex;
border: 1px solid #d7dbde;
margin: 0 5px;
border-radius: 5px;
}
.product-features .off-wrapper {
left: 0;
top: -13px;
}
.product-features .feature-title {
display: inline-block;
min-width: 50px;
}
.product-features .features-item {
color: #868688;
font-size: 13px;
margin-bottom: 10px;
}
@media screen and (max-width: 550px) {
.product-features .features-item {
font-size: 12px;
}
}
.product-features .features-item span {
color: #585858;
padding: 0 5px;
}
.product-features .features-item.count {
display: flex;
margin-bottom: 0;
}
.product-features .features-item.count select:focus {
box-shadow: none;
border-color: #0544b7;
}
.product-features .count {
color: #868688;
font-weight: 400;
}
.product-features .count input {
width: 50px;
text-align: center;
padding: 3px 1px;
display: inline-block;
border-radius: 3px;
border: 1px solid #34352f;
color: #34352f;
font-weight: 500;
margin: 5px;
}
.product-features ul {
padding: 0;
padding-bottom: 15px;
list-style: none;
border-bottom: 1px solid #e0e0e0;
}
.product-features ul:last-child {
border: 0;
}
.product-category {
border-bottom: 1px dashed #1fbf8b;
margin-bottom: 15px;
}
.product-category .offer {
background: #fa4a47;
color: #FFF;
border-radius: 30px;
padding: 0px 10px;
font-size: 12px;
float: left;
margin-top: -3px;
text-align: center;
}
.product-category .offer .percent {
font-size: 16px;
margin-left: 5px;
}
.product-category .offer .timer-wrapper {
position: static;
display: block;
font-size: 12px;
direction: rtl;
width: 130px;
margin-top: -10px;
margin-bottom: 0;
height: 30px;
}
.product-category .offer .timer-wrapper:before {
display: none;
}
.product-name {
font-weight: 500;
color: #585858;
font-size: 22px;
margin: 0;
letter-spacing: 0;
}
@media screen and (max-width: 992px) {
.product-name {
font-size: 18px;
}
}
@media screen and (max-width: 750px) {
.product-name {
font-size: 16px;
padding: 0 0 15px 0;
}
}
@media screen and (max-width: 550px) {
.product-name {
font-size: 14px;
}
}
.product-slider-features-wrapper {
line-height: 32px;
background: #fff;
border-radius: 8px;
margin-bottom: 20px;
padding: 20px;
}
.best-features {
padding: 0;
list-style: none;
font-size: 13px;
}
.best-features-title, .best-features-item {
font-weight: 400;
padding-left: 5px;
color: #888;
}
.best-features-title {
font-weight: 500;
color: #333;
}
.product-features {
color: #585858;
}
.product-features .off-wrapper {
position: absolute;
color: #868688;
line-height: 32px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
font-weight: 100;
top: 0;
}
.product-features .off-wrapper .off, .product-features .off-wrapper .off:before {
border-radius: 50%;
}
.product-features .off {
background: #F44336;
width: 30px;
height: 30px;
position: relative;
text-align: center;
transform: rotate(20deg);
z-index: 9;
line-height: 0px;
top: -2px;
}
.product-features .off:after {
width: 100%;
height: 100%;
content: attr(data-off);
position: absolute;
color: #fff;
font-size: 12px;
top: -3px;
line-height: 40px;
left: -1px;
transform: rotate(-20deg);
}
.size {
display: flex;
margin-left: 0 !important;
/*select, option {
border: 1px solid #d7dbde;
margin: 0 5px;
border-radius: 5px;
height: 34px;
font-size: 13px;
padding: 0 15px;
outline: none !important;
}*/
}
.size .input {
margin-left: 5px;
}
.size .input:last-child {
margin-left: 0;
}
.size .input:focus {
box-shadow: none;
border-color: #0544b7;
}
.garanti {
color: green;
font-size: 12px;
}
.product-features .price {
display: flex;
justify-content: space-between;
padding-bottom: 0;
}
.product-features .card-price {
padding-right: 0;
color: #333;
}
@media screen and (max-width: 992px) {
.product-features .card-price {
font-size: 22px;
}
}
@media screen and (max-width: 750px) {
.product-features .card-price {
font-size: 18px;
}
}
@media screen and (max-width: 550px) {
.product-features .card-price {
font-size: 16px;
}
}
.carpet-colors-wrapper {
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
.carpet-colors-wrapper ::-webkit-scrollbar {
height: 2px;
}
.carpet-colors-wrapper ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.carpet-colors-wrapper ::-webkit-scrollbar-thumb {
background: #999;
}
.carpet-colors-wrapper ::-webkit-scrollbar-thumb:hover {
background: #666;
}
.carpet-colors {
display: flex;
overflow-x: auto;
}
.carpet-colors .item {
min-width: 50px;
max-width: 50px;
margin-left: 5px;
cursor: pointer;
transition: 0.2s all;
border: 2px solid transparent;
position: relative;
}
.carpet-colors .item:hover {
border-color: #0544b7;
}
.carpet-colors .item.selected {
border-color: #0544b7;
}
.carpet-colors .item.selected:after {
content: '';
}
.carpet-colors .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zoom-wrapper {
align-items: end;
}
.zoom-wrapper #main-img {
width: 85%;
}
.zoom-wrapper #product-gallery {
padding: 0;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
}
.zoom-wrapper #product-gallery li {
list-style-type: none;
}
.zoom-wrapper #product-gallery li a {
display: block;
border: 2px solid transparent;
transition: 0.2s all;
}
.zoom-wrapper #product-gallery li a:hover {
border-color: #0544b7;
}
.zoom-wrapper #product-gallery li img {
object-fit: cover;
min-width: 60px;
max-width: 60px;
cursor: pointer;
}
.lg-outer {
direction: ltr;
}
/*set a border on the images to prevent shifting*/
#gallery_01 img {
border: 2px solid white;
}
/*Change the colour*/
.product-slider .active img {
border: 1px solid #9E9E9E !important;
}
.clearfix {
display: block;
width: 100%;
float: left;
}
.zoom-left {
max-width: 412px;
}
@media screen and (max-width: 991px) {
.zoom-left {
margin: 0 auto;
}
}
.product-slider .elevatezoom-gallery img {
width: 100px;
}
#zoom_03 {
width: 410px;
}
#gallery_01::-webkit-scrollbar {
width: 1px !important;
height: 6px;
margin: 15px 0 !important;
}
#gallery_01::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3) !important;
}
#gallery_01::-webkit-scrollbar-thumb {
background-color: #1fbf8b !important;
outline: 1px solid #1fbf8b !important;
}
.zoomLens, .zoomWindow {
cursor: crosshair !important;
border: 1px solid #1fbf8b !important;
}
@media screen and (max-width: 991px) {
.product-slider {
margin-top: 45px;
}
}
.tab-content-product .nav-tabs {
border-bottom: 1px solid #eaeaea;
background: #eceff1;
}
.tab-content-product .nav-tabs > li > a {
border-radius: 0;
color: #585858;
padding: 23px;
font-size: 15px;
font-weight: 500;
}
@media screen and (max-width: 992px) {
.tab-content-product .nav-tabs > li > a {
padding: 10px;
}
}
.tab-content-product .tab-pane {
background: #fff;
padding: 20px;
border-top: 0;
}
@media screen and (max-width: 992px) {
.tab-content-product .tab-pane {
padding: 0;
}
}
.tab-content-product .tab-wrapper {
border-radius: 8px;
overflow: hidden;
min-height: 500px;
background: #fff;
margin: 0;
margin-top: 20px;
}
.tab-content-product .nav-tabs > li > a {
margin-right: 0;
}
.tab-content-product .nav-tabs > li.active > a, .tab-content-product .nav-tabs > li.active > a:focus, .tab-content-product .nav-tabs > li.active > a:hover {
border: 1px solid transparent;
}
.tab-content-product table, .tab-content-product th, .tab-content-product td {
border-spacing: 5px;
border-collapse: separate;
font-size: 16px;
padding: 9px;
}
.tab-content-product td {
border: 1px solid #eceff1;
background: #eceff1;
border-radius: 4px;
}
.tab-content-product td:last-child {
width: 100%;
color: #585858;
}
.tab-content-product td:first-child {
min-width: 150px;
color: #999;
font-size: 13px;
background: #eceff160;
border: 1px solid #eceff160;
}
@media screen and (max-width: 750px) {
.tab-content-product td:first-child {
min-width: 100px;
}
}
.tab-content-product th {
font-size: 20px;
font-weight: 400;
position: relative;
padding-right: 32px;
color: #585858;
}
.tab-content-product th:before {
right: 11px;
top: 20px;
content: '';
position: absolute;
width: 10px;
background: #1fbf8b;
border-radius: 50%;
height: 10px;
}
.tab-content-product .tab-title {
color: #868688;
padding-right: 20px;
font-size: 16px;
font-weight: 400;
}
.tab-content-product .analysis {
line-height: 31px;
padding: 0 20px;
text-align: justify;
color: #585858;
}
.tab-content-product .tab-heading {
font-size: 20px;
font-weight: 500;
padding-right: 48px;
padding-top: 12px;
color: #585858;
position: relative;
}
.tab-content-product .tab-heading:before {
right: 28px;
top: 23px;
content: '';
position: absolute;
width: 10px;
background: #1fbf8b;
height: 10px;
border-radius: 50%;
}
.tab-content-product .viewpoint {
padding-bottom: 40px;
}
.tab-content-product form {
padding: 14px;
}
.tab-content-product .form-submit-wrapper input[type=submit] {
margin: 10px 0 10px 4px !important;
}
.tags {
position: relative;
list-style: none;
display: flex;
flex-wrap: wrap;
margin-top: 30px;
padding: 0;
}
@media screen and (max-width: 550px) {
.tags {
padding: 15px;
}
}
.tags:before {
width: calc(50% - 70px);
height: 3px;
position: absolute;
content: "";
border-radius: 5px;
top: -15px;
border-bottom: 1px dashed #1fbf8b;
right: -70px;
}
.tags .tag-item {
transition: .2s all;
border-right: 3px solid #1fbf8b;
white-space: nowrap;
margin: 10px;
margin-right: 0;
padding: 5px 14px;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 5px #06414838, 0 0 0px #06414814;
}
.tags .tag-item:hover {
border-right: 3px solid #1fbf8b8a;
}
.tags .tag-item:hover a {
color: #1fbf8b;
}
.tags a {
transition: .2s all;
color: gold;
}
.tag-title {
font-size: 12px;
color: #999;
float: right;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
padding-left: 15px;
}
.filter-box {
overflow: hidden;
margin: 0 0 30px 0;
padding: 5px;
display: block;
box-shadow: 0 0 4px 2px whitesmoke;
margin-bottom: 35px;
border-radius: 8px;
position: relative;
background: #fff;
}
.filter-box .caret {
top: 10px;
transition: 0.2s all;
position: absolute;
right: -14px;
border-left: 1.5px solid #9E9E9E !important;
border-top: 1.5px solid #9E9E9E !important;
width: 6px;
height: 6px;
border-radius: 2px;
transform: rotate(-45deg);
border-right: 0 !important;
}
.filter-box .caret.open {
transform: rotate(-135deg);
}
.filter-box .has-submenu ul {
padding: 0 15px;
}
.filter-box ul {
padding: 15px;
list-style: none;
}
.filter-box ul a {
position: relative;
line-height: 30px;
color: #666;
display: block;
}
.filter-box ul a:hover {
color: #666;
background: transparent !important;
}
.filter-box ul a.active {
color: #1fbf8b;
}
.filter-box ul a.active:hover {
color: #1fbf8b;
}
.filter-box .dropdown-menu {
position: relative;
width: 100%;
border: 0;
box-shadow: 0 0 0;
padding: 0;
}
.filter-box button {
font-weight: 500;
font-size: 17px;
color: #888;
width: 100%;
background: transparent;
border: 0;
padding: 5px 15px;
text-align: right;
}
.filter-box .checkbox .checkmark:after {
left: 5px;
top: 0px;
}
#slider-range {
direction: ltr;
padding: 0;
margin: 15px;
border: 0;
height: 0px;
border-bottom: 1px solid #d3d3d3;
}
#slider-range .ui-state-default, #slider-range .ui-widget-content .ui-state-default, #slider-range .ui-widget-header .ui-state-default, #slider-range .ui-button, #slider-range html .ui-button.ui-state-disabled:hover, #slider-range html .ui-button.ui-state-disabled:active {
margin-top: 0px;
width: 10px;
height: 10px;
outline: none !important;
border-radius: 100%;
}
#slider-range #price #amount {
color: #1fbf8b !important;
font-size: 12px !important;
}
#slider-range #price label {
font-weight: 400;
color: #666 !important;
padding: 0 15px 0 0 !important;
font-size: 12px !important;
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 0 transparent !important;
box-shadow: 0 0 0 transparent !important;
border: 0 !important;
font-size: 12px !important;
}
/* The checkbox */
.checkbox {
color: #585858;
font-weight: 100;
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox .shape {
width: 60px;
height: 40px;
padding: 15px;
margin: 3px;
position: relative;
display: inline-block;
margin-top: -11px;
border-radius: 4px;
}
.checkbox .ellipse {
display: inline-block;
width: 50px;
height: 30px;
border-radius: 50px;
background: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.checkbox .circle {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
background: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.checkbox .quadrangle {
display: inline-block;
width: 50px;
height: 30px;
border-radius: 0;
background: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.checkbox .rectangle {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 0;
background: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.checkbox .color {
content: '';
position: absolute;
left: 0;
border-radius: 2px;
display: inline-block;
background-color: var(--data-color);
margin: 3px;
top: -5px;
width: 20px;
height: 20px;
}
.checkbox label {
display: block;
white-space: nowrap;
font-weight: 100;
}
/* Hide the browser's default checkbox */
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: transparent;
border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
background-color: transparent;
}
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
background-color: #1fbf8b;
border-radius: 2px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.zoom-wrapper {
width: 100%;
margin: 0 auto;
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
}
#zoom {
position: relative !important;
width: 100%;
height: auto !important;
}
.zoomLens {
border: 1px solid #99772e !important;
}
.image-slider-in-modal-wrapper {
width: 100%;
overflow: auto;
white-space: nowrap;
margin: 5px auto;
overflow-x: -moz-hidden-unscrollable;
}
.image-slider-in-modal-wrapper::-webkit-scrollbar {
width: 3px !important;
height: 4px;
}
.image-slider-in-modal-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px #eee !important;
}
.image-slider-in-modal-wrapper::-webkit-scrollbar-thumb {
cursor: pointer;
background-color: #1fbf8b !important;
outline: 1px solid #1fbf8b !important;
}
@media screen and (min-width: 992px) {
.image-slider-in-modal-wrapper.in-mobile {
display: none;
}
}
@media screen and (max-width: 500px) {
.main-slider-wrapper {
margin-bottom: 10px;
}
}
.image-slider-in-modal-wrapper.in-desktop {
display: none;
}
@media screen and (min-width: 992px) {
.image-slider-in-modal-wrapper.in-desktop {
display: block;
}
}
.image-slider-in-modal-wrapper .img-w {
border: 1px solid #ececec50;
display: inline-flex;
margin: 0;
width: 74px;
border-radius: 8px;
position: relative;
height: 74px;
overflow: hidden;
align-items: center;
justify-content: center;
}
.image-slider-in-modal-wrapper .img-w:nth-child(1) {
margin-right: 0;
}
.image-slider-in-modal-wrapper .img-w:last-child {
margin-left: 0;
}
.image-slider-in-modal-wrapper img {
height: auto !important;
width: 100%;
margin: 0;
border-radius: 8px;
opacity: 0.6;
transition: 0.2s all;
}
.image-slider-in-modal-wrapper img:hover {
opacity: 0.9;
}
.zoomWindow {
margin-top: 60px !important;
}
.profile-title {
font-size: 18px;
font-weight: 500;
margin: 15px 0;
color: #585858;
}
.profile-card {
width: 100%;
background: #fff;
padding: 15px;
border-radius: 8px;
margin-bottom: 20px;
}
.specification, .order-list, .address-list {
padding: 1px 15px;
background: #fff;
border-radius: 8px;
margin-bottom: 30px;
}
.profile-address-list .address-list-body {
padding-top: 20px;
padding-bottom: 60px;
}
.profile-address-list .address-item-wrapper .p-row {
border: 1px solid #f2f2f2;
}
.specification-body {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
padding-bottom: 70px;
}
.specification-body .submit-wrapper {
width: 230px;
float: left;
position: absolute;
left: 20px;
bottom: 5px;
}
.p-row {
cursor: default;
width: 100%;
display: flex;
align-items: center;
transition: 0.2s all;
}
@media screen and (max-width: 991px) {
.p-row {
flex-wrap: wrap;
background: transparent;
}
}
.p-row:hover {
background: #eceff1;
}
.p-row:nth-child(odd) {
background: #f5f5f5;
padding: 0 18px;
}
@media screen and (max-width: 991px) {
.p-row:nth-child(odd) {
background: transparent;
padding: 0px;
}
}
.p-row:nth-child(odd):hover {
background: #eceff1;
}
.p-row:nth-child(even) {
padding: 0 18px;
}
@media screen and (max-width: 991px) {
.p-row:nth-child(even) {
background: transparent;
padding: 0;
}
}
.sp-item {
width: 50%;
padding: 12px 0;
}
@media screen and (max-width: 991px) {
.sp-item {
width: 100%;
padding: 12px;
}
}
@media screen and (max-width: 991px) {
.sp-item:nth-child(odd) {
background: #f5f5f5;
}
}
.sp-item span {
display: block;
}
.sp-item .sp-title {
display: block;
font-size: 14px;
color: #bdbdb9;
font-weight: 500;
letter-spacing: 0.5px;
}
.sp-item .sp-value {
font-size: 16px;
color: #777;
margin: 2px 0;
}
.title-row {
border: 1px solid #f2f2f2 !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
font-size: 14px !important;
background: #fff !important;
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 5px !important;
}
@media screen and (max-width: 1199px) {
.title-row {
display: none;
}
}
.title-row .ol-title {
font-weight: 500 !important;
color: #888 !important;
}
.title-row .total-price {
font-size: 14px !important;
}
.order-list-body {
position: relative;
padding-bottom: 70px;
}
.order-list-body .ol-title {
color: #777 !important;
}
.order-list-body .p-row {
padding: 18px 0;
}
@media screen and (max-width: 1199px) {
.order-list-body .p-row:last-child {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 1199px) {
.order-list-body .p-row {
flex-flow: column;
text-align: right;
align-items: flex-start;
justify-content: space-between;
width: 100%;
margin-bottom: 20px;
background: #fff;
padding: 15px;
box-shadow: 0px 0px 7px 0 #9e9e9e73;
}
}
.order-list-body .submit-wrapper {
width: 230px;
float: left;
position: absolute;
left: 20px;
bottom: 5px;
}
.order-list-body .hidden-lg {
font-size: 14px;
font-weight: 500;
color: #bfc1bb;
}
.order-list-body .ol-title {
font-size: 14px;
font-weight: 500;
color: #333;
}
.order-list-body .row-number {
width: 50px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-list-body .row-number {
text-align: right;
margin: 5px;
}
}
.order-list-body .action, .order-list-body .total-price, .order-list-body .status, .order-list-body .register-date, .order-list-body .order-number {
width: 18%;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-list-body .action, .order-list-body .total-price, .order-list-body .status, .order-list-body .register-date, .order-list-body .order-number {
width: 100%;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px;
}
}
.order-list-body .details {
width: 100px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-list-body .details {
width: 100%;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px;
}
}
.order-list-body .details a {
display: block;
color: #1fbf8b;
width: 50px;
height: 18px;
background-image: url("../images/back.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.submit-specification {
display: inline-block;
float: left;
width: auto !important;
padding: 10px 30px !important;
white-space: nowrap;
z-index: 2;
color: #fff !important;
background: #1fbf8b;
border-radius: 6px !important;
font-weight: 500;
box-shadow: 0 10px 30px #1fbf8b4d;
position: relative;
left: 15px;
border: transparent;
}
.cancel-specification {
border: transparent;
display: inline-block;
float: left;
padding: 10px 30px !important;
margin-bottom: 30px;
white-space: nowrap;
z-index: 2;
color: #fff !important;
background: #ed5c51;
border-radius: 6px !important;
font-weight: 500;
box-shadow: 0 10px 30px #ed5c514d;
position: relative;
text-align: center;
width: 100px !important;
}
.address-list-body {
position: relative;
padding-top: 70px;
padding-bottom: 60px;
}
.address-list-body .sp-item span {
font-weight: 100;
}
.address-list-body .sp-title {
font-weight: 400 !important;
color: #888 !important;
}
.address-list-body .svg-icon {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 18px;
height: 25px;
display: inline-block;
position: relative;
top: 0;
right: -4px;
}
.address-list-body .address-item-wrapper {
width: 100%;
position: relative;
}
.address-list-body .address-item-wrapper hr {
border: 0.5px solid #d1cfcf !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.address-list-body .address-item-wrapper .sp-item:first-child {
width: 85%;
}
@media screen and (max-width: 991px) {
.address-list-body .address-item-wrapper .sp-item:first-child {
width: 100%;
}
}
.address-list-body .submit-wrapper {
width: 230px;
box-shadow: 0 10px 30px #1fbf8b4d;
float: left;
position: absolute;
left: 20px;
top: 5px;
}
.address-list-body .email-wrapper, .address-list-body .number-phone-wrapper, .address-list-body .postal-code-wrapper {
color: #ccc;
font-size: 16px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.address-list-body .number-phone, .address-list-body .postal-code {
position: relative;
top: -2px;
}
.address-list-body .submit-wrapper2 {
width: 230px;
float: left;
position: absolute;
left: 20px;
top: auto;
bottom: 5px;
}
.address-list-body .map-marker {
width: 20px;
}
.address-list-body .p-row {
border-radius: 8px;
margin-bottom: 20px;
line-height: 32px;
z-index: 99;
background: #fff !important;
position: relative;
}
.address-list-body .al-name {
font-size: 18px;
font-weight: 500;
color: #777;
padding: 0 5px;
}
.address-list-body .full-adderss {
font-size: 14px;
color: #ccc;
}
.address-list-body .full-adderss span {
padding: 0 5px;
}
.address-list-body .actions {
position: relative;
float: left;
}
.address-list-body .actions .action-item {
padding: 0 15px;
cursor: pointer;
border: 1px solid #1fbf8b;
color: #fff;
background: #1fbf8b;
display: inline-block;
margin: 0;
transition: .2s all;
position: absolute;
left: 0;
bottom: 0;
font-size: 12px;
border-radius: 6px;
}
.empty-item {
height: 400px;
width: 100%;
background: #fff;
padding: 15px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
background-image: url(../images/nothing.png);
background-repeat: no-repeat;
background-position: center 0;
position: relative;
margin-bottom: 20px;
}
@media screen and (max-width: 450px) {
.empty-item {
height: 300px;
background-size: contain;
}
}
@media screen and (max-width: 375px) {
.empty-item {
height: 250px;
}
}
.empty-item:after {
content: attr(data-text);
width: 100%;
position: absolute;
text-align: center;
color: #b1b1b1;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
z-index: 9;
bottom: 40px;
right: 0;
}
.complete-information-body {
width: 100%;
background: #fff;
padding: 15px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
margin-bottom: 20px;
}
.complete-information-body .checkmark-wrapper {
font-size: 14px;
font-weight: 500;
color: #333;
}
.complete-information-body .sp-title {
color: #333;
}
.complete-information-body .submit-wrapper {
width: 200px;
}
@media screen and (max-width: 550px) {
.complete-information-body .submit-wrapper {
width: 180px;
}
}
@media screen and (max-width: 375px) {
.complete-information-body .submit-wrapper {
width: 155px;
font-size: 12px;
}
}
.complete-information-body .submit-wrapper.cancel {
float: left;
}
@media screen and (max-width: 550px) {
.complete-information-body .submit-wrapper.cancel {
width: 100px;
}
}
@media screen and (max-width: 375px) {
.complete-information-body .submit-wrapper.cancel {
width: 90px;
}
}
.complete-information-body .submit-actions {
width: 450px;
margin: 0 auto;
}
@media screen and (max-width: 550px) {
.complete-information-body .submit-actions {
width: 300px;
}
}
@media screen and (max-width: 375px) {
.complete-information-body .submit-actions {
width: 255px;
}
}
.complete-information-body .p-row {
background: #fff !important;
}
.complete-information-body .p-row:hover {
background: #fff !important;
}
.complete-information-body .checkmark:after {
left: 6px;
}
.complete-information-body input {
padding: 10px 14px;
border-radius: 5px;
border: 1px solid #9E9E9E;
width: 50%;
}
@media screen and (max-width: 767px) {
.complete-information-body input {
width: 350px;
}
}
@media screen and (max-width: 580px) {
.complete-information-body input {
width: 100%;
margin-top: 8px;
}
}
.complete-information-body .sp-item {
background: #fff !important;
width: 100%;
}
.complete-information-body .sp-item span {
display: inline-block;
width: 125px;
}
.complete-information-body .p-row {
flex-flow: wrap;
}
.submit-wrapper.cancel {
background: #F44336;
border: 1px solid #f44336;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f44336;
}
.order-details-body {
position: relative;
}
.order-details-body .p-row {
padding: 18px 0;
border: 1px solid #eceff1;
border-left: 0;
border-right: 0;
}
.order-details-body .p-row:hover:not(.title-row) {
background: #fff !important;
}
.order-details-body .p-row:nth-child(odd):not(.title-row) {
background: #fff !important;
}
.order-details-body .p-row:nth-child(even) {
background: #fff !important;
}
.order-details-body .p-row:last-child {
border-bottom: 0;
}
@media screen and (max-width: 1199px) {
.order-details-body .p-row:last-child {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 1199px) {
.order-details-body .p-row {
flex-flow: column;
text-align: right;
align-items: flex-start;
justify-content: space-between;
width: 100%;
margin-bottom: 20px;
background: #fff;
padding: 15px;
box-shadow: 0px 0px 7px 0 #9e9e9e73;
}
}
.order-details-body .hidden-lg {
font-size: 14px;
font-weight: 500;
color: #bfc1bb;
}
.order-details-body .ol-title {
font-size: 13px;
font-weight: 100;
color: #585858;
}
.order-details-body .order-details-count, .order-details-body .order-details-off, .order-details-body .row-number {
width: 60px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-details-body .order-details-count, .order-details-body .order-details-off, .order-details-body .row-number {
width: 100%;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px;
}
}
.order-details-body .order-details-unit-price, .order-details-body .order-details-total-price, .order-details-body .order-details-final-price {
width: 19%;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-details-body .order-details-unit-price, .order-details-body .order-details-total-price, .order-details-body .order-details-final-price {
width: 100%;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px;
}
}
.order-details-body .order-details-name {
width: 400px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.order-details-body .order-details-name {
width: 100%;
text-align: right;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px;
}
}
.order-details-body .image-wrapper {
width: 200px;
height: 130px;
background: #fff;
position: relative;
margin: 0 auto;
}
@media screen and (max-width: 400px) {
.order-details-body .image-wrapper {
width: 150px;
}
}
.order-details-body .image-wrapper img {
max-width: 200px !important;
width: auto;
max-height: 130px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 400px) {
.order-details-body .image-wrapper img {
max-width: 150px !important;
}
}
.order-details-body .order-details-item {
text-align: center;
}
.receiver-info {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
background: #fff;
padding: 15px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 8px;
margin-bottom: 20px;
}
.receiver-info .profile-title {
width: 100%;
border-bottom: 1px solid #eceff1;
padding-bottom: 12px;
}
.receiver-info .receiver-item {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media screen and (max-width: 600px) {
.receiver-info .receiver-item {
width: 100%;
display: flex;
align-items: center;
}
}
.receiver-info .receiver-item-address {
width: 100%;
padding: 15px 0;
border: 1px solid #eceff1;
margin: 15px 0;
border-left: 0;
border-right: 0;
}
.receiver-info .receiver-title {
font-size: 13px;
color: #bdbdb9;
font-weight: 100;
letter-spacing: 0.5px;
}
.receiver-info .receiver-value {
font-size: 14px;
color: #686868;
margin: 2px 0;
padding: 0 2px;
}
@media screen and (max-width: 600px) {
.receiver-info .receiver-value {
padding: 0 5px;
}
}
.posted-info {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
background: #fff;
padding: 15px;
border-radius: 8px;
margin-bottom: 20px;
}
.posted-info .profile-title {
width: 100%;
border-bottom: 1px solid #eceff1;
padding-bottom: 12px;
}
.posted-info .posted-item {
width: 50%;
margin: 4px 0px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.posted-info .posted-item {
width: 100%;
}
}
.posted-info .posted-item-total-price {
width: 100%;
padding: 15px 0;
border-top: 1px solid #eceff1;
margin: 15px 0 0 0;
text-align: center;
}
.posted-info .posted-title {
font-size: 13px;
color: #bdbdb9;
font-weight: 100;
letter-spacing: 0.5px;
}
.posted-info .posted-value {
font-size: 14px;
color: #686868;
margin: 2px 0;
padding: 0 5px;
}
.profile-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
background: #fff;
padding: 15px;
box-shadow: 0px 2px 5px 0 #9e9e9e30;
border-radius: 3px;
margin-bottom: 20px;
}
.profile-header .profile-image {
width: 100px;
cursor: pointer;
position: relative;
margin: 0 auto;
}
.profile-header .profile-image:after {
border-radius: 100%;
width: 110px;
height: 110px;
content: '';
position: absolute;
background-image: url("../../assets/images/login-back.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
right: -5px;
top: -5px;
}
.profile-header .profile-image img {
background: white;
border-radius: 100%;
box-shadow: 0 0 1px 2px #1fbf8b inset;
width: 100%;
height: 100%;
position: relative;
z-index: 9;
}
.profile-header .profile-details {
padding: 20px;
line-height: 34px;
display: flex;
align-items: center;
margin-left: 20px;
border-radius: 3px;
position: relative;
}
@media screen and (max-width: 600px) {
.profile-header .profile-details {
padding: 20px 0;
margin: 0;
}
}
.profile-header .profile-name {
font-size: 18px;
color: #000;
font-weight: 500;
text-align: center;
margin: 15px;
}
.profile-header .profile-action {
height: 22px;
line-height: 33px;
font-size: 13px;
display: flex;
width: 250px;
align-items: center;
position: relative;
justify-content: space-between;
}
@media screen and (max-width: 600px) {
.profile-header .profile-action {
width: 100%;
}
}
.profile-header .profile-action:before {
content: '';
width: 1px;
height: 100%;
left: 50%;
transform: translate(-50%);
background: #ccc;
position: absolute;
}
.profile-header .profile-action svg {
font-size: 27px;
color: #1fbf8b;
padding: 0 5px;
position: relative;
top: 7px;
}
.profile-header .leave, .profile-header .change-password {
cursor: pointer;
}
.add-address-modal {
line-height: 22px;
padding-bottom: 45px;
background-color: #ffffff;
width: 500px;
z-index: 9999;
left: 50%;
box-shadow: 0 0 5px #b3b7b9;
transform: translate(-50%, -50%);
border-radius: 3px;
position: absolute;
top: 50%;
}
@media screen and (max-width: 991px) {
.add-address-modal {
width: 400px;
}
}
@media screen and (max-width: 400px) {
.add-address-modal {
width: 350px;
}
}
@media screen and (max-width: 375px) {
.add-address-modal {
width: 90%;
}
}
.add-address-modal .profile-title {
position: absolute;
padding: 0 30px;
}
.add-address-modal .cl-btn {
background: #fff;
border: 1px solid #9e9e9e;
color: #9e9e9e;
border-radius: 100%;
position: absolute;
left: 12px;
top: 10px;
width: 25px;
height: 25px;
}
.add-address-modal .submit-wrapper {
width: 130px;
}
.add-address-modal .p-row {
flex-flow: column;
padding: 48px 30px 0 30px !important;
}
.add-address-modal .sp-item {
background: #fff !important;
width: 100%;
padding: 6px 0;
}
@media screen and (max-width: 1199px) {
.add-address-modal .sp-item {
padding: 3px 0;
}
}
.add-address-modal input {
padding: 5px 14px;
border-radius: 5px;
border: 1px solid #f2f2f2;
width: 100%;
}
@media screen and (max-width: 991px) {
.add-address-modal input {
padding: 2px 14px;
}
}
.add-address-modal .sp-title {
color: #333;
}
.profile span {
padding: 0 2px;
display: inline-block;
}
.profile .remove {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
position: absolute;
left: 20px;
top: 5px;
font-size: 22px;
color: #ddd;
transition: 0.2s all;
}
.profile .remove:hover {
color: #f44336;
}
.about-wrapper {
font-weight: 100;
font-size: 16px;
line-height: 32px;
text-align: justify;
border-radius: 8px;
padding: 15px 30px;
margin-bottom: 80px;
margin-top: 15px;
position: relative;
min-height: 350px;
color: #585858;
}
@media screen and (max-width: 550px) {
.about-wrapper {
font-size: 14px;
}
}
.about-wrapper img {
width: 100%;
margin-top: 30px;
}
.about-wrapper p {
margin: 0;
}
.contact-wrapper {
font-weight: 100;
font-size: 16px;
line-height: 32px;
text-align: justify;
border-radius: 8px;
padding: 15px 30px;
margin-bottom: 80px;
margin-top: 15px;
position: relative;
min-height: 350px;
color: #585858;
padding-bottom: 60px;
}
.contact-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.contact-wrapper img {
max-width: 100%;
height: auto;
}
.contact-wrapper .sec-title-style1 {
position: relative;
display: block;
margin-top: -9px;
padding-bottom: 25px;
}
.contact-wrapper .sec-title-style1.max-width {
position: relative;
display: block;
max-width: 770px;
margin: -9px auto 0;
padding-bottom: 52px;
}
.contact-wrapper .sec-title-style1.pabottom50 {
padding-bottom: 42px;
}
.contact-wrapper .sec-title-style1 .title {
position: relative;
display: block;
color: #585858;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .title {
font-size: 22px;
}
}
.contact-wrapper .sec-title-style1 .title.clr-white {
color: #ffffff;
}
.contact-wrapper .sec-title-style1 .decor {
position: relative;
display: block;
width: 70px;
height: 5px;
margin: 19px 0 0;
}
.contact-wrapper .sec-title-style1 .decor:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .decor:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .decor span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
height: 1px;
background: #1fbf8b;
margin: 2px 0;
}
.contact-wrapper .sec-title-style1 .text {
position: relative;
display: block;
white-space: nowrap;
margin: 7px 0 0;
}
.contact-wrapper .sec-title-style1 .text p {
position: relative;
display: inline-block;
padding: 0 15px;
color: #585858;
font-size: 14px;
line-height: 16px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .text p {
font-size: 12px;
padding: 0;
position: relative;
top: -3px;
}
}
.contact-wrapper .sec-title-style1 .text.clr-yellow p {
color: #1fbf8b;
}
.contact-wrapper .sec-title-style1 .text .decor-left {
position: relative;
top: -2px;
display: inline-block;
width: 70px;
height: 5px;
background: transparent;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .text .decor-left {
width: 50px;
}
}
.contact-wrapper .sec-title-style1 .text .decor-left span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
height: 1px;
background: #1fbf8b;
content: "";
margin: 2px 0;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .text .decor-left span {
width: 30px;
}
}
.contact-wrapper .sec-title-style1 .text .decor-left:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .text .decor-left:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .text .decor-right {
position: relative;
top: -2px;
display: inline-block;
width: 70px;
height: 5px;
background: transparent;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .text .decor-right {
width: 50px;
}
}
.contact-wrapper .sec-title-style1 .text .decor-right span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
height: 1px;
background: #1fbf8b;
content: "";
margin: 2px 0;
}
@media screen and (max-width: 650px) {
.contact-wrapper .sec-title-style1 .text .decor-right span {
width: 30px;
}
}
.contact-wrapper .sec-title-style1 .text .decor-right:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .text .decor-right:after {
position: absolute;
top: 0;
left: 10px;
bottom: 0;
width: 5px;
height: 5px;
background: #1fbf8b;
border-radius: 50%;
content: "";
}
.contact-wrapper .sec-title-style1 .bottom-text {
position: relative;
display: block;
padding-top: 16px;
}
.contact-wrapper .sec-title-style1 .bottom-text p {
color: #848484;
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0;
}
@media screen and (max-width: 750px) {
.contact-wrapper .sec-title-style1 .bottom-text p {
font-size: 14px;
font-weight: 100;
}
}
@media screen and (max-width: 550px) {
.contact-wrapper .sec-title-style1 .bottom-text p {
font-size: 13px;
}
}
.contact-wrapper .sec-title-style1 .bottom-text.clr-gray p {
color: #cdcdcd;
}
.contact-wrapper .contact-address-area {
position: relative;
display: block;
background: #ffffff;
padding: 100px 0 120px;
}
.contact-wrapper .contact-address-area .sec-title-style1.max-width {
padding-bottom: 72px;
}
.contact-wrapper .contact-address-box {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.contact-wrapper .single-contact-address-box {
position: relative;
display: block;
background: #383838;
height: 300px;
border-radius: 0 8px 8px 0;
}
@media screen and (max-width: 992px) {
.contact-wrapper .single-contact-address-box {
border-radius: 8px;
}
}
@media screen and (max-width: 600px) {
.contact-wrapper .single-contact-address-box {
height: 180px;
}
}
.contact-wrapper .single-contact-address-box img {
margin-top: 45px;
}
@media screen and (max-width: 992px) {
.contact-wrapper .single-contact-address-box img {
padding: 0 80px;
margin-top: 0;
}
}
@media screen and (max-width: 600px) {
.contact-wrapper .single-contact-address-box img {
padding: 0 30px;
}
}
.contact-wrapper .single-contact-address-box .icon-holder {
position: relative;
display: block;
padding-bottom: 24px;
}
.contact-wrapper .single-contact-address-box .icon-holder span:before {
font-size: 75px;
}
.contact-wrapper .single-contact-address-box h3 {
color: #585858;
font-size: 20px;
}
.contact-wrapper .single-contact-address-box h2 {
color: #585858;
font-size: 30px;
font-weight: 500;
margin: 0 0 19px;
margin-top: 20px;
}
.contact-wrapper .single-contact-address-box a {
color: #ffffff;
}
.contact-wrapper .single-contact-address-box.main-branch {
background: #1fbf8b;
padding: 53px 30px 51px;
margin-top: -20px;
height: 550px;
border-radius: 8px;
margin-bottom: -20px;
}
@media screen and (max-width: 992px) {
.contact-wrapper .single-contact-address-box.main-branch {
border-radius: 0px;
height: auto;
}
}
.contact-wrapper .single-contact-address-box.main-branch h3 {
color: #585858;
font-size: 18px;
font-weight: 500;
margin: 0 0 38px;
text-transform: uppercase;
text-align: center;
}
.contact-wrapper .single-contact-address-box.main-branch .inner {
position: relative;
display: block;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul {
position: relative;
display: block;
overflow: hidden;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li {
position: relative;
display: block;
border-bottom: 1px solid #fff;
padding-bottom: 23px;
margin-bottom: 24px;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li .title {
display: inline-block;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li .title h4 {
color: #585858;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-transform: capitalize;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li .text {
position: relative;
display: block;
}
.contact-wrapper .single-contact-address-box.main-branch .inner ul li .text p {
color: #585858;
font-size: 16px;
line-height: 24px;
font-weight: 100;
margin: 0;
}
@media screen and (max-width: 650px) {
.contact-wrapper .single-contact-address-box.main-branch .inner ul li .text p {
font-size: 14px;
}
}
.contact-wrapper .contact-info-area {
position: relative;
display: block;
background: #ffffff;
}
.contact-wrapper .contact-form {
position: relative;
display: block;
background: #ffffff;
z-index: 3;
}
.contact-wrapper .contact-form .sec-title-style1 {
position: relative;
display: block;
padding-bottom: 25px;
width: 50%;
}
.contact-wrapper .contact-form .text-box {
position: relative;
display: block;
margin-top: 19px;
width: 50%;
}
.contact-wrapper .contact-form .text p {
color: #848484;
line-height: 26px;
margin: 0;
}
.contact-wrapper .contact-form .inner-box {
position: relative;
display: block;
background: #ffffff;
}
.contact-wrapper .contact-form form {
position: relative;
display: block;
}
.contact-wrapper .contact-form form .input-box {
position: relative;
display: block;
}
.contact-wrapper input, .contact-wrapper textarea {
color: #959595;
width: 100%;
padding: 9px 15px;
border: 1px solid transparent;
border-radius: 10px;
font-size: 14px;
margin-bottom: 20px;
}
.contact-wrapper input::-webkit-input-placeholder, .contact-wrapper textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999;
font-size: 12px;
font-weight: 100;
}
.contact-wrapper input::-moz-placeholder, .contact-wrapper textarea::-moz-placeholder {
/* Firefox 19+ */
color: #999;
font-size: 12px;
font-weight: 100;
}
.contact-wrapper input:-ms-input-placeholder, .contact-wrapper textarea:-ms-input-placeholder {
/* IE 10+ */
color: #999;
font-size: 12px;
font-weight: 100;
}
.contact-wrapper input:-moz-placeholder, .contact-wrapper textarea:-moz-placeholder {
/* Firefox 18- */
color: #999;
font-size: 12px;
font-weight: 100;
}
.contact-wrapper .contact-form form input[type="text"],
.contact-wrapper .contact-form form input[type="email"],
.contact-wrapper .contact-form form textarea {
position: relative;
display: block;
background: #ffffff;
border: 1px solid transparent !important;
width: 100%;
height: 55px;
font-size: 14px;
transition: all 500ms ease;
}
.contact-wrapper .contact-form form textarea {
height: 130px;
padding-left: 19px;
padding-right: 15px;
padding-top: 14px;
padding-bottom: 15px;
}
.contact-wrapper .contact-form form input[type="text"]:focus {
color: #222222;
border-color: #d4d4d4;
}
.contact-wrapper .contact-form form input[type="email"]:focus {
color: #222222;
border-color: #d4d4d4;
}
.contact-wrapper .contact-form form textarea:focus {
color: #222222;
border-color: #d4d4d4;
}
.contact-wrapper .contact-form form input[type="text"]::-webkit-input-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="text"]:-moz-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="text"]::-moz-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="text"]:-ms-input-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="email"]::-webkit-input-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="email"]:-moz-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="email"]::-moz-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form input[type="email"]:-ms-input-placeholder {
color: #848484;
}
.contact-wrapper .contact-form form button {
display: block;
width: 100%;
font-size: 16px;
line-height: 0;
font-weight: 500;
text-align: center;
text-transform: capitalize;
transition: all 200ms linear;
transition-delay: 0.1s;
cursor: pointer;
overflow: hidden;
position: relative;
background: #1fbf8b;
color: #fff !important;
border-radius: 8px;
z-index: 10;
padding: 10px;
margin: 0;
border: 0;
height: 41px;
box-shadow: 0 10px 30px #1fbf8b4d;
}
.contact-map-wrapper {
padding: 0 !important;
border-radius: 8px 0 0 8px !important;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.contact-map-wrapper {
border-radius: 0 0 8px 8px !important;
height: 300px !important;
}
}
/*.contact-map {
width: calc(100% + 1px);
height: 100%;
position: relative;
}*/
/* gho.morteza */
.contact-box {
background: #FFF;
padding: 30px 15px;
}
.contact-box .contact-banner {
margin-bottom: 15px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
height: 145px;
object-fit: cover;
}
.contact-box .contact-map {
overflow: hidden;
width: 100%;
height: 62%;
background: #EEE;
}
@media screen and (max-width: 480px) {
.contact-box .contact-map {
height: 200px;
}
}
.contact-details {
margin-bottom: 30px;
}
.contact-details .contact-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 1px;
}
.contact-details .contact-desc {
color: #999;
line-height: 1.9;
font-size: 15px;
font-weight: 500;
margin-bottom: 15px;
}
.contact-details .contact-information {
background: #1fbf8b;
padding: 15px;
}
.contact-details .contact-information .info {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 15px;
margin-bottom: 20px;
}
.contact-details .contact-information .info:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.contact-details .contact-information .info-title {
font-size: 16px;
font-weight: 500;
color: #333;
margin-top: 0;
}
.contact-details .contact-information .info-title.has-value {
display: flex;
justify-content: space-between;
}
.contact-details .contact-information .info-desc {
line-height: 1.8;
font-size: 14px;
margin-bottom: 0;
color: #333;
}
.contact-details .contact-information .info-desc.has-value {
display: flex;
justify-content: space-between;
}
.contact-details .contact-information .info-desc .value {
font-weight: 500;
color: #333;
}
.contact-details .contact-information .contact-logo {
width: 80%;
margin: auto;
display: block;
}
@media screen and (max-width: 480px) {
.contact-details .contact-information .contact-logo {
display: none;
}
}
.page-wrapper {
font-weight: 100;
font-size: 16px;
line-height: 32px;
text-align: justify;
border-radius: 8px;
padding: 15px 30px;
margin-bottom: 80px;
margin-top: 15px;
position: relative;
min-height: 350px;
color: #585858;
}
@media screen and (max-width: 550px) {
.page-wrapper {
font-size: 14px;
}
}
.page-wrapper img {
width: 100%;
margin-top: 30px;
}
.page-wrapper p {
margin: 0;
}
#container {
position: relative;
margin: 30px auto;
overflow: hidden;
width: 700px;
height: 380px;
}
@media screen and (max-width: 800px) {
#container {
width: 100%;
}
}
.alert, .green, .red {
font-size: 0.9em;
font-weight: 100;
padding-top: 5px;
color: #FCFCFC;
padding-bottom: 5px;
text-transform: uppercase;
}
.green {
margin: 0;
letter-spacing: 0;
color: #4ec07d !important;
}
.red {
color: #e96075 !important;
margin: 0;
letter-spacing: 0;
}
.alert {
font-weight: 500;
letter-spacing: 0;
font-size: 18px;
}
#container p {
margin-top: 0;
font-size: 16px;
font-weight: 100;
color: #fff;
letter-spacing: 0;
}
#container button, #container .dot {
cursor: pointer;
}
#success-box {
position: absolute;
width: 35%;
height: 100%;
left: 50%;
transform: translate(-50%);
background: linear-gradient(to bottom right, #B0DB7D 40%, #99DBB4 100%);
border-radius: 20px;
box-shadow: 5px 5px 20px rgba(203, 205, 211, 0.1);
perspective: 40px;
}
@media screen and (max-width: 800px) {
#success-box {
width: 290px;
}
}
#error-box {
position: absolute;
width: 35%;
height: 100%;
left: 50%;
transform: translate(-50%);
background: linear-gradient(to bottom left, #EF8D9C 40%, #FFC39E 100%);
border-radius: 20px;
box-shadow: 5px 5px 20px rgba(203, 205, 211, 0.1);
}
@media screen and (max-width: 800px) {
#error-box {
width: 290px;
}
}
.dot {
width: 8px;
height: 8px;
background: #FCFCFC;
border-radius: 50%;
position: absolute;
top: 4%;
right: 6%;
}
.dot:hover {
background: #c9c9c9;
}
.two {
right: 12%;
opacity: .5;
}
.face {
position: absolute;
width: 70px;
height: 70px;
background: #FCFCFC;
border-radius: 50%;
border: 1px solid #777777;
top: 50px;
left: 37.5%;
z-index: 2;
animation: bounce 1s ease-in infinite;
}
.face2 {
position: absolute;
width: 70px;
height: 70px;
top: 50px;
background: #FCFCFC;
border-radius: 50%;
border: 1px solid #777777;
left: 37.5%;
z-index: 2;
animation: roll 3s ease-in-out infinite;
}
.eye {
position: absolute;
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
top: 40%;
left: 20%;
}
.right {
left: 68%;
}
.mouth {
position: absolute;
top: 43%;
left: 41%;
width: 7px;
height: 7px;
border-radius: 50%;
}
.happy {
border: 2px solid;
border-color: transparent #777777 #777777 transparent;
transform: rotate(45deg);
}
.sad {
top: 49%;
border: 2px solid;
border-color: #777777 transparent transparent #777777;
transform: rotate(45deg);
}
#container .shadow {
position: absolute;
width: 70px;
height: 3%;
opacity: .5;
background: #777777;
left: 40%;
top: 115px;
border-radius: 50%;
z-index: 1;
}
.scale {
animation: scale 1s ease-in infinite;
position: relative;
left: -82px;
}
@media screen and (max-width: 800px) {
.scale {
left: -111px;
}
}
.move {
animation: move 3s ease-in-out infinite;
}
.message {
position: absolute;
width: 100%;
text-align: center;
height: 40%;
top: 110px;
padding: 0 15px;
}
.button-box {
position: absolute;
width: 50%;
height: 33px;
border-radius: 30px;
top: 305px;
background: #FCFCFC;
left: 25%;
outline: 0;
border: none;
box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
transition: all .5s ease-in-out;
}
.button-box:hover {
background: #efefef;
transform: scale(1.05);
transition: all .3s ease-in-out;
}
@keyframes bounce {
50% {
transform: translateY(-10px);
}
}
@keyframes scale {
50% {
transform: scale(0.9);
}
}
@keyframes roll {
0% {
transform: rotate(0deg);
left: 25%;
}
50% {
left: 60%;
transform: rotate(168deg);
}
100% {
transform: rotate(0deg);
left: 25%;
}
}
@keyframes move {
0% {
left: 25%;
}
50% {
left: 60%;
}
100% {
left: 25%;
}
}
#container .code-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
#container .code {
font-weight: 500;
letter-spacing: 2px;
}
#container .price {
display: flex;
align-items: center;
justify-content: space-between;
}
#container .price .c-p {
font-weight: 500;
}
.img-modal .close {
font-weight: 100;
top: 2px;
position: relative;
left: 8px;
}
.img-modal .modal-header {
border-bottom: 1px solid transparent;
}
.img-modal .item {
padding: 15px;
margin-top: 70px;
outline: none;
}
@media screen and (max-width: 992px) {
.img-modal .item {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 992px) {
.img-modal .item img {
margin: 0;
padding: 0;
width: 100%;
}
}
.img-modal-dots-wrapper {
padding: 0;
list-style: none;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
height: calc(100vh - 220px);
overflow: auto;
width: 100%;
margin: 0;
padding-left: 10px;
margin-bottom: 50px;
position: relative !important;
top: 0;
}
.img-modal-dots-wrapper::-webkit-scrollbar {
width: 8px !important;
height: 15px !important;
}
.img-modal-dots-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 !important;
box-shadow: inset 0 0 0 !important;
-webkit-border-radius: 12px !important;
border-radius: 12px !important;
background: #ddd;
margin-top: 6px;
}
.img-modal-dots-wrapper::-webkit-scrollbar-thumb {
-webkit-border-radius: 12px !important;
border-radius: 12px !important;
background-color: #1fbf8b !important;
outline: 1px solid transparent !important;
}
.img-modal-dots-wrapper img {
width: 100%;
margin: 0;
border-radius: 8px;
}
.carousel-indicators li {
border: 1.5px solid #eee;
width: auto !important;
height: auto !important;
margin: 5px 0;
border-radius: 8px;
padding: 6px;
background-color: transparent !important;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-inner img {
width: 50%;
display: flex;
margin: 0 auto;
}
.carousel-control.right {
background-image: url("../images/icons/down-d.svg");
position: absolute;
background-position: center;
background-size: 30px;
background-repeat: no-repeat;
transform: rotate(-90deg);
}
.carousel-control.left {
background-image: url("../images/icons/down-d.svg");
position: absolute;
background-position: center;
background-repeat: no-repeat;
transform: rotate(90deg);
background-size: 30px;
}
html[lang='ar'] .box-desc .desc-title {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
color: #666;
}
html[lang='ar'] .title-slider {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
color: #666;
}
html[lang='ar'] .title-slider-desc {
font-family: "Amiri", serif !important;
}
html[lang='ar'] .index-blog-item .index-blog-title {
font-size: 19px;
line-height: 32px;
}
@media screen and (max-width: 750px) {
html[lang='ar'] .index-blog-item .index-blog-title {
font-size: 12px;
line-height: 22px;
}
}
html[lang='ar'] .index-blog-desc {
height: 95px;
}
@media screen and (max-width: 750px) {
html[lang='ar'] .index-blog-desc {
font-size: 11px;
height: 60px;
line-height: 20px;
}
}
html[lang='ar'] .top-footer-title span {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .middle-footer-title {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .copy-right a {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .post-desc {
font-size: 16px;
}
@media screen and (max-width: 550px) {
html[lang='ar'] .post-desc {
font-size: 14px;
line-height: 26px;
}
}
html[lang='ar'] .contact-wrapper .sec-title-style1 .title {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .contact-wrapper .sec-title-style1 .bottom-text p {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .contact-wrapper .single-contact-address-box.main-branch h3 {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
margin: 0 0 10px;
}
html[lang='ar'] .contact-wrapper .single-contact-address-box.main-branch .inner ul li .title h4 {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .factor-item-title li, html[lang='ar'] .factor-count, html[lang='ar'] .price-title, html[lang='ar'] .factor-form-wrapper label {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .factor-text {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .factor-summary-wrapper .factor-summary-desc span {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .factor-summary-wrapper .factor-total-pay span {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .message {
margin-top: 25px;
}
html[lang='ar'] .alert, html[lang='ar'] #container p, html[lang='ar'] #container .code-wrapper span, html[lang='ar'] .price span {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .red, html[lang='ar'] .green {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .profile-title {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .title-row .ol-title, html[lang='ar'] .posted-info .posted-title, html[lang='ar'] .receiver-info .receiver-title {
font-family: 'Tajawal', sans-serif !important;
color: #555;
}
html[lang='ar'] .brands, html[lang='ar'] .category, html[lang='ar'] .size, html[lang='ar'] .color-title, html[lang='ar'] .off-wrapper, html[lang='ar'] .best-features-item {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .garanti, html[lang='ar'] .price, html[lang='ar'] .best-features-title {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .tab-content-product .nav-tabs > li > a {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .tab-content-product .nav-tabs > li.active > a, html[lang='ar'] .tab-content-product .nav-tabs > li.active > a:focus, html[lang='ar'] .tab-content-product .nav-tabs > li.active > a:hover {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .tab-content-product th, html[lang='ar'] .tab-content-product td:first-child, html[lang='ar'] .tab-content-product .tab-heading, html[lang='ar'] .name-wrapper span {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .filter-box button {
font-family: 'Tajawal', sans-serif !important;
font-weight: 600;
}
html[lang='ar'] .sort-title span, html[lang='ar'] label .amount {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='ar'] .sp-item .sp-title {
font-family: 'Tajawal', sans-serif !important;
}
html[lang='en'] .search .input-wrapper:after {
left: auto;
right: 7px;
transform: rotate(90deg);
top: 12px;
}
@media screen and (max-width: 768px) {
html[lang='en'] .search {
right: auto;
left: 0;
}
}
@media screen and (max-width: 768px) {
html[lang='en'] .login-cart-wrapper {
right: 45px;
left: auto;
margin-right: 15px;
margin-left: 0;
}
}
@media screen and (max-width: 550px) {
html[lang='en'] .login-cart-wrapper {
right: 0px;
left: auto;
margin-right: 0px;
}
}
@media screen and (max-width: 550px) {
html[lang='en'] .logo-wrapper img {
width: 130px;
top: 11px;
}
}
html[lang='en'] .cart .badge-counter:after {
margin-left: 18px;
margin-right: 0;
}
@media screen and (max-width: 550px) {
html[lang='en'] .cart img {
margin-left: 12px;
}
}
html[lang='en'] .navbar-toggle {
right: 15px;
left: auto;
}
html[lang='en'] .box-desc .desc-box-item {
padding: 15px;
padding-right: 0;
}
html[lang='en'] .box-desc .desc-details, html[lang='en'] .desc-title, html[lang='en'] .title-slider, html[lang='en'] .title-slider-desc {
text-align: left;
}
html[lang='en'] .top-footer-title {
padding-right: 0;
padding-left: 5px;
}
html[lang='en'] .top-footer-title .svg-icon {
left: -5px;
right: auto;
}
html[lang='en'] .top-footer-number {
left: 15px;
right: auto;
}
html[lang='en'] .footer-news {
padding-left: 0;
padding-right: 20px;
}
html[lang='en'] .copy-right a {
font-weight: 600;
}
html[lang='en'] .profile .remove {
left: auto;
right: 20px;
}
html[lang='en'] .address-list-body .actions {
float: right;
}
html[lang='en'] .address-list-body .actions .action-item {
right: 0;
left: auto;
}
html[lang='en'] .address-list-body .svg-icon {
left: -4px;
right: auto;
}
html[lang='en'] .post-body .date {
right: auto;
left: 20px;
}
html[lang='en'] .date:before {
left: -20px;
right: auto;
}
html[lang='en'] .index-blog-item {
padding-bottom: 20px;
}
html[lang='en'] .index-blog-item .date {
right: auto;
left: 60px;
}
html[lang='en'] .factor-item .remove-item {
right: 0;
left: auto;
}
html[lang='en'] .factor-count {
padding-left: 0 !important;
padding-right: 20px !important;
}
html[lang='en'] .send-info-wrapper {
text-align: right;
}
html[lang='en'] .message {
margin-top: 15px;
}
html[lang='en'] .alert {
line-height: 24px;
}
html[lang='en'] #success-box .alert {
margin-bottom: 8px;
margin-top: 8px;
}
html[lang='en'] .product-features .off-wrapper {
right: 0;
left: auto;
}
html[lang='en'] .comments ul li .image-wrapper {
left: -46px;
right: auto;
}
html[lang='en'] .comments ul li .item {
margin: 10px 15px 20px 15px;
}
html[lang='en'] .comments ul li .item:after {
transform: rotate(180deg);
left: -10px;
right: auto;
}
html[lang='en'] .tab-content-product .tab-heading {
padding-right: 0;
padding-left: 48px;
}
html[lang='en'] .tab-content-product th:before {
left: -11px;
right: auto;
}
html[lang='en'] .tab-content-product .tab-heading:before {
right: auto;
left: 28px;
}
html[lang='en'] .tab-content-product .tab-title {
padding-left: 20px;
padding-right: 0;
}
html[lang='en'] .comments ul li .image-wrapper {
height: 50px;
width: 50px;
}
html[lang='en'] .filter-box button {
text-align: left;
}
html[lang='en'] .checkbox .color {
left: auto;
right: 0;
}
html[lang='en'] .specification-body .submit-wrapper, html[lang='en'] .order-list-body .submit-wrapper, html[lang='en'] .address-list-body .submit-wrapper {
right: 20px;
float: right;
left: auto;
}
html[lang='en'] .cancel-specification {
float: right;
}
html[lang='en'] .submit-specification {
float: right;
right: 15px;
left: auto;
}
/*# sourceMappingURL=main.css.map */