html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg {
    display: block
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp,
tt,
var {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

p {
    margin-bottom: 1.5em
}

dfn,
cite,
em {
    font-style: italic
}

cite {
    font-weight: 600
}

blockquote {
    margin: 0 1.5em 20px;
    border-color: #393738
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    background: #fff
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    margin: 0 0 1em 1em;
    padding-left: 20px
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700;
    margin-bottom: 10px
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px 0;
    width: 100%
}

table th,
table td {
    border: 1px solid #dedede;
    padding: 5px;
    text-align: center
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #393738;
    border: medium none;
    color: #fff;
    padding: 8px 18px
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #000
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc
}

select {
    border: 1px solid #ccc
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #393738
}

textarea {
    width: 100%
}

form.post-password-form label>input {
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    padding: 10px 8px
}

form.post-password-form input {
    padding: 11px 15px;
    font-weight: 700
}

a:link,
a:visited {
    transition: all 0.3s ease 0s;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.sticky {
    display: block;
    margin-bottom: 0
}

.blog-style-1 .sticky {
    display: block;
    margin-bottom: 15px;
    padding: 30px 30px 1px
}

.sticky .blog-box {
    background: #f4f4f4 none repeat scroll 0 0
}

.byline,
.updated:not(.published) {
    display: none
}

.single .byline,
.group-blog .byline {
    display: inline
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

caption {
    caption-side: top
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.sticky {
    display: block;
    margin-bottom: 0
}

.sticky .blog-box {
    background: #f4f4f4 none repeat scroll 0 0
}

.byline,
.updated:not(.published) {
    display: none
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

@media (min-width:1200px) {
    .auto-clear>.col-lg-1:nth-child(12n+1) {
        clear: left
    }

    .auto-clear>.col-lg-2:nth-child(6n+1) {
        clear: left
    }

    .auto-clear>.col-lg-3:nth-child(4n+1) {
        clear: left
    }

    .auto-clear>.col-lg-4:nth-child(3n+1) {
        clear: left
    }

    .auto-clear>.col-lg-6:nth-child(odd) {
        clear: left
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .auto-clear>.col-md-1:nth-child(12n+1) {
        clear: left
    }

    .auto-clear>.col-md-2:nth-child(6n+1) {
        clear: left
    }

    .auto-clear>.col-md-3:nth-child(4n+1) {
        clear: left
    }

    .auto-clear>.col-md-4:nth-child(3n+1) {
        clear: left
    }

    .auto-clear>.col-md-6:nth-child(odd) {
        clear: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .auto-clear>.col-sm-1:nth-child(12n+1) {
        clear: left
    }

    .auto-clear>.col-sm-2:nth-child(6n+1) {
        clear: left
    }

    .auto-clear>.col-sm-3:nth-child(4n+1) {
        clear: left
    }

    .auto-clear>.col-sm-4:nth-child(3n+1) {
        clear: left
    }

    .auto-clear>.col-sm-6:nth-child(odd) {
        clear: left
    }
}

@media (max-width:767px) {
    .auto-clear>.col-1:nth-child(12n+1) {
        clear: left
    }

    .auto-clear>.col-2:nth-child(6n+1) {
        clear: left
    }

    .auto-clear>.col-3:nth-child(4n+1) {
        clear: left
    }

    .auto-clear>.col-4:nth-child(3n+1) {
        clear: left
    }

    .auto-clear>.col-6:nth-child(odd) {
        clear: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .ipad-fix {
        width: 100%
    }

    .ipad-fix-pad {
        width: 100%;
        padding-bottom: 30px
    }

    .ipad-width-50,
    .width-50 {
        width: 50%
    }

    .center-background {
        background: none
    }
}

@media (max-width:767px) {
    .ipad-fix-pad {
        width: 100%;
        padding-bottom: 30px
    }
}

.padding-right-fix {
    padding-right: 50px
}

@media (max-width:767px) {
    .padding-right-fix {
        padding-right: 0
    }
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.contact-form-box .select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #ee212b transparent transparent transparent
}

.contact-form-box .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: transparent
}

.contact-form-box .select2-container--classic .select2-selection--single {
    background-color: #f4f4f4
}

.item-btn-fill.ls-layer {
    padding: 10px 25px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #d21c1d;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out
}

.item-btn-fill.ls-layer i {
    font-size: 16px;
    margin-left: 10px;
    color: #ee212b
}

.item-btn-fill.ls-layer:hover {
    color: #fff;
    background-color: #d21c1d
}

.item-btn-fill.ls-layer:hover i {
    color: #fff
}

.wrapper .btn.item-btn-ghost.ls-layer {
    padding: 10px 25px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: 1px solid !important;
    border-color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease-out
}

.wrapper .btn.item-btn-ghost.ls-layer i {
    font-size: 16px;
    margin-left: 10px
}

.wrapper .btn.item-btn-ghost.ls-layer:hover {
    background-color: #ee212b !important;
    border-color: #ee212b !important
}

.gallery .gallery-item .gallery-caption {
    font-size: 13px;
    margin: 5px 0;
    line-height: 1.6
}

.gallery .gallery-item .gallery-icon {
    margin: 5px
}

.form-control {
    padding: 16px 10px 14px 10px;
    font-size: 16px
}

html {
    font-size: 10px
}

body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 28px;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #707173
}

p {
    margin: 0 0 20px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif;
    margin: 0 0 20px 0;
    color: #393738
}

h1 {
    font-size: 46px;
    font-weight: 800;
    line-height: 54px
}

h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 46px
}

h3 {
    font-size: 28px;
    font-weight: 800;
    line-height: 38px
}

h4 {
    font-size: 22px;
    font-weight: 800;
    line-height: 32px
}

h5 {
    font-size: 18px;
    font-weight: 800;
    line-height: 28px
}

h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

@media only screen and (min-width:1230px) {
    .container {
        max-width: 1200px
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

.row.gutters-1 {
    padding-left: 14.5px;
    padding-right: 14.5px
}

.row.gutters-1>[class^="col-"] {
    padding-left: .5px;
    padding-right: .5px
}

.row.gutters-2 {
    margin-left: 1px;
    margin-right: 1px
}

.row.gutters-2>[class^="col-"] {
    padding-left: 1px;
    padding-right: 1px
}

.rtiso-padding {
    margin-bottom: 2px
}

.row.gutters-3 {
    padding-left: 13.5px;
    padding-right: 13.5px
}

.row.gutters-3>[class^="col-"] {
    padding-left: 1.5px;
    padding-right: 1.5px
}

.row.gutters-4 {
    padding-left: 13px;
    padding-right: 13px
}

.row.gutters-4>[class^="col-"] {
    padding-left: 2px;
    padding-right: 2px
}

.row.gutters-5 {
    padding-left: 12.5px;
    padding-right: 12.5px
}

.row.gutters-5>[class^="col-"] {
    padding-left: 2.5px;
    padding-right: 2.5px
}

.row.gutters-6 {
    padding-left: 12px;
    padding-right: 12px
}

.row.gutters-6>[class^="col-"] {
    padding-left: 3px;
    padding-right: 3px
}

.row.gutters-7 {
    padding-left: 11.5px;
    padding-right: 11.5px
}

.row.gutters-7>[class^="col-"] {
    padding-left: 3.5px;
    padding-right: 3.5px
}

.row.gutters-8 {
    padding-left: 11px;
    padding-right: 11px
}

.row.gutters-8>[class^="col-"] {
    padding-left: 4px;
    padding-right: 4px
}

.row.gutters-9 {
    padding-left: 10.5px;
    padding-right: 10.5px
}

.row.gutters-9>[class^="col-"] {
    padding-left: 4.5px;
    padding-right: 4.5px
}

.row.gutters-10 {
    padding-left: 10px;
    padding-right: 10px
}

.row.gutters-10>[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-11 {
    padding-left: 9.5px;
    padding-right: 9.5px
}

.row.gutters-11>[class^="col-"] {
    padding-left: 5.5px;
    padding-right: 5.5px
}

.row.gutters-12 {
    padding-left: 9px;
    padding-right: 9px
}

.row.gutters-12>[class^="col-"] {
    padding-left: 6px;
    padding-right: 6px
}

.row.gutters-13 {
    padding-left: 8.5px;
    padding-right: 8.5px
}

.row.gutters-13>[class^="col-"] {
    padding-left: 6.5px;
    padding-right: 6.5px
}

.row.gutters-14 {
    padding-left: 8px;
    padding-right: 8px
}

.row.gutters-14>[class^="col-"] {
    padding-left: 7px;
    padding-right: 7px
}

.row.gutters-15 {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row.gutters-15>[class^="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row.gutters-20 {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-20>[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px
}

.row.gutters-40 {
    margin-left: -20px;
    margin-right: -20px
}

.row.gutters-40>[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width:575px) {
    .row.gutters-40 {
        margin-left: 0;
        margin-right: 0
    }

    .row.gutters-40>[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.row.gutters-50 {
    margin-left: -25px;
    margin-right: -25px
}

.row.gutters-50>[class^="col-"] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (max-width:768px) {
    .row.gutters-50>[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.media-body {
    margin-left: 3rem
}

.media-body.mg-right {
    margin-left: 0;
    margin-right: 3rem
}

.media-body.space-xl {
    margin-left: 50px
}

.media-body.space-lg {
    margin-left: 40px
}

.media-body.space-md {
    margin-left: 20px
}

.media-body.space-sm {
    margin-left: 15px
}

.media-body.space-xs {
    margin-left: 10px
}

.media-body.media-body-box {
    padding: 20px 20px 20px 3rem;
    margin-left: 0
}

.media-body.media-body-box p {
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    .media-none--lg {
        display: block
    }

    .media-none--lg>div {
        width: 100%
    }

    .media-none--lg img {
        width: 100%
    }

    .media-none--lg img.media-img-auto {
        width: auto
    }

    .media-none--lg .media-body,
    .media-none--lg .media-body.space-xl,
    .media-none--lg .media-body.space-lg,
    .media-none--lg .media-body.space-md,
    .media-none--lg .media-body.space-sm,
    .media-none--lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width:991px) {
    .media-none--md {
        display: block
    }

    .media-none--md>div {
        width: 100%
    }

    .media-none--md img {
        width: 100%
    }

    .media-none--md img.media-img-auto {
        width: auto
    }

    .media-none--md .media-body,
    .media-none--md .media-body.space-xl,
    .media-none--md .media-body.space-lg,
    .media-none--md .media-body.space-md,
    .media-none--md .media-body.space-sm,
    .media-none--md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width:767px) {
    .media-none--sm {
        display: block
    }

    .media-none--sm>div {
        width: 100%
    }

    .media-none--sm img {
        width: 100%
    }

    .media-none--sm img.media-img-auto {
        width: auto
    }

    .media-none--sm .media-body,
    .media-none--sm .media-body.space-xl,
    .media-none--sm .media-body.space-lg,
    .media-none--sm .media-body.space-md,
    .media-none--sm .media-body.space-sm,
    .media-none--sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width:575px) {
    .media-none--xs {
        display: block
    }

    .media-none--xs>div {
        width: 100%
    }

    .media-none--xs img {
        width: 100%
    }

    .media-none--xs img.media-img-auto {
        width: auto
    }

    .media-none--xs .media-body,
    .media-none--xs .media-body.space-xl,
    .media-none--xs .media-body.space-lg,
    .media-none--xs .media-body.space-md,
    .media-none--xs .media-body.space-sm,
    .media-none--xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width:479px) {
    .media-none-mb {
        display: block
    }

    .media-none-mb>div {
        width: 100%
    }

    .media-none-mb img {
        width: 100%
    }

    .media-none-mb img.media-img-auto {
        width: auto
    }

    .media-none-mb .media-body,
    .media-none-mb .media-body.space-xl,
    .media-none-mb .media-body.space-lg,
    .media-none-mb .media-body.space-md,
    .media-none-mb .media-body.space-sm,
    .media-none-mb .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-mb .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .media-none-lg {
        display: block
    }

    .media-none-lg>div {
        width: 100%
    }

    .media-none-lg img {
        width: 100%
    }

    .media-none-lg img.media-img-auto {
        width: auto
    }

    .media-none-lg .media-body,
    .media-none-lg .media-body.space-xl,
    .media-none-lg .media-body.space-lg,
    .media-none-lg .media-body.space-md,
    .media-none-lg .media-body.space-sm,
    .media-none-lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .media-none-md {
        display: block
    }

    .media-none-md>div {
        width: 100%
    }

    .media-none-md img {
        width: 100%
    }

    .media-none-md img.media-img-auto {
        width: auto
    }

    .media-none-md .media-body,
    .media-none-md .media-body.space-xl,
    .media-none-md .media-body.space-lg,
    .media-none-md .media-body.space-md,
    .media-none-md .media-body.space-sm,
    .media-none-md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .media-none-sm {
        display: block
    }

    .media-none-sm>div {
        width: 100%
    }

    .media-none-sm img {
        width: 100%
    }

    .media-none-sm img.media-img-auto {
        width: auto
    }

    .media-none-sm .media-body,
    .media-none-sm .media-body.space-xl,
    .media-none-sm .media-body.space-lg,
    .media-none-sm .media-body.space-md,
    .media-none-sm .media-body.space-sm,
    .media-none-sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width:480px) and (max-width:575px) {
    .media-none-xs {
        display: block
    }

    .media-none-xs>div {
        width: 100%
    }

    .media-none-xs img {
        width: 100%
    }

    .media-none-xs img.media-img-auto {
        width: auto
    }

    .media-none-xs .media-body,
    .media-none-xs .media-body.space-xl,
    .media-none-xs .media-body.space-lg,
    .media-none-xs .media-body.space-md,
    .media-none-xs .media-body.space-sm,
    .media-none-xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (max-width:480px) {
    img.alignleft {
        float: none;
        margin-bottom: 13px;
        margin-right: 0;
        padding-top: 5px;
        display: block
    }

    img.alignright {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
        padding-top: 15px
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px
}

a {
    text-decoration: none
}

a:active,
a:hover,
a:focus {
    text-decoration: none
}

a:active,
a:hover,
a:focus {
    outline: 0 none
}

img {
    max-width: 100%;
    height: auto
}

select {
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px
}

.possition-static {
    position: static !important
}

.bg-common {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.bg-overlay-primary80:after,
.bg-overlay-primary80:before {
    background-color: rgba(238, 33, 43, .8)
}

.bg-primary100 {
    background-color: #ee212b
}

.bg-primary70 {
    background-color: rgba(238, 33, 43, .7)
}

.bg-light-accent100 {
    background-color: #f1f7fa
}

.bg-light-primary100 {
    background-color: #fff
}

.overlay-primary90 {
    position: relative
}

.overlay-primary90:before {
    background-color: rgba(238, 33, 43, .9);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.overlay-primary80 {
    position: relative
}

.overlay-primary80:before {
    background-color: rgba(238, 33, 43, .8);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.overlay-primary80 .elementor-column,
.overlay-primary80 .elementor-widget-wrap {
    z-index: 99
}

.overlay-dark {
    position: relative
}

.overlay-dark:before {
    background-color: rgba(57, 55, 56, .6);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.elementor-progress-wrapper {
    position: relative;
    background-color: #eee;
    color: #fff;
    height: 37px;
    line-height: 37px;
    border-radius: 2px
}

.elementor-progress-bar {
    font-size: 16px;
    font-weight: 500
}

.section-heading p {
    width: 80%
}

@media only screen and (max-width:991px) {
    .section-heading p {
        width: 100%
    }
}

.section-heading.text-center h1,
.section-heading.text-center h2,
.section-heading.text-center h3,
.section-heading.text-center h4,
.section-heading.text-center p {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.section-heading.text-left p,
.section-heading.text-right p {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.section-heading.heading-dark h1,
.section-heading.heading-dark h2,
.section-heading.heading-dark h3,
.section-heading.heading-dark h4 {
    color: #111
}

.section-heading.heading-light h1,
.section-heading.heading-light h2,
.section-heading.heading-light h3,
.section-heading.heading-light h4 {
    color: #fff
}

.section-heading.heading-light p {
    color: #fff
}

.heading-layout2 {
    margin-bottom: 75px
}

.heading-layout2 h2 {
    text-transform: capitalize
}

.heading-layout2 p {
    font-family: 'Roboto', sans-serif;
    width: 60%;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .heading-layout2 p {
        width: 100%
    }
}

.heading-layout3 {
    margin-bottom: 50px;
    text-align: center
}

.heading-layout3 h2,
.heading-layout3 h3 {
    text-transform: capitalize
}

.heading-layout3 p {
    font-weight: 500
}

.pagination-area {
    display: inline-block
}

.pagination-area ul li {
    margin-right: 5px;
    display: inline-block
}

.pagination-area ul li a {
    font-weight: 500;
    font-size: 16px;
    background-color: #ebebeb;
    color: #393738;
    display: inline-block;
    height: 40px;
    width: 44px;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease-out
}

.pagination-area ul li a:hover {
    background-color: #ee212b
}

.pagination-area ul .active a {
    background-color: #ee212b
}

.dot-control .owl-controls {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.dot-control .owl-controls .owl-dots .owl-dot span {
    height: 12px;
    width: 12px;
    background: #ee212b
}

.dot-control .owl-controls .owl-dots .active span {
    background: #ee212b
}

.box-shadow {
    box-shadow: 0 1px 20px 0 rgba(185, 185, 185, .75)
}

.site-wrp .rtin-button {
    margin-top: 40px
}

.site-wrp .rtin-button .item-btn {
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid;
    border-color: #ee212b;
    color: #ee212b;
    background-color: transparent;
    text-transform: capitalize;
    font-weight: 500;
    padding: 14px 20px;
    border-radius: 4px;
    transition: all 0.5s ease-out
}

.site-wrp .rtin-button .item-btn:hover {
    background-color: #d21c1d;
    color: #fff
}

.site-wrp .rtin-button-mid .item-btn {
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid;
    border-color: #ee212b;
    color: #ee212b;
    background-color: transparent;
    text-transform: capitalize;
    font-weight: 500;
    padding: 16px 24px;
    border-radius: 4px;
    transition: all 0.5s ease-out
}

.site-wrp .rtin-button-mid .item-btn:hover {
    background-color: #d21c1d;
    color: #fff
}

#preloader {
    background: #fff url(../../../../../../../../themes/roofix/assets/css/img/preloader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.rt-isotope-wrapper .rt-isotope-tab-wrp {
    text-align: center
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn {
    text-align: center;
    margin-bottom: 45px;
    display: inline-block;
    border: 2px solid #d7d7d7;
    border-radius: 6px;
    padding: 16px 0 12px 0;
    margin-left: 15px;
    margin-right: 15px
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a {
    background-color: #fff;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    border-right: 2px solid #d7d7d7;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:767px) {
    .rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a {
        padding-right: 10px;
        padding-left: 10px
    }
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a:last-child {
    border-right: none
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a:after {
    transition: all 0.5s ease-out;
    content: "";
    height: 3px;
    width: 100%;
    background-color: #ee212b;
    bottom: -21px;
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 12px
}

@media only screen and (max-width:991px) {
    .rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a:after {
        display: none !important
    }
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a:hover {
    color: #ee212b
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a:hover:after {
    opacity: 1;
    visibility: visible
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a.current {
    color: #ee212b
}

.rt-isotope-wrapper .rt-isotope-tab-wrp .isotop-btn a.current:after {
    opacity: 1;
    visibility: visible
}

.play-btn {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    display: block;
    width: 60px;
    height: 60px;
    transition: all 0.5s ease-out
}

.play-btn i {
    transition: all 0.5s ease-out
}

.play-btn2 {
    display: inline-block;
    border-radius: 50%;
    transition: all 0.5s ease-out
}

.play-btn2 i:before {
    margin-left: 0;
    color: #fff;
    border-radius: 50%;
    display: inline;
    font-size: 60px;
    transition: all 0.5s ease-out
}

.play-btn2:hover i:before {
    color: #ee212b
}

.loadmore-layout1 {
    text-align: center
}

.loadmore-layout1 .item-btn {
    padding: 12px 30px;
    font-size: 16px;
    border: 1px solid;
    border-color: #ee212b;
    color: #ee212b;
    background-color: transparent;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.loadmore-layout1 .item-btn:hover {
    background-color: #ee212b;
    color: #fff
}

.loadmore-layout1 i {
    margin-left: 10px
}

#scrollUp {
    background-color: rgba(238, 33, 43, .3);
    bottom: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: all 1s ease-out;
    width: 44px;
    z-index: 99999;
    border: 2px solid #ee212b;
    border-radius: 50%
}

#scrollUp i {
    color: #ee212b
}

#scrollUp:hover,
#scrollUp:focus {
    background-color: #ee212b
}

#scrollUp:hover i,
#scrollUp:focus i {
    color: #fff
}

#scrollUp {
    animation: blinker 10s linear infinite
}

@keyframes blinker {
    90% {
        opacity: 0
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(50%)
    }

    50% {
        opacity: 0;
        transform: translateY(-50%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop10 {
    49% {
        transform: translateY(-10%)
    }

    50% {
        opacity: 0;
        transform: translateY(10%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft10 {
    5% {
        left: -5px
    }

    30% {
        opacity: .5;
        left: 10px
    }

    60% {
        left: 5px;
        opacity: 1
    }
}

@keyframes headerSlideDown {
    0% {
        margin-top: -100px
    }

    100% {
        margin-top: 0
    }
}

.media-body {
    margin-left: 3rem
}

.media-body.space-xl {
    margin-left: 50px
}

.media-body.space-lg {
    margin-left: 40px
}

.media-body.space-md {
    margin-left: 20px
}

.media-body.space-sm {
    margin-left: 15px
}

.media-body.space-xs {
    margin-left: 10px
}

.media-body.media-body-box {
    padding: 20px 20px 20px 3rem;
    margin-left: 0
}

.media-body.media-body-box p {
    margin-bottom: 0
}

.site-wrp .blog-btn {
    margin-top: 40px;
    border-radius: 4px;
    padding: 16px 30px;
    color: #111;
    background-color: #fff;
    display: inline-block;
    transition: all 0.3s ease-out
}

@media (min-width:480px) and (max-width:575px) {
    .site-wrp .blog-btn {
        padding: 12px 22px
    }
}

.site-wrp .blog-btn i {
    color: #ee212b;
    margin-left: 15px;
    transition: all 0.3s ease-out
}

.site-wrp .blog-btn:hover {
    background-color: #ee212b;
    color: #fff;
    box-shadow: 0 10px 55px 5px rgba(238, 33, 43, .35)
}

.site-wrp .blog-btn:hover i {
    color: #fff
}

.title-bar-xs {
    margin-bottom: 45px;
    position: relative
}

.title-bar-xs:before {
    content: "";
    height: 1px;
    width: 35px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1
}

.title-bar-sm {
    margin-bottom: 45px;
    position: relative
}

.title-bar-sm:before {
    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1
}

.title-bar-md {
    margin-bottom: 45px;
    position: relative
}

.title-bar-md:before {
    content: "";
    height: 2px;
    width: 45px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1
}

.title-bar-lg {
    margin-bottom: 45px;
    position: relative
}

.title-bar-lg:before {
    content: "";
    height: 3px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1
}

.title-bar-xl {
    margin-bottom: 45px;
    position: relative
}

.title-bar-xl:before {
    content: "";
    height: 3px;
    width: 55px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1
}

.title-bar-primary {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.title-bar-primary:before {
    content: "";
    height: 3px;
    width: 50px;
    background: #ee212b;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px
}

.title-bar-primary2 {
    margin-bottom: 35px;
    padding-bottom: 20px;
    position: relative
}

.title-bar-primary2:before {
    content: "";
    height: 4px;
    width: 40px;
    background: #ee212b;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px
}

.title-bar-primary3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.title-bar-primary3:before {
    content: "";
    height: 4px;
    width: 40px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px
}

.title-bar-primary4 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.title-bar-primary4:before {
    content: "";
    height: 4px;
    width: 40px;
    background: #ee212b;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px
}

.title-bar-primary5 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.title-bar-primary5:after {
    content: "";
    height: 4px;
    width: 40px;
    background-color: #ee212b;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute
}

.title-bar-primary6 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.title-bar-primary6:after {
    content: "";
    height: 4px;
    width: 40px;
    margin: 0 auto;
    background-color: #ee212b;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    position: absolute
}

.title-bar-primary7 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px
}

.title-bar-primary7:after {
    content: "";
    height: 4px;
    width: 40px;
    background-color: #ee212b;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute
}

.title-bar-light {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.title-bar-light:before {
    content: "";
    height: 3px;
    width: 40px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px
}

.sigle-department-data .loading {
    background: url(../../../../../../../../themes/roofix/assets/img/preloader.gif);
    background-color: rgba(255, 255, 255, .9);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    display: none
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: none
}

.select2-container--classic .select2-selection--single {
    background-color: #f1f7fa;
    background-image: none;
    border-radius: 0;
    border: 1px solid #f1f7fa
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #f1f7fa
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    background-color: #ee212b;
    background-image: none;
    border-style: none;
    right: 10px;
    height: 32px;
    width: 35px;
    border-radius: 2px
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #ee212b;
    color: #fff
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #111;
    font-size: 16px
}

.select2-container .select2-selection--single {
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 27px;
    position: absolute;
    top: 26%;
    right: 1px;
    width: 20px
}

.select2-results__option[aria-selected] {
    font-size: 16px;
    color: #111
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    background-color: #ee212b;
    background-image: none;
    border-style: none;
    right: 10px;
    height: 32px;
    width: 35px;
    border-radius: 2px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px
}

.select2-dropdown {
    z-index: 99
}

span.wpcf7-not-valid-tip {
    color: #c0b5b5
}

.mscolor div.wpcf7-validation-errors {
    border-color: #2d87e2;
    color: #fff
}

.bg-aash {
    background-color: #f8f8f8
}

.bg-accent {
    background-color: #d21c1d
}

.bg-textprimary {
    background-color: #ffffff !important
}

.bg-primarytext {
    background-color: #393738
}

.bg-Primary {
    background-color: #ee212b
}

.pseudo-textprimary:after {
    background-color: #ffffff !important
}

.bg-fb {
    background-color: #3a59a6
}

.bg-twitter {
    background-color: #4fc3f7
}

.bg-gplus {
    background-color: #d74d38
}

.bg-pin {
    background-color: #e52626
}

.bg-linked {
    background-color: #0d47a1
}

.bg-blank {
    background-color: #e7e7e7
}

.bg-facebook {
    background-color: #3b5998
}

.bg-twitter {
    background-color: #00aced
}

.bg-gplus {
    background-color: #dd4b39
}

.bg-pinterest {
    background-color: #cb2027
}

.bg-linkedin {
    background-color: #007bb6
}

.bg-tumblr {
    background-color: #32506d
}

.bg-reddit {
    background-color: #FF4301
}

.bg-vk {
    background-color: #45668e
}

.bg-blank {
    background-color: #d21c1d
}

.border-none {
    border: none
}

.primary-border {
    border: 1px solid #ee212b
}

.primary-bg {
    background-color: #ee212b
}

.border-radius50 {
    border-radius: 50% !important
}

.mg-b-0 {
    margin-bottom: 0 !important
}

.mg-t--100 {
    margin-top: -114px
}

@media only screen and (max-width:991px) {
    .mg-t--100 {
        margin-top: 0
    }
}

.mg-t--108 {
    margin-top: -108px
}

@media only screen and (max-width:991px) {
    .mg-t--108 {
        margin-top: 0
    }
}

.mg-t--95 {
    margin-top: -95px
}

@media only screen and (max-width:991px) {
    .mg-t--95 {
        margin-top: 0
    }
}

.mg-t--127 {
    margin-top: -127px
}

@media only screen and (max-width:991px) {
    .mg-t--127 {
        margin-top: 0
    }
}

.mg-t-5 {
    margin-top: 5px
}

.mg-t-10 {
    margin-top: 10px
}

.mg-t-30 {
    margin-top: 30px
}

.mg-t-20 {
    margin-top: 20px
}

.mg-t-15 {
    margin-top: 15px
}

.mg-b-8 {
    margin-bottom: 8px
}

.mg-b-10 {
    margin-bottom: 10px
}

.mg-b-15 {
    margin-bottom: 15px
}

.mg-b-30 {
    margin-bottom: 30px
}

.mg-b-50 {
    margin-bottom: 50px
}

.pd-x-85 {
    padding-right: 85px;
    padding-left: 85px
}

@media only screen and (max-width:1199px) {
    .pd-x-85 {
        padding: 0
    }
}

@media only screen and (min-width:992px) {
    .pd-x-lg-85 {
        padding-right: 85px;
        padding-left: 85px
    }
}

.pd-y-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.pd-b-25 {
    padding-bottom: 25px
}

.pd-t-35 {
    padding-top: 35px
}

.pd-l-0 {
    padding-left: 0 !important
}

@media only screen and (max-width:1199px) {
    .mobile-padding-left-15px {
        padding-left: 15px !important
    }
}

.possition-static {
    position: static !important
}

.wrapper .text-primarytext {
    color: #393738
}

.wrapper .text-darklight {
    color: #ccc
}

.wrapper .text-textprimary {
    color: #fff
}

.wrapper .text-Primary {
    color: #ee212b
}

.wrapper .text-accent {
    color: #d21c1d
}

#preloader {
    background: #fff url(../../../../../../../../themes/roofix/assets/css/img/preloader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.scrollup {
    overflow: hidden;
    position: fixed;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 45px;
    bottom: -50px;
    right: 20px;
    text-align: center;
    z-index: 9999;
    background-color: rgba(17, 17, 17, .8);
    display: block;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s cubic-bezier(0, 0, .15, 1.88)
}

.scrollup i {
    display: inline-block;
    transition: all 0.5s ease-out
}

.scrollup:hover,
.scrollup:focus {
    color: #fff
}

.scrollup:hover i,
.scrollup:focus i {
    animation: toBottomFromTop20 0.5s forwards
}

.scrollup.back-top {
    bottom: 20px
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ee212b
    }

    40% {
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    70% {
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 194, 17, 0)
    }
}

.wp-block-quote.is-style-large cite br {
    display: none
}

.secondery-bg {
    background-color: #d21c1d
}

.primary-bg {
    background-color: #ee212b
}

.container-fluid.full-width .row>[class^="col-"],
.container-fluid.full-width .row>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

.header-menu.menu-layout1 {
    background-color: #d21c1d;
    padding-left: calc((100% - 1170px) / 2)
}

.header-menu.menu-layout1 .main-navigation ul.menu>li:first-child>a {
    padding-left: 0
}

.header-menu.menu-layout1 .main-navigation ul.menu>li>a {
    padding: 28px 26px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    display: block;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:1199px) {
    .header-menu.menu-layout1 .main-navigation ul.menu>li>a {
        padding: 28px 15px
    }
}

.header-menu.menu-layout1 .header-action-layout1 {
    width: 100%;
    background-color: #ee212b;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
    position: relative
}

.header-menu.menu-layout1 .header-action-layout1:before {
    content: "";
    height: 110%;
    width: 5px;
    background-color: #fff;
    position: absolute;
    top: -3px;
    left: 12px;
    transform: rotate(20deg)
}

@media only screen and (max-width:1440px) {
    .header-menu.menu-layout1 .header-action-layout1:before {
        left: 11px;
        transform: rotate(17deg)
    }
}

@media only screen and (max-width:1199px) {
    .header-menu.menu-layout1 .header-action-layout1:before {
        left: 10px;
        transform: rotate(16deg)
    }
}

.menu-1v2 .header-phone-btn {
    margin-right: 20px;
    text-align: center
}

.menu-1v2 .header-phone-btn span {
    color: #cdcccc;
    font-size: 15px;
    font-weight: 500
}

.menu-1v2 .header-phone-btn .phone-number {
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Inter', sans-serif
}

.header-topbar-layout1.header-topbar-layout1-new {
    padding: 36px 0 38px
}

.header-topbar-layout1 .topbar-information {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header-topbar-layout1 .topbar-information .media {
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 45px;
    margin-right: 45px
}

@media only screen and (max-width:1199px) {
    .header-topbar-layout1 .topbar-information .media {
        padding-right: 20px;
        margin-right: 20px
    }
}

.header-topbar-layout1 .topbar-information .media:last-child {
    padding-right: 0;
    margin-right: 0
}

.header-topbar-layout1 .topbar-information .media:last-child:after {
    display: none
}

.header-topbar-layout1 .topbar-information .media:after {
    content: "";
    height: 45px;
    width: 1px;
    background-color: #b7b7b7;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(15deg)
}

.header-topbar-layout1 .topbar-information .media .item-icon {
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 48px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 22px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.header-topbar-layout1 .topbar-information .media .media-body {
    padding-left: 0;
    margin-left: 0
}

.header-topbar-layout1 .topbar-information .media .media-body .item-title {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 4px
}

.header-topbar-layout1 .topbar-information .media .media-body .item-subtitle {
    font-weight: 600;
    color: #393738;
    font-family: 'Inter', sans-serif
}

.header-topbar-layout1 .topbar-information .media:hover .item-icon {
    border-color: #ee212b;
    background-color: #ee212b;
    color: #fff
}

.offcanvas-menu-btn {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ee212b;
    padding: 10px;
    text-align: center
}

.offcanvas-menu-btn:focus {
    outline: none
}

.offcanvas-menu-btn:hover .btn-icon-wrap span {
    background-color: #ee212b
}

.offcanvas-menu-btn .btn-icon-wrap {
    width: 28px;
    height: 18px;
    display: block;
    position: relative
}

.offcanvas-menu-btn .btn-icon-wrap span {
    position: absolute;
    right: 0;
    height: 3px;
    width: 100%;
    background-color: #7d7d7d;
    display: block;
    opacity: 1;
    transform: rotate(0deg);
    margin: auto;
    transition: all 0.3s ease-in-out
}

.offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) {
    top: 0;
    width: 70%
}

.offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) {
    width: 100%;
    top: 10px
}

.offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) {
    width: 90%;
    top: 20px
}

.offcanvas-menu-btn:hover .btn-icon-wrap span:nth-child(1n) {
    width: 100%
}

.offcanvas-menu-btn:hover .btn-icon-wrap span:nth-child(2n) {
    width: 95%;
    top: 8px
}

.offcanvas-menu-btn:hover .btn-icon-wrap span:nth-child(3n) {
    width: 98%;
    top: 16px
}

.trheader .offcanvas-menu-btn .btn-icon-wrap span {
    background-color: #fff
}

.offcanvas-menu-wrap {
    width: 350px;
    position: fixed;
    transform: translateX(-100%);
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 5px 16px 0 rgba(202, 202, 202, .75);
    z-index: 99999;
    transition: all 0.3s ease-out
}

.offcanvas-menu-wrap[data-position='right'] {
    left: auto;
    right: 0;
    transform: translateX(105%)
}

.offcanvas-menu-wrap .close-btn {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #393738;
    padding: 10px
}

.offcanvas-menu-wrap .offcanvas-content {
    height: 100vh;
    padding: 6rem 0 5.5rem;
    transition: all 0.3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a {
    display: block
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu {
    text-align: center
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a {
    color: #393738;
    padding: 10px;
    transition: all 0.3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a:hover {
    color: #ee212b
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer {
    text-align: center
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
    font-size: 15px;
    color: #acacac;
    margin-bottom: 14px
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li {
    display: inline-block;
    margin-right: 6px
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li:last-child {
    margin-right: 0
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a {
    color: #707173;
    padding: 5px;
    transition: all 0.3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover {
    color: #ee212b
}

div#wrapper.open>.offcanvas-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 150;
    transition: all 0.3s ease-in-out
}

.header-menu.menu-layout2 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (max-width:460px) {
    .header-menu.menu-layout2 {
        padding-top: 15px;
        padding-bottom: 5px
    }
}

@media only screen and (max-width:375px) {
    .header-menu.menu-layout2 {
        padding-top: 15px;
        padding-bottom: 0
    }
}

.header-menu.menu-layout2 .container-fluid {
    padding-left: 130px;
    padding-right: 130px
}

@media only screen and (max-width:991px) {
    .header-menu.menu-layout2 .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (max-width:767px) {
    .header-menu.menu-layout2 .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

.header-menu.menu-layout2.rt-sticky {
    background-color: #d21c1d;
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (max-width:460px) {
    .header-menu.menu-layout2.rt-sticky {
        padding-top: 5px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:375px) {
    .header-menu.menu-layout2.rt-sticky {
        padding-top: 5px;
        padding-bottom: 10px
    }
}

.header-menu {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9910;
    transition: all 0.3s ease-out
}

.header-menu:after {
    clear: both;
    content: "";
    display: block
}

.header-menu nav.template-main-menu>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.header-menu nav.template-main-menu>ul>li>a {
    transition: all 0.3s ease-out
}

.header-menu nav.template-main-menu>ul>li>a:hover {
    color: #ee212b
}

.header-action-layout1 .offcanvas-menu-btn {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ee212b;
    padding: 0 10px;
    text-align: center
}

.header-action-layout1 .offcanvas-menu-btn:focus {
    outline: none
}

.header-action-layout1 .offcanvas-menu-btn .btn-icon-wrap {
    width: 28px;
    height: 18px;
    display: block;
    position: relative
}

.header-action-layout1 .offcanvas-menu-btn .btn-icon-wrap span {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
    display: block;
    opacity: 1;
    transform: rotate(0deg);
    margin: auto;
    transition: all 0.3s ease-in-out
}

.header-action-layout1 .offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) {
    top: 0
}

.header-action-layout1 .offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) {
    width: 80%;
    top: 8px
}

.header-action-layout1 .offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) {
    width: 65%;
    top: 16px
}

.header-action-layout1 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header-action-layout1 ul li {
    display: inline-block;
    margin-right: 20px
}

.header-action-layout1 ul li:last-child {
    margin-right: 0
}

.header-action-layout1 ul .header-action-btn .item-btn {
    padding-left: 45px;
    background-color: #ee212b;
    height: 71px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    font-family: 'Inter', sans-serif
}

.header-action-layout1 ul .header-action-btn .item-btn span {
    font-size: 18px;
    margin-right: 10px
}

.header-action-layout1 ul .header-action-btn .item-btn i {
    margin-left: 8px;
    font-size: 14px;
    transition: all 0.3s ease-out
}

.header-action-layout1 ul .header-action-btn .item-btn:hover i {
    margin-left: 12px
}

.header-action-layout1 ul .header-action-number {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-right: 30px
}

.header-action-layout1 ul .header-action-number i {
    font-size: 20px;
    margin-right: 12px
}

.header-action-layout1-new ul .header-action-btn .item-btn {
    background-color: #ee212b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    font-family: 'Inter', sans-serif;
    padding: 14px 26px
}

.header-action-layout1-new ul .header-action-btn .item-btn span {
    font-size: 18px;
    margin-right: 10px
}

.header-action-layout1-new ul .header-action-btn .item-btn i {
    margin-left: 8px;
    font-size: 14px;
    transition: all 0.3s ease-out
}

.header-action-layout1-new ul .header-action-btn .item-btn:hover i {
    margin-left: 12px
}

.header-action-layout1 .offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(1n) {
    top: 7px;
    transform: rotate(135deg)
}

.header-action-layout1 .offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(2n) {
    left: 40px;
    opacity: 0;
    visibility: hidden
}

.header-action-layout1 .offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(3n) {
    width: 100%;
    top: 7px;
    transform: rotate(-135deg)
}

.header-menu.menu-layout6 .header-action-layout2 {
    position: relative
}

.header-action-layout2 .search-btn {
    background-color: transparent;
    box-shadow: none;
    border: none;
    cursor: pointer;
    margin-right: 40px
}

.header-action-layout2 ul {
    display: flex;
    align-items: center
}

.header-action-layout2 .search-btn i {
    margin-top: 5px;
    color: #666;
    font-size: 24px
}

.header-action-layout2 .offcanvas-menu-btn {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
    padding: 13px 10px;
    text-align: center
}

.header-action-layout2 ul .offcanvas-menu-trigger-wrap {
    position: relative
}

.header-action-layout2:before {
    content: "";
    height: 114px;
    width: 1px;
    background-color: #e6e6e6;
    position: absolute;
    top: -31px;
    right: 60px;
    transform: rotate(20deg)
}

.header-action-layout2 ul .offcanvas-menu-trigger-wrap:before {
    content: "";
    height: 114px;
    width: 1px;
    background-color: #e6e6e6;
    position: absolute;
    top: -31px;
    right: -15px;
    transform: rotate(20deg)
}

.bg-accent .header-topbar-layout1 ul {
    margin: 0;
    padding: 0
}

.header-topbar-layout1 ul li {
    padding: 5px 0;
    display: inline-block;
    color: #c7d6e3;
    margin-right: 35px;
    font-size: 15px
}

.header-topbar-layout1 ul li:last-child {
    padding-right: 0;
    margin-right: 0
}

.header-topbar-layout1 ul li a {
    color: #c7d6e3
}

.header-topbar-layout1 ul li i {
    font-size: 14px;
    color: #fff;
    margin-right: 8px
}

.header-topbar-layout1 .header-top-right li {
    margin-right: 25px
}

.header-topbar-layout1 .header-top-right .social-icon a {
    padding-right: 8px;
    margin-right: 5px
}

.header-topbar-layout1 .header-top-right .social-icon a i {
    margin-right: 0;
    font-size: 14px;
    color: #c7d6e3;
    transition: all 0.3s ease-out
}

.header-topbar-layout1 .header-top-right .social-icon a:last-child {
    padding-right: 0;
    margin-right: 0
}

.header-topbar-layout1 .header-top-right .social-icon a:hover i {
    color: #fff
}

.header-topbar-layout2 .phone-number {
    font-size: 30px;
    font-weight: 700;
    color: #d21c1d;
    margin-bottom: 2px
}

.header-topbar-layout2 .phone-number i:before {
    font-size: 24px;
    color: #ee212b
}

.header-topbar-layout2 [class^="flaticon-"]::before,
.header-topbar-layout2 [class*=" flaticon-"]::before,
.header-topbar-layout2 [class^="flaticon-"]::after,
.header-topbar-layout2 [class*=" flaticon-"]::after {
    margin-left: 0
}

.header-topbar-layout2 span {
    font-size: 14px;
    padding-left: 32px;
    display: block
}

.header-top-bar.rt-header-top-bar.animated.slideInDown {
    display: none
}

.carton .header-icon-area .search-box-area {
    margin-right: -25px;
    position: relative;
    z-index: 2
}

.widget.ls-overflow-visible {
    margin: 0
}

.header-top-bar.d-none.d-md-block.animated.slideInDown {
    display: none !important
}

.site-wrp {
    overflow: hidden !important
}

.site-header .stick .main-navigation ul li a {
    padding: 38px 16px
}

.top-bar-border-bottom {
    border-bottom: 1px solid #d7d7d7
}

.header-menu-area:after {
    clear: both;
    content: "";
    display: block
}

.non-stick.header-style-1.trheader .opt-slideInUp {
    margin-top: 0
}

.header-style-1 .action-items-primary-btn {
    font-size: 14px;
    display: inline-block;
    padding: 10px 24px;
    color: #fff;
    background-color: #ee212b;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid;
    border-color: #ee212b;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.header-style-1 .action-items-primary-btn i {
    margin-left: 10px
}

.header-style-1 .action-items-primary-btn:hover {
    background-color: transparent;
    color: #ee212b;
    box-shadow: 0 10px 55px 5px rgba(238, 33, 43, .2)
}

.header-style-1 .action-items-light-btn {
    font-size: 14px;
    display: inline-block;
    padding: 9px 15px;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid;
    border-color: #fff;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.header-style-1 .action-items-light-btn:hover {
    background-color: #fff;
    color: #ee212b
}

.header-style-1.trheader .rt-header-menu {
    background-color: transparent
}

@media only screen and (max-width:1199px) {
    body.header-style-1 .rt-header-top-bar .container {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:1199px) {
    body.header-style-1 .masthead-container.header-style1 .container {
        width: 100%;
        max-width: 100%
    }
}

.header-contact-layout1 {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .header-contact-layout1 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-contact-layout1 ul li {
    font-size: 15px;
    display: inline-block;
    margin-right: 20px;
    color: #fff
}

.header-contact-layout1 ul li i {
    margin-right: 15px
}

.header-contact-layout1 ul li:last-child {
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .header-contact-layout1 ul li {
        display: block
    }
}

.header-contact-layout1 ul li .fa-phone {
    transform: scaleX(-1)
}

.header-social-layout1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1199px) {
    .header-social-layout1 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-social-layout1 ul li {
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:1199px) {
    .header-social-layout1 ul li {
        margin-right: 1px !important
    }
}

.header-social-layout1 ul li:last-child {
    margin-right: 2px
}

.header-social-layout1 ul li a {
    padding: 1px 8px;
    color: #707173;
    background: #f5f8fa;
    transition: all 0.5s ease-out
}

.header-social-layout1 ul li a:hover {
    color: #e3e3e3
}

.header-social-layout1 ul li a i {
    transition: all 0.5s ease-out
}

.non-stick.header-style-2.trheader .opt-slideInUp {
    margin-top: 0
}

.non-stick.header-style-2 .opt-slideInUp {
    margin-top: 74px
}

.non-stick.trheader .stick {
    background-color: #0f2738
}

.non-stick .stick {
    animation-name: headerSlideDown;
    animation-duration: 0.50s;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: all 0.5s ease-out;
    background: #fff
}

.header-top-bar {
    background-color: #222;
    color: #a6b1b7;
    border-bottom: 1px solid #d7d7d7
}

.header-top-bar a {
    color: #a6b1b7
}

.header-top-bar .tophead-contact {
    float: left
}

@media all and (max-width:767px) {
    .header-top-bar .tophead-contact {
        text-align: center;
        float: none
    }
}

.header-top-bar .tophead-contact ul li {
    display: inline-block;
    margin-right: 15px
}

.header-top-bar .tophead-contact a:hover {
    text-decoration: underline
}

.header-top-bar .tophead-contact .fa,
.header-top-bar .tophead-address .fa {
    color: #ee212b
}

.header-top-bar .tophead-right {
    float: right
}

@media all and (max-width:767px) {
    .header-top-bar .tophead-right {
        text-align: center;
        float: none
    }
}

.header-top-bar .tophead-social li {
    display: inline-block;
    margin-left: 5px
}

.header-top-bar .tophead-social li a {
    color: #a6b1b7
}

.header-top-bar .tophead-social li a i {
    color: #ccc
}

.header-top-bar .tophead-social li a:hover {
    color: #ee212b
}

.trheader.has-topbar .entry-banner .container {
    padding-top: 38px
}

.topbar-style-3 .header-top-bar .tophead-contact,
.topbar-style-3 .header-top-bar .tophead-right {
    float: none;
    display: table;
    height: 40px
}

.topbar-style-3 .header-top-bar .tophead-contact ul,
.topbar-style-3 .header-top-bar .tophead-right ul {
    display: table-cell;
    vertical-align: middle
}

@media all and (max-width:767px) {

    .topbar-style-3 .header-top-bar .tophead-contact,
    .topbar-style-3 .header-top-bar .tophead-right {
        display: block;
        height: inherit
    }

    .topbar-style-3 .header-top-bar .tophead-contact ul,
    .topbar-style-3 .header-top-bar .tophead-right ul {
        display: block
    }
}

.topbar-style-3 .header-top-bar .tophead-right {
    width: 100%;
    text-align: right
}

@media all and (max-width:767px) {
    .topbar-style-3 .header-top-bar .tophead-right {
        text-align: center
    }
}

.topbar-style-3 .header-top-bar .topbar-logo {
    display: block;
    text-align: center
}

@media all and (max-width:767px) {
    .topbar-style-3 .header-top-bar .topbar-logo {
        display: none
    }
}

.topbar-style-5 .header-top-bar .tophead-social li a {
    padding-left: 20px;
    font-size: 16px
}

.topbar-style-5 .header-top-bar .tophead-social li a:hover {
    color: #ee212b
}

.topbar-style-5 .header-top-bar .tophead-contact ul li {
    margin-right: 30px
}

.trheader.topbar-style-5 .header-top-bar .tophead-social li a {
    font-size: 16px
}

.trheader.topbar-style-5 .header-top-bar .tophead-social li a:hover {
    color: #ee212b
}

.site-header .masthead-container {
    transition: all 1s ease-out
}

.site-header .site-branding {
    display: table;
    transition: all 0.5s ease-out;
    max-width: 195px
}

.site-header .site-branding a {
    display: table-cell;
    vertical-align: middle
}

.site-header .site-branding a img {
    width: auto;
    padding: 5px 0;
    transition: all 0.5s ease-out
}

.site-header .site-branding a.light-logo {
    display: none
}

.site-header .site-branding a.custom-logo-text {
    color: #393738;
    font-weight: 700;
    line-height: 1.2;
    font-size: 22px
}

.site-header .main-navigation>nav>ul.menu>li>a {
    text-transform: uppercase
}

.middle-bar-logo {
    width: 100%;
    position: relative;
    padding: 26px 45px 26px 0;
    z-index: 5
}

.middle-bar-logo:after {
    content: "";
    height: 100%;
    width: 1000%;
    background-color: #ee212b;
    transform: skew(-20deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -5
}

.site-header ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.site-header .main-navigation ul {
    text-align: right
}

.site-header .main-navigation ul li {
    display: inline-block;
    position: relative;
    font-family: 'Inter', sans-serif
}

.site-header .main-navigation ul li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #393738;
    padding: 38px 20px
}

@media all and (max-width:1199px) {
    .site-header .main-navigation ul li a {
        padding-left: 10px;
        padding-right: 10px
    }
}

.site-header .main-navigation ul.menu>li>a:hover {
    color: #ee212b
}

.site-header .main-navigation ul.menu>li.current-menu-item>a,
.site-header .main-navigation ul.menu>li.current>a {
    color: #ee212b
}

.site-header .main-navigation>nav>ul {
    text-align: right
}

.site-header .main-navigation>nav>ul>li.current-menu-item>a,
.site-header .main-navigation>nav>ul>li.current>a {
    color: #ee212b
}

.site-header .main-navigation>nav>ul>li>a {
    position: relative
}

.site-header .main-navigation ul li ul {
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    z-index: 9999 !important;
    width: 240px;
    text-align: left;
    border-top: 1px solid #ee212b;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    left: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.site-header .main-navigation ul li ul.sub-menu li.menu-item-has-children:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    position: absolute;
    right: 26px;
    top: 8px;
    font-weight: 900
}

.site-header .main-navigation ul li ul li {
    display: block;
    border-left: none;
    padding: 0 15px 0 20px;
    transition: all 0.5s ease-out
}

.site-header .main-navigation ul li ul li:last-child {
    border-bottom: none
}

.site-header .main-navigation ul li ul li:last-child a {
    border-bottom: none
}

.site-header .main-navigation ul li ul li a {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    padding: 10px 2px;
    display: block;
    transition: all 0.5s ease 0s;
    border-bottom: 1px solid #e9e9e9
}

.site-header .main-navigation ul li ul li a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #ee212b;
    position: absolute;
    top: 10px;
    left: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s
}

.site-header .main-navigation ul li ul li a:hover {
    color: #ee212b;
    padding-left: 12px
}

.site-header .main-navigation ul li ul li a:hover:before {
    transform: scale(1)
}

@media only screen and (max-width:1199px) {
    .site-header .main-navigation ul li ul li a {
        padding: 10px 15px
    }
}

.site-header .main-navigation ul li ul li:last-child:after {
    border-bottom: none
}

.site-header .main-navigation ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.site-header .main-navigation ul>li>ul>li>ul {
    left: 240px;
    top: -1px;
    width: 240px
}

.site-header .main-navigation ul>li>ul>li>ul>li>ul {
    left: 240px;
    top: -1px
}

.site-header .main-navigation ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.site-header .main-navigation ul li.mega-menu:hover ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.site-header .main-navigation ul li.mega-menu>ul>li:last-child a {
    border-bottom: 1px solid #e9e9e9
}

.site-header .main-navigation ul li.mega-menu>ul>li:last-child>ul li:last-child a {
    border-bottom: none
}

.site-header .main-navigation ul li.mega-menu ul.sub-menu li {
    background-color: inherit;
    padding: 0 14px 0 14px
}

.site-header .main-navigation ul li.mega-menu ul.sub-menu li a {
    color: #393738
}

.site-header .main-navigation ul li.mega-menu ul.sub-menu li a:hover {
    background-color: #fff;
    color: #393738
}

.site-header .main-navigation ul li.mega-menu>ul.sub-menu {
    background-color: #fff !important;
    padding: 10px 0
}

.site-header .main-navigation ul li.mega-menu>ul.sub-menu>li {
    display: block;
    float: left;
    width: 210px;
    border: none
}

.site-header .main-navigation ul li.mega-menu>ul.sub-menu>li ul {
    position: relative;
    width: inherit;
    left: inherit;
    border: none;
    box-shadow: none
}

.site-header .main-navigation ul li.mega-menu>ul.sub-menu>li>a {
    font-weight: 700;
    margin-bottom: 1px;
    display: none
}

.site-header .main-navigation ul li.mega-menu>ul.sub-menu li:after {
    content: ''
}

.site-header .main-navigation ul li.mega-menu.hide-header>ul.sub-menu>li:before {
    display: none
}

.site-header .main-navigation ul li.mega-menu.hide-header>ul.sub-menu>li>a {
    display: none
}

.mean-container .mega-menu.hide-header>ul>li {
    border-top: none
}

.mean-container .mega-menu.hide-header>ul>li>a {
    display: none
}

.mean-container .mega-menu.hide-header>ul>li>ul {
    display: block !important
}

.cart-icon-area,
.header-icon-seperator,
.search-box-area,
.header-icon-area .additional-menu-area {
    color: #b2b2b2
}

.header-icon-area .search-box-area,
.header-icon-area .header-icon-seperator,
.header-icon-area .cart-icon-area,
.header-icon-area .additional-menu-area {
    float: right
}

.admin-bar .additional-menu-area .sidenav {
    top: 25px
}

.admin-bar .stick {
    top: 32px
}

@media screen and (max-width:782px) {
    .admin-bar .stick {
        top: 46px
    }
}

.header-icon-area {
    float: right;
    padding-left: 0;
    position: relative;
    font-size: 18px;
    margin-left: 26px;
    margin-top: 36px
}

@media all and (max-width:1200px) {
    .header-icon-area {
        padding-left: 0;
        margin-left: 0
    }
}

.header-icon-area .header-icon-seperator {
    font-size: 20px;
    line-height: 24px;
    padding-left: 13px;
    padding-right: 13px
}

@media all and (max-width:991px) {
    .header-icon-area .header-icon-seperator {
        padding-left: 3px;
        padding-right: 3px
    }
}

.header-icon-area .cart-icon-area .widget_shopping_cart_content .total {
    border-top: none;
    padding: 15px 0 0;
    margin-bottom: 20px
}

.rt-sticky .header-icon-area {
    margin-top: 28px
}

.additional-menu-area {
    margin-left: 30px
}

@media all and (max-width:991px) {
    .additional-menu-area {
        margin-left: 28px
    }
}

.additional-menu-area a.side-menu-trigger {
    color: #222;
    cursor: pointer;
    font-size: 21px;
    line-height: 0
}

.header-action-items .btn-fill.color-yellow {
    padding: 14px 14px;
    color: #fff;
    border-radius: 4px
}

.header-style-2 .header-action-items .btn-fill.color-yellow {
    padding: 18px 26px;
    border-radius: 0
}

.additional-menu-area .sidenav {
    position: relative;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 150;
    top: 0;
    right: 0;
    background-color: #222C32;
    overflow-x: hidden;
    transition: all 0.5s ease-in-out;
    padding-top: 45px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .8)
}

.additional-menu-area .sidenav .closebtn {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 24px;
    line-height: 18px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 25px;
    width: 25px
}

.additional-menu-area .sidenav .closebtn:hover {
    opacity: .8
}

.additional-menu-area .sidenav .sidenav-search {
    border: 1px solid #5f5f5f;
    margin: 0 20px 10px 20px
}

.additional-menu-area .sidenav ul li {
    border-bottom: 1px solid #354248;
    margin-bottom: 0;
    line-height: 24px
}

.additional-menu-area .sidenav ul li:last-child {
    border-bottom: none
}

.additional-menu-area .sidenav ul li a {
    text-align: left;
    font-size: 14px;
    color: #d3d3d3;
    border: none;
    padding-left: 20px
}

.additional-menu-area .sidenav ul li a:hover {
    color: #fff
}

.additional-menu-area .sidenav ul li a::before {
    font-family: "Font Awesome 5 free";
    content: "\f105";
    padding-right: 8px
}

.additional-menu-area .sidenav ul li>ul>li {
    padding-left: 20px
}

.additional-menu-area .sidenav a {
    padding: 7px 8px 7px 10px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: all 0.5s ease-in-out
}

.additional-menu-area .mega-menu.hide-header>ul>li:last-child a {
    border-bottom: 1px solid #e9e9e9
}

.additional-menu-area .mega-menu.hide-header>ul>li {
    padding-left: 0
}

.additional-menu-area .mega-menu.hide-header>ul>li>a {
    display: none
}

.additional-menu-area .mega-menu.hide-header>ul>li>ul {
    display: block !important
}

.stick #meanmenu,
.header-sticky-wrapper #meanmenu {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999 !important;
    background-color: #fff
}

.stick .masthead-container,
.header-sticky-wrapper .masthead-container {
    background-color: #fff
}

.stick .masthead-container .main-navigation ul li a,
.header-sticky-wrapper .masthead-container .main-navigation ul li a {
    padding-top: 22px;
    padding-bottom: 22px
}

.stick .masthead-container .site-branding,
.header-sticky-wrapper .masthead-container .site-branding {
    height: 68px
}

.stick .masthead-container .site-branding a img,
.header-sticky-wrapper .masthead-container .site-branding a img {
    max-height: 68px
}

.trheader.non-stick .site-header {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 99
}

.trheader.non-stick .site-header .site-branding a.dark-logo {
    display: none
}

.trheader.non-stick .site-header .site-branding a.light-logo {
    display: table-cell
}

.trheader.non-stick .site-header .main-navigation ul.menu>li>a {
    color: #fff
}

.trheader.non-stick .site-header .main-navigation ul.menu>li>a:hover {
    color: #ee212b
}

.trheader.non-stick .site-header .search-box .search-button i,
.trheader.non-stick .header-icon-seperator,
.trheader.non-stick .header-icon-area .cart-icon-area>a,
.trheader.non-stick .additional-menu-area a.side-menu-trigger {
    color: #fff
}

.trheader .entry-banner {
    padding-top: 104px
}

@media all and (max-width:1199px) {
    .trheader .entry-banner {
        padding-top: 0
    }
}

.header-style-2 .menu-1v2 .header-phone-btn span {
    color: #393738
}

.header-style-2 .menu-1v2 .header-phone-btn .phone-number {
    color: #ee212b
}

.header-style-2.trheader .menu-1v2 .header-phone-btn .phone-number {
    color: #fff
}

.header-style-2.trheader .menu-1v2 .header-phone-btn span {
    color: #cdcccc
}

.site-header .site-branding.site-logo {
    display: table;
    height: 75px;
    transition: all 0.5s ease-out 0s
}

.trheader.header-style-2 .header-icon-area {
    float: right
}

.trheader.header-style-2 .header-icon-area .cart-icon-area .cart-icon-num {
    top: -11px
}

.trheader.header-style-2 .cart-icon-area,
.trheader.header-style-2 .header-icon-seperator,
.trheader.header-style-2 .search-box-area,
.trheader.header-style-2 .header-icon-area .additional-menu-area {
    padding-bottom: 19px;
    padding-top: 0
}

.trheader.header-style-2 ul.header-action-items .item-btn-fill {
    display: block;
    border-radius: 4px;
    background-color: #ee212b;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 30px;
    transition: all 0.3s ease-out
}

.trheader.header-style-2 ul.header-action-items .item-btn-fill:hover {
    background-color: #fff;
    color: #ee212b
}

.trheader.header-style-2 .rt-sticky {
    background-color: #fff
}

.trheader.header-style-2 .rt-sticky .main-navigation ul.menu>li>a {
    padding: 30px 20px
}

.non-trheader.header-style-2 .site-header .main-navigation {
    float: right
}

.non-trheader.header-style-2 .header-icon-area {
    float: right
}

.non-trheader.header-style-2 .header-icon-area .cart-icon-area .cart-icon-num {
    top: -11px
}

.non-trheader.header-style-2 .menu-layout2 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff
}

.non-trheader.header-style-2 .cart-icon-area,
.non-trheader.header-style-2 .header-icon-seperator,
.non-trheader.header-style-2 .search-box-area,
.non-trheader.header-style-2 .header-icon-area .additional-menu-area {
    padding-bottom: 19px;
    padding-top: 0
}

.non-trheader.header-style-2 ul.header-action-items .item-btn-fill {
    display: block;
    border-radius: 4px;
    background-color: #ee212b;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 30px;
    transition: all 0.3s ease-out
}

.non-trheader.header-style-2 ul.header-action-items .item-btn-fill:hover {
    background-color: #fff;
    color: #ee212b
}

.non-trheader.header-style-2 .rt-sticky {
    background-color: #fff
}

.non-trheader.header-style-2 .rt-sticky .main-navigation ul.menu>li>a {
    padding: 32px 10px
}

.non-trheader.header-style-2 .header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f2f2f2;
    padding: 0 12px;
    text-align: center
}

.non-trheader.header-style-2 .header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn:hover {
    background-color: #ee212b14
}

.non-trheader.header-style-2 .header-action-layout1 ul .header-action-number {
    font-size: 32px;
    font-weight: 700;
    color: #393738;
    margin-right: 20px
}

@media only screen and (max-width:991px) {
    .non-trheader.header-style-2 .header-action-layout1 ul .header-action-number {
        font-size: 20px
    }
}

@media only screen and (max-width:1440px) {
    .non-trheader.header-style-2 .header-action-layout1 ul .header-action-number i:before {
        color: #fff
    }
}

.header-action-items {
    text-align: right;
    transition: all 1s ease-out
}

.header-action-items>li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1199px) {
    .header-action-items>li {
        margin-right: 10px;
        padding-right: 10px
    }
}

.header-action-items>li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.header-action-items>li i:before {
    margin-left: 0
}

.header-action-items2 {
    text-align: right;
    transition: all 1s ease-out
}

.header-action-items2>li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px
}

.header-action-items2>li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.header-action-items2>li i:before {
    margin-left: 0
}

.header-action-items2 .btn-header {
    padding: 27px 52px;
    transition: all 1s ease-out
}

@media only screen and (max-width:1199px) {
    .header-action-items2 .btn-header {
        padding: 27px 30px
    }
}

.stick .header-action-items2 .btn-header {
    padding-top: 22px;
    padding-bottom: 22px
}

.header-style-3 .menu-sep {
    background-color: #d0d0d0;
    margin: 0 0 20px
}

.header-style-3 .site-header .masthead-container {
    transition: all 1s ease-out;
    position: relative;
    top: 36px
}

.header-style-3 .site-header .site-branding,
.header-style-3 .header-firstrow-right {
    display: table;
    width: 100%
}

.header-style-3 .header-firstrow-right-contents {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

.header-style-3 .header-firstrow-right-contents ul {
    display: inline
}

.header-style-3 .header-contact li {
    display: inline-block;
    margin-left: 25px
}

.header-style-3 .header-contact li a {
    color: #222;
    font-size: 14px
}

.header-style-3 .header-contact a:hover {
    text-decoration: underline
}

.header-style-3 .header-contact .fa {
    color: #fff;
    padding-right: 10px;
    font-size: 14px
}

.header-style-3 .header-social {
    padding-left: 40px
}

.header-style-3 .header-social li {
    display: inline-block;
    list-style: outside none none
}

.header-style-3 .header-social li a {
    color: #222;
    padding-left: 10px
}

.header-style-3 .header-social li a:hover {
    color: #ee212b
}

.header-style-3 .site-header .main-navigation ul.menu>li {
    text-align: left
}

.header-style-3 .site-header .main-navigation ul.menu>li>a {
    padding: 24px 26px;
    color: #fff
}

.header-style-3 .cart-icon-area,
.header-style-3 .header-icon-seperator,
.header-style-3 .search-box-area,
.header-style-3 .header-icon-area .additional-menu-area {
    padding-bottom: 19px;
    padding-top: 0;
    margin: 0 5px
}

.header-style-3 .header-icon-area .cart-icon-area .cart-icon-num {
    top: -10px
}

.header-style-3 .header-icon-area {
    float: right;
    padding-left: 0;
    position: relative;
    font-size: 18px;
    margin-right: 28px
}

.header-style-3 .header-action-layout1 li {
    color: #393738
}

.header-style-3 .header-action-layout1 li a {
    color: #393738 !important
}

.header-style-3.trheader .menu-sep {
    background-color: rgba(181, 181, 181, .1)
}

.header-style-3.trheader .header-contact li a,
.header-style-3.trheader .header-social li a {
    color: #fff
}

.header-style-3.trheader .header-social li a:hover {
    color: #ee212b
}

.header-style-3.trheader .entry-banner {
    padding-top: 110px
}

.header-style-3.trheader .header-action-layout1 ul .header-action-btn .item-btn {
    color: #fff
}

.header-style-3.trheader .header-action-layout1 ul .header-action-btn .item-btn:hover {
    background-color: #fff;
    color: #ee212b;
    border: 2px solid #fff
}

.header-style-3.trheader .header-topbar-layout2 span {
    color: #f5f5f5
}

.header-style-3.trheader .header-topbar-layout2 .phone-number {
    color: #fff
}

.header-style-3.trheader .header-action-layout1 li {
    color: #fff
}

.header-style-3.trheader .header-action-layout1 li a {
    color: #ffffff !important
}

.header-style-4 .menu-sep {
    background-color: #d0d0d0;
    margin: 0 0 20px
}

.header-style-4 .site-header .site-branding,
.header-style-4 .header-firstrow {
    display: table;
    width: 100%;
    margin: auto
}

@media only screen and (max-width:1400px) {

    .header-style-4 .site-header .site-branding,
    .header-style-4 .header-firstrow {
        width: 72%
    }
}

.header-style-4 .site-header .site-branding a {
    text-align: center
}

.header-style-4 .header-firstrow-contents {
    display: table-cell;
    vertical-align: middle
}

.header-style-4 .header-contact li {
    display: inline-block;
    margin-right: 15px;
    font-size: 18px
}

.header-style-4 .header-contact li i {
    color: #ee212b;
    margin-right: 10px
}

.header-style-4 .header-contact li a {
    color: #222
}

.header-style-4 .header-contact a:hover {
    text-decoration: underline
}

.header-style-4 .header-contact .fa {
    color: #ee212b;
    padding-right: 10px
}

.header-style-4 .header-firstrow-contents-right {
    text-align: right;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: right;
    justify-content: right
}

.header-style-4 .header-firstrow-contents-right .header-social,
.header-style-4 .header-firstrow-contents-right .header-icon-area {
    padding-left: 0;
    vertical-align: middle
}

.header-style-4 .header-icon-area {
    float: inherit;
    padding-left: 0;
    position: relative;
    font-size: 18px;
    margin-left: inherit;
    margin-top: inherit
}

.header-style-4 .header-social {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1199px) {
    .header-style-4 .header-social {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-style-4 .header-social li {
    display: inline-block;
    margin-right: 5px
}

.header-style-4 .header-social li:last-child {
    margin-right: 0
}

.header-style-4 .header-social li a {
    color: #8a8a8a;
    text-align: center;
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    transition: all 0.5s ease-out
}

.header-style-4 .header-social li a i {
    color: #8a8a8a
}

.header-style-4 .header-social li a:hover {
    color: #fff;
    background-color: #ee212b
}

.header-style-4 .header-social li a:hover i {
    color: #fff
}

.header-style-4 .cart-icon-area,
.header-style-4 .header-icon-seperator,
.header-style-4 .search-box-area,
.header-style-4 .header-icon-area .additional-menu-area {
    padding-bottom: 0;
    padding-top: 0
}

.header-style-4 .header-icon-seperator {
    font-size: 14px;
    line-height: 27px
}

.header-style-4 .header-icon-area {
    padding-left: 40px
}

.header-style-4 .header-icon-area i {
    font-size: 14px
}

.header-style-4 .header-icon-area .cart-icon-area .cart-icon-num {
    padding: 2px;
    right: -16px;
    top: -7px;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center
}

.header-style-4 .additional-menu-area {
    margin-left: 20px
}

.header-style-4 .site-header .main-navigation {
    padding-left: 40px
}

@media only screen and (max-width:1440px) {
    .header-style-4 .site-header .main-navigation {
        padding-left: 15px
    }
}

.header-style-4 .site-header .main-navigation ul.menu {
    text-align: center
}

.header-style-4 .site-header .main-navigation ul.menu.sub-menu {
    text-align: left
}

.header-style-4 .site-header .main-navigation ul.menu>li {
    margin: 0 10px
}

@media only screen and (max-width:1400px) {
    .header-style-4 .site-header .main-navigation ul.menu>li {
        margin: 0 5px
    }
}

.header-style-4 .site-header .main-navigation ul.menu>li>a {
    padding: 26px 15px;
    text-transform: uppercase
}

@media only screen and (max-width:1440px) {
    .header-style-4 .site-header .main-navigation ul.menu>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
}

.header-style-4 .site-header .main-navigation nav.menu>ul.sub-menu {
    text-align: left
}

.header-style-4 .site-header .main-navigation nav.menu>ul>li>a {
    padding: 28px 12px;
    text-transform: uppercase
}

.header-style-4.trheader .menu-sep {
    background-color: rgba(181, 181, 181, .1)
}

.header-style-4.trheader .header-contact li a,
.header-style-4.trheader .header-social li a {
    color: #fff
}

.header-style-4.trheader .entry-banner {
    padding-top: 110px
}

.header-style-4 .site-header .site-branding a.dark-logo {
    display: none
}

.header-style-4 .site-header .site-branding a.light-logo {
    display: table-cell
}

.header-style-4.trheader .site-header .menu-layout4 {
    background: transparent
}

.header-style-4.trheader .site-header .rt-sticky {
    background: #393738
}

.header-style-4.trheader .site-header .site-branding a.dark-logo {
    display: table-cell
}

.header-style-4.trheader .site-header .site-branding a.light-logo {
    display: none
}

.header-style-5.has-sticky-menu .rt-header-menu {
    background-color: #fff
}

.header-style-5.has-sticky-menu.trheader .rt-header-menu {
    background-color: transparent
}

.header-style-5.has-sticky-menu.trheader .rt-sticky {
    background-color: #191818
}

.header-style-5.trheader .site-header .site-branding a.dark-logo {
    display: table-cell
}

.header-style-5.trheader .site-header .site-branding a.light-logo {
    display: none
}

.header-style-5.trheader .header5-icon-right .header5-search .search-button {
    background-color: transparent
}

.header-style-5 .site-header .primary-bg-brind {
    position: relative;
    z-index: 9;
    background-color: #ee212b;
    background-repeat: no-repeat;
    background-position: left center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 23px 30px
}

.header-style-5 .site-header .site-branding .dark-logo {
    display: none
}

.header-style-5 .site-header .site-branding .light-logo {
    display: table-cell
}

.header-style-5 .site-header .rt-sticky {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    position: fixed
}

.header-style-5 .header-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-style-5 .header5-icon-right {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 10px;
    background: #f9f9f9
}

.header-style-5 .header5-icon-right li {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.header-style-5 .header5-icon-right .header5-search .search-button {
    padding: 43px 40px;
    background: #f9f9f9
}

.header-style-5 .header5-icon-right a.header-btn-new {
    background-color: #ee212b;
    color: #fff;
    padding: 38px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 282px
}

.header-style-5 .header5-icon-right a.header-btn-new:hover {
    background-color: #d21c1d
}

.header-style-5.trheader.non-stick .site-header .main-navigation ul.menu>li>a {
    border-left: none
}

@media all and (max-width:767px) {

    .site-header .site-branding,
    .stick .site-header .site-branding {
        display: block;
        height: inherit;
        text-align: center
    }

    .site-header .site-branding a {
        display: block;
        vertical-align: inherit
    }

    .site-header .site-branding a img {
        padding: 10px 0 5px
    }

    .site-header .main-navigation ul {
        text-align: center
    }

    .site-header .main-navigation ul li a,
    .stick .site-header .main-navigation ul li a {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .header-icon-area {
        display: none
    }

    .trheader.non-stick .site-header .site-branding a.dark-logo {
        display: none
    }

    .trheader.non-stick .site-header .site-branding a.light-logo {
        display: block
    }

    .header-style-2 .masthead-container {
        padding-top: 10px
    }

    .header-style-2 .site-header .main-navigation ul {
        text-align: center
    }

    .header-style-2 .site-header .main-navigation ul li a {
        padding: 10px 15px
    }

    .header-style-3 .header-firstrow {
        padding: 15px 0 10px
    }

    .header-style-3 .site-header .site-branding,
    .header-style-3 .header-firstrow-right {
        display: block;
        height: inherit
    }

    .header-style-3 .header-firstrow-right-contents {
        display: block
    }

    .header-style-3 .header-firstrow-right-contents ul {
        display: block;
        padding: 0;
        text-align: center
    }

    .header-style-3 .header-contact li {
        display: block;
        margin-left: 0
    }

    .header-style-3 .menu-sep {
        margin-bottom: 10px
    }

    .header-style-3 .site-header .main-navigation ul {
        text-align: center
    }

    .header-style-3 .site-header .main-navigation ul li a {
        padding: 10px 15px
    }

    .header-style-4 .header-firstrow-wrap {
        padding-top: 10px
    }

    .header-style-4 .site-header .site-branding,
    .header-style-4 .header-firstrow {
        display: block;
        height: inherit;
        text-align: center;
        padding-top: 0;
        padding-bottom: 10px
    }

    .header-style-4 .header-firstrow-contents {
        display: block
    }

    .header-style-4 .header-contact li {
        display: block;
        margin-right: 0
    }

    .header-style-4 .header-firstrow-contents-right {
        text-align: center
    }

    .header-style-4 .header-firstrow-contents-right .header-icon-area {
        display: none
    }

    .header-style-5 .site-header .site-branding {
        float: none;
        height: inherit
    }

    .header-style-5 .site-header .main-navigation {
        float: none
    }

    .header-style-5 .site-header .main-navigation ul.menu>li>a {
        padding: 10px 15px;
        border-left: none
    }
}

.admin-bar .rt-header-menu.rt-sticky {
    top: 32px
}

@media screen and (max-width:782px) {

    .admin-bar.stick .site-header,
    .admin-bar.stick .mean-container,
    .admin-bar .rt-header-menu.rt-sticky {
        top: 46px !important
    }
}

@media screen and (max-width:600px) {

    .admin-bar.stick .site-header,
    .admin-bar.stick .mean-container {
        top: 0 !important
    }
}

.header-action-items {
    text-align: right;
    transition: all 1s ease-out
}

.header-action-items>li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1199px) {
    .header-action-items>li {
        margin-right: 10px;
        padding-right: 10px
    }
}

.header-action-items>li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.header-action-items>li i:before {
    margin-left: 0
}

.trheader.header-style-5 .site-header .stick .site-branding {
    height: 67px
}

.site-wrp .slider-pbg-nav .ls-v6 .ls-nav-prev,
.site-wrp .slider-pbg-nav .ls-v6 .ls-nav-next {
    width: 55px;
    height: 55px;
    border: 1px solid #ee212b !important;
    border-radius: 50% !important;
    background-color: #ee212b !important;
    color: #fff !important
}

.site-wrp .slider-pbg-nav .ls-v6 .ls-nav-prev:hover,
.site-wrp .slider-pbg-nav .ls-v6 .ls-nav-next:hover {
    color: #ee212b !important;
    border: 1px solid #fff !important;
    background-color: #ffffff !important
}

.site-wrp .ls-v6 .ls-nav-prev,
.site-wrp .ls-v6 .ls-nav-next {
    z-index: 99
}

.site-wrp .ls-v6 .ls-nav-prev::after,
.site-wrp .ls-v6 .ls-nav-next::after {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    top: 31px !important;
    display: none
}

.site-wrp .ls-v6 .ls-nav-prev,
.site-wrp .ls-v6 .ls-nav-next {
    width: 55px;
    height: 55px;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    color: #fff !important
}

.site-wrp .ls-v6 .ls-nav-prev:hover,
.site-wrp .ls-v6 .ls-nav-next:hover {
    color: #ee212b !important;
    background-color: #ffffff !important
}

.site-wrp .ls-v6 .ls-nav-prev {
    left: 10%
}

@media only screen and (max-width:1700px) {
    .site-wrp .ls-v6 .ls-nav-prev {
        left: 30px
    }
}

@media only screen and (max-width:1024px) {
    .site-wrp .ls-v6 .ls-nav-prev {
        left: 15px
    }
}

@media only screen and (max-width:767px) {
    .site-wrp .ls-v6 .ls-nav-prev {
        left: 3px;
        background: transparent !important;
        border: none !important;
        width: 26px;
        height: 26px
    }
}

.site-wrp .ls-v6 .ls-nav-next {
    right: 10%
}

@media only screen and (max-width:1700px) {
    .site-wrp .ls-v6 .ls-nav-next {
        right: 30px
    }
}

@media only screen and (max-width:1024px) {
    .site-wrp .ls-v6 .ls-nav-next {
        right: 15px
    }
}

@media only screen and (max-width:767px) {
    .site-wrp .ls-v6 .ls-nav-next {
        right: 3px;
        background: transparent !important;
        border: none !important;
        width: 26px;
        height: 26px
    }
}

.site-wrp .ls-v6 .ls-nav-prev:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out
}

.site-wrp .ls-v6 .ls-nav-next:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out
}

.site-wrp .ls-v6 .ls-nav-prev:hover,
.site-wrp .ls-v6 .ls-nav-next:hover {
    transform: inherit !important
}

.site-wrp .ls-v6 .ls-nav-next::after {
    right: 18px;
    transform: rotate(45deg);
    border-right: 3px solid #fff !important;
    display: none
}

.site-wrp .ls-v6 .ls-nav-prev::after,
.site-wrp .ls-v6 .ls-nav-next::after {
    border: 3px solid transparent;
    border-top: 3px solid #fff !important;
    display: none
}

.site-wrp .ls-v6 .ls-nav-prev::after {
    left: 20px;
    transform: rotate(-45deg);
    border-left: 3px solid #fff !important;
    display: none
}

.cart-icon-products .widgettitle {
    font-size: 24px;
    margin-bottom: 5px !important
}

.cart-icon-products .widget_shopping_cart .mini_cart_item a {
    color: #484848;
    line-height: 1.2;
    font-weight: 600
}

.header-style-3 .header-icon-area.header-action-items-layout2 {
    margin-top: 29px
}

.logo-area-layout2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header-contact-layout1 {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .header-contact-layout1 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-contact-layout1 ul li {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    padding-right: 15px;
    color: #707173;
    border-right: 1px solid #e6e6e6
}

.header-contact-layout1 ul li i {
    margin-right: 10px
}

.header-contact-layout1 ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

@media only screen and (max-width:767px) {
    .header-contact-layout1 ul li {
        display: block
    }
}

.header-contact-layout1 ul li .fa-phone {
    transform: scaleX(-1)
}

.header-top-bar.header-contact-layout2 .tophead-social li a:hover {
    background-color: #fff;
    color: #ee212b
}

.header-top-bar.header-contact-layout2 .tophead-social li a:hover i {
    color: #ee212b
}

.tophead-contact.header-contact-layout2 ul li a {
    color: #fff
}

.header-contact-layout2 {
    min-height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .header-contact-layout2 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-contact-layout2 ul li {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    color: #fff;
    border-right: none
}

.header-contact-layout2 ul li a {
    color: #fff
}

.header-contact-layout2 ul li i {
    margin-right: 10px
}

.header-contact-layout2 ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

@media only screen and (max-width:767px) {
    .header-contact-layout2 ul li {
        display: block
    }
}

.header-contact-layout2 ul li .fa-phone {
    transform: scaleX(-1)
}

.header-top-bar.layout-2 {
    background-color: #0c0c0c;
    border-bottom: none
}

.header-top-bar.layout-2 .header-social-layout1 ul.tophead-social li {
    position: relative
}

.header-top-bar.layout-2 .header-social-layout1 ul.tophead-social li:before {
    content: "";
    height: 52px;
    width: 1px;
    background-color: #323232;
    position: absolute;
    top: -10px;
    left: -8px;
    transform: rotate(20deg)
}

.header-top-bar.layout-2 .header-social-layout1 ul.tophead-social li a {
    padding: 1px 8px;
    color: #888;
    background: transparent;
    transition: all 0.5s ease-out
}

.header-top-bar.layout-2 .header-social-layout1 ul.tophead-social li a:hover {
    background-color: #fff;
    color: #ee212b
}

.header-top-bar.layout-2 .header-social-layout1 ul.tophead-social li a:hover i {
    color: #ee212b
}

.header-top-bar.layout-3 {
    background-color: #0c0c0c;
    border-bottom: none;
    padding-left: 200px;
    padding-right: 200px
}

.header-top-bar.layout-3 .tophead-contact ul li {
    color: #fff
}

.header-top-bar.layout-3 .tophead-social li a {
    font-size: 14px
}

.header-top-bar.layout-3 .tophead-social li a i {
    color: #000
}

.header-top-bar.layout-3 .tophead-social li a:hover i {
    color: #fff
}

.header-top-bar.layout-4 {
    background-color: #000;
    position: relative;
    overflow: hidden;
    border: 0
}

.header-top-bar.layout-4 .topbar-information ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-top-bar.layout-4 .topbar-information ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    position: relative;
    padding: 10px 0
}

@media only screen and (max-width:1199px) {
    .header-top-bar.layout-4 .topbar-information ul li {
        font-size: 12px;
        font-weight: 700
    }
}

.header-top-bar.layout-4 .topbar-information ul li:after {
    content: "";
    height: 70px;
    width: 1px;
    background-color: #5e5e5e;
    position: absolute;
    top: -14px;
    right: -40px;
    transform: rotate(20deg)
}

@media only screen and (max-width:1239px) {
    .header-top-bar.layout-4 .topbar-information ul li:after {
        display: none
    }
}

.header-top-bar.layout-4 .topbar-information ul li a:hover {
    color: #ee212b
}

.header-top-bar.layout-4 .topbar-information ul li.item-label1 a:hover {
    color: #ee212b
}

.header-top-bar.layout-4 .topbar-information ul li i {
    text-align: center;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:1199px) {
    .header-top-bar.layout-4 .topbar-information ul li a i {
        font-size: 16px
    }
}

.header-top-bar.layout-4 .topbar-information ul .item-label1:after {
    right: -70px
}

.header-top-bar.layout-4 .topbar-information ul .item-label2:after {
    visibility: hidden
}

.header-top-bar.layout-4 .topbar-information ul .item-label3 {
    position: relative;
    z-index: 1;
    padding-left: 25px
}

.header-top-bar.layout-4 .topbar-information ul .item-label3:before {
    content: "";
    height: 100%;
    width: 1000%;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(-20deg);
    z-index: -1
}

.header-top-bar.layout-4 .topbar-information ul .item-label3:after {
    visibility: hidden
}

.header-top-bar.layout-4 .topbar-information ul .item-label3 a {
    color: #fff;
    transition: all 0.3s ease-in-out
}

.header-top-bar.layout-4 .topbar-information ul .item-label3 a:hover {
    color: #000
}

.header-top-bar.tobbar-layout-5 {
    background-color: rgba(255, 255, 255, .06);
    border-bottom: none;
    padding-top: 13px;
    padding-bottom: 13px
}

.tobbar-layout-5 .topbar-wrap {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tobbar-layout-5 .topbar-social {
    display: flex;
    gap: 8px;
    font-size: 15px
}

.tobbar-layout-5 .topbar-social ul li {
    font-size: 15px;
    margin-left: 13px
}

.tobbar-layout-5 .topbar-social ul li a i {
    color: #fff;
    transition: all 0.3s ease-in-out
}

.tobbar-layout-5 .topbar-social ul li a:hover i {
    color: #ee212b
}

.tobbar-layout-5 .tophead-contact ul li {
    font-size: 15px
}

.tobbar-layout-5 .tophead-contact ul li i {
    margin-right: 8px
}

.header-contact-layout3 {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .header-contact-layout3 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-contact-layout3 ul.contact-layout3-mid {
    width: 100%;
    text-align: right
}

.header-contact-layout3 ul.contact-layout3-mid i {
    color: #ee212b;
    line-height: 1.4;
    font-size: 26px
}

.header-contact-layout3 ul.contact-layout3-mid li {
    margin-right: 30px;
    padding-right: 30px;
    text-align: left
}

.header-contact-layout3 ul.contact-layout3-mid li .info {
    font-weight: 700;
    font-size: 15px;
    color: #393738
}

.header-contact-layout3 ul.contact-layout3-mid li .title {
    text-align: left;
    line-height: 1.3;
    font-weight: 400;
    font-size: 15px;
    color: #707173
}

.header-contact-layout3 ul.contact-layout3-mid li:last-child {
    border-right: none;
    padding-right: 0
}

.header-contact-layout3 ul.contact-layout3-mid .header-action-items a.btn-fill.color-yellow {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 16px 18px;
    display: inline-block
}

.header-contact-layout3 ul.contact-layout3-mid .header-action-items a.btn-fill.color-yellow i {
    font-size: 18px;
    color: #fff;
    margin-left: 4px
}

.header-contact-layout3 ul li {
    font-size: 16px;
    display: inline-block;
    margin-right: 20px
}

.header-contact-layout3 ul li:last-child {
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .header-contact-layout3 ul li {
        display: block
    }
}

.header-contact-layout3 ul li .fa-phone {
    transform: scaleX(-1)
}

.header-social-layout1 {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1199px) {
    .header-social-layout1 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-social-layout1 li {
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:1199px) {
    .header-social-layout1 li {
        margin-right: 1px !important
    }
}

.header-social-layout1 li:last-child {
    margin-right: 0
}

.header-social-layout1 li a {
    color: #8a8a8a;
    text-align: center;
    font-size: 16px;
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:1199px) {
    .header-social-layout1 li a {
        height: 30px;
        width: 30px;
        font-size: 14px;
        line-height: 31px
    }
}

.header-social-layout1 li a:hover {
    color: #fff;
    background-color: #ee212b
}

.header-social-layout2 {
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1199px) {
    .header-social-layout2 {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-social-layout2 ul li {
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:1199px) {
    .header-social-layout2 ul li {
        margin-right: 2px
    }
}

.header-social-layout2 ul li:last-child {
    margin-right: 0
}

.header-social-layout2 ul li a {
    padding: 5px 8px;
    color: #fff;
    transition: all 0.5s ease-out
}

.header-social-layout2 ul li a:hover {
    color: #e3e3e3
}

.search-box-area .search-box a.search-button i:before {
    font-size: 20px;
    color: #707173
}

.search-box-area .search-box a.search-button:hover i:before {
    color: #ee212b
}

.header-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, .99);
    transition: all 0.5s ease-in-out;
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0;
    visibility: hidden;
    z-index: 99999
}

.header-search .header-search-form {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.header-search .header-search-form input[type="search"] {
    width: 60%;
    color: #707173;
    font-size: 22px;
    text-align: left;
    border: none;
    margin: 0 auto;
    padding: 22px 18px;
    outline: none;
    border-radius: 6px
}

.header-search .header-search-form .search-btn {
    padding: 22px 22px;
    background-color: #ee212b;
    box-shadow: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    line-height: 1.4
}

.header-search .header-search-form .search-btn i:before {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-left: 0
}

.header-search .header-search-form .search-btn:focus {
    box-shadow: none;
    outline: none
}

.header-search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #ee212b;
    background-color: #fff;
    border: none;
    opacity: 1;
    visibility: visible;
    font-size: 36px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 50px;
    height: 50px !important
}

.header-search .close:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.header-search .close:hover {
    background-color: #fff
}

.header-search.open {
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    visibility: visible
}

.rt-header-top-bar {
    border-bottom: 1px solid #e6e6e6
}

.rt-header-top-bar .rt-tophead-contact ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center
}

.rt-header-top-bar .rt-tophead-contact ul li {
    font-size: 15px;
    margin-right: 0;
    padding: 12px 0 12px 20px;
    color: #707173;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    -ms-flex-pack: left;
    justify-content: left
}

@media only screen and (max-width:1199px) {
    .rt-header-top-bar .rt-tophead-contact ul li {
        padding: 10px 0 10px 0
    }
}

.rt-header-top-bar .rt-tophead-contact ul li:first-child {
    padding-left: 0
}

.rt-header-top-bar .rt-tophead-contact ul li a {
    color: #707173
}

.rt-header-top-bar .rt-tophead-contact ul li span.opening-label {
    font-weight: 600
}

.rt-header-top-bar .rt-tophead-contact ul li i {
    margin-right: 10px;
    margin-top: 5px;
    color: #ee212b
}

.rt-header-top-bar .rt-tophead-contact ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

@media only screen and (max-width:767px) {
    .rt-header-top-bar .rt-tophead-contact ul li {
        display: block
    }
}

.rt-header-top-bar .rt-tophead-contact ul li .fa-phone {
    transform: scaleX(-1)
}

.rt-header-top-bar .action-items-btn {
    font-size: 14px;
    display: inline-block;
    padding: 10px 34px;
    color: #fff;
    background-color: #ee212b;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0;
    transition: all 0.3s ease-out
}

.rt-header-top-bar .action-items-btn i {
    margin-left: 10px
}

.rt-header-top-bar .action-items-btn:hover {
    background-color: #d21c1d
}

.header-style1 .search-box {
    padding-right: 14px;
    line-height: 1
}

.rt-sticky {
    z-index: 9999;
    width: 100%;
    top: 0;
    background-color: #fff
}

@media only screen and (max-width:1024px) {
    .site.site-wrp.opt-slideInUp {
        padding-top: 0 !important
    }

    .entry-banner .inner-page-banner .breadcrumbs-area h1 {
        word-wrap: break-word
    }
}

.header-action-btn {
    text-align: right
}

.header-action-btn .item-btn {
    display: inline-block;
    border: 2px solid #ee212b;
    border-radius: 4px;
    color: #ee212b;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 25px;
    letter-spacing: 1px;
    transition: all 0.3s ease-out
}

.header-action-btn .item-btn:hover {
    background-color: #ee212b;
    color: #fff
}

.header-action-btn .item-btn-fill {
    display: inline-block;
    border-radius: 4px;
    background-color: #ee212b;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 30px;
    transition: all 0.3s ease-out
}

.header-action-btn .item-btn-fill:hover {
    background-color: #fff;
    color: #ee212b
}

@media only screen and (max-width:1199px) {
    .header-action-btn .item-btn-fill {
        padding: 10px 24px
    }
}

.skew {
    width: 1300px;
    height: 932px;
    background: rgba(238, 33, 43, .5);
    margin: auto;
    color: #fff;
    padding: 20px;
    text-align: center;
    transform: skew(-200deg)
}

@media only screen and (max-width:1640px) {
    .skew {
        width: 1150px
    }
}

@media only screen and (max-width:1440px) {
    .skew {
        width: 1029px
    }
}

@media only screen and (max-width:1199px) {
    .skew {
        width: 894px
    }
}

@media only screen and (max-width:991px) {
    .skew {
        width: 700px
    }
}

@media only screen and (max-width:767px) {
    .skew {
        width: 630px
    }
}

@media only screen and (max-width:575px) {
    .skew {
        width: 610px
    }
}

@media only screen and (max-width:479px) {
    .skew {
        width: 590px
    }
}

.skew_2 {
    width: 1400px;
    height: 932px;
    background: rgba(238, 33, 43, .5);
    margin: auto;
    color: #fff;
    padding: 20px;
    text-align: center;
    transform: skew(-200deg)
}

@media only screen and (max-width:1640px) {
    .skew_2 {
        width: 1250px
    }
}

@media only screen and (max-width:1440px) {
    .skew_2 {
        width: 1117px
    }
}

@media only screen and (max-width:1199px) {
    .skew_2 {
        width: 900px
    }
}

@media only screen and (max-width:991px) {
    .skew_2 {
        width: 750px
    }
}

@media only screen and (max-width:767px) {
    .skew_2 {
        width: 630px
    }
}

@media only screen and (max-width:575px) {
    .skew_2 {
        width: 610px
    }
}

@media only screen and (max-width:479px) {
    .skew_2 {
        width: 590px
    }
}

.skew_3 {
    width: 1450px;
    height: 932px;
    background: rgba(238, 33, 43, .5);
    margin: auto;
    color: #fff;
    padding: 20px;
    text-align: center;
    transform: skew(-200deg)
}

@media only screen and (max-width:1640px) {
    .skew_3 {
        width: 1300px
    }
}

@media only screen and (max-width:1440px) {
    .skew_3 {
        width: 1150px
    }
}

@media only screen and (max-width:1199px) {
    .skew_3 {
        width: 950px
    }
}

@media only screen and (max-width:991px) {
    .skew_3 {
        width: 700px
    }
}

.skew_3 .skew.rtl {
    transform: skew(-205deg)
}

.skew_3 .skew_2.rtl {
    transform: skew(-210deg)
}

.skew_3 .skew_3.rtl {
    transform: skew(-210deg)
}

@media only screen and (max-width:767px) {
    .skew_3 {
        text-align: center;
        transform: inherit;
        width: 1168px
    }
}

@media only screen and (max-width:575px) {
    .skew_3 {
        text-align: center;
        transform: inherit;
        width: 1168px
    }
}

@media only screen and (max-width:479px) {
    .skew_3 {
        text-align: center;
        transform: inherit;
        width: 1168px
    }
}

.trheader .site-header .menu-layout1.rt-sticky {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3);
    background-color: #191818;
    padding-top: 0;
    position: fixed
}

.trheader .header-action-btn .item-btn {
    display: inline-block;
    border: 1px solid #ee212b;
    background-color: #ee212b;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 25px;
    transition: all 0.3s ease-out
}

.trheader .header-action-btn .item-btn:hover {
    background-color: #fff;
    color: #ee212b;
    border: 1px solid #fff
}

.header-topbar-layout1 {
    padding-right: 11px
}

.header-style-5 .site-header .main-navigation ul li ul li a {
    padding: 12px 0
}

.header-style-5 .site-header .main-navigation ul li ul li a:hover {
    padding-left: 20px
}

@media(max-width:1024px) {
    .header-style-2.trheader.non-stick .site-header {
        position: relative
    }

    .header-style-5 .header-top-bar,
    .header-style-5 .header-menu {
        display: none
    }
}

.header-style-6 .site-header .main-navigation>nav>ul {
    text-align: left
}

.header-style-6 .site-header .main-navigation ul li a {
    padding: 40px 12px
}

.header-style-6 .site-header .main-navigation ul li ul li a {
    padding: 10px 0 10px 0
}

.header-style-6 .site-header .main-navigation ul li ul li a:hover {
    padding-left: 20px !important
}

.header-style-6 .header-icon-area {
    float: inherit;
    padding-left: 0;
    position: relative;
    font-size: 18px;
    margin-top: 0;
    margin-right: 15px;
    margin: 0 25px 0 7px
}

.header-style-6 .header-action-justify {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: end
}

.header-style-6 .header-icon-area .cart-icon-area .cart-icon-products {
    top: 57px
}

@media(max-width:1024px) {

    .header-style-6 .header-top-bar,
    .header-style-6 .header-menu {
        display: none
    }
}

.rt-header-menu {
    z-index: 9;
    background-color: #fff
}

.rt-header-menu.rt-sticky {
    z-index: 9999
}

.menu-layout1.rt-sticky {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.rt-header-menu.menu-layout4.rt-sticky,
.rt-header-menu.menu-layout6.rt-sticky {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    padding-top: 0;
    position: fixed
}

.site-header .rt-header-menu.menu-layout4.rt-sticky .main-navigation>ul>li>a {
    padding: 28px 16px
}

.offcanvas-content .offcanvas-menu {
    text-align: left !important
}

.offcanvas-content .offcanvas-menu .sub-menu {
    padding-top: 10px;
    display: none;
    transition: all 0.5s ease-in-out;
    transform-origin: left top;
    transform: scaleY(0)
}

.offcanvas-content .offcanvas-menu .sub-menu li {
    margin-bottom: 10px
}

.offcanvas-content .offcanvas-menu .sub-menu.open {
    display: block;
    padding-left: 15px;
    transform: scaleY(1)
}

@media only screen and (max-width:767px) {
    .slick-slider-wrap-layout1 img.alignleft {
        padding-top: 0;
        margin-bottom: 0
    }
}

.trheader .search-box-area .search-box a.search-button i::before {
    font-size: 26px;
    color: #fff;
    margin-left: 0
}

.trheader .header-icon-area .cart-icon-area>a i::before {
    color: #fff
}

.rt-header-menu.border-radius .menu-layout3.bg-accent {
    border-radius: 6px
}

.rt-header-menu.rt-sticky.border-radius {
    background-color: transparent
}

.d-lg-block.menu-1v2 {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.d-lg-block.menu-1v2 .header-icon-area {
    float: inherit;
    padding-left: 0;
    position: relative;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0
}

.d-lg-block.menu-1v2 .header-action-btn {
    text-align: right;
    padding-left: 30px
}

@media only screen and (min-width:1024px) {
    .header-top-mobile {
        display: none
    }
}

.circle-btn {
    display: inline-block;
    border: none;
    font-size: 16px;
    margin: 0 5px;
    position: relative;
    z-index: 1;
    text-align: center;
    width: 51px;
    height: 51px !important;
    line-height: 50px;
    border-radius: 50%;
    transition: all ease 0.3s
}

.circle-btn:last-child {
    margin-right: 0
}

.circle-btn:first-child {
    margin-left: 0
}

.circle-btn:hover {
    background-color: transparent;
    color: #ee212b
}

.circle-btn:focus {
    border: none;
    outline: none
}

.circle-btn.primary-btn {
    background-color: #ee212b;
    color: #fff
}

.circle-btn.primary-btn:before {
    background-color: #ee212b
}

.circle-btn.primary-btn:hover {
    background-color: #ee212b
}

.offcanvas-content {
    height: 100vh;
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
    overflow: auto;
    padding-right: 50px
}

.offcanvas-content .offcanvas-content-wrp {
    padding-bottom: 40px
}

.overly-sidebar-wrapper {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    width: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    visibility: hidden;
    cursor: url(../../../../../../../../themes/roofix/assets/img/cancel.png), auto;
    transition: all ease 0.8s
}

.overly-sidebar-wrapper .overly-sidebar-content {
    background-color: #fff;
    width: 400px;
    margin-left: auto;
    padding: 40px 10px 0 60px;
    position: relative;
    right: -600px;
    cursor: auto;
    transition: all ease 1s
}

@media only screen and (max-width:767px) {
    .overly-sidebar-wrapper .overly-sidebar-content {
        width: 364px
    }
}

.overly-sidebar-wrapper .overly-sidebar-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    background-color: #F5F5F5
}

.overly-sidebar-wrapper .overly-sidebar-content::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5
}

.overly-sidebar-wrapper .overly-sidebar-content ul.sidebar-social-links {
    text-align: center;
    margin-bottom: 40px
}

.overly-sidebar-wrapper .overly-sidebar-content ul.sidebar-social-links li {
    display: inline-block;
    margin: 0 5px
}

.overly-sidebar-wrapper .overly-sidebar-content ul.sidebar-social-links li a {
    width: 45px;
    height: 45px;
    background-color: #fff;
    line-height: 44px;
    font-size: 12px;
    color: #a3a3a3;
    border: 1px solid #e5e5e5;
    display: inline-block;
    border-radius: 50%
}

.overly-sidebar-wrapper .overly-sidebar-content ul.sidebar-social-links li a:hover {
    border-color: transparent;
    color: #fff;
    background-color: #ee212b
}

.overly-sidebar-wrapper .overly-sidebar-content .sidebar-cta-btn a.def-btn {
    display: block;
    margin: 0 auto
}

.overly-sidebar-wrapper.show {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: all ease 0.8s
}

.overly-sidebar-wrapper.show .overly-sidebar-content {
    opacity: 1;
    visibility: visible;
    right: 0;
    transition: all ease 1s
}

.overly-sidebar-wrapper.show .overly-sidebar-content>button {
    line-height: 1.2
}

.overly-sidebar-wrapper.show .overly-sidebar-content>button {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.6s
}

.overly-sidebar-wrapper.show .overly-sidebar-content form.sidebar-subscribe-form {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 1.2s
}

.overly-sidebar-wrapper.show .overly-sidebar-content .offcanvas-footer {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1.5s
}

.overly-sidebar-wrapper.show .overly-sidebar-content .sidebar-cta-btn {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 1.6s
}

ul.offcanvas-social li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px
}

ul.offcanvas-social li:last-child {
    margin-right: 0
}

ul.offcanvas-social li a {
    display: block;
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 42px;
    background-color: #d21c1d;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out
}

ul.offcanvas-social li a:hover {
    background-color: #ee212b
}

@media only screen and (max-width:767px) {
    ul.offcanvas-social li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.overly-sidebar-wrapper .overly-sidebar-content .circle-btn {
    display: inline-block;
    border: none;
    font-size: 16px;
    margin: 0 5px;
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 47px;
    height: 47px !important;
    line-height: 34px;
    border-radius: 50%;
    transition: all ease 0.3s;
    right: 30px;
    color: #393738 !important;
    background: #eee;
    top: 66px
}

.overly-sidebar-wrapper .overly-sidebar-content .circle-btn:hover {
    color: #fff !important;
    background-color: #ee212b
}

.overly-sidebar-wrapper .overly-sidebar-content .circle-btn:focus {
    border: none !important
}

.side-menu-rt {
    padding: 20px 40px 15px 0
}

.side-menu-rt ul.offcanvas-menu li {
    font-size: 16px;
    font-weight: 500;
    color: #393738;
    padding: 7px 0;
    text-align: left
}

.side-menu-rt ul.offcanvas-menu li a {
    color: #393738;
    position: relative
}

.side-menu-rt ul.offcanvas-menu li a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #ee212b;
    position: absolute;
    top: -3px;
    left: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s
}

.side-menu-rt ul.offcanvas-menu li a:hover {
    color: #ee212b;
    padding-left: 12px
}

.side-menu-rt ul.offcanvas-menu li a:hover:before {
    transform: scale(1)
}

.side-menu-rt ul.offcanvas-menu li a:hover {
    color: #ee212b
}

.side-menu-rt ul.offcanvas-menu li.current-menu-item.current_page_item a {
    color: #ee212b;
    padding-left: 12px
}

.side-menu-rt ul.offcanvas-menu li.current-menu-item.current_page_item a:before {
    transform: scale(1)
}

@media only screen and (max-width:767px) {
    .mobile-aline-fix .order-md-2.justify-content-center {
        -ms-flex-pack: left !important;
        justify-content: left !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media only screen and (max-width:767px) {
    .mobile-aline-fix .justify-content-start.order-md-1 {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media only screen and (max-width:479px) {
    .mobile-aline-fix .justify-content-start.order-md-1 .header-two-btn.text-right {
        margin-top: 9px
    }
}

@media only screen and (max-width:479px) {
    .mobile-aline-fix .justify-content-start.order-md-1 .circle-btn {
        width: 50px;
        height: 34px !important
    }
}

@media only screen and (max-width:767px) {
    .mobile-aline-fix .header-action-layout1.mobile-fix {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        top: -58px
    }
}

@media only screen and (max-width:479px) {
    .mobile-aline-fix .header-action-layout1.mobile-fix {
        top: -40px
    }
}

.mobile-aline-fix .header-action-layout1.mobile-fix>ul {
    display: inline-block
}

@media only screen and (max-width:479px) {
    .mobile-aline-fix .header-action-layout1.mobile-fix>ul li.header-action-number {
        font-size: 20px
    }

    .mobile-aline-fix .header-action-layout1.mobile-fix>ul li.header-action-number i {
        margin-right: 3px
    }

    .mobile-aline-fix .header-action-layout1.mobile-fix>ul li.header-action-number i:before {
        font-size: 18px
    }
}

@media only screen and (max-width:479px) {
    .rt-sticky .mobile-aline-fix .justify-content-start.order-md-1 .header-two-btn.text-right {
        margin-top: 9px
    }
}

.rt-header-menu {
    transition: all 0.3s ease-in-out
}

.rt-header-menu .header-topbar-layout1 {
    transition: all 0.3s ease-in-out
}

.rt-header-menu.rt-sticky {
    transition: all 0.3s ease-in-out
}

.rt-header-menu.rt-sticky .header-topbar-layout1 {
    transition: all 0.3s ease-in-out
}

.header-style-1 .header-action-btn .item-btn {
    display: inline-block;
    border: 1px solid #ee212b;
    background-color: #ee212b;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 24px;
    transition: all 0.3s ease-out
}

.header-style-1 .header-action-btn .item-btn:hover {
    background-color: #d21c1d;
    color: #fff;
    border: 1px solid #d21c1d
}

.mean-container .mean-nav ul li a {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 26px;
    text-transform: none;
    font-style: normal
}

.header-left-4layout .tophead-social {
    display: -ms-flexbox;
    display: flex
}

.header-left-4layout .tophead-social li {
    margin: 0 10.7px
}

.header-left-4layout .tophead-social li a {
    color: #707173;
    font-size: 16px
}

.header-left-4layout .tophead-social li a:hover {
    color: #ee212b
}

.header-left-4layout>li {
    display: inline-block
}

.header-left-4layout>li>ul li {
    display: inline-block
}

@media only screen and (max-width:1400px) {
    .header-left-4layout li a span.phone-label {
        display: none
    }
}

.header-left-4layout li.mailto-li i {
    margin-right: 5px !important
}

.header-left-4layout li.mailto-li a {
    color: #707173
}

.topbar-information4 {
    border-bottom: 1px solid #ddd;
    transition: all 0.3s, opacity 0.2s;
    height: 50px
}

.topbar-information4 .header-left-4layout {
    padding-left: 46px
}

@media only screen and (max-width:1440px) {
    .topbar-information4 .header-left-4layout {
        padding-left: 24px
    }
}

@media only screen and (max-width:1400px) {
    .topbar-information4 .header-left-4layout {
        padding-left: 10px
    }
}

@media only screen and (max-width:1440px) {
    .topbar-information4 .header-left-4layout li {
        color: #707173
    }

    .topbar-information4 .header-left-4layout li a span.email-label,
    .topbar-information4 .header-left-4layout li a span.phone-label {
        display: none
    }
}

.topbar-information4 .header-left-4layout>li {
    margin-right: 36px;
    margin-left: 20px;
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    line-height: 2;
    color: #707173;
    font-weight: 500
}

@media only screen and (max-width:1475px) {
    .topbar-information4 .header-left-4layout>li {
        margin-right: 20px
    }
}

.topbar-information4 .header-left-4layout>li>li.mailto-li {
    margin-left: 0
}

.topbar-information4 .header-left-4layout>li>i {
    margin-right: 10px;
    color: #ee212b
}

.topbar-information4 .header-left-4layout>li:first-child:before {
    content: "";
    height: 107%;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    top: -2px;
    right: -30px;
    transform: rotate(20deg)
}

.topbar-information4 .header-left-4layout.header-right-4layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

.header-menu.menu-layout4 {
    background-color: #fff
}

.header-menu.menu-layout4 .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.header-menu.menu-layout4 .container-fluid .primary-bg-brind {
    position: relative;
    z-index: 9;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
    background-color: #ee212b;
    background-repeat: no-repeat;
    background-position: left center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.header4-icon-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle
}

.header4-icon-right li {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 10px
}

.header4-icon-right li.search-icon {
    margin-right: 30px
}

.header4-icon-right li.cart-icon.mr-5 {
    margin-right: 10px !important
}

.header4-icon-right li.cart-icon.mr-30 {
    margin-right: 30px !important
}

.header4-icon-right li.offcanvas-border:before {
    content: "";
    height: 106%;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    top: -3px;
    left: -20px;
    transform: rotate(20deg)
}

.header4-icon-right a.header-btn-new {
    -webkit-clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
    background-color: #ee212b;
    color: #fff;
    padding: 26px 45px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 282px
}

@media only screen and (max-width:1440px) {
    .header4-icon-right a.header-btn-new {
        padding: 20px 28px
    }
}

@media only screen and (max-width:1300px) {
    .header4-icon-right a.header-btn-new {
        padding: 20px 34px;
        font-size: 14px
    }
}

.header4-icon-right .circle-btn.offcanvas-menu-btn {
    background-color: transparent
}

.header4-icon-right .circle-btn.offcanvas-menu-btn:hover .btn-icon-wrap span {
    background-color: #ee212b
}

.header4-icon-right .circle-btn.offcanvas-menu-btn .btn-icon-wrap span {
    background-color: #7d7d7d
}

.header4-icon-right .circle-btn.offcanvas-menu-btn:before {
    background-color: #ee212b
}

.header-style-2 .pd-header-200 {
    padding-left: 200px;
    padding-right: 200px
}

@media only screen and (max-width:1642px) {
    .header-style-2 .pd-header-200 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:1024px) {
    .header-style-2 .header-top-bar {
        display: none !important
    }
}

.header-style-2 .header-top-bar ul {
    margin: 0;
    padding: 0
}

.header-style-2 .menu-1v2 .header-phone-btn {
    margin-right: 20px;
    text-align: left;
    color: #fff
}

.header-style-2 .offcanvas-menu-btn {
    background-color: transparent;
    box-shadow: none
}

.header-style-2 .menu-1v2 .header-phone-btn .phone-number i {
    margin-right: 3px
}

.header-style-2 .offcanvas-menu-btn .btn-icon-wrap span {
    height: 3px
}

.header-top-bar .tophead-contact.header-contact-layout2 ul li {
    position: relative;
    margin-right: 30px;
    color: #ccc
}

.header-top-bar .tophead-contact.header-contact-layout2 ul li a {
    color: #ccc
}

.header-top-bar .tophead-contact.header-contact-layout2 ul li:before {
    content: "";
    height: 50px;
    width: 1px;
    background-color: #323232;
    position: absolute;
    top: -10px;
    right: -14px;
    transform: rotate(20deg)
}

.header-top-bar .tophead-contact.header-contact-layout2 ul li:last-child:before {
    display: none
}

.header-style-4 .rt-sticky .topbar-information4 {
    height: 0;
    opacity: 0
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background-color: #ee212b;
    height: 3px;
    margin-top: 3px;
    position: relative
}

.mean-container a.meanmenu-reveal span:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 6px;
    width: 100%;
    background: #ee212b;
    height: 3px
}

.mean-container a.meanmenu-reveal span:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 12px;
    width: 100%;
    background: #ee212b;
    height: 3px
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav>ul>li.current-menu-item>a {
    color: #ee212b
}

.mean-container .mean-nav ul li a i,
.mean-container .mean-nav>ul>li a i {
    color: #ee212b
}

.cart-icon-area a,
.header-icon-seperator a,
.search-box-area a,
.header-icon-area .additional-menu-area a {
    transition: all 0.5s ease 0s
}

body.header-style-1 .site-header .main-navigation nav.menu>ul>li>a {
    padding: 38px 10px
}

.sidebar-widget-area .widget select {
    padding: 10px 10px;
    width: 100%;
    border-radius: 6px
}

.overly-sidebar-wrapper .overly-sidebar-content .sidebar-about {
    max-width: 212px;
    margin-bottom: 15px
}

.offcanvas-list {
    margin-bottom: 30px
}

.offcanvas-list .sub-off-title {
    margin-top: 20px
}

.offcanvas-list span {
    line-height: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.offcanvas-list span i {
    margin-right: 10px;
    color: #ee212b
}

.social-icon-off a {
    color: #ee212b;
    margin-right: 12px;
    font-size: 18px
}

.offcanvas-short-content {
    margin-bottom: 30px
}

.mean-container .mean-nav ul.menu li ul.sub-menu li a {
    font-size: 14px
}

.mean-container .mean-nav ul li ul.sub-menu>li a:hover {
    color: #ee212b
}

#preloader {
    background: #fff url(../../../../../../../../themes/roofix/assets/css/img/preloader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.scrollup {
    overflow: hidden;
    position: fixed;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 45px;
    bottom: -50px;
    right: 20px;
    text-align: center;
    z-index: 9999;
    background-color: rgba(17, 17, 17, .8);
    display: block;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s cubic-bezier(0, 0, .15, 1.88)
}

.scrollup i {
    display: inline-block;
    transition: all 0.5s ease-out
}

.scrollup:hover,
.scrollup:focus {
    color: #fff
}

.scrollup:hover i,
.scrollup:focus i {
    animation: toBottomFromTop20 0.5s forwards
}

.scrollup.back-top {
    bottom: 20px;
    color: #fff
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ee212b
    }

    40% {
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    70% {
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 194, 17, 0)
    }
}

.footer-wrap-layout1 {
    background-color: #171717;
    color: #c5d1dc
}

@media only screen and (min-width:991px) {
    .footer-wrap-layout1 {
        background-size: cover
    }
}

.footer-wrap-layout1 ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.footer-wrap-layout1 a:link,
.footer-wrap-layout1 a:visited {
    color: #ceced0
}

.footer-wrap-layout1 a:hover {
    color: #fff
}

.footer-wrap-layout1 .widget-search-box .stylish-input-group .input-group-addon {
    background-color: #ee212b !important;
    transition: all 0.3s ease-out
}

.footer-wrap-layout1 .widget-search-box .stylish-input-group .form-control {
    border-radius: 4px
}

.footer-wrap-layout1 .widget-search-box .stylish-input-group .form-control {
    color: #fff
}

.footer-wrap-layout1 .calendar_wrap a {
    background-color: #ee212b !important;
    padding: 3px;
    border-radius: 3px;
    color: #fff
}

.footer-wrap-layout1 .footer-box-layout1.widget_rss a {
    color: #fff
}

.footer-bottom-wrap-layout1 {
    padding: 2.5rem 1rem;
    border-top: 1px solid #242424;
    text-align: center;
    background-color: #0a0a0a
}

.footer-bottom-wrap-layout1 .copyright {
    color: #ccc
}

.footer-bottom-wrap-layout1 .copyright a {
    color: #fff;
    transition: all 0.3s ease-out
}

.footer-bottom-wrap-layout1 .copyright a:hover {
    color: #ee212b
}

.footer-box-layout1 {
    margin-bottom: 30px
}

.footer-box-layout1 .footer-logo {
    margin-bottom: 26px
}

.footer-box-layout1 .footer-logo a {
    display: inline-block
}

.footer-box-layout1 p {
    color: #c5d1dc;
    margin-bottom: 30px
}

@media only screen and (min-width:1199px) {
    .footer-box-layout1 p {
        width: 90%
    }
}

.footer-box-layout1 .footer-social li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px
}

.footer-box-layout1 .footer-social li:last-child {
    margin-right: 0
}

.footer-box-layout1 .footer-social li a {
    display: block;
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 42px;
    background-color: #ee212b;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.footer-box-layout1 .footer-social li a:hover {
    background-color: #fff !important;
    color: #d21c1d
}

@media only screen and (max-width:767px) {
    .footer-box-layout1 .footer-social li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.footer-box-layout1 .footer-title {
    margin-bottom: 28px;
    padding-bottom: 22px;
    position: relative
}

.footer-box-layout1 .footer-title:after {
    content: "";
    height: 4px;
    width: 49px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer-box-layout1 .footer-title h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0
}

.footer-box-layout1 .footer-title h3 a {
    color: #fff
}

.footer-box-layout1 .footer-title h3 a:hover {
    color: #ee212b
}

.footer-box-layout1 .menu-testing-menu-container ul.menu>li {
    display: block;
    width: 100%;
    line-height: 1.6
}

.footer-box-layout1 .menu-testing-menu-container ul.menu>li:last-child {
    margin-bottom: 0
}

.footer-box-layout1 .menu-testing-menu-container ul.menu>li a {
    color: #ceced0;
    padding: 5px 0;
    transition: all 0.3s ease-out
}

.footer-box-layout1 .menu-testing-menu-container ul.menu>li a:hover {
    color: #fff
}

.footer-box-layout1 .footer-menu-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 5rem
}

@media only screen and (max-width:1199px) {
    .footer-box-layout1 .footer-menu-box {
        padding-right: 2rem
    }
}

@media only screen and (max-width:479px) {
    .footer-box-layout1 .footer-menu-box {
        padding-right: 0
    }
}

.footer-box-layout1 .footer-menu-box .menu li {
    margin-bottom: 12px
}

.footer-box-layout1 .footer-menu-box .menu li:last-child {
    margin-bottom: 0
}

.footer-box-layout1 .footer-menu-box .menu li a {
    color: #ceced0;
    padding: 5px 0;
    transition: all 0.3s ease-out
}

.footer-box-layout1 .footer-menu-box .menu li a:hover {
    color: #fff
}

.footer-box-layout1 .footer-form-box p {
    margin-bottom: 15px
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group {
    margin-bottom: 5px
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.footer-box-layout1 .footer-form-box .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #ccc
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    color: #fff;
    border-radius: 4px;
    background-color: #d21c1d
}

@media only screen and (max-width:991px) {
    .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
        font-size: 14px
    }
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control:focus {
    outline: none;
    box-shadow: none
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group input {
    height: 50px
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn {
    background-color: #ee212b;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 14px 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    transition: all 0.3s ease-out;
    font-size: 16px
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn:hover {
    background-color: #fff;
    color: #393738
}

.footer-contact-info {
    margin-bottom: 20px;
    display: block;
    overflow: hidden
}

.footer-contact-info ul li {
    margin-bottom: 15px;
    color: #c5d1dc;
    display: -ms-flexbox;
    display: flex
}

.footer-contact-info ul li a {
    color: #c5d1dc;
    vertical-align: middle
}

.footer-contact-info ul li i {
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 42px;
    background-color: #ee212b;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out;
    margin-right: 10px
}

.footer-top-wrap-layout1 input.form-control::-webkit-input-placeholder {
    color: #ceced0
}

.footer-top-wrap-layout1 input.form-control:-moz-placeholder {
    color: #ceced0
}

.footer-top-wrap-layout1 input.form-control:-ms-input-placeholder {
    color: #ceced0
}

.footer-top-wrap-layout1 input.form-control:-moz-placeholder {
    color: #ceced0
}

.footer-top-wrap-layout1 input.form-control:-moz-placeholder {
    opacity: 1
}

.widget_recent_comments.widget ul>li {
    padding-left: 0
}

.widget_recent_comments.widget ul>li:before {
    content: none
}

.footer-wrap-fix-off .footer-top-wrap-layout1 {
    padding: 90px 0 100px
}

@media only screen and (max-width:767px) {
    .footer-wrap-fix-off .footer-top-wrap-layout1 {
        padding: 70px 0 66px
    }
}

.footer-wrap-fix-off .footer-bottom-wrap-layout1 {
    padding: 40px 0 35px;
    border-top: 1px solid #242424;
    text-align: center;
    background: transparent
}

.footer-wrap-fix-off .footer-bottom-wrap-layout1 .copyright {
    color: #777;
    padding: 0 30px
}

.footer-wrap-fix-off .widgets ul>li {
    color: #a5a5a5;
    list-style: none;
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px
}

.footer-wrap-fix-off .widgets ul>li:before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    color: #a5a5a5;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .widgets ul>li:last-child {
    margin-bottom: 0
}

.footer-wrap-fix-off .widgets ul>li a {
    color: #a5a5a5;
    padding: 5px 0;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .widgets ul>li a:hover {
    color: #fff;
    padding-left: 5px
}

.footer-wrap-fix-off .widgets ul>li:hover:before {
    color: #ee212b
}

.footer-wrap-fix-off .footer-box-layout1 {
    margin-bottom: 30px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-logo {
    margin-bottom: 20px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-logo a {
    display: inline-block
}

.footer-wrap-fix-off .footer-box-layout1 p {
    color: #d5d2d2;
    margin-bottom: 16px
}

@media only screen and (min-width:1199px) {
    .footer-wrap-fix-off .footer-box-layout1 p {
        width: 90%
    }
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu {
    padding: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li {
    color: #a5a5a5;
    list-style: none;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 22px
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    color: #a5a5a5;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:last-child {
    margin-bottom: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li a {
    color: #a5a5a5;
    padding: 5px 0;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li a:hover {
    color: #fff;
    padding-left: 5px
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:hover:before {
    color: #ee212b
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul {
    padding: 0
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li {
    display: inline-block;
    margin-right: 2px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li:last-child {
    margin-right: 0
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li a {
    display: block;
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 42px;
    background-color: #2e2f31;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li a:hover {
    background-color: #ee212b
}

@media only screen and (max-width:767px) {
    .footer-wrap-fix-off .footer-box-layout1 .footer-social ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu {
    padding: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li {
    color: #a5a5a5;
    list-style: none;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 22px
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    color: #a5a5a5;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:last-child {
    margin-bottom: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li a {
    color: #a5a5a5;
    padding: 5px 0;
    transition: all 0.7s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li a:hover {
    color: #fff;
    padding-left: 5px
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li:hover:before {
    color: #ee212b
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours {
    padding: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours>li {
    list-style: none;
    margin-bottom: 12px;
    color: #d5d2d2;
    font-weight: 600
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours>li>span {
    color: #a5a5a5;
    font-weight: 400
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours>li:last-child {
    margin-bottom: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours>li a {
    color: #a5a5a5;
    padding: 5px 0;
    transition: all 0.3s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours>li a:hover {
    color: #fff
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box p {
    margin-bottom: 15px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group {
    margin-bottom: 5px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #ccc
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    color: #fff;
    border-radius: 4px;
    background-color: #252525
}

@media only screen and (max-width:991px) {
    .footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
        font-size: 14px
    }
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control:focus {
    outline: none;
    box-shadow: none
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group input {
    height: 50px
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn {
    color: #fff;
    border: none;
    padding: 12px 10px;
    font-weight: 500;
    display: block;
    width: 100%;
    transition: all 0.3s ease-out
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn>.item-btn {
    background: transparent
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn:hover {
    background-color: #d21c1d;
    color: #fff
}

.footer-wrap-fix-off .footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn:hover>.item-btn {
    background: transparent;
    color: #fff
}

.offcanvas-content {
    height: 100vh;
    transition: all 0.3s ease-out;
    padding-top: 20px
}

.offcanvas-content .offcanvas-logo a {
    display: block
}

.offcanvas-content .sub-off-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.offcanvas-content .offcanvas-menu {
    text-align: center
}

.offcanvas-content .offcanvas-menu .nav-item {
    margin-bottom: 20px
}

.offcanvas-content .offcanvas-menu .nav-item a {
    font-size: 15px;
    font-weight: 500;
    color: #393738;
    padding: 10px;
    transition: all 0.3s ease-out
}

.offcanvas-content .offcanvas-menu .nav-item a:hover {
    color: #ee212b
}

.offcanvas-content .offcanvas-footer .item-title {
    font-size: 16px;
    color: #707173;
    margin-bottom: 14px;
    font-weight: 600
}

.offcanvas-content .offcanvas-footer .offcanvas-social li {
    display: inline-block;
    margin-right: 6px
}

.offcanvas-content .offcanvas-footer .offcanvas-social li:last-child {
    margin-right: 0
}

.footer-wrap-fix-off {
    background-color: #0a0a0a
}

.footer-wrap-fix-off .footer-box-layout1 select {
    border: none;
    border-radius: 4px
}

.footer-wrap-fix-off .footer-box-layout1.widget_tag_cloud a {
    padding: 6px 13px;
    display: inline-block;
    font-size: 16px !important;
    margin-bottom: 3px;
    transition: all 0.3s ease 0s;
    background: #252525;
    border-radius: 3px;
    line-height: 1.5;
    color: #a5a5a5 !important;
    text-transform: capitalize;
    border-radius: 4px
}

.footer-wrap-fix-off .footer-box-layout1.widget_tag_cloud a:hover {
    background-color: #ee212b;
    color: #fff !important
}

.footer-wrap-fix-off .widget-search-box .stylish-input-group {
    box-shadow: none;
    border: none;
    -ms-flex-align: center;
    align-items: center
}

.footer-wrap-fix-off .widget-search-box .stylish-input-group .form-control {
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    background: #252525;
    color: #ccc;
    font-size: 16px;
    height: 51px;
    margin-right: -2px;
    padding: 10px 20px;
    border-right: 0
}

.footer-wrap-fix-off .widget-search-box .stylish-input-group .input-group-addon button {
    cursor: pointer;
    background: #ee212b;
    border: 0;
    padding: 1.5rem;
    transition: all 0.3s ease-out;
    border: none;
    border-radius: 0 4px 4px 0
}

.footer-wrap-fix-off .widget-search-box .stylish-input-group .input-group-addon button span {
    color: #ffffff !important
}

.footer-wrap-fix-off table th,
.footer-wrap-fix-off table td {
    color: #a5a5a5
}

.footer-wrap-fix-off a:hover,
.footer-wrap-fix-off a:focus,
.footer-wrap-fix-off a:active {
    color: #fff
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li a {
    padding: 0
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li:before {
    display: none
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours li {
    padding-left: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.footer-opening-hours li:before {
    display: none
}

.footer-wrap-fix-off .footer-box-layout1 .footer-social ul li {
    padding-left: 0
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu>li.menu-item {
    margin-bottom: 10px;
    float: left
}

@media only screen and (max-width:1024px) {
    .footer-wrap-fix-off .footer-box-layout1 ul.menu>li.menu-item {
        float: inherit !important;
        width: 100% !important
    }
}

.top-footer-layout1 {
    background-color: #0a0a0a
}

.top-footer-layout1 .row.align-items-center {
    border-bottom: 1px solid #252525;
    padding: 60px 0 60px 0
}

.top-footer-layout1 .footer-logo-wrp .footer-logo {
    width: 224px
}

.top-footer-layout1 .footer-logo-wrp .footer-logo img {
    width: 224px
}

@media only screen and (max-width:1024px) {
    .top-footer-layout1 .footer-logo-wrp .footer-logo {
        margin-bottom: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-footer-layout1 .footer-contact-phone {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-footer-layout1 .footer-contact-phone .info {
    font-size: 24px
}

.top-footer-layout1 .footer-contact-phone .title {
    font-size: 18px;
    font-weight: 400
}

.top-footer-layout1 .footer-contact-phone .media-body.space-sm {
    text-align: left
}

.top-footer-layout1 .footer-contact-phone i {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    background-color: #ee212b;
    color: #fff;
    line-height: 3;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .top-footer-layout1 .footer-social {
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex
    }
}

.top-footer-layout1 .footer-social ul {
    margin: 0;
    padding: 0 26px 0 0;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1024px) {
    .top-footer-layout1 .footer-social ul {
        padding-top: 40px
    }
}

.top-footer-layout1 .footer-social ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px
}

.top-footer-layout1 .footer-social ul li:last-child {
    margin-right: 0
}

.top-footer-layout1 .footer-social ul li a {
    display: block;
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 45px;
    background-color: #2e2f31;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.top-footer-layout1 .footer-social ul li a:hover {
    background-color: #fff !important;
    color: #d21c1d
}

@media only screen and (max-width:767px) {
    .top-footer-layout1 .footer-social ul li a {
        height: 40px;
        width: 40px;
        line-height: 42px;
        font-size: 16px
    }
}

.active_footer .widgets.footer-box-layout1.widget_nav_menu .menu li {
    float: left;
    width: 50%
}

.active_footer .footer-wrap-fix-off .col-sm-4.single-item .mc4wp-form {
    padding-right: 60px
}

@media only screen and (max-width:1024px) {
    .active_footer .footer-wrap-fix-off .col-sm-4.single-item .mc4wp-form {
        padding-right: 0
    }
}

.active_footer .widgets.footer-box-layout1.widget_mc4wp_form_widget {
    padding-left: 50px;
    padding-right: 100px
}

@media only screen and (max-width:991px) {
    .active_footer .widgets.footer-box-layout1.widget_mc4wp_form_widget {
        padding-left: 0;
        padding-right: 0
    }
}

.site-content {
    background-color: #fff
}

.footer-wrap-fix-off .footer-box-layout1 ul.menu ul.sub-menu {
    margin-top: 10px
}

.footer-wrap-fix-off .widgets ul>li ul.children {
    margin-top: 10px
}

.footer-wrap-layout2 {
    color: #a5a5a5
}

.footer-wrap-layout2.footer-bgc {
    position: relative;
    background-size: cover
}

.footer-wrap-layout2.footer-bgc:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    z-index: -1
}

.footer-top-wrap-layout2 {
    padding: 254px 0 55px
}

@media(max-width:991px) {
    .footer-top-wrap-layout2 {
        padding: 220px 0 55px
    }
}

.footer-box-layout2 .footer-title {
    margin-bottom: 28px;
    padding-bottom: 22px;
    position: relative
}

.footer-box-layout2 .footer-title h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0
}

.footer-box-layout2 .footer-title:after {
    content: "";
    height: 4px;
    width: 49px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer-box-layout2 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-box-layout2 ul li {
    margin-bottom: 10px
}

.footer-box-layout2 ul li:last-child {
    margin-bottom: 0
}

.footer-top-wrap-layout2 .widget_media_image {
    margin-bottom: 40px
}

.footer-top-wrap-layout2 .widget_media_image img {
    max-width: 200px !important
}

.footer-box-layout2 .footer-social {
    margin-top: 40px
}

.footer-box-layout2 .footer-social ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px
}

.footer-box-layout2 .footer-social ul li a {
    display: block;
    text-align: center;
    height: 42px;
    width: 47px;
    line-height: 45px;
    background-color: #2e2f31;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.footer-box-layout2 .footer-social ul li a:hover {
    background-color: #fff !important;
    color: #d21c1d
}

.footer-box-layout2.widget_roofix_info ul li {
    display: inline-flex;
    margin-bottom: 25px
}

.footer-box-layout2.widget_roofix_info ul li:last-child {
    margin-bottom: 0
}

.footer-box-layout2.widget_roofix_info ul li i {
    margin-top: 8px;
    padding-right: 15px
}

.footer-box-layout2 a,
.footer-box-layout2 ul li a {
    color: #a5a5a5
}

.footer-box-layout2 a:hover,
.footer-box-layout2 ul li a:hover {
    color: #fff
}

.footer-box-layout2 .gallery .gallery-item {
    margin: 0
}

.footer-bottom-wrap-layout2 {
    padding: 26px 0;
    border-top: 1px solid #242424;
    text-align: center
}

.search-form .custom-search-input {
    background: #f1f7fa
}

.search-form .custom-search-input input.search-query {
    background: #f1f7fa;
    border-color: transparent;
    border: none;
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    padding: .75rem 1.5rem;
    text-transform: lowercase;
    color: #393738;
    font-size: 16px
}

.search-form .custom-search-input input.search-query:-ms-input-placeholder {
    color: #393738
}

.search-form .custom-search-input input.search-query::placeholder {
    color: #393738
}

.search-form .custom-search-input button.btn {
    padding: 1.2rem 1.5rem;
    cursor: pointer;
    background: #f1f7fa;
    border: 0;
    display: block;
    transition: all 0.5s ease-out
}

.search-form .custom-search-input button.btn span {
    font-size: 26px;
    font-weight: 700;
    margin-left: 0;
    color: #ee212b;
    transition: all 0.5s ease-out
}

.search-form .custom-search-input button.btn span:before {
    font-size: 26px
}

.search-form .custom-search-input button.btn:hover {
    opacity: .8
}

.widget {
    margin-bottom: 40px
}

.widget .widget-title {
    font-weight: 700;
    margin-bottom: 24px;
    position: relative;
    line-height: 1.3
}

.widget select {
    padding: 8px 10px;
    width: 100%
}

.widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.widget ul>li {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 8px
}

.widget ul>li:last-child {
    border: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.widget ul>li>ul.children,
.widget ul>li>ul.sub-menu {
    list-style-type: none;
    border-top: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 10px;
    margin-top: 10px
}

.widget ul>li>ul.children li :last-child,
.widget ul>li>ul.sub-menu li :last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.widget ul>li a {
    color: #707173;
    display: inline;
    transition: all 0.3s ease 0s
}

.widget ul>li a:hover {
    color: #ee212b
}

.widget_tag_cloud a {
    padding: 8px 14px;
    display: inline-block;
    font-size: 16px !important;
    margin-bottom: 3px;
    transition: all 0.3s ease 0s;
    background: #f8f8f8;
    border-radius: 3px;
    line-height: 1.5;
    color: #707173 !important;
    text-transform: capitalize;
    border-radius: 4px
}

.widget_tag_cloud a:hover {
    background-color: #ee212b;
    color: #ffffff !important
}

.widget_calendar table {
    margin-top: 0
}

.widget_calendar table caption {
    padding-top: 0
}

.widget_calendar table th,
.widget_calendar table td {
    padding: 7px
}

.widget_calendar table td#today {
    background-color: #ee212b;
    color: #fff
}

.sidebar-widget-area.right-sidebar {
    padding-left: 15px
}

@media all and (max-width:991px) {
    .sidebar-widget-area.right-sidebar {
        padding-left: 0
    }
}

.sidebar-widget-area.left-sidebar {
    padding-right: 30px
}

@media all and (max-width:991px) {
    .sidebar-widget-area.left-sidebar {
        padding-right: 0;
        margin-top: 0
    }
}

@media all and (max-width:767px) {
    .sidebar-widget-area {
        margin-top: 40px
    }
}

.sidebar-widget-area .widget.widget_make_appointment {
    padding: 0;
    border: none
}

.sidebar-widget-area .widget ul li {
    padding-bottom: 12px;
    margin-bottom: 12px
}

.sidebar-widget-area .widget h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 22px
}

.sidebar-widget-area .widget .widget-title {
    position: relative;
    padding-left: 30px;
    line-height: 1;
    margin-bottom: 26px
}

.sidebar-widget-area .widget .widget-title:after {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
    top: 47%
}

.sidebar-widget-area .widget ul.menu li ul.children,
.sidebar-widget-area .widget ul.menu li ul.sub-menu {
    padding-left: 10px
}

@media all and (max-width:991px) {

    .sidebar-widget-area .widget ul.menu li ul.children,
    .sidebar-widget-area .widget ul.menu li ul.sub-menu {
        padding-left: 3px
    }
}

.sidebar-widget-area .widget ul.menu li {
    padding-left: 5px
}

@media all and (max-width:991px) {
    .sidebar-widget-area .widget ul.menu li {
        padding-left: 3px
    }
}

.sidebar-widget-area .widget ul.menu li:before {
    left: -5px
}

.sidebar-widget-area .widget_categories ul li {
    text-transform: capitalize
}

.footer-top-area .search-form .custom-search-input input.search-query,
.footer-top-area .search-form .custom-search-input button.btn {
    background-color: #fff;
    border: none
}

@media all and (max-width:767px) {
    .footer-top-area .widget {
        margin-bottom: 45px
    }
}

@media all and (max-width:480px) {
    .footer-top-area .widget {
        margin-bottom: 40px
    }
}

.footer-top-area .widget ul li {
    border-color: transparent
}

.footer-top-area .widget ul li:before {
    color: #ee212b
}

.footer-top-area .widget ul li ul.children,
.footer-top-area .widget ul li ul.sub-menu {
    border-color: #373737
}

.footer-top-area .widget.widget_tag_cloud a {
    border-color: #f0f0f0;
    text-transform: capitalize;
    color: #707173 !important;
    border-radius: 4px
}

.footer-top-area .widget.widget_tag_cloud a:hover {
    color: #fff !important;
    border-color: #ee212b
}

.footer-top-area .widget ul.menu li ul.children,
.footer-top-area .widget ul.menu li ul.sub-menu {
    padding-left: 10px
}

@media all and (max-width:991px) {

    .footer-top-area .widget ul.menu li ul.children,
    .footer-top-area .widget ul.menu li ul.sub-menu {
        padding-left: 3px
    }
}

.footer-top-area .widget ul.menu li {
    padding-left: 10px
}

@media all and (max-width:991px) {
    .footer-top-area .widget ul.menu li {
        padding-left: 3px
    }
}

.footer-top-area .widget ul.menu li:before {
    left: -5px
}

.widget.widget_search.single-sidebar {
    padding: 0;
    border: none
}

.sidebar-break-md p.text-left {
    padding-top: 5px
}

.sidebar-break-md p.text-left br {
    display: none
}

.sidebar-break-md .contact-form-box .ajax-loader {
    display: none
}

.widget.widget_roofix_info {
    border-radius: 4px
}

.widget.widget_roofix_info ul li {
    padding-left: 30px;
    font-size: 16px
}

.widget.widget_roofix_info ul li:before {
    content: none
}

.widget.widget_roofix_info ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.widget.widget_roofix_info ul li i {
    color: #fff;
    left: 0;
    position: absolute;
    top: 6px
}

.widget .category-type ul li {
    background-color: #f1f7fa;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.8;
    border-radius: 4px;
    border-bottom: none;
    margin-bottom: 2px
}

.widget .category-type ul li:before {
    content: "\f105";
    font-family: "Font Awesome 5 free";
    color: #ee212b;
    position: absolute;
    right: 24px;
    top: 20px;
    font-size: 18px;
    line-height: 1;
    left: inherit
}

.widget .category-type ul li:hover:before {
    color: #fff
}

.widget .category-type ul li a {
    display: block;
    padding: 15px 15px 15px 30px;
    color: #222;
    border-radius: 4px
}

.widget .category-type ul li a:hover {
    background-color: #ee212b;
    color: #fff
}

.sidebar-widget-area .widget.widget_roofix_info {
    background-image: url(../../../../../../../../themes/roofix/assets/img/icon-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.sidebar-widget-area .contact-us-form {
    background-color: #ee212b;
    color: #fff;
    padding: 30px 30px 5px 30px;
    border-radius: 4px
}

.sidebar-widget-area .contact-us-form h3 {
    font-size: 24px;
    color: #393738;
    margin: 0 0 30px 0;
    font-weight: 700;
    position: relative
}

.sidebar-widget-area .contact-us-form h3:after {
    content: "";
    height: 5px;
    width: 30px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1
}

.sidebar-widget-area .contact-us-form .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.sidebar-widget-area .contact-us-form .form-group .form-control {
    border-radius: 4px;
    background: #ee212b;
    box-shadow: none;
    color: #fff;
    border: none
}

.sidebar-widget-area .contact-us-form .form-group .form-control:-webkit-input-placeholder {
    color: #fff
}

.sidebar-widget-area .contact-us-form .form-group .form-control:-moz-placeholder {
    color: #fff
}

.sidebar-widget-area .contact-us-form .form-group .form-control:-ms-input-placeholder {
    color: #fff
}

.sidebar-widget-area .contact-us-form .form-group .form-control:-moz-placeholder {
    color: #fff
}

.sidebar-widget-area .widget_roofix_info {
    background-color: #ee212b;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 30px 10px 35px 30px
}

.sidebar-widget-area .widget_roofix_info ul li {
    color: #fff;
    border-bottom: none;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px
}

.sidebar-widget-area .widget_roofix_info ul li a {
    color: #fff
}

.sidebar-widget-area .widget_roofix_info ul li .fa {
    display: none
}

.sidebar-widget-area .widget_roofix_info h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

@media all and (max-width:767px) {
    .sidebar-widget-area .widget_roofix_info h3 {
        font-size: 22px
    }
}

@media all and (max-width:480px) {
    .sidebar-widget-area .widget_roofix_info h3 {
        margin-bottom: 20px
    }
}

.sidebar-widget-area .widget_roofix_info h3::after {
    background-color: #fff
}

.kebo-tweets .ktweet .kmeta a {
    color: #ee212b
}

.kebo-tweets .ktweet .kmeta a:hover {
    color: #fff
}

.widget_roofix_info.widget ul li i {
    color: #d21c1d;
    margin-right: 10px
}

.widget_roofix_info.widget ul li::before {
    display: none
}

.widget_recent_comments ul li span {
    font-weight: 700
}

@media only screen and (max-width:991px) {
    .sidebar-break-md {
        margin-top: 5rem
    }
}

.widget-search .stylish-input-group {
    background: #f1f7fa;
    border: 0;
    height: 60px;
    border-radius: 3px
}

.widget-search .stylish-input-group .form-control {
    padding: .75rem 1.5rem;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #f1f7fa;
    text-transform: lowercase;
    color: #393738;
    font-size: 16px
}

.widget-search .stylish-input-group .input-group-addon {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent !important
}

.widget-search .stylish-input-group .input-group-addon button {
    padding: 1.5rem;
    cursor: pointer;
    background: transparent;
    border: 0;
    transition: all 0.5s ease-out
}

.widget-search .stylish-input-group .input-group-addon button span:before {
    color: #ee212b;
    font-size: 26px;
    font-weight: 700;
    margin-left: 0
}

.widget-search .stylish-input-group .input-group-addon button:hover span {
    color: #d21c1d
}

.widget-search .stylish-input-group .input-group-addon button:focus {
    outline: none
}

.widget-search .stylish-input-group input {
    font-size: 14px;
    color: #393738
}

.widget-search .stylish-input-group input.form-control::-webkit-input-placeholder,
.widget-search .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search .stylish-input-group input.form-control::-moz-placeholder,
.widget-search .stylish-input-group textarea.form-control::-moz-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search .stylish-input-group input.form-control:-moz-placeholder,
.widget-search .stylish-input-group textarea.form-control:-moz-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search .stylish-input-group input.form-control:-ms-input-placeholder,
.widget-search .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-categories ul li {
    position: relative
}

.widget-categories ul li:last-child a {
    border-bottom: 0
}

.widget-categories ul li:last-child:after {
    display: none
}

.widget-categories ul li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    color: #ee212b;
    position: absolute;
    left: 0;
    top: 50%;
    font-weight: 900;
    transform: translateY(-50%);
    font-size: 18px;
    z-index: 1
}

.widget-categories ul li a {
    position: relative;
    z-index: 2;
    display: block;
    color: #393738;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    transition: all 0.5s ease-out
}

.widget-categories ul li a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    transition: all 0.5s ease-out
}

.widget-categories ul li:hover a {
    color: #ee212b
}

.widget-categories ul li:hover:after {
    right: 0;
    left: 0;
    width: 100%
}

.widget-categories ul li:after {
    content: "";
    background-color: #ee212b;
    width: 0%;
    height: 1px;
    left: 0;
    bottom: -1px;
    z-index: 3;
    position: absolute;
    transition: all 0.5s ease-out
}

.widget-top-rated ul li {
    margin-bottom: 20px
}

.widget-top-rated ul li:last-child {
    margin-bottom: 0
}

.widget-top-rated ul li .top-rated-content h4 {
    margin-bottom: 0
}

.widget-top-rated ul li .top-rated-content h4 a {
    color: #393738;
    transition: all 0.3s ease-out
}

.widget-top-rated ul li .top-rated-content h4 a:hover {
    color: #ee212b
}

.widget-top-rated ul li .top-rated-content .rating {
    line-height: 1.6;
    margin-bottom: 5px
}

.widget-top-rated ul li .top-rated-content .rating li {
    display: inline;
    border-bottom: none
}

.widget-top-rated ul li .top-rated-content .rating li i {
    color: #fdc800;
    font-size: 14px
}

.widget-top-rated ul li .top-rated-content .amount {
    color: #ee212b;
    font-weight: 500;
    margin-bottom: 5px
}

.widget-top-rated ul li .top-rated-content .amount .currency {
    font-weight: 500
}

.widget-call-to-action {
    background-color: #ee212b;
    padding: 30px 20px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(56, 101, 219, .75)
}

.widget-call-to-action .media img {
    margin-top: 5px
}

.widget-call-to-action .media .media-body h4 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500
}

.widget-call-to-action .media .media-body span {
    color: #fff;
    display: block;
    margin-bottom: 10px
}

.widget-testimonial {
    padding: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.widget-testimonial .widget-testimonial-box {
    margin-top: 35px
}

.widget-testimonial .widget-testimonial-box p {
    position: relative
}

.widget-testimonial .widget-testimonial-box p:after {
    position: absolute;
    content: "\f10d";
    font-family: "Font Awesome 5 free";
    font-size: 30px;
    font-weight: 900;
    top: -45px;
    left: 1px;
    color: #ccc
}

.widget-testimonial .widget-testimonial-box .item-img {
    margin-bottom: 15px
}

.widget-testimonial .widget-testimonial-box .item-title {
    margin-bottom: 0;
    font-size: 17px;
    color: #393738;
    text-transform: capitalize;
    font-weight: 500
}

.widget-testimonial .widget-testimonial-box .sub-title {
    font-size: 15px;
    margin-bottom: 0
}

.widget-departments {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 1px 20px 0 rgba(218, 227, 232, .75)
}

.widget-departments ul li {
    position: relative;
    border-bottom: 1px solid #dedede
}

.widget-departments ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.widget-departments ul li:last-child:before {
    display: none
}

.widget-departments ul li:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #ee212b;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px
}

.widget-departments ul li a {
    display: block;
    color: #393738;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all 0.5s ease-out
}

.widget-departments ul li:hover a {
    color: #ee212b
}

.widget-departments ul li:hover:before {
    right: 0;
    left: 0;
    width: 100%
}

.widget-departments ul li:before {
    content: "";
    background-color: #ee212b;
    width: 0%;
    height: 1px;
    left: 0;
    bottom: -1px;
    z-index: 2;
    position: absolute;
    transition: all 0.5s ease-out
}

.widget-price-range .price-range-wrapper {
    text-align: left;
    padding-top: 20px
}

.widget-price-range .price-range-wrapper:after {
    clear: both;
    display: block;
    content: ""
}

.widget-price-range .price-range-wrapper .price-filter-wrap {
    margin-top: 15px
}

.widget-price-range .price-range-wrapper .price-filter-wrap .filter-button {
    margin-left: 10px
}

.widget-price-range .price-range-wrapper .price-filter-wrap .filter-button .item-btn {
    padding: 5px 20px;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    border: 1px solid;
    border-color: #ee212b;
    color: #ee212b;
    background-color: transparent;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease-out
}

.widget-price-range .price-range-wrapper .price-filter-wrap .filter-button .item-btn:focus {
    outline: none
}

.widget-price-range .price-range-wrapper .price-filter-wrap .filter-button .item-btn:hover {
    background-color: #ee212b;
    color: #fff
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select {
    margin: 20px 0;
    text-align: center
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select:after {
    clear: both;
    display: block;
    content: ""
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .price-range {
    display: inline-block;
    margin: 0 2px;
    font-weight: 500;
    color: #222
}

.widget-price-range .price-range-wrapper .noUi-connect {
    background: #ee212b;
    box-shadow: none
}

.widget-price-range .price-range-wrapper .noUi-horizontal {
    height: 7px
}

.widget-price-range .price-range-wrapper .noUi-target {
    border-radius: 0;
    box-shadow: none;
    background-color: #f2f2f2;
    border: 0
}

.widget-price-range .price-range-wrapper .noUi-horizontal .noUi-handle {
    top: -10px;
    background: #ee212b;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    box-shadow: 0 5px 5px 0 rgba(191, 191, 191, .75)
}

.widget-price-range .price-range-wrapper .noUi-handle::before {
    display: none
}

.widget-price-range .price-range-wrapper .noUi-handle::after {
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.widget-recent .media {
    margin-bottom: 30px
}

.widget-recent .media:last-child {
    margin-bottom: 0
}

.widget-recent .media .media-body .post-date {
    color: #ee212b;
    margin-bottom: 10px;
    font-weight: 500
}

.widget-recent .media .media-body .post-title {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

.widget-recent .media .media-body .post-title a {
    color: #393738;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    transition: all 0.5s ease-out
}

.widget-recent .media .media-body .post-title a:hover {
    color: #ee212b
}

.widget-about-team {
    padding: 32px 25px 28px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(222, 229, 232, .75);
    margin-bottom: 30px
}

.widget-about-team img {
    margin-bottom: 16px
}

.widget-about-team .item-content .item-title {
    font-weight: 700;
    color: #393738;
    margin-bottom: 10px
}

.widget-about-team .item-content .item-ctg {
    margin-bottom: 10px
}

.widget-about-team .item-content .item-designation {
    color: #ee212b;
    font-weight: 500;
    display: block;
    margin-bottom: 10px
}

.widget-team-contact {
    padding: 32px 25px 28px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(222, 229, 232, .75);
    margin-bottom: 30px
}

.widget-team-contact ul li {
    font-weight: 500;
    position: relative;
    margin-bottom: 10px
}

.widget-team-contact ul li:last-child {
    margin-bottom: 0
}

.widget-team-contact ul li span {
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    font-weight: 400;
    display: inline-block
}

.widget-team-contact ul li ul.widget-social li {
    display: inline-block;
    margin-right: 5px
}

.widget-team-contact ul li ul.widget-social li a {
    color: #ee212b;
    padding: 5px;
    transition: all 0.3s ease-out
}

.widget-team-contact ul li ul.widget-social li a:hover {
    color: #393738
}

.widget_roofix_posts .media-body {
    margin-left: 0
}

.widget_roofix_posts .media-body h3 {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 600;
    line-height: 1.4
}

.widget_roofix_posts .media-body h3 a {
    color: #393738
}

.widget_roofix_posts .media-body h3 a:hover {
    color: #ee212b
}

.widget_roofix_posts .media-body .w-post-content p {
    margin-bottom: 5px
}

.widget_roofix_posts .media-body p.spost-title {
    line-height: 1.6;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.widget_roofix_posts .media-body p.spost-title a {
    color: #393738
}

.widget_roofix_posts .media-body p.spost-title a:hover {
    color: #ee212b
}

.widget_roofix_posts .media-body .date {
    color: #707173;
    margin-top: 0;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 15px
}

.widget_roofix_posts .media {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4
}

.widget_roofix_posts .media:last-child {
    border-bottom: none
}

.widget_roofix_posts .media img {
    margin-right: 20px;
    width: 100px;
    height: 100px
}

.widget_roofix_posts .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media only screen and (max-width:991px) {
    .sidebar-break-md {
        margin-top: 40px
    }
}

.sidebar-widget-area .widget {
    margin-bottom: 40px
}

.sidebar-widget-area .widget:last-child {
    margin-bottom: 0 !important
}

.sidebar-widget-area .contact-form-box .form-control.wpcf7-textarea {
    height: 100px
}

.sidebar-widget-area .widget-form .contact-form-box .form-group {
    border-radius: 6px
}

.sidebar-widget-area .widget-form .contact-form-box .form-group .item-btn {
    padding: 14px
}

.widget-service {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 35px 40px 20px
}

.widget-service .service-list ul li {
    border-bottom: 1px solid #ddd
}

.widget-service .service-list ul li:last-child {
    border-bottom: none
}

.widget-service .service-list ul li a {
    position: relative;
    display: block;
    color: #393738;
    padding: 13px 0 13px 26px;
    transition: all 0.3s ease-out
}

.widget-service .service-list ul li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.widget-service .service-list ul li a:hover {
    color: #d21c1d;
    padding-left: 35px
}

.widget-service .service-list ul li a:hover i {
    color: #ee212b
}

.widget-download .item-list div.widget-primary-btn {
    margin-bottom: 10px
}

.widget-download .item-list div.widget-primary-btn:last-child {
    margin-bottom: 0
}

.widget-download .item-list div.widget-primary-btn a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ee212b;
    padding: 16px 20px;
    border-radius: 4px;
    color: #fff;
    transition: all 0.3s ease-out;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500
}

.widget-download .item-list div.widget-primary-btn a i {
    font-size: 18px;
    margin-right: 15px
}

.widget-download .item-list div.widget-primary-btn a:hover {
    background-color: #424242
}

.widget-download .item-list div.widget-sec-btn {
    margin-bottom: 10px
}

.widget-download .item-list div.widget-sec-btn:last-child {
    margin-bottom: 0
}

.widget-download .item-list div.widget-sec-btn a {
    font-size: 16px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #424242;
    padding: 16px 20px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    transition: all 0.3s ease-out
}

.widget-download .item-list div.widget-sec-btn a i {
    font-size: 18px;
    margin-right: 15px
}

.widget-download .item-list div.widget-sec-btn a:hover {
    background-color: #ee212b
}

.widget-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.widget-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f6f6f6;
    font-size: 16px;
    color: #707173;
    padding: 14px 15px;
    border-radius: 6px
}

.widget-form .contact-form-box .form-group .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none
}

.widget-form .contact-form-box .form-group .item-btn {
    width: 100%;
    background-color: #ee212b;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 16px 20px;
    border-radius: 6px;
    transition: all 0.3s ease-out
}

.widget-form .contact-form-box .form-group .item-btn:hover {
    background-color: #d21c1d
}

.widget-banner .banner-img {
    position: relative
}

.widget-banner .banner-img img {
    border-radius: 4px;
    min-width: 100%
}

.widget-banner .banner-img .item-content {
    background-color: #d21c1d;
    padding: 13rem 5rem 5rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    -webkit-clip-path: polygon(0 38%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 38%, 100% 0, 100% 100%, 0 100%)
}

.widget-banner .banner-img .item-content .big-text {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.widget-banner .banner-img .item-content .big-text a {
    color: #fff
}

.widget-banner .banner-img .item-content .big-text a:hover {
    color: #ee212b
}

.widget-banner .banner-img .item-content .sub-text {
    font-size: 18px;
    color: #9cabb8;
    margin-bottom: 30px
}

.widget-banner .banner-img .item-content .item-btn {
    display: block;
    background-color: #ee212b;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    padding: 14px 20px;
    transition: all 0.3s ease-out
}

.widget-banner .banner-img .item-content .item-btn:hover {
    background-color: #fff;
    color: #d21c1d
}

.widget-search-box .stylish-input-group {
    height: 55px;
    border-radius: 4px;
    padding: 0;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 0 0 rgba(191, 191, 191, .75)
}

.widget-search-box .stylish-input-group .form-control {
    border: none;
    box-shadow: none;
    border-radius: 4px;
    background: transparent;
    color: #707173;
    font-size: 16px;
    height: 55px;
    margin-right: -2px;
    padding: 10px 20px;
    border-right: 0
}

.widget-search-box .stylish-input-group .input-group-addon {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0 4px 4px 0;
    background: transparent;
    z-index: 9
}

.widget-search-box .stylish-input-group .input-group-addon button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0 20px;
    transition: all 0.3s ease-out
}

.widget-search-box .stylish-input-group .input-group-addon button span {
    color: #b7b7b7;
    font-size: 20px;
    font-weight: 700;
    margin-left: 0;
    transition: all 0.3s ease-out
}

.widget-search-box .stylish-input-group .input-group-addon button:focus {
    outline: none
}

.widget-search-box .stylish-input-group .input-group-addon:hover button span {
    color: #ee212b
}

.widget-search-box .stylish-input-group input {
    font-size: 16px;
    color: #ee212b
}

.widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,
.widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search-box .stylish-input-group input.form-control::-moz-placeholder,
.widget-search-box .stylish-input-group textarea.form-control::-moz-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search-box .stylish-input-group input.form-control:-moz-placeholder,
.widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder {
    color: #707173;
    font-size: 16px
}

.widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder,
.widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #707173;
    font-size: 16px
}

.sidebar-widget-area .widget.widget-search-box {
    padding: 0;
    border: none
}

.widget-post .media {
    margin-bottom: 30px
}

.widget-post .media:last-child {
    margin-bottom: 0
}

.widget-post .media .item-img {
    overflow: hidden;
    margin-top: 4px;
    border-radius: 4px
}

.widget-post .media .item-img a {
    display: inline-block
}

.widget-post .media .item-img a img {
    border-radius: 4px;
    transform: scale(1);
    transition: all 0.3s ease-out
}

.widget-post .media .media-body .post-title {
    margin-bottom: 8px;
    line-height: 1.4
}

.widget-post .media .media-body .post-title a {
    color: #707173;
    font-weight: 500;
    transition: all 0.3s ease-out
}

.widget-post .media .media-body .post-title a:hover {
    color: #393738
}

.widget-post .media .media-body .post-date {
    font-size: 14px;
    color: #ee212b
}

.widget-post .media .media-body .item-price {
    font-size: 14px;
    color: #ee212b;
    font-weight: 500
}

.widget-post .media .media-body .item-rating {
    padding-left: 0
}

.widget-post .media .media-body .item-rating li {
    display: inline-block;
    color: #ff6f00;
    font-size: 12px
}

.widget-post .media:hover a img {
    transform: scale(1.1)
}

.widget-tag .tag-list li {
    display: inline-block;
    margin: 0 5px 8px 0
}

.widget-tag .tag-list li a {
    display: block;
    background-color: #f2f2f2;
    color: #707173;
    padding: 7px 15px;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.widget-tag .tag-list li a:hover {
    background-color: #ee212b;
    color: #fff
}

.widget-contact-info {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 35px 40px 40px
}

.widget-contact-info ul {
    padding-left: 0;
    margin: 0
}

.widget-contact-info ul li {
    list-style: none
}

.widget-contact-info .media {
    border-bottom: 1px solid #ddd;
    padding-bottom: 22px;
    margin-bottom: 22px
}

.widget-contact-info .media:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.widget-contact-info .media .item-icon {
    margin-top: 5px
}

.widget-contact-info .media .item-icon i {
    font-size: 26px;
    color: #d21c1d
}

.widget-contact-info .media .item-icon i:before {
    font-size: 26px
}

.widget-contact-info .media .media-body h4 {
    font-weight: 700;
    margin-bottom: 6px
}

.widget-product {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 35px 40px 40px
}

.widget-product .media {
    margin-bottom: 20px
}

.widget-product .media:last-child {
    margin-bottom: 0
}

.widget-product .media .item-img {
    overflow: hidden;
    border-radius: 4px
}

.widget-product .media .item-img a {
    display: inline-block
}

.widget-product .media .item-img a img {
    border-radius: 4px;
    transform: scale(1);
    transition: all 0.3s ease-out
}

.widget-product .media .media-body .post-title {
    margin-bottom: 0;
    line-height: 1
}

.widget-product .media .media-body .post-title a {
    color: #707173;
    font-weight: 500;
    transition: all 0.3s ease-out
}

.widget-product .media .media-body .post-title a:hover {
    color: #393738
}

.widget-product .media .media-body .post-date {
    font-size: 14px;
    color: #ee212b
}

.widget-product .media .media-body .item-price {
    font-size: 14px;
    color: #ee212b;
    font-weight: 500
}

.widget-product .media .media-body .item-rating li {
    display: inline-block;
    color: #ff6f00;
    font-size: 12px
}

.widget-product .media:hover a img {
    transform: scale(1.1)
}

.widget-price-range {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 35px 40px 40px
}

.widget-price-range .price-range-wrapper {
    text-align: left;
    padding-top: 20px
}

.widget-price-range .price-range-wrapper:after {
    clear: both;
    display: block;
    content: ""
}

.widget-price-range .price-range-wrapper .price-filter-wrap {
    margin-top: 15px
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select {
    margin: 20px 0 0
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select:after {
    clear: both;
    display: block;
    content: ""
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .price-range {
    display: inline-block;
    margin: 0;
    color: #707173;
    font-size: 15px
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background-color: #ee212b;
    border: none;
    padding: 6px 30px;
    border-radius: 4px;
    margin-right: 50px;
    transition: all 0.3s ease-out
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:hover {
    background-color: #d21c1d
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:focus {
    outline: none
}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .range-title {
    color: #707173
}

.widget-price-range .price-range-wrapper .noUi-connect {
    background: #cecece;
    box-shadow: none
}

.widget-price-range .price-range-wrapper .noUi-horizontal {
    height: 11px
}

.widget-price-range .price-range-wrapper .noUi-target {
    border-radius: 4px;
    box-shadow: none;
    background-color: #e9e9e9;
    border: 0
}

.widget-price-range .price-range-wrapper .noUi-horizontal .noUi-handle {
    top: -5px;
    background: #d21c1d;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    width: 27px;
    height: 20px;
    box-shadow: 0 5px 5px 0 rgba(191, 191, 191, .75)
}

.widget-price-range .price-range-wrapper .noUi-handle::before {
    height: 1.25px;
    width: 10px;
    background-color: #ccc;
    border-radius: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 61%;
    transform: translateY(-50%)
}

.widget-price-range .price-range-wrapper .noUi-handle::after {
    height: 1.25px;
    width: 13px;
    background-color: #ccc;
    border-radius: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 33%;
    transform: translateY(-50%)
}

.sidebar-any-ques .sidebar-break-md {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 31px 38px 38px
}

.sidebar-any-ques .sidebar-break-md .text-left {
    margin-bottom: 5px
}

.sidebar-any-ques .sidebar-break-md .heading-layout3.faq {
    margin-bottom: 22px
}

.about-box-layout3.services-sidebar .contact-form-box span.ajax-loader {
    display: none
}

#respond .comment-reply-title,
.comments-area h3.comment-title {
    position: relative;
    padding-left: 30px;
    line-height: 1.1
}

#respond .comment-reply-title:after,
.comments-area h3.comment-title:after {
    content: "";
    height: 16px;
    width: 4px;
    background-color: #ee212b;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1;
    height: 3px;
    width: 21px;
    top: 50%
}

#respond .comment-reply-title small,
.comments-area h3.comment-title small {
    margin-left: 15px
}

.breadcrumb-area .entry-breadcrumb>span {
    color: #fff;
    margin: 0 4px
}

.breadcrumb-area .entry-breadcrumb>span a {
    color: #ccc
}

.breadcrumb-area .entry-breadcrumb>span a:hover {
    color: #ee212b
}

.breadcrumb-area .entry-breadcrumb i:before {
    font-size: 7px;
    position: relative;
    top: -2px
}

.breadcrumb-area .entry-breadcrumb>span:first-child {
    margin-left: 0
}

.breadcrumb-area .entry-breadcrumb {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px
}

.entry-banner {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

.entry-banner .inner-page-banner {
    position: relative;
    display: block;
    padding: 8.2rem 0 9.2rem 0
}

@media only screen and (max-width:767px) {
    .entry-banner .inner-page-banner {
        padding: 6.2rem 0 6.2rem 0
    }
}

@media only screen and (max-width:575px) {
    .entry-banner .inner-page-banner {
        padding: 6.2rem 0 6.2rem 0
    }
}

.entry-banner .inner-page-banner .breadcrumbs-area {
    position: relative;
    z-index: 1
}

.entry-banner .inner-page-banner .breadcrumbs-area h1 {
    text-transform: capitalize;
    color: #fff;
    word-wrap: break-word;
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 1.4
}

@media only screen and (max-width:767px) {
    .entry-banner .inner-page-banner .breadcrumbs-area h1 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 42px
    }
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li {
    display: inline-block;
    color: #c5d5ff;
    font-size: 18px;
    position: relative;
    margin-right: 8px;
    padding-right: 20px
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #ee212b
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li a {
    color: #fff;
    transition: all 0.5s ease-out
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li a:hover {
    color: #ee212b
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child:before {
    display: none
}

.entry-banner .inner-page-banner .breadcrumbs-area.area-right {
    margin-top: 20px;
    text-align: right
}

.trheader .entry-banner.entry-banner-after:after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, 0) 44%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    opacity: 58%
}

.trheader .entry-banner.entry-banner-after:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.trheader .entry-banner {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

.trheader .entry-banner .inner-page-banner {
    position: relative;
    display: block;
    padding: 16rem 0 15rem 0;
    z-index: 3
}

@media only screen and (max-width:1440px) {
    .trheader .entry-banner .inner-page-banner {
        padding: 10rem 0 12rem 0
    }
}

@media only screen and (max-width:1199px) {
    .trheader .entry-banner .inner-page-banner {
        padding: 8.2rem 0 9.2rem 0
    }
}

@media only screen and (max-width:991px) {
    .trheader .entry-banner .inner-page-banner {
        padding: 8.2rem 0 9.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .trheader .entry-banner .inner-page-banner {
        padding: 6rem 0 5rem
    }
}

@media only screen and (max-width:575px) {
    .trheader .entry-banner .inner-page-banner {
        padding: 50px 0 50px
    }
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area {
    position: relative;
    z-index: 1
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li {
    display: inline-block;
    color: #a8a8a8;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    padding-right: 20px
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li:before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 5;
    color: #c6c6c6;
    font-family: "Font Awesome 5 free";
    font-size: 20px
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li a {
    color: #ee212b;
    transition: all 0.5s ease-out
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li a:hover {
    color: #fff
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child:before {
    display: none
}

.trheader .entry-banner .inner-page-banner .breadcrumbs-area.area-right {
    margin-top: 20px;
    text-align: right
}

.entry-banner.entry-banner-after:after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, 0) 44%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    opacity: 58%
}

.entry-banner.entry-banner-after:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.entry-banner {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

.entry-banner .inner-page-banner {
    position: relative;
    display: block;
    padding: 16rem 0 15rem 0;
    z-index: 3
}

@media only screen and (max-width:1440px) {
    .entry-banner .inner-page-banner {
        padding: 10rem 0 12rem 0
    }
}

@media only screen and (max-width:1199px) {
    .entry-banner .inner-page-banner {
        padding: 8.2rem 0 9.2rem 0
    }
}

@media only screen and (max-width:991px) {
    .entry-banner .inner-page-banner {
        padding: 8.2rem 0 9.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .entry-banner .inner-page-banner {
        padding: 6rem 0 5rem
    }
}

@media only screen and (max-width:575px) {
    .entry-banner .inner-page-banner {
        padding: 50px 0 50px
    }
}

.entry-banner .inner-page-banner .breadcrumbs-area {
    position: relative;
    z-index: 1
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li {
    display: inline-block;
    color: #a8a8a8;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    padding-right: 20px
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 5;
    color: #c6c6c6;
    font-family: "Font Awesome 5 free";
    font-size: 20px
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li a {
    color: #ee212b;
    transition: all 0.5s ease-out
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li a:hover {
    color: #fff
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.entry-banner .inner-page-banner .breadcrumbs-area ul li:last-child:before {
    display: none
}

.entry-banner .inner-page-banner .breadcrumbs-area.area-right {
    margin-top: 20px;
    text-align: right
}

.pagination-area {
    width: 100%
}

@media all and (max-width:991px) {
    .pagination-area {
        padding-top: 30px
    }
}

@media all and (max-width:480px) {
    .pagination-area {
        padding-top: 20px
    }
}

.rt-team-archive .pagination-area {
    margin-top: 0
}

@media all and (max-width:991px) {
    .rt-team-archive .pagination-area {
        padding-top: 0
    }
}

@media all and (max-width:480px) {
    .rt-team-archive .pagination-area {
        padding-top: 30px
    }
}

.pagination-area ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0
}

.pagination-area ul li {
    display: inline-block
}

.pagination-area ul li a,
.pagination-area ul li span {
    background-color: #f2f2f2;
    color: #393738;
    transition: all 0.5s ease-out;
    margin: 0 3px;
    display: block;
    font-size: 18px;
    line-height: 2.3;
    text-align: center;
    border-radius: 4px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 15px
}

.pagination-area ul li.active a,
.pagination-area ul li a:hover,
.pagination-area ul li span.current {
    background-color: #ee212b;
    color: #fff
}

.entry-content-wrp {
    padding-left: 30px
}

@media only screen and (max-width:767px) {
    .entry-content-wrp {
        padding-left: 0;
        padding-top: 30px
    }
}

ul.entry-meta-2 {
    margin-left: 0;
    padding: 0;
    margin-bottom: 0
}

ul.entry-meta-2 li {
    list-style: none;
    font-size: 15px
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.blog-style-4 .rtin-item .entry-thumbnail-area img {
    border-radius: 7px 7px 0 0
}

.blog-style-4 .rtin-item .entry-content-area {
    box-shadow: 0 18px 34px 0 rgba(0, 0, 0, .05)
}

.blog-style-4 .rtin-item .entry-content-area .entry-header .item-title {
    font-size: 24px
}

.blog-style-4 .rtin-item .entry-content-area p {
    margin-bottom: 0
}

.post-each {
    margin-bottom: 40px;
    transition: all 0.5s ease-out
}

.post-each .entry-thumbnail-area {
    position: relative;
    overflow: hidden
}

.post-each .entry-thumbnail-area .post-item-date {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    bottom: 0;
    position: absolute;
    background-color: #ee212b;
    padding: 17px;
    left: 30px;
    z-index: 9;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px 6px 0 0
}

.post-each .entry-thumbnail-area .post-item-date i {
    margin-right: 10px
}

.post-each .entry-thumbnail-area:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg)
}

.post-each .entry-thumbnail-area:hover:before {
    animation: shine .75s
}

.post-each .entry-thumbnail-area img {
    transition: all 0.5s ease-out;
    width: 100%;
    border-radius: 6px
}

.post-each .entry-thumbnail-area.nothumb .entry-meta-1 {
    position: relative
}

.post-each .entry-meta-2 {
    color: #7b7b7b;
    margin-left: 0
}

.post-each .entry-meta-2 li {
    display: inline-block
}

.post-each .entry-meta-2 li:last-child {
    float: right
}

.post-each .entry-meta-2 li.vcard-author {
    text-align: center
}

.post-each .entry-meta-2 li.vcard-author i {
    border-radius: 50%;
    color: #ee212b;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin-right: 2px;
    transition: all 0.5s ease-out
}

.post-each .entry-meta-2 li.vcard-author a {
    color: #7b7b7b;
    transition: all 0.5s ease-out
}

.post-each .entry-meta-2 li.vcard-author a:hover {
    color: #d21c1d
}

.post-each .entry-meta-2 li.vcard-comments {
    text-align: center
}

.post-each .entry-meta-2 li.vcard-comments i {
    color: #ee212b
}

.post-each .entry-meta-2 li.vcard-comments a {
    color: #7b7b7b;
    transition: all 0.5s ease-out
}

.post-each .entry-meta-2 li.vcard-comments a:hover {
    color: #d21c1d
}

.post-each .entry-meta-1 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-each .entry-meta-1 span.updated {
    color: #7b7b7b;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s ease-out
}

.post-each .entry-meta-1 span.updated i {
    font-size: 14px
}

.post-each .entry-meta-1 li {
    display: inline-block;
    padding-right: 20px;
    color: #7b7b7b;
    font-size: 15px;
    font-weight: 500
}

.post-each .entry-meta-1 li:last-child {
    padding-right: 0
}

.post-each .entry-meta-1 li a {
    transition: all 0.3s ease-out
}

.post-each .entry-meta-1 li a:hover {
    color: #d21c1d
}

.post-each .entry-meta-1 li a:hover span {
    color: #d21c1d
}

.post-each .entry-meta-1 li i {
    font-size: 14px;
    margin-right: 7px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.post-each .entry-content-area {
    padding: 35px;
    background-color: #fff;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, .08);
    transition: all 0.5s ease-out;
    border-radius: 6px
}

.post-each .entry-content-area .entry-content .entry-summary p {
    margin-bottom: 15px
}

.post-each .entry-content-area .entry-header {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-each .entry-content-area .entry-header h2 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #393738
}

.post-each .entry-content-area .entry-header h3 {
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #393738
}

@media all and (max-width:768px) {
    .post-each .entry-content-area .entry-header h3 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 20px
    }
}

.post-each .entry-content-area .entry-header a.entry-title {
    transition: all 0.4s ease-out;
    color: #393738
}

.post-each .entry-content-area .entry-header a.entry-title:hover {
    color: #ee212b
}

.post-each .entry-content-area .entry-header .entry-meta-2 {
    color: #7b7b7b;
    margin-left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.post-each .entry-content-area .entry-header .entry-meta-2 li {
    margin-right: 20px;
    display: inline-block;
    color: #7b7b7b
}

.post-each .entry-content-area .entry-header .entry-meta-2 li:last-child {
    margin-right: 0
}

.post-each .entry-content-area .entry-header .entry-meta-2 li a {
    padding-left: 5px
}

.post-each .entry-content-area .rdtheme-button-2 {
    display: inline-block;
    padding: 12px 24px
}

.post-each .entry-content-area .read-more-btn {
    color: #393738;
    font-weight: 600;
    transition: all 0.5s ease-out
}

.post-each .entry-content-area .read-more-btn i {
    color: #ee212b;
    margin-left: 15px
}

.post-each .entry-content-area .read-more-btn:hover {
    color: #ee212b
}

.post-each .entry-content-area:hover {
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, .1)
}

.post-each .entry-content-area:hover .entry-meta-1 span.updated i {
    color: #d21c1d
}

.post-each .entry-content-area:hover .entry-meta-2 {
    color: #7b7b7b;
    margin-left: 0
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-author i {
    color: #d21c1d;
    transition: all 0.5s ease-out
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-author a {
    color: #7b7b7b
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-author a:hover {
    color: #d21c1d
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-comments i {
    color: #d21c1d;
    transition: all 0.5s ease-out
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-comments a {
    color: #7b7b7b
}

.post-each .entry-content-area:hover .entry-meta-2 li.vcard-comments a:hover {
    color: #d21c1d
}

.post-each.post-each-alt .entry-meta-1 li {
    display: block;
    padding-right: 0
}

.post-each.post-each-single {
    box-shadow: none;
    margin-bottom: 0
}

.post-each.post-each-single .entry-thumbnail-area {
    margin-bottom: 30px
}

.post-each.post-each-single .entry-thumbnail-area:before {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    content: "";
    transition: all 0.5s ease-out;
    transform: none;
    left: 0
}

.post-each.post-each-single .entry-thumbnail-area:hover:before {
    opacity: 1;
    visibility: visible;
    animation: none
}

.post-each.post-each-single .entry-content-area {
    background-color: inherit;
    padding: 0 0 30px 0;
    box-shadow: none
}

.post-each.post-each-single .entry-content-area .entry-header {
    margin-bottom: 15px
}

.post-each.post-each-single .entry-content-area .entry-header .entry-meta-2 {
    color: #7b7b7b;
    margin-left: 0;
    margin-bottom: 0
}

.post-each.post-each-single .entry-content-area .entry-header .entry-meta-2 li {
    margin-right: 0
}

.post-each.post-each-single .entry-content-area .entry-header .entry-meta-2 li.rtin-spacer {
    color: #dcdcdc;
    margin: 0 10px
}

.post-each.post-each-single .entry-content-area .entry-tags a {
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 4px 10px;
    background-color: #f8f8f8;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #707173;
    transition: all 0.3s ease-out;
    margin-right: 6px
}

.post-each.post-each-single .entry-content-area .entry-tags a:hover {
    color: #fff;
    background-color: #ee212b
}

.post-each.post-each-single .entry-content-area h2.title.single-title {
    font-size: 32px;
    line-height: 1.4
}

.entry-title {
    word-break: break-all;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.site-index .pagination-area {
    margin-top: 60px
}

@media only screen and (max-width:991px) {
    .site-index .pagination-area {
        margin-top: 0
    }
}

.site-search .pagination-area {
    margin-top: 60px
}

.site-index .sticky .entry-content-area {
    background-color: #f5e8fb
}

.primary-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.primary-list li {
    margin-bottom: 5px
}

.primary-list li:before {
    background-color: #ee212b;
    border-radius: 17px;
    color: #fff;
    content: "\f00c";
    font-family: "Font Awesome 5 free";
    font-size: 10px;
    margin-right: 12px;
    padding: 4px;
    line-height: 1.5
}

.comments-area .comment-list-wrp.comment-list>li:last-child .each-comment {
    border-bottom: none
}

.comments-area ul.comment-list,
.comments-area ul.children {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.comments-area ul.children {
    margin-left: 50px
}

@media all and (max-width:991px) {
    .comments-area ul.children {
        margin-left: 20px
    }
}

@media all and (max-width:480px) {
    .comments-area ul.children {
        margin-left: 10px
    }
}

.comments-area .avatar-disabled .main-comments ul.children {
    margin-left: 30px
}

@media all and (max-width:991px) {
    .comments-area .avatar-disabled .main-comments ul.children {
        margin-left: 20px
    }
}

@media all and (max-width:480px) {
    .comments-area .avatar-disabled .main-comments ul.children {
        margin-left: 10px
    }
}

.comments-area h3.comment-title {
    color: #393738;
    font-size: 24px;
    position: relative;
    margin-bottom: 20px
}

.comments-area .main-comments:first-child {
    padding-top: 0
}

.comments-area .main-comments .each-comment {
    padding: 30px 0 30px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.comments-area .main-comments .each-comment:after {
    width: 100%
}

@media all and (max-width:480px) {
    .comments-area .main-comments .each-comment {
        padding: 5px 0
    }
}

.comments-area .main-comments .imgholder {
    border-radius: 50%;
    margin-bottom: 10px
}

.comments-area .main-comments .imgholder img {
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 0
}

.comments-area .main-comments .comment-meta {
    color: #393738;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 0
}

.comments-area .main-comments .comment-meta .comment-meta-left {
    float: left;
    margin-bottom: 2px;
    font-weight: 700
}

@media all and (max-width:991px) {
    .comments-area .main-comments .comment-meta .comment-meta-left {
        float: none
    }
}

.comments-area .main-comments .comment-meta .comment-meta-left a {
    color: #393738
}

.comments-area .main-comments .comment-meta .comment-meta-left a:hover {
    color: #ee212b
}

.comments-area .main-comments .comment-meta .comment-link {
    margin-bottom: 6px !important;
    display: block;
    font-size: 18px;
    font-weight: 700
}

.comments-area .main-comments .comment-meta .comment-date {
    display: block;
    font-size: 15px;
    color: #707173;
    margin-bottom: 8px;
    font-weight: 400
}

.comments-area .main-comments .comment-meta .reply-area {
    float: right;
    margin-top: -7px
}

@media all and (max-width:991px) {
    .comments-area .main-comments .comment-meta .reply-area {
        float: none
    }
}

.comments-area .main-comments .comment-meta .reply-area a {
    color: #707173;
    padding: 6px 15px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    transition: all 0.5s ease-out;
    border-radius: 15px;
    background-color: #f0f0f0
}

.comments-area .main-comments .comment-meta .reply-area a:hover {
    background-color: #ee212b;
    color: #fff
}

@media all and (max-width:991px) {
    .comments-area .main-comments .comment-meta .reply-area a {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 10px
    }
}

.comments-area .main-comments .comments-body {
    margin-left: 0
}

.comments-area .main-comments .comments-body .comment-text {
    line-height: 1.75
}

.comments-area .main-comments .comments-body .comment-text p {
    margin-bottom: 10px
}

.comments-area .main-comments .comments-body .comment-text .comment-awaiting-moderation {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.3;
    color: #393738
}

.comments-area #respond form .btn-send {
    color: #fff
}

.comments-area .comments-closed {
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    padding-top: 20px;
    line-height: 1.3;
    color: #393738
}

.comments-area .comment-pagination {
    margin-top: 30px
}

.comments-area .comment-pagination ul li {
    margin-right: 5px;
    margin-top: 0
}

.comments-area .comment-pagination ul li a {
    font-size: 12px;
    padding: 10px
}

.comment-respond {
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    padding: 40px 48px 30px 48px;
    background-color: #f9f9f9
}

#respond .comment-reply-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 14px;
    position: relative;
    display: block;
    font-weight: 700
}

#respond .comment-notes,
#respond .logged-in-as,
#respond .form-group {
    margin-bottom: 20px
}

#respond .logged-in-as a {
    color: #393738
}

#respond .logged-in-as a:hover {
    color: #d21c1d
}

#respond form input,
#respond form textarea {
    border: none;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    color: #393738;
    font-size: 14px;
    padding-left: 15px;
    border-radius: 6px;
    font-weight: 400;
    border: 1px solid #e4e4e4
}

#respond form input:focus,
#respond form textarea:focus {
    box-shadow: none
}

#respond form input:-ms-input-placeholder,
#respond form textarea:-ms-input-placeholder {
    color: #707173
}

#respond form input::placeholder,
#respond form textarea::placeholder {
    color: #707173
}

#respond form input {
    height: 50px;
    border-radius: 6px
}

#respond form textarea {
    padding-top: 10px
}

#respond form .btn-send {
    height: inherit;
    background-color: #ee212b;
    border: none;
    color: #393738;
    font-size: 15px;
    padding: 16px 28px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 600;
    line-height: 1.2
}

#respond form .btn-send:hover {
    background-color: #d21c1d;
    color: #fff;
    border: none
}

#respond #cancel-comment-reply-link {
    font-size: 14px;
    font-weight: 600
}

.blog-comment .comment-list li.depth-1:last-child .each-comment {
    margin-bottom: 0
}

.site-main.page-content-main .comments-area.single-blog-box-layout1 {
    margin-top: 60px
}

.comments-area ol ol,
.comments-area ol ul,
.comments-area ul ol,
.comments-area ul ul,
.comments-area table {
    margin-bottom: 20px
}

.comments-area .comment-text ol ol,
.comments-area .comment-text ol ul,
.comments-area .comment-text ul ol,
.comments-area .comment-text ul ul {
    margin-bottom: 0
}

.comments-area ul.comment-list,
.comments-area ul.children {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.comments-area ul.children {
    margin-left: 40px
}

@media all and (max-width:991.98px) {
    .comments-area ul.children {
        margin-left: 20px
    }
}

@media all and (max-width:479.98px) {
    .comments-area ul.children {
        margin-left: 10px
    }
}

.comments-area .avatar-disabled .main-comments ul.children {
    margin-left: 30px
}

@media all and (max-width:991.98px) {
    .comments-area .avatar-disabled .main-comments ul.children {
        margin-left: 20px
    }
}

@media all and (max-width:479.98px) {
    .comments-area .avatar-disabled .main-comments ul.children {
        margin-left: 10px
    }
}

.comments-area .main-comments .each-comment {
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width:479.98px) {
    .comments-area .main-comments .each-comment {
        padding: 10px 0
    }
}

.comments-area .main-comments .imgholder {
    margin-right: 20px;
    margin-bottom: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 80px
}

@media all and (max-width:1199.98px) {
    .comments-area .main-comments .imgholder {
        max-width: 80px
    }
}

@media all and (max-width:991.98px) {
    .comments-area .main-comments .imgholder {
        max-width: 55px
    }
}

@media all and (max-width:479.98px) {
    .comments-area .main-comments .imgholder {
        max-width: 45px;
        margin-right: 10px
    }
}

.comments-area .main-comments .imgholder img {
    border-radius: 50%
}

.comments-area .main-comments.pingback .imgholder,
.comments-area .main-comments.trackback .imgholder {
    margin: 0
}

.comments-area .main-comments .comments-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.comments-area .main-comments .comments-body .comment-text {
    display: -ms-inline-grid;
    display: inline-grid
}

.comments-area .main-comments .comments-body .comment-text p {
    margin-bottom: 0
}

.comments-area .main-comments .comments-body .comment-text .comment-awaiting-moderation {
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.3
}

.no-results h2.page-title {
    color: #393738
}

.error-page-wrap-layout1 {
    padding: 18rem 0 15rem;
    position: relative;
    z-index: 10
}

.error-page-box-layout1 {
    text-align: center
}

.error-page-box-layout1 .error-img {
    margin-bottom: 45px
}

@media only screen and (max-width:767px) {
    .error-page-box-layout1 .error-img {
        margin-bottom: 40px
    }
}

.error-page-box-layout1 .title-text {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1;
    letter-spacing: 4px;
    color: #393738
}

@media only screen and (max-width:991px) {
    .error-page-box-layout1 .title-text {
        font-size: 40px
    }
}

@media only screen and (max-width:767px) {
    .error-page-box-layout1 .title-text {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .error-page-box-layout1 .title-text {
        font-size: 28px
    }
}

.error-page-box-layout1 .item-subtitle {
    font-size: 18px;
    width: 60%;
    margin: 0 auto 60px
}

@media only screen and (max-width:767px) {
    .error-page-box-layout1 .item-subtitle {
        width: 100%;
        margin-bottom: 40px
    }
}

.error-page-box-layout1 .item-btn {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 50px;
    transition: all 0.3s ease-out
}

.error-page-box-layout1 .item-btn:hover {
    background-color: #d21c1d;
    color: #fff
}

@media only screen and (max-width:767px) {
    .error-page-box-layout1 .item-btn {
        padding: 10px 20px;
        font-size: 14px
    }
}

#Clouds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    overflow: hidden;
    animation: FadeIn 3s ease-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1
}

@keyframes FadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Cloud {
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 70px;
    animation-duration: 80s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: Float, FadeFloat;
    z-index: 1
}

.Cloud.Foreground {
    height: 100%;
    min-height: 20px;
    z-index: 3
}

.Cloud.Background {
    background-repeat: no-repeat;
    height: 90.90909091%;
    min-height: 8px;
    animation-duration: 140s
}

@keyframes Float {
    from {
        transform: translateX(100%) translateZ(0)
    }

    to {
        transform: translateX(-15%) translateZ(0)
    }
}

@keyframes FadeFloat {

    0%,
    100% {
        opacity: 0
    }

    5%,
    90% {
        opacity: 1
    }
}

.Cloud:nth-child(10n) {
    animation-delay: -123.07692308s;
    top: 60px
}

.Cloud.Foreground:nth-child(10n) {
    animation-duration: 40s;
    height: 125%
}

.Cloud.Background:nth-child(10n) {
    animation-duration: 60s;
    animation-duration: 120s;
    height: 78.40909091%
}

.Cloud:nth-child(9n) {
    animation-delay: -110.76923077s;
    top: 54px
}

.Cloud.Foreground:nth-child(9n) {
    animation-duration: 44s;
    height: 122.5%
}

.Cloud.Background:nth-child(9n) {
    animation-duration: 64s;
    animation-duration: 122s;
    height: 79.65909091%
}

.Cloud:nth-child(8n) {
    animation-delay: -98.46153846s;
    top: 48px
}

.Cloud.Foreground:nth-child(8n) {
    animation-duration: 48s;
    height: 120%
}

.Cloud.Background:nth-child(8n) {
    animation-duration: 68s;
    animation-duration: 124s;
    height: 80.90909091%
}

.Cloud:nth-child(7n) {
    animation-delay: -86.15384615s;
    top: 42px
}

.Cloud.Foreground:nth-child(7n) {
    animation-duration: 52s;
    height: 117.5%
}

.Cloud.Background:nth-child(7n) {
    animation-duration: 72s;
    animation-duration: 126s;
    height: 82.15909091%
}

.Cloud:nth-child(6n) {
    animation-delay: -73.84615385s;
    top: 36px
}

.Cloud.Foreground:nth-child(6n) {
    animation-duration: 56s;
    height: 115%
}

.Cloud.Background:nth-child(6n) {
    animation-duration: 76s;
    animation-duration: 128s;
    height: 83.40909091%
}

.Cloud:nth-child(5n) {
    animation-delay: -61.53846154s;
    top: 30px
}

.Cloud.Foreground:nth-child(5n) {
    animation-duration: 60s;
    height: 112.5%
}

.Cloud.Background:nth-child(5n) {
    animation-duration: 80s;
    animation-duration: 130s;
    height: 84.65909091%
}

.Cloud:nth-child(4n) {
    animation-delay: -49.23076923s;
    top: 24px
}

.Cloud.Foreground:nth-child(4n) {
    animation-duration: 64s;
    height: 110%
}

.Cloud.Background:nth-child(4n) {
    animation-duration: 84s;
    animation-duration: 132s;
    height: 85.90909091%
}

.Cloud:nth-child(3n) {
    animation-delay: -36.92307692s;
    top: 18px
}

.Cloud.Foreground:nth-child(3n) {
    animation-duration: 68s;
    height: 107.5%
}

.Cloud.Background:nth-child(3n) {
    animation-duration: 88s;
    animation-duration: 134s;
    height: 87.15909091%
}

.Cloud:nth-child(2n) {
    animation-delay: -24.61538462s;
    top: 12px
}

.Cloud.Foreground:nth-child(2n) {
    animation-duration: 72s;
    height: 105%
}

.Cloud.Background:nth-child(2n) {
    animation-duration: 92s;
    animation-duration: 136s;
    height: 88.40909091%
}

.Cloud:nth-child(1n) {
    animation-delay: -12.30769231s;
    top: 6px
}

.Cloud.Foreground:nth-child(1n) {
    animation-duration: 76s;
    height: 102.5%
}

.Cloud.Background:nth-child(1n) {
    animation-duration: 96s;
    animation-duration: 138s;
    height: 89.65909091%
}

.Cloud.Foreground {
    background: url(../../../../../../../../themes/roofix/assets/img/figure/cloud2.png);
    background-repeat: no-repeat
}

.Cloud.Background {
    background: url(../../../../../../../../themes/roofix/assets/img/figure/cloud2.png);
    background-repeat: no-repeat
}

.single-roofix-img {
    margin-bottom: 35px
}

.roofix-description {
    margin-bottom: 40px
}

.roofix-description .title {
    font-size: 36px;
    line-height: 1
}

.roofix-description ul li {
    line-height: 2;
    font-size: 18px
}

.roofix-description ul li span {
    font-weight: 700
}

.roofix-owl-wrap .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.roofix-owl-wrap .owl-dots .owl-dot span {
    height: 12px;
    width: 12px;
    background: #ee212b
}

.roofix-owl-wrap .owl-dots .active span {
    background: #ee212b
}

.roofix-owl-wrap .dot-control .owl-controls {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.roofix-owl-wrap .dot-control .owl-controls .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.roofix-owl-wrap .dot-control .owl-controls .owl-dots .owl-dot span {
    height: 12px;
    width: 12px;
    background: #ee212b
}

.roofix-owl-wrap .dot-control .owl-controls .owl-dots .active span {
    background: #ee212b
}

.subscribe-layout1 {
    text-align: center
}

.subscribe-layout1 h2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px
}

@media only screen and (max-width:1199px) {
    .subscribe-layout1 h2 {
        font-size: 32px;
        margin-bottom: 35px
    }
}

@media only screen and (max-width:991px) {
    .subscribe-layout1 h2 {
        font-size: 30px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:767px) {
    .subscribe-layout1 h2 {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 1.4
    }
}

.subscribe-layout1 .subscribe-input-area {
    border: none;
    padding: 0;
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .subscribe-layout1 .subscribe-input-area {
        width: 100%
    }
}

.subscribe-layout1 .subscribe-input-area .form-control {
    font-size: 16px;
    padding: 6px 20px;
    border: none;
    border-radius: 4px !important;
    color: #393738;
    min-height: 55px;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 0 #e4e4e4
}

@media only screen and (max-width:1199px) {
    .subscribe-layout1 .subscribe-input-area .form-control {
        min-height: 50px
    }
}

@media only screen and (max-width:991px) {
    .subscribe-layout1 .subscribe-input-area .form-control {
        min-height: 48px
    }
}

@media only screen and (max-width:767px) {
    .subscribe-layout1 .subscribe-input-area .form-control {
        min-height: 45px
    }
}

@media only screen and (max-width:575px) {
    .subscribe-layout1 .subscribe-input-area .form-control {
        min-height: 42px
    }
}

@media only screen and (max-width:479px) {
    .subscribe-layout1 .subscribe-input-area .form-control {
        min-height: 40px
    }
}

.subscribe-layout1 .subscribe-input-area .input-group-addon {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    transition: all 0.3s ease-out
}

.subscribe-layout1 .subscribe-input-area .input-group-addon button {
    margin-left: 10px
}

.subscribe-layout1 input.search-input:focus {
    outline-width: 0;
    outline: none
}

.subscribe-layout1 input::-webkit-input-placeholder,
.subscribe-layout1 textarea::-webkit-input-placeholder {
    color: #d21c1d
}

.subscribe-layout1 input::-moz-placeholder,
.subscribe-layout1 textarea::-moz-placeholder {
    color: #d21c1d
}

.subscribe-layout1 input:-moz-placeholder,
.subscribe-layout1 textarea:-moz-placeholder {
    color: #d21c1d
}

.subscribe-layout1 input:-ms-input-placeholder,
.subscribe-layout1 textarea:-ms-input-placeholder {
    color: #d21c1d
}

.subscribe-layout1 .input-group-addon {
    margin-left: 10px
}

.newsletter-box1 .input-group {
    height: 54px;
    width: 100%
}

@media only screen and (max-width:575px) {
    .newsletter-box1 .input-group {
        display: block
    }
}

.newsletter-box1 .input-group ::placeholder {
    color: #fff
}

.newsletter-box1 .input-group .form-control {
    height: 54px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width:575px) {
    .newsletter-box1 .input-group .form-control {
        width: 100%;
        margin-bottom: 10px
    }
}

.newsletter-box1 .input-group .form-control:focus {
    box-shadow: none
}

.newsletter-box1 .input-group .form-control ::placeholder {
    color: #fff
}

.newsletter-box1 .input-group .input-group-append {
    margin-left: 10px;
    position: relative
}

@media only screen and (max-width:575px) {
    .newsletter-box1 .input-group .input-group-append {
        margin-left: 0
    }
}

.newsletter-box1 .input-group .input-group-append .shape-img {
    position: absolute;
    top: -27px;
    right: -34px;
    z-index: 1
}

@media only screen and (max-width:575px) {
    .newsletter-box1 .input-group .input-group-append .shape-img {
        display: none
    }
}

.newsletter-box1 .input-group .input-group-append input {
    display: inline-block;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    border: none;
    border-radius: 4px;
    padding: 11px 30px;
    box-shadow: none;
    transition: all 0.3s ease-in-out
}

.newsletter-box1 .input-group .input-group-append input:hover {
    color: #ee212b
}

.newsletter-box1 .input-group .input-group-append input:focus,
.newsletter-box1 .input-group .input-group-append input:active {
    box-shadow: none !important
}

.call-to-action-layout1 {
    text-align: center
}

.call-to-action-layout1 h2 {
    font-weight: 700;
    color: #fff
}

.call-to-action-layout1 p {
    width: 60%;
    margin: 0 auto 45px
}

@media only screen and (max-width:767px) {
    .call-to-action-layout1 p {
        width: 100%
    }
}

.container-fluid.no-gutters {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:576px) {
    .nav-control-top {
        position: relative
    }

    .nav-control-top .owl-controls {
        position: absolute;
        top: -80px;
        right: -2px;
        z-index: 5
    }

    .nav-control-top .owl-controls i {
        display: block;
        line-height: 30px;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-nav {
        margin-top: 0
    }

    .nav-control-top .owl-controls .owl-nav>div {
        padding: 0;
        border-radius: 2px;
        background-color: #ee212b;
        opacity: 1;
        font-size: 18px;
        margin: 0 2px;
        height: 30px;
        width: 30px;
        color: #393738;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-nav>div:hover {
        background-color: #ee212b;
        color: #fff
    }
}

@media only screen and (min-width:992px) {
    .full-width-left-compress .container-fluid {
        padding-right: 0
    }

    .header-icon-light a i {
        font-weight: 500;
        font-size: 20px;
        color: #fff;
        transition: all 0.5s ease-out
    }

    .header-icon-light a i:before {
        margin-left: 0;
        color: #fff;
        transition: all 0.5s ease-out
    }

    .header-icon-light a:hover i {
        color: #ee212b
    }

    .header-icon-light a:hover i:before {
        color: #ee212b
    }
}

@media only screen and (min-width:1200px) {
    .full-width-compress>* {
        padding-left: 60px;
        padding-right: 60px
    }

    .full-width-left-compress .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .full-width-compress2>* {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (min-width:1200px) {
    .header-style-2 .new-header-2.full-width-compress {
        padding-left: 60px;
        padding-right: 60px
    }

    .header-style-2 .new-header-2.full-width-compress .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .header-style-2 .full-width-left-compress .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .header-style-2 .full-width-compress2>* {
        padding-left: 25px;
        padding-right: 24px
    }
}

@media only screen and (max-width:991px) {
    .sidebar-break-md {
        margin-top: 4rem
    }

    .header-icon-mobile a i {
        font-weight: 500;
        font-size: 20px;
        color: #9f9f9f;
        transition: all 0.5s ease-out
    }

    .header-icon-mobile a i:before {
        margin-left: 0;
        color: #9f9f9f;
        transition: all 0.5s ease-out
    }

    .header-icon-mobile a:hover i {
        color: #ee212b
    }

    .header-icon-mobile a:hover i:before {
        color: #ee212b
    }
}

@media only screen and (max-width:575px) {
    .text-center--mb {
        text-align: center !important
    }

    .nav-control-top {
        position: relative
    }

    .nav-control-top .owl-controls i {
        color: #ee212b;
        display: block;
        line-height: 20px;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-nav {
        margin-top: 0
    }

    .nav-control-top .owl-controls .owl-nav>div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: 1px solid #ee212b;
        opacity: 1;
        font-size: 16px;
        margin: 0 2px;
        height: 30px;
        width: 30px;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-prev {
        left: -15px
    }

    .nav-control-top .owl-controls .owl-prev:hover {
        background: #ee212b;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-prev:hover i {
        color: #fff
    }

    .nav-control-top .owl-controls .owl-next {
        right: -15px
    }

    .nav-control-top .owl-controls .owl-next:hover {
        background: #ee212b;
        transition: all 0.3s ease-out
    }

    .nav-control-top .owl-controls .owl-next:hover i {
        color: #fff
    }
}

.single-blog-content-holder input[type="password"] {
    height: 32px
}

.entry-content {
    word-wrap: break-word;
    overflow-wrap: normal;
    overflow-wrap: break-word
}

.roofix-page-links {
    margin-bottom: 40px
}

.roofix-page-links span.page-links-title {
    font-weight: 600;
    color: #393738;
    margin-right: 5px;
    padding: 0
}

.roofix-page-links span.page-links-title>span {
    color: #fff
}

.roofix-page-links>span {
    font-size: 18px;
    color: #fff;
    padding: 5px
}

.roofix-page-links {
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    clear: both
}

.roofix-page-links>span.post-page-numbers {
    font-weight: 500;
    font-size: 16px;
    background-color: #ee212b;
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 44px;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease-out;
    line-height: 2.12;
    border-radius: 4px;
    margin-left: 10px
}

.roofix-page-links>span.post-page-numbers:hover {
    color: #fff
}

.roofix-page-links>span.post-page-numbers:hover>span {
    color: #fff
}

.roofix-page-links a,
.roofix-page-links a:link,
.roofix-page-links a:visited {
    margin-left: 10px;
    background-color: #ebebeb;
    font-weight: 500;
    font-size: 16px;
    color: #393738;
    display: inline-block;
    height: 40px;
    width: 44px;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease-out;
    border-radius: 4px
}

.roofix-page-links a:hover,
.roofix-page-links a:link:hover,
.roofix-page-links a:visited:hover {
    background-color: #ee212b;
    color: #fff
}

.roofix-page-links a:hover>span,
.roofix-page-links a:link:hover>span,
.roofix-page-links a:visited:hover>span {
    color: #fff
}

.roofix-page-area .comments-area {
    border-top: 1px solid #ebebeb;
    padding-top: 43px !important;
    margin-top: 45px !important
}

.mc4wp-response {
    text-align: center;
    color: #fff
}

.news-meta-info.mar20-ul {
    padding-left: 0
}

.sidebar-widget-area .widgets ul li ul.children,
.sidebar-widget-area .widgets ul li ul.sub-menu {
    padding-left: 3px
}

.sidebar-widget-area .widgets ul li {
    padding-left: 11px
}

.comments-area .main-comments.pingback .comments-body {
    margin-left: 0
}

.comments-area .main-comments.pingback .imgholder {
    margin-right: 0
}

nav.pagination-area.comment-pagination {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 40px
}

nav.pagination-area.comment-pagination>ul li a {
    font-size: 12px;
    padding: 10px 15px;
    display: block;
    width: inherit;
    background-color: #d21c1d;
    line-height: 1.7
}

nav.pagination-area.comment-pagination>ul li a:hover {
    background-color: #ee212b;
    color: #fff
}

.post-each-single .news-meta-info {
    padding-left: 0;
    margin-left: 0
}

.news-meta-info {
    margin-bottom: 20px;
    font-size: 15px
}

.news-meta-info li {
    display: inline;
    font-weight: 500;
    font-size: 15px
}

.news-meta-info li a {
    color: #707173
}

.news-meta-info li a:hover {
    color: #ee212b
}

.news-meta-info.mar20-ul li {
    margin-right: 20px;
    font-weight: 500;
    font-size: 15px
}

.news-meta-info.mar20-ul li i {
    color: #ee212b;
    margin-right: 5px
}

.news-meta-info.mar20-ul li a {
    color: #707173
}

.news-meta-info.mar20-ul li a:hover {
    color: #ee212b
}

.widgets {
    margin-bottom: 30px
}

.widget-department-info ul {
    margin-top: 30px;
    box-shadow: 0 1px 20px 0 rgba(218, 227, 232, .75);
    border-radius: 4px;
    padding: 15px 30px;
    width: 100%
}

.widget-department-info ul li {
    width: 100%;
    font-weight: 500;
    padding-left: 15px !important
}

.widget-department-info ul li a {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #d9d9d9;
    color: #393738;
    transition: all 0.5s ease-out
}

.widget-department-info ul li a:after {
    content: "";
    position: absolute;
    height: 25px;
    width: 2px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    font-size: 28px;
    background-color: #d9d9d9;
    transition: all 0.5s ease-out
}

.widget-department-info ul li a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    color: #d9d9d9;
    transition: all 0.5s ease-out
}

.widget-department-info ul li a:hover {
    color: #ee212b
}

.widget-department-info ul li a:hover:after {
    background-color: #ee212b
}

.widget-department-info ul li a:hover:before {
    color: #ee212b
}

.widget-department-info ul li .active {
    color: #ee212b
}

.widget-department-info ul li .active:after {
    background-color: #ee212b
}

.widget-department-info ul li .active:before {
    color: #ee212b
}

.widget-department-info ul li:last-child a {
    border-bottom: none
}

.rt_widget_open_hour.single-sidebar {
    background-color: #f8f8f8;
    padding: 30px
}

.rt_widget_open_hour.single-sidebar .footer-opening-hours li {
    margin-bottom: 0;
    border-bottom: 0;
    padding-left: 0
}

.rt_widget_open_hour.single-sidebar .footer-opening-hours li span {
    display: block;
    clear: both
}

.rt_widget_open_hour.single-sidebar .footer-opening-hours li span.os-close {
    display: inline-block;
    clear: inherit;
    color: #ee212b
}

.rt_widget_open_hour.single-sidebar .footer-opening-hours li::before {
    display: none
}

.rt_widget_open_hour.single-sidebar .footer-opening-hours li::after {
    display: none
}

.menu-departments-container .menu li {
    margin-bottom: 0;
    border-bottom: 0
}

.menu-departments-container .menu li::before {
    display: none
}

.menu-departments-container .menu li::after {
    display: none
}

.menu-departments-container ul {
    margin-top: 30px;
    box-shadow: 0 1px 20px 0 rgba(218, 227, 232, .75);
    border-radius: 4px;
    padding: 15px 30px;
    width: 100%
}

.menu-departments-container ul li {
    width: 100%
}

.menu-departments-container ul li a {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #d9d9d9;
    color: #393738;
    transition: all 0.5s ease-out
}

.menu-departments-container ul li a:after {
    content: "";
    position: absolute;
    height: 25px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    font-size: 28px;
    background-color: #d9d9d9;
    transition: all 0.5s ease-out
}

.menu-departments-container ul li a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    color: #d9d9d9;
    transition: all 0.5s ease-out
}

.menu-departments-container ul li a:hover {
    color: #ee212b
}

.menu-departments-container ul li a:hover:after {
    background-color: #ee212b
}

.menu-departments-container ul li a:hover:before {
    color: #ee212b
}

.menu-departments-container ul li .active {
    color: #ee212b
}

.menu-departments-container ul li .active:after {
    background-color: #ee212b
}

.menu-departments-container ul li .active:before {
    color: #ee212b
}

.menu-departments-container ul li:last-child a {
    border-bottom: none
}

.widget-call-to-action-light {
    background-color: #fff;
    padding: 30px 20px 20px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.widget-call-to-action-light .media img {
    margin-top: 5px
}

.widget-call-to-action-light .media .media-body h4 {
    color: #393738;
    margin-bottom: 10px;
    font-weight: 500
}

.widget-call-to-action-light .media .media-body span {
    color: #393738;
    display: block;
    margin-bottom: 10px
}

.widget-ad-area {
    position: relative;
    border-radius: 4px;
    text-align: center
}

.widget-ad-area .item-btn-wrap {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.widget-ad-area .item-btn {
    border-radius: 4px;
    padding: 16px 30px;
    color: #393738;
    background-color: #fff;
    transition: all 0.3s ease-out
}

.widget-ad-area .item-btn i {
    color: #ee212b;
    margin-left: 15px;
    transition: all 0.3s ease-out
}

.widget-ad-area .item-btn:hover {
    background-color: #ee212b;
    color: #fff
}

.widget-ad-area .item-btn:hover i {
    color: #fff
}

.widget-schedule {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 4px
}

.widget-schedule ul li {
    margin-bottom: 15px;
    padding-left: 0 !important
}

.widget-schedule ul li span.bold5 {
    font-weight: 500
}

.widget-schedule ul li:last-child {
    margin-bottom: 0
}

.aj-departments .item-title {
    margin-bottom: 10px
}

.aj-departments span.degree {
    margin-bottom: 3px !important
}

.aj-departments .designation {
    margin-bottom: 5px
}

.widget-appointment {
    background-color: #ee212b;
    padding: 30px;
    border-radius: 4px
}

.widget-appointment form {
    margin-top: 30px
}

.widget-appointment .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #a6bfff
}

.widget-appointment .select2-container--classic .select2-selection--single {
    background-color: #2555d0;
    border: 1px solid #2555d0;
    border-radius: 4px
}

.widget-appointment .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: transparent
}

.widget-appointment .select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #a6bfff transparent transparent transparent
}

.widget-appointment .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #a6bfff transparent
}

.widget-appointment .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,
.widget-appointment .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border: 1px solid #ee212b
}

.widget-appointment input {
    height: 52px;
    font-size: 16px;
    padding: 5px 15px;
    color: #fff;
    border: 1px solid #2555d0
}

.widget-appointment .form-control {
    color: #ffffff !important;
    background: #2555d0 !important;
    border-radius: 4px !important;
    border: 1px solid #2555d0 !important
}

.widget-appointment .form-control:focus {
    border-color: #2555d0
}

.widget-appointment textarea {
    font-size: 16px;
    padding: 15px;
    color: #393738;
    border: 1px solid #2555d0;
    border-radius: 4px
}

.widget-appointment textarea:focus {
    border-color: #2555d0
}

.widget-appointment input.form-control::-webkit-input-placeholder,
.widget-appointment textarea.form-control::-webkit-input-placeholder {
    color: #a6bfff
}

.widget-appointment input.form-control::-moz-placeholder,
.widget-appointment textarea.form-control::-moz-placeholder {
    color: #a6bfff
}

.widget-appointment input.form-control:-moz-placeholder,
.widget-appointment textarea.form-control:-moz-placeholder {
    color: #a6bfff
}

.widget-appointment input.form-control:-ms-input-placeholder,
.widget-appointment textarea.form-control:-ms-input-placeholder {
    color: #a6bfff
}

.widget-appointment .form-group {
    margin-bottom: 15px;
    position: relative
}

.widget-appointment .form-group i {
    color: #a6bfff;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%)
}

.widget-appointment .item-btn {
    padding: 12px 25px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #fff;
    color: #393738;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.widget-appointment .item-btn i {
    margin-left: 10px;
    position: inherit;
    transform: inherit;
    color: #393738;
    font-size: 14px;
    transition: all 0.3s ease-out
}

.widget-appointment .item-btn:hover {
    background-color: transparent;
    box-shadow: inherit;
    color: #fff
}

.widget-appointment .item-btn:hover i {
    color: #fff
}

@media only screen and (max-width:991px) {
    .sidebar-widget-area {
        margin-top: 3rem;
        margin-bottom: 40px
    }
}

.sidebar-widget-area .widgets {
    margin-bottom: 40px
}

.sidebar-widget-area .widgets .section-title {
    color: #d21c1d;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 22px
}

.sidebar-widget-area .widgets .section-title-light {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700
}

.sidebar-widget-area .widgets:last-child {
    margin-bottom: 0 !important
}

.modal-list li {
    display: block
}

.modal-list li span {
    display: inline-block;
    min-width: 93px;
    font-weight: 500;
    text-align: right;
    margin-right: 8px
}

.error-box-layout1 .item-btn {
    display: inline-block;
    border: 2px solid #396cf0;
    border-radius: 4px;
    color: #396cf0;
    font-weight: 500;
    padding: 15px 50px 13px;
    transition: all 0.3s ease-out
}

.error-box-layout1 .item-btn:hover {
    background-color: #396cf0;
    color: #fff
}

.error-box-layout1 .title {
    color: #393738;
    letter-spacing: 8px;
    margin-right: -8px
}

.img-border-radius img {
    border-radius: 4px
}

.single-service-box-layout1 .main-img {
    margin-bottom: 30px
}

.single-service-box-layout1 .item-content .item-info {
    margin-bottom: 7rem
}

.single-service-box-layout1 .item-content .item-info .item-subtitle {
    font-size: 24px;
    font-weight: 500;
    color: #393738;
    margin-bottom: 14px;
    line-height: 1.5
}

@media only screen and (max-width:991px) {
    .single-service-box-layout1 .item-content .item-info .item-subtitle {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .single-service-box-layout1 .item-content .item-info .item-subtitle {
        font-size: 20px
    }
}

@media only screen and (max-width:575px) {
    .single-service-box-layout1 .item-content .item-info .item-subtitle {
        font-size: 18px
    }
}

.single-service-box-layout1 .item-content .item-info p {
    margin-bottom: 35px
}

.single-service-box-layout1 .item-content .more-info {
    margin-bottom: 30px
}

.single-service-box-layout1 .item-content .more-info .more-info-box {
    margin-bottom: 4rem
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img {
    position: relative;
    padding-left: 32px;
    z-index: 2
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img img {
    border-radius: 4px
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img:after {
    position: absolute;
    top: -32px;
    left: 0;
    z-index: -1
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2 {
    position: relative;
    padding-right: 32px;
    z-index: 2
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2 img {
    border-radius: 4px
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2:after {
    position: absolute;
    top: -32px;
    right: 0;
    z-index: -1
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li {
    padding-left: 7rem;
    position: relative
}

@media only screen and (max-width:575px) {
    .single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li {
        padding-left: 10rem
    }
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li .sl-number {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #ebebeb;
    font-size: 24px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:575px) {
    .single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li .sl-number {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 20px
    }
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li h4 {
    font-weight: 500;
    margin-bottom: 10px
}

.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li:hover .sl-number {
    background-color: #ee212b;
    color: #fff
}

.single-service-box-layout1 .item-content .item-gallery .item-title {
    font-size: 24px;
    font-weight: 500
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img {
    margin: 30px 0 55px
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img {
    position: relative;
    text-align: center
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img img {
    border-radius: 4px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .3)
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn {
    display: inline-block;
    height: 55px;
    width: 55px;
    line-height: 61px;
    border-radius: 50%;
    background-color: #ee212b;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:767px) {
    .single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn {
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn i:before {
    font-size: 24px;
    color: #fff;
    margin-left: 8px
}

@media only screen and (max-width:767px) {
    .single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn i:before {
        font-size: 20px
    }
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn:hover {
    background-color: #fff
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn:hover i:before {
    color: #ee212b
}

.single-service-box-layout1 .item-content .item-gallery .gallery-img .popup-overlay:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.single-service-box-layout1 .item-content .item-services {
    background-color: #f8f8f8;
    padding: 40px 50px 30px;
    border-radius: 4px;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .single-service-box-layout1 .item-content .item-services {
        padding: 40px 30px 30px
    }
}

.single-service-box-layout1 .item-content .item-services .item-title {
    font-size: 24px;
    font-weight: 500
}

.single-service-box-layout1 .item-content .item-services .service-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .single-service-box-layout1 .item-content .item-services .service-list {
        display: block
    }
}

.single-service-box-layout1 .item-content .item-services .service-list ul {
    margin-right: 30px
}

.single-service-box-layout1 .item-content .item-services .service-list ul:last-child {
    margin-right: 0
}

.single-service-box-layout1 .item-content .item-services .service-list ul li {
    color: #707173;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px
}

.single-service-box-layout1 .item-content .item-services .service-list ul li i {
    position: absolute;
    top: 5px;
    left: 0;
    color: #ee212b
}

.single-team-box-layout1 {
    margin-right: 30px;
    position: relative
}

@media only screen and (max-width:767px) {
    .single-team-box-layout1 {
        margin-bottom: 0;
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .single-team-box-layout1 {
        margin-right: 0 !important
    }
}

.single-team-box-layout1 .media-body-content .section-title {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 5px
}

.single-team-box-layout1 .media-body-content .section-subtitle {
    color: #444;
    font-size: 18px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 23px;
    position: relative;
    padding-bottom: 17px
}

.single-team-box-layout1 .media-body-content .section-subtitle:before {
    content: "";
    height: 4px;
    width: 15px;
    background-color: #ffa996;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    border: none
}

.single-team-box-layout1 .media-body-content .section-subtitle:after {
    content: "";
    height: 4px;
    width: 34px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 20px;
    border-radius: 10px;
    border: none
}

.single-team-box-layout1 .media-body-content .heading-title {
    color: #393738;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.single-team-box-layout1 .media-body-content .team-list1 {
    margin-bottom: 25px;
    margin-left: 0
}

.single-team-box-layout1 .media-body-content .team-list1 li {
    color: #707173;
    margin-bottom: 5px;
    list-style: none
}

.single-team-box-layout1 .media-body-content .team-list1 li:last-child {
    margin-bottom: 0
}

.single-team-box-layout1 .media-body-content .team-list1 li i {
    font-size: 8px;
    color: #ee212b;
    font-weight: 700;
    margin-right: 10px
}

.single-team-box-layout1 .media-body-content .team-list2 {
    margin-left: 0
}

.single-team-box-layout1 .media-body-content .team-list2 li {
    color: #707173;
    margin-bottom: 5px;
    list-style: none
}

.single-team-box-layout1 .media-body-content .team-list2 li:last-child {
    margin-bottom: 0
}

.single-team-box-layout1 .media-body-content .team-list2 li i {
    font-size: 8px;
    color: #ee212b;
    font-weight: 700;
    margin-right: 10px
}

.single-team-box-layout1 .item-social {
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    position: absolute;
    text-align: center;
    bottom: -27px;
    left: 0;
    right: 0
}

.single-team-box-layout1 .item-social li {
    display: inline-block;
    font-size: 18px;
    color: #ee212b;
    list-style: none;
    margin-right: 5px
}

.single-team-box-layout1 .item-social li:first-child {
    margin-right: 0
}

.single-team-box-layout1 .item-social li a {
    color: #fa360a;
    background-color: #fff;
    font-size: 20px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    border: none;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 14px 38px 0 rgba(0, 0, 0, .1)
}

.single-team-box-layout1 .item-social li a:hover {
    color: #fff;
    background-color: #ee212b
}

.single-team-box-layout1 .item-img {
    background-color: #c6d2e2;
    border-radius: 4px;
    text-align: center
}

.single-team-box-layout1 .item-content {
    padding-right: 2rem
}

@media only screen and (max-width:767px) {
    .single-team-box-layout1 .item-content {
        padding-right: 0 !important
    }
}

.single-team-box-layout1 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 4px
}

.single-team-box-layout1 .item-content .item-subtitle {
    font-size: 18px;
    margin-bottom: 30px;
    color: #707173
}

@media all and (max-width:767.98px) {
    .single-team-box-layout1 .item-content .item-mail {
        display: block !important
    }
}

.single-team-box-layout1 .item-content .item-mail i {
    font-size: 20px;
    color: #ee212b;
    margin-right: 16px
}

.single-team-box-layout1 .item-content .item-mail .item-list {
    margin-right: 15px
}

@media all and (max-width:767.98px) {
    .single-team-box-layout1 .item-content .item-mail .item-list {
        margin-right: 0;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 11px
    }
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #f5f5f5
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #f5f5f5
}

.item-single-image .item-img {
    position: relative;
    text-align: center
}

.item-single-image .item-img img {
    border-radius: 4px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .3)
}

.item-single-image .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.item-single-image .item-img .item-icon .play-btn {
    display: inline-block;
    height: 55px;
    width: 55px;
    line-height: 61px;
    border-radius: 50%;
    background-color: #ee212b;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:767px) {
    .item-single-image .item-img .item-icon .play-btn {
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

.item-single-image .item-img .item-icon .play-btn i:before {
    font-size: 24px;
    color: #fff;
    margin-left: 8px
}

@media only screen and (max-width:767px) {
    .item-single-image .item-img .item-icon .play-btn i:before {
        font-size: 20px
    }
}

.item-single-image .item-img .item-icon .play-btn:hover {
    background-color: #fff
}

.item-single-image .item-img .item-icon .play-btn:hover i:before {
    color: #ee212b
}

.item-single-image .popup-overlay:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

#respond form p.comment-form-cookies-consent input {
    height: inherit !important;
    border-radius: 3px;
    margin-right: 5px
}

.wp-block-columns.has-2-columns .wp-block-column {
    margin-bottom: 0
}

.breadcrumb-area .entry-breadcrumb span a,
.breadcrumb-area .entry-breadcrumb span a span,
.breadcrumb-area .entry-breadcrumb span a:hover,
.breadcrumb-area .entry-breadcrumb span a:hover span {
    transition: all 0.3s ease-out
}

.single-blog-box-layout1 .post-img {
    margin-bottom: 25px
}

.single-blog-box-layout1 .post-img img {
    border-radius: 4px
}

.single-blog-box-layout1 .entry-meta {
    margin-bottom: 10px;
    padding-left: 0;
    margin-left: 0
}

.single-blog-box-layout1 .entry-meta li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout1 .entry-meta li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .entry-meta li i {
    font-size: 15px;
    color: #d21c1d;
    margin-right: 10px
}

.single-blog-box-layout1 .entry-meta li a {
    color: #707173;
    transition: all 0.3s ease-out
}

.single-blog-box-layout1 .entry-meta li a:hover {
    color: #ee212b
}

.single-blog-box-layout1 .entry-meta li .author {
    color: #d21c1d
}

.single-blog-box-layout1 .item-content {
    position: relative;
    margin-bottom: 20px
}

.single-blog-box-layout1 .item-content .entry-meta {
    margin-bottom: 10px;
    margin-left: 0
}

.single-blog-box-layout1 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout1 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .item-content .entry-meta li i {
    font-size: 15px;
    color: #d21c1d;
    margin-right: 10px
}

.single-blog-box-layout1 .item-content .entry-meta li a {
    color: #707173;
    transition: all 0.3s ease-out
}

.single-blog-box-layout1 .item-content .entry-meta li a:hover {
    color: #ee212b
}

.single-blog-box-layout1 .item-content .entry-meta li .author {
    color: #d21c1d
}

.single-blog-box-layout1 .item-content .others-info {
    margin-top: 3rem
}

.single-blog-box-layout1 .item-content .others-info .info-content .other-title {
    font-size: 24px;
    font-weight: 500;
    color: #393738;
    margin-bottom: 14px
}

@media only screen and (max-width:991px) {
    .single-blog-box-layout1 .item-content .others-info .info-content .other-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .single-blog-box-layout1 .item-content .others-info .info-content .other-title {
        font-size: 20px
    }
}

.single-blog-box-layout1 .item-content .others-info .item-img {
    margin-bottom: 30px;
    margin-top: 4px
}

@media only screen and (max-width:1199px) {
    .single-blog-box-layout1 .item-content .others-info .item-img {
        text-align: center
    }
}

.single-blog-box-layout1 .item-content .others-info .item-img img {
    border-radius: 4px
}

.single-blog-box-layout1 .item-tag-area {
    margin-bottom: 50px;
    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;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .single-blog-box-layout1 .item-tag-area {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .single-blog-box-layout1 .item-tag-area .item-tag {
        margin-bottom: 10px
    }
}

.single-blog-box-layout1 .item-tag-area .item-tag ul {
    padding: 0
}

.single-blog-box-layout1 .item-tag-area .item-tag ul li {
    display: inline-block;
    margin-bottom: 10px
}

.single-blog-box-layout1 .item-tag-area .item-tag ul li i {
    font-size: 18px;
    color: #707173;
    margin-right: 8px
}

.single-blog-box-layout1 .item-tag-area .item-tag ul li a {
    padding: 5px;
    color: #707173;
    transition: all 0.3s ease-out
}

.single-blog-box-layout1 .item-tag-area .item-tag ul li a:hover {
    color: #393738
}

.single-blog-box-layout1 .item-tag-area .item-social {
    margin-bottom: 0;
    padding-left: 0
}

.single-blog-box-layout1 .item-tag-area .item-social ul li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 0
}

.single-blog-box-layout1 .item-tag-area .item-social ul li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .item-tag-area .item-social ul li a {
    text-align: center;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 14px;
    border-radius: 100%;
    padding: 6px 10px;
    transition: all 0.3s ease-out;
    color: #707173
}

.single-blog-box-layout1 .item-tag-area .item-social ul li a:hover {
    background-color: #ee212b;
    color: #fff
}

.single-blog-box-layout1 .item-tag-area.post-has-no-tag {
    padding: 0 0 11px
}

.single-blog-box-layout1 .blog-author {
    background-color: #f8f8f8;
    padding: 35px 30px 30px 30px;
    border-radius: 6px;
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .single-blog-box-layout1 .blog-author {
        padding: 30px 20px
    }
}

.single-blog-box-layout1 .blog-author .item-social {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-blog-box-layout1 .blog-author .item-social li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 10px
}

.single-blog-box-layout1 .blog-author .item-social li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .blog-author .item-social li a {
    text-align: center;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 14px;
    border-radius: 50%;
    color: #a5a5a5;
    padding: 1px;
    transition: all 0.3s ease-out
}

.single-blog-box-layout1 .blog-author .item-social li a:hover {
    background-color: #ee212b;
    color: #fff
}

.single-blog-box-layout1 .blog-author .media {
    position: relative
}

@media only screen and (max-width:767px) {
    .single-blog-box-layout1 .blog-author .media {
        text-align: center
    }
}

.single-blog-box-layout1 .blog-author .media .item-img img {
    border-radius: 50%;
    background: #f0f0f0
}

.single-blog-box-layout1 .blog-author .media .media-body p {
    margin-bottom: 0
}

.single-blog-box-layout1 .blog-author .media .media-body .item-title {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 20px
}

.single-blog-box-layout1 .blog-author .media .media-body .item-subtitle {
    color: #a5a5a5;
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: #959595
}

.single-blog-box-layout1 .blog-comment {
    margin-bottom: 60px
}

.single-blog-box-layout1 .blog-comment .media {
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout1 .blog-comment .media:last-child {
    margin-bottom: 0
}

.single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
    padding-left: 30px
}

.single-blog-box-layout1 .blog-comment .media .item-img {
    margin-top: 6px
}

.single-blog-box-layout1 .blog-comment .media .item-img img {
    border-radius: 50%
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-title {
    margin-bottom: 0;
    font-weight: 600
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-date {
    font-size: 15px;
    color: #707173;
    margin-bottom: 8px
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-weight: 700;
    color: #ee212b;
    padding: 10px 5px;
    transition: all 0.3s ease-out;
    height: 60px
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover {
    color: #393738
}

@media only screen and (max-width:575px) {
    .single-blog-box-layout1 .blog-comment .media {
        text-align: center;
        margin-bottom: 30px
    }

    .single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
        padding-left: 0
    }

    .single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
        position: relative
    }
}

.single-blog-box-layout1 .blog-form {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 35px 40px 40px
}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f1f1f1;
    padding: 18px 22px;
    font-size: 16px;
    color: #393738
}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.single-post-pagination.previous-next.previous.next:before {
    position: absolute;
    content: "";
    background-color: #e4e4e4;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.single-post-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    position: relative;
    padding: 40px;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .single-post-pagination {
        padding: 12px
    }
}

.single-post-pagination .rtin-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media all and (max-width:767.98px) {
    .single-post-pagination .rtin-item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media all and (max-width:991.98px) {
    .single-post-pagination .rtin-item {
        -ms-flex-align: end;
        align-items: end
    }
}

.single-post-pagination .rtin-item .rtin-thumb {
    width: 120px;
    margin-right: 22px
}

@media all and (max-width:767.98px) {
    .single-post-pagination .rtin-item .rtin-thumb {
        margin: 0 0 20px
    }
}

.single-post-pagination .rtin-item .rtin-thumb a {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.single-post-pagination .rtin-item .rtin-thumb a img {
    transform: scale(1);
    transition: 0.3s ease-in-out
}

.single-post-pagination .rtin-item .rtin-thumb a .rtin-icon {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease-out;
    background-color: rgba(0, 0, 0, .7)
}

.single-post-pagination .rtin-item .rtin-thumb a .rtin-icon i:before {
    color: #fff;
    margin-left: 0;
    font-size: 25px;
    line-height: 1
}

.single-post-pagination .rtin-item .rtin-thumb a:hover .rtin-icon {
    opacity: 1;
    visibility: visible
}

.single-post-pagination .rtin-item .rtin-thumb a:hover img {
    transform: scale(1.1)
}

.single-post-pagination .rtin-item .rtin-content .rtin-title {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0
}

.single-post-pagination .rtin-item .rtin-content .rtin-title a {
    color: #393738
}

.single-post-pagination .rtin-item .rtin-content .rtin-title a:hover {
    color: #ee212b
}

.single-post-pagination .rtin-item .rtin-content .rtin-date {
    color: #707173;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 7px;
    margin-bottom: 8px
}

.single-post-pagination .rtin-item .rtin-content .rtin-date i {
    padding-right: 8px
}

.single-post-pagination .rtin-item .rtin-content a.rtin-link {
    display: block;
    color: #707173;
    line-height: 1;
    font-size: 16px;
    margin-bottom: 10px
}

.single-post-pagination .rtin-item .rtin-content a.rtin-link:hover {
    color: #ee212b
}

.single-post-pagination .rtin-item .rtin-content a.rtin-link i {
    padding-right: 10px;
    font-weight: 700;
    color: #ee212b
}

.single-post-pagination .rtin-left {
    margin-right: 10px;
    max-width: 300px
}

.single-post-pagination .rtin-right {
    margin-left: 10px;
    max-width: 300px
}

@media all and (max-width:767.98px) {
    .single-post-pagination .rtin-right {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.single-post-pagination .rtin-right .rtin-thumb {
    margin: 0 0 0 22px
}

@media all and (max-width:767.98px) {
    .single-post-pagination .rtin-right .rtin-thumb {
        margin: 0 0 20px
    }
}

.single-post-pagination .rtin-right .rtin-content {
    text-align: right
}

.single-post-pagination .rtin-right .rtin-content a.rtin-link i {
    padding: 0 0 0 10px
}

.page-thumbnail {
    margin-bottom: 20px
}

.wp-block-themepunch-revslider .play-btn {
    display: inline-block;
    height: 62px;
    width: 62px;
    line-height: 67px !important;
    border-radius: 50%;
    text-align: center !important;
    background-color: #fff;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:768px) {
    .wp-block-themepunch-revslider .play-btn {
        line-height: 70px !important
    }
}

@media only screen and (max-width:767px) {
    .wp-block-themepunch-revslider .play-btn {
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

.wp-block-themepunch-revslider .play-btn i {
    transition: all 0.3s ease-out
}

.wp-block-themepunch-revslider .play-btn i:before {
    font-size: 20px;
    color: #ee212b;
    margin-left: 8px;
    transition: all 0.3s ease-out
}

.wp-block-themepunch-revslider .play-btn:hover {
    background-color: #ee212b
}

.wp-block-themepunch-revslider .play-btn:hover i:before {
    color: #fff;
    transition: all 0.3s ease-out
}

.blog-box-layout3new.blog-box-wrp {
    border-radius: 6px;
    overflow: hidden
}

.blog-box-layout3new.blog-box-wrp .non-ghost-btn-md {
    color: #191818;
    font-size: 15px
}

.widget_roofix_posts .media img {
    border-radius: 6px
}

.contact-form-services-light .form-group {
    margin-bottom: 20px
}

.contact-form-services-light .form-group .form-control {
    border: none;
    box-shadow: none;
    color: #9a9a9a;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px
}

.contact-form-services-light .form-group .wpcf7-form-control-wrap.contactname {
    position: relative;
    display: block
}

.contact-form-services-light .form-group .wpcf7-form-control-wrap.contactname:after {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #9b9b9b
}

.contact-form-services-light .form-group .wpcf7-form-control-wrap.phone {
    position: relative;
    display: block
}

.contact-form-services-light .form-group .wpcf7-form-control-wrap.phone:after {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #9b9b9b
}

.contact-form-services-light input.item-btn[type="submit"] {
    text-transform: uppercase;
    font-weight: inherit;
    color: #9a9a9a;
    background: #fff;
    padding: 9px 23px;
    border-radius: 4px;
    font-weight: 400;
    margin-top: 10px
}

.contact-form-services-light .form-group input[type="text"],
.contact-form-services-light .form-group input[type="date"],
.contact-form-services-light .form-group input[type="tel"],
.contact-form-services-light .form-group input[type="email"] {
    height: 50px
}

.contact-form-services-light .ghost-btn-light {
    border-radius: 6px;
    background-color: #FFF;
    border: 1px solid #fff;
    color: #393738;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    min-width: 156px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif
}

.contact-form-services-light .ghost-btn-light span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #171717;
    font-weight: 700
}

.contact-form-services-light .ghost-btn-light span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #171717
}

.contact-form-services-light .ghost-btn-light:hover span {
    padding-right: 15px
}

.contact-form-services-light .ghost-btn-light:hover span:after {
    opacity: 1;
    right: 0
}

.contact-form-services-button-light .form-group {
    margin-bottom: 20px;
    padding: 0 10px 0 0;
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333%;
    max-width: 30.333333%
}

@media (max-width:1440px) {
    .contact-form-services-button-light .form-group {
        padding: 0 15px
    }
}

@media (max-width:767px) {
    .contact-form-services-button-light .form-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.contact-form-services-button-light .form-group .form-control {
    border-radius: 4px;
    box-shadow: none;
    color: #9a9a9a;
    background-color: #fff;
    border: none;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px
}

.contact-form-services-button-light .form-group .wpcf7-form-control-wrap.contactname {
    position: relative;
    display: block
}

.contact-form-services-button-light .form-group .wpcf7-form-control-wrap.contactname:after {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #171717
}

.contact-form-services-button-light .form-group .wpcf7-form-control-wrap.phone {
    position: relative;
    display: block
}

.contact-form-services-button-light .form-group .wpcf7-form-control-wrap.phone:after {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #171717
}

.contact-form-services-button-light input.item-btn[type="submit"] {
    text-transform: uppercase;
    font-weight: inherit;
    color: #171717;
    background: #fff;
    padding: 9px 23px;
    border-radius: 4px;
    font-weight: 400;
    margin-top: 10px
}

.contact-form-services-button-light .form-group input[type="text"],
.contact-form-services-button-light .form-group input[type="date"],
.contact-form-services-button-light .form-group input[type="tel"],
.contact-form-services-button-light .form-group input[type="email"] {
    height: 50px
}

.contact-form-services-button-light .ghost-btn-light {
    border-radius: 6px;
    background-color: #FFF;
    border: 1px solid #fff;
    color: #393738;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    min-width: 156px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    padding: 10px 18px;
    min-width: 160px
}

.contact-form-services-button-light .ghost-btn-light span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #171717;
    font-weight: 700
}

.contact-form-services-button-light .ghost-btn-light span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #171717
}

.contact-form-services-button-light .ghost-btn-light:hover span {
    padding-right: 15px
}

.contact-form-services-button-light .ghost-btn-light:hover span:after {
    opacity: 1;
    right: 0
}

.contact-form-services-drk .form-group {
    margin-bottom: 20px
}

.contact-form-services-drk .form-group .form-control {
    border: none;
    box-shadow: none;
    color: #9a9a9a;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px
}

.contact-form-services-drk .form-group .wpcf7-form-control-wrap.contactname {
    position: relative;
    display: block
}

.contact-form-services-drk .form-group .wpcf7-form-control-wrap.contactname:after {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #9b9b9b
}

.contact-form-services-drk .form-group .wpcf7-form-control-wrap.phone {
    position: relative;
    display: block
}

.contact-form-services-drk .form-group .wpcf7-form-control-wrap.phone:after {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #9b9b9b
}

.contact-form-services-drk input.item-btn[type="submit"] {
    text-transform: uppercase;
    font-weight: inherit;
    color: #9a9a9a;
    background: #fff;
    padding: 9px 23px;
    border-radius: 4px;
    font-weight: 400;
    margin-top: 10px
}

.contact-form-services-drk .form-group input[type="text"],
.contact-form-services-drk .form-group input[type="date"],
.contact-form-services-drk .form-group input[type="tel"],
.contact-form-services-drk .form-group input[type="email"] {
    height: 54px
}

.contact-form-services-drk .ghost-btn-light {
    border-radius: 6px;
    background-color: #FFF;
    border: 1px solid #fff;
    color: #393738;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    min-width: 156px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif
}

.contact-form-services-drk .ghost-btn-light span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #171717;
    font-weight: 700
}

.contact-form-services-drk .ghost-btn-light span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #171717
}

.contact-form-services-drk .ghost-btn-light:hover span {
    padding-right: 15px
}

.contact-form-services-drk .ghost-btn-light:hover span:after {
    opacity: 1;
    right: 0
}

@media only screen and (max-width:767px) {
    .contact-form-box-home {
        text-align: center
    }
}

.contact-form-box-home .form-group .form-control {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #444;
    background-color: #fff;
    padding-left: 22px;
    font-size: 16px;
    font-weight: 500
}

.contact-form-box-home input.item-btn[type="submit"] {
    text-transform: uppercase;
    font-weight: inherit;
    color: #fff;
    padding: 16px 36px;
    border-radius: 4px;
    font-weight: 700;
    margin-top: 10px;
    background-color: #393738;
    font-size: 18px;
    transition: all 0.3s ease-out
}

.contact-form-box-home input.item-btn[type="submit"]:hover {
    background-color: #fff;
    color: #393738
}

.contact-form-box-home .form-group input[type="text"],
.contact-form-box-home .form-group input[type="date"],
.contact-form-box-home .form-group input[type="email"] {
    height: 52px
}

.slick-slider-layout1 .slick-nav-wrap {
    position: relative
}

.slider-primary-btn {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.slider-primary-btn i.fas.fa-play-circle {
    font-size: 24px;
    margin-right: 10px;
    line-height: 1
}

span.wpcf7-not-valid-tip {
    color: #2d87e2
}

div.wpcf7-response-output {
    margin: 25px 0;
    padding: 5px 10px;
    border-radius: 3px
}

div.wpcf7-validation-errors {
    border-color: #2d87e2
}

.contact-us-form .form-group {
    margin-bottom: 20px
}

.contact-us-form .form-group .form-control {
    border: 1px solid #323a3d;
    border-radius: 4px;
    box-shadow: none;
    color: #9a9a9a;
    background-color: transparent
}

.contact-us-form .form-group input {
    height: 50px
}

.contact-us-form .form-group select {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1px solid #323a3d;
    padding-left: 10px
}

.sidebar-widget-area .contact-us-form .form-group {
    margin-bottom: 8px
}

.sidebar-widget-area .contact-us-form .form-group .form-control {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    background-color: transparent
}

.sidebar-widget-area .contact-us-form .form-group select {
    width: 100%;
    height: 40px;
    background: #63a3e2;
    border: none;
    padding-left: 10px;
    color: #fff;
    border-radius: 4px
}

.sidebar-widget-area .contact-us-form input.rdtheme-button-submit[type="submit"] {
    text-transform: capitalize;
    font-weight: inherit;
    color: #111;
    background: #fff;
    padding: 9px 23px
}

.sidebar-widget-area .contact-us-form .form-group input[type="text"],
.sidebar-widget-area .contact-us-form .form-group input[type="date"],
.sidebar-widget-area .contact-us-form .form-group input[type="email"] {
    height: 40px
}

.contact-us-form.contact-us .form-group .form-control {
    border: 1px solid #dadbdb;
    border-radius: 0;
    box-shadow: none;
    color: #111;
    background-color: transparent
}

.contact-us-form.contact-us-page .form-group select {
    border: 1px solid #dbe3e7
}

.contact-us-form.contact-us-page .wpcf7-submit:hover {
    background: #d21c1d
}

.site.site-wrp .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover a {
    color: #ee212b
}

div.wrapper.open {
    overscroll-behavior-y: inherit;
    position: fixed;
    overflow: auto
}

div.wrapper.open .site-header {
    left: 0;
    position: absolute;
    right: 300px;
    z-index: 99999
}

.trheader.non-stick .site-header {
    transition: all 0.5s ease-out
}

.trheader.non-stick div.wrapper.open .site-header {
    transition: all 0.4s ease-out
}

.trheader.non-stick div.wrapper.open .site-header {
    left: 0;
    position: absolute;
    right: 300px;
    z-index: 99999
}

.col-12.item-content {
    margin-bottom: 0 !important
}

.inline-block {
    display: inline-block
}

a.rtin-button-1 {
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #fff;
    padding: 12px 35px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    transition: all 0.3s ease-out
}

@media all and (max-width:767px) {
    a.rtin-button-1 {
        padding: 10px 20px
    }
}

a.rtin-button-1,
a.rtin-button-1:link,
a.rtin-button-1:visited {
    color: #393738
}

a.rtin-button-1:hover {
    color: #fff;
    background-color: transparent
}

.rdtheme-button-1 {
    background-color: #ee212b;
    padding: 17px 26px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease-out
}

.rdtheme-button-1,
.rdtheme-button-1:link,
.rdtheme-button-1:visited {
    color: #fff
}

.rdtheme-button-1:hover {
    color: #fff;
    background-color: #d21c1d
}

.rdtheme-button-ghost-1 {
    background-color: #ee212b;
    border: 2px solid #ee212b;
    padding: 15px 26px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 600;
    transition: all 0.3s ease-out
}

.rdtheme-button-ghost-1,
.rdtheme-button-ghost-1:link,
.rdtheme-button-ghost-1:visited {
    color: #fff
}

.rdtheme-button-ghost-1:hover {
    color: #ee212b;
    background-color: transparent
}

.rdtheme-button-ghost-1 i {
    font-size: 18px;
    line-height: 1.9
}

.rdtheme-button-2 {
    border: 2px solid #ee212b;
    padding: 12px 26px;
    border-radius: 4px;
    transition: all 0.5s ease-out;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.rdtheme-button-2,
.rdtheme-button-2:link,
.rdtheme-button-2:visited {
    color: #ee212b
}

.rdtheme-button-2:hover {
    color: #fff;
    border-color: #ee212b;
    background-color: #ee212b
}

.rdtheme-button-4 {
    border: 2px solid #ee212b;
    padding: 10px 22px;
    border-radius: 4px;
    transition: all 0.5s ease-out;
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

.rdtheme-button-4,
.rdtheme-button-4:link,
.rdtheme-button-4:visited {
    color: #444
}

.rdtheme-button-4:hover {
    color: #fff;
    border-color: #ee212b;
    background-color: #ee212b
}

.rdtheme-button-3 {
    background-color: #fff;
    border: 2px solid #fff;
    padding: 15px 30px;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.3s ease-out;
    text-transform: uppercase
}

.rdtheme-button-3,
.rdtheme-button-3:link,
.rdtheme-button-3:visited {
    color: #ee212b
}

.rdtheme-button-3:hover {
    background-color: transparent;
    color: #fff
}

.rdtheme-button-3:hover i {
    color: #fff
}

.rdtheme-button-blog {
    font-size: 18px
}

.rdtheme-button-blog:hover {
    color: #393738
}

.contact-us-form input.rdtheme-button-submit[type="submit"] {
    border: 2px solid #ee212b;
    padding: 15px 26px;
    border-radius: 4px;
    transition: all 0.5s ease-out;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #ee212b
}

.contact-us-form input.rdtheme-button-submit[type="submit"]:hover {
    color: #fff;
    border-color: #d21c1d;
    background-color: #d21c1d
}

.btn-mouse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 30px;
    transition: all 0.3s ease-out
}

.btn-mouse i {
    font-size: 16px;
    margin-left: 10px
}

.btn-mouse:hover {
    color: #fff
}

.mouse-dir {
    overflow: hidden;
    position: relative;
    transition: 0.6s;
    z-index: 1
}

.mouse-dir .dir-part {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #d21c1d;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1
}

.nav-item.mouse-dir .dir-part {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #ee212b;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1
}

.mouse-dir:hover .dir-part {
    width: 260%;
    height: 562.5px
}

.fw-btn-fill {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 20px;
    transition: all 0.3s ease-out
}

.fw-btn-fill i {
    font-size: 12px;
    margin-left: 10px
}

.fw-btn-fill:hover {
    background-color: #d21c1d
}

.btn-fill-xl.box-shadow {
    box-shadow: 0 9px 27px 0 rgba(0, 0, 0, .3)
}

.btn-fill-xl {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    padding: 16px 40px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.btn-fill-xl i {
    margin-left: 10px
}

.btn-fill-xl:hover {
    color: #fff;
    background-color: #d21c1d !important
}

@media only screen and (max-width:991px) {
    .btn-fill-xl {
        padding: 12px 30px
    }
}

@media only screen and (max-width:767px) {
    .btn-fill-xl {
        padding: 10px 30px
    }
}

@media only screen and (max-width:575px) {
    .btn-fill-xl {
        padding: 10px 20px;
        font-size: 14px
    }
}

.btn-fill-lg {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    padding: 11px 30px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.btn-fill-lg i {
    margin-left: 10px;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.btn-fill-lg:hover {
    color: #fff;
    background-color: #ee212b !important
}

.btn-fill-lg:hover i {
    color: #fff
}

@media only screen and (max-width:767px) {
    .btn-fill-lg {
        padding: 10px 25px;
        font-size: 14px
    }
}

.btn-fill-md {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 30px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.btn-fill-md i {
    margin-left: 10px;
    font-size: 16px;
    transition: all 0.3s ease-out
}

.btn-fill-md:hover {
    color: #fff;
    background-color: #ee212b !important
}

.btn-fill-md:hover i {
    color: #fff
}

.hover-accent:hover {
    background-color: #d21c1d !important
}

.ghost-btn-xl {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: .5px;
    transition: all 0.3s ease-out
}

.ghost-btn-xl i {
    margin-left: 10px
}

.ghost-btn-xl:hover {
    background-color: #ee212b;
    color: #ffffff !important
}

@media only screen and (max-width:1199px) {
    .ghost-btn-xl {
        padding: 12px 26px
    }
}

@media only screen and (max-width:991px) {
    .ghost-btn-xl {
        padding: 10px 26px
    }
}

@media only screen and (max-width:767px) {
    .ghost-btn-xl {
        padding: 10px 20px;
        font-size: 14px
    }
}

.ghost-btn-lg {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: .5px;
    transition: all 0.3s ease-out
}

.ghost-btn-lg i {
    margin-left: 10px
}

.ghost-btn-lg:hover {
    background-color: #ee212b;
    color: #ffffff !important
}

@media only screen and (max-width:1199px) {
    .ghost-btn-lg {
        padding: 12px 26px
    }
}

@media only screen and (max-width:991px) {
    .ghost-btn-lg {
        padding: 10px 26px
    }
}

@media only screen and (max-width:767px) {
    .ghost-btn-lg {
        padding: 10px 20px;
        font-size: 26px
    }
}

.ghost-btn-md {
    display: inline-block;
    padding: 12px 26px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: .5px;
    transition: all 0.3s ease-out
}

.ghost-btn-md i {
    margin-left: 10px
}

.ghost-btn-md:hover {
    background-color: #ee212b;
    color: #ffffff !important
}

@media only screen and (max-width:767px) {
    .ghost-btn-md {
        padding: 8px 20px;
        font-size: 14px
    }
}

.isotop-btn-1 {
    margin-bottom: 30px
}

.isotop-btn-1 .nav-item {
    display: inline-block;
    color: #707173 !important;
    background-color: #fff;
    padding: 9px 30px;
    border: 1px solid #d6dde3;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: all 0.3s ease-out
}

.isotop-btn-1 .nav-item:hover {
    border-color: #ee212b;
    color: #ffffff !important
}

.isotop-btn-1 .current.nav-item {
    background-color: #ee212b;
    border-color: #ee212b;
    color: #ffffff !important;
    box-shadow: 0 5px 21px 0 rgba(238, 27, 37, .6)
}

.rt-typed::after {
    content: '|';
    display: inline;
    animation: blink 0.7s infinite
}

.typed-cursor {
    opacity: 0;
    display: none
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

a {
    color: #ee212b
}

a:hover {
    color: #d21c1d
}

.details-ghost-btn-md {
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #FFF;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    min-width: 140px;
    text-align: center;
    display: inline-block
}

.details-ghost-btn-md span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #FFF
}

.details-ghost-btn-md span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%)
}

.details-ghost-btn-md:hover span {
    padding-right: 15px
}

.details-ghost-btn-md:hover span:after {
    opacity: 1;
    right: 0
}

.details-ghost-btn-md:hover {
    background-color: #d21c1d
}

.mean-bar .mobile-btn {
    position: absolute;
    right: 12%;
    top: 8px;
    color: #fff;
    background: #ee212b;
    border-radius: 4px;
    padding: 3px 12px
}

.mean-bar .mobile-btn:hover {
    background-color: #d21c1d
}

@media (max-width:375px) {
    .mean-bar .mobile-btn {
        font-size: 14px;
        right: 14%
    }
}

@media screen and (max-width:600px) {
    #wpadminbar.nojq {
        position: fixed
    }

    #wpadminbar.nojq .rt-header-menu.rt-sticky {
        top: 46px !important
    }
}

.rt-slider-button-primary-lg {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #FFF;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    min-width: 240px;
    text-align: center;
    text-transform: uppercase
}

.rt-slider-button-primary-lg span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px
}

.rt-slider-button-primary-lg span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%)
}

.rt-slider-button-primary-lg:hover span {
    padding-right: 15px
}

.rt-slider-button-primary-lg:hover span:after {
    opacity: 1;
    right: 0
}

.rt-slider-button-primary-lg:hover {
    background-color: #d21c1d
}

.rt-slider-button-primary {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #FFF;
    transition: all 0.5s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    min-width: 160px;
    text-align: center
}

.rt-slider-button-primary span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px
}

.rt-slider-button-primary span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%)
}

.rt-slider-button-primary:hover span {
    padding-right: 15px
}

.rt-slider-button-primary:hover span:after {
    opacity: 1;
    right: 0
}

.rt-slider-button-primary:hover {
    background-color: #d21c1d
}

.rt-button-sp {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    min-width: 135px
}

.rt-button-sp span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #fff
}

.rt-button-sp span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.rt-button-sp:hover span {
    padding-right: 15px
}

.rt-button-sp:hover span:after {
    opacity: 1;
    right: -4px
}

.rt-button-sp:hover {
    background-color: #d21c1d
}

.rt-button-lg {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    min-width: 160px
}

.rt-button-lg span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff
}

.rt-button-lg span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.rt-button-lg:hover span {
    padding-right: 15px
}

.rt-button-lg:hover span:after {
    opacity: 1;
    right: -4px
}

.rt-button-lg:hover {
    background-color: #d21c1d
}

.rten-button-lg {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    min-width: 180px
}

.rten-button-lg span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff
}

.rten-button-lg span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.rten-button-lg:hover span {
    padding-right: 15px
}

.rten-button-lg:hover span:after {
    opacity: 1;
    right: -4px
}

.rten-button-lg:hover {
    background-color: #d21c1d
}

.h2-font-size {
    font-size: 36px
}

@media only screen and (max-width:991px) {
    .col-lg-4.rt-sidebar {
        padding-top: 20px
    }
}

.comingsoon-page {
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed
}

@media only screen and (max-width:991px) {
    .comingsoon-page {
        overflow-y: scroll
    }
}

.comingsoon-page .comingsoon-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -100
}

.comingsoon-page .comingsoon-back-img img {
    animation: fadeinout 100s infinite
}

.comingsoon-page .comingsoon-back-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(9, 45, 76, .85);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.comingsoon-page .comingsoon-back-img img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comingsoon-page .comingsoon-content-wrap {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0
}

@media only screen and (max-width:991px) {
    .comingsoon-page .comingsoon-content-wrap {
        margin: 50px 0 100px
    }
}

.comingsoon-page .comingsoon-content {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    width: 100%
}

.comingsoon-page .comingsoon-content .comingsoon-logo {
    margin-bottom: 9rem
}

.comingsoon-page .comingsoon-content .comingsoon-logo a {
    display: inline-block
}

.comingsoon-page .comingsoon-content h1 {
    margin-bottom: 6rem;
    font-weight: 700;
    font-size: 6rem;
    text-transform: capitalize;
    color: #fff
}

@media only screen and (max-width:767px) {
    .comingsoon-page .comingsoon-content h1 {
        margin-bottom: 3rem;
        font-size: 5rem
    }
}

@media only screen and (max-width:575px) {
    .comingsoon-page .comingsoon-content h1 {
        font-size: 4rem
    }
}

.comingsoon-page .comingsoon-content .comingsoon-bottom {
    margin-bottom: 10px
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
    text-align: left
}

@media only screen and (max-width:991px) {
    .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
        text-align: center;
        margin-bottom: 15px
    }
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li {
    display: inline-block;
    margin-right: 5px
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child {
    margin-right: 0
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a {
    color: #fff;
    padding: 5px;
    display: inline-block;
    transition: all 0.3s ease-out
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover {
    color: #ccc
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
    text-align: right
}

@media only screen and (max-width:991px) {
    .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
        text-align: center
    }
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p {
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.countdown-layout1 {
    text-align: center;
    margin-bottom: 5rem
}

.countdown-layout1 .countdown-section {
    text-align: center;
    height: 150px;
    width: 150px;
    background: #ee212b;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
    margin-right: 2px
}

.countdown-layout1 .countdown-section:after {
    content: "";
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 28px;
    right: -10px;
    z-index: 50
}

.countdown-layout1 .countdown-section:before {
    content: "";
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 28px;
    right: -10px;
    z-index: 50
}

@media only screen and (max-width:767px) {
    .countdown-layout1 .countdown-section {
        padding: 10px 0
    }
}

@media only screen and (max-width:575px) {
    .countdown-layout1 .countdown-section {
        padding: 15px 0
    }
}

@media only screen and (max-width:479px) {
    .countdown-layout1 .countdown-section {
        width: 11rem;
        height: 100px
    }
}

.countdown-layout1 .countdown-section .countdown-number {
    padding: 25px 0;
    font-size: 6rem;
    line-height: 1.1;
    font-weight: 700;
    color: #fff
}

@media only screen and (max-width:767px) {
    .countdown-layout1 .countdown-section .countdown-number {
        font-size: 5rem
    }
}

@media only screen and (max-width:575px) {
    .countdown-layout1 .countdown-section .countdown-number {
        font-size: 4rem
    }
}

@media only screen and (max-width:479px) {
    .countdown-layout1 .countdown-section .countdown-number {
        font-size: 3rem
    }
}

.countdown-layout1 .countdown-section .countdown-unit {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px
}

.countdown-layout1 .countdown-section:last-child:after {
    display: none
}

.countdown-layout1 .countdown-section:last-child:before {
    display: none
}

@keyframes fadeinout {
    1% {
        transform: scale(1)
    }

    49% {
        transform: scale(2)
    }

    99% {
        transform: scale(1)
    }
}

.mean-container a.meanmenu-reveal {
    padding: 16px 13px;
    transition: none;
    color: #ee212b;
    font-size: 16px !important
}

@media screen and (max-width:991px) {
    .mean-container a.meanmenu-reveal {
        padding: 16px 12px 10px 12px
    }
}

.mean-container .mean-bar {
    border-bottom: 2px solid #ee212b;
    min-height: 53px
}

.mean-container .mean-bar .logo-small {
    padding: 8px 12px 5px 12px;
    width: 130px
}

.mean-container.rt-sticky {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease-in-out
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none;
    padding: 0 0 !important
}

.wp-block-pullquote.is-style-solid-color blockquote.has-very-dark-gray-color {
    max-width: 100%;
    background: #acb9c3
}

@media only screen and (max-width:767px) {

    .skew,
    .skew_2,
    .skew_3 {
        background: rgba(238, 33, 43, .78) !important
    }
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none
}

.item-btn.rtin-style-1 {
    background-color: #ee212b;
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    font-weight: 700;
    padding: 16px 18px;
    display: inline-block;
    transition: all 0.3s ease-in-out
}

.item-btn.rtin-style-1:hover {
    transition: all 0.3s ease-in-out;
    background-color: #d21c1d
}

.item-btn.rtin-style-1:hover a {
    color: #fff
}

.item-btn.rtin-style-1 a {
    margin-top: 15px;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 18px 30px;
    color: #fff;
    transition: all 0.3s ease-in-out
}

.item-btn.rtin-style-1 a i {
    font-size: 16px;
    margin-left: 10px
}

.item-btn.rtin-style-4 {
    display: inline-block
}

.contact-wrap-layout1 {
    position: relative
}

.contact-wrap-layout1 .google-map {
    width: 100%;
    height: 620px;
    border-radius: 0;
    filter: grayscale(100%)
}

.contact-wrap-layout-after {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.contact-wrap-layout-after:after {
    height: 100%;
    width: 49.2%;
    content: "";
    background-color: transparent;
    position: absolute;
    clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%);
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
    background-color: #ee212b
}

@media only screen and (max-width:1440px) {
    .contact-wrap-layout-after:after {
        width: 46.3%;
        clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%)
    }
}

@media only screen and (max-width:767px) {
    .contact-wrap-layout-after:after {
        display: none
    }
}

.contact-wrap-layout-before {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.contact-wrap-layout-before:before {
    height: 100%;
    width: 52%;
    content: "";
    background-color: transparent;
    position: absolute;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-color: #ee212b
}

@media only screen and (max-width:1440px) {
    .contact-wrap-layout-before:before {
        width: 51.3%;
        -webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%)
    }
}

@media only screen and (max-width:1199px) {
    .contact-wrap-layout-before:before {
        width: 58%;
        -webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%)
    }
}

@media only screen and (max-width:1024px) {
    .contact-wrap-layout-before:before {
        width: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }
}

.contact-box-layout1 {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0
}

.contact-box-layout1 .contact-box {
    background-color: #fff;
    border-radius: 4px;
    padding: 45px
}

.contact-box-layout1 .contact-box .media .item-icon {
    margin-right: 20px;
    text-align: center;
    background-color: #d21c1d;
    font-size: 24px;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    height: 52px;
    width: 55px;
    transition: all 0.3s ease-out
}

.contact-box-layout1 .contact-box .media .media-body ul li {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    color: #0d0d0d
}

.contact-box-layout1 .contact-box:hover .media .item-icon {
    background-color: #ee212b
}

.contact-box-layout2 .item-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.contact-box-layout3 .form-group .form-control {
    height: 55px;
    padding: 10px 25px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px
}

.contact-box-layout3 .form-group .submit-btn {
    width: 100%;
    background-color: #ee212b;
    border: 1px solid #ee212b;
    border-radius: 4px;
    height: 55px !important;
    color: #fff;
    font-weight: 700;
    transition: all 0.3s ease-out
}

.contact-box-layout3 .form-group .submit-btn i {
    margin-left: 10px
}

.contact-box-layout3 .form-group .submit-btn:hover {
    background-color: transparent;
    border-color: #fff
}

.align-wrap {
    width: 100vw;
    margin-left: calc(0%)
}

@media screen and (min-width:900px) {
    .align-wrap {
        width: auto;
        margin-left: calc(30.64516129%)
    }
}

.align-wrap .alignfull {
    width: 100%;
    margin: 0 0 0 auto
}

@media (max-width:480px) {
    img.alignleft {
        float: none;
        margin-bottom: 13px;
        margin-right: 0;
        padding-top: 5px;
        display: block
    }

    img.alignright {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
        padding-top: 15px
    }
}

blockquote {
    border-left: 3px solid #ee212b;
    margin: 40px 0;
    position: relative;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    z-index: 1;
    padding: 40px;
    background-color: transparent;
    color: #707173;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08)
}

blockquote:after {
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    font-size: 60px;
    opacity: .07;
    bottom: 36px;
    right: 3.125rem;
    z-index: 1
}

blockquote p {
    position: relative;
    margin-bottom: 0;
    line-height: 1.6
}

blockquote cite {
    display: block;
    font-size: 16px;
    color: #d21c1d;
    font-weight: 600;
    font-style: normal;
    margin-top: 12px;
    position: relative
}

blockquote.wp-block-quote cite {
    display: block;
    font-size: 18px;
    color: #393738;
    font-weight: 600;
    font-style: normal;
    margin-top: 12px
}

@media (max-width:767px) {
    blockquote {
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.wp-block-button .wp-block-button__link {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    min-width: 135px
}

.wp-block-button .wp-block-button__link span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    color: #fff
}

.wp-block-button .wp-block-button__link span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.wp-block-button .wp-block-button__link:hover span {
    padding-right: 15px
}

.wp-block-button .wp-block-button__link:hover span:after {
    opacity: 1;
    right: -4px
}

.wp-block-button .wp-block-button__link:hover {
    background-color: #d21c1d
}

.wp-block-button .wp-block-button__link:hover {
    background: #d21c1d
}

.has-sidebar .wp-block-cover.alignwide,
.has-sidebar .wp-block-cover.alignfull,
.has-sidebar .wp-block-image.alignfull,
.has-sidebar .wp-block-columns.alignfull,
.has-sidebar .wp-block-media-text.alignfull,
.has-sidebar .wp-block-gallery.alignfull,
.has-sidebar .wp-block-gallery.alignwide,
.has-sidebar .wp-block-columns.alignwide,
.has-sidebar .wp-block-image.alignwide,
.has-sidebar .wp-block-media-text.alignwide,
.has-sidebar .is-type-video.alignfull,
.has-sidebar .wp-block-embed-vimeo.alignwide.wp-block-embed,
.has-sidebar .alignwide.wp-block-embed {
    margin-left: 0;
    margin-right: 0
}

.has-strong-magenta-background-color {
    background-color: #a156b4
}

.has-strong-magenta-color {
    color: #a156b4
}

.has-light-grayish-magenta-background-color {
    background-color: #d0a5db
}

.has-light-grayish-magenta-color {
    color: #d0a5db
}

.has-very-light-gray-background-color {
    background-color: #eee
}

.has-very-light-gray-color {
    color: #eee
}

.has-roofix-gray-background-color {
    background-color: #707173
}

.has-roofix-gray-color {
    color: #707173
}

.has-small-font-size {
    font-size: 12px
}

.has-large-font-size {
    font-size: 36px;
    line-height: 1.2
}

.has-huge-font-size {
    font-size: 48px;
    line-height: 1.2
}

.has-regular-font-size {
    font-size: 16px
}

.wp-block-image.alignleft.is-resized {
    margin-left: 0;
    margin-right: 30px
}

.wp-block-image.alignright.is-resized {
    margin-left: 30px;
    margin-right: 0
}

.wp-block-separator {
    border: none;
    border-bottom: 2px solid #ccc;
    margin: 50px 0;
    text-align: left;
    background: transparent
}

.wp-block-pullquote {
    border-top: 3px solid #ee212b;
    border-bottom: 3px solid #ee212b;
    margin-bottom: 20px;
    padding: 0;
    text-align: left
}

blockquote.wp-block-pullquote {
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    padding: 45px 60px 40px;
    margin: 0 0 20px !important;
    color: #707173;
    text-align: left
}

.wp-block-pullquote p {
    font-size: 24px
}

.wp-block-pullquote cite {
    font-weight: 500;
    font-size: 16px;
    color: #ee212b;
    text-transform: capitalize
}

.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote {
    padding-left: 40px
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding: 40px;
    border-left: 3px solid #ee212b;
    border-radius: 6px
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
    text-align: left;
    font-size: 18px
}

.wp-block-quote.is-style-large cite em {
    font-style: normal
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 3px solid #ee212b;
    border-right: none;
    padding-left: 40px;
    margin: 40px auto;
    border-radius: 6px
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 26px
}

.wp-block-quote.is-style-large cite br {
    display: none
}

.wp-block-columns.has-3-columns .wp-block-quote,
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

.wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    color: #fff
}

.wp-block-pullquote.is-style-solid-color blockquote.has-roofix-gray-color {
    color: #3e3e3e
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    color: inherit
}

:root .has-roofix-primary-background-color {
    background-color: #ee212b
}

:root .has-roofix-secondary-background-color {
    background-color: #161978
}

:root .has-roofix-gray-background-color .has-text-color {
    background-color: #3e3e3e
}

:root .has-roofix-dark-background-color {
    background-color: #111
}

:root .has-roofix-light-background-color {
    background-color: #fff
}

.has-roofix-primary-color {
    color: #ee212b
}

.has-roofix-secondary-color {
    color: #161978
}

.has-roofix-gray-color {
    color: #3e3e3e
}

.has-roofix-dark-color {
    color: #111
}

.has-roofix-light {
    color: #fff
}

.wp-block-button .has-roofix-primary-color {
    color: #ee212b
}

.wp-block-button .has-roofix-secondary-color {
    color: #161978
}

.wp-block-button .has-roofix-gray-color {
    color: #3e3e3e
}

.wp-block-button .has-roofix-dark-color {
    color: #111
}

.wp-block-button .has-roofix-light-color {
    color: #fff
}

.wp-block-button .has-roofix-primary-background-color {
    background-color: #ee212b
}

.wp-block-button .has-roofix-secondary-background-color {
    background-color: #161978
}

.wp-block-button .has-roofix-gray-background-color {
    background-color: #3e3e3e
}

.wp-block-button .has-roofix-dark-background-color {
    background-color: #111
}

.wp-block-button .has-roofix-light-background-color {
    background-color: #fff
}

.wp-block {
    max-width: 720px
}

.wp-block[data-align="wide"] {
    max-width: 1080px
}

.wp-block[data-align="full"] {
    max-width: none
}

pre {
    background: #fff;
    color: #707173
}

code,
a code {
    color: #ee212b
}

kbd {
    color: #707173;
    padding: 3px 5px 2px 5px;
    margin: 0 1px;
    background: #eaeaea;
    background: rgba(0, 0, 0, .07)
}

.wp-block-button .has-roofix-primary-background-color {
    background-color: #ee212b
}

.wp-block-button .has-roofix-secondary-background-color {
    background-color: #161978
}

.wp-block-button .has-roofix-gray-background-color {
    background-color: #3e3e3e
}

.wp-block-button .has-roofix-light-background-color {
    background-color: #fff
}

a.wp-block-button__link.has-roofix-primary-color:not([href]):not([tabindex]),
.wp-block-button .has-roofix-primary-color {
    color: #ee212b
}

a.wp-block-button__link.has-roofix-secondary-color:not([href]):not([tabindex]),
.wp-block-button .has-roofix-secondary-color {
    color: #161978
}

a.wp-block-button__link.has-roofix-gray-color:not([href]):not([tabindex]),
.wp-block-button .has-roofix-gray-color {
    color: #3e3e3e
}

a.wp-block-button__link.has-roofix-light:not([href]):not([tabindex]),
.wp-block-button .has-roofix-light {
    color: #fff
}

a.wp-block-button__link.has-roofix-primary-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-roofix-secondary-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-roofix-gray-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-roofix-light:not([href]):not([tabindex]):hover {
    color: #fff
}

.wp-block-button {
    margin-bottom: 25px
}

a.wp-block-button__link:not([href]):not([tabindex]) {
    color: #fff
}

a.wp-block-button__link:not([href]):not([tabindex]):hover {
    color: #fff
}

.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]):hover {
    color: #d21c1d
}

.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]) {
    color: #ee212b
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    border: 2px solid #ee212b;
    color: #ee212b
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: #d21c1d;
    color: #d21c1d
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.wp-block-table td,
.wp-block-table th {
    border: 1px solid #dedede;
    padding: 5px
}

.wp-block-image .alignleft.is-resized {
    margin-top: 0
}

.wp-block-image {
    margin-top: 23px;
    margin-bottom: 23px
}

.wp-block-latest-posts.is-grid {
    margin-left: 20px
}

.wp-block-latest-posts.is-grid li {
    margin: 0 0 10px 0
}

.wp-block-columns.has-2-columns .wp-block-column {
    margin-bottom: 0
}

@media only screen and (min-width:600px) {
    .entry-content .wp-block-columns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.wp-block-image .alignleft,
.wp-block-image .alignright {
    margin-top: 23px;
    margin-bottom: 23px
}

.wp-block-cover {
    margin-top: 23px;
    margin-bottom: 23px
}

.wp-block-cover a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .has-text-color a,
.wp-block-cover .has-text-align-center a {
    color: #fff
}

.wp-block-cover a:hover,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .has-text-color a:hover {
    text-decoration: underline
}

.wp-block-cover .has-roofix-primary-color a {
    color: #ee212b
}

.wp-block-cover .has-roofix-secondary-color a {
    color: #161978
}

.wp-block-cover .has-roofix-gray-color a {
    color: #3e3e3e
}

.wp-block-cover .has-roofix-light a {
    color: #fff
}

.entry-content .wp-block-cover {
    margin-top: 0
}

.wp-block-cover p:not(.has-text-color) {
    color: #fff
}

.wp-block-cover.alignleft {
    margin-top: 0
}

.wp-block-gallery {
    margin-top: 22px;
    margin-bottom: 16px
}

.wp-block-gallery.alignleft {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.wp-block-gallery.alignleft .blocks-gallery-item {
    display: inline-block
}

.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper {
    margin: 23px 0
}

.wp-block-coblocks-social .wp-block-button__link {
    border: none
}

p:last-child img.size-full.alignright {
    clear: both;
    padding-top: 30px
}

.wp-block-spacer {
    clear: both
}

.gallery .gallery-item {
    text-align: center
}

.site-content nav.comment-navigation {
    padding-top: 0
}

.site-content nav.comment-navigation ul {
    margin-top: 0;
    margin-bottom: 40px
}

.site-content nav.comment-navigation ul li {
    margin-right: 0
}

.site-content nav.comment-navigation ul li a {
    height: inherit;
    width: inherit;
    padding: 12px 25px;
    line-height: 30px
}

figure.wp-caption.alignnone {
    margin: 15px auto 15px
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    padding: 10px 20px
}

.has-media-on-the-right.is-stacked-on-mobile {
    margin-bottom: 20px
}

:root .wp-block-cover.has-pale-pink-background-color {
    background-color: #000
}

.wp-caption .wp-caption-text {
    margin-top: .5em;
    margin-bottom: 0;
    color: #555d66;
    font-size: 13px;
    line-height: 1.4
}

.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 0;
    color: #555d66;
    font-size: 13px;
    line-height: 1.4;
    text-align: center
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    line-height: 1.4
}

.skewbg {
    background: #fff;
    height: 360px;
    border-radius: 5px;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1025px) {
    .mobile-header-topbar {
        display: none
    }
}

.mobile-header-topbar {
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 5px
}

.mobile-header-topbar .mobile-top {
    list-style: none;
    padding: 0;
    margin: 0
}

.mobile-header-topbar .mobile-top li.social-icon a {
    color: #d21c1d
}

.mobile-header-topbar .mobile-top li.social-icon a:hover {
    color: #ee212b
}

.mobile-header-topbar .mobile-top li {
    list-style: none;
    font-size: 16px;
    color: #212529;
    padding: 5px 0
}

.mobile-header-topbar .mobile-top li a {
    color: #212529
}

.mobile-header-topbar .mobile-top li i {
    margin-right: 5px
}

@media only screen and (min-width:1024px) {
    .top-mobile-menu-new {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .top-mobile-menu-new {
        position: absolute;
        z-index: 1000016;
        width: 178px;
        right: 75px;
        top: 5px
    }

    .top-mobile-menu-new .header-action-layout1 ul {
        padding: 0;
        margin: 0
    }

    .top-mobile-menu-new .header-action-layout1 ul .header-action-btn .item-btn {
        padding: 0 10px;
        background-color: #ee212b;
        height: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        font-family: 'Inter', sans-serif
    }

    .top-mobile-menu-new .header-action-layout1 ul .header-action-btn .item-btn span {
        font-size: 16px
    }

    .mean-container {
        position: relative;
        transition: all 0.3s ease-in-out
    }
}

.mobile-header-topbar ul.mobile-top>li {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 0 0
}

.mobile-header-topbar ul.mobile-top>li>i {
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 16px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.tophead-contact.header-contact-layout1 {
    float: left
}

.footer-box-layout1 ul {
    margin: 0;
    padding: 0
}

.contact-box-layout1-new .contact-box .media .media-body ul {
    padding: 0;
    margin: 0
}

.nav-control-layout5w .owl-next span:after {
    left: -50%
}

.nav-control-layout5w .owl-next:hover span i {
    margin-left: 5px
}

.nav-control-layout5w .owl-prev span:after {
    right: -50%
}

.nav-control-layout5w .owl-prev:hover span i {
    margin-right: 5px
}

.nav-control-layout5w .owl-next,
.nav-control-layout5w .owl-prev {
    color: #787777;
    font-weight: 600;
    text-transform: uppercase;
    height: 50px;
    width: 56px;
    background-color: #fff !important;
    padding: 10px 0 0 0 !important
}

.nav-control-layout5w .owl-next span,
.nav-control-layout5w .owl-prev span {
    width: 29px;
    height: 29px;
    background: #ee212b;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out;
    overflow: hidden
}

.nav-control-layout5w .owl-next span:after,
.nav-control-layout5w .owl-prev span:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #fff;
    z-index: 2
}

.nav-control-layout5w .owl-next span i,
.nav-control-layout5w .owl-prev span i {
    transition: all 0.3s ease-out;
    color: #fff;
    font-size: 16px
}

.nav-control-layout5w .owl-next:hover,
.nav-control-layout5w .owl-prev:hover {
    color: #fff;
    background: #ee212b !important
}

.nav-control-layout5w .owl-next:hover span,
.nav-control-layout5w .owl-prev:hover span {
    background: #fff
}

.nav-control-layout5w .owl-next:hover span:after,
.nav-control-layout5w .owl-prev:hover span:after {
    background-color: #ee212b
}

.nav-control-layout5w .owl-next:hover span i,
.nav-control-layout5w .owl-prev:hover span i {
    color: #ee212b
}

.non-ghost-btn-md {
    color: #787777;
    font-weight: 600;
    text-transform: uppercase
}

.non-ghost-btn-md span {
    width: 26px;
    height: 26px;
    background: #aaa;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.non-ghost-btn-md span:after {
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #fff;
    z-index: 2
}

.non-ghost-btn-md span i {
    transition: all 0.3s ease-out
}

.non-ghost-btn-md span i {
    color: #fff
}

.non-ghost-btn-md:hover {
    color: #ee212b
}

.non-ghost-btn-md:hover span {
    background: #ee212b
}

.non-ghost-btn-md:hover span:after {
    right: 10px
}

.non-ghost-btn-md:hover span i {
    margin-left: 5px
}

.non-ghost-btn-md.btn-fill {
    background-color: #ee212b;
    color: #fff;
    border-radius: 4px;
    padding: 14px 24px 12px 24px;
    letter-spacing: 1px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.non-ghost-btn-md.btn-fill span {
    background: #d21c1d;
    margin-left: 22px
}

.non-ghost-btn-md.btn-fill:hover {
    background-color: #d21c1d
}

.non-ghost-btn-md.btn-fill:hover span {
    background-color: #ee212b
}

.wp-block-themepunch-revslider .non-ghost-btn-md.btn-fill {
    padding: 15px 20px 13px
}

@media only screen and (max-width:767px) {
    .wp-block-themepunch-revslider .non-ghost-btn-md.btn-fill {
        padding: 10px 24px 8px 24px !important;
        line-height: 27px !important
    }
}

.non-ghost-play.btn-fill.ls-layer {
    background-color: #fff;
    color: #ee212b;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    text-align: center
}

.non-ghost-play.btn-fill.ls-layer i {
    font-size: 36px;
    color: #ee212b;
    margin: auto
}

.non-ghost-play.btn-fill.ls-layer:hover i {
    color: #fff
}

@media only screen and (min-width:1441px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 0
    }
}

@media only screen and (min-width:1500px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 24px
    }
}

@media only screen and (min-width:1600px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 72px
    }
}

@media only screen and (min-width:1700px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 109px
    }
}

@media only screen and (min-width:1800px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 158px
    }
}

@media only screen and (min-width:1900px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 196px
    }
}

@media only screen and (min-width:2000px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 238px
    }
}

@media only screen and (min-width:2100px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 283px
    }
}

@media only screen and (min-width:2200px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 325px
    }
}

@media only screen and (min-width:2300px) {
    .left-padding-1440 .elementor-widget-container {
        padding-left: 370px
    }
}

@media only screen and (min-width:1441px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 0
    }
}

@media only screen and (min-width:1500px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 24px
    }
}

@media only screen and (min-width:1600px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 72px
    }
}

@media only screen and (min-width:1700px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 109px
    }
}

@media only screen and (min-width:1800px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 158px
    }
}

@media only screen and (min-width:1900px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 196px
    }
}

@media only screen and (min-width:2000px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 238px
    }
}

@media only screen and (min-width:2100px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 283px
    }
}

@media only screen and (min-width:2200px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 325px
    }
}

@media only screen and (min-width:2300px) {
    .right-padding-1440 .elementor-widget-container {
        padding-right: 370px
    }
}

[class^="flaticon-"]::before,
[class*=" flaticon-"]::before,
[class^="flaticon-"]::after,
[class*=" flaticon-"]::after {
    margin-left: 0
}

.width-50 {
    width: 50px
}

.heading-layout1 .item-title {
    margin-bottom: 12px
}

@media only screen and (max-width:991px) {
    .heading-layout1 .item-title br {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .heading-layout1 .section-subtitle br {
        display: none
    }
}

@media only screen and (max-width:767px) {
    h2.item-title {
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (max-width:460px) {
    h2.item-title>br {
        display: none
    }

    .heading-default-layout .section-subtitle br {
        display: none
    }
}

.contact-box-layout1-new {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0
}

@media only screen and (max-width:991px) {
    .contact-box-layout1-new {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.contact-box-layout1-new .contact-box {
    background-color: #fff;
    border-radius: 4px;
    padding: 45px
}

@media only screen and (max-width:991px) {
    .contact-box-layout1-new .contact-box {
        border-top: 1px solid #e6e6e6;
        padding: 30px
    }
}

.contact-box-layout1-new .contact-box .media .item-icon {
    margin-right: 20px;
    text-align: center;
    background-color: #d21c1d;
    font-size: 24px;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    height: 52px;
    width: 55px;
    transition: all 0.3s ease-out
}

.contact-box-layout1-new .contact-box .media .media-body {
    margin-left: 0
}

.contact-box-layout1-new .contact-box .media .media-body ul {
    padding: 0
}

.contact-box-layout1-new .contact-box .media .media-body ul li {
    list-style: none;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    color: #0d0d0d
}

.contact-box-layout1-new .contact-box:hover .media .item-icon {
    background-color: #ee212b
}

.contact-box-layout1 {
    position: absolute;
    top: 300px;
    left: calc((100% - 1170px) / 2);
    transform: translateY(-50%);
    min-width: 400px;
    background-color: #fff;
    border-radius: 4px;
    padding: 40px 40px 50px;
    z-index: 99
}

@media only screen and (max-width:1229px) {
    .contact-box-layout1 {
        left: calc((100% - 1110px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .contact-box-layout1 {
        left: calc((100% - 930px) / 2)
    }
}

@media only screen and (max-width:991px) {
    .contact-box-layout1 {
        left: calc((100% - 690px) / 2)
    }
}

@media only screen and (max-width:767px) {
    .contact-box-layout1 {
        left: calc((100% - 510px) / 2)
    }
}

@media only screen and (max-width:575px) {
    .contact-box-layout1 {
        left: 15px;
        min-width: 270px;
        margin-right: 15px
    }
}

.contact-box-layout1 .item-title {
    font-weight: 700;
    color: #d21c1d;
    margin-bottom: 30px
}

.contact-box-layout1 .media {
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center
}

.contact-box-layout1 .media:last-child {
    margin-bottom: 0
}

.contact-box-layout1 .media .item-icon {
    text-align: center;
    background-color: #ee212b;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    height: 50px;
    width: 55px
}

.contact-box-layout1 .media .media-body ul {
    padding-left: 0
}

.contact-box-layout1 .media .media-body ul li {
    line-height: 1.5;
    color: #707173;
    list-style: none
}

.contact-box-layout15 {
    background-color: #fff;
    border-radius: 4px
}

.contact-box-layout15 .item-title {
    font-weight: 700;
    color: #d21c1d;
    margin-bottom: 30px
}

.contact-box-layout15 .media {
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px
}

.contact-box-layout15 .media:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.contact-box-layout15 .media .item-icon {
    text-align: center;
    background-color: #ee212b;
    font-size: 20px;
    color: #fff;
    border-radius: 8px;
    height: 59px;
    width: 61px;
    line-height: 3.3
}

.contact-box-layout15 .media .item-icon i {
    font-size: 30px
}

.contact-box-layout15 .media .media-body .item-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0
}

.contact-box-layout15 .media .media-body ul {
    margin: 0;
    padding-left: 0
}

.contact-box-layout15 .media .media-body ul li {
    line-height: 1.5;
    color: #707173;
    list-style: none
}

.contact-box-layout1-new2 {
    position: absolute;
    min-width: 400px;
    background-color: #fff;
    border-radius: 0;
    padding: 100px 45px 50px;
    z-index: 99;
    bottom: 0;
    width: 412px;
    -webkit-clip-path: polygon(0% 14%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 14%, 100% 0%, 100% 100%, 0% 100%)
}

@media only screen and (max-width:575px) {
    .contact-box-layout1-new2 {
        left: 15px;
        min-width: 270px;
        margin-right: 15px
    }
}

.contact-box-layout1-new2 .item-title {
    font-weight: 700;
    color: #d21c1d;
    margin-bottom: 30px
}

.contact-box-layout1-new2 .media {
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center
}

.contact-box-layout1-new2 .media:last-child {
    margin-bottom: 0
}

.contact-box-layout1-new2 .media .item-icon {
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    height: 50px;
    width: 55px;
    background-color: #d21c1d
}

.contact-box-layout1-new2 .media .media-body ul {
    padding-left: 0;
    margin: 0
}

.contact-box-layout1-new2 .media .media-body ul li {
    line-height: 1.5;
    color: #707173;
    list-style: none
}

.elementor-widget-google_maps iframe {
    filter: grayscale(100%)
}

.contact-wrap-layout1 {
    position: relative
}

.contact-wrap-layout1 .contact-box-layout1 {
    position: absolute;
    top: 50%;
    left: calc((100% - 1170px) / 2);
    transform: translateY(-50%);
    min-width: 400px;
    background-color: #fff;
    border-radius: 4px;
    padding: 40px 40px 50px
}

@media only screen and (max-width:1229px) {
    .contact-wrap-layout1 .contact-box-layout1 {
        left: calc((100% - 1110px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .contact-wrap-layout1 .contact-box-layout1 {
        left: calc((100% - 930px) / 2)
    }
}

@media only screen and (max-width:991px) {
    .contact-wrap-layout1 .contact-box-layout1 {
        left: calc((100% - 690px) / 2)
    }
}

@media only screen and (max-width:767px) {
    .contact-wrap-layout1 .contact-box-layout1 {
        left: calc((100% - 510px) / 2)
    }
}

@media only screen and (max-width:575px) {
    .contact-wrap-layout1 .contact-box-layout1 {
        left: 15px;
        min-width: 270px;
        margin-right: 15px
    }
}

.contact-wrap-layout1 .contact-box-layout1 .item-title {
    font-weight: 700;
    color: #d21c1d;
    margin-bottom: 30px
}

.contact-wrap-layout1 .contact-box-layout1 .media {
    margin-bottom: 30px
}

.contact-wrap-layout1 .contact-box-layout1 .media:last-child {
    margin-bottom: 0
}

.contact-wrap-layout1 .contact-box-layout1 .media .item-icon {
    text-align: center;
    background-color: #ee212b;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    height: 50px;
    width: 55px
}

.contact-wrap-layout1 .contact-box-layout1 .media .media-body ul li {
    list-style: none;
    line-height: 1.5;
    color: #707173
}

.contact-box-layout2 .google-map {
    margin-bottom: 40px
}

.contact-box-layout2 .heading-layout3 {
    text-align: left
}

.contact-box-layout2 .contact-form {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 42px 40px 25px
}

@media only screen and (max-width:575px) {
    .contact-box-layout2 .contact-form {
        padding: 25px 30px 30px
    }
}

.contact-box-layout2 .contact-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.contact-box-layout2 .contact-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.contact-box-layout2 .contact-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f1f1f1;
    padding: 10px 22px;
    font-size: 16px;
    color: #393738
}

.contact-box-layout2 .contact-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.contact-box-layout2 .contact-form .contact-form-box .form-group input {
    height: 50px
}

.contact-box-layout2 .contact-form .contact-form-box .form-group .wpcf7-form-control.wpcf7-textarea.form-control {
    height: 100px
}

.contact-box-layout2 .contact-form .contact-form-box .form-group .btn-fill-xl {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    padding: 16px 40px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.contact-wrap-layout2 .google-map {
    margin-bottom: 40px
}

.contact-wrap-layout2 .heading-layout3 {
    text-align: left
}

.contact-wrap-layout2 .heading-layout3 h3 {
    font-size: 30px
}

.contact-wrap-layout2 .heading-layout3 p {
    font-weight: 400
}

.contact-wrap-layout2 .contact-form {
    border-radius: 4px
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f1f1f1;
    padding: 10px 22px;
    font-size: 16px
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group input {
    height: 50px
}

.contact-wrap-layout2 .contact-form .contact-form-box .form-group .wpcf7-submit.item-btn {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 30px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.contact-wrap-layout-contat.quick-quote .heading-layout3>span {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    color: #ee212b;
    text-transform: uppercase
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group .form-control {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 10px 22px;
    font-size: 16px
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group textarea.form-control {
    height: 180px
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group .form-control:focus {
    border: 1px solid #d7d7d7
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group input {
    height: 50px
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group .wpcf7-submit.item-btn {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 16px 30px;
    border-radius: 0;
    z-index: 1;
    transition: all 0.3s ease-out;
    background-color: #d21c1d;
    text-transform: uppercase;
    height: 56px
}

.contact-wrap-layout-contat.quick-quote .contact-form .contact-form-box .form-group .wpcf7-submit.item-btn:hover {
    background-color: #ee212b
}

.contact-wrap-layout-contat .heading-layout3 h3 {
    font-size: 30px
}

.contact-wrap-layout-contat .google-map {
    margin-bottom: 40px
}

.contact-wrap-layout-contat .heading-layout3 {
    text-align: left
}

.contact-wrap-layout-contat .heading-layout3 p {
    font-weight: 400
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f1f1f1;
    padding: 10px 22px;
    font-size: 16px
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group textarea.form-control {
    height: 180px
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group input {
    height: 50px
}

.contact-wrap-layout-contat .contact-form .contact-form-box .form-group .wpcf7-submit.item-btn {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 30px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out
}

.slider-form .elementor-widget-wrap>.elementor-element {
    position: absolute;
    top: 50%;
    right: calc((100% - 632px) / 2);
    transform: translateY(-50%);
    z-index: 999;
    width: 390px
}

@media only screen and (max-width:1229px) {
    .slider-form .elementor-widget-wrap>.elementor-element {
        right: calc((100% - 632px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .slider-form .elementor-widget-wrap>.elementor-element {
        right: calc((100% - 632px) / 2)
    }
}

@media only screen and (max-width:991px) {
    .slider-form .elementor-widget-wrap>.elementor-element {
        display: none
    }
}

.nav-control-layout1-new.owl-theme .owl-nav {
    margin-top: 0
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev,
.nav-control-layout1-new.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff !important;
    background: #d21c1d !important;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    transition: all 0.3s ease-out
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev i,
.nav-control-layout1-new.owl-theme .owl-nav .owl-next i {
    font-size: 22px
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev i:before,
.nav-control-layout1-new.owl-theme .owl-nav .owl-next i:before {
    font-size: 22px;
    font-weight: 600
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev:hover,
.nav-control-layout1-new.owl-theme .owl-nav .owl-next:hover {
    background: #ee212b !important;
    color: #fff
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev:focus,
.nav-control-layout1-new.owl-theme .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-prev {
    left: -30px
}

@media only screen and (max-width:768px) {
    .nav-control-layout1-new.owl-theme .owl-nav .owl-prev {
        left: -15px
    }
}

@media only screen and (max-width:560px) {
    .nav-control-layout1-new.owl-theme .owl-nav .owl-prev {
        left: -5px
    }
}

.nav-control-layout1-new.owl-theme .owl-nav .owl-next {
    right: -30px
}

@media only screen and (max-width:768px) {
    .nav-control-layout1-new.owl-theme .owl-nav .owl-next {
        right: -15px
    }
}

@media only screen and (max-width:768px) {
    .nav-control-layout1-new.owl-theme .owl-nav .owl-next {
        left: -5px
    }
}

.nav-control-layout1-new.owl-theme:hover .owl-nav .owl-prev,
.nav-control-layout1-new.owl-theme:hover .owl-nav .owl-next {
    visibility: visible;
    opacity: 1
}

.nav-control-layout1 .owl-nav {
    margin-top: 0
}

.nav-control-layout1 .owl-nav .owl-prev,
.nav-control-layout1 .owl-nav .owl-next {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff !important;
    background: #ee212b !important;
    height: 4.2rem;
    width: 4.2rem;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease-out;
    visibility: hidden;
    line-height: 2.8;
    opacity: 0
}

.nav-control-layout1 .owl-nav .owl-prev i,
.nav-control-layout1 .owl-nav .owl-next i {
    font-size: 20px
}

.nav-control-layout1 .owl-nav .owl-prev i:before,
.nav-control-layout1 .owl-nav .owl-next i:before {
    font-size: 20px;
    font-weight: 600
}

.nav-control-layout1 .owl-nav .owl-prev:hover,
.nav-control-layout1 .owl-nav .owl-next:hover {
    background: #d21c1d !important;
    color: #fff
}

.nav-control-layout1 .owl-nav .owl-prev:focus,
.nav-control-layout1 .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout1 .owl-nav .owl-prev {
    left: -8rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout1 .owl-nav .owl-prev {
        left: 0
    }
}

.nav-control-layout1 .owl-nav .owl-next {
    right: -8rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout1 .owl-nav .owl-next {
        right: 0
    }
}

.nav-control-layout1 .owl-nav:hover .owl-nav .owl-prev {
    visibility: visible;
    opacity: 1;
    left: 0
}

.nav-control-layout1 .owl-nav:hover .owl-nav .owl-next {
    visibility: visible;
    opacity: 1;
    right: 0
}

.nav-control-layout1b .owl-nav {
    margin-top: 0
}

.nav-control-layout1b .owl-nav .owl-prev,
.nav-control-layout1b .owl-nav .owl-next {
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff !important;
    background: #ee212b !important;
    height: 4.2rem;
    width: 4.2rem;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease-out;
    visibility: hidden;
    line-height: 2.8;
    opacity: 0
}

.nav-control-layout1b .owl-nav .owl-prev i,
.nav-control-layout1b .owl-nav .owl-next i {
    font-size: 20px
}

.nav-control-layout1b .owl-nav .owl-prev i:before,
.nav-control-layout1b .owl-nav .owl-next i:before {
    font-size: 20px;
    font-weight: 600
}

.nav-control-layout1b .owl-nav .owl-prev:hover,
.nav-control-layout1b .owl-nav .owl-next:hover {
    background: #d21c1d !important;
    color: #fff
}

.nav-control-layout1b .owl-nav .owl-prev:focus,
.nav-control-layout1b .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout1b .owl-nav .owl-prev {
    left: -6rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout1b .owl-nav .owl-prev {
        left: 0
    }
}

.nav-control-layout1b .owl-nav .owl-next {
    right: -6rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout1b .owl-nav .owl-next {
        right: 0
    }
}

.nav-control-layout1b:hover .owl-nav .owl-prev,
.nav-control-layout1b:hover .owl-nav .owl-next {
    visibility: visible;
    opacity: 1
}

.nav-control-layout5w .owl-nav {
    margin-top: 0
}

.nav-control-layout5w .owl-nav .owl-prev,
.nav-control-layout5w .owl-nav .owl-next {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-control-layout5w .owl-nav .owl-prev:focus,
.nav-control-layout5w .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout5w .owl-nav .owl-prev {
    left: -430px
}

@media only screen and (max-width:1440px) {
    .nav-control-layout5w .owl-nav .owl-prev {
        left: -420px;
        bottom: 0;
        top: inherit
    }
}

@media only screen and (max-width:1300px) {
    .nav-control-layout5w .owl-nav .owl-prev {
        left: -376px;
        bottom: 0;
        top: inherit
    }
}

@media only screen and (max-width:1270px) {
    .nav-control-layout5w .owl-nav .owl-prev {
        left: -362px;
        bottom: -40px;
        top: inherit
    }
}

@media only screen and (max-width:1199px) {
    .nav-control-layout5w .owl-nav .owl-prev {
        display: none
    }
}

.nav-control-layout5w .owl-nav .owl-next {
    left: -366px
}

@media only screen and (max-width:1440px) {
    .nav-control-layout5w .owl-nav .owl-next {
        left: -351px;
        top: inherit;
        bottom: 0
    }
}

@media only screen and (max-width:1300px) {
    .nav-control-layout5w .owl-nav .owl-next {
        left: -307px;
        top: inherit;
        bottom: 0
    }
}

@media only screen and (max-width:1270px) {
    .nav-control-layout5w .owl-nav .owl-next {
        left: -288px;
        top: inherit;
        bottom: -40px
    }
}

@media only screen and (max-width:1199px) {
    .nav-control-layout5w .owl-nav .owl-next {
        display: none
    }
}

.nav-control-layout1w .owl-nav {
    margin-top: 0
}

.nav-control-layout1w .owl-nav .owl-next {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: block;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:480px) {
    .nav-control-layout1w .owl-nav .owl-next {
        border: none
    }
}

.nav-control-layout1w .owl-nav .owl-next:after {
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

@media only screen and (max-width:480px) {
    .nav-control-layout1w .owl-nav .owl-next:after {
        left: -1px
    }
}

.nav-control-layout1w .owl-nav .owl-next i {
    color: #ee212b;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
    transition: all 0.3s ease-out
}

.nav-control-layout1w .owl-nav .owl-prev {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: block;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:480px) {
    .nav-control-layout1w .owl-nav .owl-prev {
        border: none
    }
}

.nav-control-layout1w .owl-nav .owl-prev:after {
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

@media only screen and (max-width:480px) {
    .nav-control-layout1w .owl-nav .owl-prev:after {
        left: 1px
    }
}

.nav-control-layout1w .owl-nav .owl-prev i {
    color: #ee212b;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
    transition: all 0.3s ease-out
}

.nav-control-layout1w .owl-nav .owl-prev,
.nav-control-layout1w .owl-nav .owl-next {
    position: absolute;
    top: -100px;
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:480px) {

    .nav-control-layout1w .owl-nav .owl-prev,
    .nav-control-layout1w .owl-nav .owl-next {
        top: -86px
    }
}

.nav-control-layout1w .owl-nav .owl-prev:hover,
.nav-control-layout1w .owl-nav .owl-next:hover {
    border: 2px solid #ee212b;
    background-color: #ee212b
}

@media only screen and (max-width:480px) {

    .nav-control-layout1w .owl-nav .owl-prev:hover,
    .nav-control-layout1w .owl-nav .owl-next:hover {
        border: none;
        background-color: transparent
    }
}

.nav-control-layout1w .owl-nav .owl-prev:hover:after,
.nav-control-layout1w .owl-nav .owl-next:hover:after {
    background-color: #fff
}

@media only screen and (max-width:480px) {

    .nav-control-layout1w .owl-nav .owl-prev:hover:after,
    .nav-control-layout1w .owl-nav .owl-next:hover:after {
        background-color: #393738
    }
}

.nav-control-layout1w .owl-nav .owl-prev:hover i,
.nav-control-layout1w .owl-nav .owl-next:hover i {
    color: #fff
}

@media only screen and (max-width:480px) {

    .nav-control-layout1w .owl-nav .owl-prev:hover i,
    .nav-control-layout1w .owl-nav .owl-next:hover i {
        color: #393738
    }
}

.nav-control-layout1w .owl-nav .owl-prev:focus,
.nav-control-layout1w .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout1w .owl-nav .owl-prev {
    right: 72px
}

@media only screen and (max-width:480px) {
    .nav-control-layout1w .owl-nav .owl-prev {
        right: 35px
    }
}

.nav-control-layout1w .owl-nav .owl-next {
    right: 0
}

.nav-control-layout2 .owl-nav {
    margin-top: 0
}

.nav-control-layout2 .owl-nav .owl-prev,
.nav-control-layout2 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff !important;
    background: #ee212b !important;
    height: 4rem;
    width: 4rem;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

.nav-control-layout2 .owl-nav .owl-prev i,
.nav-control-layout2 .owl-nav .owl-next i {
    font-size: 16px
}

.nav-control-layout2 .owl-nav .owl-prev i:before,
.nav-control-layout2 .owl-nav .owl-next i:before {
    font-size: 16px;
    font-weight: 600
}

.nav-control-layout2 .owl-nav .owl-prev:hover,
.nav-control-layout2 .owl-nav .owl-next:hover {
    background: #d21c1d !important;
    color: #fff
}

.nav-control-layout2 .owl-nav .owl-prev:focus,
.nav-control-layout2 .owl-nav .owl-next:focus {
    outline: none
}

.nav-control-layout2 .owl-nav .owl-prev {
    left: -6rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout2 .owl-nav .owl-prev {
        left: 0
    }
}

.nav-control-layout2 .owl-nav .owl-next {
    right: -6rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout2 .owl-nav .owl-next {
        right: 0
    }
}

.nav-control-layout2:hover .owl-nav button {
    visibility: visible;
    opacity: 1
}

.nav-control-layout3 .owl-theme .owl-nav .disabled {
    opacity: 1;
    cursor: default
}

.nav-control-layout3 .owl-nav {
    margin-top: 0
}

.nav-control-layout3 .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff !important;
    background: #393738 !important;
    border-radius: 50% !important;
    border: none;
    height: 60px;
    width: 60px;
    line-height: 4.2;
    transition: all 0.3s ease-out
}

.nav-control-layout3 .owl-nav div i {
    margin-top: 3px;
    font-size: 20px
}

.nav-control-layout3 .owl-nav div i:before {
    font-size: 20px;
    font-weight: 600
}

.nav-control-layout3 .owl-nav div:hover {
    background: #ee212b !important;
    color: #ffffff !important
}

.nav-control-layout3 .owl-nav div:focus {
    outline: none
}

.nav-control-layout3 .owl-nav .owl-prev {
    left: 4rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout3 .owl-nav .owl-prev {
        left: 0
    }
}

.nav-control-layout3 .owl-nav .owl-next {
    right: 4rem
}

@media only screen and (max-width:1399px) {
    .nav-control-layout3 .owl-nav .owl-next {
        right: 0
    }
}

.nav-control-layout4 .owl-nav {
    margin: auto;
    position: absolute;
    width: 140px;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #fff;
    padding: 13px 0 7px 0
}

.nav-control-layout4 .owl-nav:after {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    background: #d4d4d4;
    top: 50%
}

.nav-control-layout4 .owl-nav div {
    color: #707173;
    padding: 7px;
    height: 38px;
    line-height: 1;
    border-radius: 50%;
    width: 38px;
    text-align: center
}

.nav-control-layout4 .owl-nav div i {
    font-size: 20px
}

.nav-control-layout4 .owl-nav div:hover {
    color: #ee212b !important
}

.nav-control-layout4 .owl-nav div:focus {
    outline: none
}

.wrapper .dot-control-layout1-new {
    position: relative
}

.wrapper .dot-control-layout1-new .owl-dots {
    text-align: center;
    padding-bottom: 40px
}

.wrapper .dot-control-layout1-new .owl-dots .owl-dot {
    position: relative;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 3px;
    border: 2px solid rgba(161, 161, 161, .3);
    border-radius: 50%;
    transition: all 0.3s ease-out
}

.wrapper .dot-control-layout1-new .owl-dots .owl-dot span {
    border-radius: 50%;
    transition: all 0.3s ease-out;
    margin: 3px 0 0 3px !important
}

.wrapper .dot-control-layout1-new .owl-dots .owl-dot:focus {
    outline: none
}

.wrapper .dot-control-layout1-new .owl-dots .owl-dot.active span {
    background-color: #1c4163 !important;
    visibility: visible;
    opacity: 1
}

.wrapper .dot-control-layout1 {
    position: relative
}

.wrapper .dot-control-layout1 .owl-dots {
    text-align: center;
    margin-top: 46px !important
}

@media only screen and (max-width:767px) {
    .wrapper .dot-control-layout1 .owl-dots {
        margin-top: 20px !important
    }
}

.wrapper .dot-control-layout1 .owl-dots .owl-dot {
    position: relative;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 3px;
    border: 2px solid rgba(161, 161, 161, .3);
    border-radius: 50%;
    transition: all 0.3s ease-out
}

.wrapper .dot-control-layout1 .owl-dots .owl-dot span {
    border-radius: 50%;
    transition: all 0.3s ease-out;
    margin: 3px 0 0 3px !important
}

.wrapper .dot-control-layout1 .owl-dots .owl-dot:focus {
    outline: none
}

.wrapper .dot-control-layout1 .owl-dots .owl-dot.active span {
    background-color: #1c4163 !important;
    visibility: visible;
    opacity: 1
}

.wrapper .dot-control-layout1d {
    position: relative
}

.wrapper .dot-control-layout1d .owl-dots {
    text-align: center;
    margin-top: 55px !important
}

.wrapper .dot-control-layout1d .owl-dots .owl-dot {
    position: relative;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 3px;
    border: 2px solid rgba(161, 161, 161, .3);
    border-radius: 50%;
    transition: all 0.3s ease-out
}

.wrapper .dot-control-layout1d .owl-dots .owl-dot span {
    border-radius: 50%;
    transition: all 0.3s ease-out;
    margin: 3px 0 0 3px !important
}

.wrapper .dot-control-layout1d .owl-dots .owl-dot:focus {
    outline: none
}

.wrapper .dot-control-layout1d .owl-dots .owl-dot.active span {
    background-color: #1c4163 !important;
    visibility: visible;
    opacity: 1
}

.slick-slider-layout1 .slick-content .slick-slider .item-img {
    text-align: center;
    margin-bottom: -10px
}

.slick-slider-layout1 .slick-content .slick-slider .item-img:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .short-detail-item-content {
    color: #fff;
    max-width: 670px;
    margin: 23px auto 40px auto;
    font-size: 18px;
    font-weight: 600
}

@media only screen and (max-width:991px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .short-detail-item-content {
        max-width: 670px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .short-detail-item-content {
        font-size: 36px;
        max-width: 100%;
        display: none
    }
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text span {
    display: block
}

@media only screen and (max-width:991px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
        font-size: 40px
    }
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
        font-size: 36px;
        margin-bottom: 26px
    }
}

@media only screen and (max-width:575px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:479px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
        font-size: 26px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:400px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text {
        margin-bottom: 0
    }
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 16px 30px;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease-out;
    margin-top: 46px;
    display: inline-block
}

@media only screen and (max-width:991px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
        margin-top: 24px
    }
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
        margin-top: 0
    }
}

@media only screen and (max-width:575px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
        padding: 12px 30px;
        margin-top: 0
    }
}

@media only screen and (max-width:479px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
        padding: 12px 30px;
        display: none
    }
}

@media only screen and (max-width:400px) {
    .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn {
        display: none
    }
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn:before {
    content: "";
    height: 100%;
    width: 0;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skewX(-10deg);
    transition: all 0.3s ease-out;
    z-index: -1
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn:after {
    content: "";
    height: 100%;
    width: 100%;
    border: 2px solid #ee212b;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-10deg);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: -2
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn i {
    margin-left: 10px
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn:hover:before {
    width: 100%;
    left: 0
}

.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .item-btn:hover:after {
    border-color: #d21c1d;
    background-color: #d21c1d
}

.slick-slider-layout1 .slick-nav-wrap {
    background-color: #ee212b
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item:focus {
    outline: none;
    color: #fff
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item {
    position: relative;
    text-align: center;
    margin-right: 1px;
    padding: 50px 5px 22px;
    cursor: pointer;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item {
        padding: 25px 5px 0
    }
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon {
    margin-bottom: 20px;
    line-height: 1
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon {
        margin-bottom: 10px
    }
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon i {
    display: block
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon i:before {
    font-size: 52px;
    color: #fff
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon i:before {
        font-size: 44px
    }
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title {
    color: #fff
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title:hover {
    outline: none;
    color: #fff !important
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title:focus {
    outline: none;
    color: #fff !important
}

@media only screen and (max-width:991px) {
    .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title {
        font-size: 16px
    }
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item:hover {
    background-color: #da101a
}

.slick-slider-layout1 .slick-nav-wrap .slick-nav .slick-current .nav-item {
    background-color: #cd0d16
}

.about-box-layout1d {
    width: 90%;
    background-color: rgba(255, 0, 0, .8);
    text-align: left;
    float: right;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 28% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 28% 100%);
    padding-left: calc((100% - 500px) / 2)
}

@media only screen and (max-width:1229px) {
    .about-box-layout1d {
        padding-left: calc((100% - 500px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .about-box-layout1d {
        padding-left: calc((100% - 450px) / 2)
    }
}

@media only screen and (max-width:991px) {
    .about-box-layout1d {
        width: 100%;
        padding-left: calc((100% - 400px) / 2);
        -webkit-clip-path: none;
        clip-path: none
    }
}

@media only screen and (max-width:767px) {
    .about-box-layout1d {
        padding-left: calc((100% - 300px) / 2)
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout1d {
        padding: 0 15px
    }
}

.about-box-layout1d .about-box-content {
    padding: 12rem 20rem 12rem 0
}

@media only screen and (max-width:1199px) {
    .about-box-layout1d .about-box-content {
        padding: 12rem 10rem 12rem 0
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout1d .about-box-content {
        padding: 12rem 0
    }
}

.about-box-layout1d .about-box-content .item-header {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding-bottom: 27px;
    margin-bottom: 22px
}

.about-box-layout1d .about-box-content .item-header .experience-year {
    font-size: 100px;
    font-weight: 700;
    line-height: 76px;
    margin-right: 15px;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .about-box-layout1d .about-box-content .item-header .experience-year {
        font-size: 70px;
        line-height: 66px;
        margin-top: 0
    }
}

.about-box-layout1d .about-box-content .item-header h2 {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400
}

.about-box-layout1d .about-box-content .item-header h2 span {
    font-size: 100px;
    font-weight: 700;
    line-height: 59px;
    margin-right: 15px;
    margin-top: 5px
}

.about-box-layout1d .about-box-content .item-header .item-title li {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2
}

@media only screen and (max-width:767px) {
    .about-box-layout1d .about-box-content .item-header .item-title li {
        font-size: 28px
    }
}

.about-box-layout1d .about-box-content .item-header .item-title li span {
    font-weight: 700
}

.about-box-layout1d .about-box-content .item-header .item-title li:last-child {
    margin-bottom: 0
}

.about-box-layout1d .about-box-content p {
    color: #ececec;
    margin-bottom: 35px
}

.about-box-layout1 {
    width: 55%;
    background-color: rgba(255, 0, 0, .8);
    -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%);
    padding-left: calc((100% - 1170px) / 2)
}

@media only screen and (max-width:1229px) {
    .about-box-layout1 {
        padding-left: calc((100% - 1110px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .about-box-layout1 {
        padding-left: calc((100% - 930px) / 2)
    }
}

@media only screen and (max-width:991px) {
    .about-box-layout1 {
        width: 100%;
        padding-left: calc((100% - 690px) / 2);
        -webkit-clip-path: none;
        clip-path: none
    }
}

@media only screen and (max-width:767px) {
    .about-box-layout1 {
        padding-left: calc((100% - 510px) / 2)
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout1 {
        padding: 0 15px
    }
}

.about-box-layout1 .about-box-content {
    padding: 12rem 20rem 12rem 0
}

@media only screen and (max-width:1199px) {
    .about-box-layout1 .about-box-content {
        padding: 12rem 10rem 12rem 0
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout1 .about-box-content {
        padding: 12rem 0
    }
}

.about-box-layout1 .about-box-content .item-header {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding-bottom: 27px;
    margin-bottom: 22px
}

.about-box-layout1 .about-box-content .item-header .experience-year {
    font-size: 100px;
    font-weight: 700;
    line-height: 76px;
    margin-right: 15px;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .about-box-layout1 .about-box-content .item-header .experience-year {
        font-size: 70px;
        line-height: 66px;
        margin-top: 0
    }
}

.about-box-layout1 .about-box-content .item-header h2 {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400
}

.about-box-layout1 .about-box-content .item-header h2 span {
    font-size: 100px;
    font-weight: 700;
    line-height: 59px;
    margin-right: 15px;
    margin-top: 5px
}

.about-box-layout1 .about-box-content .item-header .item-title li {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2
}

@media only screen and (max-width:767px) {
    .about-box-layout1 .about-box-content .item-header .item-title li {
        font-size: 28px
    }
}

.about-box-layout1 .about-box-content .item-header .item-title li span {
    font-weight: 700
}

.about-box-layout1 .about-box-content .item-header .item-title li:last-child {
    margin-bottom: 0
}

.about-box-layout1 .about-box-content p {
    color: #ececec;
    margin-bottom: 35px
}

.about-box-layout2 {
    padding-right: 10rem
}

@media only screen and (max-width:1440px) {
    .about-box-layout2 {
        padding-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .about-box-layout2 {
        padding: 0;
        text-align: center
    }
}

.about-box-layout2 .item-subtitle {
    font-size: 15px;
    font-weight: 700;
    color: #ee212b;
    margin-bottom: 10px
}

.about-box-layout2 .item-title {
    font-weight: 700;
    color: #393738;
    font-size: 36px
}

@media only screen and (max-width:991px) {
    .about-box-layout2 .item-title {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .about-box-layout2 .item-title {
        font-size: 30px;
        line-height: 42px
    }
}

@media only screen and (max-width:1024px) {
    .about-box-layout2 .item-title br {
        display: none
    }
}

.about-box-layout2 .item-award {
    margin-top: 5rem
}

@media only screen and (max-width:991px) {
    .about-box-layout2 .item-award {
        margin-bottom: 20px
    }

    .about-box-layout2 .item-award .item-img {
        margin-bottom: 30px
    }
}

.about-box-layout2 .title-style {
    position: relative;
    height: 4px;
    margin-bottom: 20px;
    width: 50px
}

.about-box-layout2 .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto
}

.slider-box-form .about-box-layout3 {
    background-color: #fff;
    box-shadow: none;
    padding: 40px 50px;
    border-radius: 4px
}

@media only screen and (max-width:1199px) {
    .slider-box-form .about-box-layout3 {
        padding: 40px
    }
}

.slider-box-form .about-box-layout3 .item-heading {
    text-align: center;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .slider-box-form .about-box-layout3 .item-heading {
        text-align: left
    }
}

.slider-box-form .about-box-layout3 .item-heading .item-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 0 !important
}

@media only screen and (max-width:1199px) {
    .slider-box-form .about-box-layout3 .item-heading .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .slider-box-form .about-box-layout3 .item-heading .item-title {
        font-size: 24px
    }
}

@media only screen and (max-width:575px) {
    .slider-box-form .about-box-layout3 .item-heading .item-title {
        font-size: 22px
    }
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #707173;
    padding: 10px 15px
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group input {
    height: 50px
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group .wpcf7-submit.fw-btn-fill {
    padding: 16px 20px;
    position: relative
}

.slider-box-form .about-box-layout3 .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.slider-box-form .about-box-layout3 .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #707173
}

.slider-box-form .about-box-layout3.services-sidebar {
    padding: 0
}

.slider-box-form .about-box-layout3.services-sidebar .wpcf7-submit.item-btn {
    font-weight: 600;
    font-size: 15px;
    padding: 12px 40px;
    border-radius: 4px;
    z-index: 1;
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    display: block;
    width: 100%
}

.slider-box-form .about-box-layout3.services-sidebar .wpcf7-submit.item-btn:hover {
    background-color: #ee212b
}

.about-box-layout3 {
    background-color: #fff;
    box-shadow: 0 5px 24px 0 rgba(217, 217, 217, .2);
    padding: 60px 50px 36px 50px;
    border-radius: 4px
}

@media only screen and (max-width:1199px) {
    .about-box-layout3 {
        padding: 30px
    }
}

.about-box-layout3 .item-heading {
    margin-bottom: 25px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .about-box-layout3 .item-heading {
        text-align: left
    }
}

.about-box-layout3 .item-heading .item-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px
}

@media only screen and (max-width:1199px) {
    .about-box-layout3 .item-heading .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .about-box-layout3 .item-heading .item-title {
        font-size: 24px
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout3 .item-heading .item-title {
        font-size: 24px;
        margin-bottom: 7px
    }
}

.about-box-layout3 .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.about-box-layout3 .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #707173;
    padding: 10px 15px
}

.about-box-layout3 .contact-form-box .form-group .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none
}

.about-box-layout3 .contact-form-box .form-group input {
    height: 50px
}

.about-box-layout3 .contact-form-box .form-group .wpcf7-submit.fw-btn-fill {
    padding: 16px 20px;
    position: relative
}

.about-box-layout3 .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.about-box-layout3 .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #707173
}

@media only screen and (max-width:1024px) {
    .about-box-layout4 {
        margin-bottom: 3rem;
        text-align: center
    }
}

.about-box-layout4 .about-box-img {
    position: relative
}

.about-box-layout4 .about-box-img .item-img {
    box-shadow: 0 11px 29px 0 rgba(0, 0, 0, .3)
}

.about-box-layout4 .about-box-img .item-img img {
    border-radius: 4px
}

@media only screen and (max-width:1024px) {
    .about-box-layout4 .about-box-img .item-img img {
        width: 100%
    }
}

.about-box-layout4 .about-box-img .sl-number {
    font-size: 15rem;
    color: #f1f1f1;
    font-weight: 700;
    position: absolute;
    top: -15px;
    left: -53px;
    z-index: -1;
    transition: all 0.3s ease-out
}

.about-box-layout4 .about-box-img:hover .sl-number {
    top: 0;
    z-index: 1;
    color: #ee212b
}

.about-box-layout4 .about-box-content {
    padding: 0 40px
}

@media only screen and (max-width:991px) {
    .about-box-layout4 .about-box-content {
        padding: 0;
        text-align: center
    }
}

.about-box-layout4 .about-box-content .item-title {
    font-weight: 700;
    font-size: 36px
}

@media only screen and (max-width:767px) {
    .about-box-layout4 .about-box-content .item-title {
        font-size: 30px;
        line-height: 42px
    }
}

.about-box-layout4 .about-box-content .item-subtitle {
    font-size: 15px;
    color: #707173;
    margin-bottom: 16px;
    font-weight: 700
}

.half-left-bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 57%;
    z-index: 0;
    background-color: #ee212b;
    -webkit-clip-path: polygon(0 0, 90% 0%, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 90% 0%, 80% 100%, 0 100%)
}

@media (max-width:991px) {
    .half-left-bg:after {
        display: none
    }
}

@media (max-width:991px) {
    .half-left-bg {
        background-color: #ee212b
    }
}

.image-object-fit {
    height: 100%
}

.image-object-fit div {
    height: 100%
}

@media (max-width:991px) {
    .image-object-fit div {
        height: auto;
        margin-bottom: 0
    }
}

.image-object-fit .about-box-layout5 .item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:991px) {
    .image-object-fit {
        height: auto
    }
}

@media only screen and (max-width:1024px) {
    .about-box-layout5 {
        margin-bottom: 4rem;
        text-align: center
    }
}

.about-box-layout5 .about-box-img {
    position: relative
}

.about-box-layout5 .about-box-img .item-img {
    text-align: center
}

@media only screen and (max-width:1024px) {
    .about-box-layout5 .about-box-img .item-img img {
        width: 100%
    }
}

.about-box-layout5 .about-box-img .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.about-box-layout5 .about-box-img .item-img .item-icon .play-btn {
    height: 80px;
    width: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: all 0.3s ease-out;
    left: inherit;
    top: inherit;
    transform: inherit
}

.about-box-layout5 .about-box-img .item-img .item-icon .play-btn i {
    display: inline-block
}

.about-box-layout5 .about-box-img .item-img .item-icon .play-btn i:before {
    font-size: 30px;
    color: #fff;
    margin-left: 8px
}

.about-box-layout5 .about-box-img .item-img .item-icon .play-btn:hover {
    background-color: #fff
}

.about-box-layout5 .about-box-img .item-img .item-icon .play-btn:hover:before i {
    color: #393738
}

.about-box-layout5 .about-box-img .sl-number {
    font-size: 15rem;
    color: #f1f1f1;
    font-weight: 700;
    position: absolute;
    top: -15px;
    right: -53px;
    z-index: -1;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:1024px) {
    .about-box-layout5 .about-box-img .sl-number {
        display: none
    }
}

.about-box-layout5 .about-box-img .sl-number.left {
    font-size: 15rem;
    color: #f1f1f1;
    font-weight: 700;
    position: absolute;
    top: -15px;
    left: -53px;
    z-index: -1;
    transition: all 0.3s ease-out
}

.about-box-layout5 .about-box-img:hover .sl-number {
    top: 0;
    z-index: 1;
    color: #ee212b
}

.about-box-layout5 .about-box-content {
    padding-right: 8rem
}

@media only screen and (max-width:1024px) {
    .about-box-layout5 .about-box-content {
        padding-right: 0
    }
}

.about-box-layout5 .about-box-content .item-title {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .about-box-layout5 .about-box-content .item-title {
        font-size: 30px;
        line-height: 42px
    }
}

.about-box-layout5 .about-box-content .item-subtitle {
    font-size: 20px;
    color: #707173;
    margin-bottom: 16px;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .about-box-layout5 .about-box-content .item-subtitle {
        font-size: 18px;
        text-align: center
    }
}

.about-box-layout6 {
    text-align: center
}

.about-box-layout6 .item-content {
    padding: 0 6rem
}

@media only screen and (max-width:991px) {
    .about-box-layout6 .item-content {
        padding: 0
    }
}

.about-box-layout6 .item-content .item-award {
    margin-top: 7rem;
    padding: 0 5rem
}

.about-box-layout7 {
    position: relative
}

@media only screen and (max-width:1199px) {
    .about-box-layout7 {
        margin-top: -6rem
    }
}

@media only screen and (max-width:991px) {
    .about-box-layout7 {
        margin-top: -10rem
    }
}

.about-box-layout7 .item-img {
    position: absolute;
    bottom: -12rem;
    left: 0;
    right: 0
}

@media only screen and (max-width:1199px) {
    .about-box-layout7 .item-img {
        position: relative;
        text-align: center
    }
}

.about-box-layout8 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .about-box-layout8 {
        display: block
    }
}

.about-box-layout8 .item-content {
    position: relative;
    width: 55%;
    background-color: #f8f8f8;
    border-radius: 4px 0 0 4px;
    padding: 8rem 12rem 8rem 8rem
}

@media only screen and (max-width:991px) {
    .about-box-layout8 .item-content {
        width: 100%;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout8 .item-content {
        padding: 4rem
    }
}

.about-box-layout8 .item-content .item-title {
    margin-bottom: 25px
}

.about-box-layout8 .item-content .title-style {
    position: relative;
    height: 4px;
    margin-bottom: 25px
}

.about-box-layout8 .item-content .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 50px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto
}

.about-box-layout8 .item-content .list-item {
    margin-top: 40px;
    padding-left: 0
}

.about-box-layout8 .item-content .list-item li {
    position: relative;
    font-size: 18px;
    color: #707173;
    font-style: italic;
    margin-bottom: 20px;
    padding-left: 30px;
    list-style: none
}

.about-box-layout8 .item-content .list-item li:last-child {
    margin-bottom: 0
}

.about-box-layout8 .item-content .list-item li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #ee212b;
    font-weight: 600
}

.about-box-layout8 .item-content:after {
    content: "";
    height: 100%;
    width: 130px;
    background-color: #f8f8f8;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    right: -13rem
}

@media only screen and (max-width:991px) {
    .about-box-layout8 .item-content:after {
        display: none
    }
}

.about-box-layout8 .item-img {
    width: 45%;
    position: relative;
    text-align: center;
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .46)
}

@media only screen and (max-width:991px) {
    .about-box-layout8 .item-img {
        width: 96%;
        margin: auto
    }
}

.about-box-layout8 .item-img img {
    width: 100%
}

.about-box-layout8 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.about-box-layout8 .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.about-box-layout8 .item-img .item-icon .play-btn {
    text-align: center;
    height: 80px;
    width: 80px;
    line-height: 90px;
    border-radius: 50%;
    background-color: #ee212b;
    display: inline-block;
    animation: pulse infinite 1500ms
}

.about-box-layout8 .item-img .item-icon .play-btn i:before {
    margin-left: 10px;
    font-size: 28px;
    color: #fff
}

@media only screen and (max-width:767px) {
    .about-box-layout8 .item-img .item-icon .play-btn {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .about-box-layout8 .item-img .item-icon .play-btn i:before {
        font-size: 26px;
        margin-left: 8px
    }
}

.about-box-layout-viedo {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 11px 48px 0 rgba(0, 0, 0, .25)
}

.about-box-layout-viedo .media {
    -ms-flex-align: unset;
    align-items: unset
}

@media only screen and (max-width:460px) {
    .about-box-layout-viedo .media {
        display: block
    }
}

.about-box-layout-viedo .item-content {
    background-color: #fff;
    padding: 24px 32px 30px 30px;
    margin-left: 0;
    position: relative
}

.about-box-layout-viedo .item-content svg {
    position: absolute;
    fill: #ee212b;
    right: -1px;
    bottom: -3px
}

@media only screen and (max-width:1024px) {
    .about-box-layout-viedo .item-content svg {
        display: none
    }
}

.about-box-layout-viedo .item-content .item-subtitle {
    padding-left: 30px;
    color: #707173;
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 17px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif
}

.about-box-layout-viedo .item-content .item-subtitle:after {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    top: 43%;
    left: 0
}

.about-box-layout-viedo .item-content p {
    line-height: 1.4;
    margin-bottom: 0
}

.about-box-layout-viedo .item-content .item-title {
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 20px;
    color: #393738
}

.about-box-layout-viedo .item-img {
    position: relative;
    text-align: center;
    z-index: 9;
    transition: all 0.3s ease-in-out;
    overflow: hidden
}

.about-box-layout-viedo .item-img img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.5s ease-in-out
}

.about-box-layout-viedo .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(140, 140, 140, .5);
    border-radius: 6px 0 0 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.about-box-layout-viedo .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.about-box-layout-viedo .item-img .item-icon .play-btn {
    height: 57px;
    width: 57px;
    line-height: 70px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.about-box-layout-viedo .item-img .item-icon .play-btn svg {
    transform: scale(2.4);
    margin: auto;
    transition: all 0.3s ease-in-out;
    margin-left: 18px
}

.about-box-layout-viedo .item-img .item-icon .play-btn:after {
    content: "";
    height: 80px;
    width: 80px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    bottom: 0;
    left: -11px;
    right: 0;
    border-radius: 50%;
    z-index: -1;
    top: 0;
    margin: auto
}

.about-box-layout-viedo .item-img .item-icon .play-btn:hover {
    animation: pulse infinite 1500ms
}

.about-box-layout-viedo .item-img .item-icon .play-btn i:before {
    margin-left: 10px;
    font-size: 24px;
    color: #ee212b
}

.about-box-layout-viedo .item-img:hover img {
    transform: scale(1.05)
}

.about-box-layout-viedo-07 .item-img {
    position: relative;
    text-align: center;
    min-height: 155px
}

.about-box-layout-viedo-07 .play-btn {
    width: 80px;
    height: 80px;
    background: #FFF;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    transition: all 0.3s ease-in-out;
    z-index: 1
}

.about-box-layout-viedo-07 .play-btn::before {
    content: "";
    width: 155px;
    height: 155px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .155) 0%, rgba(255, 255, 255, .05) 100%);
    box-shadow: -8px -1px 10px rgb(0 0 0 / 10%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
    z-index: -1
}

.about-box-layout-viedo-07 .play-btn .play {
    color: #ee212b;
    font-size: 20px;
    transition: all 0.3s ease-in-out
}

.about-box-layout-viedo-07 .item-shape {
    top: 0;
    left: 0;
    right: 0;
    position: absolute
}

.about-box-layout-viedo-07 .item-shape>span {
    display: inline-block;
    animation-duration: 10s
}

.about-box-layout-viedo-07 .play-btn .play i {
    transition: none
}

.about-box-layout-viedo-07 .play-btn:hover {
    background-color: #ee212b
}

.about-box-layout-viedo-07 .play-btn:hover .play {
    color: #fff
}

.about-box-layout8r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (max-width:1024px) {
    .about-box-layout8r {
        display: block
    }
}

.about-box-layout8r .item-content {
    position: absolute;
    width: 470px;
    background-color: #fff;
    border-radius: 0;
    padding: 70px 50px 60px 70px;
    right: 0;
    z-index: 9;
    bottom: -90px;
    box-shadow: 0 7px 49px 0 rgba(0, 0, 0, .09);
    border-radius: 6px
}

@media only screen and (max-width:1024px) {
    .about-box-layout8r .item-content {
        position: relative;
        width: 100%;
        margin-bottom: 0;
        bottom: 0
    }
}

@media only screen and (max-width:991px) {
    .about-box-layout8r .item-content {
        width: 100%;
        margin-bottom: 0
    }
}

@media only screen and (max-width:575px) {
    .about-box-layout8r .item-content {
        padding: 30px 15px
    }
}

.about-box-layout8r .item-content .subtitle-style {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: 'Inter', sans-serif;
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase
}

.about-box-layout8r .item-content .subtitle-style:after {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    top: 48%;
    left: 0
}

.about-box-layout8r .item-content .item-title {
    font-weight: 700;
    margin-bottom: 20px
}

.about-box-layout8r .item-content .list-item {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0
}

.about-box-layout8r .item-content .list-item li {
    position: relative;
    color: #393738;
    margin-bottom: 12px;
    padding-left: 30px;
    list-style: none;
    font-weight: 600
}

.about-box-layout8r .item-content .list-item li:last-child {
    margin-bottom: 0
}

.about-box-layout8r .item-content .list-item li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #ee212b;
    font-weight: 600
}

.about-box-layout8r .item-img {
    width: 70%;
    position: relative;
    text-align: center;
    z-index: 9;
    border-radius: 6px;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .about-box-layout8r .item-img {
        width: 100%
    }
}

.about-box-layout8r .item-img img {
    width: 100%
}

.about-box-layout8r .item-img:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .46)), linear-gradient(transparent, rgba(0, 0, 0, .46));
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    content: "";
    left: 0;
    width: 100%;
    transition: all 0.3s ease-in-out
}

.about-box-layout8r .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.about-box-layout8r .item-img .item-icon .play-btn {
    height: 80px;
    width: 80px;
    line-height: 90px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    animation: pulse infinite 1500ms;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.about-box-layout8r .item-img .item-icon .play-btn:hover {
    background-color: #ee212b
}

.about-box-layout8r .item-img .item-icon .play-btn:hover svg {
    fill: #fff;
    color: #fff
}

.about-box-layout8r .item-img .item-icon .play-btn svg {
    transform: scale(2.8);
    margin: auto;
    transition: all 0.3s ease-in-out;
    color: #393738
}

.about-box-layout9r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (max-width:1024px) {
    .about-box-layout9r {
        display: block
    }
}

.about-box-layout9r .item-img {
    position: relative;
    text-align: center;
    z-index: 9
}

.about-box-layout9r .item-img:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .46)), linear-gradient(transparent, rgba(0, 0, 0, .46));
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    content: "";
    left: 0;
    width: 100%;
    transition: all 0.3s ease-in-out
}

.about-box-layout9r .item-img .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.about-box-layout9r .item-img .item-icon .play-btn {
    height: 90px;
    width: 90px;
    line-height: 90px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    animation: pulse infinite 1500ms;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.about-box-layout9r .item-img .item-icon .play-btn:hover {
    background-color: #ee212b
}

.about-box-layout9r .item-img .item-icon .play-btn:hover svg {
    fill: #fff;
    color: #fff
}

.about-box-layout9r .item-img .item-icon .play-btn svg {
    transform: scale(3);
    margin: auto;
    transition: all 0.3s ease-in-out;
    color: #393738;
    padding-left: 2px
}

.about-box-layout9 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .about-box-layout9 {
        display: block
    }
}

@media only screen and (max-width:1199px) {
    .about-box-layout9 .single-item {
        text-align: center;
        padding: 0 15px
    }
}

.about-box-layout9 .single-item .item-content .item-title {
    position: relative;
    font-weight: 700;
    padding-bottom: 15px
}

.about-box-layout9 .single-item .item-content .item-title:after {
    content: "";
    height: 4px;
    width: 50px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width:1199px) {
    .about-box-layout9 .single-item .item-content .item-title:after {
        margin: auto
    }
}

.about-box-layout9 .left-item {
    padding-left: calc((100% - 1170px) / 2);
    padding-right: 10rem;
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media only screen and (max-width:1229px) {
    .about-box-layout9 .left-item {
        padding-left: calc((100% - 1110px) / 2)
    }
}

@media only screen and (max-width:1199px) {
    .about-box-layout9 .left-item {
        margin-bottom: 5rem;
        padding: 0 15px
    }
}

.about-box-layout10 .item-img {
    position: relative;
    z-index: 2
}

.about-box-layout10 .item-img:after {
    position: absolute;
    right: -40px;
    top: 0;
    z-index: -1;
    opacity: 50%
}

@media only screen and (max-width:1199px) {
    .about-box-layout10 .item-img:after {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .about-box-layout10 .item-img img {
        height: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width:991px) {
    .about-box-layout10 .item-img img {
        height: auto;
        object-fit: auto
    }
}

.about-box-layout10 .item-exprience {
    position: absolute;
    bottom: 20px;
    left: -10px
}

@media only screen and (max-width:1199px) {
    .about-box-layout10 .item-exprience {
        bottom: 0;
        left: 15px
    }
}

.about-box-layout10 .item-exprience .item-content {
    position: relative;
    z-index: 5;
    padding: 100px 100px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-box-layout10 .item-exprience .item-content:before {
    content: "";
    height: 240px;
    width: 100%;
    position: absolute;
    left: -15px;
    bottom: -35px;
    z-index: -5;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #ee212b
}

.about-box-layout10 .item-exprience .item-content .item-year {
    color: #fff;
    font-size: 72px;
    line-height: 26px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin-bottom: 30px
}

.about-box-layout10 .item-exprience .item-content .item-time {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Roboto", sans-serif
}

.service-box-layout1-new {
    background-color: #fff;
    padding: 50px 25px 40px 45px;
    margin-bottom: 6px;
    transition: all 0.3s ease-out
}

.service-box-layout1-new .item-icon {
    margin-bottom: 14px;
    line-height: 1
}

.service-box-layout1-new .item-icon i:before {
    font-size: 54px;
    color: #d21c1d;
    transition: all 0.3s ease-out
}

.service-box-layout1-new .item-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}

.service-box-layout1-new .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.service-box-layout1-new .item-btn {
    font-size: 14px;
    font-weight: 700;
    color: #d21c1d;
    letter-spacing: 1px;
    transition: all 0.3s ease-out
}

.service-box-layout1-new .item-btn i {
    font-size: 16px;
    margin-left: 8px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.service-box-layout1-new:hover {
    box-shadow: 0 0 57px 0 rgba(0, 0, 0, .2)
}

.service-box-layout1-new:hover .item-icon i:before {
    color: #ee212b
}

.service-box-layout1-new:hover .item-title a {
    color: #d21c1d
}

.service-box-layout1-new:hover .item-btn {
    color: #393738
}

.service-box-layout1-new:hover .item-btn:hover {
    color: #ee212b
}

.service-box-layout1-new:hover .item-btn:hover i {
    margin-left: 12px
}

.service-box-layout1 {
    text-align: center;
    padding: 0 2rem;
    margin-bottom: 30px
}

@media only screen and (max-width:1199px) {
    .service-box-layout1 {
        padding: 0
    }
}

.service-box-layout1 .title-style {
    position: relative;
    height: 4px;
    margin-bottom: 15px
}

.service-box-layout1 .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 50px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout1 .item-img {
    position: relative;
    border-radius: 50%;
    margin-bottom: 22px;
    display: inline-block;
    border: 10px solid #fff;
    transition: all 0.3s ease-in-out
}

.service-box-layout1 .item-img img {
    border-radius: 50%
}

.service-box-layout1 .item-img .sl-number {
    position: absolute;
    top: -15px;
    right: 4px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50%;
    background-color: #ee212b
}

@media only screen and (max-width:1024px) {
    .service-box-layout1 .item-img .sl-number {
        display: none
    }
}

.service-box-layout1 .item-content .item-title {
    margin-bottom: 10px;
    color: #fff
}

.service-box-layout1 .item-content .item-title a {
    color: #fff;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

.service-box-layout1 .item-content .item-title a:hover {
    color: #ccc
}

.service-box-layout1 .item-content p {
    color: #ccc
}

.service-box-layout1:hover .item-img {
    border-color: #ee212b;
    animation: pulse 3000ms infinite
}

.service-box-layout2.service-box-layout2-img .item-icon img {
    border-radius: 4px
}

.service-box-layout2.service-box-layout2-img .item-title {
    font-weight: 500;
    color: #393738;
    margin-bottom: 10px;
    font-size: 22px
}

.service-box-layout2.service-box-layout2-img .item-title a {
    color: #393738
}

.service-box-layout2.service-box-layout2-img .item-title a:hover {
    color: #ee212b
}

.service-box-layout2.service-box-layout2-img .title-style {
    margin-bottom: 10px;
    border-radius: 4px
}

.service-box-layout2:hover .item-icon i {
    transition: all 0.3s ease-out
}

.service-box-layout2:hover .item-icon i:before {
    color: #d21c1d;
    transition: all 0.3s ease-out
}

.service-box-layout2 .item-title {
    font-weight: 600;
    color: #393738;
    margin-bottom: 10px;
    font-size: 20px
}

.service-box-layout2 .item-title a {
    color: #393738
}

.service-box-layout2 .item-title a:hover {
    color: #ee212b
}

.service-box-layout2 .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    background-color: #ee212b;
    border-radius: 4px
}

.service-box-layout2 .item-content {
    margin-bottom: 0
}

.service-box-layout2 .service-box-media {
    margin-bottom: 20px
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-1 {
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d21c1d;
    border-radius: 50%;
    transition: all 0.3s ease-out
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-1 i {
    display: block;
    font-size: 35px;
    line-height: 1
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-1 i:before {
    color: #fff;
    font-size: inherit
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-1 img {
    padding: 4px;
    line-height: 0
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-1 img {
    border-radius: 4px
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-2 {
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-2 i {
    display: block;
    font-size: 60px;
    line-height: 1;
    margin-top: 10px
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-2 i:before {
    color: #ee212b;
    font-size: 60px
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-2 img {
    line-height: 0
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-3 {
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-3 i {
    line-height: 1.9;
    margin-top: 7px;
    width: 70px;
    height: 70px;
    background-color: #fff1f2;
    color: #ee212b;
    border-radius: 50%;
    display: inline-block
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-3 i:before {
    color: #ee212b;
    font-size: 36px
}

.service-box-layout2 .service-box-media .item-icon.icon-layout-3 img {
    line-height: 0
}

.service-box-layout2 .service-box-media:hover .item-icon.icon-layout-1 {
    background-color: #ee212b
}

.icon-layout-4 {
    line-height: 1
}

.icon-layout-4 .service-box-media {
    margin-bottom: 0
}

.icon-layout-4 .service-box-media .item-icon {
    display: inline-block
}

.icon-layout-4 .service-box-media .item-icon i:before {
    font-size: 60px
}

.icon-layout-4 .service-box-media.left {
    text-align: left
}

.icon-layout-4 .service-box-media.center {
    text-align: center
}

.icon-layout-4 .service-box-media.right {
    text-align: right
}

.icon-box-layout5 .item-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
}

.icon-box-layout5 .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    background-color: #ee212b;
    border-radius: 4px
}

.icon-box-layout5 .icon-layout-5 {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
    text-align: center;
    z-index: 1
}

.icon-box-layout5 .icon-layout-5 i {
    font-size: 60px;
    line-height: 1;
    transition: all 120ms ease-in-out
}

.icon-box-layout5 .icon-layout-5 i:before {
    font-size: 60px;
    transition: all 120ms ease-in-out
}

.icon-box-layout5 .icon-layout-5:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 40px;
    height: 4px;
    z-index: -1;
    border-radius: 5px;
    background-color: #ee212b;
    transition: all 220ms ease-in-out
}

.icon-box-layout5 .item-content {
    font-size: 15px;
    margin-bottom: 0
}

.icon-box-layout5 .media-body-wrp {
    margin-left: 20px
}

.icon-box-layout5:hover .icon-layout-5 i {
    color: #fff
}

.icon-box-layout5:hover .icon-layout-5:before {
    width: 100%;
    height: 100%
}

.icon-box-layout5.center {
    text-align: center
}

.icon-box-layout6 .service-box-media {
    align-items: center
}

.icon-box-layout6 .item-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.icon-box-layout6 .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    background-color: #ee212b;
    border-radius: 4px
}

.icon-box-layout6 .icon-layout-6 {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdada;
    border-radius: 50%;
    text-align: center
}

.icon-box-layout6 .icon-layout-6 i {
    font-size: 60px;
    line-height: 1;
    transition: all 220ms ease-in-out
}

.icon-box-layout6 .icon-layout-6 i:before {
    font-size: 60px;
    transition: all 220ms ease-in-out
}

.icon-box-layout6 .icon-layout-6 img {
    transition: all 240ms ease-in-out
}

.icon-box-layout6 .icon-layout-6 span {
    position: absolute;
    top: 0;
    left: 0;
    color: #e0e0e0;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 50%;
    font-size: 14px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    transition: all 240ms ease-in-out
}

.icon-box-layout6 .item-content {
    margin-bottom: 0;
    font-size: 15px
}

.icon-box-layout6 .media-body-wrp {
    margin-left: 30px
}

.icon-box-layout6:hover .icon-layout-6 span {
    background-color: #ee212b;
    border: 1px solid transparent;
    box-shadow: 0 10px 20px 0 rgba(111, 111, 111, .42)
}

.icon-box-layout6:hover .icon-layout-6 i,
.icon-box-layout6:hover .icon-layout-6 img {
    transform: rotate(10deg)
}

.icon-layout-8 .service-box-media .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.icon-layout-8 .service-box-media .item-title a {
    color: #000
}

.icon-layout-8 .service-box-media .item-title a:hover {
    color: #ee212b
}

.icon-layout-8 .service-box-media .item-icon {
    width: 152px;
    height: 144px;
    background: #FFF4F4;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
    border: 2px solid #FFF4F4;
    transform: rotate(-3deg);
    transition: all 0.4s ease-in-out
}

.icon-layout-8 .service-box-media .item-icon .count {
    height: 34px;
    width: 34px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    border-radius: 50%;
    font-weight: 500;
    font-size: 15px;
    color: #ee212b;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    position: absolute;
    top: -12px;
    left: -12px;
    transition: all 0.4s ease-in-out
}

.icon-layout-8 .service-box-media .item-icon i:before {
    font-size: 65px
}

.icon-layout-8 .service-box-media.left {
    text-align: left
}

.icon-layout-8 .service-box-media.right {
    text-align: right
}

.icon-layout-8 .service-box-media.center {
    text-align: center
}

.icon-layout-8 .service-box-media:hover .item-icon {
    border-color: #ee212b;
    transform: rotate(0deg)
}

.icon-layout-8 .service-box-media:hover .item-icon .count {
    background-color: #ee212b;
    color: #fff
}

.icon-layout-8 .service-box-media .item-icon img {
    opacity: .5;
    transform: rotate(3deg);
    transition: all 0.3s ease-in-out
}

.icon-layout-8 .service-box-media:hover .item-icon img {
    opacity: 1
}

.icon-box-layout6.center {
    text-align: center
}

.service-box-layout2.left {
    text-align: left
}

.service-box-layout2.left .media-body.media-body-wrp {
    margin-left: 0
}

.service-box-layout2.left .service-box-media {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

.service-box-layout2.center {
    text-align: center
}

.service-box-layout2.center .item-icon {
    margin: 0 auto 0 auto
}

.service-box-layout2.right {
    text-align: right
}

.service-box-layout2.right .media-body.media-body-wrp {
    margin: 0 0 0 0
}

.service-box-layout2.right .service-box-media {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.service-box-layout3 {
    text-align: center;
    transform: translateY(-70px);
    position: relative;
    margin-bottom: 10px;
    z-index: 99
}

@media only screen and (max-width:991px) {
    .service-box-layout3 {
        transform: translateY(0)
    }
}

.service-box-layout3 .item-img {
    border: 10px solid #fff;
    border-radius: 4px;
    margin-bottom: 24px;
    overflow: hidden
}

.service-box-layout3 .item-img img {
    transform: scale(1);
    transition: all 0.3s ease-out
}

.service-box-layout3 .item-content .item-title {
    font-weight: 700;
    position: relative;
    font-size: 22px
}

.service-box-layout3 .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.service-box-layout3 .item-content .item-title a:hover {
    color: #ccc
}

.service-box-layout3 .item-content .item-title a:hover i {
    color: #ccc
}

.service-box-layout3 .item-content .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px
}

.service-box-layout3 .item-content .title-style:after {
    content: "";
    height: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout3 .item-content .btn-fill-lg i {
    color: #ee212b
}

.service-box-layout3 .item-content .btn-fill-lg:hover i {
    color: #fff
}

.service-box-layout3 .item-content p {
    color: #ccc
}

.service-box-layout3:hover .item-img img {
    transform: scale(1.1)
}

.service-box-layout3d {
    margin-bottom: 30px;
    text-align: center
}

.service-box-layout3d .item-img {
    border: 10px solid #d21c1d;
    border-radius: 4px;
    margin-bottom: 24px;
    overflow: hidden
}

.service-box-layout3d .item-img img {
    transform: scale(1);
    transition: all 0.3s ease-out
}

.service-box-layout3d .item-content .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden
}

.service-box-layout3d .item-content .title-style:after {
    content: "";
    height: 4px;
    border-radius: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout3d .item-content .item-title {
    font-weight: 700;
    position: relative
}

.service-box-layout3d .item-content .item-title a {
    color: #d21c1d;
    transition: all 0.3s ease-out
}

.service-box-layout3d .item-content .item-title a:hover {
    color: #d21c1d
}

.service-box-layout3d .item-content .item-title a:hover i {
    color: #d21c1d
}

.service-box-layout3d .item-content .btn-fill-lg {
    background-color: #d21c1d !important;
    color: #fff
}

.service-box-layout3d .item-content .btn-fill-lg i {
    color: #fff
}

.service-box-layout3d .item-content .btn-fill-lg:hover {
    background-color: #ee212b !important
}

.service-box-layout3d .item-content .btn-fill-lg:hover i {
    color: #fff
}

.service-box-layout3d:hover .item-img img {
    transform: scale(1.1)
}

.service-box-layout4 {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 30px
}

.service-box-layout4 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.service-box-layout4 .title-style {
    position: relative;
    height: 4px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px
}

.service-box-layout4 .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout4 .item-content {
    position: absolute;
    bottom: -78px;
    left: 0;
    right: 0;
    background-color: rgba(238, 33, 43, .8);
    border-radius: 0 0 4px 4px;
    padding: 25px 25px 5px;
    text-align: center;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:767px) {
    .service-box-layout4 .item-content {
        bottom: -48px
    }
}

@media only screen and (max-width:479px) {
    .service-box-layout4 .item-content {
        bottom: -85px
    }
}

.service-box-layout4 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 18px
}

.service-box-layout4 .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.service-box-layout4 .item-content .item-title a:hover {
    color: #c9c9c9
}

.service-box-layout4 .item-content p {
    color: #fff
}

.service-box-layout4:hover .item-img img {
    transform: scale(1.1)
}

.service-box-layout4:hover .item-content {
    bottom: 0
}

.service-box-layout5 {
    position: relative;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 35px 45px 45px;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 1
}

@media only screen and (max-width:991px) {
    .service-box-layout5 {
        padding: 36px 25px 31px
    }
}

.service-box-layout5:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/shape.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.service-box-layout5 .item-icon {
    margin-bottom: 15px;
    margin-top: 30px
}

.service-box-layout5 .item-icon i {
    font-size: 46px
}

.service-box-layout5 .item-icon i:before {
    font-size: 46px
}

.service-box-layout5 .item-heading {
    margin-bottom: 8rem
}

@media only screen and (max-width:767px) {
    .service-box-layout5 .item-heading {
        margin-bottom: 9rem
    }
}

.service-box-layout5 .item-heading .item-title {
    color: #fff;
    padding-left: 20px
}

.service-box-layout5 .item-heading .item-title span {
    font-weight: 400;
    display: block
}

.service-box-layout5 .service-list {
    padding-left: 0
}

.service-box-layout5 .service-list li {
    font-size: 17px;
    font-weight: 500;
    color: #d21c1d;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    list-style: none
}

.service-box-layout5 .service-list li:last-child {
    margin-bottom: 0
}

.service-box-layout5 .service-list li a {
    color: #d21c1d
}

.service-box-layout5 .service-list li a:hover {
    color: #ee212b
}

.service-box-layout5 .service-list li i {
    position: absolute;
    top: 7px;
    left: 0;
    color: #ee212b
}

.service-box-layout5 .btn-set {
    margin-top: 35px
}

.service-box-layout6 {
    margin-bottom: 35px
}

.service-box-layout6 .item-img {
    position: relative;
    margin-bottom: 18px;
    border-radius: 4px;
    overflow: hidden
}

.service-box-layout6 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    transition: transform 5s cubic-bezier(.2, .96, .34, 1)
}

.service-box-layout6 .item-img .item-icon {
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 25px;
    z-index: 2;
    transition: all 0.3s ease-out
}

.service-box-layout6 .item-img .item-icon i:before {
    font-size: 36px;
    color: #d21c1d;
    transition: all 0.3s ease-out;
    margin-left: 0
}

.service-box-layout6 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(9, 45, 76, .8);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out
}

.service-box-layout6 .item-content .title-style {
    position: relative;
    height: 4px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px
}

.service-box-layout6 .item-content .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout6 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 12px
}

.service-box-layout6 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.service-box-layout6 .item-content .item-title a:hover {
    color: #ee212b
}

.service-box-layout6 .item-content p {
    margin-bottom: 25px
}

.service-box-layout6:hover .item-img img {
    transform: scale(1.2)
}

.service-box-layout6:hover .item-img:after {
    visibility: visible;
    opacity: 1
}

.service-box-layout6:hover .item-img .item-icon {
    background-color: #ee212b
}

.service-box-layout6:hover .item-img .item-icon i:before {
    color: #fff
}

.service-layout-3 {
    padding-top: 52px
}

.service-box-layout7 {
    text-align: center;
    padding: 0 35px 45px;
    border-radius: 15px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 4px 24px rgb(0 0 0 / 5%);
    transition: all 0.5s ease-out
}

.service-box-layout7 .item-icon {
    margin-bottom: 20px;
    margin-top: -100px;
    width: 100px;
    height: 100px;
    border: 1px solid #E9C2C4;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgb(238 33 43 / 15%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.service-box-layout7 .item-icon i:before {
    font-size: 48px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.service-box-layout7 .item-icon i {
    transition: all 0.5s
}

.service-box-layout7:hover .item-icon i {
    transform: rotateY(180deg)
}

.service-box-layout7 .item-content .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 4px
}

.service-box-layout7 .item-content .title-style:after {
    content: "";
    height: 4px;
    border-radius: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout7 .item-content .item-title {
    position: relative;
    font-weight: 700;
    transition: all 0.3s ease-out;
    font-size: 22px;
    margin-bottom: 12px
}

.service-box-layout7 .item-content .item-title a {
    color: #393738
}

.service-box-layout7 .item-content .item-title a:hover {
    color: #ee212b
}

.service-box-layout7 .item-content p {
    margin-bottom: 25px;
    transition: all 0.3s ease-out
}

.service-box-layout7 .item-content .btn-service {
    display: inline-block;
    padding: 12px 26px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background-color: #d21c1d;
    border-radius: 4px;
    letter-spacing: .5px;
    transition: all 0.3s ease-out
}

.service-box-layout7 .item-content .btn-service i {
    padding-left: 8px
}

.service-box-layout2-new {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    transition: all 0.3s ease-in-out
}

.service-box-layout2-new .item-img {
    overflow: hidden;
    border-radius: 4px 4px 0 0
}

.service-box-layout2-new .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.service-box-layout2-new .item-content {
    text-align: center;
    padding: 32px 20px
}

.service-box-layout2-new .item-content .item-title {
    font-weight: 700;
    margin-bottom: 14px;
    padding-bottom: 18px;
    position: relative;
    font-size: 22px
}

.service-box-layout2-new .item-content .item-title:after {
    content: "";
    height: 5px;
    width: 48px;
    background-color: #ee212b;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.service-box-layout2-new .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.service-box-layout2-new .item-content .item-category a {
    color: #707173
}

.service-box-layout2-new .item-content .item-category a:last-child:after {
    display: none
}

.service-box-layout2-new .item-content .item-category a:hover {
    color: #ee212b
}

.service-box-layout2-new .item-content .item-category p {
    margin-bottom: 0
}

.service-box-layout2-new:hover {
    box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .13)
}

.service-box-layout2-new:hover .item-img img {
    transform: scale(1.1)
}

.service-box-layout2-new:hover .item-content .item-title a {
    color: #d21c1d
}

.heading-layout1.heading-light h2,
.heading-layout1.heading-light h3 {
    color: #fff
}

.heading-layout1.heading-light .item-subtitle {
    color: #ee212b
}

.heading-layout1 {
    text-align: center;
    margin-bottom: 22px
}

.heading-layout1 .title-style {
    position: relative;
    height: 4px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px
}

.heading-layout1 .title-style:after {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 4px
}

@media only screen and (max-width:767px) {
    .heading-layout1 {
        margin-bottom: 16px;
        text-align: center !important
    }
}

.heading-layout1 h2 {
    color: #393738
}

.heading-layout1 h2 span {
    display: block
}

.heading-layout1 .item-subtitle {
    color: #ee212b;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Inter', sans-serif
}

.heading-layout1new.heading-light h2,
.heading-layout1new.heading-light h3 {
    color: #fff
}

.heading-layout1new.heading-light .item-subtitle {
    padding-left: 30px;
    color: #ee212b;
    position: relative
}

.heading-layout1new.heading-light .item-subtitle:after {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    top: 8px;
    left: 0
}

.explore-left .heading-layout1new {
    padding-left: 208px
}

@media only screen and (max-width:1440px) {
    .explore-left .heading-layout1new {
        padding-left: 15px
    }
}

.heading-layout1new {
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .heading-layout1new {
        margin-bottom: 16px
    }
}

.heading-layout1new h2 {
    color: #393738
}

.heading-layout1new h2 span {
    display: block;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .heading-layout1new .item-title>br {
        display: none
    }
}

.heading-layout1new .item-subtitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: 'Inter', sans-serif;
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.heading-layout1new .item-subtitle:after {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    top: 9px;
    left: 0
}

.section-layout3 .item-title {
    position: relative
}

.section-layout3 .title-style {
    position: absolute;
    left: -20px;
    height: 100%;
    bottom: 0;
    border-radius: 4px
}

.section-layout3 .title-style:after {
    content: "";
    height: 100%;
    width: 5px;
    background-color: #ee212b;
    position: absolute;
    left: 0;
    border-radius: 4px
}

.heading-layout2 {
    text-align: center;
    margin-bottom: 65px
}

.heading-layout2 h2 {
    color: #fff;
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .heading-layout2 h2 {
        width: 100%
    }
}

.heading-layout2 h2 span {
    font-weight: 700
}

.heading-layout3 {
    margin-bottom: 25px
}

.heading-layout3 h2,
.heading-layout3 h3 {
    color: #393738
}

.heading-layout3 h2 span,
.heading-layout3 h3 span {
    font-weight: 400
}

.heading-layout3.faq {
    margin-bottom: 0
}

.heading-layout3.faq h2,
.heading-layout3.faq h3 {
    margin-bottom: 0
}

.pagination-layout1 ul li {
    display: inline-block;
    margin-right: 8px
}

.pagination-layout1 ul li:last-child {
    margin-right: 0
}

.pagination-layout1 ul li .nav-item {
    display: inline-block;
    border: 1px solid #c2c2c2;
    font-size: 22px;
    font-weight: 500;
    color: #d21c1d;
    padding: 7px 16px;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.pagination-layout1 ul li .nav-item:hover {
    background-color: #d21c1d;
    border-color: #d21c1d;
    color: #fff
}

.pagination-layout1 ul li .nav-item.active {
    background-color: #d21c1d;
    color: #fff;
    border-color: #d21c1d
}

.pagination-layout2 {
    margin-bottom: 45px
}

.pagination-layout2 .prev-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout2 .prev-btn .media .item-img img {
    border-radius: 4px
}

.pagination-layout2 .prev-btn .media .media-body .item-title {
    font-weight: 500;
    color: #393738;
    margin-bottom: 6px;
    line-height: 25px
}

@media only screen and (max-width:1199px) {
    .pagination-layout2 .prev-btn .media .media-body .item-title {
        display: none
    }
}

.pagination-layout2 .prev-btn .media .media-body .item-date {
    margin-bottom: 15px
}

.pagination-layout2 .prev-btn .media .media-body .item-date i {
    font-size: 16px;
    color: #d21c1d;
    font-weight: 500;
    margin-right: 10px
}

@media only screen and (max-width:1199px) {
    .pagination-layout2 .prev-btn .media .media-body .item-date {
        display: none
    }
}

.pagination-layout2 .prev-btn .media .media-body a {
    font-size: 16px;
    color: #707173
}

.pagination-layout2 .prev-btn .media .media-body a i {
    font-size: 14px;
    color: #ee212b;
    margin-right: 10px;
    transition: all 0.3s ease-out
}

.pagination-layout2 .prev-btn .media .media-body a:hover {
    color: #393738
}

.pagination-layout2 .next-btn .media {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pagination-layout2 .next-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout2 .next-btn .media .item-img img {
    border-radius: 4px
}

@media only screen and (max-width:1199px) {
    .pagination-layout2 .next-btn .media .item-img {
        text-align: right
    }
}

.pagination-layout2 .next-btn .media .media-body .item-title {
    font-weight: 500;
    color: #393738;
    margin-bottom: 6px;
    line-height: 25px
}

@media only screen and (max-width:1199px) {
    .pagination-layout2 .next-btn .media .media-body .item-title {
        display: none
    }
}

.pagination-layout2 .next-btn .media .media-body .item-date {
    margin-bottom: 15px
}

.pagination-layout2 .next-btn .media .media-body .item-date i {
    font-size: 16px;
    color: #d21c1d;
    font-weight: 500;
    margin-right: 10px
}

@media only screen and (max-width:1199px) {
    .pagination-layout2 .next-btn .media .media-body .item-date {
        display: none
    }
}

.pagination-layout2 .next-btn .media .media-body a {
    font-size: 16px;
    color: #707173
}

.pagination-layout2 .next-btn .media .media-body a i {
    font-size: 14px;
    color: #ee212b;
    margin-left: 10px;
    transition: all 0.3s ease-out
}

.pagination-layout2 .next-btn .media .media-body a:hover {
    color: #393738
}

.single-project-img {
    border-radius: 6px;
    overflow: hidden;
    padding-right: 20px
}

.single-project-img img {
    border-radius: 6px
}

.single-project-info {
    padding-top: 60px
}

@media only screen and (max-width:767px) {
    .widget-project-info .heading-layout3.mg-b-15 {
        margin-top: 0
    }
}

.widget-project-info.project-info-layout-left {
    padding: 100px 0 0 30px
}

@media only screen and (max-width:991px) {
    .widget-project-info.project-info-layout-left {
        padding: 20px 0 0 15px
    }
}

.widget-project-info.project-info-layout-left .widget-project-info {
    padding-left: 15px;
    padding-top: 0
}

.widget-project-info {
    padding-left: 30px
}

@media only screen and (max-width:991px) {
    .widget-project-info {
        padding-left: 16px;
        padding-top: 30px
    }
}

.widget-project-info .btn-holder {
    margin-top: 30px
}

.widget-project-info h3 {
    text-align: left
}

.widget-project-info .heading-layout3 {
    margin-bottom: 16px
}

@media only screen and (max-width:767px) {
    .widget-project-info .heading-layout3 {
        margin-top: 30px
    }
}

.widget-project-info .project-details>ul {
    padding: 0;
    margin: 0
}

.widget-project-info .project-details>ul>li {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    color: #393738;
    border-bottom: 1px solid #dedede;
    padding-bottom: 13px;
    font-size: 16px;
    font-weight: 500
}

.widget-project-info .project-details>ul>li:last-child {
    margin-bottom: 0
}

.widget-project-info .project-details>ul>li .cat-bin {
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px
}

.widget-project-info .project-details>ul>li a {
    color: #393738;
    margin-left: 5px
}

.widget-project-info .project-details>ul>li a:hover {
    color: #ee212b
}

.widget-project-info .project-details>ul>li a:first-child {
    margin-left: 0
}

.widget-project-info .project-details>ul>li>span {
    font-size: 18px;
    color: #707173;
    min-width: 100px;
    display: inline-block;
    margin-right: 18px;
    position: relative;
    font-weight: 500
}

.widget-project-info .project-details>ul>li>span:after {
    content: ":";
    font-size: 20px;
    color: #707173;
    font-weight: 500;
    position: absolute;
    top: -1px;
    right: 0
}

.widget-project-info .project-details>ul>li .item-rating {
    padding-left: 0;
    margin-left: 0
}

.widget-project-info .project-details>ul>li .item-rating li {
    display: inline-block;
    color: #707173
}

.widget-project-info .project-details>ul>li .item-rating li.has-rating {
    display: inline-block;
    color: #ff6f00
}

.widget-project-info .project-info-title {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 36px;
    position: relative;
    line-height: 42px
}

@media only screen and (max-width:767px) {
    .widget-project-info .project-info-title {
        font-size: 30px
    }
}

.widget-project-info .project-info-title:after {
    content: "";
    height: 23px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 8px;
    left: -15px
}

.widget-project-info .project-short-detail {
    margin-top: 30px
}

.single-project-related {
    padding-top: 80px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .single-project-related {
        padding-top: 40px;
        margin-bottom: 20px
    }
}

.single-project-related .related-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .single-project-related .related-title {
        font-size: 30px
    }
}

.single-project-related .related-wrp .item-image {
    border-radius: 6px 0 0 6px;
    overflow: hidden
}

@media only screen and (max-width:480px) {
    .single-project-related .related-wrp .item-image {
        border-radius: 6px 6px 0 0
    }
}

.single-project-related .related-wrp .media {
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:480px) {
    .single-project-related .related-wrp .media {
        display: block
    }
}

.single-project-related .related-wrp .media-body {
    border: 1px solid #e1e1e1;
    border-left: 0;
    padding-left: 0;
    margin: 0;
    border-radius: 0 6px 6px 0
}

@media only screen and (max-width:480px) {
    .single-project-related .related-wrp .media-body {
        border-bottom: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        border-top: none;
        border-radius: 0 0 6px 6px
    }
}

.single-project-related .related-wrp .media-body .item-body-wrp {
    padding: 25px 30px 25px 30px;
    min-height: 164px
}

@media only screen and (max-width:991px) {
    .single-project-related .related-wrp .media-body .item-body-wrp {
        padding: 20px 15px 20px 30px
    }
}

@media only screen and (max-width:480px) {
    .single-project-related .related-wrp .media-body .item-body-wrp {
        min-height: inherit
    }
}

.single-project-related .related-wrp .media-body .item-body-wrp p {
    margin-bottom: 0
}

.single-project-related .related-wrp .media-body .item-heading {
    margin-bottom: 15px
}

.single-project-related .related-wrp .media-body .item-subtitle {
    display: -ms-flexbox;
    display: flex
}

.single-project-related .related-wrp .media-body .item-subtitle span {
    margin-right: 4px;
    display: inline-block
}

.single-project-related .related-wrp .media-body .item-subtitle a {
    font-weight: 500;
    color: #707173
}

.single-project-related .related-wrp .media-body .item-subtitle a:hover {
    color: #ee212b
}

.single-project-related .related-wrp .media-body .item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 24px;
    position: relative
}

.single-project-related .related-wrp .media-body .item-title:after {
    content: "";
    height: 15px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 10px;
    left: -15px
}

@media only screen and (max-width:991px) {
    .single-project-related .related-wrp .media-body .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .single-project-related .related-wrp .media-body .item-title {
        font-size: 20px
    }
}

.single-project-related .related-wrp .media-body .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.single-project-related .related-wrp .media-body .item-title a:hover {
    color: #ee212b
}

.project-box-layout1-new {
    margin-bottom: 30px
}

.project-box-layout1-new .project-box-content .item-subtitle {
    font-size: 15px;
    letter-spacing: 1px;
    color: #ee212b;
    margin-bottom: 4px
}

.project-box-layout1-new .project-box-content .item-title {
    font-weight: 700;
    color: #393738;
    margin-bottom: 12px
}

.project-box-layout1-new .project-box-content .item-btn {
    margin-top: 15px;
    font-size: 15px;
    letter-spacing: 1px;
    background-color: #ee212b;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    font-weight: 700;
    color: #fff;
    padding: 15px 35px;
    transition: all 0.3s ease-in-out
}

.project-box-layout1-new .project-box-content .item-btn i {
    font-size: 16px;
    margin-left: 10px
}

.project-box-layout1-new .project-box-content .item-btn:hover {
    background-color: #d21c1d
}

.project-box-layout1-new .project-box-img {
    position: relative;
    overflow: hidden
}

.project-box-layout1-new .project-box-img img {
    transition: transform 3s cubic-bezier(.2, .96, .34, 1);
    transform: scale(1);
    width: 100%
}

.project-box-layout1-new .project-box-img .item-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #d21c1d;
    -webkit-clip-path: polygon(0 70%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 70%, 100% 0, 100% 100%, 0% 100%);
    padding: 50px 30px 30px;
    text-align: right;
    transition: all 0.3s ease-in-out
}

.project-box-layout1-new .project-box-img .item-content .item-subtitle {
    color: #d1d1d1;
    margin-bottom: 5px;
    font-weight: 500
}

.project-box-layout1-new .project-box-img .item-content .item-subtitle a {
    color: #d1d1d1
}

.project-box-layout1-new .project-box-img .item-content .item-title {
    font-weight: 700;
    margin-bottom: 0
}

.project-box-layout1-new .project-box-img .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-in-out
}

.project-box-layout1-new .project-box-img .item-content .item-title a:hover {
    color: #d21c1d
}

.project-box-layout1-new .project-box-img:hover img {
    transform: scale(1.1)
}

.project-box-layout1-new .project-box-img:hover .item-content {
    background-color: #ee212b
}

.project-box-layout2-new .project-box.margen-bt-30 {
    margin-bottom: 30px
}

.project-bg {
    background-color: #161978;
    border-bottom: 1px solid #161978
}

.container-fluid.plr60 {
    padding-left: 60px;
    padding-right: 60px
}

.project-box-layout1 {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px
}

.project-box-layout1 .item-footer {
    text-align: left
}

.project-box-layout1 .item-footer .project-excerpt {
    margin-top: 10px;
    margin-bottom: 0
}

.project-box-layout1 .item-footer .item-tag.item-subtitle {
    margin-top: 15px;
    color: #707173;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex
}

.project-box-layout1 .item-footer .item-tag.item-subtitle span {
    margin-right: 4px;
    display: inline-block
}

.project-box-layout1 .item-footer .item-tag.item-subtitle a {
    color: #707173
}

.project-box-layout1 .item-footer .item-tag.item-subtitle a:hover {
    color: #ee212b
}

.project-box-layout1 .item-footer .item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 24px;
    position: relative;
    padding-left: 15px;
    margin-top: 3px;
    line-height: 36px
}

.project-box-layout1 .item-footer .item-title:after {
    content: "";
    height: 18px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 9px;
    left: 0
}

@media only screen and (max-width:991px) {
    .project-box-layout1 .item-footer .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .project-box-layout1 .item-footer .item-title {
        font-size: 20px
    }
}

.project-box-layout1 .item-footer .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.project-box-layout1 .item-footer .item-title a:hover {
    color: #ee212b
}

.project-box-layout1 .item-img {
    position: relative;
    overflow: hidden
}

.project-box-layout1 .item-img img {
    transform: scale(1);
    transition: all 0.3s ease-out
}

.project-box-layout1 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out
}

.project-box-layout1 .item-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-40%);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out
}

.project-box-layout1 .item-content .item-title {
    font-weight: 500;
    margin-bottom: 26px
}

.project-box-layout1 .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout1 .item-content .item-title a:hover {
    color: #ccc
}

.project-box-layout1 .item-content .item-btn {
    font-weight: 500;
    background-color: #f8f8f8;
    color: #393738;
    border-radius: 50%;
    transition: all 0.3s ease-out;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 68px;
    height: 68px;
    line-height: 3.5;
    font-size: 20px
}

.project-box-layout1 .item-content .item-btn:hover {
    border-color: #fff;
    background-color: #fff;
    color: #d21c1d
}

.project-box-layout1:hover .item-img img {
    transform: scale(1.1)
}

.project-box-layout1:hover .item-img:after {
    visibility: visible;
    opacity: .9
}

.project-box-layout1:hover .item-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%)
}

.project-box-layout1 .item-content-footer {
    text-align: left
}

.project-box-layout2.pslider .btn-fill-md i {
    margin-left: 0
}

.project-box-layout2 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 4px
}

.project-box-layout2 .item-img img {
    border-radius: 4px;
    transform: scale(1) rotate(0deg);
    transition: all 0.3s ease-out
}

.project-box-layout2 .item-content {
    position: absolute;
    bottom: -80px;
    left: 0;
    right: 0;
    background-color: #d21c1d;
    border-radius: 0 0 4px 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 30px 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out
}

.project-box-layout2 .item-content .item-heading .item-title {
    margin-bottom: 8px
}

.project-box-layout2 .item-content .item-heading .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout2 .item-content .item-heading .item-title a:hover {
    color: #ee212b
}

.project-box-layout2 .item-content .item-heading .item-subtitle {
    color: #cfcfcf
}

.project-box-layout2 .item-content .item-heading .item-subtitle a {
    color: #cfcfcf
}

.project-box-layout2 .item-content .item-btn-wrap .item-btn {
    display: block;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 7px 16px;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout2 .item-content .item-btn-wrap .item-btn i:before {
    margin-left: 0
}

.project-box-layout2 .item-content .item-btn-wrap .item-btn:hover {
    background-color: #fff;
    color: #ee212b
}

@media only screen and (max-width:767px) {
    .project-box-layout2 .item-content .item-btn-wrap .item-btn {
        padding: 5px 12px;
        font-size: 16px
    }
}

.project-box-layout2:hover .item-img img {
    transform: scale(1.1) rotate(-3deg)
}

.project-box-layout2:hover .item-content {
    visibility: visible;
    opacity: 1;
    bottom: 0
}

.project-box-layout3 .project-single-content {
    position: relative
}

.project-box-layout3 .project-single-content .item-img {
    position: relative
}

.project-box-layout3 .project-single-content .item-img img {
    border-radius: 4px
}

.project-box-layout3 .project-single-content .item-img:before {
    content: "";
    height: 80%;
    width: 100%;
    background: linear-gradient(to top, #393738, transparent);
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.project-box-layout3 .project-single-content .item-img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #092d4c, transparent);
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

.project-box-layout3 .project-single-content .item-content {
    position: absolute;
    bottom: -26px;
    left: 50px;
    transition: all 0.5s ease-out
}

.project-box-layout3 .project-single-content .item-content .item-heading {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 28px
}

.project-box-layout3 .project-single-content .item-content .item-heading:after {
    content: "";
    height: 3px;
    width: 50px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0
}

.project-box-layout3 .project-single-content .item-content .item-heading .item-title {
    font-weight: 500;
    margin-bottom: 2px;
    font-size: 24px
}

@media only screen and (max-width:991px) {
    .project-box-layout3 .project-single-content .item-content .item-heading .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .project-box-layout3 .project-single-content .item-content .item-heading .item-title {
        font-size: 20px
    }
}

.project-box-layout3 .project-single-content .item-content .item-heading .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout3 .project-single-content .item-content .item-heading .item-title a:hover {
    color: #ee212b
}

.project-box-layout3 .project-single-content .item-content .item-heading .item-tag a {
    color: #e0e0e0;
    transition: all 0.3s ease-out
}

.project-box-layout3 .project-single-content .item-content .item-heading .item-tag a:hover {
    color: #ee212b
}

.project-box-layout3 .project-single-content .item-content .btn-fill-md {
    visibility: hidden;
    opacity: 0
}

.project-box-layout3 .project-single-content:hover .item-img:after {
    visibility: visible;
    opacity: 1
}

.project-box-layout3 .project-single-content:hover .item-content {
    bottom: 50px
}

.project-box-layout3 .project-single-content:hover .item-content .btn-fill-md {
    visibility: visible;
    opacity: 1
}

.project-box-layout4 {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

.project-box-layout4 .item-img {
    position: relative
}

.project-box-layout4 .item-img img {
    border-radius: 4px;
    width: 100%
}

.project-box-layout4 .item-img:before {
    content: "";
    height: 80%;
    width: 100%;
    background: linear-gradient(to top, #393738, transparent);
    opacity: .9;
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.project-box-layout4 .item-img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #ee212b, transparent);
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

.project-box-layout4 .item-content {
    position: absolute;
    bottom: -26px;
    left: 50px;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:991px) {
    .project-box-layout4 .item-content {
        left: 30px
    }
}

@media only screen and (max-width:479px) {
    .project-box-layout4 .item-content {
        left: 20px
    }
}

.project-box-layout4 .item-content .item-heading {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 28px
}

.project-box-layout4 .item-content .item-heading:after {
    content: "";
    height: 3px;
    width: 50px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease-out
}

.project-box-layout4 .item-content .item-heading .item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 24px
}

@media only screen and (max-width:991px) {
    .project-box-layout4 .item-content .item-heading .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .project-box-layout4 .item-content .item-heading .item-title {
        font-size: 20px
    }
}

.project-box-layout4 .item-content .item-heading .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout4 .item-content .item-heading .item-title a:hover {
    color: #e0e0e0
}

.project-box-layout4 .item-content .item-heading .item-tag {
    color: #e0e0e0;
    font-weight: 600
}

.project-box-layout4 .item-content .item-heading .item-tag a {
    color: #e0e0e0
}

.project-box-layout4 .item-content .btn-fill-md {
    visibility: hidden;
    opacity: 0;
    padding: 8px 24px;
    border-radius: 3px
}

@media only screen and (max-width:767px) {
    .project-box-layout4 .item-content .btn-fill-md {
        padding: 7px 24px
    }
}

.project-box-layout4 .item-content .btn-fill-md i:before {
    margin-left: 0
}

.project-box-layout4 .item-content .btn-fill-md:hover {
    background-color: #d21c1d !important
}

.project-box-layout4:hover .item-img:after {
    visibility: visible;
    opacity: 1
}

.project-box-layout4:hover .item-content {
    bottom: 50px
}

@media only screen and (max-width:991px) {
    .project-box-layout4:hover .item-content {
        bottom: 30px
    }
}

.project-box-layout4:hover .item-content .item-heading:after {
    background-color: #fff;
    opacity: .7
}

.project-box-layout4:hover .item-content .btn-fill-md {
    visibility: visible;
    opacity: 1
}

.project-box-5 {
    margin-bottom: 30px
}

.project-box-5 .project-box-img {
    position: relative
}

.project-box-5 .project-box-img .item-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 20px;
    background-color: #ee212b;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 220ms ease-in-out
}

.project-box-5 .project-box-img .item-content .item-btn {
    border: 2px solid #fff;
    border-radius: 5px;
    width: 46px;
    height: 46px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    margin-top: 15px
}

.project-box-5 .project-box-img .item-content .item-btn:hover {
    background-color: #fff;
    color: #393738
}

.project-box-5 .item-subtitle {
    font-size: 15px;
    line-height: 1.2
}

.project-box-5 .item-subtitle a {
    color: #ece3e3
}

.project-box-5 .item-title {
    margin-bottom: 0
}

.project-box-5 .item-title a {
    color: #fff
}

.project-box-5:hover .project-box-img .item-content {
    opacity: 1;
    visibility: visible
}

.project-box-layout5 {
    position: relative;
    overflow: hidden;
    margin-bottom: 0
}

.project-box-layout5 .item-img {
    position: relative
}

.project-box-layout5 .item-img img {
    border-radius: 0;
    width: 100%
}

.project-box-layout5 .item-img:before {
    content: "";
    height: 80%;
    width: 100%;
    background: linear-gradient(to top, #393738, transparent);
    opacity: .9;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.project-box-layout5 .item-img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(22, 25, 120, .7);
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

.project-box-layout5 .item-excerpt {
    position: absolute;
    top: -10px;
    z-index: 44;
    color: #fff;
    text-align: right;
    padding: 50px 50px 50px 100px;
    transition: all 0.5s ease-out;
    visibility: hidden;
    opacity: 0
}

.project-box-layout5 .item-excerpt .project-excerpt {
    color: #fff;
    position: relative;
    padding-right: 15px
}

.project-box-layout5 .item-excerpt .project-excerpt:after {
    content: "";
    width: 2px;
    height: 0;
    background: #7d829e;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 15px;
    transition: all 0.7s ease-out
}

.project-box-layout5 .item-content {
    position: absolute;
    bottom: 30px;
    left: 50px;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:991px) {
    .project-box-layout5 .item-content {
        left: 30px
    }
}

@media only screen and (max-width:479px) {
    .project-box-layout5 .item-content {
        left: 20px
    }
}

.project-box-layout5 .item-content .item-heading {
    position: relative;
    margin-bottom: 20px
}

.project-box-layout5 .item-content .item-heading .item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 24px
}

@media only screen and (max-width:991px) {
    .project-box-layout5 .item-content .item-heading .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .project-box-layout5 .item-content .item-heading .item-title {
        font-size: 20px
    }
}

.project-box-layout5 .item-content .item-heading .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout5 .item-content .item-heading .item-title a:hover {
    color: #bababa
}

.project-box-layout5 .item-content .item-heading .item-tag {
    color: #bababa;
    font-weight: 400;
    margin-bottom: 10px
}

.project-box-layout5 .item-content .item-heading .item-tag a {
    color: #bababa
}

.project-box-layout5 .item-content .btn-fill-md {
    padding: 8px 24px;
    border-radius: 3px
}

@media only screen and (max-width:767px) {
    .project-box-layout5 .item-content .btn-fill-md {
        padding: 7px 24px
    }
}

.project-box-layout5 .item-content .btn-fill-md i:before {
    margin-left: 0
}

.project-box-layout5 .item-content .btn-fill-md:hover {
    background-color: #d21c1d !important
}

.project-box-layout5:hover .item-img:after {
    visibility: visible;
    opacity: 1
}

.project-box-layout5:hover .item-excerpt {
    visibility: visible;
    opacity: 1;
    top: 0
}

.project-box-layout5:hover .item-excerpt .project-excerpt:after {
    height: 78%
}

.project-box-layout5:hover .item-content .item-heading:after {
    background-color: #fff;
    opacity: .7
}

.project-box-layout5:hover .item-content .btn-fill-md {
    visibility: visible;
    opacity: 1
}

body.archive .project-box-layout6 {
    margin-bottom: 2px
}

.project-box-layout6 {
    position: relative;
    overflow: hidden;
    margin-bottom: 2px
}

.project-box-layout6 .non-ghost-btn-md.btn-fill {
    padding: 11px 24px 9px 24px
}

.project-box-layout6 .item-img {
    position: relative
}

.project-box-layout6 .item-img img {
    border-radius: 0;
    width: 100%
}

@media all and (max-width:767.98px) {
    .project-box-layout6 .item-img img {
        width: 100%
    }
}

.project-box-layout6 .item-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    opacity: .6
}

.project-box-layout6 .item-img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

.project-box-layout6 .item-excerpt {
    position: absolute;
    bottom: -40px;
    z-index: 44;
    padding: 35px 50px;
    transition: all 0.5s ease-out;
    visibility: hidden;
    opacity: 0
}

@media only screen and (max-width:1199px) {
    .project-box-layout6 .item-excerpt {
        padding: 35px
    }
}

@media only screen and (max-width:1024px) {
    .project-box-layout6 .item-excerpt {
        padding: 20px
    }
}

@media only screen and (max-width:991px) {
    .project-box-layout6 .item-excerpt {
        padding: 0 0 0 30px
    }
}

.project-box-layout6 .item-excerpt .item-heading {
    position: relative;
    margin-bottom: 20px
}

.project-box-layout6 .item-excerpt .item-heading .item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 24px;
    position: relative
}

@media only screen and (max-width:1439px) {
    .project-box-layout6 .item-excerpt .item-heading .item-title {
        margin-bottom: 15px
    }
}

.project-box-layout6 .item-excerpt .item-heading .item-title:after {
    content: "";
    height: 20px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 6px;
    left: -15px
}

@media only screen and (max-width:991px) {
    .project-box-layout6 .item-excerpt .item-heading .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .project-box-layout6 .item-excerpt .item-heading .item-title {
        font-size: 20px
    }
}

.project-box-layout6 .item-excerpt .item-heading .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.project-box-layout6 .item-excerpt .item-heading .item-title a:hover {
    color: #ee212b
}

.project-box-layout6 .item-excerpt .item-heading .item-tag {
    color: #393738;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.1;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px
}

.project-box-layout6 .item-excerpt .item-heading .item-tag span {
    margin-right: 4px;
    display: inline-block
}

.project-box-layout6 .item-excerpt .item-heading .item-tag a {
    color: #393738
}

.project-box-layout6 .item-excerpt .item-heading .item-tag a:hover {
    color: #ee212b
}

.project-box-layout6 .item-excerpt .project-excerpt {
    position: relative;
    padding-right: 15px;
    margin-bottom: 30px;
    max-width: 400px
}

@media only screen and (max-width:1439px) {
    .project-box-layout6 .item-excerpt .project-excerpt {
        display: none
    }
}

.project-box-layout6 .item-content {
    position: absolute;
    bottom: 23px;
    left: 54px;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:991px) {
    .project-box-layout6 .item-content {
        left: 30px
    }
}

.project-box-layout6 .item-content .item-heading {
    position: relative;
    margin-bottom: 20px
}

.project-box-layout6 .item-content .item-heading .item-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 24px;
    position: relative
}

.project-box-layout6 .item-content .item-heading .item-title:after {
    content: "";
    height: 17px;
    width: 3px;
    position: absolute;
    top: 8px;
    left: -15px;
    background-color: #ee212b
}

.project-box-layout6 .item-content .item-heading .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout6 .item-content .item-heading .item-title a:hover {
    color: #dcdcdc
}

.project-box-layout6 .item-content .item-heading .item-tag {
    color: #bababa;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 4px;
    display: -ms-flexbox;
    display: flex
}

.project-box-layout6 .item-content .item-heading .item-tag span {
    margin-right: 4px;
    display: inline-block
}

.project-box-layout6 .item-content .item-heading .item-tag a {
    color: #dcdcdc
}

.project-box-layout6 .item-content .btn-fill-md {
    padding: 8px 24px;
    border-radius: 3px
}

@media only screen and (max-width:767px) {
    .project-box-layout6 .item-content .btn-fill-md {
        padding: 7px 24px
    }
}

.project-box-layout6 .item-content .btn-fill-md i:before {
    margin-left: 0
}

.project-box-layout6 .item-content .btn-fill-md:hover {
    background-color: #d21c1d !important
}

.project-box-layout6:hover .item-img:after {
    visibility: visible;
    opacity: .9
}

.project-box-layout6:hover .item-excerpt {
    visibility: visible;
    opacity: 1;
    bottom: -10px
}

@media only screen and (max-width:991px) {
    .project-box-layout6:hover .item-excerpt {
        bottom: 10px
    }
}

.project-box-layout6:hover .item-excerpt .project-excerpt:after {
    height: 78%
}

.project-box-layout6:hover .item-content {
    visibility: hidden;
    opacity: 0
}

.project-box-layout6:hover .item-content .btn-fill-md {
    visibility: visible;
    opacity: 1
}

.single-project-box-layout1 .single-project-slider {
    margin-bottom: 37px
}

.single-project-box-layout1 .single-project-slider .slide-item img {
    border-radius: 4px
}

.single-project-box-layout1 .single-project-info .item-content .item-title {
    font-size: 30px
}

@media only screen and (max-width:991px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
        font-size: 28px
    }
}

@media only screen and (max-width:767px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width:575px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
        font-size: 24px
    }
}

.single-project-box-layout1 .single-project-info .item-content .list-item {
    padding-left: 30px;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .single-project-box-layout1 .single-project-info .item-content .list-item {
        padding-left: 0
    }
}

.single-project-box-layout1 .single-project-info .item-content .list-item li {
    position: relative;
    font-size: 18px;
    color: #d21c1d;
    font-weight: 500;
    margin-bottom: 8px;
    padding-left: 30px;
    list-style: none
}

.single-project-box-layout1 .single-project-info .item-content .list-item li i {
    color: #ee212b;
    position: absolute;
    top: 5px;
    left: 0
}

.single-project-box-layout1 .single-project-info .info-img {
    text-align: right;
    margin-bottom: 40px
}

@media only screen and (max-width:991px) {
    .single-project-box-layout1 .single-project-info .info-img {
        text-align: center
    }
}

@media only screen and (max-width:991px) {
    .single-project-wrap-layout1 .widget-project-info {
        padding-top: 0
    }
}

.project-box-layout2-new .project-box {
    position: relative
}

.project-box-layout2-new .project-box .item-img {
    border-radius: 4px;
    position: relative;
    overflow: hidden
}

.project-box-layout2-new .project-box .item-img:after {
    content: "";
    height: 75%;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, #161978 80%);
    opacity: .9;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out
}

.project-box-layout2-new .project-box .item-img img {
    border-radius: 4px;
    transition: all 0.5s ease-out
}

.project-box-layout2-new .project-box .item-content {
    position: absolute;
    bottom: -46px;
    left: 0;
    right: 0;
    padding: 0 35px 30px;
    z-index: 2;
    transition: all 0.5s ease-out
}

.project-box-layout2-new .project-box .item-content .item-subtitle {
    color: #cecece;
    font-weight: 500;
    margin-bottom: 10px
}

.project-box-layout2-new .project-box .item-content .item-subtitle a {
    color: #cecece;
    font-weight: 500
}

.project-box-layout2-new .project-box .item-content .item-title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 22px
}

.project-box-layout2-new .project-box .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout2-new .project-box .item-content .item-title a:hover {
    color: #ee212b
}

.project-box-layout2-new .project-box .item-content .item-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    visibility: hidden;
    opacity: 1;
    transition: all 0.5s ease-in-out
}

.project-box-layout2-new .project-box .item-content .item-btn i {
    font-size: 18px;
    margin-left: 10px
}

.project-box-layout2-new .project-box .item-content .item-btn:hover {
    color: #ee212b
}

.project-box-layout2-new .project-box:hover .item-img img {
    transform: scale(1.1)
}

.project-box-layout2-new .project-box:hover .item-img:after {
    height: 80%;
    opacity: 1
}

.project-box-layout2-new .project-box:hover .item-content {
    bottom: 0
}

.project-box-layout2-new .project-box:hover .item-content .item-btn {
    visibility: visible;
    opacity: 1
}

.project-box-layout5-new {
    position: relative;
    margin-left: -100px;
    margin-top: 70px
}

@media only screen and (max-width:1024px) {
    .project-box-layout5-new {
        margin-left: 0;
        margin-top: -40px
    }
}

.project-box-layout5-new .project-box {
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.project-box-layout5-new .project-box .item-img {
    position: relative;
    overflow: hidden
}

.project-box-layout5-new .project-box .item-img:after {
    content: "";
    height: 75%;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, #000 108%);
    opacity: .9;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out
}

.project-box-layout5-new .project-box .item-img img {
    transition: all 0.5s ease-out
}

.project-box-layout5-new .project-box .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 50px 24px;
    z-index: 2;
    transition: all 0.5s ease-out
}

@media only screen and (max-width:767px) {
    .project-box-layout5-new .project-box .item-content {
        padding: 0 29px 15px
    }
}

.project-box-layout5-new .project-box .item-content .item-subtitle {
    color: #cecece;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex
}

.project-box-layout5-new .project-box .item-content .item-subtitle span {
    margin-right: 4px;
    display: inline-block
}

.project-box-layout5-new .project-box .item-content .item-subtitle a {
    color: #cecece;
    font-weight: 500
}

.project-box-layout5-new .project-box .item-content .item-subtitle a:hover {
    color: #ee212b
}

.project-box-layout5-new .project-box .item-content .item-title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    position: relative;
    line-height: 34px;
    transition: all 0.5s ease-out
}

.project-box-layout5-new .project-box .item-content .item-title:after {
    content: "";
    height: 20px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 9px;
    left: -14px
}

.project-box-layout5-new .project-box .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-out
}

.project-box-layout5-new .project-box .item-content .item-title a:hover {
    color: #ee212b
}

.project-box-layout5-new .project-box .item-content .item-btn-holder {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.project-box-layout5-new .project-box .item-content .item-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
    margin-top: 20px
}

.project-box-layout5-new .project-box .item-content .item-btn:hover {
    color: #ee212b
}

.project-box-layout5-new .project-box:hover .item-content .item-title {
    margin-bottom: 5px
}

.project-box-layout5-new .project-box:hover .item-img img {
    transform: scale(1.1)
}

.project-box-layout5-new .project-box:hover .item-img:after {
    height: 80%;
    opacity: 1
}

.project-box-layout5-new .project-box:hover .item-btn-holder {
    visibility: visible;
    opacity: 1
}

.project-box-layout5-new .project-box:hover .item-content {
    bottom: 0
}

@media (min-width:1200px) {
    .project6-left-space .project-box-layout6-new {
        margin-left: 19.1vw
    }
}

.project-box-layout6-new .project-box {
    position: relative
}

.project-box-layout6-new .project-box .item-img {
    position: relative;
    overflow: hidden
}

.project-box-layout6-new .project-box .item-img:after {
    content: "";
    height: 75%;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, #000 108%);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out
}

.project-box-layout6-new .project-box .item-content {
    position: absolute;
    left: 30px;
    bottom: -50px;
    opacity: 0;
    visibility: hidden;
    transition: all 150ms cubic-bezier(.3, .02, 0, .6)
}

.project-box-layout6-new .project-box .item-subtitle {
    font-size: 16px
}

.project-box-layout6-new .project-box .item-subtitle a {
    color: #e9e9e9
}

.project-box-layout6-new .project-box .item-title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    position: relative;
    padding-left: 12px;
    line-height: 34px;
    transition: all 0.5s ease-out
}

.project-box-layout6-new .project-box .item-title a {
    color: #fff
}

.project-box-layout6-new .project-box .item-title a:hover {
    color: #ee212b
}

.project-box-layout6-new .project-box .item-title:after {
    content: "";
    height: 20px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 7px;
    left: 0
}

.project-box-layout6-new .project-box:hover .item-img:after {
    opacity: 1;
    visibility: visible
}

.project-box-layout6-new .project-box:hover .item-content {
    bottom: 20px;
    opacity: 1;
    visibility: visible
}

.rt-porject-slide {
    position: static
}

.rt-porject-slide .project-box-layout1,
.rt-porject-slide .project-box-layout2 {
    margin-bottom: 0
}

.project-layout7:hover .item-img .project-details .item-content .content-subtitle a {
    color: #000
}

.project-layout7:hover .item-img .project-details .item-content .content-title a {
    color: #ee212b
}

.project-layout7:hover .item-img .project-details .project-button .item-btn {
    color: #fff;
    background-color: #ee212b;
    box-shadow: 0 14px 21px 0 rgba(238, 33, 43, .4)
}

.project-layout7 .item-img {
    position: relative;
    margin-bottom: 205px
}

@media only screen and (max-width:1199px) {
    .project-layout7 .item-img {
        margin-bottom: 170px
    }
}

@media only screen and (max-width:991px) {
    .project-layout7 .item-img {
        margin-bottom: 145px
    }
}

@media only screen and (max-width:767px) {
    .project-layout7 .item-img {
        margin-bottom: 125px
    }
}

.project-layout7 .item-img .project-details {
    background-color: #fff;
    padding: 20px 0 20px 40px;
    position: absolute;
    bottom: -53px;
    left: 0;
    right: 0;
    box-shadow: 0 21px 32px 0 rgba(203, 203, 203, .33);
    margin: 0 30px;
    border-radius: 4px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:1199px) {
    .project-layout7 .item-img .project-details {
        display: inline-block;
        padding: 20px
    }
}

.project-layout7 .item-img .project-details .item-content {
    position: relative
}

.project-layout7 .item-img .project-details .item-content .content-subtitle {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0
}

.project-layout7 .item-img .project-details .item-content .content-subtitle a {
    color: #ee212b;
    transition: all 0.3s ease-out
}

.project-layout7 .item-img .project-details .item-content .content-subtitle span {
    margin-right: 4px;
    display: inline-block
}

.project-layout7 .item-img .project-details .item-content .content-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 47px;
    position: relative;
    margin-left: 12px;
    margin-bottom: 0
}

@media only screen and (max-width:1439px) {
    .project-layout7 .item-img .project-details .item-content .content-title {
        font-size: 22px
    }
}

@media only screen and (max-width:1199px) {
    .project-layout7 .item-img .project-details .item-content .content-title {
        line-height: 30px;
        margin-left: 0
    }
}

.project-layout7 .item-img .project-details .item-content .content-title:after {
    content: "";
    height: 21px;
    width: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 12px;
    left: -12px
}

@media only screen and (max-width:1199px) {
    .project-layout7 .item-img .project-details .item-content .content-title:after {
        display: none
    }
}

.project-layout7 .item-img .project-details .item-content .content-title a {
    color: #000;
    transition: all 0.3s ease-out
}

.project-layout7 .item-img .project-details .project-button {
    padding-right: 40px
}

.project-layout7 .item-img .project-details .project-button .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ee212b;
    background-color: #f3f3f3;
    font-size: 24px;
    line-height: 47px;
    border: none;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    transition: all 0.3s ease-out
}

.project-item-layout7 {
    margin-right: -41%
}

.project-layout8:hover .item-img .project-details .item-content .content-subtitle a {
    color: #000
}

.project-layout8:hover .item-img .project-details .item-content .content-title a {
    color: #ee212b
}

.project-layout8:hover .item-img .project-details .project-button .item-btn {
    color: #fff;
    background-color: #ee212b;
    box-shadow: 0 14px 21px 0 rgba(238, 33, 43, .4)
}

.project-layout8 .item-img {
    position: relative;
    margin-bottom: 30px
}

.project-layout8 .item-img img {
    height: 430px;
    object-fit: cover;
    border-radius: 20px;
    filter: grayscale(100%);
    transition: all 0.4s ease-out;
    transform: scale(1)
}

.project-layout8 .item-img:hover img {
    filter: grayscale(0)
}

.project-layout8 .item-img .project-details {
    background-color: #fff;
    padding: 20px;
    position: relative;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    margin: -50px 30px 0;
    border-radius: 4px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.project-layout8 .item-img .project-details .item-content {
    position: relative;
    padding-left: 15px
}

.project-layout8 .item-img .project-details .item-content .content-subtitle {
    display: flex;
    font-size: 16px;
    font-weight: 500
}

.project-layout8 .item-img .project-details .item-content .content-subtitle a {
    color: #828282;
    font-weight: 400;
    transition: all 0.3s ease-out
}

.project-layout8 .item-img .project-details .item-content .content-subtitle span {
    margin-right: 4px;
    display: inline-block
}

.project-layout8 .item-img .project-details .item-content .content-title {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
    line-height: 1.2
}

.project-layout8 .item-img .project-details .item-content:after {
    content: "";
    height: 100%;
    width: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0
}

.project-layout8 .item-img .project-details .item-content .content-title a {
    color: #000;
    transition: all 0.3s ease-out
}

.project-layout8 .item-img .project-details .project-button .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ee212b;
    background-color: #FFEDED;
    font-size: 20px;
    border: none;
    border-radius: 50%;
    height: 54px;
    width: 54px;
    transition: all 0.3s ease-out
}

.team-box-layout7-new {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.team-box-layout7-new .item-img {
    position: relative;
    text-align: center
}

.team-box-layout7-new .item-img img {
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.team-box-layout7-new .item-img .item-icons {
    margin-bottom: 5px;
    text-align: right
}

.team-box-layout7-new .item-img .item-icons .action-share-wrap a {
    height: 52px;
    width: 52px;
    line-height: 57px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    color: #393738;
    transition: all 0.3s ease-out;
    display: block;
    transform: translateY(-26px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 10px;
    box-shadow: .835px 5.942px 24px rgb(0 0 0 / 23%)
}

.team-box-layout7-new .item-img .item-icons .action-share-wrap a i {
    transition: all 0.3s ease-in-out
}

.team-box-layout7-new .item-img .item-icons .action-share-wrap a:hover {
    color: #ee212b
}

.team-box-layout7-new .item-img .item-icons .action-share-wrap a:hover i {
    color: #ee212b
}

.team-box-layout7-new .item-img .item-icons.item-social {
    height: 52px;
    width: 52px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 22px;
    color: #393738;
    transition: all 0.3s ease-out;
    display: block;
    padding: 10px 12px;
    text-align: center;
    bottom: 50px;
    right: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

@media only screen and (max-width:991px) {
    .team-box-layout7-new .item-img .item-icons.item-social {
        bottom: 34px
    }
}

.team-box-layout7-new .item-img .item-icons.item-social:hover {
    color: #ee212b
}

.team-box-layout7-new .item-img .item-icons.item-social:hover .action-share-wrap a {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(1n) {
    transition-delay: .6s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(2n) {
    transition-delay: 0.5s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(3n) {
    transition-delay: 0.4s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(4n) {
    transition-delay: 0.3s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(5n) {
    transition-delay: 0.2s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(6n) {
    transition-delay: 0.1s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(7n) {
    transition-delay: 0.09s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(8n) {
    transition-delay: 0.08s
}

.team-box-layout7-new .item-img .item-icons.item-social .action-share-wrap a:nth-child(9n) {
    transition-delay: 0.05s
}

.team-box-layout7-new .item-img .action-share-wrap {
    position: absolute;
    bottom: 62px;
    right: 4px;
    z-index: 2;
    text-align: center
}

.team-box-layout7-new .item-content {
    background-color: #ee212b;
    padding: 20px 40px;
    transition: all 0.3s ease-out;
    position: absolute;
    width: 100%;
    bottom: 0
}

@media all and (max-width:767.98px) {
    .team-box-layout7-new .item-content {
        padding: 20px 20px
    }
}

.team-box-layout7-new .item-content .cls-1 {
    fill: #ee212b;
    fill-rule: evenodd
}

.team-box-layout7-new .item-content svg {
    position: absolute;
    left: 0;
    top: -103px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .team-box-layout7-new .item-content svg {
        display: none
    }
}

.team-box-layout7-new .item-content .item-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    line-height: 36px
}

.team-box-layout7-new .item-content .item-title a {
    color: #fff
}

.team-box-layout7-new .item-content .item-title a:hover {
    color: #ccc
}

.team-box-layout7-new .item-content .item-subtitle {
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.team-box-layout7-new .item-content .item-content-mid {
    padding-top: 15px;
    padding-bottom: 10px
}

.team-box-layout7-new:hover .item-img img {
    transform: scale(1.1)
}

.team-box-layout7-new:hover .item-img .item-icon a {
    background-color: #d21c1d;
    color: #fff
}

.team-box-layout7-new .item-img .item-icons.item-social .item-social i {
    transition: all 0.4s ease-out
}

.team-box-layout7-new .item-img .item-icons.item-social:hover .item-social i {
    transform: rotate(90deg)
}

.team-box-layout-9 {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.team-box-layout-9 .item-img {
    position: relative;
    text-align: center
}

.team-box-layout-9 .item-img img {
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.team-box-layout-9 .item-img .item-icons .action-share-wrap a {
    height: 60px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    color: #000;
    transition: all 0.3s ease-out;
    transform: translateY(-26px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 10px;
    box-shadow: .835px 5.942px 24px 0 rgb(0 0 0 / 23%)
}

.team-box-layout-9 .item-img .item-icons .action-share-wrap a:hover {
    background-color: #ee212b;
    color: #fff
}

.team-box-layout-9 .item-img .item-icons.item-social {
    height: 60px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    font-size: 22px;
    color: #000;
    transition: all 0.3s ease-out;
    padding: 10px 12px;
    text-align: center;
    bottom: 50px;
    right: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 30px 30px rgb(0 0 0 / 30%)
}

@media only screen and (max-width:991px) {
    .team-box-layout-9 .item-img .item-icons.item-social {
        bottom: 34px
    }
}

.team-box-layout-9 .item-img .item-icons.item-social:hover {
    background-color: #ee212b;
    color: #fff
}

.team-box-layout-9 .item-img .item-icons.item-social:hover .action-share-wrap a {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(1n) {
    transition-delay: .6s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(2n) {
    transition-delay: 0.5s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(3n) {
    transition-delay: 0.4s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(4n) {
    transition-delay: 0.3s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(5n) {
    transition-delay: 0.2s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(6n) {
    transition-delay: 0.1s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(7n) {
    transition-delay: 0.09s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(8n) {
    transition-delay: 0.08s
}

.team-box-layout-9 .item-img .item-icons.item-social .action-share-wrap a:nth-child(9n) {
    transition-delay: 0.05s
}

.team-box-layout-9 .item-img .action-share-wrap {
    position: absolute;
    bottom: 60px;
    right: 4px;
    z-index: 2;
    text-align: center
}

.team-box-layout-9 .item-content {
    position: absolute;
    width: 100%;
    bottom: 0
}

.team-box-layout-9 .item-content:before {
    position: absolute;
    content: "";
    height: 186px;
    width: 430px;
    bottom: -80px;
    left: 10px;
    background: #EE212B;
    border-radius: 59px 0 0 0;
    transform: rotate(16deg);
    transition: all 0.3s ease-in-out
}

.team-box-layout-9 .item-content .cls-1 {
    fill: #ee212b;
    fill-rule: evenodd
}

.team-box-layout-9 .item-content svg {
    position: absolute;
    left: 0;
    top: -103px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .team-box-layout-9 .item-content svg {
        display: none
    }
}

.team-box-layout-9 .item-content .item-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2px;
    line-height: 1.2
}

.team-box-layout-9 .item-content .item-title a {
    color: #fff
}

.team-box-layout-9 .item-content .item-title a:hover {
    color: #ccc
}

.team-box-layout-9 .item-content .item-subtitle {
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.team-box-layout-9 .item-content .item-content-mid {
    position: relative;
    padding: 0 35px 20px 40px
}

.team-box-layout-9:hover .item-img img {
    transform: scale(1.1)
}

.team-box-layout-9:hover .item-img .item-icon a {
    background-color: #d21c1d;
    color: #fff
}

.team-box-layout-9 .item-img .item-icons.item-social .item-social i {
    transition: all 0.4s ease-out
}

.team-box-layout-9 .item-img .item-icons.item-social:hover .item-social i {
    transform: rotate(90deg)
}

.team-box-layout1-new {
    margin-bottom: 30px;
    position: relative;
    background-color: #e2eaf4
}

.team-box-layout1-new .item-img {
    padding-top: 15px;
    text-align: center;
    overflow: hidden
}

.team-box-layout1-new .item-img img {
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.team-box-layout1-new .item-img .item-icon {
    position: absolute;
    bottom: 32%;
    right: 15px;
    z-index: 2
}

.team-box-layout1-new .item-img .item-icon a {
    height: 52px;
    width: 52px;
    line-height: 52px;
    background-color: #d21c1d;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 0 21px 0 #737373;
    transition: all 0.3s ease-out
}

.team-box-layout1-new .item-content {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background-color: #fff;
    clip-path: polygon(0 35%, 100% 0%, 100% 100%, 0% 100%);
    text-align: center;
    padding: 60px 20px 26px;
    transition: all 0.3s ease-out
}

.team-box-layout1-new .item-content .item-title {
    font-size: 20px;
    font-weight: 700;
    color: #393738;
    margin-bottom: 3px
}

.team-box-layout1-new .item-content .item-subtitle {
    font-size: 15px;
    font-weight: 500
}

.team-box-layout1-new:hover .item-img img {
    transform: scale(1.1)
}

.team-box-layout1-new:hover .item-img .item-icon a {
    background-color: #ee212b
}

.team-box-layout2-new {
    background-color: #f6f6f6;
    border-radius: 4px;
    text-align: center;
    padding: 40px 40px 25px;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out
}

.team-box-layout2-new .item-img {
    overflow: hidden;
    height: 180px;
    width: 180px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 24px;
    transition: all 0.3s ease-in-out
}

.team-box-layout2-new .item-content .item-subtitle {
    transition: all 0.3s ease-out;
    font-weight: 500
}

.team-box-layout2-new .item-content .item-title {
    margin-bottom: 18px;
    font-weight: 700;
    padding-bottom: 14px;
    margin-top: 0;
    position: relative;
    font-size: 22px
}

.team-box-layout2-new .item-content .item-title:after {
    content: "";
    height: 3px;
    width: 48px;
    background-color: #ee212b;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.team-box-layout2-new .item-content .item-title a {
    color: #d21c1d;
    transition: all 0.3s ease-out
}

.team-box-layout2-new .item-content .social-icon {
    margin-left: 0;
    padding-left: 0
}

.team-box-layout2-new .item-content .social-icon li {
    display: inline-block
}

.team-box-layout2-new .item-content .social-icon li a {
    font-size: 18px;
    padding: 6px;
    color: #707070;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:767px) {
    .team-box-layout2-new .item-content .social-icon li a {
        padding: 3px
    }
}

.team-box-layout2-new:hover {
    background-color: #d21c1d
}

.team-box-layout2-new:hover .item-content .item-subtitle {
    color: #fff
}

.team-box-layout2-new:hover .item-content .item-title a {
    color: #fff
}

.team-box-layout2-new:hover .item-content .item-title a:hover {
    color: #ee212b
}

.team-box-layout2-new:hover .item-content .social-icon li a {
    color: #fff
}

.team-box-layout2-new:hover .item-content .social-icon li a:hover {
    color: #ee212b
}

.team-box-layout1 {
    position: relative;
    margin-bottom: 30px
}

.team-box-layout1 .item-img {
    background-color: #000;
    text-align: center
}

.team-box-layout1 .item-img img {
    transition: all 180ms ease-in-out
}

@media (max-width:575px) {
    .team-box-layout1 .item-img img {
        width: 100%
    }
}

.team-box-layout1 .item-content {
    position: relative;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    margin: -50px 15px 0;
    padding: 25px 15px;
    text-align: center;
    transition: all 0.3s ease-out
}

.team-box-layout1 .item-content .item-title {
    margin-bottom: 8px
}

.team-box-layout1 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.team-box-layout1 .item-content .item-title a:hover {
    color: #ee212b
}

.team-box-layout1 .item-content .item-subtitle {
    color: #646464;
    font-size: 14px;
    margin-bottom: 4px
}

.team-box-layout1 .item-content .item-social {
    margin-bottom: 0;
    padding: 0
}

.team-box-layout1 .item-content .item-social li {
    display: inline-block
}

.team-box-layout1 .item-content .item-social li a {
    color: #b3b3b3;
    font-size: 16px;
    padding: 7px;
    transition: all 0.3s ease-out
}

.team-box-layout1 .item-content .item-social li a:hover {
    color: #ee212b
}

.team-box-layout1 .item-content:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    height: 4px;
    width: 50px;
    margin: 0 auto;
    background: #ee212b;
    transition: all 180ms ease-in-out
}

.team-box-layout1:hover .item-img img {
    opacity: .8
}

.team-box-layout1:hover .item-content {
    bottom: 0
}

.team-box-layout1:hover .item-content:before {
    width: 100%
}

.team-box-layout2 {
    margin-bottom: 30px
}

.team-box-layout2 .item-img {
    text-align: center;
    background-color: #c6d2e2;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.team-box-layout2 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: scale(.8);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-img .item-btn-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transform: scale(.8);
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-img .item-btn-wrap a {
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    padding: 7px 16px;
    font-size: 18px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-img .item-btn-wrap a i {
    font-size: 18px;
    color: #ee212b
}

.team-box-layout2 .item-img .item-btn-wrap a:hover {
    background-color: #ee212b;
    color: #fff
}

.team-box-layout2 .item-img .item-btn-wrap a:hover i {
    color: #fff
}

.team-box-layout2 .item-content {
    margin: 0 12px;
    background-color: #fff;
    padding: 35px 20px 20px 20px;
    text-align: center;
    transform: translateY(-50px);
    margin-bottom: -50px;
    border-radius: 6px;
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-content .item-heading {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px
}

.team-box-layout2 .item-content .item-heading .item-subtitle {
    font-weight: 500
}

.team-box-layout2 .item-content .item-heading .item-title {
    margin-bottom: 5px;
    font-size: 22px
}

.team-box-layout2 .item-content .item-heading .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-content .item-heading .item-title a:hover {
    color: #ee212b
}

.team-box-layout2 .item-content .item-heading:after {
    content: "";
    height: 4px;
    width: 43px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.team-box-layout2 .item-content .item-social {
    padding: 0
}

.team-box-layout2 .item-content .item-social li {
    display: inline-block
}

.team-box-layout2 .item-content .item-social li a {
    color: #a5a5a5;
    font-size: 20px;
    padding: 10px;
    transition: all 0.3s ease-out
}

.team-box-layout2 .item-content .item-social li a:hover {
    color: #393738
}

.team-box-layout2:hover .item-img:after {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.team-box-layout2:hover .item-img .item-btn-wrap {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    top: 34%
}

.team-box-layout2:hover .item-content {
    transform: translateY(-60px)
}

.team-box-layout3 {
    margin-bottom: 20px;
    text-align: center
}

.team-box-layout3 .item-img {
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease-out
}

.team-box-layout3 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    background-color: #c6d2e2;
    transition: all 0.3s ease-out
}

.team-box-layout3 .item-img:after {
    content: "";
    height: 90%;
    width: 85%;
    background-color: rgba(198, 210, 226, .4);
    border-radius: 4px;
    transform: scale(.8);
    position: absolute;
    top: 1px;
    left: -1px;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:575px) {
    .team-box-layout3 .item-img:after {
        display: none
    }
}

.team-box-layout3 .item-content {
    padding: 20px
}

.team-box-layout3 .item-content .item-heading {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 20px
}

.team-box-layout3 .item-content .item-heading .item-title {
    margin-bottom: 5px
}

.team-box-layout3 .item-content .item-heading .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.team-box-layout3 .item-content .item-heading .item-title a:hover {
    color: #707173
}

.team-box-layout3 .item-content .item-heading:before {
    content: "";
    height: 4px;
    width: 0;
    background-color: #d21c1d;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transition: all 0.3s ease-out
}

.team-box-layout3 .item-content .item-heading:after {
    content: "";
    height: 4px;
    width: 95px;
    background-color: #ee212b;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.team-box-layout3 .item-content .item-social {
    padding-left: 0
}

.team-box-layout3 .item-content .item-social li {
    display: inline-block
}

.team-box-layout3 .item-content .item-social li a {
    color: #707173;
    font-size: 18px;
    padding: 10px;
    transition: all 0.3s ease-out
}

.team-box-layout3 .item-content .item-social li a:hover {
    color: #ee212b
}

.team-box-layout3:hover .item-img img {
    transform: scale(.9)
}

.team-box-layout3:hover .item-img:after {
    transform: scale(1)
}

.team-box-layout3:hover .item-content .item-heading:before {
    visibility: visible;
    opacity: 1;
    width: 95px
}

.team-box-layout4 {
    margin-bottom: 20px
}

.team-box-layout4 .item-img {
    text-align: center;
    border-radius: 50%;
    background-color: #c6d2e2
}

@media only screen and (max-width:575px) {
    .team-box-layout4 .item-img {
        background-color: transparent
    }
}

.team-box-layout4 .item-img img {
    transition: all 0.3s ease-out;
    transform: scale(1);
    border: 10px solid #fff;
    border-radius: 50%
}

@media only screen and (max-width:575px) {
    .team-box-layout4 .item-img img {
        background-color: #c6d2e2
    }
}

.team-box-layout4 .item-content {
    padding: 20px;
    text-align: center
}

.team-box-layout4 .item-content .item-heading {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 20px
}

.team-box-layout4 .item-content .item-heading .item-title {
    margin-bottom: 5px
}

.team-box-layout4 .item-content .item-heading .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.team-box-layout4 .item-content .item-heading .item-title a:hover {
    color: #707173
}

.team-box-layout4 .item-content .item-heading:after {
    content: "";
    height: 4px;
    width: 95px;
    background-color: #ee212b;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.team-box-layout4 .item-content .item-social {
    padding: 0
}

.team-box-layout4 .item-content .item-social li {
    display: inline-block
}

.team-box-layout4 .item-content .item-social li a {
    color: #707173;
    font-size: 18px;
    padding: 10px;
    transition: all 0.3s ease-out
}

.team-box-layout4 .item-content .item-social li a:hover {
    color: #393738
}

.team-box-layout4:hover .item-img img {
    transform: scale(.9);
    animation: pulse 3000ms infinite;
    border-color: #ee212b
}

.team-box-layout8 {
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .team-box-layout8 {
        margin-bottom: 150px
    }
}

.team-box-layout8 .item-img {
    overflow: hidden;
    text-align: center
}

.team-box-layout8 .item-img img {
    transform: scale(1);
    border-radius: 4px 4px 0 0;
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.team-box-layout8 .content-box {
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.team-box-layout8 .content-box .item-content {
    background-color: #fff;
    text-align: center;
    padding: 25px 20px 20px 20px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 11px 27px 0 rgba(194, 194, 194, .33);
    box-shadow: 0 11px 27px 0 rgba(194, 194, 194, .33);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.team-box-layout8 .content-box .item-content:after {
    content: "";
    height: 5px;
    width: 44px;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    left: 40%;
    transition: all 0.3s ease-in-out
}

.team-box-layout8 .content-box .item-content .item-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.team-box-layout8 .content-box .item-content .item-subtitle {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 13px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.team-box-layout8 .content-box .item-content .team-social {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 0
}

.team-box-layout8 .content-box .item-content .team-social li {
    display: inline-block;
    margin-right: 15px
}

.team-box-layout8 .content-box .item-content .team-social li a i {
    color: #ee212b;
    font-size: 18px
}

.team-box-layout8:hover .item-img img {
    transform: scale(1.1)
}

.team-box-layout8:hover .content-box .item-content:after {
    width: 100%;
    left: 0;
    right: 0
}

.team-box-layout8:hover .content-box .item-content .item-subtitle {
    margin-bottom: 40px
}

.team-box-layout8:hover .content-box .item-content .team-social {
    visibility: visible;
    opacity: 1
}

.team-box-layout8:hover .content-box .item-content {
    margin-top: -35px
}

.single-team-box-layout1 {
    margin-bottom: 6rem
}

.single-team-box-layout1 .item-img {
    background-color: #c6d2e2;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #d8d8d8
}

.single-team-box-layout1 .item-img img {
    border-radius: 6px;
    width: 100%
}

.single-team-box-layout1 .item-btn {
    padding-top: 20px;
    text-align: center
}

.single-team-box-layout1 .item-content {
    padding-right: 2rem
}

.single-team-box-layout1 .item-content .item-title {
    margin-bottom: 4px;
    padding-bottom: 0
}

.single-team-box-layout1 .item-content .item-info {
    margin-bottom: 30px
}

.single-team-box-layout1 .item-content .item-subtitle {
    font-size: 18px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    font-weight: 500
}

.single-team-box-layout1 .item-content .item-social {
    margin-bottom: 14px
}

.single-team-box-layout1 .item-content .item-social li {
    display: inline-block;
    font-size: 18px;
    color: #ee212b
}

.single-team-box-layout1 .item-content .item-social li:first-child {
    margin-right: 8px
}

.single-team-box-layout1 .item-content .item-social li a {
    font-size: 18px;
    color: #787878;
    padding: 8px;
    transition: all 0.3s ease-out
}

.single-team-box-layout1 .item-content .item-social li a:hover {
    color: #393738
}

.single-team-box-layout1 .item-content .item-mail,
.single-team-box-layout1 .item-content .item-phone {
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 15px
}

.single-team-box-layout1 .item-content .item-mail i,
.single-team-box-layout1 .item-content .item-phone i {
    font-size: 20px;
    color: #ee212b;
    margin-right: 10px
}

@media only screen and (max-width:991px) {
    .action-box-layout1 {
        text-align: center;
        margin-bottom: 30px
    }
}

.action-box-layout1 .item-title {
    font-size: 40px;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .action-box-layout1 .item-title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .action-box-layout1 .item-title {
        font-size: 34px
    }
}

@media only screen and (max-width:575px) {
    .action-box-layout1 .item-title {
        font-size: 32px
    }
}

.action-box-layout1 .item-title span {
    color: #d21c1d
}

.action-box-layout1 .item-sub-title {
    color: #fff;
    margin-bottom: 20px;
    font-size: 24px;
    display: block
}

.action-box-layout1 .item-phone {
    color: #fff;
    margin-top: 20px;
    font-size: 24px;
    display: block
}

.progress-box-layout1-new {
    position: relative
}

.progress-box-layout1-new svg {
    fill: #ee212b
}

.progress-box-layout1-new .progress-box-counter {
    position: absolute;
    top: 41%;
    text-align: center;
    left: 25px;
    right: 0
}

.progress-box-layout1-new .count-number {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4
}

@media only screen and (min-width:991px) {
    .progress-box-layout1-new .count-number {
        font-size: 46px
    }
}

.progress-box-layout1-new .item-title {
    color: #ffd1d3
}

.progress-box-layout1 {
    margin-bottom: 20px
}

.progress-box-layout1 .progress-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .progress-box-layout1 .progress-content {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.progress-box-layout1 .progress-content .item-icon {
    margin-right: 30px;
    line-height: 1
}

.progress-box-layout1 .progress-content .item-icon i {
    display: block;
    color: #fff
}

.progress-box-layout1 .progress-content .item-icon i:before {
    font-size: 80px
}

@media only screen and (max-width:991px) {
    .progress-box-layout1 .progress-content .item-icon i:before {
        font-size: 70px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout1 .progress-content .item-icon i:before {
        font-size: 60px
    }
}

.progress-box-layout1 .progress-content .item-content .count-number {
    font-size: 50px;
    font-weight: 700;
    color: #ee212b;
    margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
    .progress-box-layout1 .progress-content .item-content .count-number {
        font-size: 46px
    }
}

@media only screen and (max-width:991px) {
    .progress-box-layout1 .progress-content .item-content .count-number {
        font-size: 40px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout1 .progress-content .item-content .count-number {
        font-size: 30px
    }
}

.progress-box-layout1 .progress-content .item-content .count-title {
    font-size: 18px;
    color: #fff;
    line-height: 22px
}

@media only screen and (max-width:991px) {
    .progress-box-layout1 .progress-content .item-content .count-title {
        font-size: 16px
    }
}

@media only screen and (max-width:1024px) {
    .progress-box-layout1 .progress-content .item-content .count-title br {
        display: none
    }
}

.progress-box-layout2 {
    margin-bottom: 20px
}

.progress-box-layout2 .inner-item {
    text-align: left
}

@media (max-width:767px) {
    .progress-box-layout2 .inner-item {
        text-align: center
    }
}

.progress-box-layout2 .inner-item .item-icon {
    margin-bottom: 30px;
    line-height: 1
}

.progress-box-layout2 .inner-item .item-icon i {
    display: block;
    color: #ee212b
}

.progress-box-layout2 .inner-item .item-icon i:before {
    font-size: 80px
}

@media only screen and (max-width:991px) {
    .progress-box-layout2 .inner-item .item-icon i:before {
        font-size: 70px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout2 .inner-item .item-icon i:before {
        font-size: 60px
    }
}

.progress-box-layout2 .inner-item .item-content .count-number {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
    .progress-box-layout2 .inner-item .item-content .count-number {
        font-size: 46px
    }
}

@media only screen and (max-width:991px) {
    .progress-box-layout2 .inner-item .item-content .count-number {
        font-size: 40px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout2 .inner-item .item-content .count-number {
        font-size: 30px
    }
}

.progress-box-layout2 .inner-item .item-content .count-title {
    font-size: 18px;
    color: #fff;
    line-height: 22px
}

@media only screen and (max-width:991px) {
    .progress-box-layout2 .inner-item .item-content .count-title {
        font-size: 16px
    }
}

.progress-box-layout4 {
    margin-bottom: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 42px 30px;
    background: #fff;
    transition: all 0.8s ease-out;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:1024px) {
    .progress-box-layout4 {
        margin-bottom: 0
    }
}

.progress-box-layout4:after {
    content: "";
    width: 100%;
    height: 20px;
    border-radius: 4px;
    top: -5px;
    z-index: 9;
    background: transparent;
    position: absolute;
    left: 0;
    border-top: 5px solid #ee212b;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out
}

.progress-box-layout4 .inner-item {
    text-align: center
}

.progress-box-layout4 .inner-item .item-icon {
    margin-bottom: 30px;
    line-height: 1
}

.progress-box-layout4 .inner-item .item-icon i {
    display: block;
    color: #c9c9c9;
    transition: all 0.3s ease-out;
    transform: scale(.95)
}

.progress-box-layout4 .inner-item .item-icon i:before {
    font-size: 80px
}

@media only screen and (max-width:991px) {
    .progress-box-layout4 .inner-item .item-icon i:before {
        font-size: 70px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout4 .inner-item .item-icon i:before {
        font-size: 60px
    }
}

.progress-box-layout4 .inner-item .item-content .count-number {
    font-size: 50px;
    font-weight: 700;
    color: #393738;
    margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
    .progress-box-layout4 .inner-item .item-content .count-number {
        font-size: 46px
    }
}

@media only screen and (max-width:991px) {
    .progress-box-layout4 .inner-item .item-content .count-number {
        font-size: 40px
    }
}

@media only screen and (max-width:575px) {
    .progress-box-layout4 .inner-item .item-content .count-number {
        font-size: 30px
    }
}

.progress-box-layout4 .inner-item .item-content .count-number .suffix {
    color: #ee212b;
    font-size: 36px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    line-height: 1;
    margin-top: -11px
}

.progress-box-layout4 .inner-item .item-content .count-title {
    font-size: 16px;
    color: #393738;
    margin-bottom: 0;
    line-height: 22px
}

@media only screen and (max-width:991px) {
    .progress-box-layout4 .inner-item .item-content .count-title {
        font-size: 16px
    }
}

.progress-box-layout4:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .14)
}

.progress-box-layout4:hover:after {
    opacity: 1;
    visibility: visible;
    top: -1px
}

.progress-box-layout4:hover .inner-item .item-icon i {
    color: #ee212b;
    transform: scale(1)
}

.testimonial-box-layout2-new {
    background-color: #fff;
    margin: -135px 20px 20px 20px;
    box-shadow: 0 29px 43px 0 rgba(132, 132, 132, .1);
    border-radius: 4px
}

.testimonial-box-layout2-new .testimonial-box {
    text-align: center;
    padding: 80px
}

@media only screen and (max-width:1024px) {
    .testimonial-box-layout2-new .testimonial-box {
        padding: 76px 42px 80px 42px
    }
}

@media only screen and (max-width:768px) {
    .testimonial-box-layout2-new .testimonial-box {
        padding: 122px 42px 80px 42px
    }
}

.testimonial-box-layout2-new .testimonial-box .item-img {
    margin-bottom: 15px;
    position: relative;
    z-index: 2
}

.testimonial-box-layout2-new .testimonial-box .item-img:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/quote1.png);
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    z-index: -1
}

.testimonial-box-layout2-new .testimonial-box .item-img img {
    border-radius: 50%;
    width: auto;
    display: inline-block;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, .22)
}

.testimonial-box-layout2-new .testimonial-box .item-title {
    font-size: 24px;
    font-weight: 700;
    color: #393738;
    margin-bottom: 2px;
    line-height: 36px
}

.testimonial-box-layout2-new .testimonial-box .item-subtitle {
    margin-bottom: 4px
}

.testimonial-box-layout2-new .testimonial-box .item-rating {
    padding: 0
}

.testimonial-box-layout2-new .testimonial-box .item-rating li.has-rating {
    color: #ff9800
}

.testimonial-box-layout2-new .testimonial-box .item-rating li {
    display: inline-block
}

.testimonial-box-layout2-new .testimonial-box .item-rating {
    color: #ff8f00;
    margin-bottom: 8px
}

.testimonial-box-layout2-new .testimonial-box p {
    line-height: 36px;
    width: 70%;
    margin: 0 auto;
    color: #707173;
    font-size: 18px;
    font-style: italic
}

.testimonial-box-layout1 {
    background-color: #fff;
    padding: 40px 50px 20px
}

@media only screen and (max-width:575px) {
    .testimonial-box-layout1 {
        text-align: center;
        padding: 15px
    }
}

.testimonial-box-layout1 .media {
    margin-bottom: 18px
}

.testimonial-box-layout1 .media .item-img img {
    border-radius: 50%;
    display: inline-block;
    width: auto
}

.testimonial-box-layout1 .media-body .item-title {
    font-weight: 500;
    margin-bottom: 4px;
    color: #393738
}

.testimonial-box-layout1 .media-body .item-rating {
    margin: 0;
    padding: 0
}

.testimonial-box-layout1 .media-body .item-rating li.has-rating {
    color: #ff9800
}

.testimonial-box-layout1 .media-body .item-rating li {
    display: inline-block
}

.testimonial-box-layout1 p {
    font-style: italic
}

.testimonial-box-layout1.layout-4 {
    background-color: #f8f8f8;
    padding: 40px 50px 20px
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout1.layout-4 {
        padding: 40px 24px 20px
    }
}

.testimonial-box-layout2 {
    text-align: center
}

.testimonial-box-layout2 .item-img {
    display: inline-block;
    position: relative;
    margin-bottom: 18px
}

.testimonial-box-layout2 .item-img img {
    border-radius: 50%;
    display: inline-block;
    display: inline-block !important;
    width: auto !important
}

.testimonial-box-layout2 .item-img:after {
    content: "\f10d";
    position: absolute;
    right: -18px;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: #ee212b;
    font-size: 14px;
    width: 31px;
    height: 31px;
    color: #fff;
    border-radius: 100%;
    text-align: center
}

.testimonial-box-layout2 .item-content p {
    width: 55%;
    color: #707173;
    margin: 0 auto 16px
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout2 .item-content p {
        width: 71%
    }
}

@media only screen and (max-width:767px) {
    .testimonial-box-layout2 .item-content p {
        width: 100%
    }
}

.testimonial-box-layout2 .item-content .item-rating {
    margin-bottom: 10px;
    padding: 0
}

.testimonial-box-layout2 .item-content .item-rating li.has-rating {
    color: #ff9800
}

.testimonial-box-layout2 .item-content .item-rating li {
    display: inline-block
}

.testimonial-box-layout2 .item-content .item-title {
    font-weight: 500;
    margin-bottom: 0
}

.testimonial-box.left-alignment {
    background-color: #fff;
    padding: 30px 45px;
    border: 5px solid #f2f2f2d9;
    border-radius: 4px;
    box-shadow: 0 5px 24px 0 rgba(217, 217, 217, .75)
}

@media only screen and (max-width:767px) {
    .testimonial-box.left-alignment {
        padding: 30px 45px
    }
}

.testimonial-box.left-alignment .media-body {
    margin: 0
}

.testimonial-box.left-alignment .d-inline {
    padding: 0;
    margin-bottom: 10px;
    display: block !important
}

.testimonial-box.left-alignment .d-inline li {
    list-style: none;
    display: inline-block;
    font-size: 20px
}

.testimonial-box.left-alignment .d-inline li.has-rating {
    color: #ff9800
}

@media only screen and (max-width:767px) {
    .testimonial-box.left-alignment .testimonial-img {
        display: inherit
    }

    .testimonial-box.left-alignment .testimonial-img img {
        margin-bottom: 15px
    }
}

.testimonial-box.left-alignment .testimonial-img img {
    margin-right: 35px;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
    border-radius: 4%
}

.testimonial-box.left-alignment p {
    margin-bottom: 8px !important
}

.testimonial-box.left-alignment h3 {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.testimonial-box.right-alignment {
    background-color: #fff;
    padding: 30px 45px;
    text-align: right;
    border: 5px solid #f2f2f2d9;
    border-radius: 4px;
    box-shadow: 0 5px 24px 0 rgba(217, 217, 217, .75)
}

@media only screen and (max-width:767px) {
    .testimonial-box.right-alignment {
        padding: 30px 45px
    }
}

.testimonial-box.right-alignment .media-body {
    margin: 0
}

.testimonial-box.right-alignment .d-inline {
    padding: 0;
    margin-bottom: 10px;
    display: block !important
}

.testimonial-box.right-alignment .d-inline li {
    list-style: none;
    display: inline-block;
    font-size: 20px
}

.testimonial-box.right-alignment .d-inline li.has-rating {
    color: #ff9800
}

@media only screen and (max-width:767px) {
    .testimonial-box.right-alignment .testimonial-img {
        display: inherit
    }

    .testimonial-box.right-alignment .testimonial-img img {
        margin-bottom: 15px;
        border-radius: 4%
    }
}

.testimonial-box.right-alignment .testimonial-img img {
    margin-left: 35px;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.testimonial-box.right-alignment p {
    margin-bottom: 8px !important
}

.testimonial-box.right-alignment h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.testimonial-box-layout11 {
    position: static;
    display: flex;
    padding-bottom: 65px;
    padding-left: 100px;
    padding-right: 100px
}

.testimonial-box-layout11 .item-img {
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
    margin-right: 30px
}

.testimonial-box-layout11 .item-img img {
    border-radius: 50%;
    display: inline-block;
    display: inline-block !important;
    width: auto !important
}

.testimonial-box-layout11 .item-content {
    position: relative;
    flex: 1
}

.testimonial-box-layout11 .item-content:after {
    position: absolute;
    content: url(../../../../../../../../themes/roofix/assets/img/testimonial_quote.svg);
    right: 0;
    top: 0;
    z-index: -1
}

.testimonial-box-layout11 .item-content p {
    color: #707173
}

.testimonial-box-layout11 .item-content .item-rating {
    margin: 0 0 5px;
    padding: 0
}

.testimonial-box-layout11 .item-content .item-rating li.has-rating {
    color: #ff9800
}

.testimonial-box-layout11 .item-content .item-rating li {
    display: inline-block
}

.testimonial-box-layout11 .item-content .item-title {
    font-weight: 500;
    margin-bottom: 0
}

.testimonial-box-layout11 .navigation {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.testimonial-box-layout11 .rt-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #565656;
    border-radius: 50%;
    border: none;
    height: 60px;
    width: 60px;
    margin: 0 4px;
    transition: all 0.3s ease-out;
    z-index: 1;
    cursor: pointer
}

.testimonial-box-layout11 .rt-arrow:hover {
    color: #fff;
    background: #ee212b
}

.testimonial-box-layout11 .rt-next.rt-arrow {
    left: 0
}

.testimonial-box-layout11 .rt-prev.rt-arrow {
    right: 0
}

.testimonial-box-layout11 .rt-arrow:before {
    position: absolute;
    content: "";
    border: 1px solid #393738;
    left: 0;
    bottom: 27px;
    transform: translateY(-50%);
    width: 500px
}

.testimonial-box-layout11 .rt-arrow:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 27px;
    transform: translateY(-50%);
    width: 500px;
    border: 1px solid #393738
}

@media(max-width:1199px) {
    .testimonial-box-layout11 {
        padding-left: 20px;
        padding-right: 20px
    }

    .testimonial-box-layout11 .rt-arrow:before,
    .testimonial-box-layout11 .rt-arrow:after {
        width: 400px
    }
}

@media(max-width:991px) {

    .testimonial-box-layout11 .rt-arrow:before,
    .testimonial-box-layout11 .rt-arrow:after {
        width: 280px
    }
}

@media(max-width:767px) {

    .testimonial-box-layout11 .rt-arrow:before,
    .testimonial-box-layout11 .rt-arrow:after {
        display: none
    }

    .testimonial-box-layout11 {
        padding-left: 0;
        padding-right: 0;
        display: block
    }
}

.blog-box-layout6-new {
    box-shadow: 0 5px 59px 0 rgba(0, 0, 0, .11);
    border-radius: 6px;
    overflow: hidden
}

.blog-box-layout6-new .divs>p:last-child {
    background-color: #ee212b
}

.blog-box-layout6-new .item-img {
    overflow: hidden;
    position: relative
}

.blog-box-layout6-new .item-img img {
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1);
    width: 100%
}

.blog-box-layout6-new .item-img .item-date {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    bottom: 0;
    position: absolute;
    background-color: #ee212b;
    padding: 17px;
    left: 30px;
    border-radius: 6px 6px 0 0;
    font-weight: 500;
    font-size: 15px
}

.blog-box-layout6-new .item-img .item-date i {
    margin-right: 8px;
    font-size: 15px;
    color: #fff
}

.blog-box-layout6-new .item-content {
    padding: 30px 30px 30px;
    background: #fff
}

.blog-box-layout6-new .item-content .non-ghost-btn-md {
    color: #707173;
    font-size: 15px
}

.blog-box-layout6-new .item-content .non-ghost-btn-md:hover {
    color: #393738
}

.blog-box-layout6-new .item-content .entry-meta {
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout6-new .item-content .entry-meta li {
    display: inline-block;
    color: #707173;
    font-weight: 500;
    font-size: 14px;
    margin-right: 15px
}

.blog-box-layout6-new .item-content .entry-meta li:last-child:after {
    display: none
}

.blog-box-layout6-new .item-content .entry-meta li i {
    color: #ee212b;
    margin-right: 4px
}

.blog-box-layout6-new .item-content .entry-meta li a {
    color: #707173;
    transition: all 0.3s ease-in-out
}

.blog-box-layout6-new .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout6-new .item-content .item-title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 36px
}

.blog-box-layout6-new .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-in-out
}

.blog-box-layout6-new .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout6-new .item-content p {
    margin-bottom: 10px
}

.blog-box-layout6-new .item-content .item-btn {
    font-size: 14px;
    font-weight: 700;
    color: #d21c1d;
    letter-spacing: 1px
}

.blog-box-layout6-new .item-content .item-btn:hover {
    color: #ee212b
}

.blog-box-layout6-new .item-content .item-btn:hover i {
    color: #d21c1d;
    padding-left: 3px
}

.blog-box-layout6-new .item-content .item-btn i {
    font-size: 16px;
    margin-left: 8px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.blog-box-layout6-new:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout1-new {
    box-shadow: 0 5px 59px 0 rgba(0, 0, 0, .11);
    border-radius: 6px;
    overflow: hidden
}

.blog-box-layout1-new .divs>p:last-child {
    background-color: #ee212b
}

.blog-box-layout1-new .item-img {
    overflow: hidden;
    position: relative
}

.blog-box-layout1-new .item-img img {
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1);
    width: 100%
}

.blog-box-layout1-new .item-content {
    padding: 30px 30px 30px;
    background: #fff
}

.blog-box-layout1-new .item-content .non-ghost-btn-md {
    color: #707173;
    font-size: 15px
}

.blog-box-layout1-new .item-content .non-ghost-btn-md:hover {
    color: #ee212b
}

.blog-box-layout1-new .item-content .entry-meta {
    margin-bottom: 10px;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout1-new .item-content .entry-meta li {
    display: inline-block;
    color: #393738;
    font-weight: 400;
    font-size: 15px;
    margin-right: 15px
}

.blog-box-layout1-new .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout1-new .item-content .entry-meta li:last-child:after {
    display: none
}

.blog-box-layout1-new .item-content .entry-meta li i {
    color: #ee212b;
    margin-right: 8px
}

.blog-box-layout1-new .item-content .entry-meta li a {
    color: #707173;
    transition: all 0.3s ease-in-out
}

.blog-box-layout1-new .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout1-new .item-content .entry-meta li.item-date {
    color: #929292
}

.blog-box-layout1-new .item-content .item-title {
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 36px;
    font-size: 24px
}

.blog-box-layout1-new .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-in-out
}

.blog-box-layout1-new .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout1-new .item-content p {
    margin-bottom: 10px
}

.blog-box-layout1-new .item-content .item-btn {
    font-size: 14px;
    font-weight: 700;
    color: #d21c1d;
    letter-spacing: 1px
}

.blog-box-layout1-new .item-content .item-btn:hover {
    color: #ee212b
}

.blog-box-layout1-new .item-content .item-btn:hover i {
    color: #d21c1d;
    padding-left: 3px
}

.blog-box-layout1-new .item-content .item-btn i {
    font-size: 16px;
    margin-left: 8px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.blog-box-layout1-new:hover .item-img img {
    transform: scale(1.1)
}

.list-right .blog-box-layout1-new .item-content p {
    margin-bottom: 0;
    box-shadow: none
}

.list-right .blog-box-layout1-new .item-content {
    position: relative
}

.list-right .blog-box-layout1-new .item-content:first-child:after {
    content: "";
    width: 82%;
    height: 1px;
    background-color: #d5d5d5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.blog-box-layout1 {
    margin-bottom: 30px
}

.blog-box-layout1 .item-img {
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 0 0
}

.blog-box-layout1 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1);
    width: 100%
}

.blog-box-layout1 .item-img .top-item {
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px
}

.blog-box-layout1 .item-img .top-item .item-date {
    position: relative;
    color: #fff;
    font-weight: 700
}

.blog-box-layout1 .item-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout1 .item-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout1 .item-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .blog-box-layout1 .item-img .top-item .item-date .days {
        font-size: 20px
    }
}

.blog-box-layout1 .item-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .blog-box-layout1 .item-img .top-item .item-date .month {
        font-size: 14px
    }
}

.blog-box-layout1 .item-content {
    background-color: #f8f8f8;
    border-radius: 0 0 4px 4px;
    padding: 30px 35px 12px;
    box-shadow: 0 1px 0 0 rgba(233, 233, 233, .75)
}

.blog-box-layout1 .item-content .item-tag {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #d21c1d;
    border-radius: 4px;
    padding: 2px 10px;
    display: inline-block;
    margin-bottom: 22px;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase
}

.blog-box-layout1 .item-content .item-tag:hover {
    background-color: #ee212b
}

.blog-box-layout1 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.4
}

@media only screen and (max-width:991px) {
    .blog-box-layout1 .item-content .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .blog-box-layout1 .item-content .item-title {
        font-size: 20px
    }
}

.blog-box-layout1 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-in-out
}

.blog-box-layout1 .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout1 .item-content .entry-meta {
    border-top: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}

.blog-box-layout1 .item-content .entry-meta li {
    font-size: 15px;
    list-style: none;
    padding: 0
}

.blog-box-layout1 .item-content .entry-meta li a {
    color: #d21c1d;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

.blog-box-layout1 .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout1 .item-content .entry-meta li .author-img {
    display: inline-block;
    margin-right: 8px;
    padding: 10px 0
}

.blog-box-layout1 .item-content .entry-meta li .author-img img {
    border-radius: 50%
}

.blog-box-layout1 .item-content .entry-meta li .item-icon {
    text-align: center;
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px
}

.blog-box-layout1 .item-content .entry-meta li .item-icon i {
    font-size: 18px;
    color: #d21c1d
}

.blog-box-layout1:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout2 {
    position: relative
}

.blog-box-layout2 .item-img {
    border-radius: 4px;
    overflow: hidden
}

.blog-box-layout2 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1);
    width: 100%
}

.blog-box-layout2 .item-img .top-item {
    position: absolute;
    top: 30px;
    left: 30px;
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px;
    z-index: 2;
    color: #fff
}

.blog-box-layout2 .item-img .top-item .item-date {
    position: relative;
    font-weight: 700;
    color: #fff
}

.blog-box-layout2 .item-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout2 .item-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout2 .item-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.blog-box-layout2 .item-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block
}

.blog-box-layout2 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    transition: all 0.3s ease-out
}

.blog-box-layout2 .item-content {
    position: absolute;
    bottom: 15px;
    left: 30px;
    padding-right: 20px
}

.blog-box-layout2 .item-content .item-tag {
    font-size: 12px;
    font-weight: 500;
    color: #d21c1d;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 18px;
    display: inline-block;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out
}

.blog-box-layout2 .item-content .item-tag:hover {
    background-color: #ee212b;
    color: #fff
}

.blog-box-layout2 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: 36px
}

.blog-box-layout2 .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-in-out
}

.blog-box-layout2 .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout2:hover .item-img:after {
    background-color: rgba(0, 0, 0, .8)
}

.blog-box-layout2:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout2-non-img {
    position: relative;
    margin-bottom: 30px;
    background-color: #848484;
    padding: 30px;
    border-radius: 4px
}

.blog-box-layout2-non-img .item-img {
    overflow: hidden;
    display: inline-block;
    color: #fff;
    margin-bottom: 40px
}

.blog-box-layout2-non-img .item-img .top-item {
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px;
    z-index: 2
}

.blog-box-layout2-non-img .item-img .top-item .item-date {
    position: relative;
    font-weight: 700
}

.blog-box-layout2-non-img .item-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout2-non-img .item-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout2-non-img .item-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.blog-box-layout2-non-img .item-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block
}

.blog-box-layout2-non-img .item-content .item-tag {
    font-size: 12px;
    font-weight: 500;
    color: #d21c1d;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 18px;
    display: inline-block;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out
}

.blog-box-layout2-non-img .item-content .item-tag:hover {
    background-color: #ee212b;
    color: #fff
}

.blog-box-layout2-non-img .item-content .item-title {
    font-weight: 500;
    margin-bottom: 22px
}

.blog-box-layout2-non-img .item-content .item-title a {
    color: #fff;
    transition: all 0.3s ease-in-out
}

.blog-box-layout2-non-img .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout2-non-img:hover .item-img:after {
    background-color: rgba(0, 0, 0, .8)
}

.blog-box-layout2-non-img:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout3 {
    margin-bottom: 30px
}

.blog-box-layout3 .item-non-img .top-item {
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px;
    display: inline-block
}

.blog-box-layout3 .item-non-img .top-item .item-date {
    color: #fff;
    font-weight: 700;
    position: relative
}

.blog-box-layout3 .item-non-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout3 .item-non-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout3 .item-non-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.blog-box-layout3 .item-non-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block
}

.blog-box-layout3 .item-img {
    position: relative;
    overflow: hidden
}

.blog-box-layout3 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

@media only screen and (max-width:1024px) {
    .blog-box-layout3 .item-img img {
        width: 100%
    }
}

.blog-box-layout3 .item-img .top-item {
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px
}

.blog-box-layout3 .item-img .top-item .item-date {
    position: relative;
    color: #fff;
    font-weight: 700
}

.blog-box-layout3 .item-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout3 .item-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout3 .item-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.blog-box-layout3 .item-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block
}

.blog-box-layout3 .item-content {
    background-color: #f8f8f8;
    border-radius: 0 0 4px 4px;
    padding: 30px 35px 10px;
    box-shadow: 0 1px 0 0 rgba(233, 233, 233, .75)
}

.blog-box-layout3 .item-content .item-title {
    margin-bottom: 15px;
    line-height: 36px;
    font-weight: 700;
    font-size: 24px
}

.blog-box-layout3 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-in-out
}

.blog-box-layout3 .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout3 .item-content .entry-meta {
    border-bottom: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 18px;
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout3 .item-content .entry-meta li {
    list-style: none;
    font-size: 15px
}

.blog-box-layout3 .item-content .entry-meta li a {
    color: #d21c1d;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

.blog-box-layout3 .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout3:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout3new.blog-box-wrp {
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, .08)
}

.blog-box-layout3new.blog-box-wrp .news-meta-info.mar20-ul {
    margin-left: 0
}

.blog-box-layout3new.blog-box-wrp.grid .news-meta-info.mar20-ul {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px
}

.blog-box-layout3new.blog-box-wrp.grid .non-ghost-btn-md {
    color: #393738;
    font-size: 15px
}

.blog-box-layout3new.blog-box-wrp.grid .item-content {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 30px 35px 30px
}

.blog-box-layout3new.blog-box-wrp.grid .item-content .item-title {
    font-size: 26px
}

.blog-box-layout3new {
    margin-bottom: 30px
}

.blog-box-layout3new .item-non-img .top-item {
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px;
    display: inline-block
}

.blog-box-layout3new .item-non-img .top-item .item-date {
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 15px
}

.blog-box-layout3new .item-non-img .top-item .item-date i {
    margin-right: 5px
}

.blog-box-layout3new .item-img {
    position: relative;
    overflow: hidden
}

.blog-box-layout3new .item-img img {
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

@media only screen and (max-width:1024px) {
    .blog-box-layout3new .item-img img {
        width: 100%
    }
}

.blog-box-layout3new .item-img .top-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    bottom: 0;
    position: absolute;
    background-color: #ee212b;
    padding: 17px;
    left: 30px;
    border-radius: 6px 6px 0 0
}

@media only screen and (max-width:1024px) {
    .blog-box-layout3new .item-img .top-item {
        padding: 10px
    }
}

.blog-box-layout3new .item-img .top-item .item-date {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.blog-box-layout3new .item-img .top-item .item-date i {
    margin-right: 5px
}

.blog-box-layout3new .item-content {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 30px 35px 36px
}

@media only screen and (max-width:1024px) {
    .blog-box-layout3new .item-content {
        padding: 30px
    }
}

.blog-box-layout3new .item-content .item-title {
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: 700;
    font-size: 30px
}

@media only screen and (max-width:1024px) {
    .blog-box-layout3new .item-content .item-title {
        font-size: 24px;
        line-height: 1.2
    }
}

.blog-box-layout3new .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-in-out
}

.blog-box-layout3new .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout3new .item-content .entry-meta {
    border-bottom: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 18px;
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout3new .item-content .entry-meta li {
    list-style: none;
    font-size: 15px
}

.blog-box-layout3new .item-content .entry-meta li a {
    color: #d21c1d;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

.blog-box-layout3new .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout3new:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout4 {
    margin-bottom: 30px;
    border-radius: 4px
}

.blog-box-layout4 .item-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.blog-box-layout4 .item-img img {
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.blog-box-layout4 .item-img .top-item {
    position: absolute;
    top: 32px;
    left: 35px;
    line-height: 1.2;
    text-align: center;
    background-color: #ee212b;
    border-radius: 4px;
    padding: 14px 18px 10px
}

.blog-box-layout4 .item-img .top-item .item-date {
    position: relative
}

.blog-box-layout4 .item-img .top-item .item-date:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -11px
}

.blog-box-layout4 .item-img .top-item .item-date:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -11px
}

.blog-box-layout4 .item-img .top-item .item-date .days {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .blog-box-layout4 .item-img .top-item .item-date .days {
        font-size: 20px
    }
}

.blog-box-layout4 .item-img .top-item .item-date .month {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block
}

@media only screen and (max-width:767px) {
    .blog-box-layout4 .item-img .top-item .item-date .month {
        font-size: 14px
    }
}

.blog-box-layout4 .item-content .entry-meta {
    margin-bottom: 8px;
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout4 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    margin-bottom: 10px
}

.blog-box-layout4 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout4 .item-content .entry-meta li:last-child:after {
    display: none
}

.blog-box-layout4 .item-content .entry-meta li i {
    font-size: 15px;
    color: #d21c1d;
    margin-right: 10px
}

.blog-box-layout4 .item-content .entry-meta li a {
    color: #707173;
    transition: all 0.3s ease-out
}

.blog-box-layout4 .item-content .entry-meta li a:hover {
    color: #ee212b
}

.blog-box-layout4 .item-content .entry-meta li .author {
    color: #d21c1d
}

.blog-box-layout4 .item-content .item-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3
}

@media only screen and (max-width:1199px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 28px
    }
}

@media only screen and (max-width:991px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 24px
    }
}

@media only screen and (max-width:575px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 22px
    }
}

.blog-box-layout4 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.blog-box-layout4 .item-content .item-title a:hover {
    color: #ee212b
}

.blog-box-layout4 .item-content .btn-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.blog-box-layout4 .item-content .btn-area li {
    margin-bottom: 20px
}

.blog-box-layout4 .item-content .btn-area li .item-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 12px 26px;
    font-weight: 500;
    color: #393738;
    transition: all 0.3s ease-out
}

.blog-box-layout4 .item-content .btn-area li .item-btn i {
    color: #ee212b;
    margin-left: 10px;
    margin-right: 0;
    transition: all 0.3s ease-out
}

.blog-box-layout4 .item-content .btn-area li .item-btn:hover {
    background-color: #ee212b;
    color: #fff
}

.blog-box-layout4 .item-content .btn-area li .item-btn:hover i {
    color: #fff
}

.blog-box-layout4 .item-content .btn-area li i {
    margin-right: 10px
}

.blog-box-layout4:hover .item-img img {
    transform: scale(1.1)
}

.brand-box-layout1 {
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-out
}

.brand-box-layout1 .item-img {
    padding: 3.5rem
}

.brand-box-layout1 .item-img img {
    width: auto !important;
    display: inline-block
}

.brand-box-layout1:hover {
    filter: grayscale(100%)
}

.brand-box-layout-wrp .owl-carousel .owl-item img {
    display: inline-block;
    width: inherit
}

.brand-box-layout2 {
    border-radius: 4px;
    margin: 50px 0;
    cursor: pointer;
    transition: all 0.3s ease-out
}

.brand-box-layout2 .item-img {
    padding: 3.5rem;
    text-align: center
}

.brand-box-layout2 .item-img img {
    filter: grayscale(100%);
    display: inline-block;
    width: inherit
}

.brand-box-layout2:hover img {
    filter: grayscale(0%)
}

.brand-box-layout2.grid {
    border-radius: 4px;
    margin: 0 0 30px 0;
    cursor: pointer;
    transition: all 0.3s ease-out
}

.brand-box-layout2.grid .item-img {
    padding: 3.5rem;
    text-align: center
}

.brand-box-layout2.grid .item-img img {
    filter: grayscale(100%);
    display: inline-block;
    width: auto;
    transform: scale(1);
    transition: all 0.3s ease-out
}

.brand-box-layout2.grid:hover img {
    filter: grayscale(0%);
    transform: scale(.9)
}

.brand-box-layout2.grid.slider {
    margin-bottom: 0
}

.brand-box-layout3 {
    text-align: center;
    margin-bottom: 40px
}

.brand-box-layout3 img {
    opacity: .6;
    filter: grayscale(100%);
    display: inline-block !important;
    width: auto !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.brand-box-layout3:hover img {
    opacity: 1;
    filter: grayscale(0)
}

.zoom-gallery-box {
    margin-bottom: 5rem;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:991px) {
    .zoom-gallery-box {
        display: block;
        margin-bottom: 10px
    }
}

.zoom-gallery-box .zoom_01 {
    border-radius: 4px
}

.zoom-gallery-box .tab-content {
    padding-right: 6px
}

@media only screen and (max-width:991px) {
    .zoom-gallery-box .tab-content {
        padding-right: 0
    }
}

.zoom-gallery-box .tab-nav-list {
    display: -ms-grid;
    display: grid;
    border-bottom: none;
    margin-left: 0
}

@media only screen and (max-width:991px) {
    .zoom-gallery-box .tab-nav-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (max-width:991px) {
    .zoom-gallery-box .tab-nav-list .nav-item {
        margin-right: 6px
    }

    .zoom-gallery-box .tab-nav-list .nav-item:last-child {
        margin-right: 0
    }
}

.zoom-gallery-box .tab-nav-list .nav-item .nav-link {
    border-radius: 0;
    border: none;
    padding: 0 0 6px
}

@media only screen and (max-width:991px) {
    .zoom-gallery-box .tab-nav-list .nav-item .nav-link {
        padding: 6px 0 0
    }
}

.zoom-gallery-box .tab-nav-list .nav-item .nav-link img {
    border-radius: 4px
}

.zoom-gallery-box .tab-nav-list .nav-item .nav-link.active img {
    opacity: .5
}

.zoom-gallery-box .tab-nav-list .nav-item:last-child .nav-link {
    padding-bottom: 0
}

.more-info-box .item-content div.process-list {
    padding-left: 7rem;
    position: relative
}

@media only screen and (max-width:575px) {
    .more-info-box .item-content div.process-list {
        padding-left: 64px
    }
}

.more-info-box .item-content div.process-list .sl-number {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #ebebeb;
    font-size: 24px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:575px) {
    .more-info-box .item-content div.process-list .sl-number {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 20px
    }
}

.more-info-box .item-content div.process-list h4 {
    font-weight: 500;
    margin-bottom: 10px
}

.more-info-box .item-content div.process-list:hover .sl-number {
    background-color: #ee212b;
    color: #fff
}

.about-info-list ul.list-info {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px
}

@media only screen and (max-width:575px) {
    .about-info-list ul.list-info {
        display: block;
        margin: 30px 0
    }
}

.about-info-list ul.list-info li {
    margin-bottom: 10px;
    list-style: none;
    width: 50%;
    padding-left: 30px;
    position: relative
}

.about-info-list ul.list-info li:last-child {
    margin-bottom: 0
}

.about-info-list ul.list-info li a {
    color: #707173
}

.about-info-list ul.list-info li a:hover {
    color: #ee212b
}

.about-info-list ul.list-info li:after {
    content: "\f058";
    position: absolute;
    left: 0;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ee212b;
    font-size: 14px;
    top: 2px
}

.about-info-list .list-info.theme2 {
    padding-left: 0;
    margin-top: 0
}

.about-info-list .list-info.theme2 li {
    width: 100%;
    display: block;
    clear: both;
    font-weight: 500;
    list-style: none
}

.about-info-list .about-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 5px;
    padding-left: 0
}

@media only screen and (max-width:575px) {
    .about-info-list .about-info {
        display: block;
        margin: 30px 0
    }
}

.about-info-list .about-info li {
    list-style: none;
    width: 50%;
    position: relative;
    margin-bottom: 16px;
    padding-left: 30px;
    font-weight: 500;
    line-height: 1.7
}

@media only screen and (max-width:575px) {
    .about-info-list .about-info li {
        width: 100%
    }
}

.about-info-list .about-info li a {
    color: #393738
}

.about-info-list .about-info li a:hover {
    color: #ee212b
}

.about-info-list .about-info li:after {
    content: "\f058";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    top: 1px;
    color: #ee212b;
    text-align: center;
    z-index: 1;
    font-size: 18px
}

.about-info-list .about-info.theme2 {
    padding-left: 0;
    margin-top: 0
}

.about-info-list .about-info.theme2 li {
    width: 100%;
    display: block;
    clear: both
}

.why-choose-box-layout1 {
    margin-bottom: 30px
}

.why-choose-box-layout1 .service-list {
    padding-left: 0
}

.why-choose-box-layout1 .service-list li {
    font-size: 17px;
    font-weight: 500;
    color: #d21c1d;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    list-style: none
}

.why-choose-box-layout1 .service-list li:last-child {
    margin-bottom: 0
}

.why-choose-box-layout1 .service-list li a {
    color: #d21c1d
}

.why-choose-box-layout1 .service-list li a:hover {
    color: #ee212b
}

.why-choose-box-layout1 .service-list li i {
    position: absolute;
    top: 7px;
    left: 0;
    color: #ee212b
}

.why-choose-box-layout1 .item-img {
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.why-choose-box-layout1 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    transition: transform 3s cubic-bezier(.2, .96, .34, 1)
}

.why-choose-box-layout1 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(.8);
    transition: all 0.3s ease-out
}

.why-choose-box-layout1 .item-content .item-title {
    position: relative;
    font-weight: 700
}

.why-choose-box-layout1 .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.why-choose-box-layout1 .item-content .item-title a:hover {
    color: #ee212b
}

.why-choose-box-layout1 .item-content .title-style {
    position: relative;
    height: 4px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 4px
}

.why-choose-box-layout1 .item-content .title-style:after {
    content: "";
    height: 4px;
    border-radius: 4px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.why-choose-box-layout1:hover .item-img img {
    transform: scale(1.1)
}

.why-choose-box-layout1:hover .item-img:after {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.choose-box-layout2 .item-content {
    background-color: #fff;
    border-radius: 4px;
    padding: 55px 40px 48px 40px;
    text-align: center;
    transform: scale(1);
    transition: all 0.3s ease-in-out
}

@media only screen and (max-width:1199px) {
    .choose-box-layout2 .item-content {
        padding: 20px
    }
}

@media only screen and (max-width:991px) {
    .choose-box-layout2 .item-content {
        padding: 55px 40px 48px 40px
    }
}

.choose-box-layout2 .item-content:hover {
    transform: scale(1.05)
}

.choose-box-layout2 .item-content:hover .item-title {
    color: #ee212b
}

.choose-box-layout2 .item-content .item-img {
    margin-bottom: 16px
}

.choose-box-layout2 .item-content .item-img i:before {
    color: #ee212b;
    font-size: 60px
}

.choose-box-layout2 .item-content .item-title {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out
}

.choose-box-layout2 .item-content p {
    margin-bottom: 0;
    line-height: 26px
}

.choose-box-layout2.left .item-content {
    text-align: left
}

.choose-box-layout2.center .item-content {
    text-align: center
}

.choose-box-layout2.right .item-content {
    text-align: right
}

.why-choose-box-layout8 .item-img {
    display: inline-block;
    margin-bottom: 15px
}

.feature-box1 {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 3px 21px 0 rgba(0, 0, 0, .09);
    text-align: center;
    padding: 40px 40px 25px 40px;
    position: relative;
    transition: all 0.3s ease-out
}

.feature-box1:before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #e8e8e8;
    position: absolute;
    bottom: 82px;
    right: 0;
    left: 0;
    margin: auto
}

.feature-box1:after {
    content: "";
    height: 4px;
    width: 86px;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
    margin: auto
}

.feature-box1:hover:after {
    width: 100% !important;
    left: 0
}

.feature-box1:hover .item-icon {
    background-color: #ee212b;
    box-shadow: 0 21px 32px 0 rgba(238, 33, 43, .33)
}

.feature-box1:hover .item-icon .glyph-icon:before {
    color: #fff
}

.feature-box1:hover .feature-button .item-btn {
    color: #000
}

.feature-box1:hover .feature-button .item-btn i {
    color: #ee212b
}

.feature-box1 .item-icon {
    margin-bottom: 25px;
    line-height: 90px;
    z-index: 5;
    height: 90px;
    width: 90px;
    background-color: #efefef;
    border: none;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center
}

.feature-box1 .item-icon i:before {
    color: #ee212b;
    transition: all 0.3s ease-in-out
}

.feature-box1:hover .item-icon i:before {
    color: #fff
}

.feature-box1 .item-icon .glyph-icon:before {
    font-size: 45px;
    color: #ee212b;
    transition: all 0.3s ease-out
}

.feature-box1 .item-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 12px
}

.feature-box1 .item-title a {
    color: #000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.feature-box1 p {
    color: #646464;
    transition: all 0.3s ease-in-out;
    line-height: 26px;
    padding-bottom: 30px
}

.feature-box1 .feature-button .item-btn {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
    color: #646464;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out
}

.feature-box1 .feature-button i {
    font-size: 18px;
    color: #d5d5d5;
    margin-left: 7px;
    transition: all 0.3s ease-in-out
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon {
    border-radius: 50%;
    min-height: 36px;
    min-width: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fde3e3;
    color: #ee212b
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon {
    background-color: #ee212b;
    color: #fff
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon i {
    line-height: 1.5
}

.contact-box-layout2.faq .contact-form {
    padding: 42px 40px 15px
}

.process-list .title-style {
    position: relative;
    height: 4px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px;
    width: 50px
}

.process-list .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.video-wrapper-inner {
    position: relative;
    min-height: 120px
}

@media only screen and (min-width:768px) {
    .video-wrapper-inner {
        min-height: 140px
    }
}

@media only screen and (min-width:1168px) {
    .video-wrapper-inner {
        min-height: 160px
    }
}

@media only screen and (min-width:1379px) {
    .video-wrapper-inner {
        min-height: 180px
    }
}

.video-wrapper-inner .popup-video {
    z-index: 2;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 300ms linear;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px
}

.lt-ie8 .video-wrapper-inner .popup-video {
    display: inline;
    zoom: 1
}

@media only screen and (min-width:768px) {
    .video-wrapper-inner .popup-video {
        font-size: 20px;
        width: 60px;
        height: 60px;
        line-height: 60px
    }
}

@media only screen and (min-width:1168px) {
    .video-wrapper-inner .popup-video {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 22px
    }
}

@media only screen and (min-width:1379px) {
    .video-wrapper-inner .popup-video {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

.video-wrapper-inner .popup-video i:before {
    margin: 0;
    font-size: 14px
}

@media only screen and (min-width:768px) {
    .video-wrapper-inner .popup-video i:before {
        font-size: 18px
    }
}

@media only screen and (min-width:1168px) {
    .video-wrapper-inner .popup-video i:before {
        font-size: 24px
    }
}

.video-wrapper-inner .popup-video .player-wave {
    padding: 0;
    z-index: -1;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:768px) {
    .video-wrapper-inner .popup-video .player-wave {
        width: 140px;
        height: 140px
    }
}

@media only screen and (min-width:1168px) {
    .video-wrapper-inner .popup-video .player-wave {
        width: 160px;
        height: 160px
    }
}

@media only screen and (min-width:1379px) {
    .video-wrapper-inner .popup-video .player-wave {
        width: 180px;
        height: 180px
    }
}

.video-wrapper-inner .popup-video .player-wave .waves {
    background: #ee212b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: .6;
    filter: alpha(opacity=60);
    opacity: 0;
    filter: alpha(opacity=0);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: 3s ease-in-out 0s normal none infinite running waves
}

@media only screen and (min-width:768px) {
    .video-wrapper-inner .popup-video .player-wave .waves {
        width: 100px;
        height: 100px
    }
}

@media only screen and (min-width:1168px) {
    .video-wrapper-inner .popup-video .player-wave .waves {
        width: 120px;
        height: 120px
    }
}

@media only screen and (min-width:1379px) {
    .video-wrapper-inner .popup-video .player-wave .waves {
        width: 140px;
        height: 140px
    }
}

.video-wrapper-inner .popup-video .player-wave .wave-1 {
    animation-delay: 0s
}

.video-wrapper-inner .popup-video .player-wave .wave-2 {
    animation-delay: 1s
}

.video-wrapper-inner .popup-video .player-wave .wave-3 {
    animation-delay: 2s
}

@keyframes waves {
    0% {
        transform: scale(.2, .2);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    50% {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    100% {
        transform: scale(.9, .9);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

.line-hover a {
    position: relative;
    display: inline;
    background: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0 2px;
    background-position: 0 95%;
    transition: background-size 0.25s cubic-bezier(.785, .135, .15, .86) 0s;
    padding: .1% 0;
    background-repeat: no-repeat;
    color: inherit;
    line-height: 1.5
}

.roofix-portfolio-animation-title {
    white-space: nowrap;
    background: #ee212b;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 15px;
    color: #fff;
    position: fixed;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    line-height: 1.5;
    border-radius: 4px
}

.roofix-portfolio-animation-title.visible {
    opacity: 1;
    visibility: visible
}

.roofix-portfolio-animation-title .work-cat {
    position: absolute;
    background: #d21c1d;
    color: #fff;
    top: 100%;
    left: 0;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px 15px
}

.about-wrap-layout2 {
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: calc((100% - 1200px) / 2);
    padding-right: 280px;
    background-image: url(../../../../../../../../themes/roofix/assets/img/about/shape.png);
    background-repeat: no-repeat;
    background-position: center right 100px
}

.about-box-layout1-new {
    padding-right: 20px
}

.about-box-layout1-new .item-img {
    position: relative;
    z-index: 2
}

.about-box-layout1-new .item-img:before {
    content: "";
    position: absolute;
    left: 22px;
    bottom: -10px;
    z-index: 0;
    -webkit-clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    height: 90%;
    width: 99.2%;
    background: #f8f8f8
}

.about-box-layout1-new .item-img:after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: -13px;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    height: 92%;
    width: 100%;
    background: #ee212b
}

.about-box-layout1-new .item-img img {
    -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%)
}

.about-box-layout2 {
    padding-left: 55px
}

@media only screen and (max-width:767px) {
    .about-box-layout2 {
        padding-left: 0
    }
}

.about-box-layout2 .heading-layout1 {
    text-align: left
}

.about-box-layout2 .item-award {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-box-layout3 .heading-layout1 {
    text-align: left
}

.about-box-layout3 .heading-layout1 strong {
    font-size: 18px;
    color: #393738;
    margin: 18px 0;
    display: block
}

.about-box-layout3 .item-award {
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.about-box-layout3 .item-award .item-img {
    margin-right: 40px
}

.about-box-layout3 .item-award .item-img:last-child {
    margin-right: 0
}

@media only screen and (min-width:1024px) {
    .about-box-layout4-new {
        text-align: center
    }
}

.about-box-layout4-new .item-img {
    text-align: right;
    position: relative
}

@media only screen and (min-width:1024px) {
    .about-box-layout4-new .item-img {
        text-align: right;
        position: relative;
        display: inline-block;
        margin: auto
    }
}

.about-box-layout4-new .item-img img {
    -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%)
}

.about-box-layout4-new .item-img .item-experience {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #d21c1d;
    text-align: center;
    padding: 35px 40px;
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    z-index: 2
}

@media only screen and (min-width:479px) {
    .about-box-layout4-new .item-img .item-experience {
        padding: 15px 35px
    }
}

.about-box-layout4-new .item-img .item-experience .item-years {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px
}

@media only screen and (min-width:479px) {
    .about-box-layout4-new .item-img .item-experience .item-years {
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 0
    }
}

.about-box-layout4-new .item-img .item-experience .item-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.about-box-layout4-new .item-img .item-experience .item-title span {
    display: block;
    font-weight: 600;
    font-size: 18px
}

.about-box-layout7-new .item-img {
    position: relative
}

.about-box-layout7-new .item-img img {
    position: relative;
    z-index: 3
}

.about-box-layout7-new .item-img:after {
    content: "";
    height: 171px;
    width: 171px;
    background-color: #ee212b;
    position: absolute;
    top: -33px;
    left: -33px;
    z-index: 2
}

.about-box-layout7-new .item-img .item-experience {
    position: absolute;
    bottom: -40px;
    right: 0;
    background-color: #fff;
    padding: 35px 30px;
    z-index: 4;
    box-shadow: 0 5px 24px 0 rgba(217, 217, 217, .4);
    border-radius: 6px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .about-box-layout7-new .item-img .item-experience {
        left: 44%
    }
}

@media only screen and (max-width:566px) {
    .about-box-layout7-new .item-img .item-experience {
        position: relative;
        bottom: 0;
        left: 0
    }
}

@media only screen and (max-width:479px) {
    .about-box-layout7-new .item-img .item-experience {
        padding: 30px 15px
    }
}

.about-box-layout7-new .item-img .item-experience .item-years {
    font-size: 36px;
    color: #fff;
    margin-bottom: 12px;
    border: 8px solid #ee212b;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    text-align: center;
    line-height: 3;
    font-weight: 700
}

@media only screen and (max-width:479px) {
    .about-box-layout7-new .item-img .item-experience .item-years {
        font-size: 36px;
        color: #393738;
        margin-bottom: 0
    }
}

.about-box-layout7-new .item-img .item-experience .item-title {
    margin-left: 20px
}

.about-box-layout7-new .item-img .item-experience .item-title h4 {
    margin-bottom: 5px
}

.about-box-layout7-new .item-img .item-experience .item-title p {
    display: block;
    font-size: 18px;
    margin-bottom: 0
}

.action-box-layout1.btn-right-clip {
    background-color: #ee212b;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    padding: 18px 12px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

.action-box-layout1.btn-right-clip:hover {
    background-color: #fff;
    color: #393738;
    transition: all 0.3s ease-in-out
}

.action-box-layout1.btn-right-clip:hover .item-btn {
    color: #393738
}

@media only screen and (max-width:991px) {
    .mob-tab-center {
        text-align: center
    }
}

@media only screen and (max-width:991px) {
    .mob-tab-center .action-box-layout1.btn-right-clip {
        display: inline-block
    }
}

.action-box-layout1 .media {
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:768px) {
    .action-box-layout1 .media {
        display: block
    }
}

.action-box-layout1 .media .item-icon {
    margin-right: 30px;
    background-color: #fff;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    padding: 15px 25px;
    font-size: 30px;
    color: #393738
}

@media only screen and (max-width:768px) {
    .action-box-layout1 .media .item-icon {
        width: 100px;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 20px
    }
}

.action-box-layout1 .media .media-body {
    padding-left: 0
}

@media only screen and (max-width:768px) {
    .action-box-layout1 .media .media-body {
        margin: 0 15px
    }
}

.action-box-layout1 .media .media-body .item-title {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0
}

.action-box-layout1 .media .media-body p {
    color: #fff;
    margin-bottom: 0
}

.action-box-layout1 .item-btn {
    margin-top: 15px;
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    font-weight: 700;
    color: #fff;
    padding: 15px 25px;
    transition: all 0.3s ease-in-out
}

.action-box-layout1 .item-btn:hover {
    color: #393738
}

@media only screen and (max-width:767px) {
    .action-box-layout5 .item-content {
        text-align: center
    }
}

.action-box-layout5 .item-content .item-title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 28px
}

@media only screen and (max-width:991px) {
    .action-box-layout5 .item-content .item-title {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    .action-box-layout5 .item-content .item-title {
        font-size: 28px;
        line-height: 20px
    }
}

@media only screen and (max-width:575px) {
    .action-box-layout5 .item-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .action-box-layout5 .item-content .item-title {
        line-height: 28px
    }
}

.action-box-layout5 .item-content .item-number {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.action-box-layout5 .item-button {
    text-align: right
}

@media only screen and (max-width:767px) {
    .action-box-layout5 .item-button {
        text-align: center;
        margin-top: 20px
    }
}

.action-box-layout5 .item-button .item-btn {
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #fff;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 10px 45px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.action-box-layout5 .item-button .item-btn:hover {
    color: #ee212b
}

@media only screen and (max-width:991px) {
    .action-box-layout2-new {
        padding: 0 10px
    }
}

@media only screen and (max-width:479px) {
    .action-box-layout2-new {
        padding: 0 5px
    }
}

.action-box-layout2-new .item-title {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .action-box-layout2-new .item-title {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .action-box-layout2-new .item-title {
        font-size: 30px;
        line-height: 1.5
    }
}

.action-box-layout2-new .media {
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:479px) {
    .action-box-layout2-new .media {
        display: block;
        text-align: center
    }
}

.action-box-layout2-new .media .item-icon {
    text-align: center;
    margin-right: 20px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    transition: all 0.3s ease-out
}

@media only screen and (max-width:479px) {
    .action-box-layout2-new .media .item-icon {
        margin: auto
    }
}

.action-box-layout2-new .media .item-icon i {
    color: #393738;
    background: #fff;
    padding: 9px;
    border-radius: 50%
}

.action-box-layout2-new .media .media-body {
    padding-left: 0;
    margin-left: 0
}

@media only screen and (max-width:479px) {
    .action-box-layout2-new .media .media-body {
        padding-top: 24px
    }
}

.action-box-layout2-new .media .media-body .item-sub-title {
    color: #fff
}

.process-box-layout1 {
    margin-bottom: 30px;
    text-align: center
}

.process-box-layout1 .item-icon {
    height: 140px;
    width: 140px;
    line-height: 140px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 25px;
    transition: all 0.3s ease-in-out
}

.process-box-layout1 .item-icon i:before {
    font-size: 60px;
    color: #ee212b;
    transition: all 0.3s ease-in-out
}

.process-box-layout1 .item-title {
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px
}

.process-box-layout1 .item-subtitle {
    color: #e4e4e4;
    font-weight: 500
}

.process-box-layout1 .rt-content {
    margin-top: 10px;
    color: #fff
}

.process-box-layout1:hover .item-icon {
    background-color: #ee212b
}

.process-box-layout1:hover .item-icon i:before {
    color: #fff
}

.process-box-layout1 .right-side-dot {
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 23%;
    right: -7px
}

@media only screen and (max-width:991px) {
    .process-box-layout1 .right-side-dot {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .process-box-layout1 .right-side-dot {
        display: none
    }
}

.process-box-layout1 .right-side-dot:before {
    content: "";
    height: 14px;
    width: 14px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -32px;
    transform: translateY(-50%)
}

@media only screen and (max-width:991px) {
    .process-box-layout1 .right-side-dot:before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .process-box-layout1 .right-side-dot:before {
        display: none
    }
}

.process-box-layout1 .right-side-dot:after {
    content: "";
    height: 14px;
    width: 14px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -32px;
    transform: translateY(-50%)
}

@media only screen and (max-width:479px) {
    .process-box-layout1 .right-side-dot:after {
        display: none
    }
}

@media only screen and (max-width:400px) {
    .process-box-layout1 .right-side-dot:after {
        display: none
    }
}

.process-box-layout1new {
    margin-bottom: 30px;
    text-align: center;
    background-color: #ee212b;
    border-top: 5px solid #ee212b;
    padding: 50px;
    border-radius: 12px;
    transition: all 0.5s;
    top: 0;
    position: relative;
    box-shadow: 0 5px 24px 0 rgba(217, 217, 217, .2)
}

@media only screen and (max-width:1024px) {
    .process-box-layout1new {
        margin-bottom: 0
    }
}

.process-box-layout1new:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    z-index: 2;
    background-color: #fff;
    border-radius: 12px;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.process-box-layout1new .process-box-holder {
    position: relative;
    z-index: 5
}

.process-box-layout1new .item-icon {
    text-align: center;
    margin: 0 auto 25px;
    transition: all 0.3s ease-in-out
}

.process-box-layout1new .item-icon i:before {
    font-size: 60px;
    color: #fff;
    transition: all 0.3s ease-in-out
}

.process-box-layout1new .item-title {
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    font-size: 72px;
    position: relative;
    line-height: 60px;
    transition: all 0.3s ease-in-out
}

.process-box-layout1new .item-title span {
    position: absolute;
    top: 0;
    font-size: 25px;
    line-height: 1;
    right: 4px
}

.process-box-layout1new .item-subtitle {
    color: #e4e4e4;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out
}

.process-box-layout1new .rt-content {
    margin-top: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out
}

.process-box-layout1new:hover {
    transition: all 0.5s;
    border-top: 5px solid #ee212b;
    background: #fff;
    top: -10px
}

.process-box-layout1new:hover:after {
    height: 100%;
    left: 0;
    opacity: 1;
    visibility: visible
}

.process-box-layout1new:hover .item-icon i:before {
    color: #ee212b
}

.process-box-layout1new:hover .item-title {
    color: #393738
}

.process-box-layout1new:hover .item-subtitle {
    color: #707173
}

@keyframes switching {
    from {
        transform: scale(1);
        background-color: rgba(255, 255, 255, .5)
    }

    to {
        transform: scale(1.5);
        background-color: #fff
    }
}

.testimonial-box-layout1-new {
    text-align: center;
    padding: 0 40px
}

.testimonial-box-layout1-new .slide-content {
    margin-top: 50px;
    position: relative;
    z-index: 2
}

.testimonial-box-layout1-new .slide-content:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/quote.png);
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    z-index: -1
}

.testimonial-box-layout1-new .slide-content:focus {
    outline: none
}

.testimonial-box-layout1-new .slide-content .item-paragraph {
    line-height: 1.7;
    font-size: 18px;
    font-style: italic;
    line-height: 36px;
    margin-bottom: 10px;
    color: #b3b4db
}

.testimonial-box-layout1-new .slide-content .item-title {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px
}

.testimonial-box-layout1-new .slide-content .item-subtitle {
    color: #fff;
    margin-bottom: 5px
}

.testimonial-box-layout1-new .slide-content .item-rating {
    margin-bottom: 15px;
    padding: 0
}

.testimonial-box-layout1-new .slide-content .item-rating li.has-rating {
    color: #ff9800
}

.testimonial-box-layout1-new .slide-content .item-rating li {
    display: inline-block
}

.testimonial-box-layout1-new .testimonial-nav {
    width: 65%;
    margin: 0 auto
}

.testimonial-box-layout1-new .testimonial-nav .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.testimonial-box-layout1-new .testimonial-nav .nav-item {
    cursor: pointer;
    margin: 20px 0;
    transition: all 0.3s ease-in-out
}

.testimonial-box-layout1-new .testimonial-nav .nav-item:focus {
    outline: none
}

.testimonial-box-layout1-new .testimonial-nav .nav-item img {
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .75);
    border: 3px solid #fff;
    display: inline-block;
    border-radius: 50%;
    opacity: .4;
    transform: scale(1);
    transition: all 0.3s ease-in-out
}

.testimonial-box-layout1-new .testimonial-nav .slick-slide.slick-current.slick-center.nav-item img {
    transform: scale(1.05);
    opacity: 1
}

.benefit-box-layout1 .item-content {
    position: relative;
    margin-bottom: 60px
}

.benefit-box-layout1 .item-content:last-child {
    margin-bottom: 0
}

.benefit-box-layout1 .item-content .item-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.benefit-box-layout1 .item-content p {
    color: #fff
}

.benefit-box-layout1 .line-1:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/shape10.png);
    position: absolute;
    top: 0;
    right: -48%;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .benefit-box-layout1 .line-1:after {
        top: -12px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .benefit-box-layout1 .line-1:after {
        display: none
    }
}

.benefit-box-layout1 .line-2:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/shape9.png);
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .benefit-box-layout1 .line-2:after {
        top: -12px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .benefit-box-layout1 .line-2:after {
        display: none
    }
}

.benefit-box-layout1 .line-3:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/shape11.png);
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .benefit-box-layout1 .line-3:after {
        top: -12px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .benefit-box-layout1 .line-3:after {
        display: none
    }
}

.benefit-box-layout1 .line-4:after {
    content: url(../../../../../../../../themes/roofix/assets/img/figure/shape12.png);
    position: absolute;
    top: 0;
    left: -54%;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .benefit-box-layout1 .line-4:after {
        top: -12px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .benefit-box-layout1 .line-4:after {
        display: none
    }
}

.single-team-box-layout1 .item-content .item-title {
    margin-bottom: 4px;
    font-size: 30px
}

.testomonial-sec-wrapper {
    position: relative
}

.testomonial-sec-wrapper .quote-shape {
    position: relative;
    padding-bottom: 54px;
    margin-bottom: 50px
}

.testomonial-sec-wrapper .quote-shape:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 100px;
    margin-left: -50px;
    background: #fff;
    opacity: .4;
    background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, #f9a392 25%, #f9a392 75%, rgba(255, 255, 255, 0) 100%)
}

.testomonial-sec-wrapper .quote-shape span {
    font-size: 68px;
    color: #f9a392;
    position: relative;
    line-height: 1;
    display: inline-block;
    transform: scale(1);
    animation-name: BipingScaling;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.testomonial-sec-wrapper .quote-shape span:after {
    content: "";
    position: absolute;
    background-color: #f9a392;
    width: 75px;
    height: 75px;
    left: 15px;
    top: -20px;
    z-index: -1;
    border-radius: 50%;
    opacity: .3
}

.testomonial-sec-wrapper .testomonial-author-name {
    padding-top: 20px;
    position: relative;
    padding-bottom: 13px
}

.testomonial-sec-wrapper .testomonial-author-name span {
    font-weight: 700;
    color: #f9a392;
    text-transform: capitalize
}

.testomonial-sec-wrapper .testomonial-author-name .name {
    font-size: 24px
}

.testomonial-sec-wrapper .testomonial-slider-wrapper {
    padding: 0 60px;
    position: relative;
    z-index: 2
}

.testomonial-sec-wrapper .testomonial-slider-wrapper .single-testomonial .title {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 17px
}

.testomonial-sec-wrapper .testomonial-slider-wrapper .single-testomonial .text {
    font-size: 20px;
    line-height: 32px
}

.testomonial-sec-wrapper .bottom-shape {
    width: calc(-80%);
    height: 2px;
    background-color: #f7f7f7;
    margin: 0 auto;
    margin-bottom: 35px;
    margin-top: 12px;
    position: relative
}

.testomonial-sec-wrapper .bottom-shape:after,
.testomonial-sec-wrapper .bottom-shape:before {
    content: "";
    position: absolute;
    width: 80px;
    top: 0;
    height: 2px;
    background-color: #f9a392;
    left: 50%;
    margin-left: -40px
}

.testomonial-sec-wrapper .bottom-shape:after {
    border-bottom: 2px solid #f9a392;
    border-left: 2px solid #f9a392;
    width: 20px;
    height: 20px;
    margin-left: -12px;
    background-color: #fff;
    margin-top: -9px;
    transform: rotate(-45deg)
}

.testomonial-sec-wrapper .testomonial-slider-nav {
    padding: 0 10px;
    z-index: 2;
    position: relative
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav {
    position: relative;
    overflow: visible
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav .testomonial-author {
    margin: 0 auto;
    background-color: #fff;
    margin-top: 2px;
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transform: scale(.8)
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav .testomonial-author img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav .testomonial-author-name {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
    width: 18rem;
    left: 50%;
    z-index: 1;
    transition: all ease 0.4s;
    transform: translateX(-50%)
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav.slick-current .testomonial-author {
    margin-top: 0;
    box-shadow: 0 10px 19px -5px #f9a392;
    padding: 5px;
    transform: scale(1)
}

.testomonial-sec-wrapper .testomonial-slider-nav .single-testomonial-nav.slick-current .testomonial-author-name {
    opacity: 1;
    visibility: visible;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: cfadeIn;
    animation-delay: 0.5s
}

.testomonial-sec-wrapper .testomonial-slider-nav2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    z-index: 0
}

.testomonial-sec-wrapper .testomonial-slider-nav2>div {
    width: 100% !important;
    height: 100% !important
}

.testomonial-sec-wrapper .testomonial-slider-nav2>div>div {
    width: 100% !important;
    height: 100% !important;
    transform: translate3d(0, 0, 0) !important
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 110px;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    animation-name: srBgIcon2;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(odd) {
    animation-name: srBgIcon;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(1) {
    top: 140px;
    left: 11%
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(2) {
    width: 80px;
    height: 80px;
    top: auto;
    bottom: 120px;
    left: 17%
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(3) {
    width: 100px;
    height: 100px;
    left: auto;
    right: 22%;
    top: 50px
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(4) {
    width: 80px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    left: auto;
    right: 15%
}

.testomonial-sec-wrapper .testomonial-slider-nav2 .single-nav:nth-child(5) {
    width: 100px;
    height: 100px;
    top: auto;
    bottom: 65px;
    left: auto;
    right: 4%
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots li {
    display: inline-block;
    margin-right: 15px
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots {
    background-color: transparent;
    display: inline-block;
    position: absolute;
    bottom: -60px;
    left: 50%;
    line-height: 1;
    transform: translateX(-50%)
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots li {
    display: inline-block;
    margin-right: 15px;
    line-height: 0;
    box-shadow: 0 0 24px -5px #f9a392
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots li:last-child {
    margin-right: 0
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots li button {
    border: none;
    font-size: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #f9a392;
    border: 5px solid #fff;
    position: relative;
    border-radius: 50%
}

.testomonial-sec-wrapper .testomonial-slider-nav3-active ul.slick-dots li.slick-active button {
    box-shadow: 0 0 0 5px #f9a392
}

.testomonial-sec-wrapper.v2 .quote-shape:before {
    background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    height: 2px
}

.testomonial-sec-wrapper.v2 .quote-shape span {
    color: #fff
}

.testomonial-sec-wrapper.v2 .quote-shape span:after {
    background-color: #f9a392;
    opacity: 1
}

.testomonial-sec-wrapper.v2 .bottom-shape {
    background-color: transparent
}

.testomonial-sec-wrapper.v2 .bottom-shape:after {
    border-color: #fff;
    background-color: transparent
}

.testomonial-sec-wrapper.v2 .bottom-shape:before {
    display: none
}

.testomonial-sec-wrapper.v2 .bottom-shape span:before,
.testomonial-sec-wrapper.v2 .bottom-shape span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: calc(40%);
    height: 2px;
    right: 0;
    top: 0
}

.testomonial-sec-wrapper.v2 .bottom-shape span:after {
    right: auto;
    left: 0;
    width: calc(calc(37%))
}

.testomonial-sec-wrapper.v2 .testomonial-slider-wrapper .single-testomonial .title,
.testomonial-sec-wrapper.v2 .testomonial-slider-wrapper .single-testomonial .text {
    color: #fff
}

.testomonial-sec-wrapper.v2 .testomonial-slider-nav .single-testomonial-nav .testomonial-author-name .name,
.testomonial-sec-wrapper.v2 .testomonial-slider-nav .single-testomonial-nav .testomonial-author-name span {
    color: #fff
}

.testomonial-sec-wrapper.v2 .testomonial-slider-nav .single-testomonial-nav .testomonial-author-name .name a:hover,
.testomonial-sec-wrapper.v2 .testomonial-slider-nav .single-testomonial-nav .testomonial-author-name span a:hover {
    color: inherit
}

.testomonial-sec-wrapper.v3 {
    position: relative
}

.testomonial-sec-wrapper.v3 .bottom-shape {
    margin-bottom: 20px;
    background-color: transparent
}

.testomonial-sec-wrapper.v3 .bottom-shape:after {
    border-color: #f9a392;
    background-color: transparent
}

.testomonial-sec-wrapper.v3 .bottom-shape:before {
    display: none
}

.testomonial-sec-wrapper.v3 .bottom-shape span:before,
.testomonial-sec-wrapper.v3 .bottom-shape span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: calc(40%);
    height: 2px;
    right: 0;
    top: 0
}

.testomonial-sec-wrapper.v3 .bottom-shape span:after {
    right: auto;
    left: 0;
    width: calc(calc(37%))
}

.testomonial-sec-wrapper.v3 .bottom-shape span.shape-2:before {
    background-color: #f9a392;
    width: 30px;
    right: calc(10%)
}

.testomonial-sec-wrapper.v3 .bottom-shape span.shape-2:after {
    background-color: #f9a392;
    width: 30px;
    left: calc(5%)
}

.testomonial-sec-wrapper.v3 .quote-shape {
    padding-bottom: 42px;
    margin-bottom: 40px
}

.testomonial-sec-wrapper.v3 .quote-shape:before {
    height: 2px;
    opacity: 1
}

.testomonial-sec-wrapper.v3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    z-index: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.testomonial-sec-wrapper.v3 .testomonial-slider-nav {
    max-width: 240px;
    margin: 0 auto
}

.testomonial-sec-wrapper.v3 .testomonial-slider-nav .single-testomonial-nav {
    padding: 50px 0
}

.testomonial-sec-wrapper.v3 .testomonial-slider-nav .single-testomonial-nav .testomonial-author {
    transform: scale(.71);
    margin: 0 5px;
    z-index: 1;
    position: relative;
    box-shadow: 0 10px 20px -11px #f9a392
}

.testomonial-sec-wrapper.v3 .testomonial-slider-nav .single-testomonial-nav.slick-current .testomonial-author {
    transform: scale(1.71);
    position: relative;
    z-index: 2
}

.inner-testomonial {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 75px 90px;
    margin-top: 75px
}

.inner-testomonial .single-testomonial {
    padding: 0 10px
}

.inner-testomonial .single-testomonial .img {
    width: 140px;
    margin-right: 50px
}

.inner-testomonial .single-testomonial .content {
    width: calc(-90%)
}

.inner-testomonial .single-testomonial .content h2.title {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-size: 34px
}

.inner-testomonial .single-testomonial .content .text {
    font-size: 24px;
    line-height: 36px !important;
    color: #fff;
    margin-bottom: 20px
}

.inner-testomonial .single-testomonial .content span {
    font-size: 16px;
    color: #f9a392;
    display: inline-block;
    margin-left: 10px;
    font-weight: 700
}

@keyframes scaling {
    0% {
        transform: scale(.7)
    }

    90% {
        transform: scale(1.9)
    }

    100% {
        opacity: 0
    }
}

@keyframes cfadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes comeRight {
    0% {
        opacity: 0;
        right: -10%
    }

    50% {
        opacity: .8
    }

    100% {
        right: 200px;
        opacity: 1
    }
}

@keyframes czoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes clightSpeedIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) skewX(-20deg)
    }

    60% {
        transform: skewX(10deg);
        opacity: .5
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes cslideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes crotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes cfadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flowerShape {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(50px, 0)
    }

    50% {
        transform: translate(50px, 100px)
    }

    75% {
        transform: translate(0, 100px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes flowerShape2 {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(-50px, 0)
    }

    50% {
        transform: translate(-50px, -100px)
    }

    75% {
        transform: translate(0, -100px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes BipingScaling {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes shapeAnimaiton {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(-20px, 0)
    }

    50% {
        transform: translate(-20px, -20px)
    }

    75% {
        transform: translate(0, -20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes shapeAnimaiton2 {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(20px, 0)
    }

    50% {
        transform: translate(20px, 20px)
    }

    75% {
        transform: translate(0, 20px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes abShape {
    0% {
        right: 21%
    }

    50% {
        right: 17%
    }

    100% {
        right: 21%
    }
}

@keyframes srBgIcon {
    0% {
        transform: translate(0, 0)
    }

    20% {
        transform: translate(-10px, 0)
    }

    50% {
        transform: translate(-10px, -10px)
    }

    70% {
        transform: translate(0, -10px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes srBgIcon2 {
    0% {
        transform: translate(0, 0)
    }

    20% {
        transform: translate(0, -10px)
    }

    50% {
        transform: translate(-10px, -10px)
    }

    70% {
        transform: translate(-10px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes fshape {
    0% {
        bottom: 60px
    }

    50% {
        bottom: 100px
    }

    100% {
        bottom: 60px
    }
}

@keyframes sectionTitleBg {
    0% {
        left: 50%
    }

    20% {
        left: 45%
    }

    40% {
        left: 50%
    }

    60% {
        left: 55%
    }

    80% {
        left: 50%
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes stickyAnimate {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.testimonial-box-layout8-new .slick-next,
.testimonial-box-layout8-new .slick-prev {
    transition: all 0.3s ease-out
}

@media only screen and (max-width:460px) {

    .testimonial-box-layout8-new .slick-next,
    .testimonial-box-layout8-new .slick-prev {
        display: none;
        opacity: 0
    }
}

@media only screen and (max-width:460px) {

    .testimonial-box-layout8-new:hover .slick-next,
    .testimonial-box-layout8-new:hover .slick-prev {
        display: block;
        opacity: 1
    }
}

.testimonial-box-layout8-new {
    position: relative;
    margin-left: 10px
}

.testimonial-box-layout8-new .nav-item {
    border-radius: 100%;
    position: relative;
    width: 90px;
    height: 90px;
    display: inherit
}

.testimonial-box-layout8-new .nav-item:after {
    content: "\f10d";
    position: absolute;
    left: 0;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: #ee212b;
    font-size: 14px;
    width: 31px;
    height: 31px;
    color: #fff;
    border-radius: 100%;
    bottom: -15px;
    text-align: center;
    left: 20px
}

.testimonial-box-layout8-new .nav-item img {
    border-radius: 100%;
    width: 100%;
    height: 100%
}

.testimonial-box-layout8-new .slick-next:before {
    content: ""
}

.testimonial-box-layout8-new .slick-prev:before {
    content: ""
}

.testimonial-box-layout8-new .slick-next {
    right: 0;
    position: absolute;
    top: inherit;
    bottom: 30.5%;
    cursor: pointer;
    left: inherit;
    width: 56px;
    height: 56px;
    z-index: 9
}

.testimonial-box-layout8-new .slick-next:after {
    content: "";
    height: 100px;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: -173px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout8-new .slick-next>span {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: block;
    margin-left: 0;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.testimonial-box-layout8-new .slick-next>span:after {
    content: "";
    height: 17px;
    width: 2px;
    position: absolute;
    left: 0;
    top: 44%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout8-new .slick-next>span i {
    color: #ee212b;
    font-size: 22px;
    margin-top: 20px;
    transition: all 0.3s ease-out
}

.testimonial-box-layout8-new .slick-next:hover>span {
    border: 1px solid #ee212b;
    background-color: #ee212b
}

.testimonial-box-layout8-new .slick-next:hover>span:after {
    background-color: #fff
}

.testimonial-box-layout8-new .slick-next:hover>span i {
    color: #fff
}

.testimonial-box-layout8-new .slick-prev {
    right: 0;
    position: absolute;
    cursor: pointer;
    top: 40%;
    left: inherit;
    width: 56px;
    height: 56px;
    z-index: 9
}

.testimonial-box-layout8-new .slick-prev:after {
    content: "";
    height: 100px;
    width: 1px;
    position: absolute;
    left: 0;
    top: -71px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout8-new .slick-prev>span {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: block;
    margin-left: 0;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.testimonial-box-layout8-new .slick-prev>span:after {
    content: "";
    height: 20px;
    width: 2px;
    position: absolute;
    left: 1px;
    bottom: 4px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout8-new .slick-prev>span i {
    color: #ee212b;
    font-size: 22px;
    margin-top: 13px;
    display: block;
    transition: all 0.3s ease-out
}

.testimonial-box-layout8-new .slick-prev:hover>span {
    border: 2px solid #ee212b;
    background-color: #ee212b
}

.testimonial-box-layout8-new .slick-prev:hover>span:after {
    background-color: #fff
}

.testimonial-box-layout8-new .slick-prev:hover>span i {
    color: #fff
}

.testimonial-box-layout8-new .slide-content-media {
    width: 86%;
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
    padding: 40px 30px;
    border-radius: 6px
}

@media only screen and (max-width:460px) {
    .testimonial-box-layout8-new .slide-content-media {
        width: 100%;
        padding: 30px 40px 30px 30px
    }
}

.testimonial-box-layout8-new .slide-content-media:focus {
    border: none !important
}

.testimonial-box-layout8-new .slide-content-media:hover {
    background-color: #fff
}

@media only screen and (max-width:460px) {
    .testimonial-box-layout8-new .slide-content-media .slide-content.media-body {
        margin-left: 0;
        margin-top: 30px
    }
}

.testimonial-box-layout8-new .slide-content-media .item-paragraph {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 18px;
    color: #393738
}

.testimonial-box-layout8-new .slide-content-media .media-body-footer {
    border-left: 3px solid #ee212b;
    padding-left: 15px;
    line-height: 24px
}

.testimonial-box-layout8-new .slide-content-media .media-body-footer .item-title {
    margin-bottom: 0;
    font-size: 18px;
    color: #393738;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 700
}

.testimonial-box-layout9-new {
    position: relative;
    padding-bottom: 60px
}

.testimonial-box-layout9-new .slick-slide {
    margin: 0 15px
}

.testimonial-box-layout9-new .slick-list {
    margin: 0 -15px
}

.testimonial-box-layout9-new .nav-item {
    border-radius: 50%;
    position: relative;
    max-width: 74px;
    height: 74px
}

@media only screen and (max-width:480px) {
    .testimonial-box-layout9-new .nav-item {
        margin-bottom: 32px
    }
}

.testimonial-box-layout9-new .nav-item:after {
    content: "\f10d";
    position: absolute;
    left: 0;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: #ee212b;
    font-size: 14px;
    width: 31px;
    height: 31px;
    color: #fff;
    border-radius: 100%;
    bottom: -15px;
    text-align: center;
    left: 20px
}

.testimonial-box-layout9-new .nav-item img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.testimonial-box-layout9-new .slick-next {
    position: absolute;
    right: 44%;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout9-new .slick-next {
        right: 31%
    }
}

@media only screen and (max-width:767px) {
    .testimonial-box-layout9-new .slick-next {
        right: 24%
    }
}

.testimonial-box-layout9-new .slick-next:before {
    content: "" !important
}

.testimonial-box-layout9-new .slick-next:after {
    content: "";
    height: 1px;
    width: 116px;
    position: absolute;
    bottom: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: -132px;
    margin: auto
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout9-new .slick-next:after {
        width: 60px;
        right: -77px
    }
}

.testimonial-box-layout9-new .slick-next>span {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    display: block;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.testimonial-box-layout9-new .slick-next>span:after {
    content: "";
    height: 1px;
    width: 20px;
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout9-new .slick-next>span i {
    color: #ee212b;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
    transition: all 0.3s ease-out
}

.testimonial-box-layout9-new .slick-next:hover>span {
    border: 2px solid #ee212b;
    background-color: #ee212b
}

.testimonial-box-layout9-new .slick-next:hover>span:after {
    background-color: #fff
}

.testimonial-box-layout9-new .slick-next:hover>span i {
    color: #fff
}

.testimonial-box-layout9-new .slick-prev {
    position: absolute;
    left: 42.8%;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout9-new .slick-prev {
        left: 31%
    }
}

@media only screen and (max-width:767px) {
    .testimonial-box-layout9-new .slick-prev {
        left: 24%
    }
}

.testimonial-box-layout9-new .slick-prev:before {
    content: "" !important
}

.testimonial-box-layout9-new .slick-prev:after {
    content: "";
    height: 1px;
    width: 116px;
    position: absolute;
    left: -220px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: -11px;
    margin: auto
}

@media only screen and (max-width:991px) {
    .testimonial-box-layout9-new .slick-prev:after {
        width: 60px;
        left: -140px
    }
}

.testimonial-box-layout9-new .slick-prev>span {
    width: 56px;
    height: 56px;
    z-index: 2;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    display: block;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.testimonial-box-layout9-new .slick-prev>span:after {
    content: "";
    height: 1px;
    width: 20px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #ee212b;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout9-new .slick-prev>span i {
    color: #ee212b;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
    transition: all 0.3s ease-out
}

.testimonial-box-layout9-new .slick-prev:hover>span {
    border: 1px solid #ee212b;
    background-color: #ee212b
}

.testimonial-box-layout9-new .slick-prev:hover>span:after {
    background-color: #fff
}

.testimonial-box-layout9-new .slick-prev:hover>span i {
    color: #fff
}

.testimonial-box-layout9-new .slick-next,
.testimonial-box-layout9-new .slick-prev {
    top: inherit;
    width: inherit;
    height: inherit;
    bottom: -100px
}

.testimonial-box-layout9-new .slide-content-media {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding: 40px 30px;
    margin-bottom: 30px;
    border-radius: 6px
}

@media only screen and (max-width:480px) {
    .testimonial-box-layout9-new .slide-content-media {
        display: block
    }
}

.testimonial-box-layout9-new .slide-content-media .item-paragraph {
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 18px;
    color: #707173;
    font-style: italic
}

@media only screen and (max-width:480px) {
    .testimonial-box-layout9-new .slide-content.media-body {
        padding-left: 0;
        margin-left: 0
    }
}

.testimonial-box-layout9-new .media-body-footer {
    border-left: 3px solid #ee212b;
    padding-left: 15px;
    line-height: 24px
}

.testimonial-box-layout9-new .media-body-footer .item-title {
    margin-bottom: 0;
    font-size: 20px;
    color: #393738;
    line-height: 1;
    margin-bottom: 5px
}

.testimonial-box-layout10 {
    margin-bottom: 50px;
    padding: 0 15px;
    margin-top: 30px
}

.testimonial-box-layout10 .item-img {
    margin-bottom: 25px;
    position: relative;
    z-index: 5
}

.testimonial-box-layout10 .item-img img {
    border-radius: 50%;
    height: 70px;
    width: 70px
}

.testimonial-box-layout10 .item-img:before {
    content: "";
    background: url(../../../../../../../../themes/roofix/assets/img/shape35.png);
    position: absolute;
    top: -30px;
    left: -5px;
    transform: rotate(10deg);
    z-index: -5
}

.testimonial-box-layout10 .item-img:after {
    content: "";
    background: url(../../../../../../../../themes/roofix/assets/img/shape36.png);
    position: absolute;
    top: 0;
    right: 160px;
    transform: rotate(130deg);
    z-index: -6
}

.testimonial-box-layout10 .item-img:before,
.testimonial-box-layout10 .item-img:after {
    border-radius: 50%;
    width: 70px;
    height: 70px
}

.testimonial-box-layout10 .item-icon {
    line-height: 1;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.testimonial-box-layout10 .item-icon i:before {
    color: #e6e6e6;
    font-size: 48px
}

.testimonial-box-layout10 .item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    position: relative;
    margin-left: 30px
}

.testimonial-box-layout10 .item-title:before {
    content: "";
    height: 3px;
    width: 21px;
    background-color: #ee212b;
    position: absolute;
    bottom: 12px;
    left: -30px
}

.testimonial-box-layout10 .sub-title {
    font-weight: 500;
    font-size: 14px;
    color: #646464;
    line-height: 28px;
    margin-bottom: 7px;
    margin-left: 30px;
    font-family: "Inter", sans-serif
}

.testimonial-box-layout10:hover .item-icon {
    -webkit-animation: icon_rotateY-1 0.5s forwards linear;
    animation: icon_rotateY-1 0.5s forwards linear
}

@keyframes icon_rotateY-1 {
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.testimonial-box-layout10.box-layout2 {
    background: #fff;
    margin-right: 0;
    padding: 60px 40px 45px 45px;
    border-radius: 4px;
    text-align: left;
    transition: 0.4s;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .12)
}

.testimonial10-wrap.swiper-container {
    position: inherit
}

.testimonial10-wrap .navigation {
    position: absolute;
    bottom: 100px;
    right: -119px
}

.testimonial10-wrap .rt-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #505050;
    border-radius: 4px;
    border: none;
    height: 50px;
    width: 48px;
    line-height: 4.2;
    transition: all 0.3s ease-out;
    z-index: 1;
    cursor: pointer;
    margin-right: 10px
}

.testimonial10-wrap .rt-arrow:hover {
    background-color: #ee212b
}

.testimonial10-wrap .rt-next.rt-arrow {
    left: 0
}

.testimonial10-wrap .rt-prev.rt-arrow {
    right: 0
}

.service-box-layout6media {
    background-image: url(../../../../../../../../themes/roofix/assets/img/years-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 15px;
    border-radius: 6px
}

.service-box-layout6media .item-icon {
    font-size: 60px;
    font-weight: 700;
    line-height: 1
}

.service-box-layout6media .media {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.service-box-layout6media .media-body {
    padding-left: 15px;
    margin-left: 0
}

.service-box-layout6media .media-body p {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.2;
    font-size: 20px
}

.service-box-layout7media {
    background-color: #ec0101;
    background-image: url(../../../../../../../../themes/roofix/assets/img/years-bg.png);
    color: #fff;
    padding: 30px 15px;
    border-radius: 6px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.service-box-layout7media .item-icon {
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px
}

.service-box-layout7media p {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.2;
    font-size: 20px
}

.button6 {
    color: #fff;
    transition: all 0.5s;
    border: 1px solid rgba(255, 255, 255, .5);
    position: relative
}

.button6 a {
    color: #333;
    text-decoration: none;
    display: block
}

.button6 span {
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}

.button6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255, 255, 255, .5);
    transition: all 0.4s;
    transform: scale(.5, 1)
}

.button6:hover::before {
    opacity: 1;
    transform: scale(1, 1)
}

.service-box-layout7-new {
    background-color: #fff;
    padding: 28px 30px 28px 34px;
    margin-bottom: 2px;
    transition: all 0.3s ease-out;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 6px;
    overflow: hidden
}

.service-box-layout7-new:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 3;
    transition: all 0.5s cubic-bezier(.3, .02, 0, .6)
}

.service-box-layout7-new:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(238, 33, 43);
    opacity: .8;
    left: 0;
    top: -100%;
    transition: all 0.5s cubic-bezier(.3, .02, 0, .6)
}

.service-box-layout7-new .box-layout7-content {
    position: relative;
    z-index: 9
}

.service-box-layout7-new .box-layout7-content p {
    line-height: 1.5;
    font-size: 17px
}

.service-box-layout7-new .item-icon {
    margin-bottom: 0;
    line-height: 1;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
    -ms-flex-align: center;
    align-items: center
}

.service-box-layout7-new .item-icon i {
    color: #b6b6b6;
    transition: all 0.3s ease-out;
    margin-top: 14px;
    display: block
}

.service-box-layout7-new .item-icon i:before {
    font-size: 54px;
    color: #b6b6b6
}

.service-box-layout7-new .item-icon li span {
    font-size: 30px;
    color: #b6b6b6
}

.service-box-layout7-new .item-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
    transition: all 0.5s ease-out
}

.service-box-layout7-new .item-title a {
    color: #393738;
    transition: all 0.5s ease-out
}

.service-box-layout7-new .item-title:after {
    content: "";
    height: 4px;
    width: 28px;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-out
}

.service-box-layout7-new .item-btn {
    font-size: 14px;
    font-weight: 700;
    color: #d21c1d;
    letter-spacing: 1px;
    transition: all 0.5s ease-out
}

.service-box-layout7-new .item-btn i {
    font-size: 16px;
    margin-left: 8px;
    color: #ee212b;
    transition: all 0.5s ease-out
}

.service-box-layout7-new:hover {
    box-shadow: 0 0 57px 0 rgba(0, 0, 0, .2);
    color: #fff
}

.service-box-layout7-new:hover:after {
    top: 100%
}

.service-box-layout7-new:hover:before {
    top: 0
}

.service-box-layout7-new:hover p {
    color: #fff
}

.service-box-layout7-new:hover .item-icon i:before {
    color: #fff
}

.service-box-layout7-new:hover .item-icon li span {
    color: #fff
}

.service-box-layout7-new:hover .item-title {
    color: #fff
}

.service-box-layout7-new:hover .item-title a {
    color: #fff
}

.service-box-layout7-new:hover .item-title:after {
    background-color: #fff
}

.service-box-layout7-new:hover .item-btn {
    color: #fff
}

.service-box-layout7-new:hover .item-btn:hover {
    color: #fff
}

.service-box-layout7-new:hover .item-btn:hover i {
    margin-left: 12px
}

.service-box-layout8 {
    padding: 55px 45px 45px 45px;
    margin-bottom: 30px;
    text-align: center;
    z-index: 5;
    transition: all 0.3s ease-in-out;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-size: cover;
    background-position: center center
}

.service-box-layout8:hover {
    border-radius: 6px
}

.service-box-layout8:hover:before {
    visibility: visible;
    opacity: 1;
    height: 100%
}

.service-box-layout8:hover:after {
    height: 0
}

.service-box-layout8:hover .item-icon {
    background-color: #fff
}

.service-box-layout8:hover .item-icon .glyph-icon i:before {
    color: #ee212b
}

.service-box-layout8:hover p {
    color: #fff
}

.service-box-layout8:after {
    content: "";
    height: 100%;
    width: 100%;
    background: #393939;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .95;
    z-index: -2;
    transition: all 0.3s ease-in-out;
    border-radius: 6px
}

.service-box-layout8:before {
    content: "";
    height: 0;
    width: 100%;
    background-color: rgba(244, 49, 39, .9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    z-index: -5;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    border-radius: 6px
}

.service-box-layout8 .item-icon {
    margin-bottom: 14px;
    z-index: 5;
    height: 80px;
    width: 80px;
    background-color: #ee212b;
    border: none;
    border-radius: 50%;
    display: inline-block;
    line-height: 80px;
    transition: all 0.3s ease-in-out
}

.service-box-layout8 .item-icon .glyph-icon i:before {
    font-size: 40px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.service-box-layout8 .item-title {
    font-size: 24px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 0
}

.service-box-layout8 .item-title a {
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.service-box-layout8 p {
    color: #bababa;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    line-height: 28px
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

.widget_roofix_service_navigation_sidebar ul.menu li {
    padding: 0;
    margin: 0 0 5px 0;
    border: none;
    padding-left: 0 !important;
    font-size: 18px
}

.widget_roofix_service_navigation_sidebar ul.menu li a {
    color: #393738;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 15px 20px 15px 26px;
    border-radius: 4px
}

.widget_roofix_service_navigation_sidebar ul.menu li a span {
    overflow: hidden;
    width: 26px;
    height: 26px;
    background: #aaa;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 12px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out
}

.widget_roofix_service_navigation_sidebar ul.menu li a span:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #fff;
    z-index: 2
}

.widget_roofix_service_navigation_sidebar ul.menu li a span i {
    transition: all 0.3s ease-out
}

.widget_roofix_service_navigation_sidebar ul.menu li a span i {
    color: #fff
}

.widget_roofix_service_navigation_sidebar ul.menu li a:hover {
    color: #ee212b
}

.widget_roofix_service_navigation_sidebar ul.menu li a:hover span {
    background: #ee212b
}

.widget_roofix_service_navigation_sidebar ul.menu li a:hover span i {
    margin-left: 5px
}

.rtin-insurance-tab .rtin-item {
    position: relative;
    margin-bottom: 30px
}

.rtin-insurance-tab .rtin-item .rtin-img {
    border-radius: 6px;
    overflow: hidden
}

.rtin-insurance-tab .rtin-item .rtin-img img {
    border-radius: 6px
}

.rtin-insurance-tab .rtin-item .rtin-content {
    background-color: #fff
}

.rtin-insurance-tab .rtin-item .rtin-content .rtin-text {
    position: relative;
    height: 100%;
    z-index: 0;
    padding: 25px 30px 30px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.rtin-insurance-tab .rtin-item .rtin-content .rtin-text:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.rtin-insurance-tab .rtin-item .rtin-content .rtin-title {
    display: block;
    position: relative;
    color: #393738;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    z-index: 2
}

.rtin-insurance-tab .rtin-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    overflow: hidden
}

.rtin-insurance-tab .rtin-item ul li {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: #707173;
    padding-left: 30px;
    position: relative;
    margin-bottom: 8px
}

.rtin-insurance-tab .rtin-item ul li:last-child {
    margin-bottom: 0
}

.rtin-insurance-tab .rtin-item ul li:after {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    color: #ee212b;
    position: absolute;
    top: 0;
    left: 0
}

.rtin-insurance-tab .rtin-item .insur-tab-more {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-top: 15px;
    padding: 20px 22px;
    background-color: #ee212b;
    line-height: 1.6;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .27)
}

.rtin-insurance-tab .rtin-item .insur-tab-more:hover {
    background-color: #00449e
}

.rtin-insurance-tab .rtin-item .insur-tab-more span {
    padding: 0 10px
}

.rtin-insurance-tab .rtin-item .insur-tab-more i {
    font-size: 20px
}

.rtin-insurance-tab .nav-tabs {
    border-bottom: none;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    position: relative;
    background-image: url(../../../../../../../../themes/roofix/assets/img/scl.png);
    background-repeat: repeat-x;
    background-position: bottom
}

.rtin-insurance-tab .nav-tabs:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #393738;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 46%;
    right: 0;
    transition: all 0.3s ease-in-out;
    z-index: 99
}

.rtin-insurance-tab .nav-tabs:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid #393738;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 46%;
    left: 0;
    transition: all 0.3s ease-in-out;
    z-index: 99
}

.rtin-insurance-tab .nav-tabs .nav-item {
    position: relative;
    z-index: 9;
    margin-bottom: 26px
}

.rtin-insurance-tab .nav-tabs .nav-item a {
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 4px;
    text-align: center;
    background-color: transparent;
    padding: 0 0 23px 0;
    position: relative;
    display: block;
    color: #707173;
    font-weight: 600
}

.rtin-insurance-tab .nav-tabs .nav-item a:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #797979;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    z-index: 3
}

.rtin-insurance-tab .nav-tabs .nav-item a:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #b7b7b7;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #fff
}

.rtin-insurance-tab .nav-tabs .nav-item span {
    display: block
}

.rtin-insurance-tab .nav-tabs .nav-item a i {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 50px;
    color: #ee212b;
    line-height: 1;
    transition: all 0.3s ease-in-out
}

.rtin-insurance-tab .nav-tabs .nav-item a i:before {
    font-size: 50px
}

.rtin-insurance-tab .nav-tabs .nav-item a:hover,
.rtin-insurance-tab .nav-tabs .nav-item a.active {
    color: #ee212b
}

.rtin-insurance-tab .nav-tabs .nav-item a:hover span,
.rtin-insurance-tab .nav-tabs .nav-item a.active span {
    color: #393738
}

.rtin-insurance-tab .nav-tabs .nav-item a:hover:before,
.rtin-insurance-tab .nav-tabs .nav-item a.active:before {
    background-color: #ee212b
}

.rtin-insurance-tab .nav-tabs .nav-item a:hover:after,
.rtin-insurance-tab .nav-tabs .nav-item a.active:after {
    border: 2px solid #ee212b
}

.rtin-insurance-tab .nav-tabs .nav-item a:hover i,
.rtin-insurance-tab .nav-tabs .nav-item a.active i {
    color: #fff
}

@media (max-width:1199px) {
    .rtin-insurance-tab .rtin-item .insur-tab-more {
        margin-top: 0
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text {
        padding-top: 20px
    }
}

@media (max-width:991px) {
    .rtin-insurance-tab .rtin-item .rtin-content {
        width: 100%;
        position: relative
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text p {
        width: 100%
    }

    .rtin-insurance-tab .rtin-item .insur-tab-more {
        margin-top: 0
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text {
        padding-top: 25px
    }

    .rtin-insurance-tab .rtin-item .rtin-img img {
        border-radius: 10px 10px 0 0
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text:before {
        border-radius: 0 0 10px 10px;
        -webkit-clip-path: none;
        clip-path: none
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text:after {
        display: none
    }

    .rtin-insurance-tab .nav-tabs {
        margin-right: -10px;
        margin-left: -10px
    }

    .rtin-insurance-tab .nav-tabs .nav-item {
        padding-right: 10px;
        padding-left: 10px
    }

    .rtin-insurance-tab .nav-tabs .nav-item a i:before {
        font-size: 40px
    }
}

@media (max-width:767px) {
    .rtin-insurance-tab .rtin-item .rtin-content .rtin-text {
        padding: 30px
    }

    .rtin-insurance-tab .rtin-item .rtin-content .rtin-title {
        font-size: 24px
    }
}

@media (max-width:575px) {
    .rtin-insurance-tab .nav-tabs {
        margin-right: -5px;
        margin-left: -5px
    }

    .rtin-insurance-tab .nav-tabs .nav-item {
        padding-right: 5px;
        padding-left: 5px
    }

    .rtin-insurance-tab .nav-tabs .nav-item a i:before {
        font-size: 30px
    }

    .rtin-insurance-tab .nav-tabs .nav-item a {
        padding-left: 8px;
        padding-right: 8px
    }

    .rtin-insurance-tab .rtin-item .insur-tab-more {
        font-size: 14px;
        padding: 18px 12px;
        letter-spacing: 0
    }
}

.rtin-insurance-tab .tab-content {
    background-color: #fff
}

.rtin-insurance-tab2 .rtin-item {
    position: relative;
    margin-bottom: 30px
}

.rtin-insurance-tab2 .rtin-item .rtin-img img {
    border-radius: 10px
}

.rtin-insurance-tab2 .rtin-item .rtin-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 42%;
    height: 100%;
    z-index: 2
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text {
    position: relative;
    height: 100%;
    z-index: 0;
    padding: 25px 30px 30px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text:after {
    position: absolute;
    top: 0;
    right: -80px;
    z-index: -2
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-title {
    display: block;
    position: relative;
    color: #393738;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 15px;
    line-height: 1.4;
    z-index: 2
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-title:after {
    content: "";
    height: 5px;
    width: 34px;
    background-color: #00449e;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 1px
}

.rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text p {
    width: 70%
}

.rtin-insurance-tab2 .rtin-item ul {
    margin: 25px 0 30px;
    padding: 0;
    list-style: none;
    clear: both;
    overflow: hidden
}

.rtin-insurance-tab2 .rtin-item ul li {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #393738;
    padding-left: 30px;
    position: relative;
    margin-bottom: 8px
}

.rtin-insurance-tab2 .rtin-item ul li:last-child {
    margin-bottom: 0
}

.rtin-insurance-tab2 .rtin-item ul li:after {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    color: #ee212b;
    position: absolute;
    top: 0;
    left: 0
}

.rtin-insurance-tab2 .rtin-item .insur-tab-more {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-top: 15px;
    padding: 20px 22px;
    background-color: #ee212b;
    line-height: 1.6;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .27)
}

.rtin-insurance-tab2 .rtin-item .insur-tab-more:hover {
    background-color: #00449e
}

.rtin-insurance-tab2 .rtin-item .insur-tab-more span {
    padding: 0 10px
}

.rtin-insurance-tab2 .rtin-item .insur-tab-more i {
    font-size: 20px
}

.rtin-insurance-tab2 .nav-tabs {
    border-bottom: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -17px;
    margin-left: -17px
}

.rtin-insurance-tab2 .nav-tabs .nav-item {
    -ms-flex: 0 0 16.666666%;
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
    position: relative;
    width: 100%;
    padding-right: 17px;
    padding-left: 17px
}

.rtin-insurance-tab2 .nav-tabs .nav-item a {
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 4px;
    text-align: center;
    background-color: transparent;
    padding: 22px 10px 16px;
    position: relative;
    display: block;
    color: #fff
}

.rtin-insurance-tab2 .nav-tabs .nav-item a:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 12px solid #ee212b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out
}

.rtin-insurance-tab2 .nav-tabs .nav-item a.active:before {
    visibility: visible;
    opacity: 1
}

.rtin-insurance-tab2 .nav-tabs .nav-item span {
    display: block
}

.rtin-insurance-tab2 .nav-tabs .nav-item a i {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 50px;
    color: #ee212b;
    line-height: 1;
    transition: all 0.3s ease-in-out
}

.rtin-insurance-tab2 .nav-tabs .nav-item a i:before {
    font-size: 50px
}

.rtin-insurance-tab2 .nav-tabs .nav-item a:hover,
.rtin-insurance-tab2 .nav-tabs .nav-item a.active {
    background-color: #ee212b;
    border-color: #ee212b;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .19)
}

.rtin-insurance-tab2 .nav-tabs .nav-item a:hover i,
.rtin-insurance-tab2 .nav-tabs .nav-item a.active i {
    color: #fff
}

@media (max-width:1199px) {
    .rtin-insurance-tab2 .rtin-item .rtin-content {
        width: 60%
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text p {
        width: 88%
    }

    .rtin-insurance-tab2 .rtin-item .insur-tab-more {
        margin-top: 0
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text {
        padding-top: 20px
    }
}

@media (max-width:991px) {
    .rtin-insurance-tab2 .rtin-item .rtin-content {
        width: 100%;
        position: relative
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text p {
        width: 100%
    }

    .rtin-insurance-tab2 .rtin-item .insur-tab-more {
        margin-top: 0
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text {
        padding-top: 25px
    }

    .rtin-insurance-tab2 .rtin-item .rtin-img img {
        border-radius: 10px 10px 0 0
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text:before {
        border-radius: 0 0 10px 10px;
        -webkit-clip-path: none;
        clip-path: none
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text:after {
        display: none
    }

    .rtin-insurance-tab2 .nav-tabs {
        margin-right: -10px;
        margin-left: -10px
    }

    .rtin-insurance-tab2 .nav-tabs .nav-item {
        padding-right: 10px;
        padding-left: 10px
    }

    .rtin-insurance-tab2 .nav-tabs .nav-item a i:before {
        font-size: 40px
    }
}

@media (max-width:767px) {
    .rtin-insurance-tab2 .nav-tabs .nav-item {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 10px
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-text {
        padding: 30px
    }

    .rtin-insurance-tab2 .rtin-item .rtin-content .rtin-title {
        font-size: 24px
    }
}

@media (max-width:575px) {
    .rtin-insurance-tab2 .nav-tabs {
        margin-right: -5px;
        margin-left: -5px
    }

    .rtin-insurance-tab2 .nav-tabs .nav-item {
        padding-right: 5px;
        padding-left: 5px
    }

    .rtin-insurance-tab2 .nav-tabs .nav-item a i:before {
        font-size: 30px
    }

    .rtin-insurance-tab2 .nav-tabs .nav-item a {
        padding-left: 8px;
        padding-right: 8px
    }

    .rtin-insurance-tab2 .rtin-item .insur-tab-more {
        font-size: 14px;
        padding: 18px 12px;
        letter-spacing: 0
    }
}

.rtin-banner-tab-layout1 .tab-content {
    background: #000
}

.rtin-banner-tab-layout1 .tab-content .rtin-item {
    position: relative
}

.rtin-banner-tab-layout1 .tab-content .rtin-item:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3)
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-img {
    height: 100%;
    position: absolute
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content {
    position: relative;
    padding: 250px 15px;
    text-align: center;
    z-index: 1
}

@media (max-width:1199px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

@media (max-width:991px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (max-width:767px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width:425px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .sub_title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-title {
    font-size: 72px;
    color: #fff;
    line-height: 1.2
}

@media (max-width:991px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-title {
        font-size: 58px
    }
}

@media (max-width:767px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-title {
        font-size: 48px
    }
}

@media (max-width:375px) {
    .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-title {
        font-size: 36px
    }
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rt-slider-button-primary-lg {
    display: inline-block;
    min-width: 190px
}

.rtin-banner-tab-layout1 .tab-content .rtin-item .rt-slider-button-primary-lg:hover {
    color: #fff
}

.rtin-banner-tab-layout1 .tab-content .rtin-item p {
    color: #fff
}

.rtin-banner-tab-layout1 .tab-nav-wrap {
    background-color: #ee212b;
    background-image: url(../../../../../../../../themes/roofix/assets/img/icon-box-bg3.png)
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list {
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: none;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    margin: 0;
    padding: 0;
    overflow-x: auto
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li {
    width: 100%;
    min-width: 131px;
    margin-right: 3px;
    margin-bottom: 0
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-color: #d71a23;
    padding: 30px 10px;
    line-height: 1
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li a i {
    font-size: 48px;
    margin-bottom: 6px
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li a i:before {
    font-size: 48px
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li a span {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Inter', sans-serif
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li a.active {
    background-color: #c10e17
}

.rtin-banner-tab-layout1 .tab-nav-wrap .tab-nav-list li:last-child {
    margin-right: 0
}

.rtin-banner-tab-layout2 .tab-content .rtin-item {
    position: relative;
    overflow: hidden
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-content {
    position: relative;
    text-align: left;
    z-index: 1;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-content {
        display: block
    }
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 60px 50px;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    z-index: 1
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .service-tab-list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .service-tab-list li {
    font-weight: 500;
    text-align: left;
    color: #393738;
    padding-left: 30px;
    position: relative;
    margin-bottom: 8px
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .service-tab-list li:before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    color: #ee212b;
    position: absolute;
    top: 0;
    left: 0
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .rtin-icon {
    position: absolute;
    z-index: -1;
    color: #f3f3f3;
    bottom: -45px;
    line-height: 1;
    right: 5%
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .rtin-icon i {
    font-size: 260px
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .rtin-icon i:before {
    font-size: 260px
}

@media (max-width:767px) {
    .rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-text .rtin-icon {
        bottom: 0
    }
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 5px 5px 0
}

@media (max-width:767px) {
    .rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-img img {
        border-radius: 5px
    }
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .sub_title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-title {
    font-size: 30px;
    line-height: 1.2
}

@media (max-width:767px) {
    .rtin-banner-tab-layout2 .tab-content .rtin-item .rtin-title {
        font-size: 26px
    }
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rt-slider-button-primary-lg {
    display: inline-block;
    min-width: 190px
}

.rtin-banner-tab-layout2 .tab-content .rtin-item .rt-slider-button-primary-lg:hover {
    color: #fff
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list {
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: none;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    margin: 0 0 20px;
    padding: 0;
    overflow-x: auto
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li {
    width: 100%;
    min-width: 131px;
    margin-right: 20px;
    margin-bottom: 0
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-color: #353535;
    border-radius: 6px;
    padding: 30px 10px;
    text-align: center;
    line-height: 1
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a i {
    font-size: 48px;
    margin-bottom: 6px;
    color: #7c7c7d;
    transition: all 240ms ease-in-out
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a i:before {
    font-size: 48px
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a.active {
    background-color: #ee212b
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li a.active i {
    color: #fff
}

.rtin-banner-tab-layout2 .tab-nav-wrap .tab-nav-list li:last-child {
    margin-right: 0
}

.services-list-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (max-width:991px) {
    .services-list-layout {
        display: block
    }
}

.services-list-layout .item-content {
    position: absolute;
    width: 390px;
    background-color: #393738;
    padding: 60px 40px;
    right: 0;
    z-index: 9;
    background-image: url(../../../../../../../../themes/roofix/assets/img/ser-con.png);
    background-position: left bottom;
    background-repeat: no-repeat
}

@media only screen and (max-width:991px) {
    .services-list-layout .item-content {
        width: 100%;
        margin-bottom: 30px;
        position: relative
    }
}

@media only screen and (max-width:575px) {
    .services-list-layout .item-content {
        padding: 2rem;
        margin-bottom: 0
    }
}

.services-list-layout .item-content .list-item {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.services-list-layout .item-content .list-item li {
    position: relative;
    color: #393738;
    margin-bottom: 40px;
    list-style: none;
    padding-right: 60px
}

.services-list-layout .item-content .list-item li:last-child {
    margin-bottom: 0
}

.services-list-layout .item-content .list-item li .list-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.services-list-layout .item-content .list-item li .sr-content {
    color: #a3a3a3;
    margin: 0;
    line-height: 1.5
}

.services-list-layout .item-content .list-item li span.count {
    position: absolute;
    top: 26%;
    right: 0;
    transform: translateY(-50%);
    color: #2e2e2e;
    font-weight: 400;
    font-size: 60px;
    line-height: 1.2
}

.services-list-layout .item-img {
    width: 64%;
    position: relative;
    text-align: center
}

@media only screen and (max-width:991px) {
    .services-list-layout .item-img {
        width: 100%;
        margin-bottom: 30px
    }
}

.services-list-layout .item-img img {
    width: 100%
}

.services-list-layout2 .item-content {
    background-color: #111;
    padding: 70px;
    background-image: url(../../../../../../../../themes/roofix/assets/img/ser-con2.png);
    background-position: left bottom;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    .services-list-layout2 .item-content {
        padding: 60px 30px
    }
}

.services-list-layout2 .item-content .stitle-holder {
    position: relative;
    margin-bottom: 40px
}

.services-list-layout2 .item-content .stitle-holder .s-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 36px;
    position: relative;
    padding-left: 15px;
    color: #fff
}

.services-list-layout2 .item-content .stitle-holder .s-title:after {
    content: "";
    height: 20px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 5px;
    left: 0
}

.services-list-layout2 .item-content .list-item {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.services-list-layout2 .item-content .list-item li {
    position: relative;
    color: #393738;
    margin-bottom: 40px;
    list-style: none
}

.services-list-layout2 .item-content .list-item li:last-child {
    margin-bottom: 0
}

.services-list-layout2 .item-content .list-item li .list-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 9
}

.services-list-layout2 .item-content .list-item li .sr-content {
    color: #a3a3a3;
    margin: 0;
    line-height: 1.5
}

.services-list-layout2 .item-content .list-item li span.count {
    position: absolute;
    top: 16%;
    right: 0;
    transform: translateY(-50%);
    color: #2e2e2e;
    font-weight: 400;
    font-size: 90px;
    line-height: 1.2
}

.services-list-layout2-small .item-content {
    background-color: #393738;
    padding: 60px 40px
}

.services-list-layout2-small .item-content .stitle-holder {
    position: relative;
    margin-bottom: 40px
}

.services-list-layout2-small .item-content .stitle-holder .s-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 36px;
    position: relative;
    padding-left: 15px;
    color: #fff
}

.services-list-layout2-small .item-content .stitle-holder .s-title:after {
    content: "";
    height: 20px;
    width: 3px;
    background-color: #ee212b;
    position: absolute;
    top: 5px;
    left: 0
}

.services-list-layout2-small .item-content .list-item {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.services-list-layout2-small .item-content .list-item li {
    position: relative;
    color: #393738;
    margin-bottom: 40px;
    list-style: none;
    padding-right: 60px
}

.services-list-layout2-small .item-content .list-item li:last-child {
    margin-bottom: 0
}

.services-list-layout2-small .item-content .list-item li .list-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.services-list-layout2-small .item-content .list-item li .sr-content {
    color: #a3a3a3;
    margin: 0;
    line-height: 1.5
}

.services-list-layout2-small .item-content .list-item li span.count {
    position: absolute;
    top: 26%;
    right: 0;
    transform: translateY(-50%);
    color: #2e2e2e;
    font-weight: 400;
    font-size: 60px;
    line-height: 1.2
}

.slick-vertical .slick-slide:focus {
    border: none !important
}

@media only screen and (max-width:991px) {
    .team-wrap-layout2.row .rtin-item.col-lg-4:last-child {
        margin: auto
    }
}

.team-wrap-layout2.row .pagination-area {
    width: 100%;
    margin-top: 40px
}

@media only screen and (max-width:991px) {
    .service-box-area .rtin-item.col-lg-4:last-child {
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .rt-el-blgo-post .blog-box-wrp.rtin-item.col-lg-4:last-child {
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .rt-el-blgo-post .blog-box-wrp.rtin-item.list-right.col-lg-4:last-child {
        width: 100%
    }
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    padding: 10px;
    margin: 0;
    color: #ffb900
}

.contact-form-box-light .item-btn.fw-btn-fill {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #ee212b;
    padding: 16px 15px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.contact-form-box-light .item-btn.fw-btn-fill:hover {
    background-color: #d21c1d
}

.contact-form-box-light textarea {
    height: 122px;
    padding: 15px
}

.contact-form-box-light input[type="text"],
.contact-form-box-light input[type="email"],
.contact-form-box-light input[type="url"],
.contact-form-box-light input[type="password"],
.contact-form-box-light input[type="search"],
.contact-form-box-light input[type="number"],
.contact-form-box-light input[type="tel"],
.contact-form-box-light input[type="range"],
.contact-form-box-light input[type="date"],
.contact-form-box-light input[type="month"],
.contact-form-box-light input[type="week"],
.contact-form-box-light input[type="time"],
.contact-form-box-light input[type="datetime"],
.contact-form-box-light input[type="datetime-local"],
.contact-form-box-light input[type="color"],
.contact-form-box-light textarea {
    border-radius: 6px
}

.contact-form-box-light .form-control {
    padding: 16px 15px 14px 15px;
    font-size: 16px
}

.service-slider-new-area .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 18px;
    margin: 0 60px;
    padding: 0;
    background: transparent;
    z-index: 9;
    position: relative;
    transition: all 0.3s ease-in-out
}

.service-slider-new-area .owl-theme .owl-nav [class*=owl-] i {
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .service-slider-new-area .owl-theme .owl-nav .owl-next {
        margin: 0 0 0 100px
    }
}

@media only screen and (max-width:767px) {
    .service-slider-new-area .owl-theme .owl-nav .owl-prev {
        margin: 0 100px 0 0
    }
}

.service-slider-new-area .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #ee212b;
    text-decoration: none
}

.service-slider-new-area .owl-theme .owl-dots .owl-dot span {
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    transition: all 0.3s ease-in-out
}

.service-slider-new-area .owl-theme .owl-dots {
    bottom: -2px;
    position: absolute;
    left: 0;
    right: 0
}

.service-slider-new-area .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    border: 1px solid #575757;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    text-align: center;
    background: transparent;
    margin: 0 3px;
    transition: all 0.3s ease-in-out
}

.service-slider-new-area .owl-theme .owl-dots .owl-dot.active span,
.service-slider-new-area .owl-theme .owl-dots .owl-dot:hover span {
    background: #ee212b;
    transition: all 0.3s ease-in-out
}

.service-slider-new-area .owl-theme .owl-dots .owl-dot.active,
.service-slider-new-area .owl-theme .owl-dots .owl-dot:hover {
    border: 1px solid #ee212b
}

.service-slider-new-area .owl-theme .owl-nav {
    margin-top: 24px
}

.rt-masonry-grid .col-lg-12.no-equal-item.rt-grid-item:last-child .post-each {
    margin-bottom: 0
}

@media only screen and (max-width:1300px) {
    .padin-1300 {
        padding-left: 12px
    }
}

.elementor-257 .elementor-element.elementor-element-2603d47e {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -81px;
    margin-bottom: 0;
    padding: 164px 0 82px 0
}

@media only screen and (max-width:1440px) {
    .elementor-257 .elementor-element.elementor-element-2603d47e {
        padding: 100px 0 82px 0
    }
}

.service-box-layout2 .media.service-box-media:hover .item-icon.icon-layout-3 i {
    background-color: #ee212b;
    color: #fff;
    transition: all 0.3s ease-out
}

.service-box-layout2 .media.service-box-media:hover .item-icon.icon-layout-3 i:before {
    color: #fff
}

.single-post .entry-content.item-content ul.custom-ul {
    margin: 0 0 20px;
    padding-left: 0
}

@media only screen and (max-width:575px) {
    .single-post .entry-content.item-content ul.custom-ul {
        display: block;
        margin: 30px 0
    }
}

.single-post .entry-content.item-content ul.custom-ul li {
    list-style: none;
    position: relative;
    margin-bottom: 12px;
    padding-left: 30px;
    font-weight: 500;
    line-height: 1.7;
    font-size: 16px;
    color: #393738
}

@media only screen and (max-width:575px) {
    .single-post .entry-content.item-content ul.custom-ul li {
        width: 100%
    }
}

.single-post .entry-content.item-content ul.custom-ul li a {
    color: #393738
}

.single-post .entry-content.item-content ul.custom-ul li a:hover {
    color: #ee212b
}

.single-post .entry-content.item-content ul.custom-ul li:after {
    content: "\f058";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    top: -2px;
    color: #ee212b;
    text-align: center;
    z-index: 1;
    font-size: 20px
}

.single-post .entry-content.item-content blockquote {
    background-color: #f8f8f8;
    box-shadow: none
}

.service-box-layout6-new {
    margin-bottom: 35px;
    overflow: hidden;
    border-radius: 6px;
    transition: all 0.3s ease-out;
    background: #fff
}

.service-box-layout6-new .item-img {
    position: relative;
    margin-bottom: 18px;
    transform: translateY(0);
    transition: all 0.3s ease-out
}

.service-box-layout6-new .item-content {
    padding: 40px 30px 34px 30px;
    background-repeat: no-repeat;
    background-position: 94% 5px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    border-radius: 6px;
    transition: all 0.3s ease-out
}

.service-box-layout6-new .item-content .item-icon {
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: #ee212b;
    position: absolute;
    top: -62px;
    left: 25px;
    z-index: 4;
    box-shadow: 0 1px 21px 0 rgba(186, 186, 186, .4);
    transition: all 0.3s ease-out
}

.service-box-layout6-new .item-content .item-icon i:before {
    font-size: 36px;
    color: #fff;
    transition: all 0.3s ease-out;
    margin-left: 0
}

.service-box-layout6-new .item-content .details-link {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    margin-top: 15px;
    transition: all 0.3s ease-out;
    transition-delay: 0.1s;
    transform: translateY(0);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: start;
    padding-left: 30px
}

.service-box-layout6-new .item-content .details-link .details-ghost-btn-svr {
    background-color: transparent;
    border: none;
    color: #393738;
    transition: all 0.1s;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-align: center;
    display: inline-block;
    transition-delay: 0s
}

.service-box-layout6-new .item-content .details-link .details-ghost-btn-svr span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    text-align: center;
    letter-spacing: 1px;
    padding-right: 5px
}

.service-box-layout6-new .item-content .details-link .details-ghost-btn-svr span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    right: -15px;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%)
}

.service-box-layout6-new .item-content .details-link .details-ghost-btn-svr:hover span {
    padding-right: 10px
}

.service-box-layout6-new .item-content .details-link .details-ghost-btn-svr:hover {
    color: #d21c1d
}

.service-box-layout6-new .item-content .title-style {
    position: relative;
    height: 4px;
    display: inline-block;
    margin-bottom: 10px
}

.service-box-layout6-new .item-content .title-style:after {
    border-radius: 4px;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ee212b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.service-box-layout6-new .item-content .svg-content {
    position: absolute;
    width: 100%;
    top: -70px;
    left: 0
}

@media only screen and (max-width:991px) {
    .service-box-layout6-new .item-content .svg-content {
        top: -84px
    }
}

@media only screen and (max-width:575px) {
    .service-box-layout6-new .item-content .svg-content {
        display: none
    }
}

.service-box-layout6-new .item-content .svg-content svg {
    position: absolute;
    width: 100%;
    transform: scale(1.056)
}

@media only screen and (max-width:991px) {
    .service-box-layout6-new .item-content .svg-content svg {
        transform: scale(1.7)
    }
}

.service-box-layout6-new .item-content .svg-content svg.bottom-svg {
    position: absolute;
    top: 7px
}

.service-box-layout6-new .item-content .svg-content svg.bottom-svgw {
    position: absolute;
    top: 16px
}

.service-box-layout6-new .item-content .item-title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 24px
}

.service-box-layout6-new .item-content .item-title a {
    color: #393738;
    transition: all 0.3s ease-out
}

.service-box-layout6-new .item-content .item-title a:hover {
    color: #ee212b
}

.service-box-layout6-new .item-content p {
    margin-bottom: 10px
}

.service-box-layout6-new:hover .item-img .item-icon {
    background-color: #fff
}

.service-box-layout6-new:hover .item-img .item-icon i {
    color: #ee212b
}

.service-box-layout6-new:hover .item-img .item-icon i:before {
    color: #ee212b
}

.service-box-layout6-new:hover .item-content {
    transform: all 0.3s;
    transition: all 0.3s ease-in-out;
    transform: translateY(-12%)
}

.service-box-layout6-new:hover .item-content .details-link {
    transition: all 0.3s ease-out;
    height: inherit;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.1s;
    transform: translateY(-12%)
}

.price-table-layout1 .price-item {
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 21px 46px 0 rgba(204, 204, 204, .42);
    overflow: hidden
}

.price-table-layout1 .header-wrap {
    position: relative
}

.price-table-layout1 .header-wrap img {
    width: 100%
}

.price-table-layout1 .rtin-header {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.price-table-layout1 .rtin-header .rtin-title {
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500
}

.price-table-layout1 .rtin-header .rtin-price {
    font-size: 48px;
    font-weight: 800;
    display: inline-table;
    line-height: 1
}

.price-table-layout1 .rtin-header .rtin-price span {
    margin: 0
}

.price-table-layout1 .rtin-header .period {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1
}

.price-table-layout1 .rtin-list-item {
    margin: 0 0 35px;
    padding: 35px 35px 0;
    list-style: none
}

.price-table-layout1 .rtin-list-item li {
    margin-bottom: 10px;
    color: #444;
    font-size: 15px
}

.price-table-layout1 .rtin-list-item li i {
    font-size: 14px;
    color: #ee212b;
    padding-right: 10px
}

.price-table-layout1 .rtin-list-item li:last-child {
    margin-bottom: 0
}

.price-table-layout1 .rtin-footer {
    padding: 0 35px 50px;
    margin-top: 35px
}

.price-table-layout1 .rtin-footer a {
    color: #ee212b;
    border: 1px solid #ee212b;
    border-radius: 5px;
    padding: 12px 10px;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.price-table-layout1 .rtin-footer a:hover {
    background-color: #ee212b;
    color: #fff;
    box-shadow: 0 15px 29px 0 rgba(244, 49, 39, .42)
}

.image-box-layout8 .item-box {
    position: relative
}

.image-box-layout8 .item-box .call-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ee212b;
    border: 12px solid #fff;
    border-right: 0;
    border-bottom: 0;
    border-radius: 30px 0 0 0;
    padding: 20px 41px 20px 30px
}

.image-box-layout8 .item-box .call-info span {
    display: block;
    color: #fff
}

.image-box-layout8 .item-box .call-info .info-text {
    font-size: 14px
}

.image-box-layout8 .item-box .call-info .info-no {
    font-size: 24px;
    font-weight: 600
}

.image-box-layout8 .item-box .icon-box {
    width: 52px;
    height: 52px;
    line-height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-right: 20px
}

.home4-slider .phone-no {
    color: #646464
}

.home4-slider .phone-no span {
    color: #ee212b
}

.home4-slider .rt-slider-button-primary-lg {
    min-width: auto;
    padding: 12px 24px
}

.shop-page-top {
    width: 100%;
    margin-bottom: 40px;
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    padding: 20px 20px 0;
    color: #393738
}

.woocommerce .rt-product-block {
    text-align: center
}

.woocommerce .rt-product-block ins {
    background-color: transparent
}

.woocommerce .rt-product-block .rtin-thumb-wrapper {
    background: #f7f7f7;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    padding: 15px
}

.woocommerce .rt-product-block .rtin-thumb-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: all 240ms ease-in-out
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-thumb img {
    transform: scale(1);
    transition: transform 10s, filter 15s ease-in-out
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area {
    bottom: 0;
    left: 30px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .4s linear
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-title {
    width: inherit
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-title a {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    padding: 0 12px;
    height: 42px;
    line-height: 42px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-title a:hover {
    color: #fff;
    background-color: #ee212b
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-title a span {
    display: none
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-title .added_to_cart {
    margin-left: 4px
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-icons {
    width: inherit;
    float: inherit
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-icons .yith-wcqv-button {
    background: #fff;
    border-radius: 2px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-icons .yith-wcqv-button:hover {
    color: #fff;
    background-color: #ee212b
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-icons .rdtheme-wishlist-icon {
    background: #fff;
    border-radius: 2px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area .btn-icons .rdtheme-wishlist-icon:hover {
    color: #fff;
    background-color: #ee212b
}

.woocommerce .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area a {
    color: #ee212b
}

.woocommerce .rt-product-block:hover .rtin-thumb-wrapper:before {
    opacity: 1;
    visibility: visible
}

.woocommerce .rt-product-block:hover .rtin-thumb-wrapper .rtin-thumb img {
    transform: scale(1.2)
}

.woocommerce .rt-product-block:hover .rtin-thumb-wrapper .rtin-buttons-area {
    opacity: 1;
    bottom: 30px;
    visibility: visible
}

.woocommerce .rt-product-block .price-title-box {
    margin-top: 15px;
    text-align: center
}

.woocommerce .rt-product-block .price-title-box .rtin-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px
}

.woocommerce .rt-product-block .price-title-box .rtin-title a {
    color: #393738
}

.woocommerce .rt-product-block .price-title-box .rtin-title a:hover {
    color: #ee212b
}

.woocommerce .rt-product-block .price-title-box .rtin-price {
    color: #ee212b;
    font-size: 20px;
    font-weight: 500
}

.woocommerce .rt-product-block .price-title-box .rtin-price del {
    color: #a6a6a6;
    font-size: 16px
}

.btn-title {
    display: inline-block
}

@media only screen and (max-width:991px) {
    .btn-title {
        width: 100%;
        text-align: center
    }
}

.btn-title a {
    font-size: 15px
}

.btn-title a i {
    margin-right: 5px
}

.product-not-cart .add_to_cart_button.added {
    display: none
}

.product-in-cart .added_to_cart.wc-forward {
    display: block
}

.btn-icons {
    float: right;
    display: inline-block
}

@media only screen and (max-width:991px) {
    .btn-icons {
        width: 100%;
        text-align: center
    }
}

.btn-icons .yith-wcqv-button {
    width: 20px;
    line-height: 13px
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
    border-radius: 0;
    min-height: 15px;
    line-height: 30px;
    padding: 0 15px
}

.woocommerce ul.products li.product a img.ajax-loading {
    margin: 0;
    width: 17px;
    height: auto;
    display: none
}

.woocommerce ul.products li.product .rdtheme-wishlist-icon {
    line-height: 13px;
    display: inline-block
}

a.rdtheme-wishlist-icon img.ajax-loading {
    display: none;
    width: 20px
}

.add_to_cart_button i {
    margin-right: 5px
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    padding: 10px;
    font-size: 15px
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

a.added_to_cart.wc-forward {
    padding: 0;
    margin-left: 10px
}

.roofix-products-page .pagination {
    margin-top: 20px
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: 100%
}

.woocommerce .roofix-product-details-page {
    margin-top: 120px;
    margin-bottom: 50px
}

@media only screen and (max-width:991px) {
    .woocommerce .roofix-product-details-page {
        margin-top: 100px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .woocommerce .roofix-product-details-page {
        margin-top: 80px
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:991px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 {
        display: block
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-left {
    width: 45%;
    float: left;
    padding-right: 50px
}

@media only screen and (max-width:991px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 .rtin-left {
        width: 100%;
        padding-right: 0
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-left span.onsale {
    display: none
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right {
    overflow: hidden;
    padding-left: 15px;
    -ms-flex: 1;
    flex: 1
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .woocommerce-product-rating {
    margin-bottom: 15px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .entry-title {
    font-size: 26px;
    margin-bottom: 0
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right span.price,
.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right p.price {
    color: #ee212b;
    font-size: 24px;
    font-weight: 700
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right span.price del,
.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right p.price del {
    opacity: 1;
    color: #a6a6a6;
    font-size: 16px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right form.cart {
    margin-top: 35px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .quantity {
    margin-right: 10px
}

@media only screen and (max-width:480px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .quantity {
        margin-bottom: 5px !important
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .quantity input.input-text {
    margin: 0 5px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .quantity .quantity-btn {
    line-height: 1
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .button.alt {
    margin-left: 3px
}

@media only screen and (max-width:480px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .button.alt {
        margin-left: 0;
        margin-bottom: 5px
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form {
    margin-bottom: 20px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations {
    width: 80%;
    margin-top: 0;
    margin-bottom: 5px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody td {
    text-align: left
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody td.label {
    width: 80px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody select {
    padding: 5px;
    padding-left: 15px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody select {
    background-position: calc(81%) calc(20px), calc(88%) calc(20px), calc(68%) 8px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody select:focus {
    background-position: calc(87%) 18px, calc(80%) 18px, calc(68%) 8px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody select:-webkit-focusring,
.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .single_variation_wrap {
    width: 100%;
    margin-top: 10px;
    display: inline-block
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .variations_form .single_variation_wrap span.price {
    margin-bottom: 10px;
    display: inline-block
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (max-width:480px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box {
        display: block
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a {
    color: #646464;
    margin-right: 30px
}

@media only screen and (max-width:480px) {
    .woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a {
        width: 100%
    }
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a i {
    margin-right: 8px
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a:hover {
    color: #ee212b
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn {
    width: 100%;
    padding-bottom: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .item-label {
    width: 70px;
    float: left;
    padding-top: 5px;
    margin-bottom: 0
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing {
    overflow: hidden
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social {
    margin: 0;
    padding: 0;
    list-style: none
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li {
    float: left
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li a {
    background: transparent;
    color: #646464;
    padding: 5px 10px;
    display: inline-block
}

.woocommerce .roofix-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li a:hover {
    color: #ee212b
}

.woocommerce .roofix-product-details-page .single-product-top-1 .slick-slider .slick-slide {
    margin-left: 0
}

.woocommerce .roofix-product-details-page .single-product-top-1 .yith-wcwl-wishlistexistsbrowse,
.woocommerce .roofix-product-details-page .single-product-top-1 .yith-wcwl-add-button,
.woocommerce .roofix-product-details-page .single-product-top-1 a.compare.button {
    display: none
}

.woocommerce .roofix-product-details-page .single-product-top-1 a.compare.added {
    padding-left: 20px;
    position: relative !important
}

.woocommerce .roofix-product-details-page .single-product-top-1 a.compare.added:before {
    top: 0;
    left: 0;
    content: "\f00c";
    position: absolute;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    background: #f7f7f7;
    text-align: center
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width: inherit;
    display: inline-block
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px
}

.woocommerce div.product div.images .flex-control-thumbs li {
    background: #f7f7f7;
    margin-right: 9px;
    width: 23.5%
}

.woocommerce div.product div.images .flex-control-thumbs li:last-child {
    margin-right: 0
}

@media (max-width:1199px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 7px
    }
}

@media (max-width:991px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 13px
    }
}

@media (max-width:767px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 9px
    }
}

@media (max-width:425px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 6px
    }
}

@media (max-width:375px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 4px
    }
}

.woocommerce div.product .woocommerce-product-rating {
    display: inline-block
}

.quantity {
    margin: 0 auto;
    max-width: 160px;
    position: relative
}

.quantity input.input-text,
.quantity .input-group-btn {
    width: 44px;
    height: 48px;
    border: 1px solid #eceef0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quantity .input-group-btn {
    position: absolute
}

.quantity .input-group-btn span.quantity-btn i {
    font-size: 12px
}

.quantity .input-group-btn.minus {
    left: 0
}

.quantity .input-group-btn.plus {
    right: 0
}

.quantity input.input-text {
    height: 48px;
    font-weight: 600
}

.quantity input.input-text:focus {
    outline: none
}

.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    display: none
}

.woocommerce .quantity .qty {
    width: 60px;
    text-align: center;
    margin-left: 50px !important;
    margin-right: 50px !important
}

@media only screen and (max-width:575px) {

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        width: 100%;
        padding-top: 0;
        text-align: center
    }
}

@media only screen and (max-width:575px) {

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: 100%;
        text-align: center
    }
}

.woocommerce .woocommerce-ordering select {
    padding: 0;
    border: none;
    background-color: transparent;
    width: initial
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    margin: 0;
    padding: 0;
    font-size: 22px
}

.woocommerce .star-rating span::before {
    color: #ffba0a
}

.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce input.button,
.woocommerce a.button {
    color: #fff;
    height: 48px;
    border-radius: 4px;
    padding: 14px 30px;
    background-color: #ee212b;
    transition: all 0.3s ease-in-out;
    line-height: 20px
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
    color: #fff;
    background-color: #d21c1d
}

.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce button.button:focus,
.woocommerce a.button.alt:focus,
.woocommerce input.button:focus,
.woocommerce a.button:focus {
    outline: none;
    border-radius: 0
}

.woocommerce div.product .woocommerce-tabs {
    margin-top: 50px
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    text-align: left
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none !important
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent;
    margin: 0 25px 0 0;
    padding: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #393738
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #ee212b
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 3px;
    width: 0;
    background-color: #ee212b;
    transition: all 240ms ease-in-out
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ee212b
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
    width: 100%
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 0
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    display: none
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-radius: 0;
    margin: 0 0 0 80px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    text-transform: capitalize
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
    font-size: 18px
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 80px
}

.woocommerce p.stars a {
    color: #ffba0a
}

.woocommerce #review_form #respond textarea {
    height: 150px;
    padding: 20px;
    border-color: #e4e1e3
}

.woocommerce #review_form #respond textarea:focus {
    outline: none
}

section.related.products {
    margin-top: 50px
}

section.related.products h2 {
    font-size: 30px;
    margin-bottom: 40px
}

.woocommerce span.onsale {
    padding: 0;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 48px;
    width: 110px !important;
    line-height: 40px
}

.cart-collaterals {
    margin-top: 50px
}

.cart-collaterals h2 {
    font-size: 30px
}

.woocommerce-cart table.woocommerce-cart-form__contents {
    border-top: 0;
    border-left: 0
}

.woocommerce-cart table.woocommerce-cart-form__contents tr th {
    color: #393738
}

.woocommerce-cart table.woocommerce-cart-form__contents tr td,
.woocommerce-cart table.woocommerce-cart-form__contents tr th {
    border: 0;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede
}

.woocommerce-cart table.woocommerce-cart-form__contents .product-name a {
    color: #393738;
    font-weight: 700
}

.woocommerce-cart table.woocommerce-cart-form__contents .product-name a:hover {
    color: #ee212b
}

.woocommerce-cart table.woocommerce-cart-form__contents .quantity .quantity-btn {
    line-height: 1
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #ccc
}

.woocommerce .woocommerce-checkout .form-row {
    padding: 4px;
    margin: 0 0 10px
}

.woocommerce .woocommerce-checkout .form-row label {
    color: #393738;
    font-weight: 500
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 18px
}

p.return-to-shop {
    margin-bottom: 70px
}

.woocommerce-billing-fields span.woocommerce-input-wrapper {
    width: 100%;
    height: 40px
}

.woocommerce-billing-fields span.woocommerce-input-wrapper:focus {
    outline: none
}

.woocommerce-billing-fields span.woocommerce-input-wrapper input {
    height: 40px;
    padding: 10px
}

.woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-billing-fields .select2-container .select2-selection--single {
    height: 40px
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px
}

.woocommerce-additional-fields span.woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-additional-fields span.woocommerce-input-wrapper textarea {
    padding: 10px
}

.wc-order-review-wrapper {
    margin-top: 50px
}

.woocommerce-order-received .section.content-area {
    padding-top: 110px;
    padding-bottom: 85px
}

.woocommerce-order-received .section.content-area .woocommerce-order h2 {
    font-size: 30px
}

.woocommerce .woocommerce-customer-details address {
    padding: 20px 30px
}

.yith-wcqv-main {
    padding: 30px
}

.yith-wcqv-main h1.product_title.entry-title {
    font-size: 30px;
    margin-bottom: 7px
}

.yith-wcqv-main .rtin-right p.price {
    color: #ee212b;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.yith-wcqv-main .rtin-right .product_meta {
    margin-bottom: 20px
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    font-size: 16px
}

.woocommerce .wishlist-title h2 {
    padding: 0;
    margin-right: 15px
}

.woocommerce .wishlist-title h2:hover {
    background-color: transparent
}

.wishlist-title a.show-title-form i {
    display: none
}

.yith-wcwl-share {
    display: none
}

.wishlist_table .product-add-to-cart a.button {
    padding: 0
}

.wishlist_table .product-add-to-cart a.button {
    padding: 10px 30px !important
}

.wishlist_table td.product-name a {
    font-size: 16px;
    margin-right: 10px
}

.wishlist_table td.product-name a.button.yith-wcqv-button {
    font-size: 14px
}

.wishlist_table td.product-price {
    font-size: 18px
}

.wishlist_table td.product-price del {
    color: #a6a6a6;
    font-size: 14px
}

.wishlist_table td.product-price ins {
    background-color: transparent
}

.responsive.mobile {
    padding-left: 0
}

.responsive.mobile li .item-wrapper {
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox !important;
    display: flex !important
}

.responsive.mobile li .item-wrapper .product-name {
    float: left
}

.responsive.mobile li .item-wrapper .product-name h3 {
    font-size: 18px;
    margin-bottom: 0;
    margin-right: 20px;
    line-height: 20px;
    display: inline-block
}

.responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button {
    height: 20px;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    margin-bottom: 0px !important
}

@media only screen and (max-width:767px) {
    .responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button {
        padding: 5px 0
    }
}

.responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button:hover {
    color: #000
}

.responsive.mobile li .item-wrapper table.item-details-table {
    text-align: right;
    display: inline-block;
    float: right;
    width: 180px;
    margin-top: 0;
    margin-bottom: 0 !important
}

@media only screen and (max-width:767px) {
    .responsive.mobile li .item-wrapper table.item-details-table {
        width: 100%;
        float: left;
        text-align: left
    }
}

.responsive.mobile li .item-wrapper table.item-details-table tbody {
    width: 100%;
    font-size: 20px;
    display: inline
}

.responsive.mobile li .item-wrapper table.item-details-table tbody td.label {
    width: auto
}

.responsive.mobile li .item-wrapper table.item-details-table tbody del {
    color: #a6a6a6
}

.responsive.mobile li .additional-info-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.responsive.mobile li .additional-info-wrapper table.additional-info {
    width: auto;
    margin-top: 0;
    display: inline-block
}

.responsive.mobile li .additional-info-wrapper table.additional-info tbody {
    font-size: 18px
}

.wishlist_table.mobile li {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eceef0
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #000
}

.woocommerce-message,
.woocommerce-info {
    border-top-color: #000
}

@media only screen and (max-width:991px) {

    section.related.products ul.products li.product,
    section.related.products ul.products li.product {
        width: 46%
    }
}

@media only screen and (max-width:575px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        margin: 0 0 30px
    }

    .rt-product-block {
        max-width: 370px;
        margin: 0 auto
    }

    section.related.products ul.products li.product,
    section.related.products ul.products li.product {
        width: 100%
    }
}

.woocommerce .widget_products .product_list_widget li {
    padding-top: 0
}

.woocommerce .widget_products .product_list_widget li a {
    color: #393738
}

.woocommerce .widget_products .product_list_widget li a:hover {
    color: #ee212b
}

.woocommerce .widget_products .product_list_widget li img {
    background-color: #f7f7f7;
    width: 48px
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #cecece
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #ee212b
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    height: 38px;
    padding: 8px 20px
}

#yith-quick-view-content .single-product-top-1 div.images {
    margin-right: 30px
}

.yith-wcqv-head #yith-quick-view-close {
    border: none;
    background: #ee212b;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    opacity: 1
}

.slider-left-social {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
    top: 50%
}

.slider-left-social span {
    margin-right: 15px
}

.slider-left-social ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.slider-left-social ul li {
    display: inline-block;
    margin-right: 12px
}

.slider-left-social ul li:last-child {
    margin-right: 0
}

.slider-left-social ul li a {
    color: #444
}

.slider-left-social ul li a:hover {
    color: #ee212b
}

@media (max-width:1199px) {
    .slider-left-social {
        transform: inherit
    }
}

.content-area.services-bg {
    background-color: #191818;
    background-image: url(../../../../../../../../themes/roofix/assets/img/sbg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-accordion-item {
    border: none;
    margin-bottom: 10px;
    clear: both;
    position: relative
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-content {
    border-top: 0;
    background-color: #f6f6f6
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title {
    background-color: #f6f6f6;
    transition: all 0.3s ease-out;
    padding-right: 0 !important;
    border-radius: 4px;
    padding: 20px 20px
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    color: #fff;
    background-color: #3c3c3c;
    width: 60px;
    height: 58px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    font-size: 24px;
    right: 0
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    color: #393738;
    font-size: 18px
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title a {
    transition: all 0.3s ease-out
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title:hover {
    background-color: #ee212b
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title:hover a {
    color: #fff
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title.elementor-active {
    background-color: #ee212b;
    transition: all 0.3s ease-out;
    padding-right: 0 !important;
    border-radius: 4px 4px 0 0;
    padding: 20px 20px
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
    color: #fff;
    background-color: #e11a21;
    border-radius: 0 4px 0 0
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
    color: #fff
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title.elementor-active:hover {
    background-color: #ee212b
}

.site.site-wrp .faq-page-faq .elementor-accordion .elementor-tab-title.elementor-active:hover a {
    color: #fff
}

.site.site-wrp .faq-page-faq .elementor-active .elementor-accordion-icon,
.site.site-wrp .faq-page-faq .elementor-active .elementor-accordion-title {
    color: #707173
}

.offscreen-navigation .sub-menu {
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none
}

.offscreen-navigation ul li {
    position: relative
}

.offscreen-navigation ul li span {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    width: 40px;
    z-index: 9;
    cursor: pointer
}

.offscreen-navigation li>a {
    display: block;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.offscreen-navigation .sub-menu li>a {
    font-size: 14px;
    font-weight: 500
}

.offscreen-navigation .menu>li {
    padding-bottom: 8px
}

.offscreen-navigation li.menu-item-has-children>a:after {
    content: '\f067';
    display: inline-block;
    font-family: FontAwesome;
    transition: .1s;
    right: 0;
    position: absolute;
    font-size: 13px
}

.offscreen-navigation li.menu-item-has-children>a.opened:after {
    content: '\f068'
}

@media only screen and (min-width:1025px) {
    #meanmenu {
        display: none
    }
}

@media only screen and (max-width:1024px) {

    #header-menu,
    #masthead-container {
        display: none
    }

    #sticky-placeholder {
        display: none
    }
}

.mean-bar .header-btn-new.mobile-btn {
    position: absolute;
    right: 12%;
    top: 8px
}

.mean-bar .sidebarBtn {
    position: absolute;
    font-size: 20px;
    right: 15px;
    top: 10px;
    cursor: pointer
}

.header-style-2 .rt-header-menu {
    background: transparent
}

.rt-slide-nav {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    display: none;
    padding: 30px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    box-shadow: 0 0 10px 0 #0000001c
}

.rt-slide-nav ul {
    list-style-type: none;
    margin: 0
}

body.slidemenuon {
    overflow: hidden
}

.site-header .main-navigation>nav>ul.menu>li>a.active {
    color: red
}

.rt-owl-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.rt-owl-carousel .swiper-pagination-bullet.swiper-pagination-bullet:hover {
    background: #ee212b;
    border-color: #ee212b;
    opacity: 1
}

.rt-owl-carousel .swiper-pagination-bullet {
    display: inline-block;
    border: 1px solid #575757;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    text-align: center;
    background: transparent;
    margin: 0 3px;
    opacity: 1;
    transition: all 0.3s ease-in-out
}

.swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #ee212b
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    position: relative;
    margin-top: 35px
}

.swiper-container-horizontal>.swiper-scrollbar {
    left: 20%;
    width: 60%;
    position: relative;
    margin-top: 35px
}

.testimonial-box-layout8-new.rt-testimonial-vertical .navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1
}

.testimonial-box-layout8-new .rt-arrow {
    width: 56px;
    height: 56px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: block;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out;
    cursor: pointer
}

.testimonial-box-layout8-new .rt-prev.rt-arrow {
    margin-bottom: 15px
}

.testimonial-box-layout8-new .rt-prev:after {
    content: "";
    height: 100px;
    width: 1px;
    position: absolute;
    left: 0;
    top: -71px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout8-new .rt-next:after {
    content: "";
    height: 100px;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: -173px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
    background-color: #e3e3e3;
    z-index: 2;
    right: 0;
    margin: auto
}

.testimonial-box-layout2 .rt-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #393738;
    border-radius: 50%;
    border: none;
    height: 60px;
    width: 60px;
    line-height: 4.2;
    transition: all 0.3s ease-out;
    z-index: 1;
    cursor: pointer
}

.testimonial-box-layout2 .rt-next.rt-arrow {
    right: 0
}

.testimonial-box-layout2 .rt-prev.rt-arrow {
    left: 0
}

.video-box-slide .swiper-pagination {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    left: 0
}

.video-box-slide .swiper-pagination-bullet {
    width: 50px;
    height: 6px;
    content: "";
    padding: 0;
    background: #cfcfcf;
    border-radius: 0;
    margin-right: 10px;
    opacity: 1
}

.video-box-slide .swiper-pagination-bullet-active,
.video-box-slide .swiper-pagination-bullet:hover {
    background: #ee212b
}

.rt-project-wrap {
    position: relative
}

.rt-project-wrap .rt-arrow {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    text-transform: uppercase;
    height: 50px;
    width: 56px;
    background-color: #fff !important;
    border-radius: 0;
    z-index: 1
}

.rt-project-wrap .rt-prev {
    left: -430px
}

.rt-project-wrap .rt-next {
    left: -366px
}

.rt-project-wrap .rt-arrow span {
    width: 29px;
    height: 29px;
    background: #ee212b;
    color: #fff;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    cursor: pointer;
    display: inline-flex;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-out;
    overflow: hidden
}

.swiper-container.rt-testimonial.layout4 {
    padding-bottom: 60px
}

.swiper-container.rt-testimonial.layout4 .swiper-pagination-bullet,
.testimonial-box-layout9-new .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.testimonial-box-layout8-new .rt-arrow:hover i {
    color: #fff
}

.rt-service-slider {
    position: static
}

.swiper-single-container,
.swiper-related-container {
    position: relative;
    overflow: hidden
}

.swiper-button-next,
.swiper-button-prev {
    background-image: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #393738;
    border-radius: 50%;
    border: none;
    height: 48px;
    width: 48px;
    line-height: 4.2;
    transition: all 0.3s ease-out;
    z-index: 1;
    cursor: pointer
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #fff;
    background: #ee212b
}

.slick-slide-bg {
    position: relative;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.slick-slide-bg:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .7
}

.slick-slide-inner {
    position: relative;
    z-index: 2
}

.elementor-slide-content {
    margin: 0 auto
}

.elementor-slide-heading {
    color: #fff
}

.elementor-slide-description {
    color: #fff;
    margin-bottom: 20px
}

.elementor-slides .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center
}

.elementor-slides .slick-dots li {
    display: inline-block;
    margin: 0 5px
}

.elementor-slides .slick-dots li button:focus {
    outline: none;
    box-shadow: none
}

.elementor-slides .slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0;
    text-indent: -9999px;
    transition: all 0.3s ease-out
}

.elementor-slides .slick-dots li button:hover,
.elementor-slides .slick-dots li.slick-active button {
    background-color: #ee212b
}

.elementor-slides .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    color: #ee212b;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-out;
    text-indent: -9999px;
    z-index: 2
}

.elementor-slides .slick-arrow:hover {
    background-color: #ee212b;
    color: #fff
}

.elementor-slides .slick-arrow:focus {
    outline: none;
    box-shadow: none
}

.elementor-slides .slick-prev {
    left: 30px
}

.elementor-slides .slick-next {
    right: 30px
}

.elementor-slides .slick-prev:before {
    position: absolute;
    content: "\f104";
    font-family: 'Font Awesome 5 Free';
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    z-index: 2222222;
    text-indent: initial;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%)
}

.elementor-slides .slick-next:before {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    z-index: 2222222;
    text-indent: initial;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%)
}

.header-icon-area .cart-icon-area {
    position: relative;
    margin-left: 15px;
    padding: 25px 0;
    transition: all 0.3s ease-in-out
}

.menu-1v2 .cart-icon-area {
    margin: 30px 20px 0
}

.header-icon-area .cart-icon-area>a {
    color: #14133b;
    width: 40px;
    height: 40px;
    font-size: 15px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background: rgba(5, 84, 242, .1);
    border-radius: 50%
}

.cart-icon-area>a {
    color: #707173;
    width: 40px;
    height: 40px;
    font-size: 20px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    position: relative
}

.header-style-3 .header-action-layout1 .cart-icon-area {
    padding-bottom: 0 !important
}

.menu-1v2 .cart-icon-area>a {
    color: #fff
}

.cart-icon-area .cart-icon-products .widget_shopping_cart {
    padding: 25px 25px 0
}

.cart-icon-area .cart-icon-num {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ee212b;
    line-height: 20px;
    color: #fff
}

.cart-icon-area .cart-icon-products {
    font-size: 14px;
    line-height: 22px;
    background-color: rgba(35, 35, 35, .95);
    border-radius: 0 0 4px 4px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 340px;
    max-height: 70vh;
    overflow-y: auto;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    box-shadow: 0 0 90px 0 rgb(0 0 0 / 10%);
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(.3, .02, 0, .6);
    opacity: 0;
    z-index: 100;
    transform: scaleY(0);
    transform-origin: 0 0 0
}

.header-style-3 .header-action-layout1 .cart-icon-area .cart-icon-products {
    top: 79px
}

.header-style-5 .cart-icon-area .cart-icon-products {
    top: 72px
}

.header-menu.menu-layout6 .header-action-layout2 .cart-icon-area .cart-icon-products {
    top: 80px
}

.cart-icon-area:hover .cart-icon-products {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.header-style-3 .header-action-layout1 .cart-icon-area:hover .cart-icon-products {
    top: 79px
}

.header-style-5 .cart-icon-area:hover .cart-icon-products {
    top: 72px
}

.header-menu.menu-layout6 .header-action-layout2 .cart-icon-area:hover .cart-icon-products {
    top: 80px
}

.cart-icon-area .cart-icon-products .widget_shopping_cart {
    padding: 25px 25px 0
}

.cart-icon-area .cart-icon-products .widget_shopping_cart .widgettitle {
    color: #fff;
    font-weight: 500
}

.cart-icon-area .cart-icon-products .widget_shopping_cart_content {
    color: #fff
}

.cart-icon-area .cart-icon-products .widget_shopping_cart .mini_cart_item {
    display: block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 10px;
    color: #fff
}

.cart-icon-area .cart-icon-products .widget_shopping_cart .mini_cart_item a {
    color: #ffffff !important;
    font-weight: 500
}

.cart-icon-area .cart-icon-products .widget_shopping_cart .total {
    border-top: none;
    padding: 8px 0 0
}

.header-style-3 .header-action-layout1 .cart-icon-area .woocommerce ul.cart_list,
.header-style-3 .header-action-layout1 .cart-icon-area .woocommerce ul.product_list_widget,
.header-menu.menu-layout6 .header-action-layout2 .cart-icon-area .woocommerce ul.cart_list,
.header-menu.menu-layout6 .header-action-layout2 .cart-icon-area .woocommerce ul.product_list_widget {
    display: block
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    margin-left: 4px;
    width: 38px;
    background: #fff;
    border-radius: 4px
}

.header-style-3 .header-action-layout1 .cart-icon-area .cart-icon-products .widget_shopping_cart .button {
    color: #fff !important
}

.header-style-5 .header5-icon-right .cart-icon {
    z-index: 1
}

.header-menu.menu-layout6 .header-action-layout2 .cart-icon {
    margin-right: 20px
}

.header-style-5 .header5-icon-right .cart-icon.p-left {
    padding-left: 20px
}

.header-style-5 .header5-icon-right .cart-icon.p-left-right {
    padding-left: 40px;
    padding-right: 40px
}