::selection {
background-color: #4D5566;
color: #fff;
}
.blue {
color: #4D5566!important;
}
.blue-d {
color: #3D4350!important;
}
.orange {
color: #F27954!important;
}
.orange-d {
color: #F06338!important;
}
.white {
color: #fff!important;
}
/* START TOOLTIP */
[data-tooltip] {
position: relative;
z-index: 10;
}
[data-tooltip]:before,
[data-tooltip]:after {
position: absolute;
visibility: hidden;
opacity: 0;
left: 50%;
bottom: calc(100% + 5px);
pointer-events: none;
transition: 0.2s;
will-change: transform;
}
[data-tooltip]:before {
content: attr(data-tooltip);
padding: 15px 15px 25px!important;
min-width: 50px;
max-width: 300px;
max-height: 20px!important;
line-height: 1!important;
width: max-content;
width: -moz-max-content;
border-radius: 0;
font-size: 11px;
background-color: #4d5566;
box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
color: #fff;
text-align: center;
white-space: pre-wrap;
transform: translate(-50%, -5px) scale(0.5);
text-transform: uppercase!important;
font-weight: 500!important;
}
[data-tooltip]:after {
content: '';
border-style: solid;
border-width: 5px 5px 0px 5px;
border-color: #4d5566 transparent transparent transparent;
transition-duration: 0s; 
transform-origin: top;
transform: translateX(-50%) scaleY(0);
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
opacity: 1;
}
[data-tooltip]:hover:before {
transition-delay: 0.2s;
transform: translate(-50%, -5px) scale(1);
}
[data-tooltip]:hover:after {
transition-delay: 0.3s;
transition-duration: 0.2s;
transform: translateX(-50%) scaleY(1);
}
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
top: calc(100% + 5px);
bottom: auto;
}
[data-tooltip-location="bottom"]:before {
transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
transform: translate(-50%, 5px) scale(1);
}
[data-tooltip-location="bottom"]:after {
border-width: 0px 5px 5px 5px;
border-color: transparent transparent #4d5566 transparent;
transform-origin: bottom;
}
.text-normal {
text-transform: none!important;
}
.text-italic {
font-style: italic!important;
}
.opacity-10 {
opacity: 1!important;
}
.opacity-9 {
opacity: .9!important;
}
.opacity-8 {
opacity: .8!important;
}
.opacity-7 {
opacity: .7!important;
}
.opacity-6 {
opacity: .6!important;
}
.opacity-5 {
opacity: .5!important;
}
.opacity-4 {
opacity: .4!important;
}
.opacity-3 {
opacity: .3!important;
}
.txt-8 {
font-size: 8px!important;
}
.txt-9 {
font-size: 9px!important;
}
.txt-10 {
font-size: 10px!important;
}
.txt-11 {
font-size: 11px!important;
}
.txt-12 {
font-size: 12px!important;
}
.txt-13 {
font-size: 13px!important;
}
.txt-14 {
font-size: 14px!important;
}
.txt-15 {
font-size: 15px!important;
}
.txt-16 {
font-size: 16px!important;
}
.txt-17 {
font-size: 17px!important;
}
.txt-18 {
font-size: 18px!important;
}
.txt-19 {
font-size: 19px!important;
}
.txt-20 {
font-size: 20px!important;
}
.txt-21 {
font-size: 21px!important;
}
.txt-22 {
font-size: 22px!important;
}
.txt-23 {
font-size: 23px!important;
}
.txt-24 {
font-size: 24px!important;
}
.txt-25 {
font-size: 25px!important;
}
.txt-26 {
font-size: 26px!important;
}
.txt-27 {
font-size: 27px!important;
}
.txt-28 {
font-size: 28px!important;
}
.txt-30 {
font-size: 30px!important;
}
.txt-35 {
font-size: 35px!important;
}
.fw-900 {
font-weight: 900!important;
}
.fw-100 {
font-weight: 100!important;
}
.fw-200 {
font-weight: 200!important;
}
.fw-300 {
font-weight: 300!important;
}
.fw-400 {
font-weight: 400!important;
}
.fw-500 {
font-weight: 500!important;
}
.fw-600 {
font-weight: 600!important;
}
.fw-700 {
font-weight: 700!important;
}
.fw-800 {
font-weight: 800!important;
}
.padding-left-0 {
padding-left:0px;
}
.padding-left-5 {
padding-left:5px;
}
.padding-left-10 {
padding-left:10px;
}
.padding-left-15 {
padding-left:15px;
}
.padding-left-20 {
padding-left:20px;
}
.padding-left-30 {
padding-left:30px;
}
.padding-right-0 {
padding-right:0px;
}
.padding-right-5 {
padding-right:5px;
}
.padding-right-10 {
padding-right:10px;
}
.padding-right-15 {
padding-right:15px;
}
.padding-right-20 {
padding-right:20px;
}
.padding-right-30 {
padding-right:30px!important;
}
.padding-top-0 {
padding-top:0px;
}
.padding-top-10 {
padding-top:10px;
}
.padding-top-20 {
padding-top:20px;
}
.padding-top-30 {
padding-top:30px;
}
.padding-top-40 {
padding-top:40px;
}
.padding-top-50 {
padding-top:50px;
}
.padding-top-60 {
padding-top:60px;
}
.padding-top-70 {
padding-top:70px;
}
.padding-top-80 {
padding-top:80px;
}
.padding-top-90 {
padding-top:90px;
}
.padding-top-100 {
padding-top:100px;
}
.padding-bottom-10 {
padding-bottom:10px!important;
}
.padding-bottom-20 {
padding-bottom:20px!important;
}
.padding-bottom-30 {
padding-bottom:30px!important;
}
.padding-bottom-40 {
padding-bottom:40px!important;
}
.padding-bottom-50 {
padding-bottom:50px!important;
}
.padding-bottom-60 {
padding-bottom:60px!important;
}
.padding-bottom-70 {
padding-bottom:70px!important;
}
.padding-bottom-80 {
padding-bottom:80px!important;
}
.padding-bottom-90 {
padding-bottom:90px!important;
}
.padding-bottom-100 {
padding-bottom:100px!important;
}
.margin-bottom-10 {
margin-bottom:10px!important;
}
.margin-bottom-20 {
margin-bottom:20px!important;
}
.margin-bottom-30 {
margin-bottom:30px!important;
}
.margin-bottom-40 {
margin-bottom:40px!important;
}
.margin-bottom-50 {
margin-bottom:50px!important;
}
.margin-top-20 {
margin-top:20px!important;
}
.margin-top-40 {
margin-top:40px!important;
}
.padding-top-10 {
padding-top:10px!important;
}
.padding-top-20 {
padding-top:20px!important;
}
.padding-top-30 {
padding-top:30px!important;
}
.padding-top-40 {
padding-top:40px!important;
}
.padding-top-50 {
padding-top:50px!important;
}
.padding-top-60 {
padding-top:60px!important;
}
.padding-top-70 {
padding-top:70px!important;
}
.padding-top-80 {
padding-top:80px!important;
}
.padding-top-90 {
padding-top:90px!important;
}
.padding-top-100 {
padding-top:100px!important;
}
.padding-top-110 {
padding-top:110px!important;
}
.padding-top-120 {
padding-top:120px!important;
}
.padding-top-130 {
padding-top:130px!important;
}
.padding-top-140 {
padding-top:140px!important;
}
.padding-top-150 {
padding-top:150px!important;
}
.padding-top-200 {
padding-top:200px!important;
}
.padding-bottom-0 {
padding-bottom:0px!important;
}
.padding-bottom-10 {
padding-bottom:10px!important;
}
.padding-bottom-20 {
padding-bottom:20px!important;
}
.padding-bottom-30 {
padding-bottom:30px!important;
}
.padding-bottom-40 {
padding-bottom:40px!important;
}
.padding-bottom-50 {
padding-bottom:50px!important;
}
.padding-bottom-60 {
padding-bottom:60px!important;
}
.padding-bottom-70 {
padding-bottom:70px;
}
.padding-bottom-80 {
padding-bottom:80px;
}
.padding-bottom-90 {
padding-bottom:90px;
}
.padding-bottom-100 {
padding-bottom:100px;
}
.padding-bottom-120 {
padding-bottom:120px;
}
.padding-bottom-130 {
padding-bottom:130px;
}
.padding-bottom-140 {
padding-bottom:140px;
}
.padding-bottom-150 {
padding-bottom:150px;
}
.margin-bottom-0 {
margin-bottom:-30px!important;
}
.margin-bottom-10 {
margin-bottom:10px!important;
}
.margin-bottom-15 {
margin-bottom:15px!important;
}
.margin-bottom-20 {
margin-bottom:20px!important;
}
.margin-bottom-30 {
margin-bottom:30px!important;
}
.margin-bottom-40 {
margin-bottom:40px!important;
}
.margin-bottom-50 {
margin-bottom:50px!important;
}
.margin-bottom-60 {
margin-bottom:60px!important;
}
.margin-bottom-70 {
margin-bottom:70px!important;
}
.margin-top-0 {
margin-top:0px!important;
}
.margin-top-10 {
margin-top:10px!important;
}
.margin-top-20 {
margin-top:20px!important;
}
.margin-top-30 {
margin-top:30px!important;
}
.margin-top-40 {
margin-top:40px!important;
}
.margin-top-50 {
margin-top:50px!important;
}
.margin-top-60 {
margin-top:60px!important;
}
.margin-top-70 {
margin-top:70px!important;
}
.margin-top-80 {
margin-top:80px!important;
}
.margin-top-90 {
margin-top:90px!important;
}
.margin-top-100 {
margin-top:100px!important;
}
.margin-left-5 {
margin-left:5px!important;
}
.margin-left-10 {
margin-left:10px!important;
}
.margin-left-15 {
margin-left:15px!important;
}
.margin-left-20 {
margin-left:20px!important;
}
.margin-left-30 {
margin-left:30px!important;
}
.margin-left-0 {
margin-left:0px!important;
}
.margin-right-0 {
margin-right:0px!important;
}
.margin-right-5 {
margin-right:5px!important;
}
.margin-right-10 {
margin-right:10px!important;
}
.margin-right-15 {
margin-right:15px!important;
}
.margin-right-20 {
margin-right:20px!important;
}
.margin-right-25 {
margin-right:25px!important;
}
.margin-right-30 {
margin-right:30px!important;
}
.margin-right-35 {
margin-right:35px!important;
}
.margin-right-40 {
margin-right:40px!important;
}
@media only screen and (max-width: 1220px) {
.hidden-1220 {
display: none!important;
}
}
@media only screen and (max-width: 1110px) {
.hidden-1110 {
display: none!important;
}
}
@media only screen and (max-width: 550px) {
.hidden-550 {
display: none!important;
}
}
@media only screen and (max-width: 767px) {
.hidden-767 {
display: none!important;
}
}
@media all and (max-width: 992px) {
.no-m-margin { margin: 0!important; }
.margin-m-l-0 { margin-left: 30px!important; }
.margin-m-l-10 { margin-left: 10px!important; }
.margin-m-l-15 { margin-left: 15px!important; }
.margin-m-l-20 { margin-left: 20px!important; }
.margin-m-l-25 { margin-left: 25px!important; }
.margin-m-l-30 { margin-left: 30px!important; }
.margin-m-l-35 { margin-left: 35px!important; }
.margin-m-l-30 { margin-left: 40px!important; }
.margin-m-l-70 { margin-left: 70px!important; }
.margin-m-r-0 { margin-right: 0px!important; }
.margin-m-r-10 { margin-right: 10px!important; }
.margin-m-r-15 { margin-right: 15px!important; }
.margin-m-r-20 { margin-right: 20px!important; }
.margin-m-r-25 { margin-right: 25px!important; }
.margin-m-r-30 { margin-right: 30px!important; }
.margin-m-r-35 { margin-right: 35px!important; }
.margin-m-r-40 { margin-right: 40px!important; }
.margin-m-r-70 { margin-right: 70px!important; }
.margin-m-t-0 { margin-top: 0px!important; }
.margin-m-t-5 { margin-top: 5px!important; }
.margin-m-t-10 { margin-top: 10px!important; }
.margin-m-t-15 { margin-top: 15px!important; }
.margin-m-t-20 { margin-top: 20px!important; }
.margin-m-t-25 { margin-top: 25px!important; }
.margin-m-t-30 { margin-top: 30px!important; }
.margin-m-t-35 { margin-top: 35px!important; }
.margin-m-t-40 { margin-top: 40px!important; }
.margin-m-t-45 { margin-top: 45px!important; }
.margin-m-t-50 { margin-top: 50px!important; }
.margin-m-t-60 { margin-top: 60px!important; }
.margin-m-t-70 { margin-top: 70px!important; }
.margin-m-t-80 { margin-top: 80px!important; }
.margin-m-t-90 { margin-top: 90px!important; }
.margin-m-t-100 { margin-top: 100px!important; }
.margin-m-b-0 { margin-bottom: 0px!important; }
.margin-m-b-10 { margin-bottom: 10px!important; }
.margin-m-b-15 { margin-bottom: 15px!important; }
.margin-m-b-20 { margin-bottom: 20px!important; }
.margin-m-b-25 { margin-bottom: 25px!important; }
.margin-m-b-30 { margin-bottom: 30px!important; }
.margin-m-b-40 { margin-bottom: 40px!important; }
.margin-m-b-50 { margin-bottom: 50px!important; }
.margin-m-b-70 { margin-bottom: 70px!important; }
.margin-m-b-75 { margin-bottom: 75px!important; }
.margin-m-b-80 { margin-bottom: 80px!important; }
.margin-m-b-85 { margin-bottom: 85px!important; }
.margin-m-b-90 { margin-bottom: 90px!important; }
.margin-m-b-95 { margin-bottom: 95px!important; }
.margin-m-b-100 { margin-bottom: 100px!important; }
.margin-m-b-120 { margin-bottom: 120px!important; }
.no-m-pad { padding: 0!important; }
.pad-m-t-0 { padding-top: 0px!important; }
.pad-m-t-2 { padding-top: 2px!important; }
.pad-m-t-10 { padding-top: 10px!important; }
.pad-m-t-15 { padding-top: 15px!important; }
.pad-m-t-20 { padding-top: 20px!important; }
.pad-m-t-25 { padding-top: 25px!important; }
.pad-m-t-30 { padding-top: 30px!important; }
.pad-m-t-40 { padding-top: 40px!important; }
.pad-m-t-50 { padding-top: 50px!important; }
.pad-m-t-60 { padding-top: 60px!important; }
.pad-m-t-70 { padding-top: 70px!important; }
.pad-m-t-80 { padding-top: 80px!important; }
.pad-m-t-90 { padding-top: 90px!important; }
.pad-m-t-100 { padding-top: 100px!important; }
.pad-m-t-120 { padding-top: 120px!important; }
.pad-m-t-130 { padding-top: 130px!important; }
.pad-m-t-150 { padding-top: 150px!important; }
.pad-m-b-0 { padding-bottom: 0px!important; }
.pad-m-b-5 { padding-bottom: 5px!important; }
.pad-m-b-10 { padding-bottom: 10px!important; }
.pad-m-b-15 { padding-bottom: 15px!important; }
.pad-m-b-20 { padding-bottom: 20px!important; }
.pad-m-b-25 { padding-bottom: 25px!important; }
.pad-m-b-30 { padding-bottom: 30px!important; }
.pad-m-b-40 { padding-bottom: 40px!important; }
.pad-m-b-50 { padding-bottom: 50px!important; }
.pad-m-b-60 { padding-bottom: 60px!important; }
.pad-m-b-70 { padding-bottom: 70px!important; }
.pad-m-b-80 { padding-bottom: 80px!important; }
.pad-m-b-90 { padding-bottom: 90px!important; }
.pad-m-b-100 { padding-bottom: 100px!important; }
.pad-m-b-150 { padding-bottom: 150px!important; }
.pad-m-b-200 { padding-bottom: 200px!important; }
.pad-m-b-240 { padding-bottom: 240px!important; }
.pad-m-l-15 { padding-left: 15px!important; }
.pad-m-l-0 { padding-left: 0px!important; }
.pad-m-l-25 { padding-left: 25px!important; }
.pad-m-l-5 { padding-left: 5px!important; }
.pad-m-l-10 { padding-left: 10px!important; }
.pad-m-l-30 { padding-left: 30px!important; }
.pad-m-l-50 { padding-left: 50px!important; }
.pad-m-r-0 { padding-right: 0px!important; }
.pad-m-r-5 { padding-right: 5px!important; }
.pad-m-r-15 { padding-right: 15px!important; }
.pad-m-r-25 { padding-right: 25px!important; }
.pad-m-r-50 { padding-right: 50px!important; }
.hidden-992 {
display: none!important;
}
}
.shadow {
-webkit-box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) !important;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) !important;
}
.simple-link:hover {
opacity: .8!important;
}
i.icon-nav::before {
font-size: 30px!important;
color: #f37954;
}
.tdg-site-header .header-right {
margin: 6px 0 0 10px;
}
@media (min-width: 1920px) {
.tdg-header-style-6 .tdg-site-header {
max-width: 100%;
padding-left: 350px;
padding-right: 350px;
}
.tdg-header-style-6 .tdg-site-header, .tdg-header-style-7 .tdg-site-header {
margin-top: 0!important;
}
}
@media (max-width: 767px) {
.theme-btn, .view-cart-btn {
padding-right: 18px;
}
.navbar-brand {
margin-right: 3rem;
}
}
.logo-top {
max-width: 180px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.logo-top {
padding-right: 60px!important;
}
}
@media (max-width: 992px) {
.logo-top {
max-width: 150px!important;
}
}
@media (max-width: 550px) {
.navbar-brand {
margin-right: 5rem!important;
margin-left: 0px!important;
}
}
.new-link {
text-decoration: none!important;
font-size: inherit!important;
}
.link-text {
color: #4D5566;
font-weight: 500;
border-bottom: 1px dotted;
}
.link-text:hover {
color: #687693;
border-bottom: 1px dotted #fff;
}
.tdg-site-footer-s2 .link-widget ul li::before {
left: -5px;
font-family: bootstrap-icons !important;
content: "\F27B";
color: #b4bdce;
}
.tdg-cta-section .tdg-cta-wrap .tdg-cta-item .tdg-cta-btn a {
min-width: 180px;
}
@media (max-width: 991px) {
.tdg-site-header .menu-close {
border: none;
}
.tdg-site-header .mobail-menu button {
background-color: #fff;
}
.tdg-site-header .mobail-menu button span {
background-color: #F27954;
width: 30px;
height: 4px;
}
.tdg-site-header .mobail-menu button {
padding: 5px 10px 5px 0;
}
}
.tdg-site-footer .blog-widget ul li h4, .tdg-site-footer-s2 .blog-widget ul li h4 {
font-size: 16px;
line-height: 28px;
}
@media (min-width: 991px) {
.tdg-site-footer .tdg-upper-footer, .tdg-site-footer-s2 .tdg-upper-footer {
padding: 80px 0 60px;
}
}
@media (max-width: 991px) {
.tdg-site-footer .tdg-upper-footer, .tdg-site-footer-s2 .tdg-upper-footer {
padding-top:70px!important;
}
}
.tdg-cta-section .tdg-cta-wrap .tdg-cta-item .tdg-cta-btn a {
border: none;
}