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(../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;
background-color: black;
}
.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
}