﻿@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');
/* FILE UNITO bootstrap */
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace }
*, ::after, ::before { box-sizing: border-box }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent }
@-ms-viewport { width: device-width }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block }
body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
[tabindex="-1"]:focus { outline: 0 !important }
hr { box-sizing: content-box; height: 0; overflow: visible }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem }
p { margin-top: 0; margin-bottom: 1rem }
abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit }
dl, ol, ul { margin-top: 0; margin-bottom: 1rem }
    ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
dt { font-weight: 700 }
dd { margin-bottom: .5rem; margin-left: 0 }
blockquote { margin: 0 0 1rem }
dfn { font-style: italic }
b, strong { font-weight: bolder }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects }
    a:hover { color: #0056b3; text-decoration: underline }
    a:not([href]):not([tabindex]) { color: inherit; text-decoration: none }
        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none }
        a:not([href]):not([tabindex]):focus { outline: 0 }
code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em }
pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar }
figure { margin: 0 0 1rem }
img { vertical-align: middle; border-style: none }
svg { overflow: hidden; vertical-align: middle }
table { border-collapse: collapse }
caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom }
/*th { text-align: inherit }*/
label { display: inline-block; margin-bottom: .5rem }
button { border-radius: 0 }
    button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; height:auto; width:auto; margin-right:5px; }
input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox }
textarea { overflow: auto; resize: vertical }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal }
progress { vertical-align: baseline }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { outline-offset: -2px; -webkit-appearance: none }
    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
output { display: inline-block }
summary { display: list-item; cursor: pointer }
template { display: none }
[hidden] { display: none !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit }
.h1, h1 { font-size: 2.5rem }
.h2, h2 { font-size: 2rem }
.h3, h3 { font-size: 1.75rem }
.h4, h4 { font-size: 1.5rem }
.h5, h5 { font-size: 1.25rem }
.h6, h6 { font-size: 1rem }
.lead { font-size: 1.25rem; font-weight: 300 }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1) }
.small, small { font-size: 80%; font-weight: 400 }
.mark, mark { padding: .2em; background-color: #fcf8e3 }
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { padding-left: 0; list-style: none }
.list-inline-item { display: inline-block }
    .list-inline-item:not(:last-child) { margin-right: .5rem }
.initialism { font-size: 90%; text-transform: uppercase }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem }
.blockquote-footer { display: block; font-size: 80%; color: #6c757d }
    .blockquote-footer::before { content: "\2014 \00A0" }
.img-fluid { max-width: 100%; height: auto }
.img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto }
.figure { display: inline-block }
.figure-img { margin-bottom: .5rem; line-height: 1 }
.figure-caption { font-size: 90%; color: #6c757d }
code { font-size: 87.5%; color: #e83e8c; word-break: break-word }
a > code { color: inherit }
kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem }
    kbd kbd { padding: 0; font-size: 100%; font-weight: 700 }
pre { display: block; font-size: 87.5%; color: #212529 }
    pre code { font-size: inherit; color: inherit; word-break: normal }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:576px) {
    .container { max-width: 540px }
}

@media (min-width:768px) {
    .container { max-width: 720px }
}

@media (min-width:992px) {
    .container { max-width: 1040px }
}

@media (min-width:1200px) {
    .container { max-width: 1140px }
}

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
    .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-first { -ms-flex-order: -1; order: -1 }
.order-last { -ms-flex-order: 13; order: 13 }
.order-0 { -ms-flex-order: 0; order: 0 }
.order-1 { -ms-flex-order: 1; order: 1 }
.order-2 { -ms-flex-order: 2; order: 2 }
.order-3 { -ms-flex-order: 3; order: 3 }
.order-4 { -ms-flex-order: 4; order: 4 }
.order-5 { -ms-flex-order: 5; order: 5 }
.order-6 { -ms-flex-order: 6; order: 6 }
.order-7 { -ms-flex-order: 7; order: 7 }
.order-8 { -ms-flex-order: 8; order: 8 }
.order-9 { -ms-flex-order: 9; order: 9 }
.order-10 { -ms-flex-order: 10; order: 10 }
.order-11 { -ms-flex-order: 11; order: 11 }
.order-12 { -ms-flex-order: 12; order: 12 }
.offset-1 { margin-left: 8.333333% }
.offset-2 { margin-left: 16.666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.333333% }
.offset-5 { margin-left: 41.666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.333333% }
.offset-8 { margin-left: 66.666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.333333% }
.offset-11 { margin-left: 91.666667% }

@media (min-width:576px) {
    .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
    .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .order-sm-first { -ms-flex-order: -1; order: -1 }
    .order-sm-last { -ms-flex-order: 13; order: 13 }
    .order-sm-0 { -ms-flex-order: 0; order: 0 }
    .order-sm-1 { -ms-flex-order: 1; order: 1 }
    .order-sm-2 { -ms-flex-order: 2; order: 2 }
    .order-sm-3 { -ms-flex-order: 3; order: 3 }
    .order-sm-4 { -ms-flex-order: 4; order: 4 }
    .order-sm-5 { -ms-flex-order: 5; order: 5 }
    .order-sm-6 { -ms-flex-order: 6; order: 6 }
    .order-sm-7 { -ms-flex-order: 7; order: 7 }
    .order-sm-8 { -ms-flex-order: 8; order: 8 }
    .order-sm-9 { -ms-flex-order: 9; order: 9 }
    .order-sm-10 { -ms-flex-order: 10; order: 10 }
    .order-sm-11 { -ms-flex-order: 11; order: 11 }
    .order-sm-12 { -ms-flex-order: 12; order: 12 }
    .offset-sm-0 { margin-left: 0 }
    .offset-sm-1 { margin-left: 8.333333% }
    .offset-sm-2 { margin-left: 16.666667% }
    .offset-sm-3 { margin-left: 25% }
    .offset-sm-4 { margin-left: 33.333333% }
    .offset-sm-5 { margin-left: 41.666667% }
    .offset-sm-6 { margin-left: 50% }
    .offset-sm-7 { margin-left: 58.333333% }
    .offset-sm-8 { margin-left: 66.666667% }
    .offset-sm-9 { margin-left: 75% }
    .offset-sm-10 { margin-left: 83.333333% }
    .offset-sm-11 { margin-left: 91.666667% }
}

@media (min-width:768px) {
    .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
    .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .order-md-first { -ms-flex-order: -1; order: -1 }
    .order-md-last { -ms-flex-order: 13; order: 13 }
    .order-md-0 { -ms-flex-order: 0; order: 0 }
    .order-md-1 { -ms-flex-order: 1; order: 1 }
    .order-md-2 { -ms-flex-order: 2; order: 2 }
    .order-md-3 { -ms-flex-order: 3; order: 3 }
    .order-md-4 { -ms-flex-order: 4; order: 4 }
    .order-md-5 { -ms-flex-order: 5; order: 5 }
    .order-md-6 { -ms-flex-order: 6; order: 6 }
    .order-md-7 { -ms-flex-order: 7; order: 7 }
    .order-md-8 { -ms-flex-order: 8; order: 8 }
    .order-md-9 { -ms-flex-order: 9; order: 9 }
    .order-md-10 { -ms-flex-order: 10; order: 10 }
    .order-md-11 { -ms-flex-order: 11; order: 11 }
    .order-md-12 { -ms-flex-order: 12; order: 12 }
    .offset-md-0 { margin-left: 0 }
    .offset-md-1 { margin-left: 8.333333% }
    .offset-md-2 { margin-left: 16.666667% }
    .offset-md-3 { margin-left: 25% }
    .offset-md-4 { margin-left: 33.333333% }
    .offset-md-5 { margin-left: 41.666667% }
    .offset-md-6 { margin-left: 50% }
    .offset-md-7 { margin-left: 58.333333% }
    .offset-md-8 { margin-left: 66.666667% }
    .offset-md-9 { margin-left: 75% }
    .offset-md-10 { margin-left: 83.333333% }
    .offset-md-11 { margin-left: 91.666667% }
}

@media (min-width:992px) {
    .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
    .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .order-lg-first { -ms-flex-order: -1; order: -1 }
    .order-lg-last { -ms-flex-order: 13; order: 13 }
    .order-lg-0 { -ms-flex-order: 0; order: 0 }
    .order-lg-1 { -ms-flex-order: 1; order: 1 }
    .order-lg-2 { -ms-flex-order: 2; order: 2 }
    .order-lg-3 { -ms-flex-order: 3; order: 3 }
    .order-lg-4 { -ms-flex-order: 4; order: 4 }
    .order-lg-5 { -ms-flex-order: 5; order: 5 }
    .order-lg-6 { -ms-flex-order: 6; order: 6 }
    .order-lg-7 { -ms-flex-order: 7; order: 7 }
    .order-lg-8 { -ms-flex-order: 8; order: 8 }
    .order-lg-9 { -ms-flex-order: 9; order: 9 }
    .order-lg-10 { -ms-flex-order: 10; order: 10 }
    .order-lg-11 { -ms-flex-order: 11; order: 11 }
    .order-lg-12 { -ms-flex-order: 12; order: 12 }
    .offset-lg-0 { margin-left: 0 }
    .offset-lg-1 { margin-left: 8.333333% }
    .offset-lg-2 { margin-left: 16.666667% }
    .offset-lg-3 { margin-left: 25% }
    .offset-lg-4 { margin-left: 33.333333% }
    .offset-lg-5 { margin-left: 41.666667% }
    .offset-lg-6 { margin-left: 50% }
    .offset-lg-7 { margin-left: 58.333333% }
    .offset-lg-8 { margin-left: 66.666667% }
    .offset-lg-9 { margin-left: 75% }
    .offset-lg-10 { margin-left: 83.333333% }
    .offset-lg-11 { margin-left: 91.666667% }
}

@media (min-width:1200px) {
    .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
    .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .order-xl-first { -ms-flex-order: -1; order: -1 }
    .order-xl-last { -ms-flex-order: 13; order: 13 }
    .order-xl-0 { -ms-flex-order: 0; order: 0 }
    .order-xl-1 { -ms-flex-order: 1; order: 1 }
    .order-xl-2 { -ms-flex-order: 2; order: 2 }
    .order-xl-3 { -ms-flex-order: 3; order: 3 }
    .order-xl-4 { -ms-flex-order: 4; order: 4 }
    .order-xl-5 { -ms-flex-order: 5; order: 5 }
    .order-xl-6 { -ms-flex-order: 6; order: 6 }
    .order-xl-7 { -ms-flex-order: 7; order: 7 }
    .order-xl-8 { -ms-flex-order: 8; order: 8 }
    .order-xl-9 { -ms-flex-order: 9; order: 9 }
    .order-xl-10 { -ms-flex-order: 10; order: 10 }
    .order-xl-11 { -ms-flex-order: 11; order: 11 }
    .order-xl-12 { -ms-flex-order: 12; order: 12 }
    .offset-xl-0 { margin-left: 0 }
    .offset-xl-1 { margin-left: 8.333333% }
    .offset-xl-2 { margin-left: 16.666667% }
    .offset-xl-3 { margin-left: 25% }
    .offset-xl-4 { margin-left: 33.333333% }
    .offset-xl-5 { margin-left: 41.666667% }
    .offset-xl-6 { margin-left: 50% }
    .offset-xl-7 { margin-left: 58.333333% }
    .offset-xl-8 { margin-left: 66.666667% }
    .offset-xl-9 { margin-left: 75% }
    .offset-xl-10 { margin-left: 83.333333% }
    .offset-xl-11 { margin-left: 91.666667% }
}

.table { width: 100%; margin-bottom: 1rem; background-color: transparent }
    .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 }
    .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 }
    .table tbody + tbody { border-top: 2px solid #dee2e6 }
    .table .table { background-color: #fff }
.table-sm td, .table-sm th { padding: .3rem }
.table-bordered { border: 1px solid #dee2e6 }
    .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 }
    .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px }
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) }
.table-hover tbody tr:hover { background-color: rgba(0,0,0,.075) }
.table-primary, .table-primary > td, .table-primary > th { background-color: #b8daff }
.table-hover .table-primary:hover { background-color: #9fcdff }
    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff }
.table-secondary, .table-secondary > td, .table-secondary > th { background-color: #d6d8db }
.table-hover .table-secondary:hover { background-color: #c8cbcf }
    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf }
.table-success, .table-success > td, .table-success > th { background-color: #c3e6cb }
.table-hover .table-success:hover { background-color: #b1dfbb }
    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb }
.table-info, .table-info > td, .table-info > th { background-color: #bee5eb }
.table-hover .table-info:hover { background-color: #abdde5 }
    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5 }
.table-warning, .table-warning > td, .table-warning > th { background-color: #ffeeba }
.table-hover .table-warning:hover { background-color: #ffe8a1 }
    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1 }
.table-danger, .table-danger > td, .table-danger > th { background-color: #f5c6cb }
.table-hover .table-danger:hover { background-color: #f1b0b7 }
    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7 }
.table-light, .table-light > td, .table-light > th { background-color: #fdfdfe }
.table-hover .table-light:hover { background-color: #ececf6 }
    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6 }
.table-dark, .table-dark > td, .table-dark > th { background-color: #c6c8ca }
.table-hover .table-dark:hover { background-color: #b9bbbe }
    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe }
.table-active, .table-active > td, .table-active > th { background-color: rgba(0,0,0,.075) }
.table-hover .table-active:hover { background-color: rgba(0,0,0,.075) }
    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0,0,0,.075) }
.table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 }
.table-dark { color: #fff; background-color: #212529 }
    .table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e }
    .table-dark.table-bordered { border: 0 }
    .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) }
    .table-dark.table-hover tbody tr:hover { background-color: rgba(255,255,255,.075) }

@media (max-width:575.98px) {
    .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
        .table-responsive-sm > .table-bordered { border: 0 }
}

@media (max-width:767.98px) {
    .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
        .table-responsive-md > .table-bordered { border: 0 }
}

@media (max-width:991.98px) {
    .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
        .table-responsive-lg > .table-bordered { border: 0 }
}

@media (max-width:1199.98px) {
    .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
        .table-responsive-xl > .table-bordered { border: 0 }
}

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
    .table-responsive > .table-bordered { border: 0 }
.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .375rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media screen and (prefers-reduced-motion:reduce) {
    .form-control { transition: none }
}

.form-control::-ms-expand { background-color: transparent; border: 0 }
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
.form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 }
.form-control::-moz-placeholder { color: #6c757d; opacity: 1 }
.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 }
.form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 }
.form-control::placeholder { color: #6c757d; opacity: 1 }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff }
.form-control-file, .form-control-range { display: block; width: 100% }
.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 }
.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 }
.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 }
.form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 }
    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 }
.form-control-sm { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.form-control-lg { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }
select.form-control[multiple], select.form-control[size] { height: auto }
textarea.form-control { height: auto }
.form-group { margin-bottom: 1rem }
.form-text { display: block; margin-top: .25rem }
.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px }
    .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px }
.form-check { position: relative; display: block; padding-left: 1.25rem }
.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem }
    .form-check-input:disabled ~ .form-check-label { color: #6c757d }
.form-check-label { margin-bottom: 0 }
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem }
    .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 }
.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem }
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745 }
    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) }
    .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block }
.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745 }
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745 }
    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a }
.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block }
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: #34ce57 }
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25) }
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745 }
    .custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit }
.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block }
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) }
.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem }
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #dc3545 }
    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block }
.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 }
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block }
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 }
    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #efa2a9 }
.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block }
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: #e4606d }
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25) }
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 }
    .custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit }
.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block }
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
.form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center }
    .form-inline .form-check { width: 100% }

@media (min-width:576px) {
    .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 }
    .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 }
    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }
    .form-inline .form-control-plaintext { display: inline-block }
    .form-inline .custom-select, .form-inline .input-group { width: auto }
    .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 }
    .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0 }
    .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
    .form-inline .custom-control-label { margin-bottom: 0 }
}

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media screen and (prefers-reduced-motion:reduce) {
    .btn { transition: none }
}

.btn:focus, .btn:hover { text-decoration: none }
.btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
.btn.disabled, .btn:disabled { opacity: .65 }
.btn:not(:disabled):not(.disabled) { cursor: pointer }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff }
    .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc }
    .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) }
    .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf }
        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) }
.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d }
    .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 }
    .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) }
    .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d }
    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b }
        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) }
.btn-success { color: #fff; background-color: #28a745; border-color: #28a745 }
    .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 }
    .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) }
    .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 }
    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 }
        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }
    .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b }
    .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) }
    .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }
    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f }
        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) }
.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 }
    .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 }
    .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
    .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 }
    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 }
        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 }
    .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 }
    .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
    .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 }
    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d }
        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
    .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 }
    .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) }
    .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df }
        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) }
.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 }
    .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 }
    .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) }
    .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 }
    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d }
        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) }
.btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff }
    .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff }
    .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) }
    .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent }
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff }
        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) }
.btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d }
    .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d }
    .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) }
    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent }
    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d }
        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) }
.btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745 }
    .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 }
    .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) }
    .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent }
    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 }
        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) }
.btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8 }
    .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }
    .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) }
    .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent }
    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }
        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) }
.btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107 }
    .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 }
    .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
    .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent }
    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 }
        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545 }
    .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 }
    .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
    .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent }
    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 }
        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa }
    .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
    .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) }
    .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent }
    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) }
.btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40 }
    .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 }
    .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) }
    .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent }
    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 }
        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) }
.btn-link { font-weight: 400; color: #007bff; background-color: transparent }
    .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent }
    .btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none }
    .btn-link.disabled, .btn-link:disabled { color: #6c757d; pointer-events: none }
.btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }
.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.btn-block { display: block; width: 100% }
    .btn-block + .btn-block { margin-top: .5rem }
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% }
.fade { transition: opacity .15s linear }

@media screen and (prefers-reduced-motion:reduce) {
    .fade { transition: none }
}

.fade:not(.show) { opacity: 0 }
.collapse:not(.show) { display: none }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease }

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing { transition: none }
}

.dropdown, .dropleft, .dropright, .dropup { position: relative }
.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:empty::after { margin-left: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem }
.dropdown-menu-right { right: 0; left: auto }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem }
.dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent }
.dropup .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem }
.dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid }
.dropright .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-toggle::after { vertical-align: 0 }
.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem }
.dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "" }
.dropleft .dropdown-toggle::after { display: none }
.dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent }
.dropleft .dropdown-toggle:empty::after { margin-left: 0 }
.dropleft .dropdown-toggle::before { vertical-align: 0 }
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto }
.dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef }
.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
    .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa }
    .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff }
    .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent }
.dropdown-menu.show { display: block }
.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap }
.dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 }
.btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle }
    .btn-group-vertical > .btn, .btn-group > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto }
        .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1 }
        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1 }
    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px }
.btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start }
    .btn-toolbar .input-group { width: auto }
.btn-group > .btn:first-child { margin-left: 0 }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem }
    .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 }
.dropleft .dropdown-toggle-split::before { margin-right: 0 }
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem }
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem }
.btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center }
    .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100% }
    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 }
    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 }
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0 }
    .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none }
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% }
    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 }
        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px }
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 }
        .input-group > .custom-file .custom-file-input:focus { z-index: 4 }
        .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
        .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
    .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 }
        .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex }
    .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 }
        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px }
.input-group-prepend { margin-right: -1px }
.input-group-append { margin-left: -1px }
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem }
    .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 }
.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }
.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem }
.custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem }
.custom-control-input { position: absolute; z-index: -1; opacity: 0 }
    .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff }
    .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) }
    .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff }
    .custom-control-input:disabled ~ .custom-control-label { color: #6c757d }
        .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef }
.custom-control-label { position: relative; margin-bottom: 0 }
    .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6 }
    .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50% }
.custom-checkbox .custom-control-label::before { border-radius: .25rem }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) }
.custom-radio .custom-control-label::before { border-radius: 50% }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) }
.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none }
    .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(128,189,255,.5) }
        .custom-select:focus::-ms-value { color: #495057; background-color: #fff }
    .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none }
    .custom-select:disabled { color: #6c757d; background-color: #e9ecef }
    .custom-select::-ms-expand { opacity: 0 }
.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 75% }
.custom-select-lg { height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125% }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0 }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0 }
    .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
        .custom-file-input:focus ~ .custom-file-label::after { border-color: #80bdff }
    .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef }
    .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse" }
.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem }
    .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0 }
.custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none }
    .custom-range:focus { outline: 0 }
        .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) }
        .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) }
        .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) }
    .custom-range::-moz-focus-outer { border: 0 }
    .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none }

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb { transition: none }
}

.custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff }
.custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem }
.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none }

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb { transition: none }
}

.custom-range::-moz-range-thumb:active { background-color: #b3d7ff }
.custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem }
.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none }

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb { transition: none }
}

.custom-range::-ms-thumb:active { background-color: #b3d7ff }
.custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem }
.custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem }
.custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media screen and (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select { transition: none }
}

.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }
.nav-link { display: block; padding: .5rem 1rem }
    .nav-link:focus, .nav-link:hover { text-decoration: none }
    .nav-link.disabled { color: #6c757d }
.nav-tabs { border-bottom: 1px solid #dee2e6 }
    .nav-tabs .nav-item { margin-bottom: -1px }
    .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem }
        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 }
        .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent }
        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff }
    .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }
.nav-pills .nav-link { border-radius: .25rem }
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff }
.nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center }
.nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center }
.tab-content > .tab-pane { display: none }
.tab-content > .active { display: block }
.navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem }
    .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between }
.navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap }
    .navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none }
    .navbar-nav .nav-link { padding-right: 0; padding-left: 0 }
    .navbar-nav .dropdown-menu { position: static; float: none }
.navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem }
.navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center }
.navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem }
    .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none }
    .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% }

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0 }
}

@media (min-width:576px) {
    .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start }
        .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row }
            .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute }
            .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
        .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto }
        .navbar-expand-sm .navbar-toggler { display: none }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0 }
}

@media (min-width:768px) {
    .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start }
        .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row }
            .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute }
            .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
        .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto }
        .navbar-expand-md .navbar-toggler { display: none }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0 }
}

@media (min-width:992px) {
    .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start }
        .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row }
            .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute }
            .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
        .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto }
        .navbar-expand-lg .navbar-toggler { display: none }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0 }
}

@media (min-width:1200px) {
    .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start }
        .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row }
            .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute }
            .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
        .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto }
        .navbar-expand-xl .navbar-toggler { display: none }
}

.navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start }
    .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0 }
    .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row }
        .navbar-expand .navbar-nav .dropdown-menu { position: absolute }
        .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
    .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
    .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto }
    .navbar-expand .navbar-toggler { display: none }
.navbar-light .navbar-brand { color: rgba(0,0,0,.9) }
    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) }
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) }
    .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) }
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) }
.navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") }
.navbar-light .navbar-text { color: rgba(0,0,0,.5) }
    .navbar-light .navbar-text a { color: rgba(0,0,0,.9) }
        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) }
.navbar-dark .navbar-brand { color: #fff }
    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5) }
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) }
    .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) }
    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff }
.navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") }
.navbar-dark .navbar-text { color: rgba(255,255,255,.5) }
    .navbar-dark .navbar-text a { color: #fff }
        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff }
.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem }
    .card > hr { margin-right: 0; margin-left: 0 }
    .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem }
    .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem }
.card-title { margin-bottom: .75rem }
.card-subtitle { margin-top: -.375rem; margin-bottom: 0 }
.card-text:last-child { margin-bottom: 0 }
.card-link:hover { text-decoration: none }
.card-link + .card-link { margin-left: 1.25rem }
.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) }
    .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 }
    .card-header + .list-group .list-group-item:first-child { border-top: 0 }
.card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) }
    .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) }
.card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 }
.card-header-pills { margin-right: -.625rem; margin-left: -.625rem }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem }
.card-img { width: 100%; border-radius: calc(.25rem - 1px) }
.card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }
.card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) }
.card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
    .card-deck .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px }
        .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px }
}

.card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
    .card-group > .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap }
        .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 }
            .card-group > .card + .card { margin-left: 0; border-left: 0 }
            .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 }
                .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0 }
                .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0 }
            .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 }
                .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0 }
                .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0 }
            .card-group > .card:only-child { border-radius: .25rem }
                .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem }
                .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0 }
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0 }
}

.card-columns .card { margin-bottom: .75rem }

@media (min-width:576px) {
    .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 }
        .card-columns .card { display: inline-block; width: 100% }
}

.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 }
.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0 }
.accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 }
.breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem }
.breadcrumb-item + .breadcrumb-item { padding-left: .5rem }
    .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" }
    .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline }
    .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none }
.breadcrumb-item.active { color: #6c757d }
.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem }
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 }
    .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 }
    .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
    .page-link:not(:disabled):not(.disabled) { cursor: pointer }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem }
.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 }
.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem }
.pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem }
.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem }
    .badge:empty { display: none }
.btn .badge { position: relative; top: -1px }
.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem }
.badge-primary { color: #fff; background-color: #007bff }
    .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc }
.badge-secondary { color: #fff; background-color: #6c757d }
    .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62 }
.badge-success { color: #fff; background-color: #28a745 }
    .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34 }
.badge-info { color: #fff; background-color: #17a2b8 }
    .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b }
.badge-warning { color: #212529; background-color: #ffc107 }
    .badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00 }
.badge-danger { color: #fff; background-color: #dc3545 }
    .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130 }
.badge-light { color: #212529; background-color: #f8f9fa }
    .badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5 }
.badge-dark { color: #fff; background-color: #343a40 }
    .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124 }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem }

@media (min-width:576px) {
    .jumbotron { padding: 4rem 2rem }
}

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 }
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-dismissible { padding-right: 4rem }
    .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff }
    .alert-primary hr { border-top-color: #9fcdff }
    .alert-primary .alert-link { color: #002752 }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db }
    .alert-secondary hr { border-top-color: #c8cbcf }
    .alert-secondary .alert-link { color: #202326 }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }
    .alert-success hr { border-top-color: #b1dfbb }
    .alert-success .alert-link { color: #0b2e13 }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }
    .alert-info hr { border-top-color: #abdde5 }
    .alert-info .alert-link { color: #062c33 }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
    .alert-warning hr { border-top-color: #ffe8a1 }
    .alert-warning .alert-link { color: #533f03 }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
    .alert-danger hr { border-top-color: #f1b0b7 }
    .alert-danger .alert-link { color: #491217 }
.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe }
    .alert-light hr { border-top-color: #ececf6 }
    .alert-light .alert-link { color: #686868 }
.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca }
    .alert-dark hr { border-top-color: #b9bbbe }
    .alert-dark .alert-link { color: #040505 }

@-webkit-keyframes progress-bar-stripes {
    from { background-position: 1rem 0 }
    to { background-position: 0 0 }
}

@keyframes progress-bar-stripes {
    from { background-position: 1rem 0 }
    to { background-position: 0 0 }
}

.progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem }
.progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease }

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar { transition: none }
}

.progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem }
.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite }
.media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start }
.media-body { -ms-flex: 1; flex: 1 }
.list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 }
.list-group-item-action { width: 100%; color: #495057; text-align: inherit }
    .list-group-item-action:focus, .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa }
    .list-group-item-action:active { color: #212529; background-color: #e9ecef }
.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125) }
    .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem }
    .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
    .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none }
    .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff }
    .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff }
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 }
.list-group-flush:first-child .list-group-item:first-child { border-top: 0 }
.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0 }
.list-group-item-primary { color: #004085; background-color: #b8daff }
    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff }
    .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 }
.list-group-item-secondary { color: #383d41; background-color: #d6d8db }
    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf }
    .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 }
.list-group-item-success { color: #155724; background-color: #c3e6cb }
    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb }
    .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 }
.list-group-item-info { color: #0c5460; background-color: #bee5eb }
    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 }
    .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 }
.list-group-item-warning { color: #856404; background-color: #ffeeba }
    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 }
    .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 }
.list-group-item-danger { color: #721c24; background-color: #f5c6cb }
    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 }
    .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 }
.list-group-item-light { color: #818182; background-color: #fdfdfe }
    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 }
    .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 }
.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca }
    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe }
    .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 }
    .close:not(:disabled):not(.disabled) { cursor: pointer }
        .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: #000; text-decoration: none; opacity: .75 }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none }
.modal-open { overflow: hidden }
    .modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0 }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none }
.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%) }

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog { transition: none }
}

.modal.show .modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0) }
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) }
    .modal-dialog-centered::before { display: block; height: calc(100vh - (.5rem * 2)); content: "" }
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
    .modal-backdrop.fade { opacity: 0 }
    .modal-backdrop.show { opacity: .5 }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem }
    .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto }
.modal-title { margin-bottom: 0; line-height: 1.5 }
.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem }
.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef }
    .modal-footer > :not(:first-child) { margin-left: .25rem }
    .modal-footer > :not(:last-child) { margin-right: .25rem }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }

@media (min-width:576px) {
    .modal-dialog { max-width: 500px; margin: 1.75rem auto }
    .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)) }
        .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)) }
    .modal-sm { max-width: 300px }
}

@media (min-width:992px) {
    .modal-lg { max-width: 800px }
}

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 }
    .tooltip.show { opacity: .9 }
    .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem }
        .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid }
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 }
    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 }
        .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 }
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem }
    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem }
        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 }
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 }
    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 }
        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 }
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem }
    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem }
        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 }
.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem }
    .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem }
        .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid }
.bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem }
    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1) }
        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: .5rem .5rem 0 }
        .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0,0,0,.25) }
        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff }
.bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem }
    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 }
        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: .5rem .5rem .5rem 0 }
        .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0,0,0,.25) }
        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff }
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem }
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1) }
        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem }
        .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0,0,0,.25) }
        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: #fff }
    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 }
.bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem }
    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 }
        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: .5rem 0 .5rem .5rem }
        .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0,0,0,.25) }
        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff }
.popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }
    .popover-header:empty { display: none }
.popover-body { padding: .5rem .75rem; color: #212529 }
.carousel { position: relative }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease }

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none }
}

.carousel-item-next, .carousel-item-prev { position: absolute; top: 0 }
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0) }
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}
.active.carousel-item-right, .carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%) }
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
}
.active.carousel-item-left, .carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
}
.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity }
    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1 }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0 }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { -webkit-transform: translateX(0); transform: translateX(0) }
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}
.carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5 }
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 }
.carousel-control-prev { left: 0 }
.carousel-control-next { right: 0 }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100% }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") }
.carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none }
    .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255,255,255,.5) }
        .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" }
        .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" }
    .carousel-indicators .active { background-color: #fff }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center }
.align-baseline { vertical-align: baseline !important }
.align-top { vertical-align: top !important }
.align-middle { vertical-align: middle !important }
.align-bottom { vertical-align: bottom !important }
.align-text-bottom { vertical-align: text-bottom !important }
.align-text-top { vertical-align: text-top !important }
.bg-primary { background-color: #007bff !important }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important }
.bg-secondary { background-color: #6c757d !important }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important }
.bg-success { background-color: #28a745 !important }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important }
.bg-info { background-color: #17a2b8 !important }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important }
.bg-warning { background-color: #ffc107 !important }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important }
.bg-danger { background-color: #dc3545 !important }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important }
.bg-light { background-color: #f8f9fa !important }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important }
.bg-dark { background-color: #343a40 !important }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 !important }
.bg-white { background-color: #fff !important }
.bg-transparent { background-color: transparent !important }
.border { border: 1px solid #dee2e6 !important }
.border-top { border-top: 1px solid #dee2e6 !important }
.border-right { border-right: 1px solid #dee2e6 !important }
.border-bottom { border-bottom: 1px solid #dee2e6 !important }
.border-left { border-left: 1px solid #dee2e6 !important }
.border-0 { border: 0 !important }
.border-top-0 { border-top: 0 !important }
.border-right-0 { border-right: 0 !important }
.border-bottom-0 { border-bottom: 0 !important }
.border-left-0 { border-left: 0 !important }
.border-primary { border-color: #007bff !important }
.border-secondary { border-color: #6c757d !important }
.border-success { border-color: #28a745 !important }
.border-info { border-color: #17a2b8 !important }
.border-warning { border-color: #ffc107 !important }
.border-danger { border-color: #dc3545 !important }
.border-light { border-color: #f8f9fa !important }
.border-dark { border-color: #343a40 !important }
.border-white { border-color: #fff !important }
.rounded { border-radius: .25rem !important }
.rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important }
.rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important }
.rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important }
.rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important }
.rounded-circle { border-radius: 50% !important }
.rounded-0 { border-radius: 0 !important }
.clearfix::after { display: block; clear: both; content: "" }
.d-none { display: none !important }
.d-inline { display: inline !important }
.d-inline-block { display: inline-block !important }
.d-block { display: block !important }
.d-table { display: table !important }
.d-table-row { display: table-row !important }
.d-table-cell { display: table-cell !important }
.d-flex { display: -ms-flexbox !important; display: flex !important }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }

@media (min-width:576px) {
    .d-sm-none { display: none !important }
    .d-sm-inline { display: inline !important }
    .d-sm-inline-block { display: inline-block !important }
    .d-sm-block { display: block !important }
    .d-sm-table { display: table !important }
    .d-sm-table-row { display: table-row !important }
    .d-sm-table-cell { display: table-cell !important }
    .d-sm-flex { display: -ms-flexbox !important; display: flex !important }
    .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
}

@media (min-width:768px) {
    .d-md-none { display: none !important }
    .d-md-inline { display: inline !important }
    .d-md-inline-block { display: inline-block !important }
    .d-md-block { display: block !important }
    .d-md-table { display: table !important }
    .d-md-table-row { display: table-row !important }
    .d-md-table-cell { display: table-cell !important }
    .d-md-flex { display: -ms-flexbox !important; display: flex !important }
    .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
}

@media (min-width:992px) {
    .d-lg-none { display: none !important }
    .d-lg-inline { display: inline !important }
    .d-lg-inline-block { display: inline-block !important }
    .d-lg-block { display: block !important }
    .d-lg-table { display: table !important }
    .d-lg-table-row { display: table-row !important }
    .d-lg-table-cell { display: table-cell !important }
    .d-lg-flex { display: -ms-flexbox !important; display: flex !important }
    .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
}

@media (min-width:1200px) {
    .d-xl-none { display: none !important }
    .d-xl-inline { display: inline !important }
    .d-xl-inline-block { display: inline-block !important }
    .d-xl-block { display: block !important }
    .d-xl-table { display: table !important }
    .d-xl-table-row { display: table-row !important }
    .d-xl-table-cell { display: table-cell !important }
    .d-xl-flex { display: -ms-flexbox !important; display: flex !important }
    .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
}

@media print {
    .d-print-none { display: none !important }
    .d-print-inline { display: inline !important }
    .d-print-inline-block { display: inline-block !important }
    .d-print-block { display: block !important }
    .d-print-table { display: table !important }
    .d-print-table-row { display: table-row !important }
    .d-print-table-cell { display: table-cell !important }
    .d-print-flex { display: -ms-flexbox !important; display: flex !important }
    .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
}

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden }
    .embed-responsive::before { display: block; content: "" }
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }
.embed-responsive-21by9::before { padding-top: 42.857143% }
.embed-responsive-16by9::before { padding-top: 56.25% }
.embed-responsive-4by3::before { padding-top: 75% }
.embed-responsive-1by1::before { padding-top: 100% }
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important }
.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important }
.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important }
.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-center { -ms-flex-align: center !important; align-items: center !important }
.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }

@media (min-width:576px) {
    .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important }
    .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important }
    .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
    .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important }
    .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important }
    .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
    .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
    .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important }
    .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
    .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important }
    .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important }
    .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important }
    .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
    .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
    .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important }
    .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
    .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
    .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
    .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important }
    .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}

@media (min-width:768px) {
    .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important }
    .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important }
    .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
    .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important }
    .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important }
    .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
    .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
    .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important }
    .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
    .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important }
    .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important }
    .align-items-md-center { -ms-flex-align: center !important; align-items: center !important }
    .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
    .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
    .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important }
    .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
    .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
    .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
    .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important }
    .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}

@media (min-width:992px) {
    .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important }
    .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important }
    .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
    .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important }
    .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important }
    .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
    .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
    .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important }
    .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
    .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important }
    .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important }
    .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important }
    .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
    .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
    .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important }
    .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
    .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
    .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
    .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important }
    .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}

@media (min-width:1200px) {
    .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important }
    .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important }
    .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
    .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important }
    .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important }
    .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
    .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
    .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important }
    .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
    .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important }
    .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important }
    .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important }
    .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
    .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
    .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important }
    .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
    .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
    .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
    .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important }
    .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}

.float-left { float: left !important }
.float-right { float: right !important }
.float-none { float: none !important }

@media (min-width:576px) {
    .float-sm-left { float: left !important }
    .float-sm-right { float: right !important }
    .float-sm-none { float: none !important }
}

@media (min-width:768px) {
    .float-md-left { float: left !important }
    .float-md-right { float: right !important }
    .float-md-none { float: none !important }
}

@media (min-width:992px) {
    .float-lg-left { float: left !important }
    .float-lg-right { float: right !important }
    .float-lg-none { float: none !important }
}

@media (min-width:1200px) {
    .float-xl-left { float: left !important }
    .float-xl-right { float: right !important }
    .float-xl-none { float: none !important }
}

.position-static { position: static !important }
.position-relative { position: relative !important }
.position-absolute { position: absolute !important }
.position-fixed { position: fixed !important }
.position-sticky { position: -webkit-sticky !important; position: sticky !important }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important }
.shadow-none { box-shadow: none !important }
.w-25 { width: 25% !important }
.w-50 { width: 50% !important }
.w-75 { width: 75% !important }
.w-100 { width: 100% !important }
.w-auto { width: auto !important }
.h-25 { height: 25% !important }
.h-50 { height: 50% !important }
.h-75 { height: 75% !important }
.h-100 { height: 100% !important }
.h-auto { height: auto !important }
.mw-100 { max-width: 100% !important }
.mh-100 { max-height: 100% !important }
.m-0 { margin: 0 !important }
.mt-0, .my-0 { margin-top: 0 !important }
.mr-0, .mx-0 { margin-right: 0 !important }
.mb-0, .my-0 { margin-bottom: 0 !important }
.ml-0, .mx-0 { margin-left: 0 !important }
.m-1 { margin: .25rem !important }
.mt-1, .my-1 { margin-top: .25rem !important }
.mr-1, .mx-1 { margin-right: .25rem !important }
.mb-1, .my-1 { margin-bottom: .25rem !important }
.ml-1, .mx-1 { margin-left: .25rem !important }
.m-2 { margin: .5rem !important }
.mt-2, .my-2 { margin-top: .5rem !important }
.mr-2, .mx-2 { margin-right: .5rem !important }
.mb-2, .my-2 { margin-bottom: .5rem !important }
.ml-2, .mx-2 { margin-left: .5rem !important }
.m-3 { margin: 1rem !important }
.mt-3, .my-3 { margin-top: 1rem !important }
.mr-3, .mx-3 { margin-right: 1rem !important }
.mb-3, .my-3 { margin-bottom: 1rem !important }
.ml-3, .mx-3 { margin-left: 1rem !important }
.m-4 { margin: 1.5rem !important }
.mt-4, .my-4 { margin-top: 1.5rem !important }
.mr-4, .mx-4 { margin-right: 1.5rem !important }
.mb-4, .my-4 { margin-bottom: 1.5rem !important }
.ml-4, .mx-4 { margin-left: 1.5rem !important }
.m-5 { margin: 3rem !important }
.mt-5, .my-5 { margin-top: 3rem !important }
.mr-5, .mx-5 { margin-right: 3rem !important }
.mb-5, .my-5 { margin-bottom: 3rem !important }
.ml-5, .mx-5 { margin-left: 3rem !important }
.p-0 { padding: 0 !important }
.pt-0, .py-0 { padding-top: 0 !important }
.pr-0, .px-0 { padding-right: 0 !important }
.pb-0, .py-0 { padding-bottom: 0 !important }
.pl-0, .px-0 { padding-left: 0 !important }
.p-1 { padding: .25rem !important }
.pt-1, .py-1 { padding-top: .25rem !important }
.pr-1, .px-1 { padding-right: .25rem !important }
.pb-1, .py-1 { padding-bottom: .25rem !important }
.pl-1, .px-1 { padding-left: .25rem !important }
.p-2 { padding: .5rem !important }
.pt-2, .py-2 { padding-top: .5rem !important }
.pr-2, .px-2 { padding-right: .5rem !important }
.pb-2, .py-2 { padding-bottom: .5rem !important }
.pl-2, .px-2 { padding-left: .5rem !important }
.p-3 { padding: 1rem !important }
.pt-3, .py-3 { padding-top: 1rem !important }
.pr-3, .px-3 { padding-right: 1rem !important }
.pb-3, .py-3 { padding-bottom: 1rem !important }
.pl-3, .px-3 { padding-left: 1rem !important }
.p-4 { padding: 1.5rem !important }
.pt-4, .py-4 { padding-top: 1.5rem !important }
.pr-4, .px-4 { padding-right: 1.5rem !important }
.pb-4, .py-4 { padding-bottom: 1.5rem !important }
.pl-4, .px-4 { padding-left: 1.5rem !important }
.p-5 { padding: 3rem !important }
.pt-5, .py-5 { padding-top: 3rem !important }
.pr-5, .px-5 { padding-right: 3rem !important }
.pb-5, .py-5 { padding-bottom: 3rem !important }
.pl-5, .px-5 { padding-left: 3rem !important }
.m-auto { margin: auto !important }
.mt-auto, .my-auto { margin-top: auto !important }
.mr-auto, .mx-auto { margin-right: auto !important }
.mb-auto, .my-auto { margin-bottom: auto !important }
.ml-auto, .mx-auto { margin-left: auto !important }

@media (min-width:576px) {
    .m-sm-0 { margin: 0 !important }
    .mt-sm-0, .my-sm-0 { margin-top: 0 !important }
    .mr-sm-0, .mx-sm-0 { margin-right: 0 !important }
    .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important }
    .ml-sm-0, .mx-sm-0 { margin-left: 0 !important }
    .m-sm-1 { margin: .25rem !important }
    .mt-sm-1, .my-sm-1 { margin-top: .25rem !important }
    .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important }
    .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important }
    .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important }
    .m-sm-2 { margin: .5rem !important }
    .mt-sm-2, .my-sm-2 { margin-top: .5rem !important }
    .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important }
    .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important }
    .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important }
    .m-sm-3 { margin: 1rem !important }
    .mt-sm-3, .my-sm-3 { margin-top: 1rem !important }
    .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important }
    .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important }
    .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important }
    .m-sm-4 { margin: 1.5rem !important }
    .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important }
    .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important }
    .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important }
    .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important }
    .m-sm-5 { margin: 3rem !important }
    .mt-sm-5, .my-sm-5 { margin-top: 3rem !important }
    .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important }
    .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important }
    .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important }
    .p-sm-0 { padding: 0 !important }
    .pt-sm-0, .py-sm-0 { padding-top: 0 !important }
    .pr-sm-0, .px-sm-0 { padding-right: 0 !important }
    .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important }
    .pl-sm-0, .px-sm-0 { padding-left: 0 !important }
    .p-sm-1 { padding: .25rem !important }
    .pt-sm-1, .py-sm-1 { padding-top: .25rem !important }
    .pr-sm-1, .px-sm-1 { padding-right: .25rem !important }
    .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important }
    .pl-sm-1, .px-sm-1 { padding-left: .25rem !important }
    .p-sm-2 { padding: .5rem !important }
    .pt-sm-2, .py-sm-2 { padding-top: .5rem !important }
    .pr-sm-2, .px-sm-2 { padding-right: .5rem !important }
    .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important }
    .pl-sm-2, .px-sm-2 { padding-left: .5rem !important }
    .p-sm-3 { padding: 1rem !important }
    .pt-sm-3, .py-sm-3 { padding-top: 1rem !important }
    .pr-sm-3, .px-sm-3 { padding-right: 1rem !important }
    .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important }
    .pl-sm-3, .px-sm-3 { padding-left: 1rem !important }
    .p-sm-4 { padding: 1.5rem !important }
    .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important }
    .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important }
    .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important }
    .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important }
    .p-sm-5 { padding: 3rem !important }
    .pt-sm-5, .py-sm-5 { padding-top: 3rem !important }
    .pr-sm-5, .px-sm-5 { padding-right: 3rem !important }
    .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important }
    .pl-sm-5, .px-sm-5 { padding-left: 3rem !important }
    .m-sm-auto { margin: auto !important }
    .mt-sm-auto, .my-sm-auto { margin-top: auto !important }
    .mr-sm-auto, .mx-sm-auto { margin-right: auto !important }
    .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important }
    .ml-sm-auto, .mx-sm-auto { margin-left: auto !important }
}

@media (min-width:768px) {
    .m-md-0 { margin: 0 !important }
    .mt-md-0, .my-md-0 { margin-top: 0 !important }
    .mr-md-0, .mx-md-0 { margin-right: 0 !important }
    .mb-md-0, .my-md-0 { margin-bottom: 0 !important }
    .ml-md-0, .mx-md-0 { margin-left: 0 !important }
    .m-md-1 { margin: .25rem !important }
    .mt-md-1, .my-md-1 { margin-top: .25rem !important }
    .mr-md-1, .mx-md-1 { margin-right: .25rem !important }
    .mb-md-1, .my-md-1 { margin-bottom: .25rem !important }
    .ml-md-1, .mx-md-1 { margin-left: .25rem !important }
    .m-md-2 { margin: .5rem !important }
    .mt-md-2, .my-md-2 { margin-top: .5rem !important }
    .mr-md-2, .mx-md-2 { margin-right: .5rem !important }
    .mb-md-2, .my-md-2 { margin-bottom: .5rem !important }
    .ml-md-2, .mx-md-2 { margin-left: .5rem !important }
    .m-md-3 { margin: 1rem !important }
    .mt-md-3, .my-md-3 { margin-top: 1rem !important }
    .mr-md-3, .mx-md-3 { margin-right: 1rem !important }
    .mb-md-3, .my-md-3 { margin-bottom: 1rem !important }
    .ml-md-3, .mx-md-3 { margin-left: 1rem !important }
    .m-md-4 { margin: 1.5rem !important }
    .mt-md-4, .my-md-4 { margin-top: 1.5rem !important }
    .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important }
    .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important }
    .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important }
    .m-md-5 { margin: 3rem !important }
    .mt-md-5, .my-md-5 { margin-top: 3rem !important }
    .mr-md-5, .mx-md-5 { margin-right: 3rem !important }
    .mb-md-5, .my-md-5 { margin-bottom: 3rem !important }
    .ml-md-5, .mx-md-5 { margin-left: 3rem !important }
    .p-md-0 { padding: 0 !important }
    .pt-md-0, .py-md-0 { padding-top: 0 !important }
    .pr-md-0, .px-md-0 { padding-right: 0 !important }
    .pb-md-0, .py-md-0 { padding-bottom: 0 !important }
    .pl-md-0, .px-md-0 { padding-left: 0 !important }
    .p-md-1 { padding: .25rem !important }
    .pt-md-1, .py-md-1 { padding-top: .25rem !important }
    .pr-md-1, .px-md-1 { padding-right: .25rem !important }
    .pb-md-1, .py-md-1 { padding-bottom: .25rem !important }
    .pl-md-1, .px-md-1 { padding-left: .25rem !important }
    .p-md-2 { padding: .5rem !important }
    .pt-md-2, .py-md-2 { padding-top: .5rem !important }
    .pr-md-2, .px-md-2 { padding-right: .5rem !important }
    .pb-md-2, .py-md-2 { padding-bottom: .5rem !important }
    .pl-md-2, .px-md-2 { padding-left: .5rem !important }
    .p-md-3 { padding: 1rem !important }
    .pt-md-3, .py-md-3 { padding-top: 1rem !important }
    .pr-md-3, .px-md-3 { padding-right: 1rem !important }
    .pb-md-3, .py-md-3 { padding-bottom: 1rem !important }
    .pl-md-3, .px-md-3 { padding-left: 1rem !important }
    .p-md-4 { padding: 1.5rem !important }
    .pt-md-4, .py-md-4 { padding-top: 1.5rem !important }
    .pr-md-4, .px-md-4 { padding-right: 1.5rem !important }
    .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important }
    .pl-md-4, .px-md-4 { padding-left: 1.5rem !important }
    .p-md-5 { padding: 3rem !important }
    .pt-md-5, .py-md-5 { padding-top: 3rem !important }
    .pr-md-5, .px-md-5 { padding-right: 3rem !important }
    .pb-md-5, .py-md-5 { padding-bottom: 3rem !important }
    .pl-md-5, .px-md-5 { padding-left: 3rem !important }
    .m-md-auto { margin: auto !important }
    .mt-md-auto, .my-md-auto { margin-top: auto !important }
    .mr-md-auto, .mx-md-auto { margin-right: auto !important }
    .mb-md-auto, .my-md-auto { margin-bottom: auto !important }
    .ml-md-auto, .mx-md-auto { margin-left: auto !important }
}

@media (min-width:992px) {
    .m-lg-0 { margin: 0 !important }
    .mt-lg-0, .my-lg-0 { margin-top: 0 !important }
    .mr-lg-0, .mx-lg-0 { margin-right: 0 !important }
    .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important }
    .ml-lg-0, .mx-lg-0 { margin-left: 0 !important }
    .m-lg-1 { margin: .25rem !important }
    .mt-lg-1, .my-lg-1 { margin-top: .25rem !important }
    .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important }
    .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important }
    .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important }
    .m-lg-2 { margin: .5rem !important }
    .mt-lg-2, .my-lg-2 { margin-top: .5rem !important }
    .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important }
    .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important }
    .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important }
    .m-lg-3 { margin: 1rem !important }
    .mt-lg-3, .my-lg-3 { margin-top: 1rem !important }
    .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important }
    .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important }
    .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important }
    .m-lg-4 { margin: 1.5rem !important }
    .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important }
    .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important }
    .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important }
    .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important }
    .m-lg-5 { margin: 3rem !important }
    .mt-lg-5, .my-lg-5 { margin-top: 3rem !important }
    .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important }
    .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important }
    .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important }
    .p-lg-0 { padding: 0 !important }
    .pt-lg-0, .py-lg-0 { padding-top: 0 !important }
    .pr-lg-0, .px-lg-0 { padding-right: 0 !important }
    .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important }
    .pl-lg-0, .px-lg-0 { padding-left: 0 !important }
    .p-lg-1 { padding: .25rem !important }
    .pt-lg-1, .py-lg-1 { padding-top: .25rem !important }
    .pr-lg-1, .px-lg-1 { padding-right: .25rem !important }
    .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important }
    .pl-lg-1, .px-lg-1 { padding-left: .25rem !important }
    .p-lg-2 { padding: .5rem !important }
    .pt-lg-2, .py-lg-2 { padding-top: .5rem !important }
    .pr-lg-2, .px-lg-2 { padding-right: .5rem !important }
    .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important }
    .pl-lg-2, .px-lg-2 { padding-left: .5rem !important }
    .p-lg-3 { padding: 1rem !important }
    .pt-lg-3, .py-lg-3 { padding-top: 1rem !important }
    .pr-lg-3, .px-lg-3 { padding-right: 1rem !important }
    .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important }
    .pl-lg-3, .px-lg-3 { padding-left: 1rem !important }
    .p-lg-4 { padding: 1.5rem !important }
    .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important }
    .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important }
    .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important }
    .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important }
    .p-lg-5 { padding: 3rem !important }
    .pt-lg-5, .py-lg-5 { padding-top: 3rem !important }
    .pr-lg-5, .px-lg-5 { padding-right: 3rem !important }
    .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important }
    .pl-lg-5, .px-lg-5 { padding-left: 3rem !important }
    .m-lg-auto { margin: auto !important }
    .mt-lg-auto, .my-lg-auto { margin-top: auto !important }
    .mr-lg-auto, .mx-lg-auto { margin-right: auto !important }
    .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important }
    .ml-lg-auto, .mx-lg-auto { margin-left: auto !important }
}

@media (min-width:1200px) {
    .m-xl-0 { margin: 0 !important }
    .mt-xl-0, .my-xl-0 { margin-top: 0 !important }
    .mr-xl-0, .mx-xl-0 { margin-right: 0 !important }
    .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important }
    .ml-xl-0, .mx-xl-0 { margin-left: 0 !important }
    .m-xl-1 { margin: .25rem !important }
    .mt-xl-1, .my-xl-1 { margin-top: .25rem !important }
    .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important }
    .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important }
    .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important }
    .m-xl-2 { margin: .5rem !important }
    .mt-xl-2, .my-xl-2 { margin-top: .5rem !important }
    .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important }
    .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important }
    .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important }
    .m-xl-3 { margin: 1rem !important }
    .mt-xl-3, .my-xl-3 { margin-top: 1rem !important }
    .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important }
    .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important }
    .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important }
    .m-xl-4 { margin: 1.5rem !important }
    .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important }
    .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important }
    .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important }
    .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important }
    .m-xl-5 { margin: 3rem !important }
    .mt-xl-5, .my-xl-5 { margin-top: 3rem !important }
    .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important }
    .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important }
    .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important }
    .p-xl-0 { padding: 0 !important }
    .pt-xl-0, .py-xl-0 { padding-top: 0 !important }
    .pr-xl-0, .px-xl-0 { padding-right: 0 !important }
    .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important }
    .pl-xl-0, .px-xl-0 { padding-left: 0 !important }
    .p-xl-1 { padding: .25rem !important }
    .pt-xl-1, .py-xl-1 { padding-top: .25rem !important }
    .pr-xl-1, .px-xl-1 { padding-right: .25rem !important }
    .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important }
    .pl-xl-1, .px-xl-1 { padding-left: .25rem !important }
    .p-xl-2 { padding: .5rem !important }
    .pt-xl-2, .py-xl-2 { padding-top: .5rem !important }
    .pr-xl-2, .px-xl-2 { padding-right: .5rem !important }
    .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important }
    .pl-xl-2, .px-xl-2 { padding-left: .5rem !important }
    .p-xl-3 { padding: 1rem !important }
    .pt-xl-3, .py-xl-3 { padding-top: 1rem !important }
    .pr-xl-3, .px-xl-3 { padding-right: 1rem !important }
    .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important }
    .pl-xl-3, .px-xl-3 { padding-left: 1rem !important }
    .p-xl-4 { padding: 1.5rem !important }
    .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important }
    .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important }
    .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important }
    .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important }
    .p-xl-5 { padding: 3rem !important }
    .pt-xl-5, .py-xl-5 { padding-top: 3rem !important }
    .pr-xl-5, .px-xl-5 { padding-right: 3rem !important }
    .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important }
    .pl-xl-5, .px-xl-5 { padding-left: 3rem !important }
    .m-xl-auto { margin: auto !important }
    .mt-xl-auto, .my-xl-auto { margin-top: auto !important }
    .mr-xl-auto, .mx-xl-auto { margin-right: auto !important }
    .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important }
    .ml-xl-auto, .mx-xl-auto { margin-left: auto !important }
}

.text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace }
.text-justify { text-align: justify !important }
.text-nowrap { white-space: nowrap !important }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-left { text-align: left !important }
.text-right { text-align: right !important }
.text-center { text-align: center !important }

@media (min-width:576px) {
    .text-sm-left { text-align: left !important }
    .text-sm-right { text-align: right !important }
    .text-sm-center { text-align: center !important }
}

@media (min-width:768px) {
    .text-md-left { text-align: left !important }
    .text-md-right { text-align: right !important }
    .text-md-center { text-align: center !important }
}

@media (min-width:992px) {
    .text-lg-left { text-align: left !important }
    .text-lg-right { text-align: right !important }
    .text-lg-center { text-align: center !important }
}

@media (min-width:1200px) {
    .text-xl-left { text-align: left !important }
    .text-xl-right { text-align: right !important }
    .text-xl-center { text-align: center !important }
}

.text-lowercase { text-transform: lowercase !important }
.text-uppercase { text-transform: uppercase !important }
.text-capitalize { text-transform: capitalize !important }
.font-weight-light { font-weight: 300 !important }
.font-weight-normal { font-weight: 400 !important }
.font-weight-bold { font-weight: 700 !important }
.font-italic { font-style: italic !important }
.text-white { color: #fff !important }
.text-primary { color: #007bff !important }
a.text-primary:focus, a.text-primary:hover { color: #0062cc !important }
.text-secondary { color: #6c757d !important }
a.text-secondary:focus, a.text-secondary:hover { color: #545b62 !important }
.text-success { color: #28a745 !important }
a.text-success:focus, a.text-success:hover { color: #1e7e34 !important }
.text-info { color: #17a2b8 !important }
a.text-info:focus, a.text-info:hover { color: #117a8b !important }
.text-warning { color: #ffc107 !important }
a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important }
.text-danger { color: #dc3545 !important }
a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important }
.text-light { color: #f8f9fa !important }
a.text-light:focus, a.text-light:hover { color: #dae0e5 !important }
.text-dark { color: #343a40 !important }
a.text-dark:focus, a.text-dark:hover { color: #1d2124 !important }
.text-body { color: #212529 !important }
.text-muted { color: #6c757d !important }
.text-black-50 { color: rgba(0,0,0,.5) !important }
.text-white-50 { color: rgba(255,255,255,.5) !important }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.visible { visibility: visible !important }
.invisible { visibility: hidden !important }

@media print {
    *, ::after, ::before { text-shadow: none !important; box-shadow: none !important }
    a:not(.btn) { text-decoration: underline }
    abbr[title]::after { content: " (" attr(title) ")" }
    pre { white-space: pre-wrap !important }
    blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid }
    thead { display: table-header-group }
    img, tr { page-break-inside: avoid }
    h2, h3, p { orphans: 3; widows: 3 }
    h2, h3 { page-break-after: avoid }
    @page { size: a3 }
    body { min-width: 992px !important }
    .container { min-width: 992px !important }
    .navbar { display: none }
    .badge { border: 1px solid #000 }
    .table { border-collapse: collapse !important }
        .table td, .table th { background-color: #fff !important }
    .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important }
    .table-dark { color: inherit }
        .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6 }
    .table .thead-dark th { color: inherit; border-color: #dee2e6 }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/* FILE UNITO style.css */
/*-----------------------------------------------------------------------------------
    
    Template Name: Devita - eCommerce Bootstrap4 Template
    Version: 3
    
-----------------------------------------------------------------------------------
    
    [Table of contents] 
	
    1. Template default css
    2. Index page style
    3. Home electronics 2
    4. Home electronics 3
    5. Home electronics 4
    6. Home medical
    7. Home book
    8. Home book 2
    9. Home coffee
    10. Home sunglass
    11. Home watch
    12. Home construction
    13. Home jewelry
    14. Home cycle
    15. Home sports
    16. Home fashion
    17. Home game
    18. Shop page
    19. Product details
    20. Cart page
    21. Login register page
    22. Checkout page
    23. My account
    24. Contact page
    25. Blog page
    26. Blog leftsidebar
    27. Blog details
    28. About us
    29. Home auto parts
    30. Home organic
    31. Home petmarket
    32. Home furniture
    33. Home Cosmetic
    34. Home toy
    35. Home housewares
    36. Home underwear
    37. Home shoe
    
    
    
-----------------------------------------------------------------------------------*/


/*-----------------------------
    1. Template default css
-------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Arvo:400,700|Rubik:300,400,500,700|Prata:400|Teko:300,400,500,600,700');*/

body { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #454545; }
.img { max-width: 100%; transition: all 0.3s ease-out 0s; }
a,
.btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.btn { border-radius: 0px; font-size: 14px; padding: 0px 15px; height: 30px; line-height: 30px; }
    .btn:hover { cursor: pointer; }
    a:focus,
    .btn:focus { text-decoration: none; outline: none; }
a:hover { color: #333; text-decoration: none; }
a:focus { text-decoration: none; }
button:focus { outline: 0px dotted; }
a,
button,
input { outline: medium none; color: #454545; }
.uppercase { text-transform: uppercase }
.capitalize { text-transform: capitalize }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto Condensed', sans-serif; font-weight: normal; color: #242424; margin-top: 0px; font-style: normal; font-weight: 400; }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a { color: #242424; text-transform:uppercase; }
h1 { font-size: 46px; font-weight: 500; }
h2 { font-size: 37px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul { margin: 0px; padding: 0px; }
p { font-size: 14px; font-weight: 400; line-height: 24px; color: #242424; margin-bottom: 15px; font-family: 'Roboto', sans-serif; }
hr { margin: 60px 0; padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px; }
    hr.style-2 { border-bottom: 1px dashed #f10; }
    hr.mp-0 { margin: 0; border-bottom: 1px solid #eceff8; }
    hr.mtb-40 { margin: 40px 0; border-bottom: 1px solid #eceff8; border-top: 0px; }
label { font-size: 15px; font-weight: 400; color: #242424; }
*::-moz-selection { background: #4fc1f0; color: #fff; text-shadow: none; }
::-moz-selection { background: #4fc1f0; color: #fff; text-shadow: none; }
::selection { background: #4fc1f0; color: #fff; text-shadow: none; }
.mark,
mark { background: #4fc1f0 none repeat scroll 0 0; color: #ffffff; }
span.tooltip-content { color: #00a9da; cursor: help; font-weight: 600; }
.f-left { float: left }
.f-right { float: right }
.fix { overflow: hidden }


/***************************
    transtion
****************************/

a.button::after,
a.button-small::after { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.share ul,
.share:hover ul { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
a.button-border span,
a.button-border-white span,
input,
select,
textarea { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }


/*************************
    Input
*************************/

input { background: #eceff8; border: 2px solid #eceff8; height: 45px; box-shadow: none; padding-left: 10px; font-size: 14px; color: #626262; width: 100%; }
select { width: 100%; background: transparent; border: 0px solid #eceff8; box-shadow: none; font-size: 14px; color: #626262; }
option { background: #fff; border: 0px solid #626262; padding-left: 10px; font-size: 14px; }

input:focus { background: transparent; border: 2px solid #4FC1F0; }
textarea { resize: vertical; background: #eceff8; border: 2px solid #eceff8; padding: 10px; width: 100%; font-size: 14px; }
    textarea:focus { background: transparent; border: 2px solid #4FC1F0; outline: none; }
.input-group.divcenter.input-group .form-control { padding-left: 0px }


/*************************
  Basic margin padding
*************************/

.m-0 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.p-0 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }


/*************************
    Margin top
*************************/

.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-37 { margin-top: 37px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-84 { margin-top: 84px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-160 { margin-top: 160px }
.mt-179 { margin-top: 179px }
.mt-150 { margin-top: 150px }
.mt-200 { margin-top: 200px }
.mt-290 { margin-top: 290px }
.mt-285 { margin-top: 285px }
.mt-280 { margin-top: 280px }


/*************************
    Margin right
*************************/

.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-35 { margin-right: 35px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
.mr-170 { margin-right: 170px }


/*************************
    Margin bottom
*************************/

.mb-0 { margin-bottom: 0 }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px }
.mb-12 { margin-bottom: 12px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }

/*************************
    Margin left
*************************/

.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-12 { margin-left: 12px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-125 { margin-left: 125px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
.ml-285 { margin-left: 285px }


/*************************
    Padding top
*************************/

.pt-0 { padding-top: 0 }
.pt-4 { padding-top: 4px }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-37 { padding-top: 37px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-95 { padding-top: 95px }
.pt-90 { padding-top: 90px }
.pt-97 { padding-top: 97px }
.pt-100 { padding-top: 100px }
.pt-95 { padding-top: 95px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-155 { padding-top: 155px }
.pt-160 { padding-top: 160px }
.pt-169 { padding-top: 169px }
.pt-165 { padding-top: 165px }
.pt-172 { padding-top: 172px }
.pt-175 { padding-top: 175px }
.pt-180 { padding-top: 180px }
.pt-190 { padding-top: 190px }
.pt-205 { padding-top: 205px }
.pt-200 { padding-top: 200px }
.pt-210 { padding-top: 210px }
.pt-220 { padding-top: 220px }
.pt-250 { padding-top: 250px }
.pt-290 { padding-top: 290px }
.pt-285 { padding-top: 285px }
.pt-280 { padding-top: 280px }
.pt-330 { padding-top: 330px }
.pt-345 { padding-top: 345px }
.pt-350 { padding-top: 350px }
.pt-335 { padding-top: 335px }
.pt-365 { padding-top: 365px }
.pt-355 { padding-top: 355px }
.pt-370 { padding-top: 370px }
.pt-380 { padding-top: 380px }


/*************************
    Padding right
*************************/

.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-25 { padding-right: 25px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-55 { padding-right: 55px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
.pr-155 { padding-right: 155px }
.pr-155 { padding-right: 155px }
.pr-180 { padding-right: 180px }
.pr-195 { padding-right: 195px }
.pr-215 { padding-right: 215px }

/*************************
    Padding bottom
*************************/

.pb-0 { padding-bottom: 0 }
.pb-5 { padding-bottom: 5px }
.pb-6 { padding-bottom: 6px }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-13 { padding-bottom: 13px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-38 { padding-bottom: 38px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-72 { padding-bottom: 72px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-95 { padding-bottom: 95px }
.pb-97 { padding-bottom: 97px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-107 { padding-bottom: 107px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-160 { padding-bottom: 160px }
.pb-169 { padding-bottom: 169px }
.pb-178 { padding-bottom: 178px }
.pb-170 { padding-bottom: 170px }
.pb-172 { padding-bottom: 172px }
.pb-180 { padding-bottom: 180px }
.pb-190 { padding-bottom: 190px }
.pb-200 { padding-bottom: 200px }
.pb-210 { padding-bottom: 210px }
.pb-230 { padding-bottom: 230px }
.pb-212 { padding-bottom: 212px }
.pb-250 { padding-bottom: 250px }
.pb-280 { padding-bottom: 280px }
.pb-210 { padding-bottom: 210px }
.pb-285 { padding-bottom: 285px }
.pb-290 { padding-bottom: 290px }
.pb-280 { padding-bottom: 280px }
.pb-285 { padding-bottom: 285px }
.pb-200 { padding-bottom: 200px }
.pb-215 { padding-bottom: 215px }
.pb-295 { padding-bottom: 295px }
.pb-440 { padding-bottom: 440px }
.pb-450 { padding-bottom: 450px }

/*************************
    Padding left
*************************/

.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-25 { padding-left: 25px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-45 { padding-left: 45px }
.pl-50 { padding-left: 50px }
.pl-55 { padding-left: 55px }
.pl-60 { padding-left: 60px }
.pl-65 { padding-left: 65px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-125 { padding-left: 125px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-140 { padding-left: 140px }
.pl-170 { padding-left: 170px }
.pl-155 { padding-left: 155px }
.pl-190 { padding-left: 190px }
.pl-195 { padding-left: 195px }
.pl-200 { padding-left: 200px }


/***************************
    Page section padding 
****************************/

.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-32 { padding: 32px 0 }
.ptb-37 { padding: 37px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-75 { padding: 75px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-135 { padding: 135px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-177 { padding: 177px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }
.ptb-210 { padding: 210px 0 }
.ptb-220 { padding: 220px 0 }
.ptb-250 { padding: 250px 0 }
.ptb-290 { padding: 290px 0 }
.ptb-310 { padding: 310px 0 }


/***************************
    Page section margin 
****************************/

.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-290 { margin: 290px 0; }


/*************************************
    Background variation set 
 **************************************/

/*colored background*/
.white-bg { background: #fff; }
.black-bg { background: #282829 }
.black-bg-2 { background: #242426 }
.black-bg-3 { background: #242424 }
.black-bg-4 { background: #212121 }
.black-bg-5 { background: #0c0c0c }
.black-bg-6 { background: #152129 }
.black-bg-7 { background: #1d2b35 }
.black-bg-8 { background: #152129 }
.black-bg-9 { background: #222222 }
.black-bg-10 { background: #111111 }
.theme-bg { background: #0363cd; }
.theme-bg-2 { background: #0aa493; }
.theme-bg-3 { background: #df2121; }
.theme-bg-4 { background: #62ab00; }
.theme-bg-5 { background: #873964; }
.theme-bg-6 { background: #624455; }
.gray-bg { background: #f8f9f9; }
.gray-bg-2 { background: #f5f6fa; }
.gray-bg-3 { background: #f6f7f7; }
.gray-bg-4 { background: #f4f4f4; }
.gray-bg-5 { background: #f1f1f1; }
.gray-bg-6 { background: #f3f3f3; }
.gray-bg-7 { background: #f9f9f9; }
.gray-bg-8 { background: #f0f0f0; }
.blue-bg { background: #4FC1F0; }
.default-bg { background: #50C1F0; }
.pink-bg { background: #ffe8e8; }
.pink-bg-2 { background: #ee3875; }
.yellow-bg { background: #ffd200; }
.yellow-bg-2 { background: #fcb800; }
.persian-green { background: #008886; }
.transparent-bg { background: transparent; }

/*Opacity background*/
/* black overlay */
[data-overlay] { position: relative; }
    [data-overlay]::before { background: #252525 none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
[data-overlay="3"]::before { opacity: 0.3; }
[data-overlay="4"]::before { opacity: 0.4; }
[data-overlay="5"]::before { opacity: 0.5; }
[data-overlay="56"]::before { opacity: 0.56; }
[data-overlay="6"]::before { opacity: 0.6; }
[data-overlay="7"]::before { opacity: 0.7; }
[data-overlay="8"]::before { opacity: 0.8; }
/*image background*/
.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-6,
.bg-7,
.bg-8,
.bg-9,
.bg-10 { background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
.bg-1 { background: url(../../images/bg/1.jpg); }
.bg-img { background-position: center center; background-size: cover; }
:focus { outline: -webkit-focus-ring-color auto 0px; }
:focus { outline: -mos-focus-ring-color auto 0px; }
:focus { outline: none; }
.header-search div.header-search-form button { outline: medium none; }
.relative { position: relative; }
.overflow { overflow: hidden; }
.border-bottom-1 { border-bottom: 1px solid #1d73d2; }
.border-bottom-2 { border-bottom: 1px solid #ebebeb; }
.border-bottom-3 { border-bottom: 1px solid #2d2d2d; }
.border-bottom-4 { border-bottom: 1px solid #3d3d3f; }
.border-bottom-5 { border-bottom: 1px solid #323232; }
.border-bottom-6 { border-bottom: 1px solid #e54d4d; }
.border-bottom-7 { border-bottom: 1px solid #725766; }
.border-bottom-8 { border-bottom: 1px solid #2d383f; }
.border-top-1 { border-top: 1px solid #d7d7d7; }
.border-top-2 { border-top: 1px solid #ebebeb; }
.border-top-3 { border-top: 1px solid #323232; }
.border-top-4 { border-top: 1px solid #2d2d2d; }
.border-top-5 { border-top: 1px solid #27292a; }
.border-top-6 { border-top: 1px solid #323232; }
.border-top-7 { border-top: 1px solid #e1e1e1; }
.border-top-8 { border-top: 1px solid #141414; }
.border-top-9 { border-top: 1px solid #2d383f; }
.overly-style { position: relative; }
    .overly-style:before { position: relative; }
#mobile-menu-active { display: none; }
/* scrollUp */
#scrollUp { background: #242424 none repeat scroll 0 0; bottom: 85px; color: #ffffff; cursor: pointer; display: none; font-size: 20px; height: 40px; line-height: 40px; position: fixed; right: 12px; text-align: center; width: 38px; z-index: 9999; }
    #scrollUp:hover { background: #5a93d2 none repeat scroll 0 0; }
/* button */
.btn-style { background-color: transparent; border: 2px solid #eeeeee; color: #242424; display: block; font-size: 14px; font-weight: 500; padding: 14px 20px 12px; text-align: center; text-transform: uppercase; transition: all 0.3s ease 0s; }
    .btn-style:hover { background-color: #0363cd; border: 2px solid #0363cd; color: #fff; }
.btn-style-2 { background-color: #0363cd; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: 500; line-height: 1; padding: 17px 37px 18px; text-transform: uppercase; }
    .btn-style-2:hover { background-color: #242424; color: #fff; }
.height-100vh { height: 100vh; }
#mobile-menu-active { display: none; }

/*------------------------
    2. Index page style
--------------------------*/

.notification-padding-1 { padding: 8px 0 12px; }
.notification-img-1 { background-image: url("../../assets/img/bg/bg-1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.notification-wrapper { display: flex; justify-content: space-between; }
.notification-content p { color: #ffffff; font-size: 14px; margin: 0; }
    .notification-content p a { color: #ffdc38; }
    .notification-content p a { border-bottom: 1px solid #ffdc38; color: #ffdc38; }
        .notification-content p a:hover { border-bottom: 1px solid #0363cd; color: #0363cd; }
.notification-icon button { background: transparent none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; font-size: 14px; line-height: 1; padding: 6px 0 0 5px; transition: all .3s ease 0s; }
    .notification-icon button:hover { color: #0363cd; }
/* header top */
.header-top-left { display: flex; }
.language-currency { margin-right: 42px; position: relative; }
    .language-currency:last-child { margin-right: 0px; }
    .language-currency::before { background-color: #297ad4; content: ""; height: 16px; position: absolute; right: -21px; top: 3px; width: 1px; }
    .language-currency:last-child::before { display: none; }
    .language-currency.lang-curr-mrg { line-height: 1; margin-top: 4px; }
    .language-currency span { color: #fff; display: inline-block; float: left; font-size: 12px; margin-right: 9px; }
.lang-curr-dropdown { display: inline-block; float: left; }
    .lang-curr-dropdown ul li { list-style: outside none none; position: relative; }
        .lang-curr-dropdown ul li a { color: #fff; font-size: 12px; }
            .lang-curr-dropdown ul li a:hover,
            .header-top-right ul li a:hover { color: #ddd; }
            .lang-curr-dropdown ul li a i { font-size: 10px; margin-left: 5px; }
        .lang-curr-dropdown ul li ul { background: #fff none repeat scroll 0 0; border: medium none; border-radius: 2px; box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15); display: none; left: 0; padding: 15px 14px; position: absolute; width: 100px; z-index: 99; top: 150%; }
            .lang-curr-dropdown ul li ul li { padding-bottom: 6px; }
.lang-curr-mrg .lang-curr-dropdown ul li ul li { padding-bottom: 7px; }
    .lang-curr-dropdown ul li ul li:last-child,
    .lang-curr-mrg .lang-curr-dropdown ul li ul li:last-child { padding-bottom: 0px; }
.lang-curr-dropdown ul li ul li > a { color: #454545; text-transform: capitalize; display: block; }
    .lang-curr-dropdown ul li ul li > a:hover { color: #0363cd; padding-left: 5px; }
/* header middle */
.logo.logo-mrg { margin-top: 4px; }
.header-contact { margin-top: 8px; }
.header-search { margin-top: 3px; }
.header-contact-icon { display: inline-block; float: left; margin-right: 14px; }
    .header-contact-icon i { color: #fff; font-size: 35px; }
.header-contact-content { display: inline-block; float: left; overflow: hidden; }
    .header-contact-content > p { color: #ffffff; line-height: 18px; margin: 0; }
.middle-same { display: inline-block; float: left; margin-left: 45px; }
    .middle-same:first-child,
    /*.header-top-right ul li:first-child { margin-left: 0px; }*/
.header-cart { position: relative; }
button.icon-cart { background-color: transparent; border: 2px solid #1d73d2; cursor: pointer; padding: 4px 5px; position: relative; }
    button.icon-cart i.cart-bag { color: #fff; font-size: 27px; }
    button.icon-cart i.cart-down { color: #76b4fa; font-size: 12px; margin-left: 5px; position: relative; top: -6px; }
    button.icon-cart i.cart-bag { border-right: 1px solid #1d73d2; color: #fff; font-size: 27px; margin-right: 7px; padding-right: 10px; transition: all .3s ease 0s; }
    button.icon-cart span.count-amount { color: #ffffff; font-size: 14px; font-weight: 500; position: relative; top: -6px; transition: all .3s ease 0s; }
    button.icon-cart span.count-style, .add-to-cart-block span.count-style { background-color: #047afe; border-radius: 100%; display: inline-block; font-size: 12px; font-weight: 400; height: 26px; left: -13px; line-height: 26px; position: absolute; top: -13px; width: 26px; color: #fff; text-align: center; }
.header-cart:hover button.icon-cart i.cart-bag,
.header-cart:hover > button.icon-cart span.count-amount { color: #ddd; }
.header-search div.header-search-form { position: relative }
    .header-search div.header-search-form input { background: transparent none repeat scroll 0 0; border: 2px solid #1d73d2; box-shadow: none; color: #76b4fa; font-size: 13px; height: 45px; padding: 0px 45px 0 16px; width: 330px; border-radius: 0 7px 7px 0; }
        .header-search div.header-search-form input#btnRun, .header-search div.header-search-form input#btnRun_mobile {
            width: 30px;
            margin-left: -10px;
            color: #FFF;
            background-color: #047afe;
            cursor: pointer;
        }

        .header-search div.header-search-form input[type="text"]::-moz-placeholder { color: #fff !important; outline: 0 !important; border-width: 0 !important; opacity: 1; }
        .header-search div.header-search-form input[type="text"]::-webkit-input-placeholder { color: #fff !important; outline: 0 !important; border-width: 0 !important; opacity: 1; }
        .header-search div.header-search-form input[type="text"]::-ms-input-placeholder { color: #fff !important; outline: 0 !important; border-width: 0 !important; opacity: 1; }
    .header-search div.header-search-form button { background-color: #047afe; border: medium none; border-radius: 0 5px 5px 0; color: #fff; cursor: pointer; font-size: 20px; height: 100%; padding: 0 14px; position: absolute; right: 0; top: 0; transition: all .3s ease 0s; }
        .header-search div.header-search-form button:hover { background-color: #fff; color: #0363cd; }
.shopping-cart-content { background: #fff none repeat scroll 0 0; border: 1px solid #ebebeb; border-radius: 5px; display: none; padding: 31px 35px 10px; position: absolute; right: 0; top: 100%; width: 340px; z-index: 9999; }
    .shopping-cart-content::after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0; position: absolute; right: 35px; top: -8px; width: 0; }
    .shopping-cart-content ul li { border-bottom: 1px solid #ebebeb; display: flex; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 15px; }
.shopping-cart-img { flex: 0 0 82px; margin-right: 15px; }
.shopping-cart-title > h4 { color: #242424; font-size: 14px; line-height: 18px; margin: 0; }
    .shopping-cart-title > h4 a { color: #242424; display: block; }
        .shopping-cart-title > h4 a:hover { color: #0363cd; }
.shopping-cart-title > h6 { color: #555; font-size: 13px; margin: 5px 0 10px; }
.shopping-cart-title > span { color: #555; font-size: 14px; }
.shopping-cart-delete { display: flex; flex-grow: 100; justify-content: flex-end; }
    .shopping-cart-delete > a { border: 2px solid #999; border-radius: 50px; color: #666; display: inline-block; font-size: 12px; height: 20px; line-height: 15px; margin-top: 2px; text-align: center; width: 20px; }
        .shopping-cart-delete > a:hover { border: 2px solid #0363cd; color: #0363cd; }
.shopping-cart-total { margin: 25px 0 0; }
    .shopping-cart-total > h4 { font-size: 14px; margin-bottom: 17px; }
        .shopping-cart-total > h4:last-child { margin-bottom: 0px; }
        .shopping-cart-total > h4 span { float: right; color: #242424; }
            .shopping-cart-total > h4 span.shop-total { color: #0363cd; font-weight: 500; }
.shopping-cart-btn { margin-top: 23px; }
    .shopping-cart-btn a { margin-bottom: 15px; }
.header-top-right { float: right; }
    .header-top-right ul li { display: inline-block; float: left; list-style: outside none none; margin: 0 10px; }
        .header-top-right ul li a { color: #ffffff; font-size: 12px; }
/* header middle */
.main-menu ul li { display: inline-block; list-style: outside none none; margin-right: 20px; position: relative; }
    .main-menu ul li a { color: #ffffff; display: inline-block; font-weight: 500; line-height: 55px; text-transform: uppercase; font-size:16px }
.main-menu.elec-menu nav > ul > li:hover > a { color: #ddd; }
.main-menu ul li a i { color: #76b4fa; font-size: 12px; margin-left: 6px; }
.main-menu nav > ul > li > ul.submenu { background: #fff none repeat scroll 0 0; border-top: 1px solid #dcdcdc; box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15); display: block; left: 0; padding: 20px 20px 24px; position: absolute; top: 100%; transition: all 0.5s ease 0s; visibility: hidden; width: 1120px; z-index: 999; transform: rotateX(90deg); transform-origin: center top 0; }
.header-bottom { position: relative; }
.main-menu nav > ul > li > ul.mega-menu { background-color: rgba(255, 255, 255, 0.97); border-top: 1px solid #dcdcdc; display: block; left: 0; padding: 33px 0px 62px 0; position: absolute; text-align: left; top: 100%; transform: rotateX(90deg); transform-origin: center top 0; transition: all 0.5s ease 0s; visibility: hidden; width: 100%; z-index: 999; }
.main-menu nav > ul > li:hover > ul.submenu,
.main-menu nav > ul > li:hover > ul.mega-menu { transform: rotateX(0deg); visibility: visible; }
.main-menu ul li ul li { margin-right: 0; display: block; }
.main-menu ul li ul.submenu li { margin-right: 0; display: inline-block; width: 266px; padding-right: 10px }
    .main-menu ul li ul li a,
    .sidebar-menu ul li ul li a,
    .category-menu ul li ul li a { color: #555; font-weight: 400; line-height: 28px; text-transform: capitalize; display: block; text-align: left; }
        .main-menu ul li ul li a:hover { color: #0363cd; padding-left: 10px; }

.main-menu ul li.mega-menu-position { position: static; }
.main-menu nav > ul > li > ul.mega-menu > li { width: 1170px; margin: 0 auto; }

.main-menu ul li ul > li.mega-menu-title,
.main-menu ul li ul > li.mega-menu-title a,
.sidebar-menu ul li ul > li.mega-menu-title,
.category-menu ul li ul > li.category-mega-menu-title { color: #242424; font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li { border-right: 1px solid #ebebeb; display: inline-block; float: left; margin-right: 16px; width: 30%; /*NUMERO DI COLONNE 30% = 3 */ }
    .main-menu nav > ul > li > ul.mega-menu > li > ul > li:last-child { border-right: none; }
    .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a,
    .sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a { display: inline-block; position: relative; }
.main-menu.elec-menu nav > ul > li > ul.mega-menu > li > ul > li > ul > li:hover > a { color: #0363cd; }

.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span,
.sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span { border-radius: 3px; color: #fff; font-size: 13px; line-height: 1; padding: 2px 5px 3px; position: absolute; right: -40px; top: 7px; }
.header-bottom-autoparts .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span { padding: 3px 5px 2px; font-size: 14px; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.blue { background-color: #0363cd; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.red { background-color: #df2121; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.coffee { background-color: #a16c21; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.yellowgreen { background-color: #9bb70d; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.red-2 { background-color: #cc2121; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.green { background-color: #0aa493; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.orange { background-color: #f2640a; }
.sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.watch { background-color: #a8741a; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.yellow { background-color: #f1ac06; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.goldenbell { background-color: #aa8d74; }

.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.byzantine { background-color: #873964; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.limegreen { background-color: #62ab00; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.red-3 { background-color: #dd1c1c; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.bouquet { background-color: #624455; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.persiangreen { background-color: #fcb800; }
.main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span.pink { background-color: #ee3875; }


/* slider area */
.slider-content h5 { color: #fff; font-size: 18px; margin: 0; }
.slider-content h2 { color: #fff; font-size: 48px; line-height: 48px; margin: 15px 0 22px; letter-spacing: -0.5px; }
.slider-content h3 { color: #fff; font-size: 48px; margin: 0; }
    .slider-content h3 span { font-size: 18px; }
.slider-btn a { background-color: transparent; border: 2px solid #ffffff; border-radius: 5px; color: #fff; display: inline-block; font-weight: 500; padding: 13px 37px; text-transform: uppercase; }
    .slider-btn a:hover { background-color: #0363cd; color: #fff; border: 2px solid #0363cd; }
.slider-btn.slider-btn-3 a:hover { background-color: #fff; color: #0363cd; border: 2px solid #fff; }
.slider-active.owl-carousel .owl-item .slider-img img { width: 100%; }
.owl-dot-style .owl-dot { background: #4b4f53 none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 7px; margin: 0 2px; width: 7px; }
    .owl-dot-style .owl-dot.active { background: #fff none repeat scroll 0 0; height: 10px; position: relative; top: 2px; width: 10px; }
.owl-dot-style .owl-dots { bottom: 40px; left: 0px; position: absolute; right: 0; text-align: center; }




.slider-height-1 { min-height: 537px; }

.slider-height-2 { min-height: 420px; }

.slider-height-3 { min-height: 587px; }
.slider-height-4 { min-height: 614px; }
.slider-height-5 { min-height: 642px; }
.slider-height-6 { min-height: 520px; }
.slider-height-7 { min-height: 755px; }
.slider-height-8 { min-height: 638px; }
.slider-height-9 { min-height: 636px; }
.slider-height-10 { min-height: 765px; }
.slider-height-11 { min-height: 668px; }
.slider-height-12 { min-height: 607px; }
.slider-height-13 { min-height: 904px; }

.slider-height-14 { min-height: 515px; }

.slider-height-15 { min-height: 913px; }
.slider-height-16 { min-height: 641px; }
.slider-height-17 { min-height: 473px; }

.slider-height-18 { min-height: 537px; }
.slider-height-19 { min-height: 754px; }
.slider-height-20 { min-height: 425px; }

.slider-height-21 { min-height: 672px; }

.slider-height-22 { min-height: 459px; }
.slider-height-23 { min-height: 585px; }

.slider-height-24 { min-height: 422px; }

.slider-height-25 { min-height: 496px; }













/* Default Slider Animations */
.owl-item .slider-content * { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-item.active .slider-content * { }
.owl-item.active .slider-animated-1 h5 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-1 h2 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-1 h4 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-1 p { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-1 h3 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-1 a { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.owl-item.active .slider-animated-2 h5 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.owl-item.active .slider-animated-2 h2 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.owl-item.active .slider-animated-2 .slider-single-img img { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.owl-item.active .slider-animated-3 h2 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.owl-item.active .slider-animated-3 h4 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.owl-item.active .slider-animated-3 a { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.owl-item.active .slider-animated-1 .slider-single-img-1 img,
.owl-item.active .slider-animated-1 .slider-single-img-2 img,
.owl-item.active .slider-animated-1 .slider-single-img-3 img { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
/* banner area */
.banner-img img { width: 100%; }
.banner-negative-mrg-2 { margin-top: -1px; }
.banner-hover { position: relative; }
    .banner-hover::before,
    .banner-hover::after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; z-index: 1; }
    .banner-hover:hover::after { background-color: rgba(255, 255, 255, 0.3); bottom: 50%; top: 50%; }
    .banner-hover:hover::before { background-color: rgba(255, 255, 255, 0.3); left: 50%; right: 50%; }
/* product area */
.custom-row { display: flex; flex-wrap: wrap; }
.custom-col-5 { flex: 0 0 20%; max-width: 20%; }
.custom-col-4 { flex: 0 0 25%; max-width: 25%; }
.custom-col-3 { flex: 0 0 33.333%; max-width: 33.333%; }
.custom-col-2 { flex: 0 0 50%; max-width: 50%; }
.tab-content.jump > .tab-pane { display: block; height: 0; opacity: 0; overflow: hidden; }
    .tab-content.jump > .tab-pane.active { display: block; height: auto; opacity: 1; overflow: visible; }
.product-tab-list,
.product-tab-list-3 { display: flex; justify-content: center; position: relative; }
.product-tab-list-3 { z-index: 99; }
.product-tab-list::before,
.product-tab-list::after { background-color: #eee; content: ""; height: 1px; position: absolute; top: 25px; transition: all 0.4s ease 0s; width: 300px; }
.product-tab-list::before { left: 0px; }
.product-tab-list::after { right: 0px; }
.product-tab-list > a { margin: 0 5px; }
    .product-tab-list > a h4 { border: 2px solid #eee; display: inline-block; font-size: 18px; font-weight: 500; padding: 13px 32px 12px; transition: all .3s ease 0s; }
    .product-tab-list > a.active h4 { border: 2px solid #0363cd; color: #0363cd; }
.product-action-wrapper-2 > p { color: #242424; font-size: 12px; line-height: 18px; margin: 12px 0 15px; }
.devita-product-2 {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    position: relative;
    text-align: left; /*transition: all 0.2s ease-out 0s;*/
    min-height: 280px !important;
    word-wrap: break-word;
    z-index: 1;
    margin: 15px 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    z-index: 3;
}
    .devita-product-2:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); z-index: 3; }
    /*.devita-product-2.mrg-inherit { margin: 0; }
    .devita-product-2 .list-col .gridview { display: block; margin: 0; padding: 0px 5px 30px; position: relative; text-align: center; transition: all 0.3s ease-out 0s; }
    .devita-product-2:hover .list-col .gridview { margin-bottom: -166px; }
    .devita-product-2 .product-action-wrapper-2 { margin: -181px -15px -15px; opacity: 0; padding: 26px 23px 0; transition: all 0.3s ease-out 0s; }
    .devita-product-2:hover .product-action-wrapper-2 { margin: -15px; opacity: 1; }*/
    .devita-product-2.mb-30 { margin-bottom: 28px; }
.product-slider-nav.nav-style,
.product-slider-nav-2.nav-style { float: right; margin-top: -42px; position: relative; z-index: 99; margin-bottom: 0; }
    .product-slider-nav.nav-style div,
    .product-slider-nav-2.nav-style div { background-color: #efefef; border-radius: 3px; color: #242424; display: inline-block; font-size: 16px; height: 35px; line-height: 35px; opacity: 1; text-align: center; transition: all 0.3s ease 0s; width: 35px; cursor: pointer; position: absolute; right: 0; top: 0; }
.nav-style.nav-center.nav-style-sunglass.owl-carousel .owl-nav div,
.nav-style.nav-center.nav-style-watch.owl-carousel .owl-nav div { right: 0; bottom: 150px; transform: translateY(0); top: auto; }
.nav-style.nav-center.nav-style-sunglass-2.owl-carousel .owl-nav div { right: 0; bottom: 338px; transform: translateY(0); top: auto; }
.product-slider-nav.nav-style div:hover,
.product-slider-nav-2.nav-style div:hover { background-color: #0363cd; color: #fff; }
.product-slider-nav-2.nav-style.nav-style-game div { background-color: #1c1c1c; color: #ccc; }
    .product-slider-nav-2.nav-style.nav-style-game div:hover { background-color: #df2121; color: #fff; }
.product-slider-nav.nav-style div.owl-prev,
.product-slider-nav-2.nav-style div.owl-prev { margin-right: 40px; }
.height-empty { height: 1px; }
.product-slider { width: auto; z-index: 0; overflow: hidden; }
    .product-slider:hover { z-index: 2; overflow: visible; }
    .product-slider .owl-stage-outer { /*margin-top: -160px;*/ padding: 0px 0 160px; transform: translateY(160px); }
.devita-product-2.mb-45 { margin-bottom: 45px; }
.devita-product-2 .product-img { padding: 10px 10px 0; position: relative; }
.product-img img { width: 100%; }
.product-content { padding: 3px 18px 0; }
.mrg-inherit .product-content { padding: 3px 20px 0; }
.product-img > span { background-color: #0363cd; border-radius: 3px; color: #fff; left: 15px; line-height: 1; padding: 6px 14px 5px; position: absolute; top: 15px; z-index: 99; }
.product-content > span { color: #555; font-size: 13px; }
.product-content > h4 { font-size: 14px; line-height: 18px; margin: 0px; min-height:40px }
    .product-content > h4 a:hover { color: #0363cd; }
.product-price-wrapper > span { margin: 0 2px; font-size:18px; font-weight:bold }
    .product-price-wrapper > span.product-price-old { text-decoration: line-through; }
.product-rating i { color: #b2b2b2; font-size: 17px; }
    .product-rating i.theme-star { color: #0363cd; }
.product-action-wrapper > p { color: #242424; font-size: 12px; line-height: 18px; margin: 9px 0 17px; }
.product-action { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px; }
    .product-action > a { margin: 0 3px; }
        .product-action > a i { text-align: center; }
        .product-action > a.same-action { background-color: #eef0f1; border-radius: 3px; color: #242424; font-size: 16px; height: 35px; line-height: 35px; text-align: center; width: 35px;   }
        .product-action > a.action-cart {
            background-color: #4f83bd;
            border-radius: 3px;
            color: #242424;
            display: inline-block;
            font-size: 12px;
            font-weight: 500;
            padding: 9px 20px 8px;
            text-transform: uppercase;
            color: white;
        }
            .product-action > a.same-action:hover,
            .product-action > a.action-cart:hover { background-color: #0363cd; color: #fff; cursor:pointer; }
.product-rating { position: relative; }
    .product-rating::before, .product-rating::after { background-color: #eef0f1; content: ""; height: 1px; position: absolute; top: 11px; transition: all 0.4s ease 0s; width: 52px; }
    .product-rating::before { left: 0; }
    .product-rating::after { right: 0; }
.product-price-wrapper { display: block; transition: all 0.3s ease 0s; }


.product-img-slider .cr-navigation { background: rgba(239, 239, 239, 0.9) none repeat scroll 0 0; border-radius: 100%; color: #242424; cursor: pointer; display: inline-block; font-size: 20px; height: 36px; left: 10px; line-height: 36px; opacity: 0; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease-out 0s; width: 36px; z-index: 1; transform: translateY(-50%); }
    .product-img-slider .cr-navigation.cr-navigation-next { left: auto; right: 10px; }
.devita-product-2:hover .cr-navigation { opacity: 1; }
.product-img-slider .cr-navigation:hover { color: #fff; background: rgba(3, 99, 205, 0.8) none repeat scroll 0 0; }
/* banner area */
.connect-content > h2 { font-size: 48px; font-weight: 300; letter-spacing: -0.5px; line-height: 48px; margin: 0; }
.connect-content > p { font-size: 18px; font-weight: 300; margin: 41px 0 14px; width: 46%; }
.connect-content > h4 { color: #0363cd; font-size: 30px; margin: 0 0 75px; }
/* best selling area */
.tab-content.jump > .tab-pane { display: block; height: 0; opacity: 0; overflow: hidden; }
    .tab-content.jump > .tab-pane.active { display: block; height: auto; opacity: 1; overflow: visible; }
.section-border { margin-right: 94px; overflow: hidden; position: relative; }
    .section-border::before { background-color: #eeeeee; content: ""; height: 1px; left: 0; position: absolute; top: 10px; transition: all 0.4s ease 0s; width: 100%; z-index: 1; }
.section-title-wrapper { display: inline-block; float: left; }
.section-bg-gray { background-color: #f8f9f9; position: relative; z-index: 1; }
.section-bg-white { background-color: #fff; position: relative; z-index: 9; }
.section-bg-white-2 { background-color: #fff; position: relative; z-index: 1; }
.product-tab-list-2 { display: inline-block; float: right; padding: 0 0px 0 20px; }
.section-title { font-size: 20px; font-weight: 500; margin: 0; padding-right: 30px; display: inline-block; }
.product-tab-list-2 a { display: inline-block; margin-left: 15px; }
    .product-tab-list-2 a:first-child { margin-left: 0px; }
    .product-tab-list-2 a h4 { color: #777; font-size: 14px; transition: all .3s ease 0s; }
    .product-tab-list-2 a.active h4 { color: #242424; }
.best-selling-pro-wrapper { background-color: #fff; border-radius: 3px; display: flex; transition: all .3s ease 0s; }
    .best-selling-pro-wrapper:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.best-selling-bundle { margin-top: 15px; }
.best-selling-pro-wrapper .product-img > span { left: 20px; top: 20px; }
.best-selling-pro-wrapper .product-img { flex: 0 0 180px; position: relative; }
.product-content.best-pro-content { padding: 13px 13px 5px 10px; }
.product-action.best-pro-action > a.action-cart { padding: 8px 20px 9px; }
.product-action.best-pro-action { margin: 16px 0 0; opacity: 0; transform: translateY(-30%); transition: all 0.3s ease 0s; justify-content: left; }
.best-selling-pro-wrapper:hover .product-action.best-pro-action { opacity: 1; transform: translateY(0%); }
.best-selling-active div[class^="col-"] { flex: 0 0 100%; max-width: 100%; }
.nav-style.owl-carousel .owl-nav div { background-color: #efefef; border-radius: 3px; color: #242424; display: inline-block; font-size: 16px; height: 35px; line-height: 35px; opacity: 1; position: absolute; right: 0; text-align: center; top: 0; transition: all 0.3s ease 0s; width: 35px; }

    .nav-style.owl-carousel .owl-nav div:hover,
    .featured-product-active.owl-carousel > .owl-nav div:hover { background-color: #0363cd; color: #fff; }
.nav-style-green.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav.nav-style.nav-style-green div:hover { background-color: #0aa493; }
.nav-style.owl-carousel .owl-nav div.owl-prev,
.featured-product-active.owl-carousel > .owl-nav div.owl-prev { right: 38px; }
.best-selling-active.nav-style.owl-carousel .owl-nav div { top: -54px; }
.featured-product-active.owl-carousel > .owl-nav div { top: -43px; }
.headphone-slider-active-2.owl-carousel > .owl-nav div { top: -43px; }
/* headphone product */
.product-slider-style-2 .devita-product { margin: 15px 4px; }
.product-slider-style.product-slider-style-2 .product-content { padding: 3px 18px 0x; }
.product-slider-style-2.owl-carousel .owl-item img { display: inline-block; width: 100%; }
.headphone-slider-active.nav-style.owl-carousel .owl-nav div { top: -44px; }

.headphone-slider-active { z-index: 2; }
.devita-product.height-inherit:hover .product-wrapper .product-action-wrapper { display: block; height: auto; margin: 0; transition: all 0.4s ease-in-out 0s; visibility: visible; }

/* brand logo */
.brand-logo-active.owl-carousel .owl-item img { text-align: center; width: auto; display: inline-block; }
.single-brand-logo { cursor: pointer; text-align: center; }
/* shop services */
.shop-service-wrapper { border: 1px solid #323232; padding: 15px 10px 17px; }
.shop-service-content { position: relative; }
    .shop-service-content::before,
    .shop-service-content-3::before { background-color: #323232; content: ""; height: 32px; position: absolute; right: 0; top: 3px; transition: all 0.4s ease 0s; width: 1px; }
    .shop-service-content.border-none::before,
    .shop-service-content-3.border-none::before { display: none; }
    .shop-service-content > h4 { color: #ffffff; font-size: 14px; font-weight: 500; margin: 0 0 2px; }
    .shop-service-content > p { color: #757575; font-size: 13px; line-height: 18px; margin: 0; }
/* footer */
.footer-title > h4,
.opening-time > h4 { color: #ffffff; font-size: 20px; font-weight: 500; margin: 0; }
.footer-about > p { color: #ddd; margin: 0px; }
.footer-map { margin: 8px 0 21px; }

    .footer-map > a { color: #ffffff; }
        .footer-map > a:hover { color: #ddd; }
        .footer-map > a i { margin-right: 9px; font-size: 18px; }
.social-icon { margin-top: 22px; }
    .social-icon ul li { display: inline-block; list-style: outside none none; margin: 0 8px 10px 0; }
    .social-icon li a { font-size: 18px; width: 38px; height: 38px; border-radius: 50px; line-height: 36px; color: #fff; display: inline-block; text-align: center; }
        .social-icon li a.facebook { background-color: #3c5b9b; border: 2px solid #3c5b9b; }
            .social-icon li a.facebook:hover { background-color: #fff; border: 2px solid #fff; color: #3c5b9b; }
        .social-icon li a.twitter { background-color: #40c1df; border: 2px solid #40c1df; }
            .social-icon li a.twitter:hover { background-color: #fff; border: 2px solid #fff; color: #40c1df; }
        .social-icon li a.instagram { background-color: #c619b8; border: 2px solid #c619b8; }
            .social-icon li a.instagram:hover { background-color: #fff; border: 2px solid #fff; color: #c619b8; }
        .social-icon li a.googleplus { background-color: #ed3c32; border: 2px solid #ed3c32; }
            .social-icon li a.googleplus:hover { background-color: #fff; border: 2px solid #fff; color: #ed3c32; }
        .social-icon li a.rss { background-color: #eb8314; border: 2px solid #eb8314; }
            .social-icon li a.rss:hover { background-color: #fff; border: 2px solid #fff; color: #eb8314; }
        .social-icon li a.dribbble { background-color: #c72982; border: 2px solid #c72982; }
            .social-icon li a.dribbble:hover { background-color: #fff; border: 2px solid #fff; color: #c72982; }
        .social-icon li a.vimeo { background-color: #82a418; border: 2px solid #82a418; }
            .social-icon li a.vimeo:hover { background-color: #fff; border: 2px solid #fff; color: #82a418; }
        .social-icon li a.pinterest { background-color: #c62a21; border: 2px solid #c62a21; }
            .social-icon li a.pinterest:hover { background-color: #fff; border: 2px solid #fff; color: #c62a21; }
        .social-icon li a.skype { background-color: #07a4c6; border: 2px solid #07a4c6; }
            .social-icon li a.skype:hover { background-color: #fff; border: 2px solid #fff; color: #07a4c6; }
.footer-content ul li { list-style: outside none none; padding-bottom: 15px; }
    .footer-content ul li:last-child { padding-bottom: 0px; }
    .footer-content ul li a { color: #ddd; display: block; }
    .footer-content ul li:hover a { color: #fff; padding-left: 5px; }
.footer-contact ul li,
.opening-content ul li { color: #ddd; font-size: 14px; list-style: outside none none; margin: 0 0 8px; }
    .footer-contact li:last-child,
    .opening-content ul li:last-child { margin: 0 0 0px; }
.footer-contact li a { color: #ddd; }
    .footer-contact li a:hover { color: #fff; }
.opening-content ul li span { color: #fff; }
.opening-time > h4 { margin: 21px 0 22px; }
.footer-tag ul li { display: inline-block; margin: 0 10px 5px; position: relative; }
    .footer-tag ul li::before { background-color: #666; content: ""; height: 2px; position: absolute; right: -19px; top: 11px; transform: rotate(-67deg); transition: all 0.4s ease 0s; width: 15px; }
    .footer-tag ul li:last-child::before { display: none; }
    .footer-tag ul li a { color: #ddd; }
        .footer-tag ul li a:hover { color: #fff; }
.footer-middle { padding: 0 12px; }
.payment-icon img { max-width: 100%; }
.copyright > p { color: #ddd; margin: 0; }
    .copyright > p a { color: #0363cd; }
        .copyright > p a:hover { text-decoration: underline; }
/* newsletter */
.newsletter-img { background-image: url("../../assets/img/bg/bg-2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.newsletter-content-wrapper { display: flex; }
.newsletter-img > img { flex: 0 0 73px; margin: 0 30px 0 0; }
.newsletter-content > p { color: #ffffff; font-size: 18px; font-weight: 300; margin: 0; }
.newsletter-content > h4 { color: #ffffff; font-size: 30px; margin: 0; }
.newsletter-style form input { background: transparent none repeat scroll 0 0; border: 2px solid #2e7ed5; box-shadow: none; color: #75b4fb; font-size: 12px; height: 45px; padding: 0 75px 0 10px; width: 530px; border-radius: 5px; }
    .newsletter-style form input::-moz-placeholder { color: #fff; opacity: 1; }
    .newsletter-style form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.newsletter-style form { position: relative; }
    .newsletter-style form .mc-form { position: relative; }
.mc-form .mc-news { display: none; }
.subscribe-form .mc-form .clear { background: rgb(255, 255, 255) url("../../assets/img/icon-img/send.png") no-repeat scroll right 25px center; border-radius: 3px; bottom: 0; display: inline-block; padding: 0 6px; position: absolute; right: 0px; transition: all 0.3s ease 0s; z-index: 999; cursor: pointer; }
    .subscribe-form .mc-form .clear:hover { background: rgb(221, 221, 221) url("../../assets/img/icon-img/send.png") no-repeat scroll right 25px center; }
.subscribe-form .clear input { border: medium none; cursor: pointer; padding: 0; text-indent: -99999px; width: 60px; }
.newsletter-content { margin-top: 3px; }
.newsletter-from-close { display: flex; justify-content: space-between; margin-top: 10px; }
.newsletter-close > button { background-color: transparent; border: medium none; color: #ffffff; font-size: 18px; margin: 10px 0 0; padding: 0; cursor: pointer; }
    .newsletter-close > button:hover { color: #ddd; }

/*---------------------------
    3. Home electronics 2
-----------------------------*/

/* header index-electronics-2 */
.notification-img-2 { background-image: url("../../assets/img/bg/bg-3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.header-top-color-2 .lang-curr-dropdown ul li a,
.header-top-color-2 .language-currency span,
.header-top-color-2 .header-top-right ul li a,
.header-middle-color-2 .header-contact-content > p,
.header-middle-color-2 .header-contact-icon i,
.header-middle-color-2 button.icon-cart span.count-amount { color: #242424; }
    .header-top-color-2 .header-top-right ul li a:hover { color: #1d73d2; }
.header-top-color-2 .language-currency::before { background-color: #242424; }
.header-top-color-2 .header-search div.header-search-form input { border: 2px solid #ebebeb; color: #a5a5a5; }
.search-color-elec.header-search div.header-search-form input[type="text"]::-moz-placeholder { color: #242424 !important; opacity: 1; }
.search-color-elec.header-search div.header-search-form input[type="text"]::-webkit-input-placeholder { color: #242424 !important; opacity: 1; }
.search-color-elec.header-search div.header-search-form input[type="text"]::-ms-input-placeholder { color: #242424 !important; opacity: 1; }
.header-middle-color-2 .header-search div.header-search-form button:hover { background-color: #242424; color: #fff; }
.header-top-color-2 .header-search div.header-search-form input::-moz-placeholder { color: #a5a5a5; opacity: 1; }
.header-top-color-2 .header-search div.header-search-form input::-webkit-input-placeholder { color: #a5a5a5; opacity: 1; }
.header-middle-color-2 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #0074f5; }
.header-middle-color-2 button.icon-cart i.cart-down { color: #a4a4a4; }
.header-middle-color-2 .header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-9.header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-2 .header-cart:hover > button.icon-cart span.count-amount,
.header-middle-color-9.header-cart:hover > button.icon-cart span.count-amount { color: #666; }
/* index-electronics-2 slider */
.slider-content-2 h5 { color: #0363cd; font-size: 18px; margin: 0; }
.slider-content-2 h2 { color: #242424; font-size: 36px; line-height: 36px; margin: 9px 0 19px; }
.slider-content-2 h3 { color: #242424; font-size: 36px; margin: 0; }
    .slider-content-2 h3 span { font-size: 18px; }
.slider-btn.slider-btn-2 a { color: #0363cd; border: 2px solid #0363cd; }
    .slider-btn.slider-btn-2 a:hover { color: #fff; }
.owl-dot-style-2 .owl-dot { background: #d8d9d9 none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 10px; margin: 0 5px; width: 10px; }
    .owl-dot-style-2 .owl-dot.active { background: #0363cd none repeat scroll 0 0; height: 13px; position: relative; top: 2px; width: 13px; }
.owl-dot-style-2 .owl-dots,
.owl-dot-style-4 .owl-dots,
.owl-dot-style-5 .owl-dots { bottom: 25px; left: 0px; position: absolute; right: 0; text-align: center; }
.slider-banner-area .row { margin-left: -5px; margin-right: -5px; }
    .slider-banner-area .row div[class^="col-"] { padding-left: 5px; padding-right: 5px; }
/* index-electronics-2 service-area */
.service-area .row { margin-left: -5px; margin-right: -5px; }
    .service-area .row div[class^="col-"] { padding-left: 5px; padding-right: 5px; }
.shop-service-content-2 { background-color: #f8f9f9; padding: 17px 10px 18px; }
    .shop-service-content-2 > h4 { font-size: 14px; font-weight: 500; margin: 0; }
    .shop-service-content-2 > p { color: #242424; font-size: 13px; line-height: 18px; margin: 0; }
/* index-electronics-2 deals-area */
.timer-style-1 { text-align: center; margin-top: 7px; }
    .timer-style-1 span { border: 2px solid #ebebeb; color: #242424; display: inline-block; margin: 0 3px; padding: 12px; position: relative; text-align: center; }
        .timer-style-1 span p { color: #242424; margin: 20px 0 -44px; }
.add-to-cart > a { font-weight: 500; text-transform: uppercase; color: #fff; display: inline-block; background-color: #0363cd; line-height: 1; padding: 15px 30px 14px; border-radius: 3px; }
    .add-to-cart > a:hover { background-color: #242424; }
.deals-wrapper .product-content { padding: 0 45px; }
h4.sidebar-title { font-size: 20px; font-weight: 500; margin: 0px; position: relative; display: inline-block; padding-right: 10px; }
.related-product-area .section-border { margin-right: 85px; }
.deals-slider-active.nav-style.owl-carousel .owl-nav div,
.deals-slider-active-2.nav-style.owl-carousel .owl-nav div,
.latest-products-active.nav-style.owl-carousel .owl-nav div { top: -64px; }


/* related-product index-electronics-2 */
.related-product-wrapper { display: flex; margin-bottom: 22px; }
    .related-product-wrapper:last-child { margin-bottom: 0px; }
.related-product-img { margin-right: 10px; flex: 0 0 90px; }
.related-product-wrapper .product-content { padding: 0 25px 0 0; }
.related-product-active.nav-style.owl-carousel .owl-nav div { top: -60px; }
h4.sidebar-title.sidebar-title-width-2::before { right: -35px; width: 20px; }
/* featured product index-electronics-2 */
.featured-product-active .devita-product .product-img img { width: 100%; }
.devita-product.height-inherit .product-wrapper { min-height: auto; }
.product-slider-nav-2.nav-style.nav-style-bundle { margin-top: -46px; }
.product-slider-style .product-action > a.action-cart { padding: 9px 12px 8px; }

.product-slider-style .product-content { padding: 3px 10px 0; }
.product-slider-style .devita-product .product-wrapper { padding: 11px 11px 26px; }
/* new arrivals index-electronics-2 */
.single-product-wrapper { display: flex; margin: 0 0 31px; }
    .single-product-wrapper:last-child { margin: 0 0 0px; }
.single-product-img { flex: 0 0 100px; margin-right: 10px; }
.single-product-wrapper .product-content { padding: 0; }
.product-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -71px; }
/* footer index-electronics-2 */
.footer-title.footer-title-color-2 > h4,
.opening-time.footer-title-color-2 > h4 { color: #242424; }
.footer-map.footer-map-color-2 > a,
.opening-content.opening-content-color-2 ul li span { color: #0363cd; }
.footer-content.footer-content-color-2 ul li:hover a,
.footer-contact.footer-content-color-2 li a:hover,
.footer-middle-color-2 .footer-tag ul li a:hover { color: #0363cd; }
.logo.mobile-logo { display: none; }
#mobile-menu-active { display: none; }
.mobile-menu-area { display: none; }

/*---------------------------
    4. Home electronics 3
-----------------------------*/

.header-position { left: 0; position: absolute; top: 0; width: 100%; z-index: 999; }
.main-menu.main-border nav > ul > li { margin-right: 0px; padding-left: 25px; }
    .main-menu.main-border nav > ul > li.mega-menu-position { margin-right: 0px; padding-left: 0px; }
    .main-menu.main-border nav > ul > li > a { padding-right: 21px; }
    .main-menu.main-border nav > ul > li.mega-menu-position > a { padding-left: 25px; padding-right: 21px; position: relative; }
    .main-menu.main-border nav > ul > li > a:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 1px; background-color: #1b71d0; }
    .main-menu.main-border nav > ul > li > a.menu-border:after { position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 1px; background-color: #1b71d0; }
.owl-dot-style-3 .owl-dots { bottom: 40px; left: 0; position: absolute; right: 0; text-align: center; }
.owl-dot-style-3 .owl-dot { background: #297ad3 none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 10px; margin: 0 5px; width: 10px; }
    .owl-dot-style-3 .owl-dot.active { background: #fff none repeat scroll 0 0; height: 13px; position: relative; top: 2px; width: 13px; }
/* banner index-electronics-3 */
.banner-mrg-right { margin-right: 5px; }
.banner-mrg-left { margin-left: 5px; }
/* best-selling hm-3 */
.best-selling-pro-wrapper .product-img.best-selling-img { flex: 0 0 380px; }
.product-list ul li { color: #242424; list-style: outside none none; margin: 0 0 5px; padding: 0 0 0 15px; position: relative; }
    .product-list ul li::before { background-color: #888; border-radius: 50px; content: ""; height: 5px; left: 0; position: absolute; top: 7px; width: 5px; }
    .product-list ul li:last-child { margin: 0 0 0px; }
.product-list { margin: 28px 0 31px; }
.best-pro-action-2 a { background-color: #eef0f1; border-radius: 3px; color: #242424; display: inline-block; font-size: 12px; font-weight: 500; margin: 0 7px 0 0; text-transform: uppercase; }
    .best-pro-action-2 a:hover { background-color: #0363cd; color: #fff; }
.best-pro-action-2 { display: flex; flex-wrap: wrap; }
    .best-pro-action-2 a.action-cart { padding: 8px 43px 9px; }
    .best-pro-action-2 a.same-action { border-radius: 3px; font-size: 16px; height: 35px; line-height: 35px; text-align: center; width: 35px; }
.product-content.best-pro-content.best-selling-style-2 { padding: 40px 13px 5px 10px; }
.best-selling-bundle-2 .row { margin-left: -10px; margin-right: -10px; }
    .best-selling-bundle-2 .row div[class^="col-"] { padding-left: 10px; padding-right: 10px; }
.best-selling-active-2.nav-style.owl-carousel .owl-nav div { top: -67px; }
/* footer index-electronics-3 */
.footer-newsletter > p { color: #ddd; margin: 0; }
.subscribe-form-2 { margin: 16px 0 0; }
    .subscribe-form-2 form input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: #444; border-image: none; border-style: none none solid; border-width: medium medium 1px; box-shadow: none; color: #ddd; font-size: 13px; height: 45px; padding-left: 0; width: 100%; }
        .subscribe-form-2 form input::-moz-placeholder { color: #ddd; opacity: 1; }
        .subscribe-form-2 form input::-webkit-input-placeholder { color: #ddd; opacity: 1; }
.clear-2 { margin: 39px 0 0; }
.subscribe-form-2 form .clear-2 input { background-color: #0363cd; border: medium none; border-radius: 3px; color: #fff; cursor: pointer; font-weight: 500; height: inherit; line-height: 1; padding: 17px 46px; text-transform: uppercase; width: inherit; }
    .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #0363cd; }

/*---------------------------
    5. Home electronics 4
-----------------------------*/

/* slider index-electronics-4 */
.slider-content-3 h5 { color: #0363cd; font-size: 18px; }
.slider-content-3 h2 { font-size: 48px; font-weight: 500; }
.owl-dot-style-2.owl-dot-4 .owl-dots { bottom: 40px; }
/* banner index-electronics-4 */
.banner-img.banner-mrg-left-2 { margin-left: -10px; }

/*---------------------------
    6. Home medical
-----------------------------*/

.header-middle-color-3 .header-contact-content > p,
.header-middle-color-7 .header-contact-content > p,
.header-middle-color-3 .header-contact-icon i,
.header-middle-color-7 .header-contact-icon i,
.header-middle-color-3 button.icon-cart span.count-amount,
.header-middle-color-3 button.icon-cart i.cart-down { color: #242424; }
.header-middle-color-3 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #0aa493; }
.header-top-color-3 .lang-curr-dropdown ul li ul li > a:hover,
.header-top-color-3 .lang-curr-dropdown ul li a:hover,
.header-top-color-2.header-top-color-3 .header-top-right ul li a:hover { color: #0aa493; }

.header-middle-color-3 button.icon-cart span.count-style,
.header-middle-color-3 .header-search div.header-search-form button { background-color: #0aa493; }
    .header-middle-color-3 .header-search div.header-search-form button:hover { color: #fff; background-color: #333; }
.header-middle-color-3 button.icon-cart { border: 2px solid #0aa493; }
.header-middle-color-3 .header-search div.header-search-form input { border: 2px solid #ebebeb; color: #242424; }
    .header-middle-color-3 .header-search div.header-search-form input::-moz-placeholder { color: #242424 !important; opacity: 1; }
    .header-middle-color-3 .header-search div.header-search-form input::-webkit-input-placeholder { color: #242424 !important; opacity: 1; }
.header-bottom-color-2 .main-menu ul li a i { color: #fff; }
.header-bottom-color-2 .main-menu ul li ul li a:hover { color: #0aa493; }
.shopping-cart-green .btn-style:hover { background-color: #0aa493; border: 2px solid #0aa493; color: #fff; }
.shopping-cart-green .shopping-cart-total > h4 span.shop-total,
.shopping-cart-green .shopping-cart-title > h4 a:hover,
.header-middle-color-3 .header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-3 .header-cart:hover > button.icon-cart span.count-amount { color: #0aa493; }
.header-middle-color-3 .shopping-cart-delete > a:hover { border: 2px solid #0aa493; color: #0aa493; }
/* slider index-medical */
.slider-content-4 h5 { font-size: 18px; margin: 0; }
.slider-content-4 h2 { font-size: 48px; letter-spacing: -0.5px; line-height: 48px; margin: 12px 0 31px; }
.slider-content-4.slider-animated-1 > p { font-size: 18px; margin: 0; width: 50%; }
.slider-btn-5 a { background-color: #0aa493; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: 500; line-height: 1; padding: 18px 37px; text-transform: uppercase; }
    .slider-btn-5 a:hover { background-color: #242424; color: #fff; }
.owl-dot-style-2.owl-dot-green .owl-dot.active { background: #0aa493 none repeat scroll 0 0; }
/* product index-medical */
.product-tab-list.tab-list-green > a.active h4 { border: 2px solid #0aa493; color: #0aa493; }
.devita-product-green .product-action > a.same-action:hover,
.devita-product-green .product-action > a.action-cart:hover,
.devita-product-green .product-img > span,
.devita-product-green .best-pro-action-2 a:hover { background-color: #0aa493; }
.devita-product-green .product-img-slider .cr-navigation:hover { background: rgba(10, 164, 147, 0.8) none repeat scroll 0 0; }
.devita-product-green .product-rating i.theme-star,
.devita-product-green .product-wrapper:hover .product-content > h4 a,
.devita-product-green .product-content > h4 a:hover,
.devita-product-green.product-wrapper:hover .product-content > h4 a { color: #0aa493; }
/* banner index-medical */
.madial-banner .row { margin-left: -10px; margin-right: -10px; }
    .madial-banner .row div[class^="col-"] { padding-left: 10px; padding-right: 10px; }
/* blog index-medical */
.blog-wrapper { border: 1px solid #eeeeee; padding: 30px 30px 27px; }
    .blog-wrapper > span { background-color: #0aa493; border-radius: 3px; color: #ffffff; display: inline-block; line-height: 1; padding: 5px 13px 7px; }
    .blog-wrapper h3 { font-size: 18px; font-weight: 500; line-height: 24px; margin: 15px 0 10px; }
        .blog-wrapper h3 a:hover,
        .blog-meta ul li a:hover { color: #0aa493; }
    .blog-wrapper > p { color: #444; margin: 0; }
.blog-meta ul li { color: #242424; display: inline-block; font-size: 13px; line-height: normal; margin-right: 15px; position: relative; }
    .blog-meta ul li::before { background-color: #242424; content: ""; height: 1px; position: absolute; right: -16px; top: 8px; transform: rotate(-58deg); transition: all 0.4s ease 0s; width: 12px; }
    .blog-meta ul li:last-child::before { display: none; }
.blog-meta-bundle { border-top: 1px solid #eeeeee; margin: 14px 0 0; padding: 20px 0 0; }
.blog-readmore > a { color: #0aa493; font-size: 13px; font-weight: 500; text-transform: uppercase; }
    .blog-readmore > a:hover { color: #242424; }
    .blog-readmore > a i { margin-left: 6px; }
.blog-meta-bundle { position: relative; }
.blog-meta { opacity: 1; transform: translateY(0px); transition: all .3s ease 0s; }
.blog-wrapper:hover .blog-meta { opacity: 0; transform: translateY(-15px); }
.blog-readmore { left: 0; opacity: 0; position: absolute; top: 21px; transition: all 0.4s ease-in-out 0s; }
.blog-wrapper:hover .blog-readmore { opacity: 1; }
.blog-slider-active.nav-style.owl-carousel .owl-nav div { top: -68px; }
/* footer index-medical */
.shop-service-wrapper.service-green { border: 1px solid #ebebeb; }
.service-green .shop-service-content > h4,
.footer-widget-green .footer-content ul li:hover a { color: #0aa493; }
.service-green .shop-service-content::before { background-color: #ebebeb; }
.footer-widget-green .footer-title > h4 { color: #242424; }
.footer-widget-green .subscribe-form-2 form .clear-2 input { background-color: #0aa493; color: #fff; }
    .footer-widget-green .subscribe-form-2 form .clear-2 input:hover { background-color: #242424; color: #fff; }
.green-color .copyright > p a,
.green-color .footer-tag ul li a:hover,
.footer-widget-green .footer-contact li a:hover { color: #0aa493; }
.footer-widget-green .subscribe-form-2 form input { color: #242424; border-color: #aaa; }
    .footer-widget-green .subscribe-form-2 form input::-moz-placeholder { color: #242424; opacity: 1; }
    .footer-widget-green .subscribe-form-2 form input::-webkit-input-placeholder { color: #242424; opacity: 1; }

/*---------------------------
    7. Home book
-----------------------------*/

/* header index book */
.notification-img-3 { background-image: url("../../assets/img/bg/bg-5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.notification-content.notification-red-color p a { border-bottom: 1px solid #bf2222; color: #bf2222; }
    .notification-content.notification-red-color p a:hover { border-bottom: 1px solid #242424; color: #242424; }
.header-middle-color-4 button.icon-cart span.count-style,
.header-middle-color-4 .header-search div.header-search-form button { background-color: #df2121; }
    .header-middle-color-4 .header-search div.header-search-form button:hover { color: #fff; background-color: #333; }
.header-middle-color-4 button.icon-cart { border: 2px solid #3a3a3a; }
.header-middle-color-4 .header-search div.header-search-form input { border: 2px solid #3a3a3a; color: #fff; }
    .header-middle-color-4 .header-search div.header-search-form input::-moz-placeholder { color: #fff !important; opacity: 1; }
    .header-middle-color-4 .header-search div.header-search-form input::-webkit-input-placeholder { color: #fff !important; opacity: 1; }
.header-middle-color-5 .header-search div.header-search-form input::-moz-placeholder,
.header-middle-color-6 .header-search div.header-search-form input::-moz-placeholder,
.middle-yellowgreen-color .header-search div.header-search-form input::-moz-placeholder { color: #242424 !important; opacity: 1; }
.header-middle-color-5 .header-search div.header-search-form input::-webkit-input-placeholder,
.header-middle-color-6 .header-search div.header-search-form input::-webkit-input-placeholder,
.middle-yellowgreen-color .header-search div.header-search-form input::-webkit-input-placeholder { color: #242424 !important; opacity: 1; }
.header-middle-color-4 button.icon-cart i.cart-bag { border-right: 1px solid #3a3a3a; }
.header-middle-color-4 button.icon-cart i.cart-down { color: #6d6d6d; }
.lang-curr-red .lang-curr-dropdown ul li ul li > a:hover { color: #df2121; }
.header-middle-color-4 .btn-style:hover,
.header-middle-color-5 .btn-style:hover { background-color: #df2121; border: 2px solid #df2121; }
.header-middle-color-4 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-5 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-4 .shopping-cart-title > h4 a:hover,
.header-middle-color-5 .shopping-cart-title > h4 a:hover { color: #df2121; }
.header-middle-color-4 .shopping-cart-delete > a:hover,
.header-middle-color-5 .shopping-cart-delete > a:hover { border: 2px solid #df2121; color: #df2121; }
.header-bottom-color-3 .main-menu ul li a i { color: #666; }
.language-currency.lang-curr-border::before { background-color: #454545; }
.header-bottom-color-3 .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li:hover > a,
.header-bottom-color-3 .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li:hover > a { color: #df2121; }
.menu-hover-red .main-menu ul li ul li a:hover { color: #df2121; }


/* slider index book */
.slider-btn.red-color a:hover,
.slider-btn.red-color-2 a:hover { background-color: #df2121; border: 2px solid #df2121; color: #fff; }
/* product index book */
.devita-product-red .product-action > a.same-action:hover,
.devita-product-red .product-action > a.action-cart:hover,
.devita-product-red .product-img > span,
.devita-product-red .best-pro-action-2 a:hover { background-color: #df2121; }
.product-tab-list.tab-list-red > a.active h4 { border: 2px solid #df2121; color: #df2121; }
.devita-product-red .product-rating i.theme-star,
.devita-product-red .product-content > h4 a:hover,
.devita-product-red.product-wrapper:hover .product-content > h4 a { color: #df2121; }
.devita-product-red .product-img-slider .cr-navigation:hover { background: rgba(223, 33, 33, 0.8) none repeat scroll 0 0; color: #fff; }
.headphone-slider-active-2 .product-action > a.action-cart { padding: 9px 12px 8px; }


/* banner index book */

.book-offer > h2 { font-size: 48px; font-weight: 300; letter-spacing: -0.5px; margin: 0; }
.book-offer > p { font-weight: 300; margin: 31px auto 30px; width: 65%; }
.book-offer > h4 { font-size: 36px; margin: 0 0 79px; }
    .book-offer > h4 span { font-size: 18px; }
.book-offer-btn a.btn-style { border: 2px solid #242424; border-radius: 3px; display: inline-block; padding: 13px 35px; }
    .book-offer-btn a.btn-style:hover { background-color: #df2121; border: 2px solid #df2121; }
/* special book section index-book */
.special-book-img { flex: 0 0 101px; margin-right: 10px; }
.special-book-wrapper { display: flex; margin-bottom: 20px; }
    .special-book-wrapper:last-child { margin-bottom: 0; }
    .special-book-wrapper .product-content { padding: 0 0px 0 0; }
.special-book-area { border: 3px solid #ebebeb; border-radius: 3px; padding: 20px 15px; }
.special-book-active .product-content > h4 a:hover { color: #df2121; }
.nav-style-3.owl-carousel > .owl-nav div { color: #c6c6c6; display: inline-block; font-size: 20px; opacity: 1; position: absolute; right: 0; top: -67px; transition: all 0.3s ease 0s; }
    .nav-style-3.owl-carousel > .owl-nav div:hover { color: #df2121; }
.nav-style-3.owl-carousel .owl-nav div.owl-prev { right: 20px; }
.special-book-area .section-border { margin-right: 40px; }
    .special-book-area .section-border::before { top: 12px; }
/* sidebar blog index-book */
.sidebar-blog-wrapper { display: flex; margin: 0 25px 20px 0; }
    .sidebar-blog-wrapper:last-child { margin: 0 25px 0px 0; }
.sidebar-blog-img { flex: 0 0 82px; margin-right: 18px; }
.sidebar-blog-content > h4 { font-size: 14px; font-weight: 500; line-height: 18px; margin: 0 0 7px; }
    .sidebar-blog-content > h4 a:hover { color: #df2121; }
.sidebar-blog-content > span { color: #555; font-size: 13px; }
.sidebar-blog .section-border { margin-right: 40px; }
    .sidebar-blog .section-border::before { top: 12px; }
.nav-style-red.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav-2.nav-style.nav-style-red div:hover,
.product-slider-nav.nav-style.nav-style-red div:hover { background-color: #df2121; }
.nav-style-red .product-img-slider .cr-navigation:hover { background: rgba(223, 33, 33, 0.8) none repeat scroll 0 0; color: #fff; }
/* footer index-book */
.footer-widget-red .subscribe-form-2 form .clear-2 input,
.footer-widget-red-2 .subscribe-form-2 form .clear-2 input { background-color: #df2121; color: #fff !important; }
    .footer-widget-red .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #df2121 !important; }
.copyright.copyright-white > p a { color: #fff; }
    .copyright.copyright-white > p a:hover { text-decoration: underline; }

/*---------------------------
    8. Home book 2
-----------------------------*/

/* header index-book-2 */
.notification-img-4 { background-image: url("../../assets/img/bg/bg-7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.header-top-color-2.header-top-red .header-top-right ul li a:hover { color: #df2121; }
.header-top-red .lang-curr-dropdown ul li ul li > a:hover { color: #df2121; padding-left: 5px; }
.header-middle-color-5 .header-contact-content > p,
.header-middle-color-5 .header-contact-icon i,
.header-middle-color-5 button.icon-cart span.count-amount { color: #242424; }
.header-middle-color-5 .header-search div.header-search-form input,
.header-middle-color-6 .header-search div.header-search-form input,
.middle-yellowgreen-color .header-search div.header-search-form input { border: 2px solid #ebebeb; color: #242424; }
.header-middle-color-5 button.icon-cart span.count-style,
.header-middle-color-5 .header-search div.header-search-form button { background-color: #df2121; }
    .header-middle-color-5 .header-search div.header-search-form button:hover { background-color: #242424; color: #fff; }
.header-middle-color-5 button.icon-cart,
.header-middle-color-6 button.icon-cart,
.middle-yellowgreen-color button.icon-cart { border: 2px solid #ebebeb; }
    .header-middle-color-5 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #df2121; }
    .header-middle-color-5 button.icon-cart span.count-amount,
    .header-middle-color-6 button.icon-cart span.count-amount { color: #242424; }
    .header-middle-color-5 button.icon-cart i.cart-down { color: #a4a4a4; }
.header-middle-color-5 .header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-5 .header-cart:hover > button.icon-cart span.count-amount { color: #df2121; }
.header-top-color-2 .language-currency.lang-curr-border-2::before { background-color: #ebebeb; }
.header-bottom-color-4 .main-menu ul li a i { color: #f7c3c3; }
.header-bottom-color-4 .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li:hover > a { color: #df2121; }


/* slider index-book-2 */
.slider-content-5 { margin-left: -60px; }
    .slider-content-5 h2 { font-size: 40px; letter-spacing: -0.5px; line-height: 40px; margin: 0; }
    .slider-content-5 h4 { font-size: 18px; margin: 23px 0 0; }
.slider-btn.red-color-2 a { border: 2px solid #242424; color: #242424; }
.owl-dot-style-2.owl-dot-red .owl-dots { bottom: 40px; }
.owl-dot-style-2.owl-dot-red .owl-dot.active { background: #df2121 none repeat scroll 0 0; }
.owl-dot-style-2.owl-dot-red .owl-dot { background: #b7bebe none repeat scroll 0 0; }
/* product index-book-2 */
.featured-book-active.nav-style.owl-carousel .owl-nav div { top: -38px; }
.single-product-red .product-content > h4 a:hover { color: #df2121; }
/* deals product index-book-2 */
.deals-img > img { width: 100%; }
.deals-content > h2 { font-size: 36px; font-weight: 500; margin: 5px 0 24px; }
    .deals-content > h2 span { color: #df2121; }
.deals-content > p { margin: 0 auto; width: 92%; }
.timer-style-2 span { border: 2px solid #ebebeb; border-radius: 3px; color: #242424; display: inline-block; font-size: 18px; font-weight: 500; padding: 7px 13px 6px; margin: 0 9px; }
    .timer-style-2 span p { color: #242424; font-size: 13px; font-weight: 400; margin: 9px 0 0; position: relative; }
        .timer-style-2 span p::before { background-color: #efefef; border-radius: 100%; content: ""; height: 1px; left: 0; position: absolute; top: -3px; transition: all 0.4s ease 0s; width: 100%; }
.deals-btn .btn-style-2 { background-color: #df2121; }
    .deals-btn .btn-style-2:hover { background-color: #242424; }
.deals-content.text-center { margin: 85px -48px 0 27px; }
.deals-img { margin: 0 -5px 0 -29px; }
/* service index-book-2 */
.service-white .shop-service-content > h4 { color: #242424; }
.service-white.shop-service-wrapper { border: 1px solid #ebebeb; }
.service-white .shop-service-content::before { background-color: #ebebeb; }
.shop-service-content.service-black-color > p { color: #242424; }
/* footer index-book-2 */
.footer-widget-red-2 .footer-title > h4,
.footer-widget-red .footer-title > h4 { color: #242424; }
.footer-widget-red .footer-title.white-footer-title > h4 { color: #fff; }
.copyright-red.copyright > p a,
.footer-widget-red .footer-content ul li:hover a,
.footer-widget-red .footer-contact li a:hover { color: #df2121; }
    .copyright-red.copyright > p a:hover { text-decoration: underline; }
.footer-widget-red-2 .subscribe-form-2 form input { border-color: #ebebeb; color: #a4a4a4; }
.footer-widget-red-2 .subscribe-form-2 form input,
.footer-widget-coffee .subscribe-form-2 form input { border-color: #ebebeb; color: #a4a4a4; }
    .footer-widget-red-2 .subscribe-form-2 form input::-moz-placeholder,
    .footer-widget-coffee .subscribe-form-2 form input::-moz-placeholder { color: #a4a4a4; opacity: 1; }
    .footer-widget-red-2 .subscribe-form-2 form input::-webkit-input-placeholder,
    .footer-widget-coffee .subscribe-form-2 form input::-webkit-input-placeholder { color: #a4a4a4; opacity: 1; }
.footer-widget-red-2.footer-black-color .subscribe-form-2 form input,
.footer-widget-coffee .subscribe-form-2 form input { border-color: #e1e1e1; color: #242424; }
    .footer-widget-red-2.footer-black-color .subscribe-form-2 form input::-moz-placeholder,
    .footer-widget-coffee.footer-black-color .subscribe-form-2 form input::-moz-placeholder { color: #242424; opacity: 1; }
    .footer-widget-red-2.footer-black-color .subscribe-form-2 form input::-webkit-input-placeholder,
    .footer-widget-coffee.footer-black-color .subscribe-form-2 form input::-webkit-input-placeholder { color: #242424; opacity: 1; }
.footer-widget-red-2 .subscribe-form-2 form .clear-2 input:hover { background-color: #242424; color: #fff; }
.red-color .footer-tag ul li a,
.coffee-color .footer-tag ul li a { color: #a4a4a4; }
    .red-color .footer-tag ul li a:hover { color: #df2121; }
.red-color .footer-tag ul li::before,
.coffee-color .footer-tag ul li::before { background-color: #a4a4a4; }
.footer-black-color .footer-about > p,
.footer-black-color .footer-contact ul li,
.footer-black-color .opening-content ul li,
.footer-black-color .footer-contact li a,
.footer-black-color .footer-content ul li a,
.footer-black-color .footer-newsletter > p,
.footer-black-color.red-color .footer-tag ul li a,
.footer-black-color.copyright > p,
.footer-black-color .footer-tag ul li a { color: #242424; }
    .footer-black-color .footer-tag ul li a:hover { color: #666; }
/*---------------------------
    9. Home coffee
-----------------------------*/

/* header index-coffee */
.header-middle-bg-img { padding: 40px 30px; }
.header-top-coffee .lang-curr-dropdown ul li ul li > a:hover,
.header-top-coffee .header-top-right ul li a:hover { color: #a16c21; }
.header-middle-bg-img .middle-same { margin-left: 25px; }
    .header-middle-bg-img .middle-same:first-child { margin-left: 0px; }
.header-search.header-search-coffee form button { background-color: #a16c21; }
    .header-search.header-search-coffee form button:hover { color: #242424; }
.header-search.header-search-coffee form input { border: 2px solid #3b3232; color: #fff; }
    .header-search.header-search-coffee form input[type="text"]::-moz-placeholder { color: #fff !important; opacity: 1; }
    .header-search.header-search-coffee form input[type="text"]::-webkit-input-placeholder { color: #fff !important; opacity: 1; }
.header-search div.header-search-form input[type="text"]::-webkit-input-placeholder { border: 2px solid #3b3232; color: #534b4b; }
.header-cart-coffee button.icon-cart span.count-style { background-color: #a16c21; }
.header-cart-coffee button.icon-cart { border: 2px solid #3b3232; }
    .header-cart-coffee button.icon-cart i.cart-bag { border-right: 1px solid #322b2c; color: #a16c21; }
    .header-cart-coffee button.icon-cart i.cart-down { color: #645b5b; }
.header-cart-coffee .btn-style:hover,
.header-cart-coffee .btn-style:hover { background-color: #a16c21; border: 2px solid #a16c21; }
.header-cart-coffee .shopping-cart-total > h4 span.shop-total,
.header-cart-coffee .shopping-cart-title > h4 a:hover { color: #a16c21; }
.header-cart-coffee .shopping-cart-delete > a:hover { border: 2px solid #a16c21; color: #a16c21; }
/*------ menu index-coffee -------*/
.menu-coffee-color .main-menu ul li a,
.menu-red-color .main-menu ul li a { color: #242424; }
.menu-coffee-color .main-menu ul li:hover > a { color: #a16c21; }
.menu-coffee-color .main-menu ul li ul li a { color: #7a7a7a; }
    .menu-coffee-color .main-menu ul li ul li a:hover { color: #a16c21; }
.menu-coffee-color .main-menu ul li a i,
.menu-red-color .main-menu ul li a i { color: #c1c1c1; }
.buy > a { color: #a16c21; float: right; font-size: 16px; font-weight: 500; padding: 14px 0 0; }
    .buy > a:hover { color: #242424; }
.menu-coffee-color .row div[class^="col-"],
.menu-byzantine-color .row div[class^="col-"],
.header-middle-color-15 .row div[class^="col-"],
.main-menu-position .row div[class^="col-"] { position: static; }
/*------ slider index-coffee -------*/
.slider-content-6 h3 { color: #a16c21; font-size: 36px; font-weight: bold; font-family: 'Arvo', serif; margin: 0; }
.slider-content-6 h2 { color: #171e26; font-family: "Arvo", serif; font-size: 60px; font-weight: bold; line-height: 55px; margin: 0 0 15px; }
.slider-content-6 h4 { color: #242424; font-size: 18px; margin: 0; }
.slider-content-6.slider-negative-mrg { margin-left: -38px; margin-right: -37px; }
.slider-btn.slider-btn-coffee a { background-color: #a16c21; border: 2px solid #a16c21; }
    .slider-btn.slider-btn-coffee a:hover { background-color: #171e26; border: 2px solid #171e26; }
.owl-dot-style-3.owl-dot-coffee .owl-dot.active { background: #a16c21 none repeat scroll 0 0; }
.owl-dot-style-3.owl-dot-coffee .owl-dot { background: #dedede none repeat scroll 0 0; }


/*------ product index-coffee -------*/

.devita-product-coffee .product-rating i.theme-star,
.devita-product-coffee .product-content > h4 a:hover,
.devita-product-coffee.product-wrapper:hover .product-content > h4 a { color: #a16c21; }
.devita-product-coffee .product-action > a.same-action:hover,
.devita-product-coffee .product-action > a.action-cart:hover,
.devita-product-coffee .product-img > span { background-color: #a16c21; }
.nav-style-coffee.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav-2.nav-style.nav-style-coffee div:hover,
.product-slider-nav.nav-style.nav-style-coffee div:hover { background-color: #a16c21; }
/* testimonial index-coffee */
.quote-icon i { color: #453f3c; font-size: 60px; }
.single-testimonial > p { color: #fff; font-size: 16px; font-style: italic; font-weight: 300; margin: 0 auto; width: 92%; }
.testimonial-rating i { color: #fff; font-size: 20px; }
.testimonial-rating { margin: 37px 0 18px; }
    .testimonial-rating i.theme-star-coffee { color: #a16c21; }
.single-testimonial > h4 { color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; }
    .single-testimonial > h4 span { color: #fff; font-size: 12px; font-weight: 400; margin-left: 7px; text-transform: capitalize; }
.quote-icon { margin: 0 0 40px; }
.testimonials-img > img { width: 100%; }
.testimonial-active .owl-dot { background: #38343c none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 7px; margin: 0 4px; width: 7px; }
    .testimonial-active .owl-dot.active { background: #a16c21 none repeat scroll 0 0; height: 11px; position: relative; top: 2px; width: 11px; }
.testimonial-active .owl-dots { margin: 33px 0 0; text-align: center; }
.testimonial-active { padding: 0 40px 0 60px; }
/* product index-coffee */
.devita-product-coffee .best-pro-action-2 a:hover { background-color: #a16c21; }
/* discount-area index-coffee */
.coffee-discount-content > h3 { color: #ffffff; font-size: 30px; margin: 0; }

.coffee-discount-btn { display: block; overflow: hidden; }
    .coffee-discount-btn a { border: 2px solid #4f3f33; border-radius: 3px; color: #fff; display: inline-block; float: right; padding: 11px 34px; }
        .coffee-discount-btn a:hover { border: 2px solid #fff; color: #242424; background-color: #fff; }
/* footer index-coffee */
.copyright-coffee.copyright > p a,
.footer-widget-coffee .footer-content ul li:hover a,
.footer-widget-coffee .footer-contact li a:hover,
.coffee-color .footer-tag ul li a:hover { color: #a16c21; }
.footer-widget-coffee .subscribe-form-2 form .clear-2 input { background-color: #a16c21; color: #fff; }
    .footer-widget-coffee .subscribe-form-2 form .clear-2 input:hover { background-color: #242424; }
.footer-widget-coffee .footer-title > h4,
.footer-widget-coffee .footer-title > h4 { color: #242424; }

/*---------------------------
    10. Home sunglass
-----------------------------*/

/* header index-sunglass */
.content-wrapper { display: block; margin: 60px auto; width: 1290px; }
.header-middle-wrapper { display: flex; justify-content: space-between; }
.header-search-2 form input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; border-radius: 3px; color: #555; font-size: 14px; height: 45px; padding: 0 40px 0 10px; }
    .header-search-2 form input::-moz-placeholder { color: #555; opacity: 1; }
    .header-search-2 form input::-webkit-input-placeholder { color: #555; opacity: 1; }
.header-search-2 form { position: relative; }
    .header-search-2 form button { background-color: transparent; border: medium none; color: #242424; cursor: pointer; font-size: 20px; padding: 5px 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; }
        .header-search-2 form button:hover { color: #df2121; }
.header-search-2 { margin-top: 2px; }
.menu-red-color .main-menu ul li:hover > a,
.menu-red-color .main-menu ul li ul li a:hover { color: #df2121; }
.menu-sunglass .main-menu nav > ul > li { margin: 0 24px; }
/* slider index-sunglass */
.slider-content-5.slider-content-5-white h2 { color: #fff; }
.slider-content-5.slider-content-5-white h4 { font-size: 18px; margin: 23px 0 0; color: #fff; }
.slider-btn.white-color-btn a { border: 2px solid #fff; color: #fff; }
    .slider-btn.white-color-btn a:hover { border: 2px solid #df2121; color: #fff; background-color: #df2121; }
.service-white.shop-service-wrapper.service-border-none { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ebebeb; border-image: none; border-style: none none solid; border-width: medium medium 1px; padding: 17px 10px 48px; }
/* product index-sunglass */
h3.section-title-2 { font-size: 30px; font-weight: 500; margin: 0; }
.nav-style.nav-center.owl-carousel .owl-nav div { right: 0; top: 50%; transform: translateY(-50%); }
    .nav-style.nav-center.owl-carousel .owl-nav div.owl-prev { left: 0; }
/* product index-sunglass */
.deals-content.deals-content-2 { margin: 0 22px 0 -40px; }
.deals-img.deals-img-2 { margin: 45px 35px 0 0; }
.deals-content-2 .timer-style-2 span { background-color: #fff; border: medium none; border-radius: 5px; padding: 7px 18px 6px; }
.deals-btn-2 .btn-style-2 { padding: 17px 58px 18px; }
/* blog index-sunglass */
.blog-img img { width: 100%; }
.blog-img { position: relative; overflow: hidden; }
.blog-categori { left: 0; position: absolute; right: 0; bottom: 25px; }
    .blog-categori > span { background-color: #df2121; color: #fff; font-size: 12px; padding: 2px 13px 5px; border-radius: 3px; }
.blog-content > h4 { font-size: 18px; font-weight: 500; line-height: 24px; margin: 0 20px 10px; }
    .blog-content > h4 a:hover,
    .blog-wrapper-2 .blog-meta ul li a:hover { color: #df2121; }
.blog-content > p { color: #242424; margin: 0 0 5px; }
.blog-content { border-bottom: 1px solid #eeeeee; margin: 0 0 23px; padding: 0 0px 18px; }

/* Compare style */

.modal-compare-width { max-width: 900px; margin: 150px auto; min-width: 878px; }
.modal-body { display: flex; justify-content: space-between; padding: 50px; }
#exampleCompare .close { color: #fff; cursor: pointer; float: right; font-size: 50px; font-weight: 700; line-height: 1; opacity: 1; position: absolute; right: 370px; text-shadow: none; top: 32px; transition: all 0.3s ease 0s; }
    #exampleCompare .close:hover { color: #ddd; }
.table-content.compare-style th a span { color: #050035; display: inline-block; font-weight: 600; line-height: 0.81em; margin: 0; text-align: center; }
.table-content.compare-style th p { font-size: 15px; font-weight: 400; margin: 0; text-transform: capitalize; }
.table-content.compare-style th a { text-transform: capitalize; font-size: 14px; }
    .table-content.compare-style th a:hover { color: #666; }
    .table-content.compare-style th a span { color: #454545; display: inline-block; font-size: 1em; font-weight: 600; line-height: 0.81em; }
.table-content.compare-style th img { display: block; margin: 20px 0; }
.table-content.table-responsive.compare-style tbody tr,
.table-content.table-responsive.compare-style thead { border-bottom: 1px solid #f1f1f1; }
    .table-content.table-responsive.compare-style tbody tr:last-child { border-bottom: 0px solid #f1f1f1; }
.table-content.compare-style thead { background-color: transparent; }
.table-content.compare-style table { text-align: inherit; }
    .table-content.compare-style table th { padding: 14px 0; text-align: inherit; }
.table-content table td.compare-title h4 { border-top: medium none; color: #242424; font-size: 15px; font-weight: 500; margin: 0; min-width: 205px; overflow: hidden; text-align: left; text-transform: capitalize; vertical-align: middle; }
.table-content table td.compare-common,
.table-content table td.compare-title { font-size: 14px; padding: 14px 0; text-align: left; }
.table-content.compare-style table td p { color: #333; margin: 0; }
.table-content.compare-style th a.compare-btn { color: #242424; font-size: 14px; text-transform: capitalize; }
    .table-content.compare-style th a.compare-btn:hover { color: #666; }
.table-content.compare-style th span { color: #666; display: block; font-size: 15px; margin: 10px 0; }
.table-content.compare-style table { margin: 0 0 0px; }
.modal .close { color: #fff; float: right; font-size: 50px; font-weight: bold; line-height: 1; margin-right: 50px; opacity: 1; text-shadow: 0 1px 0 #fff; }
.table-content.compare-style table thead tr { border-bottom: medium none; }

/*---------------------------
    11. Home watch
-----------------------------*/

/* header sidebar-left-wrapper index-watch */
.sidebar-left-wrapper { background: #242424 none repeat scroll 0 0; height: 100%; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 300px; z-index: 7; padding: 40px 0 40px 40px; }
.sidebar-right-wrapper { border-left: 1px solid #2d2d2d; margin-left: 300px; }
.sidebar-menu { padding: 150px 0 70px; }
    .sidebar-menu ul li { display: block; list-style: outside none none; padding-bottom: 15px; position: relative; }
        .sidebar-menu ul li:last-child { padding-bottom: 0px; }
        .sidebar-menu ul li a { color: #fff; font-weight: 500; text-transform: uppercase; display: block; }
            .sidebar-menu ul li a span { float: right; padding-right: 20px; font-size: 10px; }
    .sidebar-menu nav > ul > li > ul.submenu,
    .sidebar-menu nav > ul > li > ul.mega-menu { background: #fff none repeat scroll 0 0; border-top: 1px solid #dcdcdc; box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15); display: block; left: 100%; padding: 20px 20px 24px; position: absolute; top: 0; transform: rotateX(90deg); transform-origin: center top 0; transition: all 0.5s ease 0s; visibility: hidden; width: 190px; z-index: 999; }

    .sidebar-menu nav > ul > li:hover > ul.submenu,
    .sidebar-menu nav > ul > li:hover > ul.mega-menu { transform: rotateX(0deg); visibility: visible; }
    .sidebar-menu ul li ul li { padding: 0; }
    .sidebar-menu nav > ul > li > ul.mega-menu { padding: 33px 30px 62px 50px; width: 1000px; }
        .sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li { border-right: 1px solid #ebebeb; display: inline-block; float: left; margin-right: 16px; width: 17.5%; }

            .sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li:last-child { border-right: none; }

    .sidebar-menu ul li:hover > a { color: #a8741a; }
    .sidebar-menu ul li ul li a:hover { color: #a8741a; padding-left: 10px; }
.sidebar-newsletter-title > h4 { color: #ffffff; font-size: 18px; margin: 0; }
.sidebar-newsletter-title > p { color: #fff; margin: 5px 0 33px; }
.subscribe-form-3 form input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: #303030; border-image: none; border-style: none none solid; border-width: medium medium 1px; box-shadow: none; color: #fff; font-size: 13px; height: 45px; padding: 0 35px 0 0; }
.subscribe-form-3 form { position: relative; }
    .subscribe-form-3 form input::-moz-placeholder { color: #fff; opacity: 1; }
    .subscribe-form-3 form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.subscribe-form-3 .clear input { border: medium none; cursor: pointer; padding: 0; text-indent: -99999px; width: 20px; }
.subscribe-form-3 .mc-form .clear { background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/send-2.png") no-repeat scroll right 0 center; bottom: 0; cursor: pointer; display: inline-block; padding: 0 6px; position: absolute; right: 0; transition: all 0.3s ease 0s; z-index: 999; }
.sidebar-social ul li { display: inline-block; list-style: outside none none; margin-right: 2px; }
    .sidebar-social ul li:last-child { margin-right: 0px; }
    .sidebar-social ul li a { background-color: #555; border-radius: 50px; color: #fff; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; }
.sidebar-copyright > p { color: #fff; margin: 15px 0 0; }
    .sidebar-copyright > p a { color: #fff; }
.sidebar-social-copyright { padding: 150px 40px 0 0; }
/* header sidebar-right-wrapper index-watch */
.mobile-stting { display: none }
.header-top-wrapper { display: flex; justify-content: space-between; padding: 0 30px; }
.language-currency.lang-curr-border-3::before { background-color: #2d2d2d; }
.sidebar-header-top-right { display: flex; }
.header-search-3 { padding: 0 20px; border-left: 1px solid #2d2d2d; }
    .header-search-3 form input { background: transparent none repeat scroll 0 0; border: medium none; color: #fff; font-size: 13px; height: 47px; padding: 0 30px 0 0px; width: 250px; }
        .header-search-3 form input::-moz-placeholder { color: #fff; opacity: 1; }
        .header-search-3 form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
    .header-search-3 form { position: relative; }
        .header-search-3 form button { background-color: transparent; border: medium none; color: #fff; cursor: pointer; font-size: 25px; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; }
button.icon-setting { background-color: transparent; border: medium none; color: #fff; cursor: pointer; font-size: 25px; padding: 0; transition: all .3s ease 0s; }
.header-setting:hover button.icon-setting,
.header-search-3 form button:hover,
.single-setting-content2 li a:hover { color: #a8741a; }
.header-setting { padding: 6px 18px 0; position: relative; border-left: 1px solid #2d2d2d; }
.setting-wrapper { background: #fff none repeat scroll 0 0; display: none; padding: 17px 20px 22px; position: absolute; right: 0; top: 100%; width: 200px; z-index: 9999; }
.single-setting-content ul li { display: block; list-style: outside none none; margin-bottom: 8px; }
    .single-setting-content ul li a { color: #242424; letter-spacing: 0.2px; }
        .single-setting-content ul li a:hover { color: #a8741a; padding-left: 5px; }
.single-setting-content2 { border-top: 1px solid #ddd; margin-top: 16px; padding-top: 14px; }
h4.setting-title { color: #242424; font-size: 13px; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 15px; text-transform: uppercase; }
.single-setting-content2 li { display: inline-block; margin-right: 10px; position: relative; }
    .single-setting-content2 li::before { background-color: #242424; bottom: 9px; content: ""; height: 1px; position: absolute; right: -9px; transition: all 0.4s ease 0s; width: 4px; }
    .single-setting-content2 li a { color: #242424; letter-spacing: 0.2px; text-transform: capitalize; }
    .single-setting-content2 li:last-child::before { display: none; }
.watch-cart button.icon-cart { border: medium none; padding: 0; }
    .watch-cart button.icon-cart span.count-style { background-color: #a8741a; left: -27px; top: 1px; }
.watch-header-top .lang-curr-dropdown ul li ul li > a:hover { color: #a8741a; }
.watch-cart button.icon-cart i.cart-bag { border-right: 1px solid #323232; }
.watch-cart button.icon-cart i.cart-down { color: #a8741a; }
.header-cart.watch-cart { border-left: 1px solid #2d2d2d; padding: 9px 0 0 57px; z-index: 999; }
.watch-cart .btn-style:hover { background-color: #a8741a; border: 2px solid #a8741a; }
.watch-cart .shopping-cart-total > h4 span.shop-total,
.watch-cart .shopping-cart-title > h4 a:hover { color: #a8741a; }
.watch-cart .shopping-cart-delete > a:hover { border: 2px solid #a8741a; color: #a8741a; }
/* slider index-watch */
.slider-content-7 h5 { color: #a8741a; font-size: 16px; margin: 0; }
.slider-content-7 h2 { color: #ffffff; font-family: "Prata", serif; font-size: 60px; margin: 12px 0 10px; }
.slider-content-7 p { color: #ddd; font-size: 16px; margin: 0 0 44px; width: 40%; }
.slider-content-7 h3 { color: #a8741a; font-size: 48px; margin: 0; }
    .slider-content-7 h3 span { color: #ddd; font-size: 16px; }
.slider-btn.slider-btn-watch a:hover { background-color: #a8741a; border: 2px solid #a8741a; }
.owl-dot-style.owl-dot-watch .owl-dot.active { background: #a8741a none repeat scroll 0 0; }
.owl-dot-style.owl-dot-watch .owl-dot { background: #3f3f3f none repeat scroll 0 0; }
/* product index-watch */
.product-tab-list-3 a { color: #606060; margin: 0 28px; position: relative; }
    .product-tab-list-3 a::before { background-color: #535353; border-radius: 50px; content: ""; height: 5px; position: absolute; right: -30px; top: 10px; width: 5px; }
    .product-tab-list-3 a:last-child::before { display: none; }
    .product-tab-list-3 a h4 { color: #999; font-size: 20px; font-family: 'Prata', serif; }
    .product-tab-list-3 a.active h4 { color: #fff; }
.devita-product-2.devita-product-watch { background-color: #242424; }
    .devita-product-2.devita-product-watch:hover { background-color: #242424; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
.devita-product-watch .product-content > h4 a,
.devita-product-watch .product-action-wrapper-2 > p,
.devita-product-watch .product-rating i.theme-star { color: #fff }

.devita-product-watch .product-content > span,
.devita-product-watch .product-price-wrapper > span { color: #ddd; }
.devita-product-watch .product-content > h4 a:hover { color: #a8741a }
.devita-product-watch .product-img > span,
.nav-style.nav-style-watch.owl-carousel .owl-nav div:hover { background-color: #a8741a; }
.devita-product-watch .product-action > a.same-action:hover,
.devita-product-watch .product-action > a.action-cart:hover { background-color: #a8741a; color: #fff; }
.nav-style.nav-style-watch.owl-carousel .owl-nav div { background-color: #666; color: #fff; }
/* deals area index-watch */
.section-bg-black-2 { background-color: #242424; position: relative; z-index: 1; }
.deals-content-3 > h2 { color: #fff; font-family: "Prata", serif; font-size: 48px; margin: 5px 0 11px; }
    .deals-content-3 > h2 span { color: #a8741a; }
.deals-content-3 .timer-style-2 span { color: #a8741a; border: 2px solid #2d2d2d; }
    .deals-content-3 .timer-style-2 span p { color: #fff; }
        .deals-content-3 .timer-style-2 span p::before { background-color: #bbb; height: 1px; top: -4px; }
.deals-btn-3 .btn-style { border: 2px solid #a8741a; color: #a8741a; display: inline-block; padding: 14px 50px 12px; }
    .deals-btn-3 .btn-style:hover { background-color: #a8741a; border: 2px solid #a8741a; color: #fff; border-radius: 3px; }
.deals-content-3 > p { color: #fff; font-size: 16px; margin: 0; }
.deals-content-3 { margin-left: -30px; }
    .deals-content-3 > h2 { font-size: 35px; }
.section-title-3 { color: #fff; font-family: "Prata", serif; font-size: 20px; margin: 0; display: inline-block; }
.single-product-bundle-watch .product-content > h4 a { color: #fff; }
    .single-product-bundle-watch .product-content > h4 a:hover { color: #a8741a; }
.best-selling-active-4.nav-style.owl-carousel .owl-nav div { top: -70px; }
.best-selling-active-3 .single-product-wrapper { margin: 0 0 26px; }
    .best-selling-active-3 .single-product-wrapper:last-child { margin: 0 0 0px; }
.single-product-bundle-watch .product-content > span { color: #ddd; }
.best-selling-active-3.nav-style.owl-carousel .owl-nav div { top: -75px; }
/* blog area index-watch */
.blog-slider-active-watch.nav-style.owl-carousel .owl-nav div { top: -70px; }
.blog-content-2 > h4 { color: #ffffff; font-size: 16px; line-height: 18px; margin: 0 0 9px; }
    .blog-content-2 > h4 a { color: #ffffff; }
.blog-content-2 .blog-meta ul li,
.blog-content-2 .blog-meta ul li a { color: #ddd; }
    .blog-content-2 .blog-meta ul li::before { background-color: #ddd; }
.blog-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -75px; }
/* newsletter area index-watch */
.newsletter-title > h4 { color: #fff; font-family: "Prata", serif; font-size: 24px; margin: 0 0 8px; }
.newsletter-title > p { color: #fff; margin: 0; }
.subscribe-form-4 form input { background: #1f1f1f none repeat scroll 0 0; border: 1px solid #2d2d2d; color: #fff; font-size: 12px; height: 50px; padding: 0 175px 0 20px; }
    .subscribe-form-4 form input::-moz-placeholder { color: #fff; opacity: 1; }
.subscribe-form-5 form input::-moz-placeholder { color: #242424; opacity: 1; }
.subscribe-form-4 form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.subscribe-form-5 form input::-webkit-input-placeholder { color: #242424; opacity: 1; }
.subscribe-form-4 form,
.subscribe-form-5 form { position: relative; }
    .subscribe-form-4 form .clear-3,
    .subscribe-form-5 form .clear-4 { position: absolute; right: 0; top: 0; }
        .subscribe-form-4 form .clear-3 input { width: inherit; padding: 0 47px; background-color: #a8741a; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 500; border-radius: 5px; cursor: pointer; }
            .subscribe-form-4 form .clear-3 input:hover { background-color: #fff; color: #a8741a; }
/* footer area index-watch */
.header-top-yellow .lang-curr-dropdown ul li ul li > a:hover,
.header-top-yellow .lang-curr-dropdown ul li a:hover,
.header-top-yellow .header-top-right ul li a:hover { color: #f1ac06; }
.footer-contact-2 ul li { display: inline-block; margin: 0 10px; list-style: none; color: #fff; position: relative; }
    .footer-contact-2 ul li a { color: #fff; }
        .footer-contact-2 ul li a:hover,
        .blog-content-2 .blog-meta ul li a:hover,
        .blog-content-2 > h4 a:hover { color: #a8741a; }
    .footer-contact-2 ul li::before { background-color: #fff; content: ""; height: 1px; position: absolute; right: -19px; top: 10px; transform: rotate(-58deg); transition: all 0.4s ease 0s; width: 13px; }
    .footer-contact-2 ul li:last-child::before { display: none; }

/*---------------------------
    12. Home construction
-----------------------------*/

/* header area index-construction */
.language-currency.lang-curr-border-4::before { background-color: #464749; }
.header-search-4 { margin-top: 2px; }
    .header-search-4 form input { background-color: rgba(255, 255, 255, 0.1); border: medium none; border-radius: 50px; color: #fff; font-size: 14px; height: 45px; padding: 0 50px 0 18px; width: 330px; }
        .header-search-4 form input::-moz-placeholder { color: #fff; opacity: 1; }
        .header-search-4 form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
    .header-search-4 form { position: relative; }
        .header-search-4 form button { background-color: transparent; border: medium none; color: #f1ac06; cursor: pointer; font-size: 20px; padding: 0 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; }
            .header-search-4 form button:hover { color: #fff; }
.construction-cart button.icon-cart { background-color: rgba(255, 255, 255, 0.1); border: medium none; border-radius: 50px; padding: 10px 12px 7px; }
    .construction-cart button.icon-cart span.count-style { background-color: #f1ac06; left: -20px; top: 11px; }
    .construction-cart button.icon-cart i.cart-bag { border-right: 1px solid #4e4842; }
    .construction-cart button.icon-cart i.cart-down { color: #6d6d6d; }
.construction-cart .btn-style:hover { background-color: #f1ac06; border: 2px solid #f1ac06; }
.construction-cart .shopping-cart-total > h4 span.shop-total,
.construction-cart .shopping-cart-title > h4 a:hover { color: #f1ac06; }
.construction-cart .shopping-cart-delete > a:hover { border: 2px solid #f1ac06; color: #f1ac06; }
.header-bottom-yellow .main-menu ul li a i { color: #fff; }
.header-bottom-yellow .main-menu ul li ul li a:hover { color: #f1ac06; }
.header-bottom-yellow { background-image: url("../img/icon-img/header-shape.png"); background-position: center top; background-repeat: no-repeat; }
/* slider area index-construction */
.construction-slider .slider-content-4 h2 { font-size: 60px; }
.construction-slider .slider-btn-5 a { background-color: #f1ac06; }
    .construction-slider .slider-btn-5 a:hover { background-color: #242424; }
.slider-single-img-1,
.slider-single-img-2,
.slider-single-img-3 { position: relative; }
.owl-carousel .owl-item .slider-single-img-1 img,
.owl-carousel .owl-item .slider-single-img-2 img,
.owl-carousel .owl-item .slider-single-img-3 img { width: auto; }
.slider-single-img-1 img { bottom: -96px; position: absolute; right: -250px; }
.slider-single-img-2 > img { bottom: -161px; position: absolute; right: -72px; width: auto; }
.slider-single-img-3 > img { bottom: -120px; position: absolute; right: 26px; width: auto; }
.owl-dot-style.owl-dot-yellow .owl-dot.active { background: #f1ac06 none repeat scroll 0 0; }
.owl-dot-style.owl-dot-yellow .owl-dot { background: #dadada none repeat scroll 0 0; }
.slider-content-4.construction-content-2 h2 { margin: 12px 0 43px; }
.slider-content-4.construction-content-1 h2 { margin: 12px 0 25px; }
.slider-content-4.construction-content-3 h2 { margin: 12px 0 35px; }
/* service area index-construction */
.shop-service-wrapper.service-construction { border: medium none; }
.service-construction .shop-service-content > h4 { color: #242424; }
.service-construction .shop-service-content > p { color: #a4a4a4; }
.service-construction .shop-service-content::before { background-color: #ebebeb; }
/* product area index-construction */
.product-tab-list.tab-list-yellow > a.active h4 { border: 2px solid #f1ac06; color: #f1ac06; }
.devita-product-yellow .product-img > span { background-color: #f1ac06; }
.devita-product-yellow .product-rating i.theme-star,
.devita-product-yellow .product-content > h4 a:hover { color: #f1ac06; }
.devita-product-yellow .product-action > a.same-action:hover,
.devita-product-yellow .product-action > a.action-cart:hover,
.devita-product-yellow .product-img > span,
.devita-product-yellow .best-pro-action-2 a:hover { background-color: #f1ac06; }
.nav-style-yellow.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav.nav-style.nav-style-yellow div:hover { background-color: #f1ac06; }
.devita-product-yellow .product-img-slider .cr-navigation:hover { background: rgba(241, 172, 6, 0.8) none repeat scroll 0 0; }
/* construction-discount index-construction */
.construction-discount-content h3 { color: #ffffff; font-size: 30px; margin: 0 0 8px; }
.construction-discount-content p { color: #ffffff; font-size: 18px; margin: 0; }
.construction-discount-btn .btn-style { border: 2px solid rgba(255, 255, 255, .5); border-radius: 3px; color: #ffffff; display: inline-block; float: right; font-size: 14px; padding: 14px 34px 12px; }
    .construction-discount-btn .btn-style:hover { background-color: #fff; color: #242424; }
/* footer index-construction */
.footer-widget-construction .subscribe-form-2 form input { color: #ddd; }
    .footer-widget-construction .subscribe-form-2 form input::-moz-placeholder { color: #ddd; opacity: 1; }
    .footer-widget-construction .subscribe-form-2 form input::-webkit-input-placeholder { color: #ddd; opacity: 1; }
.footer-widget-construction .subscribe-form-2 form .clear-2 input { background-color: #f1ac06; color: #fff; }
    .footer-widget-construction .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #242424; }
.copyright-construction.copyright > p { margin: 3px 0 0; }
    .copyright-construction.copyright > p a { color: #fff; }

/*---------------------------
    13. Home jewelry
-----------------------------*/

/* notification index-jewelry */
.notification-content-2 > p { color: #a96b6b; font-size: 13px; margin: 0; }
    .notification-content-2 > p a { color: #df2121; }
        .notification-content-2 > p a:hover { color: #242424; }
.notification-icon.notification-icon-jewelry button { color: #df2121; }
    .notification-icon.notification-icon-jewelry button:hover { color: #242424; }
/* header index-jewelry */
.menu-jewelry .main-menu ul li { margin: 0 24px; }
    .menu-jewelry .main-menu ul li ul li { margin: 0 0px; }
    .menu-jewelry .main-menu ul li ul > li.mega-menu-title { margin: 0 0 17px; }
    .menu-jewelry .main-menu ul li ul li a { color: #7a7a7a; }
/* slider index-jewelry */
.slider-content-8 h5,
.slider-content-8 p { color: #fff; font-size: 16px; margin: 0; }
.slider-content-8 h2 { color: #fff; font-family: "Prata", serif; font-size: 60px; margin: 10px 0 12px; }
/* service index-jewelry */
.shop-service-jewelry .shop-service-wrapper { border: none; }
.shop-service-content > p { color: #ddd; }
/* offery area index-jewelry */
.jewelry-offery-content > h5 { margin: 0; font-size: 16px; }
.jewelry-offery-content > h2 { font-family: "Prata", serif; font-size: 60px; margin: 15px 0 16px; }
.jewelry-offery-content > p { color: #242424; font-size: 16px; font-weight: 300; margin: 0 auto 31px; width: 81%; }
.jewelry-offery-btn .btn-style { border: 2px solid #242424; padding: 14px 35px 12px; border-radius: 3px; display: inline-block; }
    .jewelry-offery-btn .btn-style:hover { border: 2px solid #242424; background-color: #242424; color: #fff; }
/* newsletter area index-jewelry */
.newsletter-border { border: 10px solid #f4f4f4; }
.newsletter-title-2 h3 { font-family: "Prata", serif; font-size: 24px; margin: 0 0 8px; }
.newsletter-title-2 p { font-size: 14px; color: #5a5a5a; margin: 0; }
.subscribe-form-5 form input { background: transparent; border: 1px solid #ebebeb; color: #5a5a5a; font-size: 12px; height: 50px; padding: 0 175px 0 20px; border-radius: 5px; }
.subscribe-form-5 form .clear-4 input { background-color: #df2121; border-radius: 5px; color: #fff; cursor: pointer; font-size: 13px; font-weight: 500; padding: 0 47px; text-transform: uppercase; width: inherit; }
    .subscribe-form-5 form .clear-4 input:hover { background-color: #242424; }
/* best selling area index-jewelry */
.section-title-4 { color: #242424; font-family: "Prata", serif; font-size: 24px; margin: 0; display: inline-block; }
.single-product-bundle-jewelry .product-content > span { color: #444; }
/* blog area index-jewelry */
.blog-content-3 > h4 { font-family: "Prata", serif; font-size: 18px; line-height: 22px; margin: 0 0 4px; }
    .blog-content-3 > h4 a:hover,
    .blog-content-3 .blog-meta ul li a:hover { color: #df2121; }

/*---------------------------
    14. Home cycle
-----------------------------*/

/* header */
.top-yellowgreen-color .lang-curr-dropdown ul li ul li > a:hover,
.top-yellowgreen-color.header-top-color-2 .header-top-right ul li a:hover { color: #9bb70d; }

.middle-yellowgreen-color button.icon-cart span.count-style,
.middle-yellowgreen-color .header-search div.header-search-form button { background-color: #9bb70d; }
.middle-yellowgreen-color button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #9bb70d; }
.middle-yellowgreen-color .btn-style:hover { background-color: #9bb70d; border: 2px solid #9bb70d; }
.middle-yellowgreen-color .shopping-cart-total > h4 span.shop-total,
.middle-yellowgreen-color .shopping-cart-title > h4 a:hover { color: #9bb70d; }
.middle-yellowgreen-color .shopping-cart-delete > a:hover { border: 2px solid #9bb70d; color: #9bb70d; }
/* menu index-cycle */
.yellowgreen-color .main-menu.main-border nav > ul > li > a::before,
.yellowgreen-color .main-menu.main-border nav > ul > li > a.menu-border::after { background-color: #ebebeb; }
.yellowgreen-color .main-menu nav > ul > li > a { color: #242424; font-size: 18px; font-weight: 500; font-family: 'Teko', sans-serif; line-height: 54px; padding-top: 4px; }
.yellowgreen-color .main-menu ul li a i { color: #a4a4a4; }
.yellowgreen-color .main-menu ul li ul li a:hover,
.yellowgreen-color .main-menu ul li:hover > a { color: #9bb70d; }



/* slider index-cycle */
.slider-content-9 h2 { font-size: 80px; line-height: 60px; margin: 0; font-family: 'Teko', sans-serif; }
.slider-content-9 h3 { color: #9bb70d; font-family: "Teko", sans-serif; font-size: 48px; font-weight: 500; margin: 33px 0 0px; }
    .slider-content-9 h3 span { font-size: 30px; color: #242424; font-weight: 400; font-family: 'Teko', sans-serif; }
.slider-btn-cycle a { background-color: #9bb70d; border: 2px solid #9bb70d; border-radius: 5px; color: #fff; display: inline-block; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; padding: 10px 48px 7px; text-transform: uppercase; }
.owl-dot-style-2.owl-dot-yellowgreen .owl-dot { background: #464646 none repeat scroll 0 0; }
    .owl-dot-style-2.owl-dot-yellowgreen .owl-dot.active { background: #fff none repeat scroll 0 0; }
.owl-dot-style-2.owl-dot-yellowgreen .owl-dots { bottom: 40px; }
/* product index-cycle */
.cycle-product .row { margin-left: 0px; margin-right: 0px; }
    .cycle-product .row div[class^="col-"] { padding-left: 0px; padding-right: 0px; }
.devita-product-yellowgreen .product-action > a.same-action:hover,
.devita-product-yellowgreen .product-action > a.action-cart:hover,
.devita-product-yellowgreen .product-img > span,
.devita-product-yellowgreen .best-pro-action-2 a:hover { background-color: #9bb70d; }
.devita-product-yellowgreen .product-img-slider .cr-navigation:hover { background: rgba(155, 183, 13, 0.8) none repeat scroll 0 0; }
.product-tab-list.tab-list-yellowgreen > a.active h4 { border: 2px solid #9bb70d; color: #9bb70d; }
.devita-product-yellowgreen .product-rating i.theme-star,
.devita-product-yellowgreen .product-content > h4 a:hover { color: #9bb70d; }
.devita-product-2.devita-product-yellowgreen .list-col .gridview { padding: 0 28px 30px; }
.product-slider-nav.nav-style.nav-style-yellowgreen { margin-top: -55px; }


/* banner index-cycle */
.banner-content > h4 { color: #fff; font-size: 24px; text-transform: uppercase; font-family: "Teko", sans-serif; margin: 0; position: relative; }
    .banner-content > h4::before { bottom: -24px; content: url("../../assets/img/icon-img/shape.png"); left: 0; position: absolute; }
.banner-content > h2 { color: #fff; font-family: "Teko", sans-serif; font-size: 80px; line-height: 60px; margin: 47px 0 32px; }
.banner-content > h3 { color: #9bb70d; font-family: "Teko", sans-serif; font-size: 48px; font-weight: 500; margin: 0; }
    .banner-content > h3 span { color: #fff; font-size: 30px; font-weight: 400; }
.banner-btn .btn-style-2 { background-color: #85a700; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; padding: 17px 48px 15px; }
    .banner-btn .btn-style-2:hover { background-color: #fff; color: #242424; }
/* best selling area index-cycle */
.nav-style-yellowgreen.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav.nav-style.nav-style-yellowgreen div:hover { background-color: #85a700; }
.bestselling-cycle-active.nav-style.owl-carousel .owl-nav div { top: -53px; }
.product-slider-style-2 .devita-product-yellowgreen .product-img > span { left: 10px; top: 10px; }
.cycle-section-title .section-title { font-family: "Teko", sans-serif; font-size: 24px; text-transform: uppercase; }
/* blog area index-cycle */
.cycle-blog-wrapper .blog-categori > span { background-color: #9bb70d; }
.cycle-blog-wrapper .blog-content > h4 { font-size: 24px; font-family: "Teko", sans-serif; margin: 0 40px 10px; }
.blog-slider-active-3.nav-style.owl-carousel .owl-nav div { top: -67px; }
.cycle-blog-wrapper .blog-content > h4 a:hover,
.blog-wrapper-2.cycle-blog-wrapper .blog-meta ul li a:hover { color: #9bb70d; }
/* footer area index-cycle */
.footer-widget-yellowgreen .subscribe-form-2 form .clear-2 input { background-color: #9bb70d; color: #fff; font-size: 18px; font-family: "Teko", sans-serif; padding: 14px 48px 12px; }
    .footer-widget-yellowgreen .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #242424; }

/*---------------------------
    15. Home sports
-----------------------------*/

/* header area */
.custom-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 1260px; }
.header-middle-sports .header-contact-icon i,
.header-middle-sports .header-contact-content > p { color: #242424; }
.header-top-color-4 .language-currency span,
.header-top-color-4 .lang-curr-dropdown ul li a { color: #a5a5a5; }
.language-currency.lang-curr-border-5::before { background-color: #463554; }
.header-top-color-4 .header-top-right ul li a { color: #a5a5a5; }
    .header-top-color-4 .header-top-right ul li a:hover { color: #fff; }
.header-top-color-4 .lang-curr-dropdown ul li ul li > a:hover { color: #f2640a; }
.header-middle-sports { padding: 40px 30px; }
    .header-middle-sports .header-cart:hover button.icon-cart i.cart-bag,
    .header-middle-sports .header-cart:hover > button.icon-cart span.count-amount { color: #f2640a; }
.header-bottom-orange .main-menu nav > ul > li > a { color: #242424; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; padding-top: 2px; }
.header-bottom-orange .main-menu ul li:hover > a { color: #f2640a; }
.header-bottom-orange .main-menu ul li ul li a:hover { color: #f2640a; }
.header-bottom-orange .main-menu ul li a i { color: #a4a4a4; }
.header-middle-color-6 button.icon-cart span.count-style,
.header-middle-color-6 .header-search div.header-search-form button { background-color: #f2640a; }
    .header-middle-color-6 .header-search div.header-search-form button:hover { background-color: #242424; color: #fff; }
.header-middle-color-6 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #f2640a; }
.header-middle-color-6 button.icon-cart i.cart-down { color: #645b5b; }
.header-middle-color-6 .btn-style:hover { background-color: #f2640a; border: 2px solid #f2640a; }
.header-middle-color-6 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-6 .shopping-cart-title > h4 a:hover { color: #f2640a; }
.header-middle-color-6 .shopping-cart-delete > a:hover { border: 2px solid #f2640a; color: #f2640a; }
/* slider area index-sports */
.slider-banner { margin-left: -100px; }
    .slider-banner h2 { color: #fff; font-family: "Teko", sans-serif; font-size: 100px; margin: 0; line-height: 1; }
        .slider-banner h2 span { color: #f2640a; }
    .slider-banner > p { color: #fff; font-size: 18px; margin: 3px auto 41px; width: 60%; }
    .slider-banner > h4 { font-weight: 500; color: #f2640a; font-size: 48px; margin: 0; font-family: "Teko", sans-serif; }
        .slider-banner > h4 span { font-weight: 400; color: #fff; font-size: 30px; }
.slider-btn.orange-color a { background-color: #f2640a; border: 2px solid #f2640a; font-family: "Teko", sans-serif; font-size: 18px; padding: 11px 48px 8px; }
    .slider-btn.orange-color a:hover { background-color: #fff; border: 2px solid #fff; color: #242424; }
/* banner area index-sports */
.banner-negative-mrg { margin-top: -105px; background-color: #fff; padding: 30px 30px 0; border-radius: 5px; }
/* product area index-sports */
.product-tab-list.tab-list-orange > a.active h4 { border: 2px solid #f2640a; color: #f2640a; }
.devita-product-orange .product-action > a.same-action:hover,
.devita-product-orange .product-action > a.action-cart:hover,
.devita-product-orange .product-img > span,
.devita-product-orange .best-pro-action-2 a:hover { background-color: #f2640a; }
.devita-product-orange .product-img-slider .cr-navigation:hover { background: rgba(242, 100, 10, 0.8) none repeat scroll 0 0; }
.devita-product-orange .product-rating i.theme-star,
.devita-product-orange .product-content > h4 a:hover { color: #f2640a; }
/* product overview area index-sports */
.product-overview-content h3 { font-family: "Teko", sans-serif; font-size: 24px; margin: 0; position: relative; display: inline-block; }
    .product-overview-content h3::before { bottom: -24px; content: url("../../assets/img/icon-img/shape-2.png"); left: 50%; position: absolute; transform: translateX(-50%); }
.product-overview-content h2 { font-family: "Teko", sans-serif; font-size: 80px; line-height: 60px; margin: 68px 0 28px; }
.product-overview-content p { font-size: 14px; margin: 0; color: #242424; font-style: italic; }
    .product-overview-content p span { color: #f2640a; }
.product-overview-btn .btn-style-2 { background-color: #f2640a; border-radius: 3px; font-family: "Teko", sans-serif; font-size: 18px; padding: 17px 48px 15px; }
    .product-overview-btn .btn-style-2:hover { background-color: #242424; color: #fff; }
.product-overview-img { overflow: hidden; }
    .product-overview-img img,
    .blog-img img { transition: all 1.5s ease 0s; width: 100%; }
.product-overview-wrapper:hover .product-overview-img img,
.blog-wrapper-2:hover .blog-img img { transform: scale(1.2); }
/* best selling area index-sports */
.nav-style-orange.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav-2.nav-style.nav-style-orange div:hover { background-color: #f2640a; }
/* blog selling area index-sports */
.orange-blog-wrapper .blog-categori > span { background-color: #f2640a; }
.orange-blog-wrapper .blog-content > h4 { font-family: "Teko", sans-serif; font-size: 24px; margin: 0 40px 10px; }
    .orange-blog-wrapper .blog-content > h4 a:hover,
    .blog-wrapper-2.orange-blog-wrapper .blog-meta ul li a:hover { color: #f2640a; }
/* services area index-sports */
.orange-services .shop-service-wrapper { padding: 35px 10px; }
.orange-services .shop-service-content > h4,
.yellowgreen-services .shop-service-content > h4 { font-size: 18px; font-family: "Teko", sans-serif; }
/* footer area index-sports */
.footer-widget-orange .subscribe-form-2 form .clear-2 input { background-color: #f2640a; color: #fff; font-family: "Teko", sans-serif; font-size: 18px; padding: 14px 48px 12px; }
    .footer-widget-orange .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #242424; }
.footer-title.different-font > h4 { font-size: 24px; font-family: "Teko", sans-serif; }
.orange-color .copyright > p a { color: #f2640a; }

/*---------------------------
    16. Home fashion
-----------------------------*/

.header-top-color-3.header-top-fashion .lang-curr-dropdown ul li ul li > a:hover,
.header-top-color-3.header-top-fashion .lang-curr-dropdown ul li a:hover,
.header-top-color-2.header-top-color-3.header-top-fashion .header-top-right ul li a:hover { color: #cc2121; }
.header-search-5 { margin-top: 2px; }
    .header-search-5 form input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; border-radius: 50px; color: #242424; font-size: 13px; padding: 0 50px 0 15px; width: 330px; }
        .header-search-5 form input::-moz-placeholder { color: #242424; opacity: 1; }
        .header-search-5 form input::-webkit-input-placeholder { color: #242424; opacity: 1; }
    .header-search-5 form { position: relative; }
        .header-search-5 form button { background: transparent none repeat scroll 0 0; border: medium none; color: #242424; cursor: pointer; font-size: 20px; padding: 3px 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s ease 0s; }
            .header-search-5 form button:hover { color: #cc2121; }
.header-middle-color-7 button.icon-cart { background-color: #cc2121; border: medium none; border-radius: 50px; padding: 8px 12px 5px; }
    .header-middle-color-7 button.icon-cart span.count-style { background-color: #f1ac06; left: -19px; top: 9px; }
    .header-middle-color-7 button.icon-cart i.cart-bag { border-right: 1px solid #d64d4d; }
    .header-middle-color-7 button.icon-cart i.cart-down { color: #ee9595; }
.header-middle-color-7 .shopping-cart-green .btn-style:hover { background-color: #cc2121; border: 2px solid #cc2121; color: #fff; }
.header-middle-color-7 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-7 .shopping-cart-title > h4 a:hover { color: #cc2121; }
.header-middle-color-7 .shopping-cart-delete > a:hover { border: 2px solid #cc2121; color: #cc2121; }
.header-middle-color-7 .header-cart { margin-top: 2px; }
.header-bottom-red .main-menu { border-radius: 3px; }
    .header-bottom-red .main-menu ul li a { color: #242424; }
    .header-bottom-red .main-menu ul li { margin-right: 40px; }
        .header-bottom-red .main-menu ul li ul li { margin-right: 0px; }
            .header-bottom-red .main-menu ul li ul li a { color: #7a7a7a; }
        .header-bottom-red .main-menu ul li a i { color: #bababa; }
        .header-bottom-red .main-menu ul li:hover > a { color: #666; }
        .header-bottom-red .main-menu ul li ul li a:hover { color: #cc2121; }
/* shop-service index-fashion */
.shop-fashion.shop-service-area { padding: 13px 0 13px; }
.single-shop-service > h5 { color: #242424; font-size: 12px; margin: 0; text-transform: uppercase; }
    .single-shop-service > h5 span { color: #cc2121; }
.shop-service-border { position: relative; }
    .shop-service-border::before { background-color: #ebebeb; content: ""; height: 20px; position: absolute; right: -15px; top: -4px; width: 1px; }
    .shop-service-border:last-child::before { display: none; }
/* slider index-fashion */
.slider-content-10 h5 { color: #ffffff; font-size: 18px; }
.slider-content-10 h2 { color: #ffffff; font-family: "Prata", serif; font-size: 60px; line-height: 60px; margin: 16px 0 32px; }
.slider-content-10.slider-content-10-second h2 { margin: 16px 0 31px; color: #242424; }
.slider-content-10 p { color: #ffffff; font-size: 18px; font-weight: 300; margin: 0; }
.slider-content-10.slider-content-10-second p,
.slider-content-10.slider-content-10-second h5 { color: #242424; }
.slider-content-10 .slider-btn-5 a { background-color: #fff; border-radius: 50px; color: #242424; padding: 18px 37px; }
    .slider-content-10 .slider-btn-5 a:hover { background-color: #cc2121; color: #fff; }
/* shop service index-fashion */
.shop-service-content-3 { position: relative; }
    .shop-service-content-3 > h4 { color: #242424; font-size: 14px; font-weight: 500; margin: 0 0 2px; }
    .shop-service-content-3 > p { color: #242424; font-size: 13px; line-height: 18px; margin: 0; }
    .shop-service-content-3::before { background-color: #ebebeb; }
/* product index-fashion */
.devita-product-red-2.nav-style.owl-carousel .owl-nav div { border-radius: 50px; }
    .devita-product-red-2.nav-style.owl-carousel .owl-nav div:hover,
    .product-slider-nav.nav-style.nav-style-fashion div:hover,
    .product-slider-nav-2.nav-style.nav-style-fashion div:hover { background-color: #cc2121; }

.product-slider-nav.nav-style.nav-style-fashion div,
.product-slider-nav-2.nav-style.nav-style-fashion div { border-radius: 50px; }
.devita-product-red-2 .product-action > a.same-action:hover,
.devita-product-red-2 .product-action > a.action-cart:hover,
.devita-product-red-2 .product-img > span { background-color: #cc2121; }
.devita-product-red-2 .product-rating i.theme-star,
.devita-product-red-2 .product-content > h4 a:hover { color: #cc2121; }
.product-slider-nav-2.nav-style.nav-style-fashion { margin-top: -38px; }
/* ourwork index-fashion */
.our-work { margin: 0 -35px; }
    .our-work > h3 { color: #242424; font-family: "Prata", serif; font-size: 36px; font-weight: 400; line-height: 38px; margin: 0; }
        .our-work > h3.light-style { opacity: .08; }
.fashion-footer .footer-widget-red .subscribe-form-2 form .clear-2 input { background-color: #cc2121; border-radius: 50px; color: #fff; }
.fashion-footer .copyright-red.copyright > p a { color: #cc2121; }
.fashion-footer .copyright > p { color: #5a5a5a; }
    .fashion-footer .copyright > p a:hover { text-decoration: underline; }
    .fashion-footer .copyright > p a { color: #cc2121; }

/*---------------------------
    17. Home game
-----------------------------*/

/* header */
.header-search-4.header-search-4-red form button { color: #df2121; }
    .header-search-4.header-search-4-red form button:hover { color: #fff; }
.construction-cart.game-cart button.icon-cart span.count-style { background-color: #df2121; }
.construction-cart.game-cart .shopping-cart-total > h4 span.shop-total,
.construction-cart.game-cart .shopping-cart-title > h4 a:hover { color: #df2121; }
.construction-cart.game-cart .btn-style:hover { background-color: #df2121; border: 2px solid #df2121; }
.construction-cart .shopping-cart-delete > a:hover { border: 2px solid #df2121; color: #df2121; }
/* slider index-game */
.game-slider .owl-carousel .owl-item img { display: inline-block; width: auto; }
/* product index-game */
.section-bg-black { background-color: #0c0c0c; position: relative; z-index: 9; }
.devita-product-2.devita-product-game { background-color: #0c0c0c; }
    .devita-product-2.devita-product-game:hover { box-shadow: 0 0 15px rgba(141, 134, 134, 0.3); }
.devita-product-game .product-content > h4 a,
.devita-product-game .product-action-wrapper-2 > p { color: #fff; }
.devita-product-game .product-rating i.theme-star { color: #fff; }
.devita-product-game .product-content > span { color: #ddd; }
.devita-product-game .product-price-wrapper > span { color: #df2121; }
    .devita-product-game .product-price-wrapper > span.product-price-old { color: #a4a4a4; }
.best-selling-game .section-title,
.best-selling-game .product-tab-list-2 a.active h4,
.section-title.white-title { color: #fff; }
.devita-product-game .product-content > h4 a:hover { color: #df2121; }
.best-selling-game .section-border::before,
.product-area-game .section-border::before { background-color: #1d1d1d; }
.nav-style-game.nav-style.owl-carousel .owl-nav div { background-color: #1c1c1c; color: #ccc; }
.devita-product-game .product-img > span { background-color: #df2121; }
.devita-product-game .product-action > a.same-action:hover,
.devita-product-game .product-action > a.action-cart:hover,
.nav-style-game.nav-style.owl-carousel .owl-nav div:hover { background-color: #df2121; }
.banner-content-2 > img { width: 100%; }
.single-product-game .product-content > h4 a { color: #fff; }
    .single-product-game .product-content > h4 a:hover { color: #df2121; }
.single-product-game .product-content > span,
.single-product-game .product-price-wrapper > span { color: #ccc; }


/* blog index-game */

.blog-wrapper-4 { display: flex; }
    .blog-wrapper-4 .blog-img { flex: 0 0 250px; }
.blog-content-4 { align-items: flex-end; display: flex; flex-wrap: wrap; margin: 0 21px 0 20px; }
    .blog-content-4 > h4 { color: #ffffff; font-size: 16px; margin: 0 0 18px; }
        .blog-content-4 > h4 a { color: #ffffff; }
    .blog-content-4 > p { color: #ddd; font-size: 14px; margin: 0; }
.blog-meta-4 { border-top: 1px solid #1d1d1d; margin: 50px 0 0; padding: 14px 0 0; }
    .blog-meta-4 ul li { color: #ddd; display: inline-block; font-size: 13px; line-height: normal; margin-right: 15px; position: relative; }
        .blog-meta-4 ul li a { color: #ddd; }
        .blog-meta-4 ul li::before { background-color: #ddd; content: ""; height: 1px; position: absolute; right: -16px; top: 8px; transform: rotate(-58deg); transition: all 0.4s ease 0s; width: 12px; }
        .blog-meta-4 ul li:last-child::before { display: none; }
.blog-game .section-border::before { background-color: #1d1d1d; }
.blog-game .nav-style.owl-carousel .owl-nav div { top: -71px; }
.blog-meta-4 ul li a:hover,
.blog-content-4 > h4 a:hover { color: #df2121; }
.newsletter-game .subscribe-form-2 form .clear-2 input { background-color: #df2121; }
    .newsletter-game .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #242424; }

/*---------------------------
    18. Shop page
-----------------------------*/

.breadcrumb-area { padding: 21px 0 22px; }
.breadcrumb-content li { color: #047afe; display: inline-block; font-size: 14px; margin-right: 28px; position: relative; }
    .breadcrumb-content li a { color: #242424; text-transform:uppercase }
        .breadcrumb-content li a:hover { color: #047afe; }
    .breadcrumb-content li::before { background-color: #aaaaaa; content: ""; height: 2px; position: absolute; right: -22px; top: 10px; transform: rotate(-67deg); transition: all 0.4s ease 0s; width: 12px; }
    .breadcrumb-content li:last-child::before { display: none; }
.shop-sidebar-wrapper { border: 1px solid #efefef; padding: 17px 18px 29px; }
h4.shop-sidebar-title { font-size: 18px; font-weight: 500; margin: 0; }
.shop-catigory > ul { border-top: 1px solid #ebebeb; margin: 18px 0 0; padding: 27px 0 0; }
.shop-catigory ul > li { display: block; list-style: outside none none; padding: 0 0 13px; }
    .shop-catigory ul > li:last-child { padding: 0 0 0px; }
    .shop-catigory ul > li ul li:last-child { padding: 7px 0 0 15px; }
    .shop-catigory ul > li a { color: #242424; display: block; }
.shop-catigory ul li:hover > a { color: #047afe; }
    .shop-catigory ul li:hover > a i { color: #047afe; }
.shop-catigory ul > li a i { float: right; color: #7a7a7a; font-size: 14px; }
.shop-catigory ul > li > ul li { padding: 7px 0 0 15px; }
.shop-catigory ul > li ul li a { color: #666; }
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { background: #dbdbdb none repeat scroll 0 0; border: medium none; border-radius: 50px; height: 5px; margin-bottom: 12px; margin-left: auto; }
.price_filter .ui-slider-range { background: #0363cd none repeat scroll 0 0; }
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all { background: #0363cd none repeat scroll 0 0; border: 2px solid #fff; border-radius: 100%; height: 15px; width: 15px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; }
.price_filter.mt-40 > span { color: #242424; display: block; margin-bottom: 30px; }
.price_slider_amount .label-input input { background: transparent none repeat scroll 0 0; border: medium none; box-shadow: none; color: #363f4d; font-size: 14px; height: auto; margin: 3px 0 14px; padding-left: 49px; width: 100%; }
.price_slider_amount > button { background-color: #242424; border: medium none; border-radius: 5px; color: #fff; line-height: 1; padding: 8px 16px; cursor: pointer; transition: all .3s ease 0s; }
    .price_slider_amount > button:hover { background-color: #047afe; }
.price_filter > span { color: #242424; display: block; margin: 0 0 21px; }
.shop-sidebar-border { border-top: 1px solid #ebebeb; }
.sidebar-list-style ul li { display: block; list-style: outside none none; padding: 0 0 6px; }
    .sidebar-list-style ul li a { color: #242424; font-size: 14px; }
        .sidebar-list-style ul li a:hover { color: #0363cd; }
    .sidebar-list-style ul li:last-child { padding: 0 0 0px; }
    .sidebar-list-style ul li input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #d7d7d7; float: left; height: 17px; margin: 3px 12px 0 0; padding-left: 0; width: 17px; cursor: pointer; }
.compare-product-btn { display: flex; justify-content: space-between; }
    .compare-product-btn > span { color: #242424; margin: 4px 0 0; }
    .compare-product-btn > a { background-color: #242424; border-radius: 3px; color: #fff; display: inline-block; line-height: 1; padding: 5px 15px 8px; }
        .compare-product-btn > a:hover { background-color: #047afe; }
.compare-product > p { color: #242424; margin: 20px 0 24px; }
.shop-tags li { display: inline-block; list-style: outside none none; margin: 0 4px 11px 0; }
.shop-tags a { border: 1px solid #ebebeb; color: #242424; display: inline-block; line-height: 1; padding: 8px 12px; }
    .shop-tags a:hover { border: 1px solid #047afe; background-color: #047afe; color: #fff; }

/* shop right sodebar */

.banner-area.pb-30 img { width: 100%; }
.shop-topbar-wrapper { border: 1px solid #e9e9e9; display: flex; justify-content: space-between; margin-bottom: 30px; padding: 15px 24px; }
.grid-list-options { display: inline-block; float: left; margin-right: 33px; }
.view-mode a { color: #898888; font-size: 20px; display: inline-block; margin: 0 10px 0 0; }
    .view-mode a.active { color: #047afe; }
.shop-topbar-left > p { display: inline-block; margin: 3px 0 0; }
.shorting-style { display: inline-block; margin-left: 20px; }
.product-shorting.shorting-style { margin-left: 0; }
.shorting-style > label { color: #242424; cursor: pointer; margin: 0 11px 0 0; }
.product-shorting.shorting-style select { width: 110px; }
.shorting-style select { -moz-appearance: none; -webkit-appearance: none; background: #fff url("../../assets/img/icon-img/shop.png") no-repeat scroll right 10px center; border: 1px solid #ebebeb; border-radius: 3px; box-shadow: none; color: #898888; cursor: pointer; font-size: 14px; height: 30px; padding-left: 10px; width: 160px; }
#product-grid .row, #product-grid-lista .row { margin-left: 0; margin-right: 0; }
    #product-grid .row div[class^="col"], #product-grid-lista .row div[class^="col"] { padding-left: 0px; padding-right: 0px; }
.pagination-style li { display: inline-block; list-style: outside none none; margin: 0 8px 0 0; }
.pagination-total-pages { display: flex; justify-content: space-between; }
.pagination-style li a { background-color: #f1f1f1; border-radius: 3px; color: #242424; display: inline-block; line-height: 1; padding: 11px 13px; }
    .pagination-style li a:hover,
    .pagination-style li a.active,
    .pagination-style li a.next:hover { background-color: #047afe; color: #fff; }
    .pagination-style li a.prev-next { padding: 11px 22px; }
    .pagination-style li a.prev i { margin-right: 7px; }
    .pagination-style li a.next i { margin-left: 10px; }
    .pagination-style li a.next { background-color: #242424; color: #fff; }
.pagination-total-pages { border: 1px solid #e9e9e9; padding: 15px 24px 13px; }
.total-pages > p { margin: 4px 0 0; }
.shop-border { border-bottom: 1px solid #ebebeb; }

.prodottiLista {width:100%; border:1px solid #ddd}
    .prodottiLista td, .prodottiLista th { padding: 8px 5px }
/* shop list */
#product-list .product-list-wrapper .product-img { display: inline-block; float: left; margin-right: 30px; width: 240px; }
.product-list-content { display: block; overflow: hidden; }
    .product-list-content > span { color: #242424; font-size: 13px; }
    .product-list-content > h4 { font-size: 14px; line-height: 18px; margin: 8px 0 7px; }
#product-list .product-rating::before,
#product-list .product-rating::after { display: none; }
.product-list-content > p { color: #242424; margin: 0 0 29px; }
.product-list-content .product-price-wrapper { margin: 10px 0 20px; }
.product-list-content .product-action > a.action-cart { padding: 9px 40px 8px; }
.product-list-content .product-action > a.same-action { width: 40px; }
.product-list-content .product-img-slider { width: 100%; display: block; }
.product-list-wrapper:hover .cr-navigation { opacity: 1; }
.product-list-content .product-action { justify-content: left; }

/*---------------------------
    19. Product details
-----------------------------*/

.product-details-content { position: relative; }
.zoompro { width: 100%; }
.product-dec-slider { padding: 0 70px; }
    .product-dec-slider.slick-initialized .slick-slide { text-align: center; }
    .product-dec-slider .slick-slide img { display: inline-block; }
    .product-dec-slider .product-dec-icon { color: #a4a4a4; display: inline-block; font-size: 25px; left: 60px; opacity: 1; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 99; }
        .product-dec-slider .product-dec-icon:hover { color: #047afe; }
        .product-dec-slider .product-dec-icon.product-dec-next { left: auto; right: 60px; }
    .product-dec-slider:hover .product-dec-icon { opacity: 1; }
    .product-dec-slider a { padding: 0 5px; cursor: pointer; }
        .product-dec-slider a img { border: 2px solid transparent; cursor: pointer; }
        .product-dec-slider a.active img { border: 2px solid #ebebeb; }
        .product-dec-slider a.slick-active,
        .product-dec-slider-2 a.slick-active { position: relative; }
            .product-dec-slider a.slick-active:before,
            .product-dec-slider-2 a.slick-active:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 99; opacity: .3; }
        .product-dec-slider a.active.slick-active:before,
        .product-dec-slider-2 a.active.slick-active:before { opacity: 0; }
.product-details-img { position: relative; }
.zoompro-span { position: relative; }
    .zoompro-span > span { background-color: #0363cd; border-radius: 8px; color: #fff; left: 30px; line-height: 1; padding: 6px 14px 5px; position: absolute; top: 20px; z-index: 99; }
.product-details-content > h4 { font-size: 18px; font-weight: 500; margin: 0; }
.rating-review { display: flex; }
.pro-dec-rating i { color: #b2b2b2; font-size: 17px; }
    .pro-dec-rating i.theme-star { color: #0363cd; }
.pro-dec-review ul li { color: #047afe; display: inline-block; list-style: outside none none; margin-right: 38px; position: relative; }
    .pro-dec-review ul li:last-child { margin-right: 0px; }
    .pro-dec-review ul li::before { background-color: #e1e1e1; content: ""; height: 20px; position: absolute; right: -21px; top: 2px; transition: all 0.4s ease 0s; width: 1px; }
    .pro-dec-review ul li:last-child::before { display: none; }
.pro-dec-review { margin: 0 0 0 35px; }
.product-details-content > span { color: #242424; font-size: 24px; font-weight: 500; }
.rating-review { display: flex; margin: 20px 0 27px; }
.in-stock > p span { color: #047afe; }
.product-details-content > p { color: #242424; margin: 0; }
.in-stock > p { margin: 0; }
.in-stock { margin: 27px 0 3px; }
.pro-dec-feature li { display: block; list-style: outside none none; margin: 0 0 4px; color: #242424; }
    .pro-dec-feature li:last-child { margin: 0 0 0px; }
    .pro-dec-feature li input[type="checkbox"] { background: #ebebeb none repeat scroll 0 0; border: 1px solid #d7d7d7; box-shadow: none; color: #626262; font-size: 14px; height: 13px; margin: 0 13px 0 0; padding-left: 0; position: relative; top: 2px; width: 13px; }
    .pro-dec-feature li span { color: #047afe; }
.pro-dec-feature { padding: 24px 0 37px; }
.quality input { background: transparent none repeat scroll 0 0; border: 1px solid #e1e1e1; color: #242424; height: 40px; padding: 0; text-align: center; width: 75px; }

    .quality input::-moz-placeholder { color: #242424; opacity: 1; }
    .quality input::-webkit-input-placeholder { color: #242424; opacity: 1; }
.quality label { color: #242424; font-size: 14px; margin: 0 26px 0 0; }
.quality { display: inline-block; float: left; margin: 0 15px 0 0; }
.quality-add-to-cart { border-top: 1px solid #ebebeb; display: block; overflow: hidden; padding: 40px 0 37px; }
    .quality-add-to-cart .product-action { justify-content: left; }
        .quality-add-to-cart .product-action > a.action-cart { padding: 11px 40px 10px; }
        .quality-add-to-cart .product-action > a.same-action { width: 40px; height: 40px; }
            .quality-add-to-cart .product-action > a.same-action i { line-height: 41px; }
.pro-dec-categories li { display: inline-block; list-style: outside none none; color: #242424; }
    .pro-dec-categories li.categories-title { margin: 0 3px 0 0; }
    .pro-dec-categories li a { color: #242424; }
        .pro-dec-categories li a:hover { color: #047afe; }
.pro-dec-categories { margin: 0 0 12px; }
    .pro-dec-categories:last-child { margin: 0 0 0px; }
.pro-dec-social li { display: inline-block; list-style: outside none none; margin: 0 6px 0 0; }
    .pro-dec-social li a { border-radius: 5px; color: #fff; display: inline-block; line-height: 1; padding: 8px 12px; }
        .pro-dec-social li a.tweet { background-color: #00aaf0; border: 1px solid transparent; }
            .pro-dec-social li a.tweet:hover { background-color: transparent; border: 1px solid #00aaf0; color: #00aaf0; }
        .pro-dec-social li a.share { background-color: #435f9f; border: 1px solid transparent; }
            .pro-dec-social li a.share:hover { background-color: transparent; border: 1px solid #435f9f; color: #435f9f; }
        .pro-dec-social li a.google { background-color: #e04b34; border: 1px solid transparent; }
            .pro-dec-social li a.google:hover { background-color: transparent; border: 1px solid #e04b34; color: #e04b34; }
        .pro-dec-social li a.pinterest { background-color: #ce1f21; border: 1px solid transparent; }
            .pro-dec-social li a.pinterest:hover { background-color: transparent; border: 1px solid #ce1f21; color: #ce1f21; }
.pro-dec-social { margin: 27px 0 0; }
.description-review-topbar { justify-content: center; display: flex; }
    .description-review-topbar a { border-bottom: 2px solid transparent; color: #666; display: inline-block; font-size: 20px; font-weight: 500; margin: 0 35px; padding-bottom: 10px; }
        .description-review-topbar a.active { border-bottom: 2px solid #047afe; color: #242424; }
.tab-content.description-review-bottom { background-color: #fff; border-radius: 5px; border-top: 1px solid #ebebeb; padding: 50px 0 20px; }
.product-description-wrapper > p { color: #242424; font-size: 14px; line-height: 30px; margin-bottom: 30px; }
.product-description-wrapper li { color: #242424; display: block; font-size: 14px; list-style: outside none none; margin-bottom: 10px; }
    .product-description-wrapper li:last-child { margin-bottom: 0px; }
.rattings-wrapper { margin-bottom: 40px; }
    .rattings-wrapper .sin-rattings { margin-bottom: 30px; }
.star-author-all { margin-bottom: 10px; overflow: hidden; }
.ratting-star i { color: #047afe; font-size: 18px; }
.ratting-author h3 { color: #242424; float: left; font-size: 15px; font-weight: 400; line-height: 13px; margin: 0; text-transform: capitalize; }
.ratting-author span { color: #242424; display: block; float: left; font-size: 14px; font-weight: 400; line-height: 13px; margin-left: 15px; }
.sin-rattings > p { color: #242424; font-size: 14px; line-height: 30px; margin-bottom: 0; }
.ratting-form-wrapper h3 { color: #303030; font-size: 15px; font-weight: 400; line-height: 12px; margin: 0 0 30px; text-transform: uppercase; }
.ratting-form form .star-box h2 { color: #242424; font-size: 14px; font-weight: 500; line-height: 1; margin: 0 0 10px; }
.ratting-form form .star-box { margin-bottom: 40px; }
.rating-form-style input,
.rating-form-style textarea { background: transparent none repeat scroll 0 0; border: 1px solid #eceff8; color: #333; }
.rating-form-style.form-submit input { background: #047afe none repeat scroll 0 0; color: #fff; cursor: pointer; font-weight: 500; margin-top: 30px; padding: 0 25px; text-transform: capitalize; width: inherit; }
    .rating-form-style.form-submit input:hover { background: #454545 none repeat scroll 0 0; color: #fff; }
.ratting-star > span { margin-left: 5px; }
.product-anotherinfo-wrapper li span { color: #242424; display: inline-block; font-size: 15px; font-weight: 500; margin-right: 15px;/* width: 40px; commentato perché si vedeva  male gli span della descrizione del dettaglio prodotto*/ }
.product-anotherinfo-wrapper li { display: inline-block; font-size: 14px; list-style: outside none none; margin-bottom: 6px; /*text-transform: capitalize;*/ margin: 0 5px 0 0; }
    .product-anotherinfo-wrapper li a { color: #242424; }
    .product-anotherinfo-wrapper li:last-child { margin-bottom: 0px; }
.pro-dec-btn { position: absolute; right: 0; top: -10px; }
    .pro-dec-btn > a { background-color: #efefef; border-radius: 3px; color: #aaa; display: inline-block; font-size: 20px; height: 35px; line-height: 35px; text-align: center; width: 35px; }
        .pro-dec-btn > a:hover { background-color: #047afe; color: #fff; }


/*--------- Product details tab style 2 ---------*/
.product-dec-slider-2 { display: inline-block; float: left; padding: 0; width: 20%; }
.zoompro-wrap.zoompro-2 { display: inline-block; position: relative; width: 80%; float: left; }
.product-dec-slider-2 .slick-slide img { display: inline-block; width: 100%; }
.slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; text-align: center; }
.slick-vertical .slick-slide { display: block; height: auto; margin: 2px 0 10px; text-align: center; }
.product-dec-slider-2 a { cursor: pointer; }
.product-dec-slider-2 .product-dec-icon { color: #666; cursor: pointer; display: inline-block; font-size: 25px; left: 50%; line-height: 1; padding: 0 10px; position: absolute; transform: translateX(-50%); z-index: 99; }
    .product-dec-slider-2 .product-dec-icon:hover { color: #0363cd; }
    .product-dec-slider-2 .product-dec-icon.product-dec-prev { top: -25px; }
    .product-dec-slider-2 .product-dec-icon.product-dec-next { bottom: -14px; }
.product-dec-slider-2 a.slick-active { border: 1px solid #ebebeb; }
.product-dec-slider-2 a.active.slick-active { border: 1px solid #0363cd; }


/*-------- Product details tab style 3 ------------*/
.product-dec-slider-2.product-dec-right { float: right; }
.zoompro-border { border: 1px solid #ebebeb; }
.product-video { text-align: center; margin: 10px; }
    .product-video a { background-color: #0363cd; border-radius: 3px; color: #fff; display: inline-block; padding: 7px 20px 7px; }
        .product-video a:hover { background-color: #242424; }

/* product-dec sticky */
.is-affixed .inner-wrapper-sticky { padding-left: 15px; padding-right: 15px; }
.sidebar-active.col-lg-6.is-affixed { padding-left: 0px; padding-right: 0px; }
.sidebar-active.col-lg-6 { padding-left: 15px; padding-right: 15px; }


/*------ Product details slider ----*/
.product-details-slider-active.owl-carousel .owl-nav div { background-color: #fff; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: #333; font-size: 25px; height: 40px; line-height: 40px; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.5s ease 0s; width: 40px; }
    .product-details-slider-active.owl-carousel .owl-nav div:hover { border: 1px solid #047afe; color: #047afe; }
    .product-details-slider-active.owl-carousel .owl-nav div.owl-prev { left: 0; right: auto; }
.product-details-slider-active:hover .owl-nav div { opacity: 1; }
.single-pro-details { border: 1px solid #ebebeb; }
.slider-pro-content .rating-review { justify-content: center; }
.slider-pro-content .pro-dec-feature > ul { text-align: left; display: inline-block; }
.slider-pro-content .quality-add-to-cart { display: flex; justify-content: center; }
.slider-pro-content .product-video { margin: 0 10px 27px; }
.slider-pro-content.product-details-content > p { margin: 0 auto; width: 60%; }
.product-video.pro-video-style-2 a { padding: 12px 26px; display: block; }
    .product-video.pro-video-style-2 a i { margin-right: 2px; }
.product-video.pro-video-style-2 { margin: 24px 0 0; }


/*---------------------------
    20. Cart page
-----------------------------*/

.cart-main-area .table-content table thead > tr { background-color: #f9f9f9; border: 1px solid #ebebeb; }
.table-content table th { border-top: medium none; color: #363f4d; font-size: 12px; font-weight: 500; padding: 21px 45px 22px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }
.table-content table td.product-thumbnail { width: 150px; }
.table-content table td.product-name { width: 435px; }
.redirectDetProd:hover {
    color: #93d400 !important;   
    font-weight: bold;
}

.table-content table td.product-price-cart {
    width: 196px;
}
.table-content table td.product-quantity { width: 100px; }
.table-content table td.product-quantity { width: 130px; }
.table-content table td.product-remove { width: 100px; }
.table-content table tbody > tr { border-bottom: 1px solid #ebebeb; }
    .table-content table tbody > tr:last-child { border-bottom: 0px solid #ebebeb; }
.table-content table td { color: #242424; font-size: 14px; padding: 30px 0; text-align: center; }
.pro-dec-cart input { background: transparent none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 5px; color: #242424; height: 42px; padding: 0; text-align: center; width: 94px; }
.table-content table td.product-remove a { color: #aaa; font-size: 17px; margin: 0 13px; }
    .table-content table td.product-remove a:hover { color: #047afe; }
h3.page-title { font-size: 18px; font-weight: 500; margin: 0 0 25px; }
.cart-shiping-update-wrapper { display: flex; justify-content: space-between; padding: 30px 20px 55px; }
.cart-shiping-update > a,
.cart-clear > button,
.cart-clear > a { background-color: #f2f2f2; border-radius: 3px; color: #363f4d; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 18px 63px 19px; text-transform: uppercase; }
    .cart-shiping-update > a:hover,
    .cart-clear > button:hover,
    .cart-clear > a:hover { background-color: #047afe; color: #fff; }
.cart-clear > button { border: medium none; cursor: pointer; margin-right: 27px; transition: all 0.3s ease 0s; }
.title-wrap { position: relative; }
h4.cart-bottom-title { display: inline-block; font-size: 18px; font-weight: 500; margin: 0; padding-right: 18px; }
.title-wrap::before { background-color: #ebebeb; content: ""; height: 1px; left: 0; position: absolute; top: 10px; transition: all 0.4s ease 0s; width: 100%; z-index: 1; }
.section-bg-gary-cart { background-color: #f9f9f9; position: relative; z-index: 9; }
.tax-wrapper > p { margin: 0; }
.tax-wrapper { margin-top: 22px; }
.tax-select-wrapper { margin: 1px 0 0; }
.tax-select label { color: #242424; font-size: 14px; margin: 0 0 12px; }
.tax-select select { -moz-appearance: none; -webkit-appearance: none; background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 18px center; border: 1px solid #ebebeb; box-shadow: none; color: #242424; font-size: 12px; height: 40px; padding: 0 50px 0 15px; width: 100%; cursor: pointer; }
.tax-select { margin: 0 0 26px; }
    .tax-select input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; height: 40px; }
button.cart-btn-2 { background-color: #f2f2f2; border: medium none; border-radius: 0px; color: #242424; font-weight: 500; padding: 14px 42px 13px; text-transform: uppercase; transition: all .3s ease 0s; cursor: pointer; }
    button.cart-btn-2:hover { background-color: #047afe; color: #fff; }
.discount-code { margin: 21px 0 0; }
    .discount-code > p { margin: 0 0 15px; }
    .discount-code input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; height: 40px; margin-bottom: 30px; padding-left: 10px; }
.grand-totall { background-color: #f9f9f9; border: 1px solid #ebebeb; border-radius: 5px; padding: 45px 30px 50px; }
    .grand-totall > h5 { font-size: 14px; margin: 36px 0 27px; }
        .grand-totall > h5 span { float: right; }
        .grand-totall > h5 span { float: right; font-size: 18px; font-weight: 500; }
.total-shipping > h5 { font-size: 14px; margin: 0; }
.total-shipping { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin: 0 0 27px; padding: 28px 0; }
    .total-shipping > ul { padding: 19px 0 0 40px; }
    .total-shipping ul li { color: #242424; list-style: outside none none; margin: 0 0 6px; }
        .total-shipping ul li:last-child,
        .register-us-2 li:last-child { margin: 0 0 0px; }
        .total-shipping ul li span { float: right; }
        .total-shipping ul li input { background: #e9e9e9 none repeat scroll 0 0; border: 1px solid #d7d7d7; border-radius: 5px !important; color: #626262; cursor: pointer; height: 13px; margin-right: 10px; padding: 0; position: relative; top: 2px; width: 13px; }
h4.grand-totall-title { color: #047afe; font-size: 20px; font-weight: 500; margin: 0 0 25px; }
    h4.grand-totall-title span { float: right; }
.grand-totall > a { background-color: #047afe; border-radius: 3px; color: #fff; display: block; font-size: 12px; font-weight: 500; padding: 18px 10px 19px; text-align: center; text-transform: uppercase; }
    .grand-totall > a:hover { background-color: #242424; }
.product-wishlist-cart > a { background-color: #0363cd; border-radius: 3px; color: #fff; font-size: 13px; font-weight: 500; line-height: 1; padding: 7px 10px; text-transform: uppercase; }
    .product-wishlist-cart > a:hover { background-color: #242424; }

/*---------------------------
    21. Login register page
-----------------------------*/

.login-form-container { background: transparent none repeat scroll 0 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); padding: 50px; text-align: left; margin: 0 auto; }
.login-text { margin-bottom: 30px; text-align: center; }
    .login-text h2 { color: #444; font-size: 30px; margin-bottom: 5px; text-transform: capitalize; }
    .login-text span { font-size: 15px; }
.login-form-container input { font-size: 14px; height: 50px; margin-bottom: 30px; padding: 0 15px; }
    .login-form-container input::-moz-placeholder { color: #666; opacity: 1; }
    .login-form-container input::-webkit-input-placeholder { color: #666; opacity: 1; }
.login-toggle-btn { text-align: right; padding: 10px 0 19px; }
.login-form-container input[type="checkbox"] { height: 15px; margin: 0; position: relative; top: 1px; width: 17px; }
.login-form-container label { color: #242424; font-size: 15px; font-weight: 400; }
.login-toggle-btn > a { color: #242424; font-size: 15px; transition: all 0.3s ease 0s; }
    .login-toggle-btn > a:hover { color: #047afe; }
.login-register-tab-list { display: flex; justify-content: center; margin-bottom: 40px; }
    .login-register-tab-list.nav a h4 { font-size: 25px; font-weight: 700; margin: 0 20px; text-transform: capitalize; transition: all 0.3s ease 0s; }
    .login-register-tab-list.nav a { position: relative; }
        .login-register-tab-list.nav a::before { background-color: #454545; bottom: 5px; content: ""; height: 18px; margin: 0 auto; position: absolute; right: -2px; transition: all 0.4s ease 0s; width: 1px; }
        .login-register-tab-list.nav a:last-child::before { display: none; }
        .login-register-tab-list.nav a.active h4,
        .login-register-tab-list.nav a h4:hover { color: #047afe; }
.login-form button { border: medium none; cursor: pointer; }
.button-box button { background-color: #f2f2f2; border: medium none; border-radius: 3px; color: #363f4d; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1; padding: 11px 30px; text-transform: uppercase; transition: all 0.3s ease 0s; }
    .button-box button:hover { background-color: #047afe; color: #fff; }

/*---------------------------
    22. Checkout page
-----------------------------*/

.panel.panel-default { border: 1px solid #ebebeb; margin-bottom: 20px; }
h5.panel-title { background-color: #f9f9f9; border-bottom: 1px solid #ebebeb; color: #242424; font-size: 14px; font-weight: 500; margin: 0; position: relative; text-transform: uppercase; }
    h5.panel-title a { color: #242424; display: block; padding: 20px 55px; position: relative; }
        h5.panel-title a:hover { color: #047afe; }
        h5.panel-title a::before { color: #242424; content: ""; display: inline-block; font-family: "Ionicons"; font-size: 15px; position: absolute; right: 10px; top: 19px; }
        h5.panel-title a.collapsed::after { color: #666666; content: ""; display: inline-block; font-family: "Ionicons"; font-size: 12px; position: absolute; right: 10px; top: 21px; }
        h5.panel-title a.collapsed::before { display: none; }
    h5.panel-title span { color: #242424; font-size: 14px; left: 20px; position: absolute; top: 20px; }
.checkout-register h4.cart-bottom-title,
.checkout-login h4.cart-bottom-title { font-size: 12px; }
.register-us ul li { color: #242424; list-style: outside none none; margin: 0 0 7px; }
    .register-us ul li input { background: #d7d7d7 none repeat scroll 0 0; border: 1px solid #d7d7d7; height: 13px; margin: 0 10px 0 0; padding: 0; position: relative; top: 2px; width: 13px; }
.register-us > ul { padding: 7px 0 16px 13px; }
.checkout-register > h6 { font-size: 12px; font-weight: 500; margin: 0; }
.register-us-2 > p { color: #242424; margin: 0; }
.register-us-2 li { color: #242424; list-style: outside none none; margin: 0 0 9px; position: relative; }
.register-us-2 { margin: 15px 0 21px; }
    .register-us-2 > ul { padding: 9px 0 0 13px; }
.checkout-register > a { background-color: #f2f2f2; color: #242424; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 17px 35px 16px; text-transform: uppercase; border-radius: 3px; }
#payment-1 .panel-body { padding: 30px 20px; }
.checkout-login > p { margin: 16px 0 7px; }
.checkout-login > span { color: #242424; display: block; margin: 0 0 7px; }
.login-form > label { color: #242424; font-size: 14px; margin: 0 0 10px; }
.login-form input { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; color: #242424; height: 40px; padding: 0 10px; }
.login-form { margin: 0 0 12px; }
.login-forget { display: flex; justify-content: space-between; margin: 15px 0 28px; }
    .login-forget > a { color: #242424; }
    .login-forget > p { color: #047afe; margin: 0; }
.checkout-login-btn > a { background-color: #f2f2f2; color: #242424; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 16px 62px 17px; text-transform: uppercase; border-radius: 3px; }
.billing-btn > button { background-color: #f2f2f2; border: medium none; border-radius: 3px; color: #242424; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 17px 35px; text-transform: uppercase; cursor: pointer; transition: all .3s ease 0s; }
    .checkout-login-btn > a:hover,
    .checkout-register > a:hover,
    .billing-btn > button:hover { background-color: #047afe; color: #fff; }
.checkout-progress > h4 { background-color: #f9f9f9; border-bottom: 1px solid #ebebeb; color: #242424; font-size: 14px; font-weight: 500; margin: 0; padding: 21px 23px 20px; text-transform: uppercase; }
.checkout-progress { background-color: #fff; border: 1px solid #ebebeb; }
    .checkout-progress > ul { padding: 18px 23px 36px; }
    .checkout-progress li { color: #242424; font-size: 14px; list-style: outside none none; padding-bottom: 14px; }
        .checkout-progress li:last-child { border-bottom: 0px solid #eaeaea; padding-bottom: 0px; margin-bottom: 0px; }
.billing-information-wrapper,
.shipping-information-wrapper,
.shipping-method-wrapper,
.payment-info-wrapper,
.order-review-wrapper { background-color: #fff; padding: 30px 20px; }
.billing-info > label { color: #242424; font-size: 14px; letter-spacing: 0.2px; text-transform: capitalize; }
.billing-info input,
.billing-select select { background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; border-radius: 5px; color: #242424; height: 40px; padding: 0 15px; }
.billing-info { margin-bottom: 20px; }
.single-ship > input { display: inline-block; float: left; height: inherit; margin-right: 10px; margin-top: 5px; width: inherit; }
.single-ship label { color: #242424; }
.single-ship { margin-bottom: 5px; }
.ship-wrapper { margin-top: 20px; }
.billing-back-btn { display: flex; justify-content: space-between; margin-top: 26px; }
.billing-back > a { color: #242424; display: inline-block; font-size: 13px; font-weight: 500; margin: 10px 0 0; text-transform: uppercase; }
    .billing-back > a:hover { color: #047afe; }
    .billing-back > a i { font-size: 18px; color: #047afe; }
.shipping-info-2 > span { color: #242424; display: block; font-size: 14px; margin-bottom: 9px; }
.shipping-information-wrapper > span:last-child { margin-bottom: 0px; }
.shipping-info-2 { margin-bottom: 10px; }
.shipping-method > p { color: #242424; font-size: 15px; margin: 0 0 5px; }
.expiration-date { margin-bottom: 20px; }
.order-review table thead tr th { border: 1px solid #ebebeb; color: #242424; font-size: 14px; font-weight: 500; padding: 10px; text-align: center; text-transform: capitalize; }
.o-pro-dec p { color: #242424; font-size: 15px; font-weight: 400; margin: 0; }
.order-review table tbody tr td { border: 1px solid #eaeaea; }
.o-pro-price,
.o-pro-qty,
.o-pro-subtotal { text-align: center; }
    .o-pro-price p,
    .o-pro-qty p,
    .o-pro-subtotal p { color: #242424; letter-spacing: 0.2px; font-size: 15px; }
.order-review table tfoot { margin-top: 20px; }
    .order-review table tfoot tr { border-bottom: 0 solid #f2f2f2; }
        .order-review table tfoot tr td { border-right: 0 solid #f2f2f2; border-top: 0 solid #f2f2f2; color: #242424; font-size: 15px; padding: 6px 5px 2px; text-align: right; }
.billing-back-btn > span { color: #454545; font-size: 14px; letter-spacing: 0.2px; margin-top: 10px; }
    .billing-back-btn > span a { color: #047afe; }
        .billing-back-btn > span a:hover { text-decoration: underline; }
.edit-address > a { color: #242424; display: inline-block; font-size: 15px; font-weight: 400; letter-spacing: 0.2px; margin-bottom: 20px; text-transform: uppercase; }
    .edit-address > a:hover { color: #047afe; }

/*---------------------------
    23. My account
-----------------------------*/

.account-info-wrapper > h4 { font-size: 15px; margin: 0; text-transform: uppercase; }
.account-info-wrapper > h5 { font-size: 16px; letter-spacing: 0.2px; margin-top: 7px; }
.account-info-wrapper { border-bottom: 1px solid #eaeaea; margin-bottom: 28px; padding-bottom: 30px; }
.entries-wrapper { border: 1px solid #eaeaea; position: relative; }
    .entries-wrapper:before { position: absolute; content: ""; height: 100%; width: 1px; left: 50%; top: 0; background-color: #eaeaea; }
.entries-info { padding: 30px 20px; }
    .entries-info > p { color: #242424; font-size: 15px; margin: 0; text-transform: capitalize; }
.entries-edit-delete > a { background-color: #242424; border-radius: 5px; color: #fff; display: inline-block; line-height: 1; margin: 0 2px; padding: 12px 15px; text-transform: uppercase; }
    .entries-edit-delete > a.edit { background-color: #df5c39; }
        .entries-edit-delete > a:hover,
        .entries-edit-delete > a.edit:hover { background-color: #047afe; }

/*---------------------------
    24. Contact page
-----------------------------*/

#map { height: 500px; width: 100%; }
.contact-us .tab-content .tab-pane { display: block; height: 0; max-width: 100%; opacity: 0; overflow: hidden; visibility: hidden; }
    .contact-us .tab-content .tab-pane.active { height: auto; opacity: 1; overflow: visible; visibility: visible; }
.contact-page-title h1 { font-size: 35px; font-weight: bold; margin: 0; }
.contact-tab-list li { flex: 1 0 100%; margin-bottom: 12px; }
    .contact-tab-list li a { color: #242424; font-size: 18px; line-height: 24px; }
        .contact-tab-list li a::before { content: ""; float: left; font-family: Fontawesome; font-size: 20px; line-height: 22px; margin-right: 6px; }
        .contact-tab-list li a.active,
        .contact-tab-list li a:hover { color: #047afe; font-weight: bold; }
.contact-information h4 { font-size: 18px; font-weight: 500; margin: 0 0 5px; }
.contact-information > p { margin: 0; font-size: 15px; }
    .contact-information > p a { display: block; }
        .contact-information > p a:hover { color: #047afe; }
.contact-form-style input,
.contact-form-style textarea,
.contact-form-style input:not(type=submit) { background: transparent; border: 1px solid #ebebeb; color: #555; font-size: 14px; padding: 0 10px; border-radius: 3px; }
    .contact-form-style input[type="checkbox"] { height: auto; width: auto; margin: 0px 15px 0px 0px; }
.contact-form-style .textarea { height: 100px; }
.contact-form-style .error label { color: red; }
.contact-form-style input::-webkit-input-placeholder { color: #555; outline: 0 !important; border-width: 0 !important; opacity: 1; }
.contact-form-style textarea::-moz-placeholder { color: #555; outline: 0 !important; border-width: 0 !important; opacity: 1; }
.contact-form-style textarea::-webkit-input-placeholder { color: #555; outline: 0 !important; border-width: 0 !important; opacity: 1; }
.contact-form-style > button { background-color: #047afe; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 17px 30px 16px; text-transform: uppercase; border: none; cursor: pointer; margin: 30px 0 0; transition: all .3s ease 0s; }
    .contact-form-style > button:hover { background-color: #242424; }

/*---------------------------
    25. Blog page
-----------------------------*/

.blog-wrapper.main-blog { padding: 20px 20px 17px; }
    .blog-wrapper.main-blog > span { background-color: #0363cd; }
    .blog-wrapper.main-blog h3 a:hover,
    .main-blog .blog-meta ul li a:hover,
    .main-blog .blog-readmore > a { color: #0363cd; }
        .main-blog .blog-readmore > a:hover { color: #242424; }

/*---------------------------
    26. Blog leftsidebar
-----------------------------*/

.shop-widget .header-search-2 form button:hover { color: #0363cd; }
.single-recent-post { display: flex; }
    .single-recent-post .product-content { padding: 0 0 0 10px; }
        .single-recent-post .product-content > h4 { margin: 2px 0 10px; }
.recent-post-img { flex: 0 0 90px; }

/*---------------------------
    27. Blog details
-----------------------------*/

.dec-img > img { width: 100%; }
.blog-details-content > h2 { font-size: 30px; font-weight: 500; text-transform: capitalize; }
.single-blog-wrapper > p { font-size: 15px; margin: 0; }
blockquote { margin: 35px 0; }
    blockquote > h4 { font-size: 19px; font-style: italic; font-weight: 500; margin: 0; }
.dec-img-wrapper { margin: 50px 0; }
.blog-dec-tags ul li { display: inline-block; position: relative; }
    .blog-dec-tags ul li::after { background-color: #6d6d6d; content: ""; font-size: 8px; height: 12px; position: absolute; right: 6px; top: 7px; transform: rotate(20deg); width: 1.5px; }
    .blog-dec-tags ul li a { font-size: 15px; margin-right: 18px; text-transform: capitalize; }
        .blog-dec-tags ul li a:hover,
        .blog-dec-social ul li a:hover { color: #0363cd; }
.blog-dec-tags-social { border-bottom: 2px solid #f6f6f6; display: flex; justify-content: space-between; margin-top: 52px; padding-bottom: 10px; }
.blog-dec-social { display: flex; }
    .blog-dec-social > span { color: #242424; font-size: 16px; font-weight: 500; margin-top: 0; text-transform: capitalize; }
    .blog-dec-social ul li { display: inline-block; margin-left: 14px; }
        .blog-dec-social ul li a { color: #242424; font-size: 16px; }
.blog-dec-title { font-size: 20px; font-weight: 500; margin: 0; text-transform: capitalize; }
.single-comment-wrapper { display: flex; }
.blog-comment-img { flex: 0 0 135px; margin-right: 28px; }
.blog-comment-content > h4 { font-size: 16px; font-weight: 500; margin: 0; }
.blog-comment-content > span { color: #444; display: block; font-size: 15px; margin: 6px 0 8px; }
.blog-comment-content > p { margin: 0 0 8px; font-size: 15px; }
.blog-details-btn a { color: #242424; font-size: 15px; font-weight: 500; text-transform: capitalize; }
    .blog-details-btn a:hover { color: #0363cd; }
.blog-reply-wrapper > form { margin-top: 50px; }
.leave-form { margin-bottom: 30px; }
.blog-reply-wrapper form input,
.blog-reply-wrapper form textarea { background: #f7f7f7 none repeat scroll 0 0; border: medium none; color: #333; font-size: 14px; height: 60px; padding: 2px 20px; }
    .blog-reply-wrapper form input::-moz-placeholder,
    .blog-reply-wrapper form textarea::-moz-placeholder { color: #333; opacity: 1; }
.blog-reply-wrapper form textarea { height: 235px; padding: 25px 20px; }
.blog-reply-wrapper form .text-leave input { background-color: #0363cd; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-weight: 500; height: inherit; margin-top: 40px; padding: 14px 30px 13px; width: inherit; }
    .blog-reply-wrapper form .text-leave input:hover { background-color: #000; }
.blog-dec-tags ul li:last-child::after { display: none; }

/*---------------------------
    28. About us
-----------------------------*/

.overview-content-2 > h2 { font-size: 35px; font-weight: 500; margin-bottom: 24px; padding-bottom: 28px; position: relative; text-transform: uppercase; }
    .overview-content-2 > h2::before { background-color: #dddddd; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transition: all 0.4s ease 0s; width: 80px; }
.overview-content-2 > p.peragraph-blog { font-size: 15px; font-weight: 500; margin-bottom: 21px; }
.count-icon span { font-size: 50px; line-height: 1; display: inline-block; }
.count-title h2 { color: #0363cd; font-size: 40px; font-weight: bold; letter-spacing: 0.2px; margin: 15px 0 5px; }
.count-title > span { color: #454545; font-size: 20px; text-transform: capitalize; }
.single-count:hover .count-icon span { animation: 850ms ease-in-out 0s normal none 1 running tada; }
.team-action { display: inline-block; position: absolute; right: 20px; top: 20px; }
    .team-action a { background-color: transparent; border-radius: 50px; color: #fff; display: block; font-size: 18px; height: 40px; left: 30px; line-height: 40px; margin-bottom: 5px; opacity: 0; position: relative; text-align: center; visibility: hidden; width: 40px; }
        .team-action a.facebook { background-color: #3b5998; border: 1px solid #3b5998; }
        .team-action a.twitter { background-color: #55acee; border: 1px solid #55acee; }
        .team-action a.instagram { background-color: #c32aa3; border: 1px solid #c32aa3; }
        .team-action a.facebook:hover { background-color: transparent; color: #3b5998; }
        .team-action a.twitter:hover { background-color: transparent; color: #55acee; }
        .team-action a.instagram:hover { background-color: transparent; color: #c32aa3; }
        .team-action a:nth-child(1) { transition-delay: 0.1s; }
        .team-action a:nth-child(2) { transition-delay: 0.2s; }
        .team-action a:nth-child(3) { transition-delay: 0.3s; }
.team-wrapper:hover .team-action a { left: 0; opacity: 1; visibility: visible; }
.team-img { overflow: hidden; position: relative; }
    .team-img img { width: 100%; }
.team-content { box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2); padding: 20px 10px 23px; }
    .team-content > h4 { font-size: 18px; font-weight: 500; margin: 0 0 5px; text-transform: capitalize; }
    .team-content > span { font-size: 15px; }
h4.section-title-about { display: inline-block; font-size: 28px; font-weight: 500; margin: 0; padding-bottom: 15px; position: relative; }
    h4.section-title-about::before { background-color: #444444; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.4s ease 0s; width: 100%; }
.single-testimonial.about-testi > p,
.single-testimonial.about-testi > h4,
.single-testimonial.about-testi > h4 span { color: #242424; }
.about-testi .testimonial-rating i.theme-star-coffee { color: #0363cd; }
.single-testimonial.about-testi > p { width: 73%; }
.testimonial-active.about-testi-active { padding: 0; }
    .testimonial-active.about-testi-active .owl-dot.active { background: #0363cd none repeat scroll 0 0; }
.overview-img.text-center img { max-width: 100%; }

/*------ 29. Home auto parts ------*/
.content-wrapper-2 { display: block; margin: 40px auto 80px; width: 1330px; }
.autoparts-mobile-menu { display: none; }
.body-bg { background-attachment: fixed; background-color: #ffffff; background-image: url("../../assets/img/bg/bg-16.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.notification-icon.notification-close-red button:hover { color: #df2121; }
.notification-content.notification-red-color-2 p a { border-bottom: 1px solid #df2121; color: #df2121; }
.language-currency.lang-curr-border-6::before { background-color: #eb9c9c; }
.header-search.header-middle-color-8 form button,
.header-search.header-middle-color-10 form button { background-color: #fff; color: #242424; }
    .header-search.header-middle-color-8 form button:hover { background-color: #242424; color: #fff; }
.header-search.header-middle-color-8 form input { border: 2px solid #e97c7c; color: #fff; }
.header-middle-color-8 button.icon-cart { border: 2px solid #e97c7c; }
    .header-middle-color-8 button.icon-cart span.count-style { background-color: #242424; }
    .header-middle-color-8 button.icon-cart i.cart-bag { border-right: 1px solid #fff; }
    .header-middle-color-8 button.icon-cart i.cart-down { color: #fff; }
.header-middle-color-8 .shopping-cart-title > h4 a:hover,
.header-middle-color-8 .shopping-cart-total > h4 span.shop-total { color: #df2121; }
.header-middle-color-8 .btn-style:hover { background-color: #df2121; border: 2px solid #df2121; }
.header-middle-color-8 .shopping-cart-delete > a:hover { border: 2px solid #df2121; color: #df2121; }
.menu-black-color .main-menu ul li a { color: #242424; font-family: 'Teko', sans-serif; font-size: 20px; line-height: 68px; padding-top: 4px; }
    .menu-black-color .main-menu ul li a i { color: #242424; }
.menu-black-color .main-menu ul li ul li a,
.menu-black-color .sidebar-menu ul li ul li a { font-weight: 400; font-size: 18px; line-height: 28px; }
.menu-black-color .main-menu ul li:hover > a { color: #df2121; }
.social-icon ul li:last-child { margin: 0 0px 10px 0; }
.auto-parts-social.social-icon { margin-top: 18px; }

/* slider index auto-parts */
.slider-content-11 h5 { color: #fff; font-size: 16px; margin: 0; }
.slider-content-11 h2 { color: #fff; font-family: "Teko", sans-serif; font-size: 72px; font-weight: 500; line-height: 1; margin: 2px 0 15px; }
.slider-content-11 p { color: #fff; font-size: 16px; margin: 0; }
.slider-btn-auto-parts a { background-color: #df2121; border-radius: 3px; color: #fff; display: inline-block; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; line-height: 1; padding: 18px 41px 16px; text-transform: uppercase; }
    .slider-btn-auto-parts a:hover { background-color: #fff; color: #df2121; }

/* section-title index auto-parts */
.teko-section-title .section-title { font-family: "Teko", sans-serif; font-size: 24px; text-transform: uppercase; }

/* services-center index-auto-parts */
.services-center-text { text-align: right; }
.services-center-img > img { width: 100%; }
.services-center-text > h5 { font-size: 18px; font-weight: 400; margin: 0; font-family: "Teko", sans-serif; }
.services-center-text > h3 { font-family: "Teko", sans-serif; font-size: 36px; font-weight: 500; line-height: 1; margin: 0 0 12px; }
.services-center-text > h2 { font-size: 60px; font-weight: 500; margin: 0; font-family: "Teko", sans-serif; color: #df2121; }
.services-center-text > h4 { font-family: "Teko", sans-serif; font-size: 24px; font-weight: 500; margin: 4px 0 77px; text-transform: uppercase; }
.services-center-btn > a { background-color: #df2121; border-radius: 3px; color: #fff; display: inline-block; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; line-height: 1; padding: 17px 44px 15px; text-transform: uppercase; }
    .services-center-btn > a:hover { background-color: #242424; }

/* newsletter index-auto-parts */
.newsletter-img-2 { background-image: url("../../assets/img/bg/bg-17.jpg"); background-repeat: no-repeat; }
.newsletter-icon-img { margin-right: 30px; }
.newsletter-red-style .subscribe-form .mc-form .clear { background: rgb(255, 255, 255) url("../../assets/img/icon-img/send-3.png") no-repeat scroll right 25px center; }
    .newsletter-red-style .subscribe-form .mc-form .clear:hover { background: rgb(221, 221, 221) url("../../assets/img/icon-img/send-3.png") no-repeat scroll right 25px center; }
.newsletter-style.newsletter-red-style form input { border: 2px solid #ec4949; color: #fff; }
.newsletter-red-style .subscribe-form .clear input,
.newsletter-limegreen-style .subscribe-form .clear input { border: medium none; }

/* blog index-auto-parts */
.blog-content-5 > h4 { font-size: 24px; font-weight: 500; line-height: 22px; margin: 0 0 4px; font-family: "Teko", sans-serif; }
    .blog-content-5 > h4 a:hover,
    .blog-content-5 .blog-meta ul li a:hover { color: #df2121 }

/*--------- 30. Home organic -----------*/
.notification-black-color .notification-content p,
.notification-black-color .notification-icon button { color: #242424; }
.header-search.header-middle-color-9 form input { border: 2px solid #ebebeb; color: #a5a5a5 !important; }
.header-search.header-middle-color-9 form button { background-color: #62ab00; }
    .header-search.header-middle-color-9 form button:hover { background-color: #242424; color: #fff; }
.header-middle-color-9 .header-contact-icon i,
.header-middle-color-9 .header-contact-content > p { color: #242424; }
.header-search.header-middle-color-9 form input[type="text"]::-moz-placeholder { border-width: 0 !important; color: #242424 !important; opacity: 1; outline: 0 none !important; }
.header-search.header-middle-color-9 form input[type="text"]::-webkit-input-placeholder { border-width: 0 !important; color: #242424 !important; opacity: 1; outline: 0 none !important; }
.header-middle-color-9 button.icon-cart { border: 2px solid #62ab00; }
    .header-middle-color-9 button.icon-cart span.count-style { background-color: #62ab00; }
    .header-middle-color-9 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #62ab00; }
    .header-middle-color-9 button.icon-cart span.count-amount { color: #242424; }
    .header-middle-color-9 button.icon-cart i.cart-down { color: #a4a4a4; }
.header-middle-color-9 .shopping-cart-title > h4 a:hover { color: #62ab00; }
.header-middle-color-9 .shopping-cart-delete > a:hover { border: 2px solid #62ab00; color: #62ab00; }
.header-middle-color-9 .shopping-cart-total > h4 span.shop-total { color: #62ab00; }
.header-middle-color-9 .btn-style:hover { background-color: #62ab00; border: 2px solid #62ab00; }
.header-top-limegreen .lang-curr-dropdown ul li ul li > a:hover,
.header-top-color-2.header-top-limegreen .header-top-right ul li a:hover { color: #62ab00; }
.menu-limegreen-color.main-menu ul li a i { color: #fff; }
.menu-limegreen-color.main-menu ul li ul li a:hover { color: #62ab00; }

/* slider index-organic */
.slider-content-12 h5 { color: #62ab00; font-size: 18px; margin: 0; }
.slider-content-12 h2 { color: #242424; font-size: 42px; letter-spacing: -0.5px; line-height: 36px; margin: 6px 0 22px; }
.slider-content-12 h3 { color: #242424; font-size: 36px; margin: 0; }
    .slider-content-12 h3 span { font-size: 18px; }
.slider-btn.organic-slider-btn a { background-color: #62ab00; border: 2px solid #62ab00; }
    .slider-btn.organic-slider-btn a:hover { background-color: #242424; border: 2px solid #242424; }
.slider-content-12 { overflow: hidden; padding-left: 70px; }
.owl-dot-style-2.owl-dot-limegreen .owl-dot.active { background: #62ab00 none repeat scroll 0 0; }

/* product index-organic */
.devita-product-limegreen .product-rating i.theme-star,
.devita-product-limegreen .product-content > h4 a:hover,
.devita-product-limegreen.product-wrapper:hover .product-content > h4 a { color: #62ab00; }
.devita-product-limegreen .product-action > a.same-action:hover,
.devita-product-limegreen .product-action > a.action-cart:hover,
.devita-product-limegreen .product-img > span,
.devita-product-limegreen .best-pro-action-2 a:hover { background-color: #62ab00; }
.devita-product-limegreen .product-img-slider .cr-navigation:hover { background: rgba(98, 171, 0, 0.8) none repeat scroll 0 0; }
.product-slider-nav-2.nav-style.nav-style-limegreen div:hover,
.product-slider-nav.nav-style.nav-style-limegreen div:hover { background-color: #62ab00; }
.nav-style.nav-style-limegreen.owl-carousel .owl-nav div:hover { background-color: #62ab00; color: #fff; }
.nav-style-limegreen .add-to-cart > a { background-color: #62ab00; }

/* newsletter index-organic */
.newsletter-img-3 { background-image: url("../../assets/img/bg/bg-18.jpg"); background-repeat: no-repeat; }
.newsletter-style.newsletter-limegreen-style form input { border: 2px solid #92d33c; color: #fff; }
.newsletter-limegreen-style .subscribe-form .mc-form .clear { background: rgb(255, 255, 255) url("../../assets/img/icon-img/send-4.png") no-repeat scroll right 25px center; }
    .newsletter-limegreen-style .subscribe-form .mc-form .clear:hover { background: rgb(221, 221, 221) url("../../assets/img/icon-img/send-4.png") no-repeat scroll right 25px center; }

/* blog index-organic */
.blog-content-6 { border-bottom: 1px solid #eeeeee; margin-bottom: 13px; padding-bottom: 16px; }
    .blog-content-6 > h4 { font-size: 18px; font-weight: 500; line-height: 24px; margin: 0 0 9px; }
    .blog-content-6 > p { margin: 0px; }
    .blog-content-6 > h4 a:hover,
    .blog-content-6-wrap .blog-meta ul li a:hover { color: #62ab00; }
.blog-slider-active-5.nav-style.owl-carousel .owl-nav div { top: -60px; }

/* footer index-organic */
.footer-widget-limegreen.footer-black-color .opening-content ul li span { color: #62ab00; }
.footer-map.footer-map-limegreen > a,
.opening-content.footer-map-limegreen ul li span { color: #62ab00; }
    .footer-map.footer-map-limegreen > a:hover,
    .opening-content.footer-map-limegreen ul li span:hover { color: #242424; }
.copyright-limegreen.copyright > p a,
.footer-widget-limegreen .footer-content ul li:hover a,
.footer-widget-limegreen .footer-contact li a:hover { color: #62ab00; }

/*---------- 31. Home petmarket ------------*/
.header-top-petmarket .lang-curr-dropdown ul li ul li > a:hover,
.header-top-petmarket .header-top-right ul li a:hover { color: #873964; }
.header-middle-petmarket { padding: 40px 30px; }
    .header-middle-petmarket .middle-same { margin-left: 25px; }
.header-search.header-middle-color-10 form input { border: 2px solid #b27797; color: #fff; }
.header-middle-color-10 button.icon-cart { border: 2px solid #b27797; }
    .header-middle-color-10 button.icon-cart i.cart-bag { border-right: 1px solid #ab7593; }
    .header-middle-color-10 button.icon-cart i.cart-down { color: #fff; }
    .header-middle-color-10 button.icon-cart span.count-style { background-color: #fff; color: #242424; }
.header-middle-color-10 .shopping-cart-delete > a:hover { border: 2px solid #873964; color: #873964; }
.menu-byzantine-color .main-menu ul li a { color: #242424; }
.menu-byzantine-color .main-menu ul li:hover > a,
.menu-byzantine-color .buy > a,
.header-middle-color-10 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-10 .shopping-cart-title > h4 a:hover { color: #873964; }
.menu-byzantine-color .main-menu ul li a i { color: #242424; }
.header-middle-color-10 .btn-style:hover { background-color: #873964; border: 2px solid #873964; color: #fff; }

/* slider index-petmarket */
.slider-content-13 h2 { font-size: 48px; line-height: 40px; margin: 0 0 32px; }
.slider-content-13 h5 { font-size: 18px; margin: 0px; }
.slider-content-13.slider-negative-mrg-2 { margin-left: -73px; }
.slider-btn.slider-btn-petmarket a { background-color: #873964; border: 2px solid #873964; }
    .slider-btn.slider-btn-petmarket a:hover { background-color: #242424; border: 2px solid #242424; }
.owl-dot-style-2.owl-dot-yellow .owl-dot.active { background: #f5a001 none repeat scroll 0 0; }

/* product index-petmarket */
.devita-product-byzantine .product-action > a.same-action:hover,
.devita-product-byzantine .product-action > a.action-cart:hover,
.devita-product-byzantine .product-img > span { background-color: #873964; }
.devita-product-byzantine .product-rating i.theme-star,
.devita-product-byzantine .product-content > h4 a:hover,
.devita-product-byzantine.product-wrapper:hover .product-content > h4 a { color: #873964; }
.nav-style-byzantine.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav-2.nav-style.nav-style-byzantine div:hover,
.product-slider-nav.nav-style.nav-style-byzantine div:hover { background-color: #873964; }

/* testimonials index-petmarket */
.petmarket-testi .quote-icon i,
.testimonial-rating i.theme-star-byzantine { color: #873964; }
.testimonial-active.petmarket-testi .owl-dot.active { background: #873964 none repeat scroll 0 0; }
.testimonial-active.petmarket-testi .owl-dot { background: #606b78 none repeat scroll 0 0; }

/* best selling index-petmarket */
.devita-product-byzantine .best-pro-action-2 a:hover { background-color: #873964; }

/* blog index-petmarket */
.blog-slider-active-3.nav-style.nav-style-byzantine.owl-carousel .owl-nav div { top: -62px; }
.blog-byzantine .blog-categori > span { background-color: #873964; }
.blog-byzantine .blog-content > h4 a:hover,
.blog-wrapper-2.blog-byzantine .blog-meta ul li a:hover { color: #873964; }

/* footer index-petmarket */
.copyright-byzantine.copyright > p a,
.footer-widget-byzantine .footer-content ul li:hover a,
.footer-widget-byzantine .footer-contact li a:hover { color: #873964; }
.footer-widget-byzantine-2 .footer-title > h4,
.footer-widget-byzantine .footer-title > h4 { color: #242424; }
.footer-widget-byzantine-2.footer-black-color .subscribe-form-2 form input { border-color: #e1e1e1; color: #242424; }
.footer-widget-byzantine-2 .subscribe-form-2 form .clear-2 input { background-color: #873964; color: #fff !important; }
    .footer-widget-byzantine-2 .subscribe-form-2 form .clear-2 input:hover { background-color: #242424; }
.footer-widget-byzantine-2.footer-black-color .subscribe-form-2 form input::-moz-placeholder { color: #242424; opacity: 1; }
.footer-widget-byzantine-2.footer-black-color .subscribe-form-2 form input::-webkit-input-placeholder { color: #242424; opacity: 1; }

/*-------------- 32. Home furniture ------------------*/
/* header index furniture */
.header-search.header-middle-color-11 form input { border: 2px solid #ebebeb; color: #333; }
.header-top-furni .lang-curr-dropdown ul li ul li > a:hover,
.header-top-color-2.header-top-furni .header-top-right ul li a:hover { color: #aa8d74; }

.header-search.header-middle-color-11 form button { background-color: #aa8d74; }
.header-search.header-middle-color-11 form input[type="text"]::-moz-placeholder { color: #333 !important; }
.header-search.header-middle-color-11 form input[type="text"]::-webkit-input-placeholder { color: #333 !important; }
.header-middle-color-11 button.icon-cart { border: 2px solid #ebebeb; }
    .header-middle-color-11 button.icon-cart span.count-style { background-color: #aa8d74; }
.header-middle-color-2 .header-middle-color-11 button.icon-cart i.cart-bag { color: #aa8d74; }
.header-middle-color-11 .shopping-cart-title > h4 a:hover,
.header-middle-color-11 .shopping-cart-total > h4 span.shop-total { color: #aa8d74; }
.header-middle-color-11 .shopping-cart-delete > a:hover { border: 2px solid #aa8d74; color: #aa8d74; }
.header-middle-color-11 .btn-style:hover { background-color: #aa8d74; border: 2px solid #aa8d74; }
.main-menu.menu-black-color-2 ul li a { color: #242424; }
    .main-menu.menu-black-color-2 ul li a i { color: #242424; }
.main-menu.menu-black-color-2 ul li:hover > a { color: #aa8d74; }
.main-menu.menu-black-color-2 ul li ul li a:hover { color: #aa8d74; }

/* slider index furniture */
.slider-content.slider-content-black h2,
.slider-content.slider-content-black h5,
.slider-content.slider-content-black h3 { color: #242424; }
.slider-content-black .slider-btn a { border: 2px solid #242424; color: #242424; }
    .slider-content-black .slider-btn a:hover { border: 2px solid #aa8d74; color: #fff; background-color: #aa8d74; }
.owl-dot-style.owl-dot-goldenbell .owl-dot.active { background: #aa8d74 none repeat scroll 0 0; }

/* product index furniture */
.devita-product-goldenbell .product-action > a.same-action:hover,
.devita-product-goldenbell .product-action > a.action-cart:hover,
.devita-product-goldenbell .product-img > span { background-color: #aa8d74; }
.devita-product-goldenbell .product-rating i.theme-star,
.devita-product-goldenbell .product-content > h4 a:hover,
.devita-product-goldenbell.product-wrapper:hover .product-content > h4 a { color: #aa8d74; }
.nav-style-goldenbell.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav.nav-style-goldenbell.nav-style div:hover,
.product-slider-nav-2.nav-style-goldenbell.nav-style div:hover { background-color: #aa8d74; }
.timer-style-3 span { border: 2px solid #ebebeb; border-radius: 5px; color: #242424; display: inline-block; margin: 0 2px; padding: 12px 5px; position: relative; text-align: center; }
    .timer-style-3 span p { color: #242424; margin: 20px 0 -44px; }
.furniture-best-selling .product-tab-list-2 { float: left; padding: 0 20px 0 0px; }
.devita-product-2.pro-goldenbell-mrg { margin-bottom: 31px; }
.furniture-best-selling .product-tab-list-2 a h4 { font-size: 20px; color: #242424; font-weight: 500; }
.furniture-best-selling .product-tab-list-2 a.active h4 { color: #aa8d74; }
.devita-product-goldenbell .best-pro-action-2 a:hover { background-color: #aa8d74; }

/* service index furniture */
.shop-service-content.service-black-color-2 > h4 { color: #242424; }
.shop-service-content.service-black-color-2 > p { color: #757575; }
.shop-service-content.service-black-color-2::before { background-color: #e2e2e2; }

/* footer index furniture */
.footer-widget-goldenbell .footer-title > h4 { color: #242424; }
.copyright-goldenbell.copyright > p a,
.footer-widget-goldenbell .footer-content ul li:hover a,
.footer-widget-goldenbell .footer-contact li a:hover { color: #aa8d74; }
.footer-widget-goldenbell .subscribe-form-2 form .clear-2 input { background-color: #aa8d74; color: #fff; }
    .footer-widget-goldenbell .subscribe-form-2 form .clear-2 input:hover { background-color: #242424; color: #fff; }
.footer-widget-goldenbell .subscribe-form-2 form input { color: #242424; border-color: #dedada; }
    .footer-widget-goldenbell .subscribe-form-2 form input::-moz-placeholder { color: #242424; opacity: 1; }

/*---------------- 33. Home Cosmetic --------------*/
/* header index-Cosmetic */
.bouquet-bg-2 { background-color: #5b3c4e; }
.bouquet-header-top .language-currency::before { background-color: #79606e; }
.bouquet-header-top .lang-curr-dropdown ul li ul li > a:hover { color: #755567; }
.header-middle-color-12 .header-search-2 form input { border: 2px solid #755567; color: #fff; }
    .header-middle-color-12 .header-search-2 form input::-moz-placeholder { color: #fff; opacity: 1; }
    .header-middle-color-12 .header-search-2 form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.header-middle-color-12 .header-search-2 form button { background-color: #755567; color: #fff; padding: 6px 12px; border-radius: 0 3px 3px 0; }
    .header-middle-color-12 .header-search-2 form button:hover { color: #ddd; }
.header-middle-color-12 button.icon-cart { border: 2px solid #755567; }
    .header-middle-color-12 button.icon-cart span.count-style { background-color: #755567; }
    .header-middle-color-12 button.icon-cart i.cart-bag { border-right: 1px solid #725766; }
    .header-middle-color-12 button.icon-cart i.cart-down { color: #fff; }
.header-middle-color-12 .shopping-cart-title > h4 a:hover,
.header-middle-color-12 .shopping-cart-total > h4 span.shop-total { color: #624455; }
.header-middle-color-12 .shopping-cart-delete > a:hover { border: 2px solid #624455; color: #624455; }
.header-middle-color-12 .btn-style:hover { background-color: #624455; border: 2px solid #624455; }
.bouquet-bg-2 .main-menu ul li a i { color: #fff; }
.bouquet-bg-2 .main-menu ul li ul li a:hover { color: #624455; }

/* slider index-Cosmetic */
.slider-content.slider-content-black-2 h2 span { font-weight: 300; font-size: 48px; }
.slider-content.slider-content-black-2 h2 { font-size: 60px; line-height: 44px; margin: 8px 0 25px; text-transform: uppercase; }
.slider-content.slider-content-black-2 h2,
.slider-content.slider-content-black-2 h5 { color: #242424; }
.slider-content-black-2 .slider-btn a { background-color: #624455; border: 2px solid #624455; }
    .slider-content-black-2 .slider-btn a:hover { background-color: #242424; border: 2px solid #242424; }
.owl-dot-style-2.owl-dot-bouquet .owl-dot.active { background: #624455 none repeat scroll 0 0; }
.owl-dot-style-2.owl-dot-bouquet .owl-dot { background: #d2d2d2 none repeat scroll 0 0; }

/* product index-Cosmetic */
.content-wrapper-3 { display: block; margin: 0px auto 40px; width: 1250px; background-color: #fff; }
.product-tab-list.tab-list-bouquet > a { position: relative; }
    .product-tab-list.tab-list-bouquet > a h4 { border: medium none; font-size: 20px; padding: 0px 22px 0px; }
    .product-tab-list.tab-list-bouquet > a.active h4 { border: medium none; color: #624455; }
.product-tab-list.tab-list-bouquet a::before { background-color: #d7d7d7; border-radius: 50px; content: ""; height: 5px; position: absolute; right: -8px; top: 10px; width: 5px; }
.product-tab-list.tab-list-bouquet a:last-child::before { display: none; }
.product-tab-list.tab-list-bouquet::before,
.product-tab-list.tab-list-bouquet::after { top: 12px; }
.devita-product-bouquet .product-action > a.same-action:hover,
.devita-product-bouquet .product-action > a.action-cart:hover,
.devita-product-bouquet .product-img > span { background-color: #624455; }
.devita-product-bouquet .product-rating i.theme-star,
.devita-product-bouquet .product-content > h4 a:hover,
.devita-product-bouquet.product-wrapper:hover .product-content > h4 a { color: #624455; }
.devita-product-bouquet .product-img-slider .cr-navigation:hover { background: rgba(98, 68, 85, 0.8) none repeat scroll 0 0; }
.nav-style-bouquet.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav.nav-style-bouquet.nav-style div:hover,
.product-slider-nav-2.nav-style-bouquet.nav-style div:hover { background-color: #624455; }

/* newsletter index-Cosmetic */
.newsletter-black-color .newsletter-content > p,
.newsletter-black-color .newsletter-content > h4 { color: #242424; }
.newsletter-black-color .newsletter-style form input { border: 2px solid #ebebeb; color: #242424; }
.newsletter-black-color .subscribe-form .clear input { border: medium none; }
.newsletter-black-color .subscribe-form .mc-form .clear { background: rgb(98, 68, 85) url("../../assets/img/icon-img/send-5.png") no-repeat scroll right 25px center; }
    .newsletter-black-color .subscribe-form .mc-form .clear:hover { background: rgb(0, 0, 0) url("../../assets/img/icon-img/send-5.png") no-repeat scroll right 25px center; }
.newsletter-black-color .newsletter-style form input::-moz-placeholder { color: #242424; opacity: 1; }
.newsletter-black-color .newsletter-style form input::-webkit-input-placeholder { color: #242424; opacity: 1; }
.newsletter-border-2 { border: 1px solid #ebebeb; border-radius: 5px; padding: 22px 40px; }

/* footer index-Cosmetic */
.copyright-bouquet.copyright > p a,
.footer-widget-bouquet .footer-content ul li:hover a,
.footer-widget-bouquet .footer-contact li a:hover { color: #624455; }
.footer-widget-bouquet .footer-map > a { color: #242424; }
    .footer-widget-bouquet .footer-map > a:hover { color: #624455; }
.footer-widget-bouquet .opening-content ul li span { color: #624455; }

/*---------- 34. Home toy ----------*/
/* header index-toy */
.menu-categories { padding: 19px 10px 18px; position: relative; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
    .menu-categories > h3 { font-size: 14px; font-weight: 500; margin: 0; text-align: center; }
        .menu-categories > h3 a i { padding-right: 15px; }
.category-menu { left: 0; position: absolute; top: 100%; width: 100%; background-color: #fff; z-index: 9; display: none; }
    .category-menu nav > ul { padding: 30px 0; }
    .category-menu ul li { list-style: none; position: relative; }
    .category-menu nav > ul > li > a { border-bottom: 1px solid #f1f1f1; color: #242424; display: block; font-size: 14px; font-weight: 500; margin-bottom: 12px; margin-left: 30px; margin-right: 20px; padding-bottom: 12px; text-transform: capitalize; }
    .category-menu nav > ul > li:last-child > a { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; }
    .category-menu ul li:hover > a { color: #df2121; }
    .category-menu nav > ul > li > a > i { color: #383838; float: right; font-size: 12px; position: relative; top: 1px; }
    .category-menu nav > ul > li:hover > a > i { color: #df2121; }
    .category-menu nav > ul > li > a > i.none-lg { display: none; }
    .category-menu nav > ul > li > ul.category-mega-menu { background-color: rgba(255, 255, 255, 0.97); display: block; left: 100%; padding: 33px 30px 37px 30px; position: absolute; text-align: left; top: 0; transform: rotateX(90deg); transform-origin: center top 0; transition: all 0.5s ease 0s; visibility: hidden; z-index: 999; }
        .category-menu nav > ul > li > ul.category-mega-menu.category-3-col { width: 700px; }
        .category-menu nav > ul > li > ul.category-mega-menu.category-2-col { width: 500px; }
    .category-menu nav > ul > li:hover > ul.category-mega-menu { transform: rotateX(0deg); visibility: visible; }
    .category-menu nav > ul > li > ul.category-mega-menu > li { border-right: 1px solid #ebebeb; display: inline-block; float: left; margin-right: 16px; padding-left: 30px; }
        .category-menu nav > ul > li > ul.category-mega-menu > li:last-child { border-right: none; }
    .category-menu nav > ul > li > ul.category-mega-menu.category-3-col > li { width: 30.333%; }
    .category-menu nav > ul > li > ul.category-mega-menu.category-2-col > li { width: 45%; }
    .category-menu nav > ul li ul.category-small-device { display: none; padding-left: 45px; padding-right: 20px; }
        .category-menu nav > ul li ul.category-small-device li { padding-bottom: 5px; }
            .category-menu nav > ul li ul.category-small-device li a { color: #242424; }
            .category-menu nav > ul li ul.category-small-device li:hover > a { color: #df2121; }
            .category-menu nav > ul li ul.category-small-device li a i { float: right; }
            .category-menu nav > ul li ul.category-small-device li ul { padding-left: 25px }
.menu-coffee-color.toy-menu .main-menu ul li:hover > a,
.menu-coffee-color.toy-menu .main-menu ul li ul li a:hover { color: #df2121; }
.menu-categories:hover h3 a { color: #df2121; }
.main-menu.shoe-menu nav > ul > li > ul.mega-menu { top: 69%; }

/* slider index-toy */
.slider-content.toy-slider-content h2 span { font-size: 48px; font-weight: 300; }
.slider-content.toy-slider-content h2 { font-size: 60px; line-height: 45px; margin: 3px 0 0; text-transform: uppercase; }
.slider-content.toy-slider-content { margin-left: -75px; }
.owl-dot-style-4 .owl-dot { background: #c49638 none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 10px; margin: 0 5px; width: 10px; }
.owl-dot-style-4.owl-dot-red .owl-dot.active { background: #df2121 none repeat scroll 0 0; }
.toy-slider-content .slider-btn a:hover { background-color: #df2121; border: 2px solid #df2121; }

/* product index-toy */
.product-tab-list.product-tab-list-red > a.active h4 { border: 2px solid #df2121; color: #df2121; }
.best-selling-area-toy .best-selling-bundle-2 { padding: 5px 5px 0; }
.best-selling-area-toy .best-selling-pro-wrapper:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

/* service index-toy */
.shop-service-content-4 { display: flex; justify-content: center; }
.service-content-4-img { flex: 0 0 48px; }
    .service-content-4-img > img { width: 100%; }
.service-content-4-content { margin-left: 20px; text-align: left; }
    .service-content-4-content > h5 { font-size: 14px; font-weight: 500; margin: 0 0 1px; }
    .service-content-4-content > p { color: #757575; margin: 0; }
.shop-service-content-4 { border: 1px solid #e1e1e1; border-radius: 3px; display: flex; justify-content: center; padding: 30px 20px 26px; }

/* deals index-toy */
.deals-content.deals-content-white > h2,
.deals-content.deals-content-white > p,
.deals-content-white .timer-style-2 span p,
.deals-content-white .timer-style-2 span { color: #fff; }
.deals-content-white .deals-img { margin: 0 -5px 0 -40px; }
.deals-content-white .deals-content { margin: 0 -48px 0 27px; }

/* banner index-toy */
.banner-area > img { width: 100%; }

/* footer index-toy */
.footer-widget-red .footer-map > a { color: #df2121; }
    .footer-widget-red .footer-map > a:hover { color: #242424; }

/*------------- 35. Home housewares -----------*/

/* header Index Housewares */
.header-middle-color-13.header-search div.header-search-form button { background-color: #fcb800; }
    .header-middle-color-13.header-search div.header-search-form button:hover { background-color: #666; color: #fff; }
.header-middle-color-13.header-search div.header-search-form input { background: #fff none repeat scroll 0 0; border: 2px solid #fff; border-radius: 5px 5px 5px 5px; color: #242424; }
    .header-middle-color-13.header-search div.header-search-form input[type="text"]::-moz-placeholder { color: #242424 !important; }
    .header-middle-color-13.header-search div.header-search-form input[type="text"]::-webkit-input-placeholder { color: #242424 !important; }
.header-middle-color-13 button.icon-cart { background-color: #fff; border: 2px solid #fff; border-radius: 5px; }
    .header-middle-color-13 button.icon-cart span.count-amount { color: #242424; }
    .header-middle-color-13 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #242424; }
    .header-middle-color-13 button.icon-cart span.count-style { background-color: #fcb800; }
    .header-middle-color-13 button.icon-cart i.cart-down { color: #a4a4a4; }
.header-middle-color-13 .shopping-cart-title > h4 a:hover,
.header-middle-color-13 .shopping-cart-total > h4 span.shop-total,
.header-middle-color-13.header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-13.header-cart:hover > button.icon-cart span.count-amount { color: #fcb800; }
.header-middle-color-13 .shopping-cart-delete > a:hover { border: 2px solid #fcb800; color: #fcb800; }
.header-middle-color-13 .btn-style:hover { background-color: #fcb800; border: 2px solid #fcb800; }
.main-menu.menu-housewares-color ul li a i { color: #fff; }
.main-menu.menu-housewares-color ul li:hover > a { color: #fcb800; }
.main-menu.menu-housewares-color ul li ul li a:hover { color: #fcb800; }
.header-top-persiangreen .lang-curr-dropdown ul li ul li > a:hover { color: #fcb800; }

/* slider Index Housewares */
.slider-content-2.slider-persiangreen-color h5 { color: #fcb800; }
.slider-content-2.slider-persiangreen-color h2 { color: #fff; }
.slider-content-2.slider-persiangreen-color h3 { color: #fcb800; }
    .slider-content-2.slider-persiangreen-color h3 span { color: #fff; }
.slider-persiangreen-color .slider-btn.slider-btn-2 a { background-color: #fcb800; border: 2px solid #fcb800; color: #242424; }
    .slider-persiangreen-color .slider-btn.slider-btn-2 a:hover { background-color: #fff; border: 2px solid #fff; color: #fcb800; }
.owl-dot-style-2.owl-dot-persiangreen .owl-dot.active { background: #fcb800 none repeat scroll 0 0; }

/* product Index Housewares */
.furniture-best-selling .product-tab-list-2.tab-list-goldenbell a.active h4 { color: #fcb800; }
.product-slider-nav.nav-style.nav-style-persiangreen div:hover,
.product-slider-nav-2.nav-style.nav-style-persiangreen div:hover,
.nav-style.nav-style-persiangreen.owl-carousel .owl-nav div:hover { background-color: #fcb800; }
.devita-product-persiangreen .product-action > a.same-action:hover,
.devita-product-persiangreen .product-action > a.action-cart:hover,
.devita-product-persiangreen .product-img > span,
.devita-product-persiangreen .best-pro-action-2 a:hover { background-color: #fcb800; }
.devita-product-persiangreen .product-content > h4 a:hover,
.devita-product-persiangreen .product-rating i.theme-star { color: #fcb800; }

/* newsletter Index Housewares */
.newsletter-img-4 { background-image: url("../../assets/img/bg/bg-20.jpg"); background-repeat: no-repeat; }
.newsletter-style.newsletter-persiangreen-style form input { border: 2px solid #434f57; color: #fff; }
.newsletter-persiangreen-style .subscribe-form .clear input { border: none; }
.newsletter-persiangreen-style .subscribe-form .mc-form .clear { background: rgb(252, 184, 0) url("../../assets/img/icon-img/send-5.png") no-repeat scroll right 25px center; transition: all .3s ease 0s; }
    .newsletter-persiangreen-style .subscribe-form .mc-form .clear:hover { background: rgb(255, 255, 255) url("../../assets/img/icon-img/send-2.png") no-repeat scroll right 25px center; }

/* blog Index Housewares */
.blog-persiangreen .blog-content-6 > h4 a:hover,
.blog-persiangreen .blog-meta ul li a:hover { color: #fcb800; }

/* footer Index Housewares */
.footer-map.persiangreen > a,
.copyright.persiangreen > p a,
.opening-content.persiangreen ul li span { color: #fcb800; }
    .footer-map.persiangreen > a:hover { color: #fff; }

/*----------- 36. Home underwear ----------*/
/* header index-underwear */
.content-wrapper-4 { display: block; margin: 50px auto; width: 1270px; background-color: #fff; }
.body-bg-2 { background-attachment: fixed; background-color: #ffffff; background-image: url("../../assets/img/bg/bg-21.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; }

.header-top-color-2.header-top-pink .header-top-right ul li a:hover { color: #ee3875; }

.header-middle-color-14 button.icon-cart { border-radius: 50px; border: 2px solid #ebebeb; }
    .header-middle-color-14 button.icon-cart span.count-style { background-color: #ee3875; left: -19px; top: 9px; }
    .header-middle-color-14 button.icon-cart i.cart-bag { border-right: 1px solid #e1e1e1; color: #242424; }
    .header-middle-color-14 button.icon-cart span.count-amount { color: #242424; }
    .header-middle-color-14 button.icon-cart i.cart-down { color: #242424; }
.header-middle-color-14 .shopping-cart-title > h4 a:hover { color: #ee3875; }
.header-middle-color-14 .shopping-cart-delete > a:hover { border: 2px solid #ee3875; color: #ee3875; }
.header-middle-color-14 .shopping-cart-total > h4 span.shop-total { color: #ee3875; }
.header-middle-color-14 .btn-style:hover { background-color: #ee3875; border: 2px solid #ee3875; }
.header-middle-color-14.header-cart:hover button.icon-cart i.cart-bag,
.header-middle-color-14.header-cart:hover > button.icon-cart span.count-amount { color: #ee3875; }
.header-middle-color-14.header-search-2 form input { border-radius: 50px; }
.menu-red-color.hover-pink .main-menu ul li:hover > a,
.menu-red-color.hover-pink .main-menu ul li ul li a:hover { color: #ee3875; }
.header-top-pink .lang-curr-dropdown ul li ul li > a:hover,
.shop-underware .single-shop-service > h5 span { color: #ee3875; }
.menu-red-color.hover-pink.menu-sunglass { border-bottom: 3px solid #f1f1f1; border-top: 3px solid #f1f1f1; }
.shop-service-area.shop-underware { padding: 24px 0; }

/* slider index-underwear */
.slider-content-underware h2 { color: #fff; font-size: 60px; font-weight: 300; line-height: 46px; margin: 0 0 17px; text-transform: uppercase; }
    .slider-content-underware h2 span { color: #ee3875; }
.slider-content-underware h4 { color: #fff; font-size: 18px; margin: 0 0 0px; }
.slider-content-underware .slider-btn.white-color-btn a { background-color: #ee3875; border: 2px solid #ee3875; border-radius: 50px; }
    .slider-content-underware .slider-btn.white-color-btn a:hover { background-color: #242424; border: 2px solid #242424; }
.owl-dot-style-5 .owl-dot { background: #b0a088 none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 10px; margin: 0 5px; width: 10px; }
.owl-dot-style-5.owl-dot-red .owl-dot.active { background: #ee3875 none repeat scroll 0 0; }

/* banner index-underwear */
.banner-service-wrap > img { width: 100%; }
.banner-service-wrap { position: relative; }
.banner-service { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.banner-service-mrg.mb-30 { margin: 0 20px; }
.banner-service > h4 { color: #fff; font-size: 18px; font-weight: 300; line-height: 18px; margin: 0 0 2px; text-transform: uppercase; }
.banner-service > h3 { color: #fff; font-size: 24px; font-weight: 500; line-height: 1; margin: 0; text-transform: uppercase; }
.banner-hover-2 { overflow: hidden; }
    .banner-hover-2 img { transition: all 1.5s ease 0s; width: 100%; }
    .banner-hover-2:hover img { transform: scale(1.1); }

/* product index-underwear */
.furniture-best-selling .product-tab-list-2.tab-list-pink a.active h4 { color: #ee3875; }
.devita-product-pink .product-content > h4 a:hover,
.devita-product-pink .product-rating i.theme-star { color: #ee3875; }
.devita-product-pink .product-action > a.same-action:hover,
.devita-product-pink .product-action > a.action-cart:hover,
.devita-product-pink .product-img > span,
.devita-product-pink .best-pro-action-2 a:hover { background-color: #ee3875; }
.product-slider-nav.nav-style.nav-style-pink div:hover,
.product-slider-nav-2.nav-style.nav-style-pink div:hover,
.nav-style.nav-style-pink.owl-carousel .owl-nav div:hover { background-color: #ee3875; }
.product-slider-nav.nav-style.nav-style-pink div,
.product-slider-nav-2.nav-style.nav-style-pink div,
.nav-style.nav-style-pink.owl-carousel .owl-nav div { border-radius: 50px; }

/* banner index-underwear */
.banner-wrap { position: relative; }
.banner-text { bottom: 58px; left: 0; position: absolute; right: 0; }
    .banner-text > h4 { color: #fff; font-size: 18px; line-height: 1; margin: 0; text-transform: uppercase; }
    .banner-text > h3 { color: #fff; font-size: 24px; font-weight: 500; margin: 0 0 15px; text-transform: uppercase; }
    .banner-text > h5 { color: #fff; font-size: 18px; margin: 0; }
.banner-btn a.btn-style { background-color: #ee3875; border-radius: 50px; color: #fff; display: inline-block; padding: 15px 37px 13px; border: none; }
    .banner-btn a.btn-style:hover { background-color: #fff; color: #ee3875; }

/* blog index-underwear */
.blog-pink-color .blog-categori > span { background-color: #ee3875; }
.blog-pink-color .blog-content > h4 a:hover,
.blog-wrapper-2.blog-pink-color .blog-meta ul li a:hover { color: #ee3875; }

/* footer index-underwear */
.footer-widget-pink .footer-title > h4 { color: #fff; }
.copyright-pink.copyright > p a,
.footer-widget-pink .footer-content ul li:hover a,
.footer-widget-pink .footer-contact li a:hover { color: #ee3875; }
.footer-widget-pink .subscribe-form-2 form .clear-2 input { background-color: #ee3875; border-radius: 50px; color: #fff !important; }
    .footer-widget-pink .subscribe-form-2 form .clear-2 input:hover { background-color: #fff; color: #ee3875 !important; }

/*----------- 37. Home shoe ----------*/

/* header index-shoe */
.header-middle-color-15 .logo { display: inline-block; float: left; margin-right: 130px; }
.header-middle-color-15 .main-menu ul li a,
.header-middle-color-15 .main-menu ul li a i { color: #242424; }
.header-middle-color-15 .header-search div.header-search-form input { border: 2px solid #ebebeb; color: #242424; }
    .header-middle-color-15 .header-search div.header-search-form input[type="text"]::-moz-placeholder { color: #242424 !important; }
    .header-middle-color-15 .header-search div.header-search-form input[type="text"]::-webkit-input-placeholder { color: #242424 !important; }
.header-middle-color-15 .header-search div.header-search-form button { background-color: #ebebeb; color: #242424; }
.header-middle-color-15 button.icon-cart { border: 2px solid #ebebeb; }
.header-middle-color-2.header-middle-color-15 button.icon-cart i.cart-bag { border-right: 1px solid #ebebeb; color: #242424; }
.header-middle-color-15 button.icon-cart span.count-style { background-color: #dd1c1c; }
.header-middle-color-15 .shopping-cart-title > h4 a:hover,
.header-middle-color-15 .shopping-cart-total > h4 span.shop-total { color: #dd1c1c; }
.header-middle-color-15 .btn-style:hover { background-color: #dd1c1c; border: 2px solid #dd1c1c; }
.header-middle-color-15 .shopping-cart-delete > a:hover { border: 2px solid #dd1c1c; color: #dd1c1c; }
.header-middle-color-15 .main-menu ul li:hover > a,
.header-middle-color-15 .main-menu ul li ul li a:hover,
.header-top-red-3 .lang-curr-dropdown ul li ul li > a:hover,
.header-top-red-3.header-top-color-2 .header-top-right ul li a:hover { color: #dd1c1c; }
.header-middle-color-15 .main-menu ul li a { line-height: 49px; }
.header-middle-color-15 .main-menu ul li ul li a { line-height: 28px; }
.header-middle-color-15 { position: relative; }
.shoe-header .shoe-mobile-menu { display: none; }
.shoe-slider .slider-content-black .slider-btn a { background-color: #dd1c1c; border: 2px solid #dd1c1c; color: #fff; }
    .shoe-slider .slider-content-black .slider-btn a:hover { background-color: #242424; border: 2px solid #242424; }
.devita-product-red-3 .product-action > a.same-action:hover,
.devita-product-red-3 .product-action > a.action-cart:hover,
.devita-product-red-3 .product-img > span,
.devita-product-red-3 .best-pro-action-2 a:hover { background-color: #dd1c1c; }
.furniture-best-selling .product-tab-list-2.tab-list-red-3 a.active h4,
.devita-product-red-3 .product-content > h4 a:hover,
.devita-product-red-3 .product-rating i.theme-star { color: #dd1c1c; }
.nav-style-red-3.nav-style.owl-carousel .owl-nav div:hover,
.product-slider-nav-2.nav-style.nav-style-red-3 div:hover,
.product-slider-nav.nav-style.nav-style-red-3 div:hover { background-color: #dd1c1c; }
.shoe-deal-area .timer-style-1 { margin-top: 7px; text-align: left; }
.shoe-deal-area .product-content.best-pro-content.best-selling-style-2 { padding: 18px 13px 25px 10px; }



/*fix baz*/
.product-action input.action-cart { cursor: pointer !important; color: white; background-color: #3c75b3; border: none; border-radius: 8px; }
    .product-action input.action-cart:hover { background-color: #1c5592; }

.prodottiLista input.action-cart { cursor: pointer !important; border: none; background: none; width: auto; color: #FFF; padding-right: 15px }
.prodottiLista div.iconaCarrello { cursor: pointer !important; background-color: #0ca45a; color: #FFF; }
    .prodottiLista div.iconaCarrello:before { font-family: 'FontAwesome'; content: '\f217'; padding: 10px 0px 10px 10px; }
    .prodottiLista div.iconaCarrello:hover { background-color: #44b67f; }
.prodottiLista .colonnaQuantita input.boxQuantita { color: black; font-weight: bold; /*width: 60px;*/ height: 28px; text-align: center; background-color: white; padding-left: 0; min-height: 45px }



input.boxQuantita::-webkit-input-placeholder { font-weight: normal; font-size: 12px; color:#6c757d }
input.boxQuantita::-moz-placeholder { font-weight: normal; font-size: 12px;  }
input.boxQuantita:-ms-input-placeholder { font-weight: normal; font-size: 12px; }
input.boxQuantita:-moz-placeholder {font-weight:normal; font-size:12px; }




/* FILE UNITO responsive.css */
/* large desktop :1366px. */

@media (min-width: 1200px) and (max-width: 1500px) {

    .book-offer > h2 { font-size: 40px; }
    .book-offer > p { width: 75%; }
    .deals-content.text-center { margin: 85px 0 0 27px; }
    .slider-single-img-1 img { bottom: -112px; right: -86px; }
    .our-work { margin: 0; }
        .our-work > h3 { font-size: 32px; }
    .custom-container { width: 1200px; }
    .header-middle-sports .header-search div.header-search-form input { width: 320px; }
    .slider-banner { margin-left: 0; }
    .content-wrapper,
    .content-wrapper-2 { width: 1170px; }
    .header-top-wrapper { padding: 0 20px; }
    .sidebar-menu { padding: 60px 0 60px; }
    .pl-190 { padding-left: 100px; }
    .single-slider.pt-250 { padding-top: 120px; }
    .single-slider.pb-250 { padding-bottom: 120px; }
    .slider-height-15 { min-height: 653px; }
    .slider-content-7 p { width: 52%; }
    .deals-content-3 { margin-left: 0; }
    .sidebar-newsletter-title > p { margin: 5px 0 10px; }
    .sidebar-left-wrapper { padding: 20px 0 20px 40px; }
    .sidebar-menu { padding: 30px 0; }
    .sidebar-social-copyright { padding: 20px 40px 0 0; }
    .sidebar-menu nav > ul > li > ul.submenu { max-height: 250px; overflow-y: auto; }
    #exampleCompare .close { right: 194px; }
    .content-wrapper-2 .main-menu nav > ul > li > ul.mega-menu > li,
    .content-wrapper-4 .main-menu nav > ul > li > ul.mega-menu > li { width: 1140px; }
    .newsletter-area.newsletter-img-2.ml-80.mr-80.mt-65 { margin: 65px 15px 0; }
    .product-action.best-pro-action > a.action-cart { padding: 8px 18px 9px; }
    .content-wrapper-3 { width: 1170px; }
    .slider-content-13 h2 { font-size: 40px; }
    .slider-content.toy-slider-content { margin-left: 0; }
        .slider-content.toy-slider-content h2 { font-size: 50px; }
    .content-wrapper-4 { width: 1170px; }
    .slider-content-underware h2 { font-size: 50px; }
    .shoe-header .header-middle.pt-40.pb-40.pl-40.pr-40.header-middle-color-15 { padding: 40px 0; }
    .shoe-header .header-top.pt-10.pb-13.pl-40.pr-40 { padding: 10px 0 13px; }
    .header-middle-color-15 .logo { margin-right: 20px; }
    .header-middle-color-15 .header-search div.header-search-form input { width: 230px; }
    .shoe-menu.main-menu ul li { margin-right: 15px; }
        .shoe-menu.main-menu ul li:last-child { margin-right: 0px; }
    .shoe-header .middle-same { margin-left: 20px; }
    .slider-content.pl-200 { padding-left: 100px; }
    .slider-content h2 { font-size: 40px; }
    .sidebar-menu nav > ul > li > ul.mega-menu { padding: 33px 20px 62px 40px; width: 865px; }
    .slider-height-22 { min-height: 455px; }
    .deals-img { margin: 0 -5px 0 0; }
    .slider-single-img-1 img { bottom: 0; right: 0; }
    .owl-carousel .owl-item .slider-single-img-1 img { width: 710px; }
    .slider-single-img-2 > img { right: 0; }
}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {
    .header-search div.header-search-form input { width: 250px; }
    .middle-same { margin-left: 10px; }
    .main-menu ul li { margin-right: 17px; }
    .main-menu nav > ul > li > ul.mega-menu > li { width: 930px; }
        .main-menu nav > ul > li > ul.mega-menu > li > ul > li { width: 17.5%; }
    .custom-col-5 { flex: 0 0 25%; max-width: 25%; }
    .connect-content > h2 { font-size: 40px; }
    .connect-content > p { width: 58%; }
    .newsletter-content > h4 { font-size: 24px; }
    .newsletter-style form input { width: 400px; }
    .newsletter-from-close.ml-50 { margin-left: 0; }
    .product-tab-list::before,
    .product-tab-list::after { width: 190px; }
    .section-title-width::before { right: -195px; width: 178px; }
    button.icon-cart span.count-style { left: -7px; }
    .section-title { font-size: 17px; padding-right: 10px; }
    .related-product-wrapper .product-content { padding: 0; }
    .related-product-img { flex: 0 0 80px; }
    h4.sidebar-title { font-size: 15px; padding-right: 5px; }
    .deals-wrapper .product-content { padding: 0 15px; }
    .timer-style-1 span { margin: 0 1px; padding: 5px; }
    .main-menu ul li a { font-size: 14px; }
    .main-menu.main-border nav > ul > li { padding-left: 10px; }
        .main-menu.main-border nav > ul > li > a { padding-right: 6px; }
    .headphone-slider-active.nav-style.owl-carousel .owl-nav div { top: -38px; }
    .single-slider.pb-155 { padding-bottom: 105px; }
    .single-slider.pt-150 { padding-top: 100px; }
    .book-offer > h2 { font-size: 34px; }
    .book-offer.pl-50 { padding-left: 0; }
    .connect-area.bg-img { background-position: 66% center; }
    .book-offer > p { width: 97%; }
    .nav-style-3.owl-carousel > .owl-nav div { top: -63px; }
    .slider-content-5 { margin-left: 0; }
        .slider-content-5 h2 { font-size: 34px; }
    .deals-content.text-center { margin: 85px 0 0; }
    .deals-content > p { width: 100%; }
    .deals-content > h2 { font-size: 30px; }
    .product-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -68px; }
    .header-middle-bg-img .middle-same { margin-left: 10px; }
    .header-middle-bg-img { padding: 40px 20px; }
    .header-search.header-search-coffee form input { width: 225px; }
    .header-top-left.pl-30 { padding-left: 20px; }
    .header-top-right.pr-30 { padding-right: 20px; }
    .menu-coffee-color.pl-30.pr-30 { padding: 0 20px; }
    .buy > a { font-size: 14px; }
    .slider-content-6 h2 { font-size: 50px; }
    .testimonial-active { padding: 0; }
    .single-testimonial > p { width: 100%; }
    .header-search-4 form input { width: 260px; }
    .construction-cart button.icon-cart span.count-style { left: 1px; top: -13px; }
    .construction-slider .slider-content-4 h2 { font-size: 40px; }
    .owl-carousel .owl-item .slider-single-img-1 img { width: 438px; }
    .slider-single-img-1 img { bottom: 50px; right: 0; }
    .slider-single-img-2 > img { right: 0; }
    .social-icon li a { font-size: 16px; height: 33px; line-height: 31px; width: 33px; }
    .social-icon ul li { margin: 0 5px 10px 0; }
    .devita-product.devita-product-yellowgreen { height: 300px; }
        .devita-product.devita-product-yellowgreen .product-wrapper { min-height: 443px; }
        .devita-product.devita-product-yellowgreen.height-inherit .product-wrapper { min-height: auto; }
    .cycle-blog-wrapper .blog-content > h4 { margin: 0 71px 10px; }
    .header-search-5 form input { width: 260px; }
    .header-middle-color-7 button.icon-cart span.count-style { left: 1px; top: -13px; }
    .header-bottom-red .main-menu ul li { margin-right: 15px; }
    .single-shop-service > h5 { font-size: 11px; }
    .our-work { margin: 0; }
        .our-work > h3 { font-size: 25px; }
    .blog-content > h4 { margin: 0 54px 10px; }
    .single-slider.pt-280.pb-280 { padding: 170px 0; }
    .single-slider.pt-172.pb-172 { padding: 62px 0; }
    .single-slider.pt-169.pb-169 { padding: 59px 0; }
    .blog-wrapper-4 .blog-img { flex: 0 0 215px; }
    .blog-meta-4 { margin: 20px 0 0; }
    .slider-content-8 h2 { font-size: 45px; }
    .custom-container { width: 960px; }
    .header-middle-sports { padding: 40px 15px; }
        .header-middle-sports .header-search div.header-search-form input { width: 231px; }
        .header-middle-sports .header-top-left.pl-30 { padding-left: 15px; }
        .header-middle-sports .header-top-right.pr-30 { padding-right: 15px; }
    .slider-banner { margin-left: 0; }
        .slider-banner h2 { font-size: 70px; }
    .product-overview-content h2 { font-size: 55px; }
    .product-overview-btn.mt-100 { margin-top: 50px; }
    .orange-blog-wrapper .blog-content > h4 { font-size: 22px; margin: 0 15px 10px; }
    .content-wrapper,
    .content-wrapper-2 { width: 970px; margin: 40px auto; }
    .deals-sunglass .deals-content.text-center { margin: 20px 0 40px; }
    .blog-area-sunglass .blog-content > h4 { margin: 0 5px 10px; }
    .sidebar-right-wrapper { margin-left: 230px; }
    .sidebar-left-wrapper { padding: 10px 0 10px 20px; width: 230px; }
    .sidebar-header-top-right .header-search-3 form input { width: 180px; }
    .watch-header-top .language-currency { margin-right: 10px; }
    .header-cart.watch-cart { padding: 9px 0 0 40px; }
    .sidebar-left-wrapper .logo img { padding-right: 20px; width: 100%; }
    .sidebar-menu { padding: 30px 0 27px; }
    .sidebar-newsletter-title > p { font-size: 13px; margin: 5px 0 10px; }
    .sidebar-social-copyright { padding: 20px 25px 0 0; }
    .sidebar-menu nav > ul > li > ul.mega-menu { padding: 33px 15px 34px; width: 750px; }
    .pl-190 { padding-left: 30px; }
    .slider-content-7 p { width: 72%; }
    .single-slider.pt-250 { padding-top: 115px; }
    .single-slider.pb-250 { padding-bottom: 115px; }
    .slider-content-7 h2 { font-size: 55px; }
    .deals-content-3 { margin-left: 0; }
        .deals-content-3 > h2 { font-size: 28px; }
        .deals-content-3 > p { font-size: 14px; }
    .newsletter-watch .newsletter-wrapper.pl-55.pr-55 { padding: 0; }
    .product-shorting.shorting-style select { width: 80px; }
    .shorting-style select { width: 105px; }
    .grid-list-options { margin-right: 15px; }
    .notification-content.ml-285 { margin: 0; }
    .shop-tags a { padding: 7px 6px; }
    .shop-topbar-wrapper { padding: 15px; }
    .main-blog.blog-wrapper h3 { font-size: 16px; }
    .product-dec-slider { padding: 0; }
        .product-dec-slider .product-dec-icon { left: 0; }
            .product-dec-slider .product-dec-icon.product-dec-next { right: 0; }
    .overview-content-2 > h2 { font-size: 30px; }
    .sidebar-menu nav > ul > li > ul.submenu { max-height: 250px; overflow-y: auto; }
    .product-slider-nav.nav-style, .product-slider-nav-2.nav-style { margin-top: -40px; }
    .headphone-slider-active-2 .product-action > a.action-cart { padding: 9px 8px 8px; }
    .product-slider-style .product-action > a.action-cart { padding: 9px 8px 8px; }
    .devita-product-2.devita-product-yellowgreen .product-action-wrapper-2 { padding: 26px 7px 0; }
    .devita-product-yellowgreen .product-action > a.action-cart { padding: 9px 16px 8px; }
    #exampleCompare .close { right: 15px; }
    .pl-125 { padding-left: 60px; }
    .services-center-text > h2 { font-size: 50px; }
    .services-center-text > h4 { font-size: 20px; }
    .services-center-text { padding-right: 22px; }
    .newsletter-area.bg-img.ptb-30.newsletter-img-2.ml-80.mr-80.mt-65 { margin: 65px 15px 0; }
    .blog-content-5 > h4 { font-size: 20px; }
    .content-wrapper-3 { width: 970px; }
    .newsletter-border-2 { padding: 22px 25px; }
    .slider-content.slider-content-black-2 h2 { font-size: 50px; }
    .single-slider.pt-130 { padding-top: 100px; }
    .single-slider.pb-135 { padding-bottom: 105px; }
    .furniture-best-selling .product-tab-list-2 a h4 { font-size: 17px; }
    .header-middle-color-10.header-search div.header-search-form input { width: 225px; }
    .header-middle-petmarket .middle-same { margin-left: 10px; }
        .header-middle-petmarket .middle-same:first-child { margin-left: 0; }
    .header-middle-petmarket { padding: 40px 20px; }
    .slider-content-13 h2 { font-size: 30px; }
    .slider-btn.mt-75 { margin-top: 40px; }
    .slider-content.toy-slider-content { margin-left: 0; }
        .slider-content.toy-slider-content h2,
        .slider-content.toy-slider-content h2 span { font-size: 38px; }
    .slider-btn.mt-80 { margin-top: 40px; }
    .content-wrapper-4 { width: 970px; }
    .slider-content-underware h2 { font-size: 45px; }
    .slider-content.pl-200 { padding-left: 15px; }
    .deals-slider-active.deal-mrg-shoe { margin-bottom: 50px; }
    .deals-slider-active.nav-style.owl-carousel .owl-nav div,
    .deals-slider-active-2.nav-style.owl-carousel .owl-nav div,
    .latest-products-active.nav-style.owl-carousel .owl-nav div { top: -58px; }
    .shoe-header .header-cart.middle-same { float: right; }
    .shoe-header .header-contact-search-wrapper.f-right { float: inherit; margin-top: 35px; }
    .main-menu.main-none.shoe-menu { display: flex; justify-content: flex-end; }
    .main-menu.shoe-menu ul li:last-child { margin-right: 0px; }
    .main-menu.shoe-menu nav > ul > li > ul.mega-menu { top: 41%; }
    .main-menu.shoe-menu nav > ul > li > ul.submenu { left: -94px; }
    .main-menu.shoe-menu nav > ul > li:last-child > ul.submenu { left: auto; right: 0; }
    .main-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span,
    .sidebar-menu nav > ul > li > ul.mega-menu > li > ul > li ul li a span { font-size: 12px; padding: 2px 3px 3px; right: -34px; }
    .pro-dec-social li a { padding: 8px 7px; }
    .product-details-content > h4 { font-size: 17px; }
    .slider-height-1 { min-height: 502px; }
    .slider-height-5 { min-height: 507px; }
    .slider-height-6 { min-height: 455px; }
    .slider-height-7 { min-height: 720px; }
    .slider-height-10 { min-height: 545px; }
    .slider-height-11 { min-height: 650px; }
    .slider-height-13 { min-height: 884px; }
    .slider-height-14 { min-height: 420px; }
    .slider-height-15 { min-height: 637px; }
    .slider-height-16 { min-height: 665px; }
    .slider-height-18 { min-height: 502px; }
    .slider-height-19 { min-height: 719px; }
    .slider-height-21 { min-height: 637px; }
    .slider-height-22 { min-height: 415px; }
    .slider-height-23 { min-height: 511px; }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .notification-content.ml-285 { margin-left: 0; }
    .logo.logo-mrg { display: none; }
    .mobile-menu .mean-nav ul.menu-overflow { height: 216px; margin-top: 10px; overflow-y: auto; }
    .header-search div.header-search-form input { width: 250px; }
    .middle-same { margin-left: 10px; }
    .custom-col-5 { flex: 0 0 33.333%; max-width: 33.333%; }
    .connect-content > h2 { font-size: 35px; }
    .connect-content > p { width: 77%; }
    .top-bar { display: block; }
    .newsletter-from-close { margin: 20px 0 0; }
    .main-menu.main-none { display: none; }
    .mobile-menu-area { display: block; }
    .header-bottom { padding: 20px 0; }
    .mean-container a.meanmenu-reveal { color: #fff; top: -37px; border: 1px solid #fff; padding: 5px 5px 1px; }
        .mean-container a.meanmenu-reveal span { background: #fff none repeat scroll 0 0; }
    .logo.mobile-logo { display: block; }
    .header-contact-search-wrapper.f-right { float: left; }
    .header-top-right ul li { margin-left: 15px; }
    .product-tab-list::before,
    .product-tab-list::after { width: 80px; }
    .section-title { font-size: 17px; padding-right: 20px; }
    .product-tab-list-2 a { margin-left: 2px; }
    .nav-style.owl-carousel .owl-nav div { height: 30px; line-height: 30px; width: 30px; }
    .product-tab-list-2 { padding: 0; }
    .section-border { margin-right: 82px; }
    .best-selling-active.nav-style.owl-carousel .owl-nav div { top: -50px; }
    .best-selling-pro-wrapper .product-img { flex: 0 0 140px; }
    .product-content.best-pro-content { padding: 13px 13px 18px 10px; }
    .headphone-slider-active.nav-style.owl-carousel .owl-nav div { top: -37px; }
    .banner-mrg-top { margin-top: 30px; margin-bottom: 30px; }
    .headphone-slider-active-2.owl-carousel > .owl-nav div { top: -36px; }
    .mrg-top-md { margin-top: 30px; }
    .banner-area img { max-width: 100%; }
    .related-product-area { margin-bottom: 50px; }
    .newsletter-elc-2 .newsletter-style form input { width: 300px; }
    .newsletter-elc-2 .subscribe-form .clear input { width: 60px; }
    .newsletter-content > h4 { font-size: 21px; }
    .newsletter-from-close.newsletter-elc-2 { margin: 10px 0 0; }
    button.icon-cart span.count-style { left: -5px; }
    .featured-product-active.owl-carousel > .owl-nav div { top: -36px; }
    .product-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -66px; }
    .single-slider.pb-160 { padding-bottom: 132px; }
    .product-content.best-pro-content.best-selling-style-2 { padding: 40px 13px 45px 10px; }
    .related-product-wrapper .product-content { padding: 0 0px 0 0; }
    .slider-content-3 h2 { font-size: 35px; }
    .pb-440 { padding-bottom: 345px; }
    .single-slider.pb-155 { padding-bottom: 85px; }
    .single-slider.pt-150 { padding-top: 80px; }
    .book-offer > h2 { font-size: 34px; }
    .book-offer.pl-50 { padding-left: 0; text-align: left !important; }
    .connect-area.bg-img { background-position: 66% center; }
    .book-offer > p { width: 100%; }
    .slider-content-5 { margin-left: 0; }
    .single-slider.pb-140 { padding-bottom: 100px; }
    .single-slider.pt-130 { padding-top: 90px; }
    .featured-book-active.nav-style.owl-carousel .owl-nav div { top: -36px; }
    .deals-content.text-center { margin: 0; }
    .deals-content > p { width: 100%; }
    .deals-area.pb-125 { padding-bottom: 65px; }
    .white-bg.menu-coffee-color.pl-30.pr-30 { display: none; }
    .header-bottom.header-btm-coffee-res { padding: 0; }
    .white-bg.header-btm-res-pd { padding: 20px; }
    .header-btm-coffee-res .mean-container a.meanmenu-reveal,
    .header-bottom-jewelry .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .header-btm-coffee-res .mean-container a.meanmenu-reveal span,
        .header-bottom-jewelry .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .header-top-left.pl-30 { padding-left: 10px; }
    .header-top-right.pr-30 { padding-right: 10px; }
    .header-middle-bg-img { padding: 40px 10px; }
        .header-middle-bg-img .middle-same { margin-left: 10px; }
    .header-search.header-search-coffee form input { width: 220px; }
    .testimonial-active { padding: 0; }
    .quote-icon i { font-size: 45px; }
    .single-testimonial > p { width: 100%; }
    .testimonial-rating { margin: 5px 0; }
    .quote-icon { margin: 0 0 5px; }
    .testimonial-active .owl-dots { margin: 5px 0 0; text-align: center; }
    .coffee-discount-content > h3 { font-size: 22px; }
    .social-icon ul li { margin: 0 6px 10px 0; }
    .construction-cart button.icon-cart span.count-style,
    .header-middle-color-7 button.icon-cart span.count-style { left: 1px; top: -13px; }
    .header-search-4 form input { width: 260px; }
    .construction-slider .slider-content-4 h2 { font-size: 35px; line-height: 45px; }
    .owl-carousel .owl-item .slider-single-img-1 img { width: 330px; }
    .slider-single-img-1 img { bottom: 120px; right: 0; }
    .slider-content-4.slider-animated-1 > p { font-size: 14px; }
    .slider-single-img-2 > img { right: 0; }
    .slider-single-img-3 > img { bottom: 0; right: 0; }
    .owl-carousel .owl-item .slider-single-img-3 img { width: 390px; }
    .construction-discount-content.pl-90 { padding-left: 20px; }
    .yellowgreen-color .mean-container a.meanmenu-reveal { border: 1px solid #9bb70d; color: #9bb70d; }
        .yellowgreen-color .mean-container a.meanmenu-reveal span { background: #9bb70d none repeat scroll 0 0; }
    .cycle-slider .pb-215 { padding-bottom: 100px; }
    .cycle-slider .pl-45 { padding-left: 15px; }
    .devita-product.devita-product-yellowgreen { height: 300px; }
        .devita-product.devita-product-yellowgreen .product-wrapper { min-height: 440px; }
        .devita-product.devita-product-yellowgreen.height-inherit .product-wrapper { min-height: auto; }
    .banner-content > h2 { font-size: 60px; }
    .header-search-5 form input { width: 260px; }
    .gray-bg-5.fashion-mobile { padding: 20px 15px; }
    .fashion-mobile .mean-container a.meanmenu-reveal { border: 1px solid #cc2121; color: #cc2121; }
        .fashion-mobile .mean-container a.meanmenu-reveal span { background: #cc2121 none repeat scroll 0 0; }
    .header-bottom.header-bottom-red { padding: 0; }
    .fashion-slider .single-slider.bg-img { background-position: 87% center; }
    .our-work { margin: 0; }
        .our-work > h3 { font-size: 20px; }
    .banner-area.bg-img.pt-175.pb-135 { padding: 100px 0; }
    .single-slider.pt-280.pb-280 { padding: 170px 0; }
    .single-slider.pt-172.pb-172 { padding: 101px 0 102px; }
    .single-slider.pt-169.pb-169 { padding: 120px 0; }
    .game-slider .owl-carousel .owl-item img { width: 100%; }
    .header-bottom.header-bottom-jewelry { padding: 0px 0 40px; }
    .slider-content-8 h2 { font-size: 50px; }
    .jewelry-offery-content.pl-60 { padding: 0; }
    .blog-slider-active.nav-style.owl-carousel .owl-nav div { top: -61px; }
    .slider-content-4 h2 { font-size: 40px; }
    .slider-banner { margin-left: 0; }
    .custom-container { max-width: 720px; }
    .header-middle-sports { padding: 20px 10px; }
        .header-middle-sports .header-search div.header-search-form input { width: 240px; }
    .header-bottom.header-bottom-orange { padding: 0; }
    .res-padding-orange { padding: 20px 10px; }
    .header-bottom-orange .mean-container a.meanmenu-reveal span { background: #f2640a none repeat scroll 0 0; }
    .header-bottom-orange .mean-container a.meanmenu-reveal { border: 1px solid #f2640a; color: #f2640a; }
    .slider-banner h2 { font-size: 75px; }
    .slider-banner > p { margin: 3px auto 25px; width: 72%; }
    .pt-345 { padding-top: 315px; }
    .pb-230 { padding-bottom: 200px; }
    .product-overview-content h2 { font-size: 26px; line-height: 30px; margin: 30px 0 10px; }
    .product-overview-btn.mt-100 { margin-top: 30px; }
    .content-wrapper,
    .content-wrapper-2 { margin: 40px auto; width: 730px; }
    .header-bottom-sunglass .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .header-bottom-sunglass .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .deals-sunglass .deals-content { margin: 30px 0 0; }
    .deals-img.deals-img-2 { margin: 45px 0px 0 0; }
    .sidebar-left-wrapper { display: none; }
    .sidebar-right-wrapper { margin-left: 0; }
    .sidebar-header-top-right .header-search-3 form input { width: 180px; }
    .watch-header-top .language-currency { margin-right: 10px; }
    .header-cart.watch-cart { padding: 9px 0 0 40px; }
    .header-top-wrapper { padding: 0 15px; }
    .pl-190 { padding-left: 40px; }
    .pb-250 { padding-bottom: 100px; }
    .pt-250 { padding-top: 100px; }
    .slider-content-7 p { margin: 0 0 20px; width: 77%; }
    .slider-content-7 h2 { font-size: 45px; }
    .slider-btn-watch.mt-100 { margin-top: 30px; }
    .deals-content-3 { margin-left: 0; }
    .blog-slider-active-watch .blog-content-2 > h4 { line-height: 25px; margin: 0 70px 9px 0; }
    .watch-mean-menu { border-top: 1px solid #2d2d2d; padding: 20px 15px; }
    .product-shorting.shorting-style select { width: 80px; }
    .shorting-style select { width: 105px; }
    .grid-list-options { margin-right: 15px; }
    .blog-wrapper h3 { font-size: 16px; }
    .pagination-total-pages { padding: 15px 15px 13px; }
    .blog-side-md { margin-bottom: 30px; }
    .blog-details-wrapper { margin-top: 30px; }
    .cart-shiping-update > a,
    .cart-clear > button,
    .cart-clear > a { padding: 18px 27px 19px; }
    .grand-totall { margin-top: 30px; }
    .cart-shiping-update-wrapper { padding: 30px 0 55px; }
    .checkout-login { margin-top: 40px; }
    .contact-page-title h1 { font-size: 30px; }
    .tab-content.tab-content-contact { margin-top: 40px; }
    .product-details-content { margin-top: 35px; }
    .modal-body { display: block; justify-content: inherit; padding: 40px; }
    .modal-compare-width { margin-top: 110px; max-width: 100%; min-width: 100%; }
    #exampleCompare .close { left: 0; margin: 0 auto; right: 0; }
    .overview-content-2 > h2 { font-size: 25px; }
    .single-testimonial.about-testi > p { width: 90%; }
    .product-slider-nav.nav-style,
    .product-slider-nav-2.nav-style { margin-top: -40px; }
    .devita-product-2.devita-product-yellowgreen .product-action-wrapper-2 { padding: 26px 12px 0; }
    .devita-product-yellowgreen .product-action > a.action-cart { padding: 9px 12px 8px; }
    .blog-slider-active-3.nav-style.devita-product-red-2.owl-carousel .owl-nav div { top: -57px; }
    .product-action > a.action-cart { padding: 9px 16px 8px; }
    .services-center-text { padding-right: 0; }
        .services-center-text > h2 { font-size: 42px; }
    .newsletter-area.bg-img.ptb-30.newsletter-img-2.ml-80.mr-80.mt-65 { margin: 65px 15px 0; }
    .newsletter-icon-img { margin-right: 12px; }
    .category-menu nav > ul > li > a > i.none-lg { display: block; }
    .category-menu nav > ul > li > a > i.none-sm { display: none; }
    .auto-parts-social.social-icon { float: inherit; text-align: center; }
    .social-icon.auto-parts-social ul li { margin: 0 3px; }
        .social-icon.auto-parts-social ul li:last-child { margin: 0; }
    .header-bottom.header-bottom-autoparts { padding: 0 0 20px; }
    .autoparts-mobile-menu { background-color: #df2121; border-top: 1px solid #e54d4d; padding: 20px 0; }
    .autoparts-mobile-menu { display: block; }
    .pl-125 { padding-left: 30px; }
    .slider-content-11 h2 { font-size: 52px; }
    .blog-content-5 > h4 { font-size: 22px; }
    .content-wrapper-3 { width: 730px; }
    .single-slider.pt-130 { padding-top: 100px; }
    .single-slider.pb-135 { padding-bottom: 105px; }
    .slider-content.slider-content-black-2 h2 { font-size: 40px; }
    .newsletter-border-2 { padding: 22px 20px; }
    .molile-menu-black .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .molile-menu-black .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .furniture-best-selling .product-tab-list-2 a h4 { font-size: 17px; }
    .slider-content h2 { font-size: 37px; line-height: 45px; }
    .slider-btn.mt-75 { margin-top: 40px; }
    .furniture-best-selling .product-tab-list-2 a { margin-left: 5px; }
    .slider-content-12 { padding-left: 0px; }
    .deals-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -64px; }
    .buy { border-top: 1px solid #ebebeb; padding: 10px 0; text-align: center; }
        .buy > a { display: block; float: inherit; padding: 0; }
    .white-bg.menu-byzantine-color.pl-30.pr-30 { padding: 0 20px; }
    .header-middle-petmarket { padding: 40px 10px; }
        .header-middle-petmarket .middle-same { margin-left: 10px; }
            .header-middle-petmarket .middle-same:first-child { margin-left: 0; }
        .header-middle-petmarket .header-search div.header-search-form input { width: 225px; }
    .slider-content-13 h2 { font-size: 34px; margin: 0 0 15px; }
    .slider-content-13.slider-negative-mrg-2 { margin-left: 0; }
    .menu-categories { border-left: medium none; border-right: medium none; border-top: 1px solid #ebebeb; padding: 20px 10px 16px; }
    .slider-content.toy-slider-content { margin-left: 0; }
        .slider-content.toy-slider-content h2 { font-size: 50px; }
    .slider-btn.mt-80 { margin-top: 40px; }
    .shop-service-content-4 { padding: 30px 15px 26px; }
    .service-content-4-content { margin-left: 15px; }
    .deals-content.deals-content-white.text-center { margin: 30px 0 15px; }
    .content-wrapper-4 { width: 730px; }
    .menu-red-color.hover-pink.menu-sunglass { display: none; }
    .underwear-border-small { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
    .slider-content-underware h2 { font-size: 40px; }
    .slider-area-underwear .pt-210 { padding-top: 160px; }
    .banner-service-mrg.mb-30 { margin: 0 0 30px; }
    .banner-service-mrg.mb-30 { margin: 0 0 30px 28px; }
    .banner-text > h3 { font-size: 20px; }
    .shoe-header .shoe-mobile-menu { display: block; padding: 20px 0; }
    .shoe-mobile-menu .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .shoe-mobile-menu .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
    .shoe-header .header-middle.pt-40.pb-40.pl-40.pr-40.header-middle-color-15 { padding: 40px 0; }
    .shoe-header .header-top.pt-10.pb-13.pl-40.pr-40 { padding: 10px 0 13px; }
    .shoe-header .header-contact-search-wrapper.f-right { float: inherit; }
    .shoe-header .header-cart.middle-same { float: right; }
    .shoe-slider .pl-200 { padding-left: 0px; }
    .pt-165 { padding-top: 95px; }
    .pb-170 { padding-bottom: 100px; }
    .deals-slider-active.deal-mrg-shoe { margin-bottom: 50px; }
    .mobile-menu.mean-container .mean-nav ul li li li a span { background-color: #242424; border-radius: 3px; color: #fff; font-size: 13px; line-height: 1; margin-left: 5px; padding: 2px 5px 3px; }
    .slick-vertical .slick-slide { margin: 1px 0 10px; }
    .pro-details-gallery-mrg { margin-top: 50px; }
    .product-details-content.pro-details-mrg-none { margin-top: 0; }
    .pro-dec-social li a { padding: 8px 7px; }
    .quality-add-to-cart .product-action > a.action-cart { padding: 11px 32px 10px; }
    .sidebar-active .product-details-content { margin-top: 0; }
    .slider-btn-5.mt-120,
    .slider-btn-5.mt-95 { margin-top: 50px; }
    .slider-height-1 { min-height: 496px; }
    .slider-height-3 { min-height: 553px; }
    .slider-height-4 { min-height: 504px; }
    .slider-height-5 { min-height: 461px; }
    .slider-height-6 { min-height: 415px; }
    .slider-height-7 { min-height: 680px; }
    .slider-height-8 { min-height: 523px; }
    .slider-height-9 { min-height: 591px; }
    .slider-height-10 { min-height: 535.64px; }
    .slider-height-11 { min-height: 656px; }
    .slider-height-12 { min-height: 567px; }
    .slider-height-13 { min-height: 813px; }
    .slider-height-14 { min-height: 420px; }
    .slider-height-15 { min-height: 501px; }
    .slider-height-16 { min-height: 631px; }
    .slider-height-17 { min-height: 453px; }
    .slider-height-18 { min-height: 496px; }
    .slider-height-19 { min-height: 662px; }
    .slider-height-21 { min-height: 491px; }
    .slider-height-22 { min-height: 415px; }
    .slider-height-23 { min-height: 489px; }
    .slider-height-25 { min-height: 446px; }
}


/* small mobile :320px. */

@media (max-width: 767px) {

    .login-register-tab-list.nav a h4 { font-size: 20px }

    .main-menu.main-none { display: none; }
    .mobile-menu-area { display: block; }
    .header-bottom { padding: 20px 0 18px; }
    .mean-container a.meanmenu-reveal { color: #fff; top: -36px; border: 1px solid #fff; padding: 5px 5px 1px; }
        .mean-container a.meanmenu-reveal span { background: #fff none repeat scroll 0 0; }
    .logo.mobile-logo { display: inline-block; }
    .notification-content.ml-285 { margin: 0; }
    .header-top-right ul li { margin-left: 5px; }
    .header-top-right { display: flex; float: inherit; justify-content: center; margin: 5px 0 0; }
    .header-top-left { justify-content: center; }
    .logo.logo-mrg { display: none; }
    .header-search div.header-search-form input { width: 100%; }
    .middle-same { width: 100%; margin-left: 0; }
    .header-search.middle-same { margin: 20px 0 24px; }
    .shopping-cart-content::after { left: 52px; }
    .shopping-cart-content { left: 50%; padding: 31px 15px 10px; text-align: left; transform: translateX(-50%); width: 293px; }
        .shopping-cart-content::after { left: 50%; transform: translateX(-50%); }
    .slider-btn.mt-75 { margin-top: 40px; }
    .slider-content h2 { font-size: 22px; line-height: 30px; margin: 8px 0 10px; }
    .custom-col-5 { flex: 0 0 100%; max-width: 100%; }
    .connect-content > h2 { font-size: 34px; line-height: 42px; }
    .connect-content > p { color: #000; margin: 20px 0 14px; width: 100%; }
    .pb-125 { padding-bottom: 80px; }
    .pt-120 { padding-top: 75px; }
    .product-action.best-pro-action > a.action-cart { padding: 8px 8px 9px; }
    .product-content.best-pro-content { padding: 13px 13px 20px 10px; }
    .top-bar { display: block; }
    .product-tab-list-2.nav.mr-90 { margin: 15px 0 0; }
    .product-action.best-pro-action { margin: 15px 0 0; }
    .best-selling-pro-wrapper .product-img > span { transform: inherit; }
    .newsletter-img > img { margin: 0 20px 0 0; }
    .newsletter-style form input { width: 230px; }
    .newsletter-from-close.ml-50 { margin: 15px 0 0; }
    .newsletter-content > h4 { font-size: 19px; }
    .newsletter-content > p { font-size: 16px; }
    .shop-service-content { margin: 15px 0; }
    .product-tab-list > a h4 { padding: 13px 20px 12px; }
    .product-img-slider.owl-carousel .owl-item img { display: inline-block; width: auto; }
    .best-selling-active.owl-carousel .owl-item img { display: inline-block; width: 100%; }
    .best-selling-pro-wrapper .product-img { flex: 0 0 120px; margin-top: 20px; }
    .product-action.best-pro-action > a.action-cart { padding: 8px 8px 9px; }
    .headphone-slider-active .product-img { text-align: center; }
    .product-slider-style-2.owl-carousel .owl-item img { width: 100%; }
    .product-slider-style.product-slider-style-2 .product-content { padding: 0 40px; }
    .product-tab-list::before,
    .product-tab-list::after { display: none; }
    button.icon-cart span.count-style { left: 0; }
    .mobile-menu .mean-nav ul.menu-overflow { height: 310px; margin-top: 10px; overflow-y: auto; }
    .slider-content h3 { font-size: 40px; }
    .slider-area .pt-90 { padding-top: 70px; }
    .slider-area .pb-110 { padding-bottom: 90px; }
    .devita-product .slick-slide img { display: inline-block; }
    .custom-row .mb-35 { margin-bottom: 15px; }
    .best-selling-area .section-border { margin-right: 0; }
    .product-tab-list-2 { display: block; float: inherit; padding: 9px 0 0; }
    .section-title { font-size: 16px; padding-right: 12px; }
    .section-border { margin-right: 80px; }
    .headphone-slider-active.nav-style.owl-carousel .owl-nav div { top: -39px; }
    .section-title-wrapper { display: block; float: inherit; }
    .product-tab-list-2 a { margin-left: 0; display: block; }
    .pr-50 { padding-right: 35px; }
    .height-inherit .product-img > span { left: 10px; transform: inherit; }
    .connect-content > h4 { margin: 0 0 30px; }
    .single-slider.pl-60 { padding-left: 20px; }
    .slider-content-2 h2 { font-size: 22px; line-height: 30px; }
    .slider-content-2 h3 { font-size: 30px; }
    .slider-btn.slider-btn-2.mt-65 { margin-top: 30px; }
    .slider-content-2 h5 { font-size: 16px; }
    .banner-mrg-top { margin-bottom: 30px; margin-top: 30px; }
    .deals-wrapper .product-img > span { left: 10px; transform: inherit; }
    .related-product-area { margin-bottom: 50px; }
    .mrg-top-sm { margin-top: 30px; }
    .featured-product-active.owl-carousel > .owl-nav div { top: -38px; }
    .headphone-slider-active-2.owl-carousel > .owl-nav div { top: -38px; }
    .product-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -68px; }
    .deals-slider-active.nav-style.owl-carousel .owl-nav div { top: -67px; }
    .slider-active .pb-160 { padding-bottom: 100px; }
    .slider-active .pt-95 { padding-top: 50px; }
    .slider-btn.slider-btn-3.mt-70 { margin-top: 30px; }
    .slider-btn a { padding: 10px 22px; }
    .best-selling-active-2.nav-style.owl-carousel .owl-nav div { top: -50px; }
        .best-selling-active-2.nav-style.owl-carousel .owl-nav div.owl-prev,
        .best-selling-active.nav-style.owl-carousel .owl-nav div.owl-prev { left: 0; }
    .product-content.best-pro-content.best-selling-style-2 { padding: 40px 13px 45px 10px; }
    .best-selling-pro-wrapper .product-img.best-selling-img { flex: 0 0 100%; }
    .banner-mrg-left { margin-left: 0; margin-top: 20px; }
    .banner-mrg-right { margin-right: 0; margin-top: 20px; }
    .best-selling-pro-wrapper.best-selling-big-img { display: block; }
    .slider-content-3 h2 { font-size: 25px; }
    .pb-440 { padding-bottom: 310px; }
    .single-slider.pt-80 { padding-top: 50px; }
    .banner-mrg { margin-bottom: 20px; }
    .single-slider.pb-155 { padding-bottom: 85px; }
    .single-slider.pt-150 { padding-top: 80px; }
    .slider-btn.mt-75 { margin-top: 30px; }
    .book-offer.pl-50 { padding-left: 0; }
    .book-offer > h2 { font-size: 30px; }
    .book-offer > p { margin: 15px auto 10px; width: 100%; color: #000; }
    .book-offer > h4 { font-size: 30px; margin: 0 0 30px; }
    .connect-area.pt-145.pb-110 { padding-bottom: 70px; }
    .connect-area.pt-145 { padding-top: 75px; }
    .lang-curr-dropdown ul li ul { left: -40px; width: 90px; }
    .slider-content-5 { margin-left: 0; }
    .single-slider.pb-140 { padding-bottom: 90px; }
    .single-slider.pt-130 { padding-top: 80px; }
    .featured-book-active.nav-style.owl-carousel .owl-nav div { top: -131px; }
    .deals-content.text-center { margin: 0; }
    .deals-content > p { width: 100%; }
    .deals-area.pb-125 { padding-bottom: 65px; }
    .slider-content-5 h2 { font-size: 22px; line-height: 30px; }
    .deals-content.deal-mrg { margin-top: 30px; }
    .deals-content > h2 { font-size: 30px; }
    .timer-style-2 span { margin: 0 5px; padding: 7px 10px 6px; }
    .header-top-left.pl-30 { padding-left: 0px; }
    .header-top-right.pr-30 { padding-right: 0px; }
    .header-middle-bg-img .middle-same { margin-left: 0; }
    .header-middle-bg-img { padding: 15px 15px 25px; }
    .white-bg.menu-coffee-color.pl-30.pr-30 { display: block; }
    .header-bottom.header-btm-coffee-res { padding: 0; }
    .white-bg.header-btm-res-pd { padding: 20px 13px; }
    .header-btm-coffee-res .mean-container a.meanmenu-reveal,
    .header-bottom-jewelry .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .header-btm-coffee-res .mean-container a.meanmenu-reveal span,
        .header-bottom-jewelry .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .pt-355 { padding-top: 450px; }
    .slider-content-6 h2 { font-size: 25px; line-height: 45px; }
    .slider-content-6 h3 { font-size: 30px; }
    .slider-content-6 h4 { font-size: 16px; }
    .single-testimonial > p { width: 100%; }
    .testimonial-active { padding: 30px 0 40px; }
    .coffee-discount-content.pl-60 { padding: 0 0 20px 20px; }
    .coffee-discount-btn.mt-10.pr-70 { float: left; padding: 0 0 0 20px; }
    .social-icon li a { font-size: 15px; height: 33px; line-height: 30px; width: 33px; }
    .social-icon ul li { margin: 0 2px 10px; }
    .header-cart.middle-same { width: auto; }
    .header-cart-coffee .shopping-cart-content { left: 50%; }
    .header-search-4 form input { width: 100%; }
    .header-search-4,
    .header-search-5 { margin-bottom: 15px; margin-top: 15px; }
    .construction-cart button.icon-cart span.count-style,
    .header-middle-color-7 button.icon-cart span.count-style { background-color: #f1ac06; left: auto; right: -20px; top: 11px; }
    .construction-slider .slider-content-4 h2 { font-size: 25px; line-height: 30px; }
    .slider-single-img-1 img { bottom: -160px; display: inline-block; left: 0; }
    .owl-carousel .owl-item .slider-single-img-1 img { width: 230px; }
    .slider-content-4.slider-animated-1 > p { font-size: 17px; width: 100%; }
    .slider-btn-5.mt-70 { margin-top: 30px; }
    .construction-discount-content.pl-90 { padding: 0 0 15px 20px; }
    .footer-mrg { margin-bottom: 15px; }
    .construction-slider .pt-160 { padding-top: 60px; }
    .construction-slider.slider-active .pb-160 { padding-bottom: 220px; }
    .slider-single-img-3 > img { bottom: -197px; left: 0; }
    .owl-carousel .owl-item .slider-single-img-3 img { width: 170px; }
    .owl-carousel .owl-item .slider-single-img-2 img { width: 140px; }
    .slider-single-img-2 > img { bottom: -221px; left: 0; }
    .slider-btn-5.mt-100 { margin-top: 30px; }
    .slider-btn-5.mt-84 { margin-top: 50px; }
    .construction-discount-btn .btn-style { float: left; margin-left: 20px; }
    .payment-icon.f-right { float: left; }
    .service-construction .shop-service-content::before { display: none; }
    .construction-slider .single-slider.bg-img { background-position: 80% center; }
    .yellowgreen-color .mean-container a.meanmenu-reveal { border: 1px solid #9bb70d; color: #9bb70d; }
        .yellowgreen-color .mean-container a.meanmenu-reveal span { background: #9bb70d none repeat scroll 0 0; }
    .cycle-slider .single-slider.pl-45 { padding-left: 0; }
    .slider-content-9 h2 { font-size: 35px; line-height: 40px; }
    .slider-btn-cycle.mt-65 { margin-top: 30px; }
    .cycle-slider .single-slider.pt-100 { padding-top: 60px; }
    .cycle-slider .single-slider.pb-215 { padding-bottom: 100px; }
    .banner-content > h2 { font-size: 45px; line-height: 50px; margin: 35px 0 10px; }
    .banner-btn.mt-65 { margin-top: 30px; }
    .banner-area.bg-img.pt-110.pb-115 { padding: 60px 0 65px; }
    .bestselling-cycle-active.nav-style.owl-carousel .owl-nav div { top: -127px; }
    .shop-service-content::before,
    .shop-service-content-3::before { display: none; }
    .devita-product .product-img img { width: 210px; }
    .devita-product.devita-product-yellowgreen { height: 317px; }
        .devita-product.devita-product-yellowgreen .product-wrapper { min-height: 432px; }
        .devita-product.devita-product-yellowgreen.height-inherit .product-wrapper { min-height: auto; }
    .header-search-5 form input { width: 100%; }
    .res-mrg { margin-bottom: 15px; }
    .single-shop-service > h5 { font-size: 11px; }
    .slider-content-10 h2 { font-size: 30px; line-height: 40px; margin: 16px 0 20px; }
    .fashion-mobile .mean-container a.meanmenu-reveal { border: 1px solid #cc2121; color: #cc2121; }
        .fashion-mobile .mean-container a.meanmenu-reveal span { background: #cc2121 none repeat scroll 0 0; }
    .gray-bg-5.fashion-mobile { padding: 20px 15px; }
    .slider-btn-5.mt-95 { margin-top: 30px; }
    .slider-content-10 p { font-size: 16px; }
    .slider-btn-5.mt-120 { margin-top: 50px; }
    .fashion-slider .single-slider.pt-125.pb-130.bg-img { padding: 60px 0 100px; }
    .our-work { margin: 0; }
        .our-work > h3 { font-size: 20px; }
    .banner-area.bg-img.pt-175.pb-135 { padding: 80px 0; }
    .shop-service-border::before { display: none; }
    .single-slider.pt-280.pb-280 { padding: 120px 0; }
    .single-slider.pt-172.pb-172 { padding: 91px 0 92px; }
    .single-slider.pt-169.pb-169 { padding: 99px 0; }
    .game-slider .owl-carousel .owl-item img { width: 100%; }
    .blog-wrapper-4 { display: block; }
    .blog-content-4 { margin: 20px 0 0; }
    .header-middle-wrapper.wrapper-jewelry-res { display: block; }
    .header-search-2 { margin-bottom: 20px; margin-top: 0; }
    .header-bottom.header-bottom-jewelry { padding: 20px 0 18px; }
    .slider-content-8 h2 { font-size: 25px; }
    .slider-btn.mt-100 { margin-top: 40px; }
    .single-slider.pt-190.pb-190 { padding: 100px 0; }
    .jewelry-offery-content.pl-60 { padding: 0; }
    .jewelry-offery-content > h2 { font-size: 24px; }
    .newsletter-wrapper.pl-55.pr-55 { padding: 0 15px; }
    .subscribe-form-5 form .clear-4 input { padding: 0 10px; }
    .subscribe-form-5 form input { padding: 0 100px 0 20px; }
    .newsletter-title-2 h3 { font-size: 20px; }
    .section-title-4 { font-size: 19px; }
    .best-selling-active-3.nav-style.owl-carousel .owl-nav div { top: -67px; }
    .slider-content-4 h2 { font-size: 24px; line-height: 35px; }
    .blog-slider-active.nav-style.owl-carousel .owl-nav div { top: -63px; }
    .medical-slider .single-slider.pt-140.pb-140 { padding: 42px 0 100px; }
    .header-middle-sports { padding: 14px 10px 23px; }
    .custom-container { width: 100%; }
    .header-bottom.header-bottom-orange { padding: 0; }
    .res-padding-orange { padding: 20px 10px; }
    .header-bottom-orange .mean-container a.meanmenu-reveal { border: 1px solid #f2640a; color: #f2640a; }
        .header-bottom-orange .mean-container a.meanmenu-reveal span { background: #f2640a none repeat scroll 0 0; }
    .slider-banner { margin-left: 0; }
        .slider-banner h2 { font-size: 45px; }
        .slider-banner > p { font-size: 18px; margin: 3px auto 20px; width: 100%; }
    .slider-btn.orange-color.mt-80 { margin-top: 30px; }
    .pt-345 { padding-top: 415px; }
    .pb-230 { padding-bottom: 130px; }
    .banner-negative-mrg { margin-top: -70px; padding: 20px 20px 0; }
    .product-overview-content h2 { font-size: 30px; line-height: 35px; margin: 30px 0 10px; }
    .product-overview-btn.mt-100 { margin-top: 30px; }
    .overview-res { margin-top: 30px; }
    .blog-area .pb-60 { padding-bottom: 25px; }
    .deals-sunglass .deals-content { margin: 30px 0 0; }
    .content-wrapper,
    .content-wrapper-2 { margin: 20px auto; width: 100%; }
    .header-bottom-sunglass .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .header-bottom-sunglass .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .deals-sunglass .deals-content { margin: 30px 0 0; }
    .deals-img.deals-img-2 { margin: 0; }
    .header-middle-sunglass .header-middle-wrapper { display: block; text-align: center; }
    .slider-content-5.slider-content-5-white h4 { font-size: 16px; }
    .deals-content-2 .timer-style-2 span { padding: 7px 14px 6px; }
    .timer.timer-style-2.mb-50.mt-30 { margin-bottom: 20px; }
    .slider-area-sunglass .single-slider.bg-img { background-position: 17% center; }
    .sidebar-left-wrapper { display: none; }
    .sidebar-right-wrapper { margin-left: 0; }
    .header-top-wrapper.watch-header-top { display: block; padding: 0 15px; text-align: center; }
    .sidebar-header-top-right { display: block; }
    .header-cart.watch-cart { border-bottom: 1px solid #2d2d2d; padding: 0 0 14px; }
    .watch-mean-menu { padding: 20px 15px; }
    .header-setting { display: none; }
    .mobile-stting { display: block }
    .mobile-stting { border-bottom: 1px solid #2d2d2d; margin: 0 0 17px; padding: 0 0 18px; }
        .mobile-stting ul li { display: inline-block; margin: 0 5px; }
            .mobile-stting ul li a { color: #fff; }
                .mobile-stting ul li a:hover { color: #a8741a; }
    .watch-cart button.icon-cart span.count-style { left: auto; right: -33px; }
    .watch-header-top .header-search-3 { border-bottom: 1px solid #2d2d2d; border-left: medium none; border-top: 1px solid #2d2d2d; margin: 20px 0 18px; padding: 0 20px 0 0; }
    .pl-190 { padding-left: 15px; }
    .slider-content-7 h2 { font-size: 25px; }
    .slider-content-7 p { font-size: 14px; margin: 0 0 10px; padding: 0 10px 0 0; width: 100%; }
    .slider-content-7 h3 { font-size: 30px; }
    .pt-250 { padding-top: 80px; }
    .pb-250 { padding-bottom: 80px; }
    .product-tab-list-3 a h4 { font-size: 17px; }
    .deals-content-3 { margin-left: 0; }
        .deals-content-3 > h2 { font-size: 20px; }
        .deals-content-3 > p { font-size: 14px; }
    .newsletter-watch .subscribe-form-4 form .clear-3 input { padding: 0 10px; }
    .newsletter-watch .subscribe-form-4 form input { padding: 0 95px 0 20px; }
    .newsletter-title > h4 { font-size: 20px; }
    .newsletter-watch .pb-100,
    .deals-area.pb-90,
    .footer.pb-90 { padding-bottom: 60px; }
    .newsletter-watch .pt-100,
    .deals-area.pt-90,
    .footer.pt-90 { padding-top: 40px; }
    .section-title-3 { font-size: 18px; }
    .pt-100 { padding-top: 50px; }
    .shop-topbar-wrapper { display: block; padding: 15px 15px 18px; }
    .shorting-style select { -moz-appearance: none; -webkit-appearance: none; width: 120px; }
    .shorting-style { margin-left: 0; margin-top: 10px; margin-right: 15px; }
        .shorting-style:last-child { margin-right: 0px; }
    .pagination-total-pages { display: block; }
    .pagination-style li { margin: 5px 4px; }
    .pagination-total-pages { padding: 15px 10px 13px; }
    .total-pages > p { margin: 5px 3px 0; }
    #product-list .product-list-wrapper .product-img { display: block; float: inherit; margin-right: 0; width: 100%; }
    .product-shorting.shorting-style select { width: 120px; }
    .grid-list-options { display: block; float: inherit; margin-right: 33px; }
    .product-list-content { margin-top: 20px; }
    .blog-side-sm { margin-bottom: 30px; }
    .blog-details-wrapper { margin-top: 30px; }
    .dec-img.dec-mrg.res-mrg-top-2 { margin-top: 30px; }
    .blog-dec-tags-social { display: block; }
    .blog-dec-social { margin-top: 5px; }
    .single-comment-wrapper { display: block; }
    .blog-comment-img { margin-bottom: 25px; margin-right: 0; }
    .single-comment-wrapper.mt-50.ml-125 { margin-left: 0; }
    .shop-tags a { padding: 7px; }
    .grand-totall { margin-top: 30px; }
    .cart-shiping-update > a,
    .cart-clear > button,
    .cart-clear > a { margin: 0 0 15px; padding: 18px 35px 19px; }
    .cart-shiping-update-wrapper { display: block; padding: 30px 0 25px; }
    .discount-code-wrapper { margin-top: 30px; }
    #payment-1 .panel-body { padding: 30px 12px; }
    .checkout-login { margin-top: 35px; }
    .billing-select { margin-bottom: 20px; }
    .billing-btn > button { padding: 17px 25px; }
    #payment-6 .billing-back-btn { display: block; }
        #payment-6 .billing-back-btn > span { margin-bottom: 10px; margin-top: 0; display: block; }
    .expiration-date { margin-bottom: 0; }
    .contact-page-title h1 { font-size: 30px; }
    .tab-content-contact { margin-top: 30px; }
    .tab-content.tab-content-contact { margin-top: 40px; }
    .product-details-content { margin-top: 90px; }
    .product-dec-slider { padding: 0; }
        .product-dec-slider .product-dec-icon { left: 0; }
            .product-dec-slider .product-dec-icon.product-dec-next { right: 0; }
    .rating-review { display: block; }
    .pro-dec-review { margin: 5px 0 0; }
    .pro-dec-feature li input[type="checkbox"] { margin: 0 3px 0 0; }
    .quality { display: block; float: inherit; margin: 0 0 15px; }
    .pro-dec-social li { margin: 0 6px 10px 0; }
    .description-review-area.pt-25.pb-70 { padding-top: 0; }
    .description-review-topbar a { font-size: 17px; margin: 0 8px; padding-bottom: 10px; }
    .ratting-author.f-right { float: left; margin: 5px 0 10px; }
    .ratting-star.f-left { display: block; float: inherit; }
    .pro-dec-btn { left: 0; right: auto; top: -50px; }
    .product-details-content > h4 { font-size: 17px; }
    h5.panel-title a { padding: 20px 38px; }
    h5.panel-title { font-size: 13px; }
        h5.panel-title a { padding: 20px 25px 20px 38px; }
    .entries-wrapper::before { display: none; }
    .entries-info { padding: 0 10px 30px; }
    .entries-wrapper { padding: 30px 10px; }
    .login-form-container { padding: 45px 15px; }
    .modal-body { display: block; justify-content: inherit; padding: 15px; }
    .modal-compare-width { margin-top: 70px; max-width: 100%; min-width: 100%; }
    .overview-content-2 { margin-bottom: 50px; }
        .overview-content-2 > h2 { font-size: 20px; }
    .pb-70 { padding-bottom: 50px; }
    .banner-img.banner-mrg-left-2 { margin-left: 0; }
    .single-testimonial.about-testi > p { width: 100%; }
    #exampleCompare .close { right: 95px; top: 10px; }

    .header-contact.middle-same { display: flex; justify-content: center; text-align: left; }
    .header-contact-search-wrapper.f-right { float: inherit; text-align: center; }
    .header-contact-search-wrapper.f-right { float: inherit; text-align: center; }
    .header-cart.middle-same { float: inherit; }
    .header-middle.ptb-40,
    .header-middle.ptb-37 { padding: 15px 0 25px; }

    .header-jewelry .header-middle .ptb-40 { border-bottom: 1px solid #ebebeb; padding: 20px 0; }
    .header-middle-wrapper.wrapper-jewelry-res { display: block; text-align: center; }
    .header-search-3 form input { width: 100%; }
    .header-bottom.header-bottom-fashion { padding: 0 0 18px; }
    .connect-area { position: relative; }
        /*.connect-area::before { background-color: #fff; bottom: 0; content: ""; left: 0; opacity: 0.8; position: absolute; right: 0; top: 0; }*/
    .connect-content { position: relative; z-index: 1; }
    .connect-area.bg-img { background-position: 85% center; padding: 45px 0 50px; }
    .brand-logo-active.ptb-60 { padding: 30px 0 25px; }
    .pt-65 { padding-top: 40px; }
    .footer-area.pt-65 { padding-top: 35px; }
    .footer-title.mb-30 { margin-bottom: 15px; }
    .border-top-3.mt-25 { margin-top: 0; }
    .pb-65 { padding-bottom: 40px; }
    .footer-area.pt-60, .footer-area .pt-60 { padding-top: 40px; }
    .clear-2 { margin: 20px 0 0; }
    .blog-slider-active-3.nav-style.owl-carousel .owl-nav div { top: -65px; }
    .pb-60 { padding-bottom: 40px; }
    .product-area.pt-70 { padding-top: 50px; }
    .product-area.pt-95 { padding-top: 40px; }
    .product-area.pb-95 { padding-bottom: 40px; }
    .product-area.pt-75 { padding-top: 55px; }
    .best-selling-area.pb-40 { padding-bottom: 20px; }
    .footer-widget.mb-40 { margin-bottom: 30px; }
    .newsletter-content-wrapper, .newsletter-from-close { justify-content: center; float: inherit; }
    .footer-widget { margin-bottom: 30px; text-align: center; }
    .social-icon.mr-40 { margin: 20px 0 0; }
    .best-selling-area .section-title-wrapper { text-align: center; }
    .best-selling-area .product-tab-list-2 { text-align: center; }
        .best-selling-area .product-tab-list-2 a { display: inline-block; margin-left: 5px; margin-right: 5px; }
    .best-selling-area .section-title { padding: 0; }
    .product-slider-nav-2.nav-style.nav-style-res div.owl-prev,
    .product-slider-nav.nav-style.nav-style-res div.owl-prev { left: 0; margin-right: 0; }
    .product-slider-nav-2.nav-style.nav-style-res,
    .product-slider-nav.nav-style.nav-style-res { float: inherit; margin-bottom: 0; margin-top: 16px; }
        .product-slider-nav-2.nav-style.nav-style-res div,
        .product-slider-nav.nav-style.nav-style-res div { top: -40px; }
    .best-selling-active.nav-style.owl-carousel .owl-nav div { top: -40px; }
    .border-top-2.mt-25 { margin-top: 0; }
    .product-area.pt-60,
    .best-selling-area.pt-60 { padding-top: 40px; }
    .product-area.pb-60 { padding-bottom: 40px; }
    .best-selling-area.pb-45,
    .product-area.pb-45 { padding-bottom: 25px; }
    .blog-area.blog-res.pb-60 { padding-bottom: 20px; }
    .team-action a { left: 0; }
    .pb-80 { padding-bottom: 50px; }
    .pt-80 { padding-top: 50px; }
    .project-count-area.pb-70 { padding-bottom: 20px; }
    .team-area.pt-75, .testimonials-area.pt-75 { padding-top: 45px; }
    .team-area.pb-50 { padding-bottom: 20px; }
    .pt-60 { padding-top: 40px; }
    .login-register-tab-list { margin-bottom: 30px; }
    .pb-135 { padding-bottom: 85px; }
    .construction-content-3 .slider-btn-5.mt-84 { margin-top: 32px; }
    .slider-content-4.construction-content-1 h2 { margin: 12px 0 15px; }
    .banner-area.mt-10 { margin-top: 0; }
    .product-slider-nav.nav-style { margin-top: -39px; }
    .auto-parts-social.social-icon { float: inherit; text-align: center; }
    .social-icon.auto-parts-social ul li { margin: 0 3px; }
        .social-icon.auto-parts-social ul li:last-child { margin: 0; }
    .header-bottom.header-bottom-autoparts { padding: 0 0 20px; }
    .autoparts-mobile-menu { background-color: #df2121; border-top: 1px solid #e54d4d; padding: 20px 0; }
    .autoparts-mobile-menu { display: block; }
    .slider-content-11.pl-125 { padding-left: 15px; }
    .slider-content-11 h2 { font-size: 35px; }
    .slider-btn-auto-parts.mt-65 { margin-top: 30px; }
    .services-center-text.pr-50 { padding-right: 0; }
    .services-center-text > h2 { font-size: 40px; }
    .services-center-text > h3 { font-size: 32px; }
    .services-center-text > h4 { font-size: 18px; margin: 4px 0 25px; }
    .services-center-img { margin-top: 30px; }
    .newsletter-area.newsletter-img-2.ml-80.mr-80 { margin: 0; }
    .newsletter-area.newsletter-img-2 .pl-25.pr-25 { padding: 0; }
    .content-wrapper-3 { width: 100%; }
    .slider-content.slider-content-black-2 h2 { font-size: 30px; line-height: 35px; }
        .slider-content.slider-content-black-2 h2 span { font-size: 35px; }
    .product-tab-list.tab-list-bouquet > a h4 { padding: 0 10px; }
    .newsletter-border-2 { padding: 22px 15px; }
    .newsletter-icon-img { margin-right: 15px; }
    .footer-mrg.copyright-bouquet,
    .copyright-center { text-align: center; }
    .payment-icon.f-right.payment-bouquet,
    .payment-icon.f-right.payment-center { float: inherit; text-align: center; }
    .molile-menu-black .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
        .molile-menu-black .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .furniture-best-selling .product-tab-list-2 { float: inherit; padding: 0 0px 20px 0; text-align: center; }
    .furniture-best-selling .section-border { margin-right: 0; }
    .slider-content-12 { padding-left: 15px; padding-right: 15px; }
        .slider-content-12 h2 { font-size: 28px; margin: 6px 0 5px; }
    .slider-btn.organic-slider-btn.mt-55 { margin-top: 20px; }
    .single-slider.pb-80 { padding-bottom: 80px; }
    .deals-slider-active-2 .add-to-cart > a { padding: 15px 12px 14px; }
    .buy { border-top: 1px solid #ebebeb; padding: 10px 0; text-align: center; }
        .buy > a { display: block; float: inherit; padding: 0; }
    .white-bg.menu-byzantine-color.pl-30.pr-30 { padding: 0 15px; }
    .header-middle-petmarket { padding: 15px 15px 25px; }
        .header-middle-petmarket .middle-same { margin-left: 0; }
    .slider-content-13 h2 { font-size: 25px; line-height: 32px; margin: 0 0 15px; }
    .slider-content-13.slider-negative-mrg-2 { margin-left: 0; }
    .petmarket-testi-ptb.pt-110 { padding-top: 20px; }
    .petmarket-testi-ptb.pb-115 { padding-bottom: 25px; }
    .quote-icon { margin: 0 0 20px; }
    .menu-categories { border-left: medium none; border-right: medium none; border-top: 1px solid #ebebeb; padding: 20px 10px 16px; }
    .category-menu nav > ul > li > a > i.none-sm { display: none; }
    .category-menu nav > ul > li > a > i.none-lg { display: block; }
    .category-menu nav > ul > li > a > i { top: 3px; }
    .slider-content.toy-slider-content { margin-left: 0; }
        .slider-content.toy-slider-content h2 { font-size: 27px; line-height: 35px; }
            .slider-content.toy-slider-content h2 span { font-size: 30px; }
    .slider-btn.mt-80 { margin-top: 30px; }
    .best-selling-small .mb-35,
    .best-selling-small .top-bar { margin-bottom: 55px; }
    .best-selling-small-2 .top-bar { margin-bottom: 30px !important; }
    .best-selling-area-toy .best-selling-bundle-2 { padding: 0 5px; }
    .best-selling-area-toy .best-selling-pro-wrapper .product-img { flex: 0 0 110px; }
    .content-wrapper-4 { width: 100%; }
    .menu-red-color.hover-pink.menu-sunglass { display: none; }
    .underwear-border-small { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
    .slider-content-underware.pl-65 { padding-left: 15px; padding-right: 15px; }
    .slider-content-underware h2 { font-size: 22px; line-height: 34px; }
    .slider-area-underwear .pt-210 { padding-top: 80px; }
    .slider-area-underwear .pb-65 { padding-bottom: 80px; }
    .banner-service-mrg.mb-30 { margin: 0 0 30px; }
    .banner-text > h3 { margin: 0 0 15px; font-size: 15px; }
    .banner-btn.mt-30 { margin-top: 10px; }
    .banner-text { bottom: auto; top: 50%; transform: translateY(-50%); }
    .shoe-header .shoe-mobile-menu { display: block; padding: 20px 0; }
    .shoe-mobile-menu .mean-container a.meanmenu-reveal span { background: #242424 none repeat scroll 0 0; }
    .shoe-mobile-menu .mean-container a.meanmenu-reveal { border: 1px solid #242424; color: #242424; }
    .shoe-header .header-middle.pt-40.pb-40.pl-40.pr-40.header-middle-color-15 { padding: 20px 0; }
    .shoe-header .header-top.pt-10.pb-13.pl-40.pr-40 { padding: 10px 0 13px; }
    .shoe-header .header-search.middle-same { margin: 0px 0 24px; }
    .shoe-slider .pl-200 { padding-left: 0px; }
    .pt-165 { padding-top: 65px; }
    .pb-170 { padding-bottom: 70px; }
    .deals-slider-active.deal-mrg-shoe { margin-bottom: 50px; }
    .shoe-deal-area .deals-slider-active.nav-style.owl-carousel .owl-nav div,
    .latest-products-active.nav-style.owl-carousel .owl-nav div { top: -59px; }
    .mobile-menu.mean-container .mean-nav ul li li li a span { background-color: #242424; border-radius: 3px; color: #fff; font-size: 13px; line-height: 1; margin-left: 5px; padding: 2px 5px 3px; }
    .zoompro-wrap.zoompro-2 { width: 70%; }
    .product-dec-slider-2 { width: 30%; }
    .product-video a { padding: 5px 12px; }
    .pro-details-gallery-mrg { margin-top: 50px; }
    .product-details-content.pro-details-mrg-none { margin-top: 0; }
    .zoompro-mrg { margin-bottom: 30px; }
    .product-details-content.slider-pro-content.mt-60 { margin-top: 40px; }
    .slider-pro-content .quality-add-to-cart { display: block; justify-content: inherit; }
        .slider-pro-content .quality-add-to-cart .product-action { justify-content: center; }
    .slider-pro-content.product-details-content > p { width: 100%; }
    .slider-pro-content .pro-dec-feature > ul { text-align: center; }
    .sidebar-active .product-details-content { margin-top: 0; }
    .product-video.pro-video-style-2 { margin: 24px 0 30px; }
        .product-video.pro-video-style-2.pro-video-res { margin: 24px 0 0; }
    .slider-height-1 { min-height: 382px; }
    .slider-height-2 { min-height: 338px; }
    .slider-height-3 { min-height: 372px; }
    .slider-height-4 { min-height: 457px; }
    .slider-height-5 { min-height: 387px; }
    .slider-height-6 { min-height: 379px; }
    .slider-height-7 { min-height: 730px; }
    .slider-height-8 { min-height: 408px; }
    .slider-height-9 { min-height: 472px; }
    .slider-height-10 { min-height: 322px; }
    .slider-height-11 { min-height: 404px; }
    .slider-height-12 { min-height: 462px; }
    .slider-height-13 { min-height: 867px; }
    .slider-height-14 { min-height: 342px; }
    .slider-height-15 { min-height: 434px; }
    .slider-height-16 { min-height: 563px; }
    .slider-height-17 { min-height: 420px; }
    .slider-height-18 { min-height: 382px; }
    .slider-height-19 { min-height: 747px; }
    .slider-height-20 { min-height: 388px; }
    .slider-height-21 { min-height: 387px; position: relative; }
    .slider-height-22 { min-height: 310px; }
    .slider-height-23 { min-height: 486px; }
    .slider-height-24 { min-height: 360px; }
    .slider-height-25 { min-height: 372px; }
    .slider-height-21:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: #fff; opacity: .2; }
    .payment-icon.f-right { float: inherit; text-align: center; }
    .copyright-construction.copyright > p { text-align: center; }
}


/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .product-img-slider.owl-carousel .owl-item img { display: inline-block; width: auto; }
    .devita-product .product-wrapper { min-height: 455px; }
    .product-slider-style.product-slider-style-2 .product-content { padding: 0 18px; }
    .product-slider-style-2.owl-carousel .owl-item img { width: 100%; }
    .header-top-right ul li { margin: 0 5px; }
    .custom-col-5 { flex: 0 0 50%; max-width: 50%; }
    .product-content { padding: 4px 15px 0; }
    .connect-content > h2 { font-size: 26px; line-height: 35px; }
    .product-tab-list > a h4 { padding: 11px 15px 10px; }
    .newsletter-style form input { width: 375px; }
    .newsletter-elc-2 .newsletter-style form input { width: 400px; }
    .newsletter-elc-2 .subscribe-form .clear input { width: 60px; }
    .header-bottom.header-bottom-red { padding: 0px; }
    .content-wrapper,
    .content-wrapper-2 { margin: 30px auto; width: 480px; }
    .product-dec-slider .product-dec-icon { left: 0px; }
    .devita-product-yellowgreen.devita-product-2 .product-action-wrapper-2 { padding: 26px 4px 0; }
    .devita-product-yellowgreen .product-action > a.action-cart { padding: 9px 10px 8px; }
    .product-action > a.action-cart { padding: 9px 16px 8px; }
    #exampleCompare .close { right: 175px; }
    .section-title { font-size: 20px; }
    .product-slider-active-2.nav-style.owl-carousel .owl-nav div { top: -71px; }
    .devita-product-yellowgreen .product-content { padding: 4px 13px 0; }
    .blog-slider-active.nav-style.owl-carousel .owl-nav div { top: -68px; }
    .best-selling-area .section-title { font-size: 20px; }
    .product-slider-nav.nav-style { margin-top: -42px; }
    .content-wrapper-3 { width: 480px; }
    .devita-product-goldenbell .product-content { padding: 4px 7px 0; }
    .devita-product-goldenbell .timer-style-3 span { margin: 0 1px; }
    .deals-slider-active-2 .timer-style-1 span { margin: 0 2px; padding: 12px 4px; }
    .content-wrapper-4 { width: 480px; }
    .slider-height-4 { min-height: 427px; }
    .slider-height-6 { min-height: 349px; }
    .slider-height-12 { min-height: 403px; }
    .slider-height-13 { min-height: 798px; }
    .slider-height-15 { min-height: 410px; }
    .slider-height-16 { min-height: 515px; }
    .slider-height-17 { min-height: 385px; }
    .slider-height-19 { min-height: 715px; }
    .slider-height-20 { min-height: 367px; }
    .slider-height-21 { min-height: 357px; }
    .slider-height-23 { min-height: 438px; }
    .slider-height-25 { min-height: 351px; }
}

/* FILE UNITO bxSlider */
.bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;*/ border: 5px solid #fff; background: #fff }
    .bx-wrapper img { max-width: 100%; display: block; width:100%; }
.bxslider { margin: 0; padding: 0; -webkit-perspective: 1000 }
ul.bxslider { list-style: none }
.bx-viewport { -webkit-transform: translateZ(0) }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100% }
.bx-wrapper .bx-loading { min-height: 50px; background: url(/assets/img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px }
    .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
        .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000 }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0 }
.bx-wrapper .bx-prev { left: 10px; background: url(/assets/img/controls.png) 0 -32px no-repeat }
    .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0 0 }
.bx-wrapper .bx-next { right: 10px; background: url(/assets/img/controls.png) -43px -32px no-repeat }
    .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -43px 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 }
    .bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
    .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/assets/img/controls.png) -86px -11px no-repeat; margin: 0 3px }
        .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0 }
    .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/assets/img/controls.png) -86px -44px no-repeat; margin: 0 3px }
        .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80,80,80,.75); width: 100% }
    .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px }

.clear { clear: both; }
.videoBox iframe { max-width: 100% }

.boxIconaPromozione { display: none }
.prodotto_offerta .boxIconaPromozione { display: block }
.iconaPromozione { position: absolute; z-index: 8; left: 0; }

.header-middle-color-2 button.icon-cart i.cart-bag {
    border: none;
    padding-right: 0px;
}

.hide-auth-columns th:nth-child(1n+3),
.hide-auth-columns td:nth-child(1n+3){
    display: none;
}

/* 4 quantità - 6 ultimo acquisto*/
.hide-disabilitato-columns th:nth-child(4),
.hide-disabilitato-columns td:nth-child(4),
.hide-disabilitato-columns th:nth-child(6),
.hide-disabilitato-columns td:nth-child(6) { display: none; }

.prodottiLista tbody tr table tr td { display: inline-block !important; }

textarea{
    background-color: white;
}

.testoPrezzo {line-height:40px}
.toast-added-to-cart { position: absolute; width: 80px; height: 40px; text-align: center; line-height: 40px; background: #93d400; color: white; font-size: 13px; font-weight: bold; border-radius: 0px; cursor: default; opacity: 0; transition: opacity .4s; }
.removed-from-cart { background-color: red; }
.toast-added-to-cart.fade-toast { opacity: 1; }


ul.caratteristicheProdotti {clear:both; }
ul.caratteristicheProdotti li { float: left; list-style: none; }
    ul.caratteristicheProdotti li img { height: 50px; margin: 30px 5px 30px 0 }



/*BOTTONI PAGINAZIONE VISTA A LISTA*/
    .pagination-ys table > tbody > tr > td {
        display: inline-block;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            /*Cella base paginazione*/
            background-color: #f1f1f1;         
            border-radius: 3px;
            padding: 11px 13px;
            margin: 0 2px;
            transition: .2s;
        }

        .pagination-ys table > tbody > tr > td > span {
            /*Cella pagina selezionata evidenziata in verde come in hover*/
            background-color: #93d400;
            color: white;
            border-radius: 3px;
            padding: 11px 13px;
            margin: 0 2px;
            position: relative;
            float: left;
            z-index: 2;
            transition: .2s;
        }       

            .pagination-ys table > tbody > tr > td > a:hover,
            .pagination-ys table > tbody > tr > td > span:hover,
            .pagination-ys table > tbody > tr > td > a:focus,
            .pagination-ys table > tbody > tr > td > span:focus {
               
                background-color: #93d400;
                color: white;
                font-weight: bold;
            }

/*Bottone per incremento rapido quantita*/
.upQta {
    color:white;
    /*font-size: 20px !important;*/
    padding-top: 12px;
    height: 38px;
}
    .upQta:hover {
        cursor: pointer;
    }
         
.upQtaDettaglio {
    background:forestgreen;
    color:white;
    height: 40px;
    font-size: 28px !important;
    padding: 8px;
}

    .upQtaDettaglio:hover {
        cursor: pointer;
    }



#lblScontoVistaRighe { border-radius: 8px; color: #fff; left: 3px; padding: 4px 6px 3px; line-height: 1; position: relative; z-index: 1; background-color: #007834 !important; }

.header-top-right {
    background-color: #93d400;
    border-radius: 45px;
    padding-right: 20px;
    padding: 4px;
}

.header-top-left{padding:5px;}

.dettagliProdottoBox {font-size:12px; margin-bottom:10px}
