body {
margin: 0;
-webkit-font-smoothing: auto;
}
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;
}
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: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
button {
border: 0;
overflow: visible;
background: transparent;
}
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}  body {
background: #fff; }
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
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;
}
a img.alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .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;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list .comment {
display: block;
}
.comment-list {
padding-left: 0;
}
.comments-title {
font-size: 1.125rem;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
border: medium none;
}  .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 {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 0.313rem 0.313rem 0;
text-align: center;
}
.wp-caption img[class*=wp-image-] {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.688rem;
line-height: 1.063rem;
margin: 0;
padding: 0.625rem;
}
.wp-caption-text {
text-align: center;
}  .woocommerce-cart-form .shop_table .coupon .input-text {
width: 8.313rem !important;
}
.variations_form .variations .value > select {
margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
max-width: 100%;
}        @keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes pulse {
0% {
opacity: 1;
transform: scale(1);
}
80% {
opacity: 0;
transform: scale(2.5);
}
100% {
opacity: 0;
transform: scale(3);
}
}
@keyframes pulse2 {
0% {
opacity: 1;
transform: scale(1);
}
30% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2.5);
}
}
.page-id-8114 .roshel-flex-columns {
height: 550px;
position: relative;
}
@media (min-width: 1900px) {
.page-id-8114 .roshel-flex-columns {
height: 800px;
}
}
@media (max-width: 767px) {
.page-id-8114 .roshel-flex-columns {
height: auto;
}
}
@media (min-width: 768px) {
.page-id-8114 .roshel-flex-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .page-id-8114 .roshel-flex-columns {
display: block;
}
html.lt-ie10 .page-id-8114 .roshel-flex-columns > * {
display: inline-block;
}
}
.page-id-8114 .roshel-flex-columns:before {
top: 0;
right: 0;
left: auto;
width: 100%;
height: 100%;
content: "";
z-index: -1;
display: block;
position: absolute;
vertical-align: middle;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.page-id-8114 .roshel-flex-columns.flex-alternate-columns:before {
left: 0;
right: auto;
}
.page-id-8114 .roshel-flex-columns.flex-alternate-columns .roshel-text-column {
order: -1;
}
@media (min-width: 1900px) {
.page-id-8114 .roshel-flex-columns.flex-alternate-columns .roshel-text-column .roshel-text-inner {
margin-right: 0;
margin-left: auto;
padding: 75px 200px 75px 0;
}
}
.page-id-8114 .roshel-flex-columns.light-background:before {
background-color: #fff;
}
.page-id-8114 .roshel-flex-columns.dark-background {
color: #fff;
}
.page-id-8114 .roshel-flex-columns.dark-background:before {
background-color: #000;
}
.page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner p, .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner .wp-block-column {
color: #bbbbbb;
}
.page-id-8114 .roshel-flex-columns .roshel-image-column {
height: 100%;
}
@media (min-width: 768px) {
.page-id-8114 .roshel-flex-columns .roshel-image-column {
width: 50%;
}
}
@media (max-width: 767px) {
.page-id-8114 .roshel-flex-columns .roshel-image-column {
height: 400px;
}
}
.page-id-8114 .roshel-flex-columns .roshel-image-column figure.contain-image img {
object-fit: contain;
}
.page-id-8114 .roshel-flex-columns .roshel-image-column figure figcaption {
display: none;
}
.page-id-8114 .roshel-flex-columns .roshel-image-column img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.page-id-8114 .roshel-flex-columns .roshel-image-column img.contain {
object-fit: contain;
}
@media (min-width: 768px) {
.page-id-8114 .roshel-flex-columns .roshel-text-column {
width: 50%;
}
}
.page-id-8114 .roshel-flex-columns .roshel-text-inner {
width: 100%;
padding: 75px 50px;
}
@media (max-width: 991px) {
.page-id-8114 .roshel-flex-columns .roshel-text-inner {
padding: 75px 30px;
}
}
@media (min-width: 1500px) {
.page-id-8114 .roshel-flex-columns .roshel-text-inner {
margin: auto;
max-width: 700px;
}
}
@media (min-width: 1900px) {
.page-id-8114 .roshel-flex-columns .roshel-text-inner {
margin-left: 0;
margin-right: auto;
padding: 75px 0 75px 213px;
}
}
.page-id-8114 .roshel-flex-columns .roshel-text-inner a, .page-id-8114 .roshel-flex-columns .roshel-text-inner button {
margin-top: 20px;
display: inline-block;
}
.page-id-8114 .roshel-flex-columns .roshel-text-inner ul li {
list-style: inside;
padding-bottom: 8px;
}
.page-id-8114 .wp-block-columns.full-background {
display: block;
position: relative;
}
.page-id-8114 .wp-block-columns.full-background:before {
z-index: 1;
background-color: rgba(0, 0, 0, 0.7);
}
.page-id-8114 .wp-block-columns.full-background .wp-block-column {
width: 100%;
}
.page-id-8114 .wp-block-columns.full-background .roshel-text-column {
top: 50%;
z-index: 10;
position: absolute;
transform: translateY(-50%);
}
.page-id-8114 .test-background-image .wp-block-group__inner-container {
position: relative;
}
.page-id-8114 .test-background-image .wp-block-group__inner-container:before {
content: "";
display: block;
background-color: rgba(0, 0, 0, 0.3) !important;
}
.page-id-8114 .test-background-image figure img {
width: 100%;
height: 650px;
object-fit: cover;
} body .wp-block-cover {
width: 100%;
background-size: cover;
}
body .banner-container {
position: relative;
}
body .banner-container .banner-image {
position: relative;
}
body .banner-container.hide-scroll .heading-container.align-left {
bottom: 135px;
}
body .banner-container .heading-container {
left: 0;
right: 0;
top: 45%;
width: 100%;
margin: auto;
padding: 0 50px;
position: absolute;
text-align: center;
color: #fff;
max-width: 1520px;
}
@media (max-width: 991px) {
body .banner-container .heading-container {
padding: 0 30px;
}
}
body .banner-container .heading-container.align-left-top {
left: 0;
top: 17%;
text-align: left;
}
body .banner-container .heading-container.align-left-top p, body .banner-container .heading-container.align-left-top .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body .banner-container .heading-container.align-left-top .wp-block-column {
max-width: 490px;
}
body .banner-container .heading-container.align-left-center {
left: 0;
text-align: left;
}
body .banner-container .heading-container.align-left-center p, body .banner-container .heading-container.align-left-center .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body .banner-container .heading-container.align-left-center .wp-block-column {
max-width: 490px;
}
body .banner-container .heading-container.align-right-center {
right: 0;
text-align: right;
}
body .banner-container .heading-container.align-right-center p, body .banner-container .heading-container.align-right-center .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body .banner-container .heading-container.align-right-center .wp-block-column {
max-width: 490px;
margin-right: 0;
margin-left: auto;
}
body .banner-container .heading-container.align-left {
left: 0;
top: auto;
margin: auto;
bottom: 100px;
text-align: left;
}
@media (max-width: 991px) {
body .banner-container .heading-container.align-left {
padding: 0 30px;
}
}
body .banner-container .heading-container.align-left p, body .banner-container .heading-container.align-left .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body .banner-container .heading-container.align-left .wp-block-column {
max-width: 535px;
}
body .banner-container .heading-container.no-text {
bottom: 90px;
}
body .banner-container .heading-container.no-text h1, body .banner-container .heading-container.no-text h2, body.page-id-11598 .banner-container .heading-container.no-text .um-account .um-account-name > a, body.page-id-11598 .um-account .banner-container .heading-container.no-text .um-account-name > a,
body.page-id-11599 .banner-container .heading-container.no-text .um-account .um-account-name > a,
body.page-id-11599 .um-account .banner-container .heading-container.no-text .um-account-name > a {
margin: 0;
}
body .banner-container .heading-container p, body .banner-container .heading-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body .banner-container .heading-container .wp-block-column {
font-size: 16px;
margin-bottom: 0;
color: #fff;
}
body .banner-container video {
display: block;
width: 100%;
height: 100vh;
object-fit: cover;
}
body .banner-container img {
display: block;
width: 100%;
height: 100vh;
object-fit: cover;
}
body .banner-container.default-banner img {
height: 60vh;
}
body .banner-container.about-video video {
height: 65vh;
}
@media (max-width: 767px) {
body .banner-container.about-video video {
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body .banner-container.about-video video {
height: 300px;
}
}
body .homepage-hero {
position: relative;
}
body .homepage-hero video {
display: block;
width: 100%;
height: 100vh;
object-fit: cover;
}
body .homepage-hero img {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
}
.roshel-gallery-filters {
margin: 25px 50px 50px;
}
@media (max-width: 767px) {
.roshel-gallery-filters {
margin: 25px 30px 35px;
}
}
.roshel-image-gallery {
margin: 100px 0;
}
@media (max-width: 767px) {
.roshel-image-gallery {
margin: 75px 0;
}
}
.roshel-image-gallery h2, .roshel-image-gallery body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-image-gallery .um-account-name > a,
.roshel-image-gallery body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-image-gallery .um-account-name > a {
padding: 0 50px;
}
@media (max-width: 767px) {
.roshel-image-gallery h2, .roshel-image-gallery body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-image-gallery .um-account-name > a,
.roshel-image-gallery body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-image-gallery .um-account-name > a {
padding: 0 30px;
}
}
.roshel-image-gallery .roshel-filters {
margin-top: 25px;
}
.roshel-image-gallery .wp-block-embed.is-type-video iframe {
width: 100%;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery {
gap: unset;
--wp--style--unstable-gallery-gap: unset; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-image-gallery .is-layout-flex.wp-block-gallery {
display: block;
}
html.lt-ie10 .roshel-image-gallery .is-layout-flex.wp-block-gallery > * {
display: inline-block;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image {
width: 25%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
@media (min-width: 768px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image:nth-of-type(1n+9) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image {
width: 33.333%;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image:nth-of-type(1n+7) {
display: none;
}
}
@media (max-width: 767px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image {
width: 50%;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image:nth-of-type(1n+5) {
display: none;
}
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image.inactive {
display: none;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image.active {
display: block !important;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image figure {
overflow: hidden;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image a {
display: block;
overflow: hidden;
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image a:hover img {
transform: scale(1.1);
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image img {
height: 240px;
object-fit: cover;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 1900px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image img {
height: 450px;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image img {
height: 330px;
}
}
@media (max-width: 991px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image img {
height: 200px;
}
}
@media (max-width: 479px) {
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image img {
height: 160px;
}
}
.roshel-image-gallery .is-layout-flex.wp-block-gallery figure.wp-block-image figcaption {
display: none;
}
.roshel-image-gallery figure.wp-block-gallery ul { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-image-gallery figure.wp-block-gallery ul {
display: block;
}
html.lt-ie10 .roshel-image-gallery figure.wp-block-gallery ul > * {
display: inline-block;
}
.roshel-image-gallery figure.wp-block-gallery ul li {
width: 25%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
.roshel-image-gallery figure.wp-block-gallery ul li.blocks-gallery-item:nth-of-type(1n+9) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-image-gallery figure.wp-block-gallery ul li {
width: 33.333%;
}
.roshel-image-gallery figure.wp-block-gallery ul li.blocks-gallery-item:nth-of-type(1n+7) {
display: none;
}
}
@media (max-width: 767px) {
.roshel-image-gallery figure.wp-block-gallery ul li {
width: 50%;
}
.roshel-image-gallery figure.wp-block-gallery ul li.blocks-gallery-item:nth-of-type(1n+5) {
display: none;
}
}
.roshel-image-gallery figure.wp-block-gallery ul li.has-video-element {
position: relative;
}
.roshel-image-gallery figure.wp-block-gallery ul li.has-video-element a:before {
top: 50%;
left: 50%;
right: 50%;
content: "";
width: 80px;
height: 80px;
margin: auto;
z-index: 1;
cursor: pointer;
position: absolute;
vertical-align: top;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/play-button.png);
}
.roshel-image-gallery figure.wp-block-gallery ul li.inactive {
display: none;
}
.roshel-image-gallery figure.wp-block-gallery ul li.active {
display: block !important;
}
.roshel-image-gallery figure.wp-block-gallery ul li figure {
overflow: hidden;
}
.roshel-image-gallery figure.wp-block-gallery ul li a {
display: block;
overflow: hidden;
}
.roshel-image-gallery figure.wp-block-gallery ul li a:hover img {
transform: scale(1.1);
}
.roshel-image-gallery figure.wp-block-gallery ul li img {
height: 240px;
object-fit: cover;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 1900px) {
.roshel-image-gallery figure.wp-block-gallery ul li img {
height: 450px;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
.roshel-image-gallery figure.wp-block-gallery ul li img {
height: 330px;
}
}
@media (max-width: 991px) {
.roshel-image-gallery figure.wp-block-gallery ul li img {
height: 200px;
}
}
@media (max-width: 479px) {
.roshel-image-gallery figure.wp-block-gallery ul li img {
height: 160px;
}
}
.roshel-image-gallery figure.wp-block-gallery ul li figcaption {
display: none;
}
.roshel-gallery-button-container {
text-align: center;
padding: 50px 10px 0;
}
@media (max-width: 767px) {
.roshel-gallery-button-container {
padding: 35px 10px 0;
}
}
.roshel-gallery-button-container a.roshel-gallery-button {
font-weight: 400;
padding: 8px 35px;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: #000;
border: 2px solid #000;
}
.roshel-gallery-button-container a.roshel-gallery-button:hover {
background-color: transparent;
color: #000;
}
.roshel-gallery-video {
display: none;
}
.roshel-filters {
margin: 50px 0;
}
.modal .modal-content {
background-color: #fff;
}
.modal .modal-content .modal-header h5 {
margin: 0;
font-size: 24px;
padding: 25px 0 0 50px;
color: #212529;
}
.modal .modal-content .modal-header .modal-header-inner {
padding: 30px 0 0 30px;
}
.modal .modal-content .modal-body .form-container {
padding: 0 30px 70px;
}
@media (max-width: 767px) {
.modal .modal-content .modal-body .form-container {
padding: 0 0 70px;
}
}
.modal .modal-content .modal-body form .gform_body input, .modal .modal-content .modal-body form .gform_body textarea {
color: #7b7b7b;
}
.modal .modal-content .modal-body form .gform_footer {
padding: 40px 0 0;
}
.modal .modal-content .modal-footer p, .modal .modal-content .modal-footer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .modal .modal-content .modal-footer .wp-block-column {
margin: 20px 0;
font-size: 12px;
color: #7b7b7b;
}
.form-modal .modal-dialog {
max-width: 600px;
padding: 0 25px;
}
.form-modal .modal-dialog .modal-footer p, .form-modal .modal-dialog .modal-footer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .form-modal .modal-dialog .modal-footer .wp-block-column {
padding: 0 55px;
} #goog-gt-tt {
display: none !important;
}
.goog-te-banner-frame {
display: none !important;
}
.goog-te-menu-value:hover {
text-decoration: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}
body {
top: 0 !important;
}
#google_translate_element2 {
display: none !important;
}
.roshel-language-toggle {
display: none !important;
padding-left: 15px;
position: relative;
}
.roshel-language-toggle .current-language {
cursor: pointer;
}
.roshel-language-toggle .current-language span {
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
}
.roshel-language-toggle .current-language span.globe {
content: "";
width: 16px;
height: 16px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/globe.png);
}
.roshel-language-toggle .roshel-language-list-container {
top: 47px;
right: -15px;
display: none;
position: absolute;
background: black;
}
@media (max-width: 767px) {
.roshel-language-toggle .roshel-language-list-container {
top: 37px;
}
}
.roshel-language-toggle .roshel-language-list-container ul li a {
width: 110px;
height: 40px;
display: block;
font-size: 12px;
padding: 10px 20px;
text-align: center;
position: relative;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (min-width: 1200px) and (max-width: 1250px) {
.roshel-language-toggle .roshel-language-list-container ul li a {
font-size: 11px;
}
}
.roshel-language-toggle .roshel-language-list-container ul li a:before {
top: -2px;
left: 0;
width: 0;
height: 1.5px;
content: "";
display: block;
position: absolute;
vertical-align: middle;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.roshel-language-toggle .roshel-language-list-container ul li a:hover:before {
width: 100%;
}
.roshel-fp-container {
padding: 100px 50px;
}
.roshel-fp-container hr {
margin-bottom: 0;
}
.roshel-fp-container .wp-block-media-text {
cursor: pointer;
position: relative;
background-color: transparent;
border-top: 3px solid transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: transparent;
}
.roshel-fp-container .wp-block-media-text:before {
left: 0;
width: 0;
top: -3px;
height: 3px;
content: "";
display: block;
background: #000000;
position: absolute;
vertical-align: middle;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.roshel-fp-container .wp-block-media-text:hover {
background-color: #f8f8f8;
}
.roshel-fp-container .wp-block-media-text:hover:before {
width: 100%;
}
.roshel-fp-container .wp-block-media-text:hover a {
opacity: 1 !important;
}
.roshel-fp-container .wp-block-media-text .wp-block-media-text__content {
text-align: center;
}
.roshel-fp-container .wp-block-media-text .wp-block-media-text__content h4 {
font-size: 18px;
}
.roshel-fp-container .wp-block-media-text .wp-block-media-text__content a {
font-size: 0;
}
@media (min-width: 768px) {
.roshel-fp-container .wp-block-media-text .wp-block-media-text__content a {
opacity: 0;
}
}
.roshel-fp-container .wp-block-media-text .wp-block-media-text__content a:after {
content: "";
width: 20px;
height: 20px;
margin-top: 5px;
vertical-align: top;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
.roshel-fp-container .slick-arrow {
top: -35px;
width: auto;
height: auto;
bottom: auto;
background-color: transparent;
}
.roshel-fp-container .slick-prev {
right: 50px;
}
.roshel-fp-container .slick-prev:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
.roshel-fp-container .slick-next {
right: 0;
}
.roshel-fp-container .slick-next:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
.roshel-fp-container:not(.fp-full-image) .wp-block-media-text {
padding: 40px;
}
.roshel-fp-container:not(.fp-full-image) .wp-block-media-text:hover img {
transform: scale(1.1);
}
.roshel-fp-container:not(.fp-full-image) .wp-block-media-text img {
width: 400px;
margin: auto;
object-fit: contain;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.roshel-fp-container:not(.fp-full-image) .wp-block-media-text .wp-block-media-text__content {
margin-top: 50px;
}
.roshel-fp-container.fp-full-image .roshel-fp-content {
padding-top: 20px;
}
.roshel-fp-container.fp-full-image .roshel-fp-content .wp-block-media-text {
margin: 0 10px;
}
.roshel-fp-container.fp-full-image .roshel-fp-content .wp-block-media-text img {
height: 400px;
object-fit: cover;
}
.roshel-fp-container.fp-full-image .roshel-fp-content .wp-block-media-text .wp-block-media-text__content {
margin-top: 30px;
text-align: center;
padding: 0 20px 20px;
}
.roshel-body-paragraph {
position: relative;
}
.roshel-body-paragraph .wp-block-group__inner-container {
height: 550px;
position: relative;
}
@media (min-width: 1900px) {
.roshel-body-paragraph .wp-block-group__inner-container {
height: 800px;
}
}
.roshel-body-paragraph .background-image {
width: 100%;
height: 100%;
}
.roshel-body-paragraph .roshel-paragraph-overlay {
top: 50%;
width: 100%;
z-index: 100;
position: absolute;
transform: translateY(-50%);
}
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner {
width: 100%;
margin: auto;
padding: 0 50px;
max-width: 1520px;
}
@media (max-width: 991px) {
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner {
padding: 0 30px;
}
}
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
margin: auto;
max-width: 900px;
text-align: center;
font-weight: 400;
color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
font-size: 33px;
line-height: 33px;
}
}
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner a {
letter-spacing: 1px;
display: inline-block;
color: #fff;
}
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner a:after {
content: "";
width: 13px;
height: 15px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next-white.svg);
}
.roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner p, .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-body-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .wp-block-column {
margin: 0;
}
.roshel-body-paragraph .overlay, .roshel-body-paragraph .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image .roshel-body-paragraph .wp-block-group__inner-container:before {
background-color: rgba(0, 0, 0, 0.4);
}
.roshel-footer-paragraph {
position: relative;
}
.roshel-footer-paragraph > .wp-block-group__inner-container {
position: relative;
height: 500px;
}
@media (max-width: 767px) {
.roshel-footer-paragraph > .wp-block-group__inner-container {
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-footer-paragraph > .wp-block-group__inner-container {
height: 400px;
}
}
@media (min-width: 1900px) {
.roshel-footer-paragraph > .wp-block-group__inner-container {
height: 600px;
}
}
.roshel-footer-paragraph .background-image {
top: 0;
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
}
.roshel-footer-paragraph .roshel-paragraph-overlay {
top: 36%;
width: 100%;
z-index: 100;
position: absolute;
transform: translate(-50%, -50%);
}
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner {
width: 100%;
margin: auto;
padding: 0 50px;
max-width: 1520px;
}
@media (max-width: 991px) {
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner {
padding: 0 30px;
}
}
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
margin: 0 0 25px;
line-height: 50px;
font-size: 53px;
text-transform: unset;
color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner h2, .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a,
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .um-account-name > a {
font-size: 33px;
line-height: 33px;
}
}
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner a,
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner button {
font-weight: 300;
padding: 25px 0 0;
letter-spacing: 1px;
display: inline-block;
color: #fff;
}
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner a:after,
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner button:after {
content: "";
width: 13px;
height: 15px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next-white.svg);
}
.roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner p, .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-footer-paragraph .roshel-paragraph-overlay .roshel-paragraph-overlay-inner .wp-block-column {
max-width: 535px;
color: #fff;
}
.roshel-footer-paragraph .overlay, .roshel-footer-paragraph .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image .roshel-footer-paragraph .wp-block-group__inner-container:before {
z-index: -1;
background-color: rgba(0, 0, 0, 0.4);
}
.roshel-animate { visibility: hidden; -webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-ms-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
} .roshel-animated {
visibility: visible;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-ms-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-100px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(100px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(100px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes moveUp {
0% {
opacity: 1;
-webkit-transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes moveUp {
0% {
opacity: 1;
-moz-transform: translateY(40px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes moveUp {
0% {
opacity: 1;
-o-transform: translateY(40px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes moveUp {
0% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeBgColor {
0% {
background: none;
}
70% {
background: none;
}
100% {
background: #464646;
}
}
@-o-keyframes fadeBgColor {
0% {
background: none;
}
70% {
background: none;
}
100% {
background: #464646;
}
}
@keyframes fadeBgColor {
0% {
background: none;
}
70% {
background: none;
}
100% {
background: #464646;
}
}
.roshel-animated.animation-delay {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.roshel-animated.animation-delay-med {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
.roshel-animated.animation-delay-long {
animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
}
.roshel-animated.fade-bg-color {
-webkit-animation-name: fadeBgColor;
-moz-animation-name: fadeBgColor;
-o-animation-name: fadeBgColor;
animation-name: fadeBgColor;
}
.roshel-animated.bounce-in {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
.roshel-animated.bounce-in-right {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
.roshel-animated.bounce-in-left {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.roshel-animated.fade-in {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.roshel-animated.fade-in-down {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.roshel-animated.fade-in-up {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.roshel-animated.move-up {
-webkit-animation-name: moveUp;
-moz-animation-name: moveUp;
-o-animation-name: moveUp;
animation-name: moveUp;
}
.form-container {
padding: 0 30px 30px;
}
.form-container .roshel-form-description h3 {
font-size: 21px;
}
.form-container .gform_wrapper {
margin: 0;
}
.form-container .gform_wrapper .gsection_title {
color: #212529;
font-weight: 400 !important;
}
.form-container .gform_wrapper label {
font-weight: 300 !important;
}
.form-container .gform_wrapper label span {
color: #7b7b7b;
}
.form-container .gform_wrapper form .gform_body input, .form-container .gform_wrapper form .gform_body textarea {
border: none;
outline: none;
border-radius: 0;
font-weight: 300;
margin-bottom: 10px;
background: transparent;
font-size: 14px !important;
border-bottom: 1px solid #b9b6b6;
}
.form-container .gform_wrapper form .gform_body .resume-upload input {
width: 100%;
padding-bottom: 15px;
}
.form-container .gform_wrapper form .gform_footer input {
border-radius: 0;
padding: 8px 50px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background-color: #000;
border: 2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.form-container .gform_wrapper form .gform_footer input:hover {
color: #212529;
background-color: transparent;
}
.form-container .validation_error {
display: none !important;
font-size: 12px !important;
font-weight: 400 !important;
border-top: 0 !important;
border-bottom: 0 !important;
padding: 0 0 10px !important;
text-align: left !important;
margin: 0 !important;
color: #d81d1d !important;
}
.form-container .validation_message {
padding-top: 3px !important;
font-size: 10px !important;
font-weight: 400 !important;
color: #d81d1d !important;
}
.form-container .gfield_error {
margin-top: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
background-color: transparent !important;
}
.form-container .gfield_error input, .form-container .gfield_error textarea {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #b9b6b6 !important;
}
.form-container .gfield_error .ginput_container {
margin-top: 0 !important;
}
.form-container.product-inquiry form .product-field input[type=text] {
display: none;
}
.form-container.product-inquiry form .selected-product {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #b9b6b6;
}
.form-container.product-inquiry form .selected-product label {
margin-bottom: 0;
display: inline-block !important;
}
.form-container.product-inquiry form .selected-product .checkblock-cover {
margin-top: 8px;
}
.form-container.product-inquiry form .selected-product .checkblock-cover .checkblock {
margin-right: 10px;
}
.form-container.product-inquiry-quote {
padding: 0 30px;
}
.form-container.product-inquiry-quote .roshel-quote-builder-form-container {
width: 100%;
}
.form-container.product-inquiry-quote .roshel-quote-builder-form-container > .wp-block-group__inner-container {
padding: 0;
}
.form-container.ev-registration {
max-width: 700px;
padding-top: 50px;
width: 100%;
}
.form-container.ev-registration .ev-registration-msg {
font-size: 13px;
color: #7b7b7b;
}
.form-container.ev-registration form .gform_body input, .form-container.ev-registration form .gform_body textarea {
color: #fff !important;
border-bottom: 1px solid #fff !important;
}
.form-container.ev-registration form .gform_footer {
margin: 0;
text-align: center;
padding: 15px 0 45px;
}
.form-container.ev-registration form .gform_footer input {
color: #212529 !important;
background-color: #fff !important;
border: 2px solid #fff !important;
}
.form-container.ev-registration form .gform_footer input:hover {
color: #fff !important;
background-color: transparent !important;
}
.form-container.job-application form ul li.position-field {
display: none;
}
.form-container.job-application .gform_confirmation_wrapper .gform_confirmation_message_27 {
color: #7b7b7b;
font-size: 14px;
}
.centered-captcha {
padding: 0 !important;
text-align: center;
margin-bottom: 20px;
}
.centered-captcha .ginput_recaptcha > div {
margin: auto;
}
body.error404 h1 {
margin: 0;
font-size: 150px;
}
@media (max-width: 767px) {
body.error404 h1 {
font-size: 45px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.error404 h1 {
font-size: 75px;
}
}
body.error404 a.home-page-link {
font-size: 13px;
color: #fff;
text-decoration: underline !important;
}
body.error404 a.home-page-link:hover {
opacity: 0.7;
}
body.error404 p, body.error404 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.error404 .wp-block-column {
font-size: 21px;
text-transform: capitalize;
}
@media (max-width: 767px) {
body.error404 p, body.error404 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.error404 .wp-block-column {
font-size: 17px;
}
}
body.error404 .overlay.gradient, body.error404 .page-id-8114 .test-background-image .gradient.wp-block-group__inner-container:before, .page-id-8114 .test-background-image body.error404 .gradient.wp-block-group__inner-container:before {
background-image: -ms-linear-gradient(top, "#000000", "#ffffff");
background-color: "#000000";
background-image: -khtml-gradient(linear, left top, left bottom, from("#000000"), to("#ffffff"));
background-image: -moz-linear-gradient(top, "#000000", "#ffffff");
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, "#000000"), color-stop(100%, "#ffffff"));
background-image: -webkit-linear-gradient(center, "#000000", "#ffffff");
background-image: -o-linear-gradient(top, "#000000", "#ffffff");
background-image: linear-gradient(top, "#000000", "#ffffff");
}  body {  }
body::-webkit-scrollbar {
width: 5px;
}
body::-webkit-scrollbar-thumb {
background: #000;
} h1, .h1 {
font-size: 50px;
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h1, .h1 {
font-size: 40px;
}
}
h2, body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11599 .um-account .um-account-name > a, .h2, body.page-id-11598 .um-account .um-account-tab .um-account-heading,
body.page-id-11599 .um-account .um-account-tab .um-account-heading, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h2,
.roshel-dual-column-paragraph-container .roshel-title-container h1,
.roshel-dual-column-paragraph-container .roshel-title-container h2, .roshel-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-column-paragraph-container .roshel-column-paragraph-title h2 {
font-size: 32px;
}
@media (max-width: 767px) {
h2, body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11599 .um-account .um-account-name > a, .h2, body.page-id-11598 .um-account .um-account-tab .um-account-heading,
body.page-id-11599 .um-account .um-account-tab .um-account-heading, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h2,
.roshel-dual-column-paragraph-container .roshel-title-container h1,
.roshel-dual-column-paragraph-container .roshel-title-container h2, .roshel-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-column-paragraph-container .roshel-column-paragraph-title h2 {
font-size: 23px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h2, body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11599 .um-account .um-account-name > a, .h2, body.page-id-11598 .um-account .um-account-tab .um-account-heading,
body.page-id-11599 .um-account .um-account-tab .um-account-heading, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title h2,
.roshel-dual-column-paragraph-container .roshel-title-container h1,
.roshel-dual-column-paragraph-container .roshel-title-container h2, .roshel-column-paragraph-container .roshel-column-paragraph-title h1, .roshel-column-paragraph-container .roshel-column-paragraph-title h2 {
font-size: 27px;
}
}
h3, .h3 {
font-size: 28px;
}
@media (max-width: 767px) {
h3, .h3 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h3, .h3 {
font-size: 24px;
}
}
h4, .h4 {
font-size: 24px;
}
h5, .h5 {
font-weight: 400;
font-size: 20px;
}
h6, .h6 {
font-weight: 400;
font-size: 16px;
}
p, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column {
line-height: 1.777;
font-size: 14px;
color: #7b7b7b;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
line-height: 1.777;
font-size: 14px;
color: #7b7b7b;
}
a {
text-decoration: none !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
b, strong {
font-weight: 500;
}
table thead {
display: none;
}
button {
outline: none !important;
}
.roshel-subtitle, body.post-template-default.single-post article .entry-meta .post-category a, body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category a, body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category, body.job_listing-template-default article.job_listing .job-type, pre {
font-weight: 500;
font-size: 12px;
margin-bottom: 5px;
letter-spacing: 2px;
text-transform: uppercase;
color: #bbbbbb;
font-family: "Poppins", sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-subtitle, body.post-template-default.single-post article .entry-meta .post-category a, body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category a, body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category, body.job_listing-template-default article.job_listing .job-type, pre {
font-size: 10px;
}
}
figure {
margin: 0;
width: 100%;
height: 100%;
}
.more-info {
padding-right: 0;
position: relative;
}
.more-info:hover span {
visibility: visible;
opacity: 1;
}
.more-info.heading i {
width: 20px;
height: 20px;
}
.more-info span {
opacity: 0;
left: -88px;
bottom: 30px;
width: 200px;
padding: 10px;
font-size: 10px;
font-weight: 300;
visibility: hidden;
text-align: center;
position: absolute;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
background: #000;
}
.more-info span:after {
left: 0;
right: 0;
width: 0;
height: 0;
content: "";
margin: auto;
bottom: -8px;
position: absolute;
border-left: solid 8px transparent;
border-right: solid 8px transparent;
border-top: solid 8px #000;
}
.more-info i {
content: "";
width: 16px;
height: 16px;
cursor: pointer;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
-webkit-mask-repeat: no-repeat;
background-color: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-mask-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/information.svg);
mask-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/information.svg);
} .site-content,
.site-content:before {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.overlay, .page-id-8114 .test-background-image .wp-block-group__inner-container:before {
top: 0;
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.4);
}
.clear {
clear: both;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.link-before-next {
content: "";
padding: 10px;
width: 20px;
height: 20px;
margin-left: 10px;
vertical-align: middle;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.close-icon, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .features-nav-button {
content: "";
display: block;
width: 15px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/close.svg);
}
.close-icon.white, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .white.features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .white.features-nav-button {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/close-white.svg);
}
.dropdown-toggle:after {
width: 12px;
height: 12px;
margin-left: 8px;
margin-bottom: 3px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/down.svg);
}
ul.logo-list {
padding-right: 10%;
display: inline-block;
vertical-align: top;
}
ul.logo-list li {
padding-bottom: 15px;
}
ul.logo-list li:before {
content: "";
width: 15px;
height: 15px;
margin-right: 10px;
display: inline-block;
background-size: cover;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/logo-sm.png);
}
.flip-image {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.hidden {
display: none;
}
.logged-in .show-logged-in {
display: block !important;
}
.show-logged-in {
display: none;
}
.hide-scroll .scroll-down {
display: none;
} #page {
z-index: 999;
position: relative;
background-color: #fff;
}
.roshel-content-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, .roshel-client-testimonials .wp-block-group__inner-container, .roshel-testimonial-title .wp-block-group__inner-container {
width: 100%;
margin: auto;
max-width: 1520px;
}
.roshel-bg-content-container .wp-block-group__inner-container {
margin: auto;
max-width: 1520px;
}
@media (min-width: 768px) {
.roshel-title-container {
margin-bottom: 50px;
}
}
.roshel-title-container p, .roshel-title-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-title-container .wp-block-column {
margin-right: auto;
max-width: 535px;
}
.roshel-center-title-container {
padding: 0;
text-align: center;
max-width: 535px;
}
.roshel-center-title-container.large-title-container {
max-width: 750px;
}
.roshel-center-title-container.padded-top .wp-block-group__inner-container {
padding: 100px 50px 50px;
}
.roshel-center-title-container .wp-block-group__inner-container {
text-align: center;
padding: 0 50px 50px;
}
.roshel-center-title-container .wp-block-group__inner-container h2, .roshel-center-title-container .wp-block-group__inner-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-center-title-container .wp-block-group__inner-container .um-account-name > a,
.roshel-center-title-container .wp-block-group__inner-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-center-title-container .wp-block-group__inner-container .um-account-name > a {
margin-bottom: 10px;
}
.roshel-flex-columns {
height: 650px;
position: relative;
}
@media (max-width: 991px) {
.roshel-flex-columns {
height: 550px;
}
}
@media (min-width: 1900px) {
.roshel-flex-columns {
height: 800px;
}
}
@media (max-width: 767px) {
.roshel-flex-columns {
height: auto;
}
}
@media (min-width: 768px) {
.roshel-flex-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-flex-columns {
display: block;
}
html.lt-ie10 .roshel-flex-columns > * {
display: inline-block;
}
}
.roshel-flex-columns:before {
top: 0;
right: 0;
left: auto;
width: 100%;
height: 100%;
content: "";
z-index: -1;
display: block;
position: absolute;
vertical-align: middle;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.roshel-flex-columns.flex-alternate-columns:before {
left: 0;
right: auto;
}
.roshel-flex-columns.flex-alternate-columns .roshel-text-column {
order: -1;
}
@media (min-width: 1500px) {
.roshel-flex-columns.flex-alternate-columns .roshel-text-column .roshel-text-inner {
margin-right: 10px;
margin-left: auto;
padding: 75px 150px 75px 0;
}
}
.roshel-flex-columns.light-background:before {
background-color: #fff;
}
.roshel-flex-columns.roshel-column-label figure {
position: relative;
}
.roshel-flex-columns.roshel-column-label figure figcaption {
top: 20px;
left: 20px;
right: auto;
color: white;
font-weight: 500;
position: absolute;
font-size: 14px;
letter-spacing: 1px;
padding: 5px 20px;
background: black;
display: block !important;
text-transform: uppercase;
}
.roshel-flex-columns.roshel-column-label figure figcaption.float-right {
right: 20px;
left: auto;
}
.roshel-flex-columns.dark-background {
color: #fff;
}
.roshel-flex-columns.dark-background:before {
background-color: #000;
}
.roshel-flex-columns.dark-background .roshel-text-inner p, .roshel-flex-columns.dark-background .roshel-text-inner .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-flex-columns.dark-background .roshel-text-inner .wp-block-column {
color: #bbbbbb;
}
.roshel-flex-columns .roshel-image-column {
height: 100%;
}
@media (min-width: 768px) {
.roshel-flex-columns .roshel-image-column {
width: 50%;
}
}
@media (max-width: 767px) {
.roshel-flex-columns .roshel-image-column {
height: 400px;
}
}
.roshel-flex-columns .roshel-image-column figure.contain-image img {
object-fit: contain;
}
@media (min-width: 1900px) {
.roshel-flex-columns .roshel-image-column figure.contain-image img {
max-width: 900px;
margin: auto;
}
}
.roshel-flex-columns .roshel-image-column figure.scale-up {
overflow: hidden;
}
.roshel-flex-columns .roshel-image-column figure.scale-up img {
transform: scale(1.4);
}
.roshel-flex-columns .roshel-image-column figure.negative-margin img {
margin-top: -72px;
}
.roshel-flex-columns .roshel-image-column figure figcaption {
display: none;
}
.roshel-flex-columns .roshel-image-column img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
@media (min-width: 768px) {
.roshel-flex-columns .roshel-text-column {
width: 50%;
}
}
.roshel-flex-columns .roshel-text-inner {
width: 100%;
padding: 45px 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-flex-columns .roshel-text-inner {
padding: 35px 30px 75px;
}
}
@media (min-width: 1500px) {
.roshel-flex-columns .roshel-text-inner {
max-width: 650px;
margin-left: 0;
margin-right: auto;
padding: 75px 0 75px 150px;
}
}
.roshel-flex-columns .roshel-text-inner a, .roshel-flex-columns .roshel-text-inner button {
margin-top: 20px;
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-flex-columns .roshel-text-inner a, .roshel-flex-columns .roshel-text-inner button {
position: absolute;
bottom: 20px;
}
}
.roshel-flex-columns .roshel-text-inner ul li {
list-style: inside;
padding-bottom: 8px;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-flex-columns .roshel-text-inner .inner-text-body {
max-height: 250px;
overflow: scroll;
}
}
.roshel-flex-columns .roshel-text-inner .roshel-column-text-label {
color: #00e992;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.roshel-flex-columns .roshel-text-inner .roshel-column-text-label:before {
content: "";
width: 24px;
height: 24px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
}
.roshel-flex-columns .roshel-text-inner .roshel-column-text-label:before.apc {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/apc-icon.png);
}
.roshel-flex-columns-slider {
margin-bottom: 100px;
}
.roshel-flex-columns-slider .roshel-flex-columns {
margin-bottom: 0;
}
.roshel-flex-columns-slider .slick-arrow {
background-color: #000;
}
.roshel-flex-columns-slider .slick-arrow:hover {
background-color: black;
}
.roshel-column-paragraph-container .roshel-column-paragraph {
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-column-paragraph-container .roshel-column-paragraph.expand > .wp-block-group__inner-container {
column-gap: 20px;
}
}
@media (min-width: 992px) {
.roshel-column-paragraph-container .roshel-column-paragraph.expand > .wp-block-group__inner-container {
column-count: 2;
column-gap: 40px;
}
}
.roshel-column-paragraph-container .roshel-column-paragraph.expand .wp-block-columns.full-content {
display: block;
}
.roshel-column-paragraph-container .roshel-column-paragraph.expand .wp-block-column {
column-count: 1;
column-gap: 0;
margin: 0;
}
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-columns.full-content {
display: none;
}
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-column {
margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-column {
column-gap: 20px;
}
}
@media (min-width: 768px) {
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-column {
column-count: 2;
column-gap: 40px;
}
}
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-column a {
color: inherit;
text-decoration: underline !important;
}
.roshel-column-paragraph-container .roshel-column-paragraph .wp-block-column a:hover {
opacity: 0.7;
}
.roshel-column-paragraph-container .read-more-container {
margin-top: 20px;
}
.roshel-column-paragraph-container .read-more-container a {
padding: 0;
cursor: pointer;
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
color: #212529;
text-transform: uppercase;
}
.roshel-column-paragraph-container .read-more-container a:after {
content: "";
width: 11px;
height: 13px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/down.svg);
}
.roshel-column-paragraph-container .read-more-container a.open:after {
margin-bottom: 5px;
transform: rotate(180deg);
}
.roshel-column-paragraph-container ul li {
list-style: inside;
}
.roshel-column-paragraph-container p strong, .roshel-column-paragraph-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column strong, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-column-paragraph-container .wp-block-column strong {
color: #212529;
}
.roshel-dual-column-paragraph-container .roshel-column-paragraph-title,
.roshel-dual-column-paragraph-container .roshel-title-container {
margin-bottom: 25px;
}
.roshel-dual-column-paragraph-container .roshel-column-paragraph-title p, .roshel-dual-column-paragraph-container .roshel-column-paragraph-title .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-column-paragraph-title .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-title-container p,
.roshel-dual-column-paragraph-container .roshel-title-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-title-container .wp-block-column {
max-width: 645px;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph {
position: relative;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph.expand .wp-block-columns.full-content { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph.expand .wp-block-columns.full-content {
display: block;
}
html.lt-ie10 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph.expand .wp-block-columns.full-content > * {
display: inline-block;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph.expand .wp-block-columns .wp-block-column.excerpt-content {
display: block;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-columns {
display: block;
}
html.lt-ie10 .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-columns > * {
display: inline-block;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-columns.full-content {
display: none;
padding-top: 20px;
}
@media (min-width: 768px) {
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column {
width: calc(50% - 20px);
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column:first-of-type {
padding-right: 10px;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column:last-of-type {
padding-left: 10px;
}
}
@media (max-width: 767px) {
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column.excerpt-content {
display: none;
padding-top: 20px;
}
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column a {
color: inherit;
text-decoration: underline !important;
}
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column a:hover {
opacity: 0.7;
}
.roshel-dual-column-paragraph-container .read-more-container a {
padding: 0;
display: block;
cursor: pointer;
margin-top: 19px;
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
color: #212529;
text-transform: uppercase;
background-color: transparent;
}
.roshel-dual-column-paragraph-container .read-more-container a:after {
content: "";
width: 11px;
height: 13px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/down.svg);
}
.roshel-dual-column-paragraph-container .read-more-container a.open:after {
margin-bottom: 5px;
transform: rotate(180deg);
}
.roshel-dual-column-paragraph-container ul li {
list-style: inside;
}
.roshel-dual-column-paragraph-container p strong, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column strong {
color: #212529;
}
.roshel-services.roshel-medium .wp-block-group__inner-container h4, body.page-id-4008 .roshel-services.fm-se-container .wp-block-group__inner-container h4,
.roshel-advantage-container.roshel-medium .wp-block-group__inner-container h4,
body.page-id-4008 .roshel-advantage-container.fm-se-container .wp-block-group__inner-container h4 {
font-weight: 400 !important;
}
@media (min-width: 992px) {
.roshel-services .roshel-center-title-container,
.roshel-advantage-container .roshel-center-title-container {
margin: 0 auto 80px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-services .roshel-center-title-container,
.roshel-advantage-container .roshel-center-title-container {
margin: 0 auto 50px;
}
}
.roshel-services .wp-block-group__inner-container .roshel-service,
.roshel-services .wp-block-group__inner-container .roshel-advantage,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage {
width: 33%;
padding: 0 45px;
text-align: left;
text-align: center;
vertical-align: top;
display: inline-block;
}
@media (max-width: 1199px) {
.roshel-services .wp-block-group__inner-container .roshel-service,
.roshel-services .wp-block-group__inner-container .roshel-advantage,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage {
width: 32.899%;
padding: 25px 15px;
}
}
@media (min-width: 768px) {
.roshel-services .wp-block-group__inner-container .roshel-service:not(:last-of-type),
.roshel-services .wp-block-group__inner-container .roshel-advantage:not(:last-of-type),
.roshel-advantage-container .wp-block-group__inner-container .roshel-service:not(:last-of-type),
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage:not(:last-of-type) {
border-right: 1px solid #4c4c4c;
}
}
@media (max-width: 767px) {
.roshel-services .wp-block-group__inner-container .roshel-service,
.roshel-services .wp-block-group__inner-container .roshel-advantage,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage {
width: 100%;
padding: 25px 5px;
}
}
.roshel-services .wp-block-group__inner-container .roshel-service .wp-block-group__inner-container:before,
.roshel-services .wp-block-group__inner-container .roshel-advantage .wp-block-group__inner-container:before,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service .wp-block-group__inner-container:before,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .wp-block-group__inner-container:before {
content: "";
cursor: pointer;
margin-bottom: 25px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.roshel-services .wp-block-group__inner-container .roshel-service h4,
.roshel-services .wp-block-group__inner-container .roshel-advantage h4,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service h4,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage h4 {
font-weight: 300;
font-size: 17px;
margin-bottom: 10px;
}
.roshel-services .wp-block-group__inner-container .roshel-service p, .roshel-services .wp-block-group__inner-container .roshel-service .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-services .wp-block-group__inner-container .roshel-service .wp-block-column,
.roshel-services .wp-block-group__inner-container .roshel-advantage p,
.roshel-services .wp-block-group__inner-container .roshel-advantage .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-services .wp-block-group__inner-container .roshel-advantage .wp-block-column,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service p,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-advantage-container .wp-block-group__inner-container .roshel-service .wp-block-column,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage p,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .wp-block-column {
margin: 0;
}
@media (max-width: 767px) {
.roshel-services .wp-block-group__inner-container .roshel-service p, .roshel-services .wp-block-group__inner-container .roshel-service .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-services .wp-block-group__inner-container .roshel-service .wp-block-column,
.roshel-services .wp-block-group__inner-container .roshel-advantage p,
.roshel-services .wp-block-group__inner-container .roshel-advantage .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-services .wp-block-group__inner-container .roshel-advantage .wp-block-column,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service p,
.roshel-advantage-container .wp-block-group__inner-container .roshel-service .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-advantage-container .wp-block-group__inner-container .roshel-service .wp-block-column,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage p,
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .wp-block-column {
margin: 0 auto;
max-width: 380px;
}
}
.roshel-services .wp-block-group__inner-container .roshel-services-button-container {
margin-top: 70px;
text-align: center;
}
.roshel-services .wp-block-group__inner-container .roshel-service .wp-block-group__inner-container:before {
width: 60px;
height: 60px;
}
.roshel-services .wp-block-group__inner-container .roshel-service.design .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/services-design.png);
}
.roshel-services .wp-block-group__inner-container .roshel-service.engineering .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/services-engineering.png);
}
.roshel-services .wp-block-group__inner-container .roshel-service.technology .wp-block-group__inner-container:before {
width: 70px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/services-technology.png);
}
.roshel-advantage-container {
padding: 100px 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-advantage-container {
padding: 75px 30px;
}
}
@media (max-width: 767px) {
.roshel-advantage-container {
padding: 75px 30px 55px;
}
}
.roshel-advantage-container.roshel-medium .wp-block-group__inner-container .roshel-advantage.turnaround .wp-block-group__inner-container:before, body.page-id-4008 .roshel-advantage-container.fm-se-container .wp-block-group__inner-container .roshel-advantage.turnaround .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-time-black.png);
}
.roshel-advantage-container.roshel-medium .wp-block-group__inner-container .roshel-advantage.support .wp-block-group__inner-container:before, body.page-id-4008 .roshel-advantage-container.fm-se-container .wp-block-group__inner-container .roshel-advantage.support .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-support-black.png);
}
.roshel-advantage-container.roshel-medium .wp-block-group__inner-container .roshel-advantage.pricing .wp-block-group__inner-container:before, body.page-id-4008 .roshel-advantage-container.fm-se-container .wp-block-group__inner-container .roshel-advantage.pricing .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-pricing-black.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage .wp-block-group__inner-container:before {
width: 60px;
height: 60px;
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.turnaround .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-time.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.support .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-support.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.pricing .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/advantage-remote.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.materials .wp-block-group__inner-container:before {
width: 54px;
height: 60px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-certified.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.manufacturing .wp-block-group__inner-container:before {
width: 63px;
height: 63px;
margin-top: -5px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-manufacturing.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.performance .wp-block-group__inner-container:before {
height: 63px;
width: 70px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-performance.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.food .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-food.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.warranty .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-warranty.png);
}
.roshel-advantage-container .wp-block-group__inner-container .roshel-advantage.transport .wp-block-group__inner-container:before {
width: 68px;
height: 68px;
margin-top: -6px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/highlights-transport.png);
}
.faqs-container {
margin: auto;
max-width: 975px;
padding: 100px 50px 0;
}
.faqs-container h3 {
text-align: center;
}
.faqs-container figure {
margin: 50px auto 100px;
}
.faqs-container figure table tbody tr {
cursor: pointer;
display: block;
border-bottom: 1px solid #b9b6b6;
}
.faqs-container figure table tbody tr td {
width: 100%;
display: block;
}
.faqs-container figure table tbody tr td p, .faqs-container figure table tbody tr td .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td .wp-block-column {
margin: 0;
}
.faqs-container figure table tbody tr td:nth-of-type(1),
.faqs-container figure table tbody tr td.question {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 50px;
position: relative;
}
.faqs-container figure table tbody tr td:nth-of-type(1) p, .faqs-container figure table tbody tr td:nth-of-type(1) .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td:nth-of-type(1) .wp-block-column,
.faqs-container figure table tbody tr td.question p,
.faqs-container figure table tbody tr td.question .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td.question .wp-block-column {
font-weight: 500;
font-size: 18px;
color: #212529;
}
@media (max-width: 767px) {
.faqs-container figure table tbody tr td:nth-of-type(1) p, .faqs-container figure table tbody tr td:nth-of-type(1) .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td:nth-of-type(1) .wp-block-column,
.faqs-container figure table tbody tr td.question p,
.faqs-container figure table tbody tr td.question .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td.question .wp-block-column {
font-size: 14px;
line-height: normal;
}
}
.faqs-container figure table tbody tr td:nth-of-type(1):after,
.faqs-container figure table tbody tr td.question:after {
top: 50%;
right: 0;
content: "";
padding: 8px;
width: 10px;
height: 10px;
position: absolute;
background-size: contain;
transform: translateY(-50%);
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/plus.svg);
}
.faqs-container figure table tbody tr td:nth-of-type(2),
.faqs-container figure table tbody tr td.answer {
display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.faqs-container figure table tbody tr td:nth-of-type(2) p, .faqs-container figure table tbody tr td:nth-of-type(2) .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td:nth-of-type(2) .wp-block-column,
.faqs-container figure table tbody tr td.answer p,
.faqs-container figure table tbody tr td.answer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .faqs-container figure table tbody tr td.answer .wp-block-column {
width: 95%;
padding: 20px 0 30px;
}
.faqs-container figure table tbody tr.active td:nth-of-type(1), .faqs-container figure table tbody tr.active td.question {
padding-bottom: 0;
}
.faqs-container figure table tbody tr.active td:nth-of-type(1):after, .faqs-container figure table tbody tr.active td.question:after {
top: calc(50% + 10px);
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.faqs-container figure table tbody tr.active td:nth-of-type(2),
.faqs-container figure table tbody tr.active td.answer {
display: block;
}
.roshel-all-filters, .roshel-gallery-filters, .roshel-filters {
position: relative;
padding: 0 0 0 50px;
border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-all-filters, html.lt-ie10 .roshel-gallery-filters, html.lt-ie10 .roshel-filters {
display: block;
}
html.lt-ie10 .roshel-all-filters > *, html.lt-ie10 .roshel-gallery-filters > *, html.lt-ie10 .roshel-filters > * {
display: inline-block;
}
@media (max-width: 767px) {
.roshel-all-filters, .roshel-gallery-filters, .roshel-filters {
padding: 0;
}
}
.roshel-all-filters .filter-title, .roshel-gallery-filters .filter-title, .roshel-filters .filter-title {
left: 0;
letter-spacing: 1px;
font-size: 14px;
padding: 10px 15px;
position: absolute;
}
@media (max-width: 767px) {
.roshel-all-filters .filter-title, .roshel-gallery-filters .filter-title, .roshel-filters .filter-title {
display: none;
}
}
.roshel-all-filters .filters, .roshel-gallery-filters .filters, .roshel-filters .filters {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 .roshel-all-filters .filters, html.lt-ie10 .roshel-gallery-filters .filters, html.lt-ie10 .roshel-filters .filters {
display: block;
}
html.lt-ie10 .roshel-all-filters .filters > *, html.lt-ie10 .roshel-gallery-filters .filters > *, html.lt-ie10 .roshel-filters .filters > * {
display: inline-block;
}
.roshel-all-filters .filters span, .roshel-gallery-filters .filters span, .roshel-filters .filters span {
display: none;
cursor: pointer;
margin-left: 30px;
}
.roshel-all-filters .filters button, .roshel-gallery-filters .filters button, .roshel-filters .filters button {
margin: 0 4px;
font-weight: 300;
font-size: 13px;
padding: 10px 15px 0;
position: relative;
color: #7b7b7b;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.roshel-all-filters .filters button, .roshel-gallery-filters .filters button, .roshel-filters .filters button {
font-size: 12px;
padding: 10px 5px 0;
}
}
.roshel-all-filters .filters button:before, .roshel-gallery-filters .filters button:before, .roshel-filters .filters button:before {
top: -2px;
left: 0;
width: 0;
height: 3px;
content: "";
display: block;
position: absolute;
vertical-align: middle;
background: #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.roshel-all-filters .filters button:hover, .roshel-gallery-filters .filters button:hover, .roshel-filters .filters button:hover, .roshel-all-filters .filters button.is-checked, .roshel-gallery-filters .filters button.is-checked, .roshel-filters .filters button.is-checked {
color: #212529;
}
.roshel-all-filters .filters button:hover:before, .roshel-gallery-filters .filters button:hover:before, .roshel-filters .filters button:hover:before, .roshel-all-filters .filters button.is-checked:before, .roshel-gallery-filters .filters button.is-checked:before, .roshel-filters .filters button.is-checked:before {
width: 100%;
}
.roshel-center-align {
text-align: center;
}
.roshel-light {
background-color: #fff;
}
.roshel-medium, body.page-id-4008 .fm-se-container {
background-color: #f8f8f8;
}
.roshel-brand {
background-color: #bbbbbb;
}
.roshel-dark {
color: #fff;
background-color: #000;
}
.roshel-dark a {
color: #fff;
}
.roshel-dark p, .roshel-dark .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-dark .wp-block-column {
color: #bbbbbb;
}
.roshel-dark hr {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.roshel-dark .slick-slider .slide-slide {
outline: 0;
}
.roshel-dark .slick-arrow {
background-color: #fff;
}
.roshel-dark .slick-arrow:hover {
background-color: rgb(229.5, 229.5, 229.5);
}
.roshel-dark .slick-prev:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
.roshel-dark .slick-next:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
.roshel-dark .slick-dots li.slick-active button, .roshel-dark .slick-dots li:hover button {
opacity: 1;
background-color: #f8f8f8;
}
.roshel-dark .slick-dots li button {
opacity: 0.3;
background-color: #fff;
}
.roshel-main-container .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 .roshel-main-container .wp-block-columns {
display: block;
}
html.lt-ie10 .roshel-main-container .wp-block-columns > * {
display: inline-block;
}
.roshel-main-container .wp-block-columns .roshel-sidebar {
width: 350px;
padding-right: 10px;
}
.roshel-main-container .wp-block-columns .roshel-sidebar.left-sidebar {
padding-right: 0;
padding-left: 10px;
}
@media (min-width: 1500px) {
.roshel-main-container .wp-block-columns .roshel-sidebar {
width: 450px;
}
}
@media (max-width: 991px) {
.roshel-main-container .wp-block-columns .roshel-sidebar {
display: none;
}
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text {
height: 555px;
position: relative;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text:not(:last-of-type) {
margin-bottom: 25px;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text:before {
top: 0;
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.5);
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text.content-align-top .wp-block-media-text__content {
top: 0;
bottom: auto;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text img {
height: 100%;
object-fit: cover;
object-position: center;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content {
bottom: 0;
width: 100%;
padding: 30px;
position: absolute;
color: #fff;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content h3 {
font-size: 20px;
margin-bottom: 10px;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content p, .roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content .wp-block-column {
margin: 0;
font-size: 12px;
color: #fff;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content button, .roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content a {
font-weight: 400;
margin-top: 20px;
padding: 3px 20px;
font-size: 12px;
text-transform: uppercase;
color: #212529;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
border: 1px solid #fff;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content button:hover, .roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content a:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.roshel-main-container .wp-block-columns .roshel-sidebar .wp-block-media-text .wp-block-media-text__content a {
display: inline-block;
}
.roshel-main-container .wp-block-columns .roshel-mainbar {
width: calc(100% - 350px); display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
html.lt-ie10 .roshel-main-container .wp-block-columns .roshel-mainbar {
display: block;
}
html.lt-ie10 .roshel-main-container .wp-block-columns .roshel-mainbar > * {
display: inline-block;
}
@media (min-width: 1500px) {
.roshel-main-container .wp-block-columns .roshel-mainbar {
width: calc(100% - 450px);
}
}
@media (max-width: 991px) {
.roshel-main-container .wp-block-columns .roshel-mainbar {
width: 100%;
}
} .position-left img {
object-position: left;
}
.position-right img {
object-position: right;
}
.position-top img {
object-position: top;
}
.position-bottom img {
object-position: bottom;
} .roshel-slick-group .wp-block-group:nth-of-type(1n+2) {
opacity: 0;
}
.slick-arrow {
z-index: 1;
width: 50px;
height: 50px;
font-size: 0;
bottom: 0;
position: absolute;
outline: none !important;
background-color: #bbbbbb;
}
.slick-arrow:hover {
background-color: rgb(212.5, 212.5, 212.5);
}
.slick-arrow:before {
width: 20px;
height: 20px;
content: "";
margin: auto;
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.slick-prev {
right: 50px;
}
.slick-prev:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous-white.svg);
}
.slick-next {
right: 0;
}
.slick-next:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next-white.svg);
}
.slick-dots {
padding-top: 30px;
text-align: center;
}
.slick-dots li {
padding: 5px;
display: inline-block;
}
.slick-dots li.slick-active button, .slick-dots li:hover button {
background-color: #000;
}
.slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
border-radius: 100%;
transform: scale(0.6);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #bbbbbb;
} .roshel-padded-content, body.page-id-4008 .fm-se-container > .wp-block-group__inner-container, body.page-template-roshel-product-page .roshel-product-grid-container,
body.page-template-roshel-product-category .roshel-product-grid-container, body.page-template-roshel-product-page .roshel-product-comparison-container,
body.page-template-roshel-product-category .roshel-product-comparison-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-container, .roshel-testimonial-title .wp-block-group__inner-container, body.page-template-roshel-contact-page .roshel-contact-container .wp-block-group__inner-container, body.page-template-roshel-contact-page .roshel-support-container, .roshel-column-paragraph-container > .wp-block-group__inner-container, .roshel-dual-column-paragraph-container > .wp-block-group__inner-container {
padding: 100px 50px;
}
@media (max-width: 991px) {
.roshel-padded-content, body.page-id-4008 .fm-se-container > .wp-block-group__inner-container, body.page-template-roshel-product-page .roshel-product-grid-container,
body.page-template-roshel-product-category .roshel-product-grid-container, body.page-template-roshel-product-page .roshel-product-comparison-container,
body.page-template-roshel-product-category .roshel-product-comparison-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-container, .roshel-testimonial-title .wp-block-group__inner-container, body.page-template-roshel-contact-page .roshel-contact-container .wp-block-group__inner-container, body.page-template-roshel-contact-page .roshel-support-container, .roshel-column-paragraph-container > .wp-block-group__inner-container, .roshel-dual-column-paragraph-container > .wp-block-group__inner-container {
padding: 75px 30px;
}
}
.roshel-double-padded-content {
padding: 200px 50px;
}
@media (max-width: 767px) {
.roshel-double-padded-content {
padding: 80px 30px;
}
}
.roshel-inner-padded-content {
padding: 100px 0;
}
@media (max-width: 767px) {
.roshel-inner-padded-content {
padding: 40px 0;
}
} .button-style, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content a, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content button,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content a,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content button, .transparent-button-alt, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a, body.page-template-roshel-product-page .roshel-product-specs button.product-inquiry-button,
body.page-template-roshel-product-category .roshel-product-specs button.product-inquiry-button, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tfoot td a, .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner a, .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner button, .roshel-flex-columns.dark-background .roshel-text-inner a, .roshel-flex-columns.dark-background .roshel-text-inner button, .roshel-services .wp-block-group__inner-container .roshel-services-button-container a, .roshel-services .wp-block-group__inner-container .roshel-services-button-container button, .transparent-button, body.um-page-login .um .um-button.um-alt,
body.um-page-register .um .um-button.um-alt, body.home .homepage-hero.section-transparent-button a, body.home .dbox-hero.section-transparent-button a, .secondary-button, body.home .homepage-hero a, body.home .dbox-hero a, .primary-button, .roshel-product-list .wp-block-media-text__content a, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .wp-block-file a, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support a, body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside button, body.page-id-11598 .um input[type=submit],
body.page-id-11599 .um input[type=submit], body.um-page-login .um input[type=submit],
body.um-page-register .um input[type=submit], body.page-template-roshel-contact-page .roshel-support-container .roshel-support a, .page-id-8114 .roshel-flex-columns .roshel-text-inner a, .page-id-8114 .roshel-flex-columns .roshel-text-inner button, .roshel-flex-columns .roshel-text-inner a, .roshel-flex-columns .roshel-text-inner button {
font-weight: 400;
padding: 8px 35px;
border-radius: 0;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.primary-button, .roshel-product-list .wp-block-media-text__content a, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .wp-block-file a, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support a, body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside button, body.page-id-11598 .um input[type=submit],
body.page-id-11599 .um input[type=submit], body.um-page-login .um input[type=submit],
body.um-page-register .um input[type=submit], body.page-template-roshel-contact-page .roshel-support-container .roshel-support a, .page-id-8114 .roshel-flex-columns .roshel-text-inner a, .page-id-8114 .roshel-flex-columns .roshel-text-inner button, .roshel-flex-columns .roshel-text-inner a, .roshel-flex-columns .roshel-text-inner button {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.primary-button:hover, .roshel-product-list .wp-block-media-text__content a:hover, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .wp-block-file a:hover, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support a:hover, body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside button:hover, body.page-id-11598 .um input[type=submit]:hover,
body.page-id-11599 .um input[type=submit]:hover, body.um-page-login .um input[type=submit]:hover,
body.um-page-register .um input[type=submit]:hover, body.page-template-roshel-contact-page .roshel-support-container .roshel-support a:hover, .page-id-8114 .roshel-flex-columns .roshel-text-inner a:hover, .page-id-8114 .roshel-flex-columns .roshel-text-inner button:hover, .roshel-flex-columns .roshel-text-inner a:hover, .roshel-flex-columns .roshel-text-inner button:hover {
color: #000;
background-color: transparent;
}
.secondary-button, body.home .homepage-hero a, body.home .dbox-hero a {
color: #212529;
background-color: #fff;
border: 1px solid #fff;
}
.secondary-button:hover, body.home .homepage-hero a:hover, body.home .dbox-hero a:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.transparent-button, body.um-page-login .um .um-button.um-alt,
body.um-page-register .um .um-button.um-alt, body.home .homepage-hero.section-transparent-button a, body.home .dbox-hero.section-transparent-button a {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.transparent-button.large, body.um-page-login .um .large.um-button.um-alt,
body.um-page-register .um .large.um-button.um-alt, body.home .homepage-hero.section-transparent-button a.large, body.home .dbox-hero.section-transparent-button a.large {
padding: 10px 45px;
font-size: 20px;
}
.transparent-button:hover, body.um-page-login .um .um-button.um-alt:hover,
body.um-page-register .um .um-button.um-alt:hover, body.home .homepage-hero.section-transparent-button a:hover, body.home .dbox-hero.section-transparent-button a:hover {
color: #212529;
background-color: #fff;
border: 1px solid #fff;
}
.transparent-button-alt, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a, body.page-template-roshel-product-page .roshel-product-specs button.product-inquiry-button,
body.page-template-roshel-product-category .roshel-product-specs button.product-inquiry-button, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tfoot td a, .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner a, .page-id-8114 .roshel-flex-columns.dark-background .roshel-text-inner button, .roshel-flex-columns.dark-background .roshel-text-inner a, .roshel-flex-columns.dark-background .roshel-text-inner button, .roshel-services .wp-block-group__inner-container .roshel-services-button-container a, .roshel-services .wp-block-group__inner-container .roshel-services-button-container button {
margin-top: 30px;
display: inline-block;
color: #212529;
background-color: #fff;
border: 1px solid #fff;
}
.transparent-button-alt:hover, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a:hover,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a:hover, body.page-template-roshel-product-page .roshel-product-specs button.product-inquiry-button:hover,
body.page-template-roshel-product-category .roshel-product-specs button.product-inquiry-button:hover, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tfoot td a:hover, .roshel-flex-columns.dark-background .roshel-text-inner a:hover, .roshel-flex-columns.dark-background .roshel-text-inner button:hover, .roshel-services .wp-block-group__inner-container .roshel-services-button-container a:hover, .roshel-services .wp-block-group__inner-container .roshel-services-button-container button:hover {
background-color: transparent;
color: #fff;
} .roshel-chat-button {
right: 30px;
bottom: 80px;
font-size: 0;
padding: 8px;
display: block;
position: fixed;
cursor: pointer;
z-index: 9999999;
border-radius: 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 479px) {
.roshel-chat-button {
right: 20px;
bottom: 20px;
}
}
.roshel-chat-button:after {
content: "";
width: 49px;
height: 61px;
cursor: pointer;
display: block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/chat.svg);
}
.roshel-chat-button.alt-color {
border: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.roshel-chat-button.alt-color:after {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/chat-white.svg);
}
.roshel-chat-button.chat-open {
display: none;
}
.roshel-chat-modal {
right: 30px;
bottom: 30px;
width: 300px;
display: none;
position: fixed;
z-index: 9999999;
border-radius: 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.roshel-chat-modal {
max-height: 540px;
overflow: scroll;
}
}
.roshel-chat-modal.chat-open {
display: block;
}
.roshel-chat-modal .chat-header {
padding: 20px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.roshel-chat-modal .chat-header h6 {
margin: 0;
}
.roshel-chat-modal .chat-header button {
top: 15px;
right: 15px;
position: absolute;
}
.roshel-chat-modal .chat-header button span {
width: 12px;
height: 12px;
}
.roshel-chat-modal .chat-body {
padding: 15px 15px 25px;
}
.roshel-chat-modal .chat-body .form-container {
padding: 0;
}
@media (max-width: 767px) {
.roshel-chat-modal .chat-body .form-container form .gform_body ul li.gfield {
margin-top: 0 !important;
}
}
.roshel-chat-modal .chat-body .form-container form .gform_body input {
width: 100%;
font-size: 12px !important;
}
.roshel-chat-modal .chat-body .form-container form .gform_body .ginput_container_name span {
width: 100%;
}
.roshel-chat-modal .chat-body .form-container form .gform_body .ginput_container_name span.name_first {
padding-top: 0;
margin-bottom: 12px;
}
.roshel-chat-modal .chat-body .form-container form .gform_footer input {
margin: 0;
padding: 5px 30px;
font-size: 12px;
}
.roshel-chat-modal .chat-footer {
padding: 20px 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.roshel-chat-modal .chat-footer p, .roshel-chat-modal .chat-footer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-chat-modal .chat-footer .wp-block-column {
margin: 0;
line-height: normal;
font-size: 12px;
}
.roshel-info-button {
left: 30px;
bottom: 35px;
font-size: 0;
display: block;
position: fixed;
cursor: pointer;
z-index: 9999999;
padding: 15px;
border-radius: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #000000;
}
@media (max-width: 479px) {
.roshel-info-button {
right: 20px;
bottom: 20px;
}
}
.roshel-info-button:after {
content: "";
width: 30px;
height: 30px;
cursor: pointer;
display: block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/logos/logo-single-white.png);
}
.roshel-info-button.overlay-open {
display: none;
}
.roshel-info-overlay {
bottom: 30px;
display: none;
position: fixed;
z-index: 9999999;
border-radius: 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.roshel-info-overlay.overlay-open {
display: block;
}
.roshel-info-overlay .info-overlay-body p, .roshel-info-overlay .info-overlay-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-info-overlay .info-overlay-body .wp-block-column {
margin: 0;
}
.roshel-info-overlay .info-overlay-body .io-label {
font-weight: 500;
color: black;
}
.roshel-info-overlay .info-overlay-footer {
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.roshel-info-overlay .info-overlay-footer p, .roshel-info-overlay .info-overlay-footer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-info-overlay .info-overlay-footer .wp-block-column {
margin: 0;
line-height: normal;
font-size: 12px;
}
.roshel-info-popup {
width: 250px;
left: 30px;
background-color: #fff;
}
@media (max-width: 767px) {
.roshel-info-popup {
max-height: 540px;
overflow: scroll;
}
.roshel-info-popup .info-overlay-header {
padding: 15px;
}
.roshel-info-popup .info-overlay-header button {
top: 15px;
right: 15px;
position: absolute;
}
.roshel-info-popup .info-overlay-header button span {
width: 12px;
height: 12px;
}
.roshel-info-popup .info-overlay-body .io-text {
margin-bottom: 10px;
}
}
.roshel-info-popup .info-overlay-body {
padding: 0 15px 15px;
}
.roshel-info-banner {
left: 0;
right: 0;
width: 90%;
margin: auto;
background-color: rgba(255, 255, 255, 0.5);
}
.roshel-info-banner .info-overlay-header {
right: 0;
height: 100%;
padding: 12px;
position: absolute;
}
.roshel-info-banner .info-overlay-body {
padding: 5px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-info-banner .info-overlay-body {
display: block;
}
html.lt-ie10 .roshel-info-banner .info-overlay-body > * {
display: inline-block;
}
.roshel-info-banner .info-overlay-body p, .roshel-info-banner .info-overlay-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-info-banner .info-overlay-body .wp-block-column {
display: inline-block;
}
.roshel-info-banner .info-overlay-body .io-text {
padding-left: 20px;
}
.roshel-info-button-footer {
left: 0;
bottom: 0;
padding: 12px;
border-radius: 0;
display: block !important;
}
.roshel-info-footer {
left: 0;
right: 0;
bottom: 0;
width: 100%;
margin: auto;
z-index: 999999;
border-radius: 0;
background-color: black;
}
@media (max-width: 767px) {
.roshel-info-footer {
display: none !important;
}
}
.roshel-info-footer .info-overlay-header {
right: 0;
height: 100%;
padding: 20px;
position: absolute;
}
.roshel-info-footer .info-overlay-header button {
opacity: 1;
}
.roshel-info-footer .info-overlay-body {
padding: 15px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-info-footer .info-overlay-body {
display: block;
}
html.lt-ie10 .roshel-info-footer .info-overlay-body > * {
display: inline-block;
}
.roshel-info-footer .info-overlay-body p, .roshel-info-footer .info-overlay-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-info-footer .info-overlay-body .wp-block-column {
font-size: 12px;
display: inline-block;
}
.roshel-info-footer .info-overlay-body .io-text {
padding-left: 20px;
}
.roshel-info-footer .info-overlay-body .io-text:not(:first-of-type):before {
content: "";
width: 1px;
height: 22px;
background: #8d8d8d;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
}
.roshel-info-footer .info-overlay-body .io-text .io-label {
color: white;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.roshel-info-footer .info-overlay-body .io-text .io-value {
color: #e3e3e3;
} .roshel-latest-posts ul.wp-block-latest-posts li {
padding: 5px 10px;
}
.roshel-latest-posts ul.wp-block-latest-posts li img {
width: 100%;
object-fit: cover;
object-position: top;
height: 350px;
}
@media (max-width: 479px) {
.roshel-latest-posts ul.wp-block-latest-posts li img {
height: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.roshel-latest-posts ul.wp-block-latest-posts li img {
height: 380px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-latest-posts ul.wp-block-latest-posts li img {
height: 300px;
}
}
.roshel-latest-posts ul.wp-block-latest-posts li a {
display: block;
line-height: 22px;
font-weight: 400;
padding: 20px 0 0;
font-size: 16px;
text-transform: unset;
color: #212529;
} .checkblock {
padding: 0;
width: 20px;
height: 20px;
cursor: pointer;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
border: 1px solid #000;
background-color: transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.checkblock:before {
content: "";
width: 10px;
height: 10px;
margin: 4px;
display: none;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/check.png);
}
.checkblock.checked {
background-color: #000;
border: 1px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.checkblock.checked:before {
display: block;
} .social-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: left;
justify-content: left;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .social-container {
display: block;
}
html.lt-ie10 .social-container > * {
display: inline-block;
}
.social-container p.connect, .social-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .connect.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .social-container .connect.wp-block-column {
font-weight: 400;
margin: 0 10px 0 0;
font-size: 12px;
color: #212529;
letter-spacing: 0.8px;
}
.social-container ul.social-list.flex { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: left;
justify-content: left;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .social-container ul.social-list.flex {
display: block;
}
html.lt-ie10 .social-container ul.social-list.flex > * {
display: inline-block;
}
.social-container ul.social-list.flex li {
padding-right: 10px;
}
.social-container ul.social-list li a {
font-size: 0;
color: #212529;
}
.social-container ul.social-list li a:before {
font-family: "Font Awesome 5 Brands";
font-size: 14px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.social-container ul.social-list li a[data-image=facebook]:before {
content: "\f39e";
}
.social-container ul.social-list li a[data-image=twitter]:before {
content: "\f099";
}
.social-container ul.social-list li a[data-image=instagram]:before {
content: "\f16d";
}
.social-container ul.social-list li a[data-image=linkedin]:before {
content: "\f0e1";
}
.social-container ul.social-list li a[data-image=tiktok]:before {
content: "\e07b";
}
.social-container ul.social-list li a[data-image=youtube]:before {
content: "\f167";
}
.social-container ul.social-list li a[data-image=x-twitter]:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"></path></svg>');
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
} .scroll-down {
left: 0;
right: 0;
bottom: 12px;
margin: auto;
width: 23px;
height: 33px;
position: absolute;
}
.scroll-down .mousey {
width: 3px;
height: 10px;
opacity: 0.75;
padding: 10px 8px;
border-radius: 8px;
transform: scale(0.7);
box-sizing: content-box;
border: 2px solid #fff;
}
.scroll-down .scroller {
width: 2px;
height: 8px;
border-radius: 25%;
animation-name: scroll;
animation-duration: 2.2s;
background-color: #fff;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
} .roshel-menu-filters {
position: relative;
margin: 25px 50px 50px;
border-top: 1px solid #fff; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-menu-filters {
display: block;
}
html.lt-ie10 .roshel-menu-filters > * {
display: inline-block;
}
.roshel-menu-filters span {
font-weight: 500;
letter-spacing: 1px;
font-size: 14px;
position: relative;
padding: 7px 15px;
text-transform: uppercase;
}
.roshel-menu-filters span.filter-title {
left: 0;
position: absolute;
}
.roshel-menu-filters .filters {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 .roshel-menu-filters .filters {
display: block;
}
html.lt-ie10 .roshel-menu-filters .filters > * {
display: inline-block;
}
.roshel-menu-filters .filters span {
display: none;
cursor: pointer;
margin-left: 30px;
}
.roshel-menu-filters .filters button {
color: #fff;
margin: 0 5px;
padding: 10px;
font-size: 12px;
position: relative;
}
.roshel-menu-filters .filters button:before {
top: 0;
left: 0;
width: 0;
height: 3px;
content: "";
display: block;
background: #fff;
position: absolute;
vertical-align: middle;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.roshel-menu-filters .filters button:hover:before, .roshel-menu-filters .filters button.is-checked:before {
width: 100%;
}
body header {
width: 100%;
position: absolute;
z-index: 999999; }
body header:after {
content: "";
height: 1px;
width: 100%;
background: rgb(255, 255, 255);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
}
body header #topbar-menu {
padding: 0 20px;
height: 70px;
background-color: transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body header #topbar-menu {
display: block;
}
html.lt-ie10 body header #topbar-menu > * {
display: inline-block;
}
@media (max-width: 767px) {
body header #topbar-menu {
height: 50px;
}
}
body header #topbar-menu ul.navbar {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body header #topbar-menu ul.navbar {
display: block;
}
html.lt-ie10 body header #topbar-menu ul.navbar > * {
display: inline-block;
}
body header #topbar-menu ul.navbar li a {
padding: 0 20px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body header #topbar-menu ul.navbar li a {
padding: 0 12px;
letter-spacing: 0.5px;
}
}
@media (min-width: 1200px) and (max-width: 1250px) {
body header #topbar-menu ul.navbar li a {
font-size: 11px;
letter-spacing: 0px;
}
}
@media (max-width: 1199px) {
body header #topbar-menu nav#primary-navigation-container {
display: none;
}
}
body header #topbar-menu .menu-controls {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body header #topbar-menu .menu-controls {
display: block;
}
html.lt-ie10 body header #topbar-menu .menu-controls > * {
display: inline-block;
}
@media (max-width: 767px) {
body header #topbar-menu .menu-controls ul.navbar {
display: none;
}
}
body header #topbar-menu .menu-controls ul.navbar li:last-of-type a {
position: relative;
padding: 5px 15px;
color: #fff;
background-color: transparent;
border: 1px solid #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
body header #topbar-menu .menu-controls ul.navbar li:last-of-type a {
font-size: 12px;
}
}
body header #topbar-menu .menu-controls ul.navbar li:last-of-type a:hover {
color: #212529;
background-color: #fff;
border: 1px solid #fff;
}
body header #topbar-menu .menu-controls ul.navbar li:last-of-type a:before {
content: "\f007";
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 8px;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
body header #sidebar-menu {
left: -150%;
width: 300px;
height: 95vh;
display: flex;
position: fixed;
padding: 40px 20px;
flex-direction: column;
background: transparent;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
body header #sidebar-menu {
width: 250px;
}
}
body header #sidebar-menu nav {
padding-bottom: 50px;
}
body header #sidebar-menu nav ul.navbar li.menu-item a.nav-link {
font-weight: 500;
padding-bottom: 10px;
color: #212529;
letter-spacing: 0.5px;
text-transform: uppercase;
}
body header #sidebar-menu nav ul.navbar li.menu-item.open > ul.dropdown-menu {
width: 250px;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body header #sidebar-menu nav ul.navbar li.menu-item ul.dropdown-menu {
top: 70px;
left: 300px;
z-index: 1;
right: auto;
width: 0;
height: 100%;
display: none;
position: fixed;
overflow-y: scroll;
padding-bottom: 100px;
background-clip: padding-box;
background-color: #f8f8f8;
}
@media (max-width: 767px) {
body header #sidebar-menu nav ul.navbar li.menu-item ul.dropdown-menu {
left: 0;
top: 50px;
right: auto;
width: 300px;
height: 100%;
z-index: 999;
}
}
body header #sidebar-menu nav ul.navbar li.menu-item ul.dropdown-menu li {
border-bottom: 1px solid #ddd;
}
body header #sidebar-menu nav ul.navbar li.menu-item ul.dropdown-menu a {
padding: 10px 20px;
text-transform: uppercase;
color: #212529;
font-size: 12px;
font-weight: 300;
}
@media (max-width: 767px) {
body header #sidebar-menu nav ul.navbar li.menu-item ul.dropdown-menu a {
letter-spacing: 1px;
font-weight: 400;
}
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content {
padding: 20px;
background-color: #f2f2f2;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-content-intro {
font-size: 11px;
line-height: 15px;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact p, body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .wp-block-column {
margin: 0;
font-size: 12px;
line-height: normal;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact p.mi-contact-name, body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .mi-contact-name.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .mi-contact-name.wp-block-column {
font-weight: 500;
color: #212529;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact p.mi-contact-position, body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .mi-contact-position.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact .mi-contact-position.wp-block-column {
font-style: italic;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact a.mi-contact-mail {
font-size: 12px;
color: #212529;
padding: 12px 0 0;
text-transform: unset;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body header #sidebar-menu nav ul.navbar li.menu-item .mi-content .mi-contact a.mi-contact-mail:hover {
color: #7b7b7b;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu li {
height: 175px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
html.lt-ie10 body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu li {
display: block;
}
html.lt-ie10 body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu li > * {
display: block;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a.dropdown-toggle:after {
width: 9px;
height: 9px;
margin-left: 5px;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="secured transportation"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="medium-duty vehicles"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="secured transportation"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="medium-duty vehicles"]:before {
content: "";
display: block;
width: 209px;
height: 78px;
margin-bottom: 13px;
margin-left: -24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/medium-duty-vehicles.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="light-duty vehicles"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="light-duty vehicles"]:before {
content: "";
display: block;
width: 203px;
height: 71px;
margin-bottom: 13px;
margin-left: -21px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/light-duty-vehicles.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="heavy-duty vehicles"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="heavy-duty vehicles"]:before {
content: "";
display: block;
width: 230px;
height: 87px;
margin-bottom: 13px;
margin-left: -28px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/heavy-duty-vehicles.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="electric vehicles"] {
position: relative;
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="electric vehicles"]:before {
content: "";
display: block;
width: 209px;
height: 92px;
margin-bottom: 13px;
margin-left: -25px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/electric-vehicles.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="electric vehicles"]:before {
filter: blur(6px);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="electric vehicles"]:after {
top: 52px;
left: 38px;
font-weight: 500;
position: absolute;
color: #fff;
content: "Coming Soon";
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="upfitting solutions"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="upfitting solutions"]:before {
content: "";
display: block;
width: 205px;
height: 85px;
margin-bottom: 13px;
margin-left: -22px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/upfitting-solutions.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image=defense],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defense solutions"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defense vehicles"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image=defence],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defence vehicles"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="law enforcement"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator apc"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image=defense]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defense solutions"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defense vehicles"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image=defence]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="defence vehicles"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="law enforcement"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator apc"]:before {
content: "";
display: block;
width: 213px;
height: 93px;
margin-bottom: 13px;
margin-left: -19px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-apc.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="captain apc"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="captain apc"]:before {
content: "";
display: block;
width: 285px;
height: 93px;
margin-bottom: 13px;
margin-left: -56px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/captain-apc.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator erv"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator erv"]:before {
content: "";
display: block;
width: 213px;
height: 93px;
margin-bottom: 13px;
margin-left: -19px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-erv.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator eod"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator eod"]:before {
content: "";
display: block;
width: 280px;
height: 93px;
margin-bottom: 13px;
margin-left: -56px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-eod.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator medevac"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator medevac"]:before {
content: "";
display: block;
width: 245px;
height: 93px;
margin-bottom: 13px;
margin-left: -33px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-medevac.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator mrap"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator mrap"]:before {
content: "";
display: block;
width: 285px;
height: 93px;
margin-bottom: 13px;
margin-left: -56px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-mrap.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="admiral mrap"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="admiral mrap"]:before {
content: "";
display: block;
width: 285px;
height: 93px;
margin-bottom: 13px;
margin-left: -56px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/admiral-mrap.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="roshel pickup"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator pickup"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="roshel pickup"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="senator pickup"]:before {
content: "";
display: block;
width: 295px;
height: 93px;
margin-bottom: 13px;
margin-left: -84px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/roshel-pickup-cargo.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="commercial vehicles"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="commercial armored vehicles"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="police vehicles"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="commercial vehicles"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="commercial armored vehicles"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="police vehicles"]:before {
content: "";
display: block;
width: 204px;
height: 89px;
margin-bottom: 13px;
margin-left: -16px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/police-vehicles.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armored vans"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armoured vans"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armored vans"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armoured vans"]:before {
content: "";
display: block;
width: 210px;
height: 80px;
margin-bottom: 13px;
margin-left: -22px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/armored-vans.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armored vans"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="armoured vans"]:before {
background-size: cover;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="portable guard booth"],
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="portable guard booths"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="portable guard booth"]:before,
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="portable guard booths"]:before {
content: "";
display: block;
width: 250px;
height: 89px;
margin-bottom: 13px;
margin-left: -22px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/portable-guard-booth.png);
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="fleet management"] {
overflow: hidden;
letter-spacing: 1px;
padding: 15px 30px;
font-weight: 400;
}
body header #sidebar-menu nav ul.navbar li.products ul.dropdown-menu a[data-image="fleet management"]:before {
content: "";
display: block;
width: 223px;
height: 87px;
margin-bottom: 13px;
margin-left: -48px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/fleet-mgmt.png);
}
body header #sidebar-menu nav .dropdown-menu-return {
display: none;
padding: 15px 10px 15px 20px;
background-color: #fff; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body header #sidebar-menu nav .dropdown-menu-return {
display: block;
}
html.lt-ie10 body header #sidebar-menu nav .dropdown-menu-return > * {
display: inline-block;
}
body header #sidebar-menu nav .dropdown-menu-return span {
order: -1;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #212529;
}
body header #sidebar-menu nav .dropdown-menu-return a {
order: -1;
padding: 0 !important;
letter-spacing: 0.5px;
font-size: 13px !important;
font-weight: 400 !important;
}
body header #sidebar-menu nav .dropdown-menu-return i.back-arrow {
width: 20px;
height: 13px;
cursor: pointer;
display: block;
margin-right: 0;
margin-left: auto;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
body header #sidebar-menu nav .dropdown-menu-return i.back-arrow:hover {
margin-right: 5px;
}
body header #sidebar-menu nav#sidebar-secondary a.nav-link {
font-weight: 300;
padding-bottom: 10px;
}
@media (min-width: 992px) {
body header #sidebar-menu .sidebar-tools {
margin-top: auto;
margin-bottom: 20px;
}
}
body header .logo img {
width: 150px;
}
@media (max-width: 767px) {
body header .logo img {
width: 120px;
}
}
body header .separator {
color: #fff;
margin: 0 15px;
width: 1px;
height: 30px;
background: #fff;
}
body header .navigation-button {
width: 23px;
height: 26px;
outline: none;
display: block;
cursor: pointer;
position: relative;
}
body header .navigation-button span {
left: 0;
height: 1px;
width: 23px;
border: none;
cursor: pointer;
position: absolute;
background: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body header .navigation-button span.top {
top: 6px;
}
body header .navigation-button span.middle {
top: 12px;
}
body header .navigation-button span.bottom {
top: 18px;
}
body header .navigation-button.active span.top {
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-moz-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
-o-transform: translateY(6px) translateX(0) rotate(45deg);
transform: translateY(6px) translateX(0) rotate(45deg);
}
body header .navigation-button.active span.middle {
opacity: 0;
}
body header .navigation-button.active span.bottom {
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
-o-transform: translateY(-6px) translateX(0) rotate(-45deg);
transform: translateY(-6px) translateX(0) rotate(-45deg);
}
body.header-active {
width: 100%;
position: fixed !important;
scroll-behavior: auto !important;
}
body.header-active header {
position: fixed;
}
body.header-active header:after {
opacity: 0;
}
body.header-active #topbar-menu {
background-color: #000;
}
body.header-active #topbar-menu .menu-controls ul.navbar li:last-of-type a {
color: #212529;
background-color: #fff;
border: 1px solid #212529;
}
body.header-active #topbar-menu .menu-controls ul.navbar li:last-of-type a:hover {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
body.header-active #sidebar-menu {
left: 0;
background: #fff;
}
body.header-active section#primary {
position: relative;
}
body.header-active section#primary:before {
top: 0;
content: "";
width: 100%;
height: 100%;
z-index: 999;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
li.dropdown-mega-menu {
position: static;
}
li.dropdown-mega-menu.open ul.dropdown-menu {
display: grid !important;
}
li.dropdown-mega-menu ul.dropdown-menu {
height: 100%;
gap: 10px;
overflow-y: auto;
padding: 70px 30px 30px 30px;
width: calc(100% - 300px) !important;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: min-content;
align-content: start;
}
}
@media (min-width: 768px) and (min-width: 1500px) {
li.dropdown-mega-menu ul.dropdown-menu {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
li.dropdown-mega-menu ul.dropdown-menu {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
li.dropdown-mega-menu ul.dropdown-menu > li {
border-bottom: none !important;
min-height: fit-content;
height: auto !important;
margin-bottom: 50px;
}
li.dropdown-mega-menu ul.dropdown-menu > li a {
padding: 0 !important;
height: auto;
}
li.dropdown-mega-menu .dropdown-menu-return {
top: 70px;
left: 300px;
width: calc(100% - 300px);
position: fixed;
padding: 15px 40px;
background-color: rgb(235.25, 235.25, 235.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
z-index: 10;
}
}
body footer {
width: 100%;
font-size: 12px;
color: #b9b6b6;
background: #000;
}
@media (min-width: 768px) {
body footer {
left: 0;
bottom: 0;
display: block;
position: sticky;
place-items: center;
}
}
body footer .roshel-content-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-faqs-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-blocks-container > .wp-block-column, body footer .roshel-client-testimonials .wp-block-group__inner-container, .roshel-client-testimonials body footer .wp-block-group__inner-container, body footer .roshel-testimonial-title .wp-block-group__inner-container, .roshel-testimonial-title body footer .wp-block-group__inner-container {
padding: 60px 30px;
}
@media (min-width: 768px) {
body footer .roshel-content-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-faqs-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-blocks-container > .wp-block-column, body footer .roshel-client-testimonials .wp-block-group__inner-container, .roshel-client-testimonials body footer .wp-block-group__inner-container, body footer .roshel-testimonial-title .wp-block-group__inner-container, .roshel-testimonial-title body footer .wp-block-group__inner-container {
padding: 80px 50px 20px;
}
}
body footer a {
color: #b9b6b6;
}
body footer a:hover {
color: #fff;
}
body footer ul.menu li {
width: 100%;
padding-bottom: 7px;
}
@media (min-width: 768px) {
body footer ul.menu li {
padding-bottom: 10px;
}
}
body footer ul.menu li a {
font-size: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
body footer ul.menu li a {
max-width: 140px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body footer ul.menu li a {
max-width: 140px;
}
}
body footer .footer-inner.top {
padding: 0 0 30px;
margin-bottom: 30px;
border-bottom: 1px solid #525252; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.top {
display: block;
}
html.lt-ie10 body footer .footer-inner.top > * {
display: inline-block;
}
@media (max-width: 479px) {
body footer .footer-inner.top { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.top {
display: block;
}
html.lt-ie10 body footer .footer-inner.top > * {
display: inline-block;
}
}
body footer .footer-inner.top .footer-logo {
padding-bottom: 40px;
}
@media (min-width: 1200px) {
body footer .footer-inner.top .footer-logo {
width: 15%;
padding-bottom: 0;
}
}
body footer .footer-inner.top .footer-logo img {
width: 185px;
}
@media (max-width: 991px) {
body footer .footer-inner.top .footer-logo img {
width: 150px;
}
}
body footer .footer-inner.top .footer-widgets { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.top .footer-widgets {
display: block;
}
html.lt-ie10 body footer .footer-inner.top .footer-widgets > * {
display: inline-block;
}
@media (min-width: 1200px) {
body footer .footer-inner.top .footer-widgets {
width: 85%; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.top .footer-widgets {
display: block;
}
html.lt-ie10 body footer .footer-inner.top .footer-widgets > * {
display: inline-block;
}
}
@media (max-width: 479px) {
body footer .footer-inner.top .footer-widgets {
width: 100%;
}
}
@media (max-width: 767px) {
body footer .footer-inner.top .footer-widgets .roshel-footer-corporate,
body footer .footer-inner.top .footer-widgets .roshel-footer-resources {
display: none;
}
}
@media (max-width: 479px) {
body footer .footer-inner.top .footer-widgets .roshel-footer-products {
padding-bottom: 35px;
}
}
body footer .footer-inner.top .footer-widgets h3.widget-title {
font-weight: 400;
letter-spacing: 1px;
font-size: 16px;
margin-bottom: 25px;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 767px) {
body footer .footer-inner.top .footer-widgets h3.widget-title {
margin-bottom: 10px;
}
}
body footer .footer-inner.top .footer-widgets .contact-info-container {
width: 100%;
}
body footer .footer-inner.top .footer-widgets .contact-info-container a, body footer .footer-inner.top .footer-widgets .contact-info-container span {
font-size: 12px;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .icon {
font-weight: 400;
display: inline-block;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .address-container .icon {
vertical-align: top;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .address-container .postal-country {
display: block;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .address-container div[itemprop=address] {
display: inline-block;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .address-container div[itemprop=address] span[itemprop=streetAddress] {
display: block;
}
body footer .footer-inner.top .footer-widgets .contact-info-container .contact-options span.seo-schema {
display: block;
padding-bottom: 7px;
}
body footer .footer-inner.top .footer-widgets .footer-widget {
width: 25%;
}
@media (min-width: 1200px) {
body footer .footer-inner.top .footer-widgets .footer-widget {
width: 15%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body footer .footer-inner.top .footer-widgets .footer-widget {
width: 50%;
}
}
@media (max-width: 479px) {
body footer .footer-inner.top .footer-widgets .footer-widget {
width: 100%;
text-align: center;
}
}
body footer .footer-inner.middle {
padding: 0 0 30px;
margin-bottom: 30px;
border-bottom: 1px solid #525252;
}
body footer .footer-inner.bottom { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.bottom {
display: block;
}
html.lt-ie10 body footer .footer-inner.bottom > * {
display: inline-block;
}
@media (min-width: 768px) {
body footer .footer-inner.bottom { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body footer .footer-inner.bottom {
display: block;
}
html.lt-ie10 body footer .footer-inner.bottom > * {
display: inline-block;
}
}
@media (max-width: 767px) {
body footer .footer-inner.bottom .footer-copyright {
width: 100%;
text-align: center;
}
}
body footer .footer-inner.bottom .footer-navigation ul.footer-nav li {
display: inline-block;
}
body footer .footer-inner.bottom .footer-navigation ul.footer-nav li:last-of-type:after {
display: none;
}
body footer .footer-inner.bottom .footer-navigation ul.footer-nav li:after {
content: "";
width: 1px;
height: 15px;
margin: 0 10px;
display: inline-block;
vertical-align: middle;
background: #757575;
}
body footer .footer-inner.bottom .footer-navigation ul.footer-nav li a {
font-size: 12px;
display: inline-block;
}
body footer .flex-column {
-webkit-flex-direction: unset;
flex-direction: unset;
}
body footer .widget_reblex-widget {
padding: 25px 0;
}
@media (max-width: 1199px) {
body footer .widget_reblex-widget {
padding: 10px 0;
}
}
body footer .widget_reblex-widget .wp-block-media-text {
display: block;
position: relative;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media (max-width: 767px) {
body footer .widget_reblex-widget .wp-block-media-text {
text-align: center;
}
}
body footer .widget_reblex-widget .wp-block-media-text:not(:last-of-type) {
padding: 0 20px 0 0;
}
body footer .widget_reblex-widget .wp-block-media-text.large-icon figure {
width: 72px;
}
body footer .widget_reblex-widget .wp-block-media-text.nato figure {
width: 82px;
}
body footer .widget_reblex-widget .wp-block-media-text figure {
width: 65px;
display: inline-block;
vertical-align: middle;
}
body footer .widget_reblex-widget .wp-block-media-text figure img {
height: 100%;
width: 100%;
}
body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content {
padding-left: 10px;
display: inline-block;
vertical-align: middle;
}
body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content:before {
content: "";
width: 1px;
height: 55px;
background: #8d8d8d;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content p, body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content .wp-block-column {
margin: 0;
max-width: 65px;
line-height: 14px;
font-size: 10px;
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
}
body footer .widget_reblex-widget .wp-block-media-text .wp-block-media-text__content span {
width: 100%;
display: block;
padding-left: 10px;
font-size: 10px;
} html#home {
scroll-behavior: auto !important;
}
body.home header {
position: fixed;
}
body.home .is-layout-flex {
display: unset;
gap: unset;
}
body.home .homepage-hero.section-align-left .heading-container, body.home .dbox-hero.section-align-left .heading-container {
left: 50px;
max-width: 521px;
margin: 0;
text-align: left;
}
@media (max-width: 767px) {
body.home .homepage-hero.section-align-left .heading-container, body.home .dbox-hero.section-align-left .heading-container {
left: 0;
}
}
body.home .homepage-hero.section-align-left p, body.home .homepage-hero.section-align-left .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero.section-align-left .wp-block-column, body.home .dbox-hero.section-align-left p, body.home .dbox-hero.section-align-left .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero.section-align-left .wp-block-column {
max-width: 75%;
}
@media (min-width: 992px) {
body.home .homepage-hero.section-align-middle .heading-container, body.home .dbox-hero.section-align-middle .heading-container {
top: 40%;
}
}
body.home .homepage-hero.section-hidden-content .heading-container, body.home .dbox-hero.section-hidden-content .heading-container {
display: none;
}
body.home .homepage-hero.active .section-nav,
body.home .homepage-hero.active .heading-container, body.home .dbox-hero.active .section-nav,
body.home .dbox-hero.active .heading-container {
opacity: 1;
}
body.home .homepage-hero h1, body.home .homepage-hero h2, body.home .homepage-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .homepage-hero .um-account-name > a,
body.home .homepage-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .homepage-hero .um-account-name > a, body.home .dbox-hero h1, body.home .dbox-hero h2, body.home .dbox-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .dbox-hero .um-account-name > a,
body.home .dbox-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .dbox-hero .um-account-name > a {
margin: 0;
letter-spacing: 3.5px;
padding-bottom: 5px;
color: #fff;
font-size: 40px;
}
@media (max-width: 767px) {
body.home .homepage-hero h1, body.home .homepage-hero h2, body.home .homepage-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .homepage-hero .um-account-name > a,
body.home .homepage-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .homepage-hero .um-account-name > a, body.home .dbox-hero h1, body.home .dbox-hero h2, body.home .dbox-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .dbox-hero .um-account-name > a,
body.home .dbox-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .dbox-hero .um-account-name > a {
font-size: 27px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.home .homepage-hero h1, body.home .homepage-hero h2, body.home .homepage-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .homepage-hero .um-account-name > a,
body.home .homepage-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .homepage-hero .um-account-name > a, body.home .dbox-hero h1, body.home .dbox-hero h2, body.home .dbox-hero body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.home .dbox-hero .um-account-name > a,
body.home .dbox-hero body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.home .dbox-hero .um-account-name > a {
font-size: 35px;
}
}
body.home .homepage-hero p, body.home .homepage-hero .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero .wp-block-column, body.home .homepage-hero span, body.home .dbox-hero p, body.home .dbox-hero .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero .wp-block-column, body.home .dbox-hero span {
margin: 0;
letter-spacing: 1.5px;
color: #fff;
}
body.home .homepage-hero a, body.home .dbox-hero a {
margin-top: 40px;
cursor: pointer;
display: inline-block;
}
body.home .homepage-hero #video-heading h1.preload, body.home .homepage-hero #video-heading p.preload, body.home .homepage-hero #video-heading .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .preload.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero #video-heading .preload.wp-block-column, body.home .homepage-hero #video-heading span.preload, body.home .dbox-hero #video-heading h1.preload, body.home .dbox-hero #video-heading p.preload, body.home .dbox-hero #video-heading .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .preload.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero #video-heading .preload.wp-block-column, body.home .dbox-hero #video-heading span.preload {
animation: fadeInAnimation ease 2s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.home .homepage-hero #video-heading a, body.home .dbox-hero #video-heading a {
display: none;
}
body.home .homepage-hero .heading-container, body.home .dbox-hero .heading-container {
left: 0;
right: 0;
top: 25%;
z-index: 10;
width: 100%;
opacity: 0;
margin: auto;
padding: 0 20px;
text-align: center;
position: absolute;
text-transform: uppercase;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
@media (max-width: 767px) {
body.home .homepage-hero .heading-container, body.home .dbox-hero .heading-container {
top: 50%;
padding: 0 20px;
opacity: 1 !important;
transform: translateY(-50%);
}
}
body.home .homepage-hero .section-nav, body.home .dbox-hero .section-nav {
left: 0;
opacity: 0;
bottom: 15px;
z-index: 10;
padding: 0 20px;
position: absolute;
text-transform: uppercase;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
@media (max-width: 767px) {
body.home .homepage-hero .section-nav, body.home .dbox-hero .section-nav {
display: none;
}
}
body.home .homepage-hero .section-nav div.divider, body.home .dbox-hero .section-nav div.divider {
margin: 0 5px;
width: 1px;
height: 27px;
background: #fff;
display: inline-block;
vertical-align: middle;
}
body.home .homepage-hero .section-nav span, body.home .homepage-hero .section-nav p, body.home .homepage-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero .section-nav .wp-block-column, body.home .dbox-hero .section-nav span, body.home .dbox-hero .section-nav p, body.home .dbox-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero .section-nav .wp-block-column {
width: auto;
max-width: none;
display: inline-block;
vertical-align: middle;
color: #fff;
}
body.home .homepage-hero .section-nav span.section-nav-location, body.home .homepage-hero .section-nav p.section-nav-location, body.home .homepage-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .section-nav-location.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero .section-nav .section-nav-location.wp-block-column, body.home .dbox-hero .section-nav span.section-nav-location, body.home .dbox-hero .section-nav p.section-nav-location, body.home .dbox-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .section-nav-location.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero .section-nav .section-nav-location.wp-block-column {
font-weight: 500;
font-size: 20px;
}
body.home .homepage-hero .section-nav span.section-nav-excerp, body.home .homepage-hero .section-nav p.section-nav-excerp, body.home .homepage-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .section-nav-excerp.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .homepage-hero .section-nav .section-nav-excerp.wp-block-column, body.home .dbox-hero .section-nav span.section-nav-excerp, body.home .dbox-hero .section-nav p.section-nav-excerp, body.home .dbox-hero .section-nav .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .section-nav-excerp.wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.home .dbox-hero .section-nav .section-nav-excerp.wp-block-column {
opacity: 0.7;
font-size: 10px;
letter-spacing: 1.5px;
}
body.home .homepage-hero .homepage-hero-slider:before, body.home .dbox-hero .homepage-hero-slider:before {
top: 0;
content: "";
width: 100%;
height: 100%;
z-index: 1;
display: block;
position: absolute;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.home .homepage-hero .overlay, body.home .homepage-hero .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image body.home .homepage-hero .wp-block-group__inner-container:before, body.home .homepage-hero .homepage-hero-slider:before, body.home .dbox-hero .overlay, body.home .dbox-hero .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image body.home .dbox-hero .wp-block-group__inner-container:before, body.home .dbox-hero .homepage-hero-slider:before {
background-color: rgba(0, 0, 0, 0.4);
}
body.home .homepage-hero #homepage-hero-3 .wp-block-gallery li[data-slick-index="3"] img, body.home .dbox-hero #homepage-hero-3 .wp-block-gallery li[data-slick-index="3"] img {
transform: scale(1.6);
}
body.home .homepage-hero #homepage-hero-4 .homepage-hero-slider:before, body.home .dbox-hero #homepage-hero-4 .homepage-hero-slider:before {
opacity: 0;
}
body.home .homepage-hero footer, body.home .dbox-hero footer {
display: none;
}
body.page-template-default .roshel-default-container .wp-block-group__inner-container,
body.job_listing-template-default .roshel-default-container .wp-block-group__inner-container,
body.post-template-default .roshel-default-container .wp-block-group__inner-container {
margin: auto;
max-width: 1060px;
}
body.page-template-default .roshel-default-container .wp-block-columns,
body.job_listing-template-default .roshel-default-container .wp-block-columns,
body.post-template-default .roshel-default-container .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 body.page-template-default .roshel-default-container .wp-block-columns,
html.lt-ie10 body.job_listing-template-default .roshel-default-container .wp-block-columns,
html.lt-ie10 body.post-template-default .roshel-default-container .wp-block-columns {
display: block;
}
html.lt-ie10 body.page-template-default .roshel-default-container .wp-block-columns > *,
html.lt-ie10 body.job_listing-template-default .roshel-default-container .wp-block-columns > *,
html.lt-ie10 body.post-template-default .roshel-default-container .wp-block-columns > * {
display: inline-block;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar {
width: 350px;
}
@media (max-width: 767px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar {
width: 250px;
}
}
@media (min-width: 1500px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar {
width: 450px;
}
}
@media (max-width: 767px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar {
display: none;
}
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text {
height: 555px;
position: relative;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text {
height: 400px;
}
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text:not(:last-of-type),
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text:not(:last-of-type),
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text:not(:last-of-type) {
margin-bottom: 25px;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text img,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text img,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text img {
height: 100%;
object-fit: cover;
object-position: center;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content {
bottom: 0;
width: 100%;
padding: 20px;
position: absolute;
color: #fff;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content h3,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content h3,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content h3 {
font-size: 20px;
margin-bottom: 10px;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content p, body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content p,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content p,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-sidebar .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 12px;
}
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-content {
padding-right: 100px;
width: calc(100% - 250px); display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
html.lt-ie10 body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
html.lt-ie10 body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
html.lt-ie10 body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-content {
display: block;
}
html.lt-ie10 body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-content > *,
html.lt-ie10 body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-content > *,
html.lt-ie10 body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-content > * {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-content {
padding-right: 50px;
}
}
@media (max-width: 767px) {
body.page-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.job_listing-template-default .roshel-default-container .wp-block-columns .roshel-default-content,
body.post-template-default .roshel-default-container .wp-block-columns .roshel-default-content {
width: 100%;
padding-right: 0;
}
}
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul {
display: block;
}
html.lt-ie10 body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul > * {
display: inline-block;
}
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li {
width: 14.2857142857%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li {
width: 33.333%;
}
}
@media (max-width: 767px) {
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li {
width: 50%;
}
}
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li a {
display: block;
overflow: hidden;
}
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li img {
height: 240px;
object-fit: cover;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-id-4283 .roshel-about-gallery figure.wp-block-gallery ul li figcaption {
display: none;
}
body.page-id-4283 .roshel-management .wp-block-media-text {
position: relative;
}
body.page-id-4283 .roshel-management .wp-block-media-text.bottom-align img {
object-position: bottom;
}
body.page-id-4283 .roshel-management .wp-block-media-text:before {
top: 0;
content: "";
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(183deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
}
body.page-id-4283 .roshel-management .wp-block-media-text img {
width: 100%;
object-fit: cover;
object-position: top;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
height: 300px;
}
@media (max-width: 321px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 430px;
}
}
@media (max-width: 479px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 500px;
}
}
@media (max-width: 767px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 400px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 380px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 350px;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 340px;
}
}
@media (min-width: 1900px) and (max-width: 2499px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 430px;
}
}
@media (min-width: 2500px) {
body.page-id-4283 .roshel-management .wp-block-media-text img {
height: 550px;
}
}
body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content {
bottom: 0;
z-index: 2;
padding: 20px 10px;
position: absolute;
color: #fff;
}
body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content h2, body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .um-account-name > a,
body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .um-account-name > a {
margin: 0 0 3px;
font-weight: 400;
letter-spacing: 0;
font-size: 16px;
text-transform: capitalize;
}
body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content p, body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .wp-block-column {
margin: 0;
font-size: 12px;
color: #bfbfbf;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content p, body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4283 .roshel-management .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 10px;
}
}
body.page-id-4283 .roshel-management .slick-arrow {
top: -50px;
bottom: auto;
background-color: #000;
}
body.page-id-4283 .roshel-pp {
padding-top: 68px;
}
#ethics-page .banner-container .solid-background {
height: 65vh;
background-color: #0f2537;
}
@media (max-width: 767px) {
#ethics-page .banner-container .solid-background {
height: 500px;
}
}
#ethics-page .banner-container .solid-background div,
#ethics-page .banner-container .solid-background figure,
#ethics-page .banner-container .solid-background img {
height: 100%;
}
#ethics-page .banner-container .solid-background img {
width: auto;
max-width: 400px;
text-align: center;
margin: auto;
object-fit: contain;
}
#ethics-page .roshel-ethics-paragraph-container {
margin: auto;
max-width: 1350px;
}
@media (min-width: 992px) {
#ethics-page .faqs-container {
padding: 0 0 0 50px;
}
}
#ethics-page .faqs-container figure {
margin: auto;
}
@media (min-width: 992px) {
#ethics-page .ceo-message-content {
padding: 0 0 0 50px;
}
}
@media (min-width: 992px) {
#ethics-page .ceo-message-content .ceo-message-body {
max-width: 600px;
}
}
#ethics-page .ceo-message-content .ceo-message-footer {
padding-top: 25px;
}
#ethics-page .ceo-message-content .ceo-message-footer h2, #ethics-page .ceo-message-content .ceo-message-footer body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account #ethics-page .ceo-message-content .ceo-message-footer .um-account-name > a,
#ethics-page .ceo-message-content .ceo-message-footer body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account #ethics-page .ceo-message-content .ceo-message-footer .um-account-name > a {
margin-bottom: 5px;
}
#ethics-page .ceo-message-content .ceo-message-footer p, #ethics-page .ceo-message-content .ceo-message-footer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph #ethics-page .ceo-message-content .ceo-message-footer .wp-block-column {
margin-bottom: 0;
}
#ethics-page .inactive {
display: none;
}
body.page-template-roshel-contact-page .roshel-support-container {
position: relative;
}
body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container {
margin: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container > * {
display: inline-block;
}
}
@media (min-width: 992px) {
body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-support-container > .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-contact-page .roshel-support-container > h2, body.page-template-roshel-contact-page body.page-id-11598 .um-account .roshel-support-container.um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-contact-page .roshel-support-container.um-account-name > a,
body.page-template-roshel-contact-page body.page-id-11599 .um-account .roshel-support-container.um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-contact-page .roshel-support-container.um-account-name > a {
width: 100%;
margin-bottom: 50px;
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support {
width: 33%;
text-align: center;
padding-right: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-contact-page .roshel-support-container .roshel-support {
padding-right: 20px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-contact-page .roshel-support-container .roshel-support {
width: 100%;
padding-right: 0;
max-width: 380px;
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support:not(:last-of-type) {
padding-bottom: 50px;
}
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support .wp-block-group__inner-container {
padding: 0;
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support .wp-block-group__inner-container:before {
content: "";
width: 60px;
height: 60px;
display: block;
margin: auto;
margin-bottom: 20px;
background-size: contain;
background-repeat: no-repeat;
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support h2, body.page-template-roshel-contact-page .roshel-support-container .roshel-support body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-contact-page .roshel-support-container .roshel-support .um-account-name > a,
body.page-template-roshel-contact-page .roshel-support-container .roshel-support body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-contact-page .roshel-support-container .roshel-support .um-account-name > a {
font-weight: 400;
margin-bottom: 15px;
font-size: 20px;
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support p, body.page-template-roshel-contact-page .roshel-support-container .roshel-support .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-contact-page .roshel-support-container .roshel-support .wp-block-column {
margin: auto;
}
@media (min-width: 1200px) {
body.page-template-roshel-contact-page .roshel-support-container .roshel-support p, body.page-template-roshel-contact-page .roshel-support-container .roshel-support .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-contact-page .roshel-support-container .roshel-support .wp-block-column {
max-width: 385px;
}
}
body.page-template-roshel-contact-page .roshel-support-container .roshel-support a {
cursor: pointer;
margin-top: 15px;
display: inline-block;
}
@media (max-width: 991px) {
body.page-template-roshel-contact-page .roshel-support-container .roshel-support a {
padding: 8px 20px;
font-size: 12px;
}
}
body.page-template-roshel-contact-page .roshel-support-container .sales-support .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/support.png);
}
body.page-template-roshel-contact-page .roshel-support-container .quote-request .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/quote.png);
}
body.page-template-roshel-contact-page .roshel-support-container .replacement-parts .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/brake.png);
}
body.page-template-roshel-contact-page .roshel-contact-container .wp-block-group__inner-container {
margin: auto;
max-width: 975px;
}
body.page-template-roshel-contact-page .roshel-contact-container .wp-block-group__inner-container .form-container {
padding: 0;
}
body.page-template-roshel-contact-page .roshel-contact-container .wp-block-group__inner-container .form-container .gform_anchor {
display: none;
}
body.page-template-roshel-contact-page .roshel-quote-builder-form-container {
width: 100%;
border-left: 0;
}
body.page-template-roshel-contact-page .roshel-quote-builder-form-container .wp-block-group__inner-container {
max-width: none;
padding: 0;
}
body.page-template-roshel-contact-page .roshel-map-container .wp-block-group__inner-container {
max-width: none;
position: relative;
}
body.page-template-roshel-contact-page .roshel-map-container figure {
position: relative;
}
body.page-template-roshel-contact-page .roshel-map-container figure img {
width: 100%;
height: 650px;
object-fit: cover;
}
@media (max-width: 767px) {
body.page-template-roshel-contact-page .roshel-map-container figure img {
height: 400px;
}
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container figure img {
height: 250px;
}
}
body.page-template-roshel-contact-page .roshel-map-container .wp-block-buttons {
top: 45%;
left: 57%;
position: absolute;
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .wp-block-buttons {
top: 68%;
left: 54%;
}
}
body.page-template-roshel-contact-page .roshel-map-container .wp-block-buttons .wp-block-button a {
font-size: 0;
}
body.page-template-roshel-contact-page .roshel-map-container .wp-block-buttons .wp-block-button a:before {
content: "";
width: 40px;
height: 40px;
display: block;
cursor: pointer;
background-size: cover;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/map-filled.png);
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
z-index: 10;
height: 100%;
left: 100px;
position: absolute;
padding: 30px 50px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
background-color: rgba(0, 0, 0, 0.5);
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container > * {
display: block;
}
@media (max-width: 767px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
padding: 50px 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
left: 30px;
}
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
left: 0;
width: 100%;
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
background-color: black;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container > * {
display: block;
}
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a {
font-size: 12px;
color: #b9b6b6;
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a {
font-size: 11px;
}
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a:hover {
color: #fff;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container h4 {
color: #fff;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container span.contact-heading {
font-size: 0;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .icon {
width: 14px;
height: 14px;
display: block;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .icon.phone {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/phone-filled.png);
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .icon.fax {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/fax-filled.png);
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .icon.email {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/email-filled.png);
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .icon.map {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/map-filled.png);
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container {
padding-bottom: 20px;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container span.contact-heading {
display: inline-block;
vertical-align: top;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container span.contact-heading i {
width: 16px;
height: 16px;
margin-top: 3px;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container .address-title {
display: block;
font-weight: 400;
margin-bottom: 5px;
font-size: 16px;
color: #fff;
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container .address-title {
font-size: 14px;
}
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container div[itemprop=address] {
font-size: 14px;
display: inline-block;
color: #b9b6b6;
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container div[itemprop=address] {
font-size: 12px;
}
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .address-container div[itemprop=address] span[itemprop=streetAddress] {
display: block;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .contact-options {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .contact-options {
display: block;
}
html.lt-ie10 body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .contact-options > * {
display: inline-block;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .contact-options .seo-schema.phone {
padding: 0 20px;
}
@media (max-width: 479px) {
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container .contact-options .seo-schema.phone {
padding: 0 0 0 20px;
}
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a.directions-link {
top: 25px;
right: 20px;
position: absolute;
font-size: 11px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a.directions-link:hover:after {
background-color: #fff;
}
body.page-template-roshel-contact-page .roshel-map-container .contact-info-container a.directions-link:after {
content: "";
width: 14px;
height: 14px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #b9b6b6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
mask-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/external.svg);
-webkit-mask-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/external.svg);
}
body.page-id-4062 .roshel-filters {
margin: 0 0 50px;
}
body.page-id-4062 .roshel-clients-container .client-item {
height: 220px;
display: block;
text-align: center;
margin: 0 10px 20px;
width: calc(33.333% - 20px);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: #f8f8f8; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-4062 .roshel-clients-container .client-item {
display: block;
}
html.lt-ie10 body.page-id-4062 .roshel-clients-container .client-item > * {
display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-id-4062 .roshel-clients-container .client-item {
margin: 0 5px 10px;
width: calc(50% - 10px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4062 .roshel-clients-container .client-item {
margin: 0 5px 10px;
width: calc(33.333% - 10px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
body.page-id-4062 .roshel-clients-container .client-item {
height: 210px;
margin: 0 5px 10px;
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
body.page-id-4062 .roshel-clients-container .client-item {
width: 100%;
margin: 0 5px 30px;
}
}
body.page-id-4062 .roshel-clients-container .client-item.nasa .wp-block-media-text__content {
margin-top: -61px;
}
body.page-id-4062 .roshel-clients-container .client-item:hover img {
max-width: 195px;
max-height: 100px;
}
body.page-id-4062 .roshel-clients-container .client-item:hover .wp-block-media-text__content {
opacity: 1;
margin-top: 0;
}
body.page-id-4062 .roshel-clients-container .client-item.inactive {
display: none;
}
body.page-id-4062 .roshel-clients-container .client-item figure {
height: auto;
width: auto;
}
body.page-id-4062 .roshel-clients-container .client-item img {
max-width: 175px;
max-height: 90px;
object-fit: contain;
object-position: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-id-4062 .roshel-clients-container .client-item .wp-block-media-text__content {
opacity: 0;
margin-top: -38px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-id-4062 .roshel-clients-container .client-item .wp-block-media-text__content p, body.page-id-4062 .roshel-clients-container .client-item .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4062 .roshel-clients-container .client-item .wp-block-media-text__content .wp-block-column {
margin: auto;
font-weight: 400;
max-width: 265px;
padding-top: 20px;
font-size: 12px;
text-align: center;
line-height: normal;
color: #a7a7a7;
}
body.page-id-4062 .roshel-case-studies-content .wp-block-media-text {
overflow: hidden;
position: relative;
}
body.page-id-4062 .roshel-case-studies-content .wp-block-media-text img {
width: 100%;
object-fit: cover;
}
body.page-id-4062 .roshel-case-studies-content .wp-block-media-text .wp-block-media-text__content h4 {
font-weight: 400;
line-height: normal;
letter-spacing: 0;
font-size: 16px;
}
body.page-id-4062 .roshel-case-studies-content .wp-block-media-text .wp-block-media-text__content ul li {
padding: 5px;
list-style: inside;
color: #fff;
}
body.page-id-4062 .roshel-case-studies-content .wp-block-media-text .wp-block-media-text__content p, body.page-id-4062 .roshel-case-studies-content .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4062 .roshel-case-studies-content .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 14px;
}
.roshel-testimonial-title .wp-block-group__inner-container {
padding-bottom: 0;
}
.roshel-testimonial-title .wp-block-group__inner-container h3, .roshel-testimonial-title .wp-block-group__inner-container hr {
margin-bottom: 0;
}
.roshel-client-testimonials {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.roshel-client-testimonials.roshel-medium .wp-block-group__inner-container .wp-block-media-text, body.page-id-4008 .roshel-client-testimonials.fm-se-container .wp-block-group__inner-container .wp-block-media-text {
border-right: 1px solid #f8f8f8;
}
.roshel-client-testimonials .wp-block-group__inner-container {
position: relative;
padding: 40px 50px 100px;
}
@media (max-width: 991px) {
.roshel-client-testimonials .wp-block-group__inner-container {
padding: 40px 30px 45px;
}
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text {
min-height: 420px;
border-right: 1px solid #fff;
}
@media (min-width: 768px) {
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text {
padding: 20px 0;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text.slick-current {
border-right: 1px solid #dcdada;
}
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .testimonial-image {
width: auto;
height: 105px;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .testimonial-image img {
height: 100%;
margin: auto;
display: block;
max-width: 200px;
object-fit: contain;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content {
margin: auto;
max-width: 900px;
text-align: center;
position: relative;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote {
margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote {
padding: 30px 20px 15px;
}
}
@media (min-width: 992px) {
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote {
padding: 30px 60px 15px;
}
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote p, .roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote .wp-block-column {
margin: auto;
max-width: 90%;
font-style: italic;
}
@media (max-width: 767px) {
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote p, .roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content blockquote .wp-block-column {
max-width: 450px;
margin: 30px auto 0;
padding-bottom: 10px;
}
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content hr {
width: 30px;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h5.client-position {
margin: 0 0 5px;
font-weight: 400;
padding-top: 15px;
font-size: 16px;
}
.roshel-client-testimonials .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .client-name {
margin: 0;
color: #a7a7a7;
}
.roshel-client-testimonials .slick-arrow {
top: -44px;
width: auto;
height: auto;
bottom: auto;
background-color: transparent;
}
.roshel-client-testimonials .slick-prev {
right: 100px;
}
.roshel-client-testimonials .slick-prev:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
.roshel-client-testimonials .slick-next {
right: 50px;
}
.roshel-client-testimonials .slick-next:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
@media (min-width: 992px) {
body.page-template-roshel-careers-page .roshel-mainbar {
padding-left: 50px;
}
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings {
width: 100%;
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings .job_filters {
display: none;
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings {
border-top: 0;
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a {
padding: 20px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
html.lt-ie10 body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a {
display: block;
}
html.lt-ie10 body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a > * {
display: inline-block;
}
@media (max-width: 767px) {
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a {
padding: 20px 10px;
}
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .position {
padding: 0;
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .position h3 {
max-width: 85%;
font-weight: 400;
font-size: 14px;
color: #212529;
}
@media (max-width: 767px) {
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .location {
display: none;
}
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .location,
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a ul.meta li {
font-weight: 300;
font-size: 14px;
color: #b9b6b6;
}
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a img,
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .date,
body.page-template-roshel-careers-page .roshel-mainbar div.job_listings ul.job_listings li a .company {
display: none;
}
@media (max-width: 991px) {
body.job_listing-template-default .roshel-default-content {
width: 100% !important;
}
}
@media (max-width: 991px) {
body.job_listing-template-default .roshel-default-sidebar {
display: none;
}
}
body.job_listing-template-default article.job_listing .single_job_listing {
padding-top: 20px;
}
body.job_listing-template-default article.job_listing .job-type {
padding: 8px 20px;
color: #fff;
background-color: #000;
}
body.job_listing-template-default article.job_listing .job_description ul li {
padding: 10px 0;
list-style: disc;
line-height: normal;
}
body.job_listing-template-default article.job_listing .job_description h1, body.job_listing-template-default article.job_listing .job_description h2, body.job_listing-template-default article.job_listing .job_description body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.job_listing-template-default article.job_listing .job_description .um-account-name > a,
body.job_listing-template-default article.job_listing .job_description body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.job_listing-template-default article.job_listing .job_description .um-account-name > a, body.job_listing-template-default article.job_listing .job_description h3, body.job_listing-template-default article.job_listing .job_description h4, body.job_listing-template-default article.job_listing .job_description h5, body.job_listing-template-default article.job_listing .job_description h6 {
font-size: 20px;
margin: 50px 0 15px;
}
body.job_listing-template-default article.job_listing .location a {
font-weight: 300;
font-size: 14px;
color: #b9b6b6;
}
body.job_listing-template-default article.job_listing .date-posted,
body.job_listing-template-default article.job_listing .company,
body.job_listing-template-default article.job_listing .salary,
body.job_listing-template-default article.job_listing .job_application {
display: none;
}
body.job_listing-template-default .job-application-button {
margin-top: 40px;
}
body.page-template-roshel-news-page .roshel-news-main .roshel-news-main-inner {
margin: auto;
padding: 100px 50px 50px;
max-width: 1520px;
}
@media (max-width: 767px) {
body.page-template-roshel-news-page .roshel-news-main .roshel-news-main-inner {
padding: 40px 20px 50px;
}
}
body.page-template-roshel-news-page .roshel-news-main .roshel-filters {
margin: 0;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts {
width: 100%;
margin: auto;
padding: 0 50px 100px;
max-width: 1520px;
}
@media (max-width: 767px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts {
padding: 0 20px 80px;
}
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article {
padding: 10px;
position: relative;
margin-bottom: 70px;
vertical-align: top;
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 33%;
}
@media (max-width: 767px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article {
width: calc(50% - 3px);
}
}
@media (max-width: 767px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article {
margin-bottom: 35px;
}
}
@media (max-width: 1499px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article {
padding: 5px 10px;
}
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article.inactive {
display: none;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article h2, body.page-template-roshel-news-page .blog-posts-container .blog-posts article body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-news-page .blog-posts-container .blog-posts article .um-account-name > a,
body.page-template-roshel-news-page .blog-posts-container .blog-posts article body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-news-page .blog-posts-container .blog-posts article .um-account-name > a {
font-weight: 400;
font-size: 16px;
text-transform: unset;
padding-right: 15px;
color: #212529;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article a {
display: block;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article img {
width: 100%;
object-fit: cover;
object-position: top;
height: 350px;
}
@media (max-width: 479px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article img {
height: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article img {
height: 380px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article img {
height: 300px;
}
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image {
width: 100%;
text-align: center;
padding: 125px 50px;
background-color: #f8f8f8;
height: 350px;
}
@media (max-width: 479px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image {
height: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image {
height: 380px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image {
height: 300px;
}
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image .news-logo {
content: "";
width: 100px;
height: 100px;
display: block;
margin: auto;
filter: grayscale(100%);
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/logos/logo-single.png);
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .no-image span {
display: block;
padding-top: 20px;
font-weight: 500;
color: #b9b6b6;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category {
padding-top: 20px;
font-weight: 400; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category {
display: block;
}
html.lt-ie10 body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category > * {
display: inline-block;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category a {
font-weight: 400;
padding-right: 1px;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category a[rel="category tag"] {
pointer-events: none;
}
body.page-template-roshel-news-page .blog-posts-container .blog-posts article .post-category a:last-of-type {
padding-left: 3px;
}
.roshel-media-contact {
padding: 0;
width: 100%;
margin: auto;
max-width: 400px;
text-align: center;
}
.roshel-media-contact h4 {
margin-bottom: 5px;
margin-top: 40px;
}
.roshel-media-contact a {
color: #212529;
font-weight: 400;
}
.roshel-media-contact a:hover {
color: #8c8c8c;
}
body.post-template-default.single-post .article-container {
max-width: 800px;
}
body.post-template-default.single-post article {
line-height: 1.777;
font-size: 14px;
color: #7b7b7b;
}
body.post-template-default.single-post article img {
margin-bottom: 1.5em;
}
body.post-template-default.single-post article .entry-meta {
padding: 0 0 50px;
}
body.post-template-default.single-post article .entry-meta .post-category {
font-weight: 400;
padding: 4px 20px;
margin-right: 20px;
display: inline-block;
color: #b9b6b6;
background-color: #000;
}
body.post-template-default.single-post article .entry-meta .post-category a {
font-weight: 400;
padding-right: 1px;
color: #fff;
}
body.post-template-default.single-post article .entry-meta .post-category a:last-of-type {
padding-left: 3px;
}
body.post-template-default.single-post article .entry-meta .posted-on {
display: inline-block;
}
body.post-template-default.single-post article .entry-meta .posted-on a {
font-weight: 300;
font-size: 14px;
pointer-events: none;
color: #b9b6b6;
}
body.post-template-default.single-post article .entry-meta .posted-on a:before {
color: #999;
content: "\f073";
padding-right: 8px;
font-style: normal;
font-variant: normal;
text-rendering: auto;
display: inline-block;
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
}
body.post-template-default.single-post article .entry-content a {
color: #212529;
}
body.post-template-default.single-post article .backlink {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #7b7b7b;
}
body.post-template-default.single-post article .backlink a {
font-weight: 300;
font-size: 14px;
pointer-events: none;
color: #212529;
}
body.post-template-default.single-post article .backlink a:before {
content: "";
width: 20px;
height: 13px;
cursor: pointer;
margin-right: 0;
margin-left: auto;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
body.page-id-3807 .roshel-page-links-container {
background-color: #000;
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-3807 .roshel-page-links-container .roshel-page-links-list {
display: block;
}
html.lt-ie10 body.page-id-3807 .roshel-page-links-container .roshel-page-links-list > * {
display: inline-block;
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li {
width: 10.8%;
height: 70px;
background-color: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li {
width: 9.6%;
height: 65px;
}
}
@media (max-width: 767px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li {
width: 25%;
height: 55px;
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li:nth-of-type(1n+5) {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media (min-width: 992px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.design {
width: 16%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.design {
width: 18%;
}
}
@media (min-width: 992px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.metal {
width: 14%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.metal {
width: 16%;
}
}
@media (min-width: 992px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.system {
width: 16%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.system {
width: 18%;
}
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li:not(:last-of-type) {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li.active, body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li:hover {
background-color: #2f2f2f;
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a {
height: 100%;
display: block;
text-align: center;
padding: 20px 18px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a {
display: block;
}
html.lt-ie10 body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a > * {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a {
padding: 20px 10px;
}
}
@media (max-width: 767px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a {
padding: 10px;
}
}
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a p, body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a .wp-block-column {
margin: 0;
font-size: 12px;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 991px) {
body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a p, body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-3807 .roshel-page-links-container .roshel-page-links-list li a .wp-block-column {
font-size: 9px;
}
}
body.page-id-3807 .roshel-flex-columns-slider {
margin-bottom: 0;
}
body.page-id-3807 .roshel-flex-columns-slider .roshel-flex-columns {
background-color: #fff;
}
@media (max-width: 767px) {
body.page-id-3807 .roshel-flex-columns-slider .roshel-flex-columns .roshel-image-column {
display: none;
}
}
body.page-id-4068 .roshel-certifications-title p, body.page-id-4068 .roshel-certifications-title .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4068 .roshel-certifications-title .wp-block-column {
margin-right: auto;
max-width: 750px;
}
body.page-id-4068 .roshel-certifications-list .certification {
display: block;
position: relative;
margin: 0 5px 10px;
width: calc(33.333% - 10px);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media (min-width: 992px) {
body.page-id-4068 .roshel-certifications-list .certification {
margin: 0 10px 20px;
width: calc(33.333% - 20px);
}
}
@media (max-width: 767px) {
body.page-id-4068 .roshel-certifications-list .certification {
width: calc(50% - 10px);
}
}
body.page-id-4068 .roshel-certifications-list .certification:hover .wp-block-media-text__content {
opacity: 1;
}
body.page-id-4068 .roshel-certifications-list .certification:hover .certification-image {
background-color: #000000;
}
body.page-id-4068 .roshel-certifications-list .certification:hover .certification-image img {
opacity: 0.05;
}
body.page-id-4068 .roshel-certifications-list .certification.inactive {
display: none;
}
body.page-id-4068 .roshel-certifications-list .certification.gsa:hover .certification-image {
background-color: #043669;
}
body.page-id-4068 .roshel-certifications-list .certification.omvic:hover .certification-image {
background-color: #eeb220;
}
body.page-id-4068 .roshel-certifications-list .certification.cgp:hover .certification-image {
background-color: #d33834;
}
body.page-id-4068 .roshel-certifications-list .certification.iso img {
max-width: 180px;
}
body.page-id-4068 .roshel-certifications-list .certification.iso:hover .certification-image {
background-color: #185fac;
}
body.page-id-4068 .roshel-certifications-list .certification.nato img {
max-width: 130px;
}
body.page-id-4068 .roshel-certifications-list .certification.nato:hover .certification-image {
background-color: #076fbe;
}
body.page-id-4068 .roshel-certifications-list .certification.iaoca:hover .certification-image {
background-color: #174e7b;
}
body.page-id-4068 .roshel-certifications-list .certification.un:hover .certification-image {
background-color: #0b8ac7;
}
body.page-id-4068 .roshel-certifications-list .certification.ford img {
max-width: 135px;
}
body.page-id-4068 .roshel-certifications-list .certification.ford:hover .certification-image {
background-color: #034784;
}
body.page-id-4068 .roshel-certifications-list .certification.cmvss img {
max-width: 105px;
}
body.page-id-4068 .roshel-certifications-list .certification.cmvss:hover .certification-image {
background-color: #000000;
}
body.page-id-4068 .roshel-certifications-list .certification-image {
width: 100%;
height: 300px;
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #f8f8f8; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-4068 .roshel-certifications-list .certification-image {
display: block;
}
html.lt-ie10 body.page-id-4068 .roshel-certifications-list .certification-image > * {
display: block;
}
@media (max-width: 991px) {
body.page-id-4068 .roshel-certifications-list .certification-image {
height: 250px;
}
}
body.page-id-4068 .roshel-certifications-list .certification-image img {
margin: auto;
max-width: 90px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 991px) {
body.page-id-4068 .roshel-certifications-list .certification-image img {
padding: 10px;
}
}
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content {
top: 50%;
opacity: 0;
width: 100%;
padding: 0 20px;
text-align: center;
position: absolute;
transform: translateY(-50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 991px) {
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content {
padding: 0 10px;
}
}
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content h2, body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content .um-account-name > a,
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content .um-account-name > a {
margin: 0;
font-weight: 400;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
}
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content p, body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content .wp-block-column {
margin: 0;
display: block;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
}
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content a {
font-size: 14px;
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-id-4068 .roshel-certifications-list .wp-block-media-text__content a:after {
content: "";
width: 15px;
height: 15px;
margin-top: 5px;
margin-left: 10px;
vertical-align: top;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next-white.svg);
}
body.um-page-login .heading-container,
body.um-page-register .heading-container {
margin-top: 100px;
}
body.um-page-login .um-field,
body.um-page-register .um-field {
padding: 15px 0;
}
body.um-page-login .um-field.um-field-c,
body.um-page-register .um-field.um-field-c {
margin-left: -10px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.um-page-login .um-field.um-field-c,
html.lt-ie10 body.um-page-register .um-field.um-field-c {
display: block;
}
html.lt-ie10 body.um-page-login .um-field.um-field-c > *,
html.lt-ie10 body.um-page-register .um-field.um-field-c > * {
display: inline-block;
}
body.um-page-login .um .um-form .um-field-text input,
body.um-page-login .um .um-form .um-field-username input,
body.um-page-login .um .um-form .um-field-password input,
body.um-page-register .um .um-form .um-field-text input,
body.um-page-register .um .um-form .um-field-username input,
body.um-page-register .um .um-form .um-field-password input {
outline: none;
border-radius: 0;
font-weight: 300;
background: transparent;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #b9b6b6;
}
body.um-page-login .um-misc-with-img,
body.um-page-register .um-misc-with-img {
display: none;
}
body.um-page-login ul.um-misc-ul,
body.um-page-register ul.um-misc-ul {
text-align: center;
}
body.um-page-login ul.um-misc-ul li a,
body.um-page-register ul.um-misc-ul li a {
color: #212529;
}
body.um-page-login .um-col-alt,
body.um-page-register .um-col-alt {
margin-top: 100px;
}
body.um-page-login .um input[type=submit],
body.um-page-register .um input[type=submit] {
box-shadow: none;
border-radius: 0 !important;
text-transform: uppercase !important;
border: 1px solid #000 !important;
}
body.um-page-login .um .um-button.um-alt,
body.um-page-register .um .um-button.um-alt {
box-shadow: none;
border-radius: 0 !important;
color: #212529 !important;
text-transform: uppercase !important;
border: 1px solid #000 !important;
}
body.um-page-login .um .um-button.um-alt:hover, body.um-page-login .um .um-button.um-alt:focus,
body.um-page-register .um .um-button.um-alt:hover,
body.um-page-register .um .um-button.um-alt:focus {
color: #fff !important;
background-color: #000 !important;
}
body.page-id-11598 .heading-container,
body.page-id-11599 .heading-container {
margin-top: 100px;
}
body.page-id-11598 .um-account .um-account-main,
body.page-id-11599 .um-account .um-account-main {
float: none;
margin: auto;
padding: 0;
width: 100%;
max-width: 650px;
}
body.page-id-11598 .um-account .um-account-side,
body.page-id-11599 .um-account .um-account-side {
display: none;
}
body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11599 .um-account .um-account-name > a {
color: #212529;
font-weight: 400;
}
body.page-id-11598 .um-account .um-account-profile-link,
body.page-id-11598 .um-account .um-account-meta-img,
body.page-id-11599 .um-account .um-account-profile-link,
body.page-id-11599 .um-account .um-account-meta-img {
opacity: 0;
}
body.page-id-11598 .um-account .um-account-tab .um-account-heading,
body.page-id-11599 .um-account .um-account-tab .um-account-heading {
display: none;
margin-bottom: 50px !important;
font-weight: 500;
}
body.page-id-11598 .um-account .um-account-tab .um-account-heading i,
body.page-id-11599 .um-account .um-account-tab .um-account-heading i {
display: none;
}
body.page-id-11598 .um-account .um-account-main label,
body.page-id-11599 .um-account .um-account-main label {
font-weight: 500;
}
body.page-id-11598 .um-account .um-form .um-field-text input,
body.page-id-11598 .um-account .um-form .um-field-username input,
body.page-id-11598 .um-account .um-form .um-field-password input,
body.page-id-11599 .um-account .um-form .um-field-text input,
body.page-id-11599 .um-account .um-form .um-field-username input,
body.page-id-11599 .um-account .um-form .um-field-password input {
outline: none;
border-radius: 0;
font-weight: 300;
background: transparent;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
margin-bottom: 28px !important;
border-bottom: 1px solid #b9b6b6;
}
body.page-id-11598 .um-col-alt,
body.page-id-11599 .um-col-alt {
margin-top: 50px;
}
body.page-id-11598 .um input[type=submit],
body.page-id-11599 .um input[type=submit] {
box-shadow: none;
border-radius: 0 !important;
text-transform: uppercase !important;
border: 1px solid #000 !important;
}
body.page-template-roshel-support-page header {
background-color: #000000;
}
body.page-template-roshel-support-page header #topbar-menu .support-controls {
position: relative; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page header #topbar-menu .support-controls {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page header #topbar-menu .support-controls > * {
display: inline-block;
}
body.page-template-roshel-support-page section#primary .roshel-support-header {
min-height: 700px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-header {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-header > * {
display: block;
}
body.page-template-roshel-support-page section#primary .roshel-support-header .heading-container {
margin-bottom: 85px;
}
body.page-template-roshel-support-page section#primary .roshel-support-header .heading-container p, body.page-template-roshel-support-page section#primary .roshel-support-header .heading-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-header .heading-container .wp-block-column {
margin: auto;
max-width: 750px;
}
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside .wp-block-search__inside-wrapper { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside .wp-block-search__inside-wrapper {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside .wp-block-search__inside-wrapper > * {
display: inline-block;
}
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside label.wp-block-search__label {
display: none;
}
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside input {
border: 0;
width: 70%;
height: 40px;
outline: none;
padding: 0 15px;
box-shadow: none;
vertical-align: middle;
background-color: #f8f8f8;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside input {
width: 550px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside button {
height: 40px;
vertical-align: middle;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-header form.wp-block-search__button-outside button {
width: 30%;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-container {
position: relative;
}
body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container {
margin: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container > * {
display: inline-block;
}
}
@media (min-width: 992px) {
body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-container > .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-container > h2, body.page-template-roshel-support-page section#primary body.page-id-11598 .um-account .roshel-support-container.um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-support-page section#primary .roshel-support-container.um-account-name > a,
body.page-template-roshel-support-page section#primary body.page-id-11599 .um-account .roshel-support-container.um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-support-page section#primary .roshel-support-container.um-account-name > a {
width: 100%;
margin-bottom: 50px;
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support {
padding: 0 25px;
text-align: center;
}
@media (max-width: 1199px) {
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support {
padding: 25px 15px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support {
padding: 25px 5px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .wp-block-group__inner-container {
padding: 0;
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .wp-block-group__inner-container:before {
content: "";
width: 60px;
height: 60px;
display: block;
margin: auto;
margin-bottom: 20px;
background-size: contain;
background-repeat: no-repeat;
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support h2, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .um-account-name > a,
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .um-account-name > a {
margin-bottom: 15px;
font-size: 20px;
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support p, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .wp-block-column {
margin: auto;
}
@media (min-width: 1200px) {
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support p, body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support .wp-block-column {
max-width: 385px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support a {
cursor: pointer;
margin-top: 15px;
display: inline-block;
}
@media (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-container .roshel-support a {
padding: 8px 20px;
font-size: 12px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-container .support-videos .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/support/video.png);
}
body.page-template-roshel-support-page section#primary .roshel-support-container .support-guides .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/support/file.png);
}
body.page-template-roshel-support-page section#primary .roshel-support-container .support-faqs .wp-block-group__inner-container:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/support/conversation.png);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-center-title-container {
margin-bottom: 50px;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column > * {
display: inline-block;
}
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(1) {
width: 60%;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) {
margin-top: 50px;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) {
margin-top: 0;
width: 30%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) {
width: 35%;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container {
padding: 50px 35px;
margin-bottom: 50px;
background-color: #f8f8f8;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container h3 {
font-size: 22px;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container h3 {
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container h3 {
font-size: 20px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container a, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .wp-block-group:nth-of-type(2) .wp-block-group__inner-container button {
margin-top: 25px;
display: inline-block;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document {
border-bottom: 1px solid #ebebeb;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document video {
width: 100%;
height: 500px;
object-fit: cover;
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document video {
height: 375px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document object {
margin-bottom: 50px;
width: 100% !important;
height: 375px !important;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .wp-block-file {
margin-bottom: 50px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .wp-block-file a {
margin-right: 20px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .question {
padding-top: 32px;
padding-bottom: 32px;
padding-right: 50px;
position: relative;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .question h4 {
margin: 0;
font-weight: 400;
font-size: 18px;
color: #212529;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .question h4 {
font-size: 14px;
line-height: normal;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .question:after {
top: 50%;
right: 0;
content: "";
padding: 8px;
width: 10px;
height: 10px;
position: absolute;
background-size: contain;
transform: translateY(-50%);
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/plus.svg);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer {
display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer p, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer .wp-block-column {
width: 95%;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer p:last-of-type, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column:last-of-type, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document .answer .wp-block-column:last-of-type {
margin-bottom: 50px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document.active .question:after {
top: calc(50% + 10px);
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-blocks-container .roshel-support-document.active .answer {
display: block;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container > * {
display: inline-block;
}
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(1) {
width: 60%;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) {
margin-top: 50px;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) {
margin-top: 0;
width: 30%;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group {
padding: 50px 35px;
margin-bottom: 50px;
background-color: #f8f8f8;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group h3 {
font-size: 22px;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group h3 {
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group h3 {
font-size: 20px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group a, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .wp-block-column:nth-of-type(2) .wp-block-group button {
margin-top: 25px;
display: inline-block;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container {
margin: 0;
padding: 0;
max-width: none;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container .roshel-title-container h3 {
text-align: left;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure {
margin: 50px auto 0;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr {
border-bottom: 1px solid #ebebeb;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) p, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) .wp-block-column,
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question p,
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question .wp-block-column {
font-weight: 300;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) p, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td:nth-of-type(1) .wp-block-column,
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question p,
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-faqs-container .faqs-container figure table tbody tr td.question .wp-block-column {
font-size: 16px;
}
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document {
padding: 30px;
margin: 10px 0 40px;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (min-width: 992px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document {
width: calc(33% - 20px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document {
width: calc(50% - 20px);
}
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document {
padding: 50px 25px;
margin: 0 10px 30px;
background-color: transparent;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document h4 {
margin-bottom: 10px;
font-size: 20px;
}
@media (max-width: 767px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document h4 {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document h4 {
font-size: 18px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document h4:after {
content: "";
width: 11px;
height: 11px;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file {
padding-top: 10px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file object {
height: 330px !important;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file a {
font-size: 0px;
font-weight: 400;
color: #212529;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file a:after {
content: "";
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file a:nth-of-type(1):after {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/support/resize.png);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-documents-container .roshel-support-documents .wp-block-group__inner-container .roshel-support-document .wp-block-column .wp-block-file a:nth-of-type(2):after {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/support/download.png);
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text {
padding: 15px 30px;
margin: 10px 0 40px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (min-width: 992px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text {
width: calc(33% - 20px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text {
width: calc(50% - 20px);
}
}
@media (min-width: 768px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text {
padding: 20px 0;
margin: 0 10px 30px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text video {
width: 100%;
height: 275px;
margin-bottom: 30px;
object-fit: cover;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-support-videos .wp-block-group .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h3 {
margin-bottom: 10px;
font-size: 18px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue {
position: relative;
margin-bottom: 60px;
margin-left: -35px;
margin-right: -35px;
margin-top: -50px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue:before {
top: 0;
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.5);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue figure img {
width: 100%;
max-height: 460px;
object-fit: cover;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content {
top: 0;
padding: 20px;
position: absolute;
color: #fff;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content h2, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content .um-account-name > a,
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content .um-account-name > a, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content h3, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content h4 {
margin-bottom: 5px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content p, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content .wp-block-column {
margin: 0;
color: #fff;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content button, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content a {
font-weight: 400;
margin-top: 20px;
padding: 3px 20px;
font-size: 12px;
text-transform: uppercase;
color: #212529;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
border: 1px solid #fff;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content button:hover, body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-catalogue .wp-block-media-text__content a:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table {
margin-bottom: 80px;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table {
margin: 0;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table thead {
display: block;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table thead tr {
display: flex;
padding: 10px 20px;
justify-content: center;
border-bottom: 1px solid #ebebeb;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table thead th {
width: 50%;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table thead th:nth-of-type(2) {
text-align: right;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody tr {
display: flex;
padding: 10px 20px;
justify-content: center;
border-bottom: 1px solid #ebebeb;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody tr:last-of-type {
border-bottom: 0;
}
@media (max-width: 991px) {
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody tr {
padding: 20px 10px;
}
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody td {
width: 50%;
font-size: 14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tbody td:nth-of-type(2) {
text-align: right;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tfoot td {
text-align: center;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .roshel-parts-table table tfoot td a {
transform: scale(0.8);
}
body.page-template-roshel-support-page section#primary .roshel-support-body .no-results-message span {
font-weight: 500;
color: #212529;
}
body.page-template-roshel-support-page section#primary .roshel-support-body .inactive {
display: none;
}
body.page-template-roshel-support-page footer .roshel-content-container, body.page-template-roshel-support-page footer .roshel-testimonial-title .wp-block-group__inner-container, .roshel-testimonial-title body.page-template-roshel-support-page footer .wp-block-group__inner-container, body.page-template-roshel-support-page footer .roshel-client-testimonials .wp-block-group__inner-container, .roshel-client-testimonials body.page-template-roshel-support-page footer .wp-block-group__inner-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-faqs-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-videos > .wp-block-column {
padding: 30px;
}
@media (min-width: 768px) {
body.page-template-roshel-support-page footer .roshel-content-container, body.page-template-roshel-support-page footer .roshel-testimonial-title .wp-block-group__inner-container, .roshel-testimonial-title body.page-template-roshel-support-page footer .wp-block-group__inner-container, body.page-template-roshel-support-page footer .roshel-client-testimonials .wp-block-group__inner-container, .roshel-client-testimonials body.page-template-roshel-support-page footer .wp-block-group__inner-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-blocks-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-faqs-container, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-faqs-container, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-documents-container > .wp-block-column, body.page-template-roshel-support-page footer section#primary .roshel-support-body .roshel-support-videos > .wp-block-column, body.page-template-roshel-support-page section#primary .roshel-support-body footer .roshel-support-videos > .wp-block-column {
padding: 50px;
}
}
body.page-template-roshel-support-page footer .footer-inner.middle,
body.page-template-roshel-support-page footer .footer-widgets {
display: none !important;
} body.page-template-roshel-product-page .roshel-product-chassis-title,
body.page-template-roshel-product-category .roshel-product-chassis-title {
padding: 100px 50px 0;
}
body.page-template-roshel-product-page .roshel-product-chassis-title hr,
body.page-template-roshel-product-category .roshel-product-chassis-title hr {
margin-bottom: 0;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container {
padding: 0 50px 50px;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container.no-slick,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container.no-slick {
text-align: center;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container.no-slick .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container.no-slick .wp-block-media-text {
width: 32%;
margin: auto;
display: inline-block;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text {
position: relative;
padding: 20px 15px 35px;
background-color: transparent;
border-top: 3px solid transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text:before,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text:before {
top: -2px;
left: 0;
width: 0;
height: 3px;
content: "";
display: block;
background: #000000;
position: absolute;
vertical-align: middle;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover {
background-color: #f8f8f8;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover:before,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover:before {
width: 100%;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover img,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover img {
transform: scale(1.1);
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover ul,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover ul {
opacity: 1 !important;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover a, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover button,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover a,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link:hover button {
color: #fff;
background-color: #000;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.scale-small figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.scale-small figure.wp-block-media-text__media img {
transform: scale(0.9);
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link.scale-small:hover figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text.has-link.scale-small:hover figure.wp-block-media-text__media img {
transform: scale(0.98);
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text img,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text img {
width: 400px;
height: 270px;
margin: auto;
object-fit: contain;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-chassis-link .wp-block-media-text__content .wp-block-column {
margin: 0;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content {
text-align: center;
padding-top: 15px;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-weight: 500;
font-size: 14px;
color: #212529;
}
@media (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 12px;
}
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p strong, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column strong, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column strong,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p strong,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column strong,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column strong {
margin-left: 5px;
font-weight: 500;
padding: 3px 10px;
font-style: italic;
font-size: 9px;
width: fit-content;
border-top-left-radius: 18px;
color: #fff;
background-color: #000;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul {
display: none !important;
opacity: 0;
margin: auto;
min-width: 180px;
width: fit-content;
position: relative;
transform: scale(0.8);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
background: #000;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul:before,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul:before {
left: 50%;
top: -10px;
content: "";
display: block;
position: absolute;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul li,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content ul li {
font-weight: 600;
padding: 6px 10px;
font-size: 14px;
display: inline-block;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content a, body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content button,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content a,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content button {
display: block;
width: max-content;
margin: 10px auto 0;
transform: scale(0.7);
background-color: transparent;
color: #000;
border: 1px solid #000;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .slick-arrow,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .slick-arrow {
top: -35px;
width: auto;
height: auto;
bottom: auto;
background-color: transparent;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .slick-prev,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .slick-prev {
right: 100px;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .slick-prev:before,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .slick-prev:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/previous.svg);
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .slick-next,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .slick-next {
right: 50px;
}
body.page-template-roshel-product-page .roshel-product-chassis .wp-block-group__inner-container .slick-next:before,
body.page-template-roshel-product-category .roshel-product-chassis .wp-block-group__inner-container .slick-next:before {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
body.page-template-roshel-product-page .roshel-quote-builder,
body.page-template-roshel-product-category .roshel-quote-builder {
padding: 75px 0;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-quote-builder,
body.page-template-roshel-product-category .roshel-quote-builder {
padding: 100px 0;
}
}
body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container > * {
display: inline-block;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-quote-builder > .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-quote-builder > .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-product-page .roshel-quote-builder-image,
body.page-template-roshel-product-category .roshel-quote-builder-image {
height: 100%;
width: 100%;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-quote-builder-image,
body.page-template-roshel-product-category .roshel-quote-builder-image {
top: 0;
position: sticky;
position: -webkit-sticky;
}
}
@media (min-width: 992px) and (max-width: 1249px) {
body.page-template-roshel-product-page .roshel-quote-builder-image,
body.page-template-roshel-product-category .roshel-quote-builder-image {
width: calc(100% - 390px);
}
}
@media (min-width: 1250px) {
body.page-template-roshel-product-page .roshel-quote-builder-image,
body.page-template-roshel-product-category .roshel-quote-builder-image {
width: calc(100% - 535px);
}
}
body.page-template-roshel-product-page .roshel-quote-builder-image .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-quote-builder-image .wp-block-group__inner-container {
position: relative;
}
body.page-template-roshel-product-page .roshel-quote-builder-image .wp-block-group__inner-container.fixed,
body.page-template-roshel-product-category .roshel-quote-builder-image .wp-block-group__inner-container.fixed {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: inherit;
}
body.page-template-roshel-product-page .roshel-quote-builder-image div, body.page-template-roshel-product-page .roshel-quote-builder-image ul, body.page-template-roshel-product-page .roshel-quote-builder-image li, body.page-template-roshel-product-page .roshel-quote-builder-image img,
body.page-template-roshel-product-category .roshel-quote-builder-image div,
body.page-template-roshel-product-category .roshel-quote-builder-image ul,
body.page-template-roshel-product-category .roshel-quote-builder-image li,
body.page-template-roshel-product-category .roshel-quote-builder-image img {
height: 100%;
}
body.page-template-roshel-product-page #mrap_quote .hidden_mrap,
body.page-template-roshel-product-category #mrap_quote .hidden_mrap {
display: none !important;
}
body.page-template-roshel-product-page .keyshot-container,
body.page-template-roshel-product-category .keyshot-container {
margin: auto;
max-width: 1600px;
max-height: 1200px;
position: relative;
}
body.page-template-roshel-product-page .keyshot-container iframe,
body.page-template-roshel-product-category .keyshot-container iframe {
cursor: pointer;
}
body.page-template-roshel-product-page .keyshot-container.guard-booth-key,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key {
max-width: 1535px;
max-height: 1078px;
}
body.page-template-roshel-product-page .keyshot-container.guard-booth-key .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key .keyshot-inner {
left: 0px;
width: 100%;
height: 0px;
overflow: hidden;
position: relative;
padding-bottom: 72%;
}
@media (min-width: 1900px) {
body.page-template-roshel-product-page .keyshot-container.guard-booth-key .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key .keyshot-inner {
padding-bottom: 62%;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
body.page-template-roshel-product-page .keyshot-container.guard-booth-key .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key .keyshot-inner {
padding-bottom: 66%;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .keyshot-container.guard-booth-key .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key .keyshot-inner {
padding-bottom: 85%;
}
}
body.page-template-roshel-product-page .keyshot-container.guard-booth-key .keyshot-inner iframe,
body.page-template-roshel-product-category .keyshot-container.guard-booth-key .keyshot-inner iframe {
top: 0px;
left: 0px;
width: 1px;
height: 100%;
*width: 100%;
min-width: 100%;
position: absolute;
}
body.page-template-roshel-product-page .keyshot-container.senator,
body.page-template-roshel-product-category .keyshot-container.senator {
max-width: 1535px;
max-height: 1078px;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .keyshot-container.senator,
body.page-template-roshel-product-category .keyshot-container.senator {
margin-top: 50px;
}
}
body.page-template-roshel-product-page .keyshot-container.senator .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.senator .keyshot-inner {
left: 0px;
width: 100%;
height: 0px;
overflow: hidden;
position: relative;
padding-bottom: 72%;
}
@media (min-width: 1900px) {
body.page-template-roshel-product-page .keyshot-container.senator .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.senator .keyshot-inner {
padding-bottom: 62%;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
body.page-template-roshel-product-page .keyshot-container.senator .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.senator .keyshot-inner {
padding-bottom: 66%;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .keyshot-container.senator .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.senator .keyshot-inner {
padding-bottom: 85%;
}
}
body.page-template-roshel-product-page .keyshot-container.senator-erv,
body.page-template-roshel-product-category .keyshot-container.senator-erv {
max-width: 1601px;
max-height: 1100px;
}
body.page-template-roshel-product-page .keyshot-container.senator-erv iframe,
body.page-template-roshel-product-category .keyshot-container.senator-erv iframe {
top: 0px;
left: 0px;
width: 1px;
border: 0px;
height: 100%;
*width: 100%;
min-width: 100%;
position: absolute;
}
body.page-template-roshel-product-page .keyshot-container.senator-erv .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.senator-erv .keyshot-inner {
left: 0px;
width: 100%;
height: 0px;
overflow: hidden;
position: relative;
padding-bottom: 62%;
}
body.page-template-roshel-product-page .keyshot-container.heavy-duty .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.heavy-duty .keyshot-inner {
left: 0px;
width: 100%;
height: 0px;
position: relative;
overflow: hidden;
padding-bottom: 68%;
}
@media (min-width: 1500px) {
body.page-template-roshel-product-page .keyshot-container.heavy-duty .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.heavy-duty .keyshot-inner {
padding-bottom: 58%;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .keyshot-container.heavy-duty .keyshot-inner,
body.page-template-roshel-product-category .keyshot-container.heavy-duty .keyshot-inner {
padding-bottom: 81%;
}
}
body.page-template-roshel-product-page .keyshot-container.heavy-duty .keyshot-inner iframe,
body.page-template-roshel-product-category .keyshot-container.heavy-duty .keyshot-inner iframe {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 1px;
min-width: 100%;
*width: 100%;
}
body.page-template-roshel-product-page ul.ballistics-chart li,
body.page-template-roshel-product-category ul.ballistics-chart li {
padding: 25px 0 5px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
border-bottom: 1px solid #2d2d2d;
}
html.lt-ie10 body.page-template-roshel-product-page ul.ballistics-chart li,
html.lt-ie10 body.page-template-roshel-product-category ul.ballistics-chart li {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page ul.ballistics-chart li > *,
html.lt-ie10 body.page-template-roshel-product-category ul.ballistics-chart li > * {
display: inline-block;
}
body.page-template-roshel-product-page ul.ballistics-chart li:first-of-type,
body.page-template-roshel-product-category ul.ballistics-chart li:first-of-type {
padding: 0 0 5px;
}
body.page-template-roshel-product-page ul.ballistics-chart li .level,
body.page-template-roshel-product-category ul.ballistics-chart li .level {
width: 33%;
font-size: 16px;
letter-spacing: 0.5px;
color: #fff;
}
@media (min-width: 1250px) {
body.page-template-roshel-product-page ul.ballistics-chart li .level,
body.page-template-roshel-product-category ul.ballistics-chart li .level {
font-size: 18px;
}
}
body.page-template-roshel-product-page ul.ballistics-chart li .ammo,
body.page-template-roshel-product-category ul.ballistics-chart li .ammo {
margin: 0;
width: 33%;
}
body.page-template-roshel-product-page ul.ballistics-chart li .ammo span,
body.page-template-roshel-product-category ul.ballistics-chart li .ammo span {
display: block;
font-size: 12px;
}
body.page-template-roshel-product-page ul.ballistics-chart li .icon,
body.page-template-roshel-product-category ul.ballistics-chart li .icon {
width: 33%;
}
body.page-template-roshel-product-page ul.ballistics-chart li .icon:after,
body.page-template-roshel-product-category ul.ballistics-chart li .icon:after {
content: "";
width: 60px;
height: 13px;
margin-left: 15px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/bullet-filled.png);
}
body.page-template-roshel-product-page ul.ballistics-chart.bc-chart-2 .level-info,
body.page-template-roshel-product-category ul.ballistics-chart.bc-chart-2 .level-info {
width: 100%;
font-size: 14px;
margin-bottom: 10px;
font-weight: 500;
color: #fff;
}
body.page-template-roshel-product-page ul.ballistics-chart.bc-chart-2 .protection,
body.page-template-roshel-product-category ul.ballistics-chart.bc-chart-2 .protection {
width: 100%;
}
body.page-template-roshel-product-page ul.ballistics-chart.bc-chart-2 .protection span,
body.page-template-roshel-product-category ul.ballistics-chart.bc-chart-2 .protection span {
display: block;
width: 100%;
padding-bottom: 5px;
font-size: 12px;
}
body.page-template-roshel-product-page .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs {
z-index: 10;
}
body.page-template-roshel-product-page .roshel-product-specs figure table,
body.page-template-roshel-product-category .roshel-product-specs figure table {
margin: 0;
}
body.page-template-roshel-product-page .roshel-product-specs button.product-inquiry-button,
body.page-template-roshel-product-category .roshel-product-specs button.product-inquiry-button {
display: block;
min-width: 275px;
margin: 60px auto 0;
}
body.page-template-roshel-product-page .roshel-product-specs .specifications,
body.page-template-roshel-product-category .roshel-product-specs .specifications {
height: auto;
margin-top: 50px;
}
body.page-template-roshel-product-page .roshel-product-specs .specifications tr td:nth-of-type(1),
body.page-template-roshel-product-category .roshel-product-specs .specifications tr td:nth-of-type(1) {
color: #b9b6b6;
}
body.page-template-roshel-product-page .roshel-product-specs-split .wp-block-columns,
body.page-template-roshel-product-category .roshel-product-specs-split .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-specs-split .wp-block-columns,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-specs-split .wp-block-columns {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-specs-split .wp-block-columns > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-specs-split .wp-block-columns > * {
display: inline-block;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-specs-split .wp-block-columns,
body.page-template-roshel-product-category .roshel-product-specs-split .wp-block-columns {
margin: auto;
max-width: 700px;
padding: 75px 30px 75px;
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-title-container,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-title-container {
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-title-container p, body.page-template-roshel-product-page .roshel-product-specs-split .roshel-title-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-specs-split .roshel-title-container .wp-block-column,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-title-container p,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-title-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-specs-split .roshel-title-container .wp-block-column {
margin: 0 auto 0 0;
max-width: 490px;
}
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs {
width: 100%;
color: #fff;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs {
margin: 0 auto;
max-width: 1000px;
padding: 100px 50px;
}
}
@media (min-width: 992px) and (max-width: 1249px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs {
width: calc(100% - 390px);
}
}
@media (min-width: 1250px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs {
width: calc(100% - 535px);
}
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs figure table tbody td,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs figure table tbody td {
font-size: 14px;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs .specifications tr,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs .specifications tr {
border-bottom: 1px solid #b9b6b6;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs .specifications tr:first-of-type td,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs .specifications tr:first-of-type td {
padding: 0 0 5px;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs .specifications tr td,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs .specifications tr td {
padding: 30px 0px 10px;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs .specifications tr td:nth-of-type(1),
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs .specifications tr td:nth-of-type(1) {
color: #b9b6b6;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-specs .specifications tr td:nth-of-type(2),
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-specs .specifications tr td:nth-of-type(2) {
text-align: right;
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content {
width: 100%;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content {
display: none;
}
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content {
padding: 100px 50px;
border-left: 1px solid #2d2d2d;
}
}
@media (min-width: 992px) and (max-width: 1249px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content {
width: 390px;
}
}
@media (min-width: 1250px) {
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content {
width: 535px;
}
}
body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content .roshel-title-container p, body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content .roshel-title-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-specs-split .roshel-product-split-content .roshel-title-container .wp-block-column,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content .roshel-title-container p,
body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content .roshel-title-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-specs-split .roshel-product-split-content .roshel-title-container .wp-block-column {
padding-top: 22px;
}
body.page-template-roshel-product-page .roshel-product-specs-container,
body.page-template-roshel-product-category .roshel-product-specs-container {
color: #fff;
background: #000;
}
body.page-template-roshel-product-page .roshel-product-specs-container h2, body.page-template-roshel-product-page .roshel-product-specs-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-product-specs-container .um-account-name > a,
body.page-template-roshel-product-page .roshel-product-specs-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-product-specs-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-specs-container h2,
body.page-template-roshel-product-category .roshel-product-specs-container body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-product-specs-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-specs-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-product-specs-container .um-account-name > a {
margin-bottom: 10px;
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs,
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs {
margin: auto;
text-align: left;
max-width: 1200px;
padding: 100px 50px;
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs figure.specifications,
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs figure.specifications {
padding: 10px 0 0;
vertical-align: top;
display: inline-block;
border-bottom: 1px solid #b9b6b6;
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr:not(:last-of-type),
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr:not(:last-of-type) {
border-bottom: 1px solid rgba(39, 39, 39, 0.5);
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td,
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td {
padding: 12px 0;
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td:nth-of-type(1),
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td:nth-of-type(1) {
font-size: 16px;
}
body.page-template-roshel-product-page .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td:nth-of-type(2),
body.page-template-roshel-product-category .roshel-product-specs-container .roshel-product-specs figure.specifications table tbody tr td:nth-of-type(2) {
font-size: 14px;
text-align: right;
}
body.page-template-roshel-product-page .specs-selectors,
body.page-template-roshel-product-category .specs-selectors {
text-align: center;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .specs-selectors,
body.page-template-roshel-product-category .specs-selectors {
display: none;
}
}
body.page-template-roshel-product-page .specs-selectors.specs-selectors-table,
body.page-template-roshel-product-category .specs-selectors.specs-selectors-table {
padding: 0 0 50px;
}
body.page-template-roshel-product-page .specs-selectors.specs-selectors-split,
body.page-template-roshel-product-category .specs-selectors.specs-selectors-split {
padding: 75px 50px 0;
}
body.page-template-roshel-product-page .specs-selectors ul,
body.page-template-roshel-product-category .specs-selectors ul {
color: white;
overflow: hidden;
border-radius: 30px;
display: inline-block;
vertical-align: middle;
border: 1px solid #989898;
}
body.page-template-roshel-product-page .specs-selectors ul li,
body.page-template-roshel-product-category .specs-selectors ul li {
display: inline-block;
}
body.page-template-roshel-product-page .specs-selectors ul li button,
body.page-template-roshel-product-category .specs-selectors ul li button {
font-weight: 300;
padding: 4px 20px;
font-size: 12px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #7b7b7b;
background-color: transparent;
}
body.page-template-roshel-product-page .specs-selectors ul li button.active,
body.page-template-roshel-product-category .specs-selectors ul li button.active {
color: #212529;
background-color: #fff;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .specs-selectors ul li button span,
body.page-template-roshel-product-category .specs-selectors ul li button span {
display: none;
}
}
body.page-template-roshel-product-page .comparison-links-container,
body.page-template-roshel-product-category .comparison-links-container {
bottom: 0;
width: 100%;
position: absolute;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .comparison-links-container,
body.page-template-roshel-product-category .comparison-links-container {
display: none;
}
}
body.page-template-roshel-product-page .comparison-links-container.law-enforcement ul li,
body.page-template-roshel-product-category .comparison-links-container.law-enforcement ul li {
width: 14.25%;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .comparison-links-container.law-enforcement ul li a p, body.page-template-roshel-product-page .comparison-links-container.law-enforcement ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .comparison-links-container.law-enforcement ul li a .wp-block-column,
body.page-template-roshel-product-category .comparison-links-container.law-enforcement ul li a p,
body.page-template-roshel-product-category .comparison-links-container.law-enforcement ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .comparison-links-container.law-enforcement ul li a .wp-block-column {
display: block;
padding-top: 10px;
}
}
body.page-template-roshel-product-page .comparison-links-container ul,
body.page-template-roshel-product-category .comparison-links-container ul {
width: 100%;
margin: auto;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .comparison-links-container ul,
html.lt-ie10 body.page-template-roshel-product-category .comparison-links-container ul {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .comparison-links-container ul > *,
html.lt-ie10 body.page-template-roshel-product-category .comparison-links-container ul > * {
display: inline-block;
}
body.page-template-roshel-product-page .comparison-links-container ul li,
body.page-template-roshel-product-category .comparison-links-container ul li {
width: 25%;
text-align: center;
color: #fff;
}
body.page-template-roshel-product-page .comparison-links-container ul li:not(:last-of-type),
body.page-template-roshel-product-category .comparison-links-container ul li:not(:last-of-type) {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
body.page-template-roshel-product-page .comparison-links-container ul li a,
body.page-template-roshel-product-category .comparison-links-container ul li a {
width: 100%;
position: relative;
text-align: center;
padding: 15px 10px;
letter-spacing: 1px;
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
background-color: transparent;
}
body.page-template-roshel-product-page .comparison-links-container ul li a:hover,
body.page-template-roshel-product-category .comparison-links-container ul li a:hover {
background-color: #000;
}
body.page-template-roshel-product-page .comparison-links-container ul li a p, body.page-template-roshel-product-page .comparison-links-container ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .comparison-links-container ul li a .wp-block-column,
body.page-template-roshel-product-category .comparison-links-container ul li a p,
body.page-template-roshel-product-category .comparison-links-container ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .comparison-links-container ul li a .wp-block-column {
margin: 0;
font-size: 10px;
display: inline-block;
text-transform: uppercase;
color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .comparison-links-container ul li a p, body.page-template-roshel-product-page .comparison-links-container ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .comparison-links-container ul li a .wp-block-column,
body.page-template-roshel-product-category .comparison-links-container ul li a p,
body.page-template-roshel-product-category .comparison-links-container ul li a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .comparison-links-container ul li a .wp-block-column {
font-size: 8px;
}
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon {
content: "";
width: 24px;
height: 24px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.ld,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.ld {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/van-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.md,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.md {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/van-big-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.hd,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.hd {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/truck-big-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.tc,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.tc {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/truck-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.cv,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.cv {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/truck-big-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.suv,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.suv {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/suv-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.apc,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.apc {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/apc-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.erv,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.erv {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/erv-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.asi,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.asi {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/asi-icon-4.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.ev,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.ev {
width: 40px;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/ev-icon.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a .icon.pgb,
body.page-template-roshel-product-category .comparison-links-container ul li a .icon.pgb {
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/pgb-icon-2.png);
}
body.page-template-roshel-product-page .comparison-links-container ul li a.arrow:after,
body.page-template-roshel-product-category .comparison-links-container ul li a.arrow:after {
width: 11px;
height: 11px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next-white.svg);
}
@media (max-width: 1499px) {
body.page-template-roshel-product-page .comparison-links-container ul li.temp-controlled a p, body.page-template-roshel-product-page .comparison-links-container ul li.temp-controlled a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .comparison-links-container ul li.temp-controlled a .wp-block-column,
body.page-template-roshel-product-category .comparison-links-container ul li.temp-controlled a p,
body.page-template-roshel-product-category .comparison-links-container ul li.temp-controlled a .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .comparison-links-container ul li.temp-controlled a .wp-block-column {
content: "Temp-controlled vehicles";
}
}
body.page-template-roshel-product-page .roshel-product-comparison-container,
body.page-template-roshel-product-category .roshel-product-comparison-container {
background-color: #000;
}
body.page-template-roshel-product-page .roshel-product-comparison-container h2, body.page-template-roshel-product-page .roshel-product-comparison-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-page .roshel-product-comparison-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-comparison-container h2,
body.page-template-roshel-product-category .roshel-product-comparison-container body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-comparison-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-product-comparison-container .um-account-name > a {
margin: 0 0 30px;
color: #fff;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-comparison-container h2, body.page-template-roshel-product-page .roshel-product-comparison-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-page .roshel-product-comparison-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-comparison-container h2,
body.page-template-roshel-product-category .roshel-product-comparison-container body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-product-comparison-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-comparison-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-product-comparison-container .um-account-name > a {
margin: 0 0 15px;
text-align: center;
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison {
margin: auto;
max-width: 700px;
}
}
@media (max-width: 479px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison {
overflow: scroll;
}
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container > * {
display: inline-block;
}
@media (max-width: 479px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container {
width: 370px;
}
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure {
margin: 0;
width: 20%;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure {
width: 50%;
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:nth-of-type(1n+3),
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:nth-of-type(1n+3) {
display: none;
}
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:not(:last-of-type) tbody,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:not(:last-of-type) tbody {
border-right: 1px solid #2d2d2d;
}
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover tbody, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active tbody,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover tbody,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active tbody {
background-color: rgba(80, 80, 80, 0.24);
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover td, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover th, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active td, body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active th,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover td,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure:hover th,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active td,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.active th {
color: #fff;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table {
margin: 0;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead {
display: block;
background-color: transparent;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead tr,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead tr {
display: flex;
padding: 10px 20px;
justify-content: center;
border-bottom: 1px solid #989898;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead th,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table thead th {
font-weight: 300;
letter-spacing: 1px;
color: #b9b6b6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: transparent;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr {
display: flex;
padding: 20px;
justify-content: center;
border-bottom: 1px solid #2d2d2d;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr {
padding: 20px 10px;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr:nth-of-type(8),
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr:nth-of-type(8) {
height: 100px;
}
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr:nth-of-type(8),
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody tr:nth-of-type(8) {
height: 80px;
align-items: center;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody td,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tbody td {
font-size: 14px;
color: #b9b6b6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td {
text-align: center;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure table tfoot td a {
transform: scale(0.8);
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title thead,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title thead {
border-right: 1px solid transparent;
background-color: transparent;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title tbody,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title tbody {
border-left: 0;
background-color: transparent;
border-right: 1px solid #989898;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title th,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title th {
opacity: 0;
color: #fff;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title tr,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title tr {
justify-content: flex-start;
}
body.page-template-roshel-product-page .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title td,
body.page-template-roshel-product-category .roshel-product-comparison-container .roshel-product-comparison .wp-block-group__inner-container figure.comparison-title td {
font-weight: 400;
font-size: 14px;
color: #b9b6b6;
}
body.page-template-roshel-product-page .roshel-product-grid-container,
body.page-template-roshel-product-category .roshel-product-grid-container {
background-color: #000;
}
body.page-template-roshel-product-page .roshel-product-grid-container h2, body.page-template-roshel-product-page .roshel-product-grid-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-page .roshel-product-grid-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-grid-container h2,
body.page-template-roshel-product-category .roshel-product-grid-container body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-grid-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-product-grid-container .um-account-name > a {
margin: 0 0 30px;
color: #fff;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-product-grid-container h2, body.page-template-roshel-product-page .roshel-product-grid-container body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-page .roshel-product-grid-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-grid-container h2,
body.page-template-roshel-product-category .roshel-product-grid-container body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-product-grid-container .um-account-name > a,
body.page-template-roshel-product-category .roshel-product-grid-container body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-product-grid-container .um-account-name > a {
text-align: center;
}
}
body.page-template-roshel-product-page .roshel-product-grid-container p, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-grid-container .wp-block-column,
body.page-template-roshel-product-category .roshel-product-grid-container p,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-grid-container .wp-block-column {
margin-right: auto;
max-width: 535px;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-product-grid-container p, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-grid-container .wp-block-column,
body.page-template-roshel-product-category .roshel-product-grid-container p,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-grid-container .wp-block-column {
margin: auto;
text-align: center;
}
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container {
padding-top: 50px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid > .wp-block-group__inner-container > * {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text {
width: 33%;
min-height: 140px;
padding: 15px 20px;
text-align: center;
border-bottom: 1px solid #2d2d2d;
border-right: 1px solid #2d2d2d;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text {
min-height: 110px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text > * {
display: inline-block;
}
}
@media (min-width: 480px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-child(3n+3),
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-child(3n+3) {
border-right: 0;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-last-child(-n+3),
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-last-child(-n+3) {
border-bottom: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text {
min-height: 130px;
padding: 15px 10px;
}
}
@media (max-width: 479px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text {
width: 50%;
padding: 10px;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-child(2n+2),
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-child(2n+2) {
border-right: 0;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-last-child(-n+1),
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text:nth-last-child(-n+1) {
border-bottom: 0;
}
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text figure.wp-block-media-text__media,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text figure.wp-block-media-text__media {
width: 35%;
}
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text figure.wp-block-media-text__media img {
width: auto;
max-height: 43px;
margin: 0 10px 0 0;
object-fit: contain;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content {
padding-top: 10px;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content {
width: 65%;
padding-top: 0;
}
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .wp-block-column {
margin-bottom: 0;
line-height: 22px;
color: #fff;
}
@media (min-width: 480px) {
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 16px;
}
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.drawers figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.drawers figure img {
max-height: 30px;
margin: 6.5px 10px 6.5px 0;
}
body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.ladder figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.decals figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.anti-slip figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.bulkheads figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.running-boards figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.drawer-units figure img, body.page-template-roshel-product-page .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.fa-shelving figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.ladder figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.decals figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.anti-slip figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.bulkheads figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.running-boards figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.drawer-units figure img,
body.page-template-roshel-product-category .roshel-product-grid-container .roshel-product-grid .wp-block-media-text.fa-shelving figure img {
max-height: 33px;
margin: 5px 10px 5px 0;
}
body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container {
height: 860px;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container {
height: 660px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container {
height: 600px;
}
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container > .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container > .wp-block-group__inner-container > * {
display: inline-block;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation {
height: 100%;
width: 350px;
vertical-align: top;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 1500px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation {
width: 400px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation {
width: 300px;
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation {
left: -150%;
width: 100%;
z-index: 50;
max-width: 300px;
position: absolute;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation {
width: 250px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation.open,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation.open {
left: 0;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation > .wp-block-group__inner-container {
position: relative;
padding: 65px 30px;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title h2, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title .um-account-name > a,
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title .um-account-name > a,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title h2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title body.page-id-11598 .um-account .um-account-name > a,
body.page-id-11598 .um-account body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title .um-account-name > a,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title .um-account-name > a {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-title span,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-title span {
vertical-align: top;
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list {
padding-right: 20px;
margin-right: -20px;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li {
padding: 15px 0;
cursor: pointer;
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-bottom: 1px solid #dedddd;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li:after {
top: 38%;
right: 13px;
content: "";
width: 13px;
height: 13px;
opacity: 0.5;
display: none;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/next.svg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li:hover, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li:hover,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li.active {
color: #212529;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li:hover:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li.active:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li:hover:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li.active:after {
display: block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation ul.features-list li span,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation ul.features-list li span {
display: block;
font-size: 14px;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .features-nav-button {
top: -40px;
right: -10px;
font-size: 0;
opacity: 0.5;
position: absolute;
}
@media (min-width: 768px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .features-nav-button {
display: none;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .features-nav-button:hover,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .features-nav-button:hover {
opacity: 1;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content {
height: 100%;
overflow: hidden;
width: calc(100% - 350px);
background-color: #fff;
}
@media (min-width: 1500px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content {
width: calc(100% - 400px);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content {
width: calc(100% - 300px);
}
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content {
width: 100%;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group__inner-container {
height: inherit;
position: relative;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left {
height: 100%;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors {
width: 100%;
z-index: 10;
text-align: center;
position: absolute;
padding: 50px 10px 0; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors > * {
display: inline-block;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors {
padding: 50px 10px 0;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul {
color: white;
overflow: hidden;
border-radius: 30px;
display: inline-block;
vertical-align: middle;
border: 1px solid #7b7b7b;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul {
margin: 0 20px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li:last-of-type,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li:last-of-type {
margin-left: -5px;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button {
padding: 4px 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #7b7b7b;
background-color: transparent;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button:hover, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button:hover,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors ul li button.active {
color: #fff;
background-color: #000;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors button {
font-weight: 300;
padding: 0 0 0 15px;
font-size: 12px;
color: #7b7b7b;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors button.feature-selector-all,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .feature-selectors button.feature-selector-all {
order: -1;
padding: 0;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
margin: auto;
height: 100%;
display: block;
object-fit: contain;
}
@media (min-width: 1500px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
transform: scale(1.25);
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
width: 855px;
object-fit: cover;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
width: 890px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
width: 768px;
height: 660px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left figure.features-bg-image img {
width: 414px;
height: 616px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights {
left: 0;
right: 0;
width: 100%;
margin: auto;
bottom: 50px;
max-width: 850px;
position: absolute;
}
@media (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights {
max-width: 700px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights {
padding: 0 10px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights > .wp-block-group__inner-container > * {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight {
width: 25%;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img {
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px;
}
@media (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img {
width: 27px;
height: 27px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight img {
width: 23px;
height: 23px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column {
margin: auto;
padding-top: 5px;
text-align: center;
font-size: 13px;
line-height: 17px;
color: #a6a6a6;
}
@media (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column {
font-size: 11px;
}
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight p,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .features-highlights .feature-highlight .wp-block-column {
font-size: 8px;
line-height: normal;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
max-width: 1000px;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
max-width: 1000px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container {
width: 855px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-container {
width: 650px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals {
z-index: 100;
display: none;
max-width: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.85);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals.active {
display: block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal {
top: 50%;
left: 50%;
right: 50%;
width: 400px;
margin: auto;
display: none;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #fff;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal {
width: 80%;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal.active {
display: block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header {
padding: 35px;
position: relative;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header {
padding: 35px 20px 10px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .close-icon, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .roshel-features-navigation .features-nav-button, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .close-icon,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .roshel-features-navigation .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .features-nav-button {
top: 15px;
right: 15px;
width: 13px;
height: 13px;
position: absolute;
}
@supports (-webkit-touch-callout: none) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .close-icon, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .roshel-features-navigation .features-nav-button, body.page-template-roshel-product-page .roshel-features-container .roshel-features-navigation .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .close-icon,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .roshel-features-navigation .features-nav-button,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-navigation .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-header .features-nav-button {
right: 0;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-body img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-body img {
height: 320px;
width: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-body img,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotations-modals .annotations-modal .annotations-modal-body img {
height: 220px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble {
height: 23px;
width: 23px;
display: block;
padding: 5px;
cursor: pointer;
position: absolute;
border-radius: 20px;
background-color: #fff;
-webkit-transition: width 0.5s ease-out, padding 0.5s ease-out;
-moz-transition: width 0.5s ease-out, padding 0.5s ease-out;
-ms-transition: width 0.5s ease-out, padding 0.5s ease-out;
-o-transition: width 0.5s ease-out, padding 0.5s ease-out;
transition: width 0.5s ease-out, padding 0.5s ease-out;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble {
display: none !important;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble:after {
width: 12px;
height: 12px;
content: "";
opacity: 0.65;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/plus.svg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.active, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble:hover,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble:hover {
opacity: 0;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.filter-not-active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.filter-not-active {
opacity: 0 !important;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0 {
bottom: 335px;
left: 405px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0 {
left: 350px;
bottom: 350px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0 {
bottom: 370px;
left: 270px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0 {
bottom: 370px;
left: 270px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1 {
top: 415px;
right: 240px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1 {
right: 217px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1 {
top: 420px;
right: 177px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-1 {
top: 420px;
right: 177px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2 {
top: 260px;
right: 495px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2 {
right: 440px;
top: 300px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2 {
top: 345px;
right: 325px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-2 {
top: 345px;
right: 325px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3 {
left: 195px;
top: 266px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3 {
left: 180px;
top: 295px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3 {
left: 155px;
top: 335px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-3 {
left: 155px;
top: 335px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4 {
left: 298px;
top: 202px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4 {
left: 267px;
top: 245px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4 {
left: 214px;
top: 299px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-4 {
left: 214px;
top: 299px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5 {
z-index: 1;
bottom: 310px;
left: 185px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5 {
bottom: 337px;
left: 174px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5 {
bottom: 360px;
left: 160px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-5 {
bottom: 360px;
left: 160px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6 {
top: 480px;
right: 350px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6 {
right: 304px;
top: 475px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6 {
top: 450px;
right: 240px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-6 {
top: 450px;
right: 240px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7 {
bottom: 327px;
left: 310px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7 {
bottom: 344px;
left: 274px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7 {
bottom: 370px;
left: 218px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-7 {
bottom: 370px;
left: 218px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8 {
left: 75px;
top: 230px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8 {
left: 86px;
top: 270px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8 {
left: 89px;
top: 322px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-8 {
left: 89px;
top: 322px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9 {
top: 315px;
right: 369px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9 {
right: 320px;
top: 340px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9 {
top: 365px;
right: 255px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-9 {
top: 365px;
right: 255px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10 {
top: 361px;
left: 406px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10 {
top: 373px;
left: 353px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10 {
top: 388px;
left: 275px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-10 {
top: 388px;
left: 275px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11 {
left: 75px;
bottom: 428px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11 {
left: 85px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11 {
left: 99px;
bottom: 415px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-11 {
left: 99px;
bottom: 415px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation {
display: none;
cursor: pointer;
padding: 3px 10px;
border-radius: 8px;
position: absolute;
background-color: #000;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation {
display: none !important;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.active, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:hover,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.active,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:hover {
display: block;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.active .annotation-bubble, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:hover .annotation-bubble,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.active .annotation-bubble,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:hover .annotation-bubble {
opacity: 0;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation:after {
left: 0;
right: 0;
width: 0;
height: 0;
content: "";
margin: auto;
bottom: -8px;
position: absolute;
display: none;
display: block;
border-left: solid 8px transparent;
border-right: solid 8px transparent;
border-top: solid 8px #000;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation span,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation span {
margin-right: 13px;
font-size: 11px;
display: inline-block;
vertical-align: middle;
color: #fff;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation span:nth-of-type(2),
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation span:nth-of-type(2) {
display: none !important;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation .endpoint,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation .endpoint {
width: 13px;
height: 13px;
padding: 3px;
cursor: pointer;
border-radius: 20px;
vertical-align: middle;
display: inline-block;
background-color: #fff;
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation .endpoint:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation .endpoint:after {
width: 7px;
height: 7px;
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/plus.svg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-top-left:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-top-left:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-bubble.annotation-bubble-0:after {
top: -7px;
left: 20px;
right: auto;
bottom: auto;
transform: rotate(180deg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-left:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5:after, body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-left:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4:after {
top: 0;
left: -12px;
right: auto;
bottom: 0;
transform: rotate(90deg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-right:after,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation-right:after {
top: 0;
left: -12px;
right: auto;
bottom: 0;
transform: rotate(90deg);
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0 {
bottom: 326px;
left: 389px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0 {
left: 333px;
bottom: 340px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-0 {
bottom: 354px;
left: 253px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1 {
top: 394px;
right: 139px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1 {
top: 391px;
right: 116px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-1 {
top: 398px;
right: 77px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2 {
top: 237px;
right: 441px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2 {
right: 386px;
top: 276px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-2 {
top: 321px;
right: 271px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3 {
left: 178px;
top: 280px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3 {
left: 163px;
top: 310px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-3 {
left: 138px;
top: 349px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4 {
left: 310px;
top: 197px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4 {
left: 278px;
top: 241px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-4 {
left: 228px;
top: 297px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5 {
z-index: 1;
bottom: 303px;
left: 203px;
max-width: 200px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5 {
bottom: 329px;
left: 190px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-5 {
bottom: 353px;
left: 176px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6 {
top: 455px;
right: 311px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6 {
right: 266px;
top: 450px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-6 {
top: 427px;
right: 202px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7 {
bottom: 343px;
left: 248px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7 {
bottom: 360px;
left: 212px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-7 {
bottom: 387px;
left: 154px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8 {
left: 90px;
top: 226px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8 {
left: 102px;
top: 266px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-8 {
left: 104px;
top: 318px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9 {
top: 291px;
right: 282px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9 {
right: 233px;
top: 316px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-9 {
top: 340px;
right: 168px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10 {
top: 358px;
left: 412px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10 {
top: 370px;
left: 367px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-10 {
top: 385px;
left: 286px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11 {
left: 58px;
bottom: 419px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11 {
left: 68px;
bottom: 413px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.page-template-roshel-product-page .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-content .wp-block-group.features-content-left .annotation.annotation-11 {
left: 82px;
bottom: 399px;
}
}
body.page-template-roshel-product-page .roshel-features-container .roshel-features-items,
body.page-template-roshel-product-category .roshel-features-container .roshel-features-items {
display: none;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open {
width: 20px;
z-index: 100;
height: 20px;
outline: none;
display: block;
cursor: pointer;
position: relative;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open {
display: none;
}
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open span,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open span {
left: 0;
height: 1px;
width: 20px;
border: none;
cursor: pointer;
position: absolute;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open span.top,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open span.top {
top: 6px;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open span.middle,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open span.middle {
top: 12px;
width: 15px;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open span.bottom,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open span.bottom {
top: 18px;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open.active span.top,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open.active span.top {
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-moz-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
-o-transform: translateY(6px) translateX(0) rotate(45deg);
transform: translateY(6px) translateX(0) rotate(45deg);
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open.active span.middle,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open.active span.middle {
opacity: 0;
}
body.page-template-roshel-product-page .roshel-features-container .features-nav-button-open.active span.bottom,
body.page-template-roshel-product-category .roshel-features-container .features-nav-button-open.active span.bottom {
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
-o-transform: translateY(-6px) translateX(0) rotate(-45deg);
transform: translateY(-6px) translateX(0) rotate(-45deg);
}
body.page-template-roshel-product-page .roshel-features-details,
body.page-template-roshel-product-category .roshel-features-details {
display: none;
padding-bottom: 100px;
}
body.page-template-roshel-product-page .roshel-features-details .wp-block-group__inner-container,
body.page-template-roshel-product-category .roshel-features-details .wp-block-group__inner-container {
margin: auto;
max-width: 900px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-details .wp-block-group__inner-container,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-details .wp-block-group__inner-container {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-details .wp-block-group__inner-container > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-details .wp-block-group__inner-container > * {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-details .wp-block-group__inner-container .roshel-feature,
body.page-template-roshel-product-category .roshel-features-details .wp-block-group__inner-container .roshel-feature {
width: 25%;
padding: 20px;
text-align: center;
font-size: 14px;
color: grey;
font-weight: 400;
letter-spacing: 0.5px;
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-title-container,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-title-container {
padding: 100px 50px 0;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-title-container,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-title-container {
padding: 75px 30px 0;
}
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text {
cursor: pointer;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 992px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text {
width: 25% !important;
}
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover figure.wp-block-media-text__media:after, body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active figure.wp-block-media-text__media:after,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover figure.wp-block-media-text__media:after,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active figure.wp-block-media-text__media:after {
opacity: 1;
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content, body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content {
height: 100%; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content, html.lt-ie10 body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content > *, html.lt-ie10 body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text:hover .wp-block-media-text__content > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text.active .wp-block-media-text__content > * {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media {
position: relative;
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media:after,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media:after {
display: none;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
content: "";
width: 30px;
height: 30px;
padding: 8px;
margin: auto;
position: absolute;
border-radius: 30px;
background-size: 14px;
background-position: center;
transform: translateY(-50%);
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/plus.svg);
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img {
object-fit: cover;
height: 205px;
}
@media (max-width: 767px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img {
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img {
height: 240px;
}
}
@media (min-width: 1500px) and (max-width: 1899px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img {
height: 330px;
}
}
@media (min-width: 1900px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text figure.wp-block-media-text__media img {
height: 450px;
}
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content {
left: 0;
right: 0;
height: 0;
bottom: 0;
width: 100%;
overflow: hidden;
position: absolute;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.85);
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h3,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h3 {
font-weight: 400;
padding: 0 20px;
font-size: 17px;
margin-bottom: 10px;
color: #fff;
}
@media (min-width: 1900px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h3,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content h3 {
padding: 0 50px;
}
}
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column {
margin: auto;
padding: 0 50px;
line-height: normal;
font-size: 14px;
color: #fff;
}
@media (min-width: 1500px) and (max-width: 1899px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column {
font-size: 12px;
}
}
@media (max-width: 1499px) {
body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p, body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content p,
body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-features-gallery .roshel-feature-gallery .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__content .wp-block-column {
padding: 0 20px;
font-size: 10px;
}
}
body.page-template-roshel-product-page .visualizer-controls,
body.page-template-roshel-product-category .visualizer-controls {
text-align: center;
pointer-events: none;
}
@media (min-width: 480px) {
body.page-template-roshel-product-page .visualizer-controls,
body.page-template-roshel-product-category .visualizer-controls {
left: 0;
right: 0;
bottom: 0;
position: absolute;
height: auto !important;
}
body.page-template-roshel-product-page .visualizer-controls.lower-control,
body.page-template-roshel-product-category .visualizer-controls.lower-control {
bottom: -15% !important;
}
}
body.page-template-roshel-product-page .visualizer-controls .rotate-icon,
body.page-template-roshel-product-category .visualizer-controls .rotate-icon {
content: "";
width: 35px;
height: 30px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/degree.png);
}
@media (min-width: 480px) {
body.page-template-roshel-product-page .visualizer-controls .rotate-icon,
body.page-template-roshel-product-category .visualizer-controls .rotate-icon {
width: 50px;
}
}
body.page-template-roshel-product-page .roshel-product-cert,
body.page-template-roshel-product-category .roshel-product-cert {
width: 100%;
margin: auto;
padding: 50px 20px;
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body {
padding: 15px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-cert .product-cert-body,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-cert .product-cert-body {
display: block;
}
html.lt-ie10 body.page-template-roshel-product-page .roshel-product-cert .product-cert-body > *,
html.lt-ie10 body.page-template-roshel-product-category .roshel-product-cert .product-cert-body > * {
display: inline-block;
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body p, body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .wp-block-column,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body p,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .wp-block-column {
font-size: 12px;
display: inline-block;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body p, body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .wp-block-column,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body p,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column,
.roshel-dual-column-paragraph-container .roshel-dual-column-paragraph body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .wp-block-column {
display: block;
}
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .io-text,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .io-text {
padding-left: 20px;
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .io-text:not(:first-of-type):before,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .io-text:not(:first-of-type):before {
content: "";
width: 1px;
height: 22px;
background: #8d8d8d;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 991px) {
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .io-text:not(:first-of-type):before,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .io-text:not(:first-of-type):before {
display: none;
}
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .io-text .io-label,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .io-text .io-label {
color: white;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
body.page-template-roshel-product-page .roshel-product-cert .product-cert-body .io-text .io-value,
body.page-template-roshel-product-category .roshel-product-cert .product-cert-body .io-text .io-value {
color: #e3e3e3;
}
@media (max-width: 991px) {
.roshel-quote-builder .roshel-quote-builder-form-container {
order: -1;
}
}
.roshel-quote-builder .roshel-quote-builder-form-title p, .roshel-quote-builder .roshel-quote-builder-form-title .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-quote-builder .roshel-quote-builder-form-title .wp-block-column {
max-width: 445px;
margin-right: auto;
}
.roshel-quote-builder .roshel-quote-builder-form-heading {
padding-top: 35px;
}
@media (max-width: 991px) {
.roshel-quote-builder .roshel-quote-builder-form-heading {
display: none;
}
}
@media (max-width: 991px) {
.roshel-quote-builder .roshel-quote-button {
margin-top: 25px;
display: block !important;
}
}
@media (max-width: 991px) {
.roshel-quote-builder .roshel-quote-builder-form {
display: none;
}
}
@media (max-width: 991px) {
.roshel-quote-builder section#roshel-quote-contact {
display: none;
}
}
.roshel-quote-builder-form-container {
height: 100%;
overflow: hidden;
vertical-align: top;
position: relative;
}
@media (min-width: 992px) and (max-width: 1249px) {
.roshel-quote-builder-form-container {
width: 390px;
}
}
@media (min-width: 1250px) {
.roshel-quote-builder-form-container {
width: 535px;
}
}
.roshel-quote-builder-form-container > .wp-block-group__inner-container {
padding: 0 30px;
}
@media (min-width: 992px) and (max-width: 1249px) {
.roshel-quote-builder-form-container > .wp-block-group__inner-container {
padding: 0 50px 0 0;
}
}
@media (min-width: 1250px) {
.roshel-quote-builder-form-container > .wp-block-group__inner-container {
padding: 0 50px;
}
}
.roshel-quote-builder-form-container .roshel-quote-builder-form-heading {
padding-top: 35px;
}
.roshel-quote-builder-form-container .roshel-quote-button {
display: none;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section {
border-bottom: 1px solid #b7b5b5;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-header:after {
top: 38%;
right: 13px;
content: "";
width: 15px;
height: 15px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/down.svg);
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body {
height: auto;
display: none;
font-size: 14px;
margin: 20px 0 40px;
color: #7b7b7b;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body .checkblock-group .checkblock-title {
display: block;
padding-bottom: 20px;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body .checkblock-group .checkblock-cover {
border: 0;
padding: 0 0 10px 0;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body .checkblock:not(.checked) {
border: 1px solid #7b7b7b;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div {
padding: 15px 0;
border-top: 1px solid #eceaea;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div:not(:last-of-type) {
border-bottom: 1px solid #eceaea;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div span:not(.checkblock), .roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div label {
margin: 0;
padding-right: 10px;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div select,
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div input[type=number] {
width: 100%;
padding: 6px;
display: block;
margin-top: 12px;
font-weight: 300;
font-size: 13px;
color: #7b7b7b;
border: 1px solid #7b7b7b;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div select {
outline: none;
max-width: 300px;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div input[type=number] {
max-width: 100px;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div input[type=checkbox] {
width: 16px;
height: 16px;
color: #7b7b7b;
border: 1px solid #7b7b7b;
}
.roshel-quote-builder-form-container .roshel-quote-builder-form section .section-body div input {
outline: none;
vertical-align: middle;
}
.roshel-quote-builder-form-container section .section-header {
padding: 12px 0;
cursor: pointer;
position: relative;
}
.roshel-quote-builder-form-container section .section-header span {
font-weight: 400;
letter-spacing: 0.5px;
}
.roshel-quote-builder-form-container section .section-header span.step {
background: black;
color: white;
padding: 5px 10px;
font-size: 10px;
margin-right: 10px;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container {
padding: 0;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .ginput_container input {
width: 100%;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body input, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body textarea {
font-weight: 300;
font-size: 14px;
color: #7b7b7b !important;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body input::placeholder, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body input:-ms-input-placeholder, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body input::-ms-input-placeholder, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body textarea::placeholder, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body textarea:-ms-input-placeholder, .roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body textarea::-ms-input-placeholder {
color: #7b7b7b;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body .product-field {
display: none;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body .vehicle_summary textarea,
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_body #field_28_11 textarea {
height: auto;
display: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_confirmation_wrapper {
padding: 10px 40px;
}
.roshel-quote-builder-form-container section#roshel-quote-contact .form-container .gform_confirmation_wrapper .gform_confirmation_message {
font-size: 13px;
}
.roshel-quote-builder.quote-builder-single .roshel-quote-builder-image {
display: none;
}
.roshel-quote-builder.quote-builder-single .roshel-quote-builder-form-container {
width: 100%;
border-left: 0 !important;
}
.roshel-quote-builder.quote-builder-single .roshel-quote-builder-form-container > .wp-block-group__inner-container {
margin: auto;
max-width: 1200px;
padding: 100px 50px;
}
.modal.mega-menu-modal .modal-dialog {
max-width: 1060px;
}
@media (min-width: 768px) {
.mega-menu-container {
padding: 0 25px 50px;
}
}
.mega-menu-container .wp-block-buttons {
display: grid;
gap: 10px;
grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) and (max-width: 991px) {
.mega-menu-container .wp-block-buttons {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.mega-menu-container .wp-block-buttons {
grid-template-columns: repeat(2, 1fr);
}
}
.mega-menu-container a {
width: 100%;
color: #212529;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
overflow: hidden;
padding: 0 12px;
margin: 24px 0;
display: block;
}
.mega-menu-container a:before {
content: "";
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mega-menu-container .secured-transportation a:before,
.mega-menu-container .medium-duty-vehicles a:before {
width: 209px;
height: 78px;
margin-bottom: 13px;
background-size: cover;
margin-left: -24px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/medium-duty-vehicles.png);
}
.mega-menu-container .light-duty-vehicles a:before {
width: 203px;
height: 71px;
margin-bottom: 13px;
background-size: cover;
margin-left: -21px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/light-duty-vehicles.png);
}
.mega-menu-container .heavy-duty-vehicles a:before {
width: 230px;
height: 87px;
margin-bottom: 13px;
background-size: cover;
margin-left: -28px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/heavy-duty-vehicles.png);
}
.mega-menu-container .electric-vehicles a:before {
width: 209px;
height: 92px;
margin-bottom: 13px;
background-size: cover;
margin-left: -25px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/electric-vehicles.png);
}
.mega-menu-container .electric-vehicles:before {
filter: blur(6px);
}
.mega-menu-container .electric-vehicles:after {
top: 52px;
left: 38px;
font-weight: 500;
position: absolute;
content: "Coming Soon";
}
.mega-menu-container .upfitting-solutions a:before {
width: 205px;
height: 85px;
margin-bottom: 13px;
background-size: cover;
margin-left: -22px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/upfitting-solutions.png);
}
.mega-menu-container .senator-apc a:before {
width: 213px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -19px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-apc.png);
}
.mega-menu-container .senator-erv a:before {
width: 213px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -19px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-erv.png);
}
.mega-menu-container .senator-eod a:before {
width: 280px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -56px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-eod.png);
}
.mega-menu-container .senator-mrap a:before {
width: 269px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -48px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-mrap.png);
}
.mega-menu-container .senator-pickup a:before {
width: 295px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -84px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/roshel-pickup-cargo.png);
}
.mega-menu-container .senator-medevac a:before {
width: 245px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -33px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/senator-medevac.png);
}
.mega-menu-container .captain-apc a:before {
width: 285px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -56px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/captain-apc.png);
}
.mega-menu-container .admiral-mrap a:before {
width: 285px;
height: 93px;
margin-bottom: 13px;
background-size: cover;
margin-left: -56px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/admiral-mrap.png);
}
.mega-menu-container .commercial-vehicles a:before {
width: 204px;
height: 89px;
margin-bottom: 13px;
background-size: cover;
margin-left: -16px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/police-vehicles.png);
}
.mega-menu-container .armored-vans a:before {
width: 210px;
height: 80px;
margin-bottom: 13px;
background-size: cover;
margin-left: -22px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/armored-vans.png);
}
.mega-menu-container .portable-guard-booth a:before {
width: 250px;
height: 89px;
margin-bottom: 13px;
background-size: cover;
margin-left: -22px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/portable-guard-booth.png);
}
.mega-menu-container .fleet-management a:before {
width: 223px;
height: 87px;
margin-bottom: 13px;
background-size: cover;
margin-left: -48px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/images/fleet-mgmt.png);
}
.roshel-product-list-container .roshel-mainbar {
width: 100% !important;
}
.roshel-product-list .product-list-item {
display: block;
position: relative;
margin: 0 5px 10px;
width: calc(33.333% - 10px);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media (min-width: 992px) {
.roshel-product-list .product-list-item {
margin: 0 10px 20px;
width: calc(33.333% - 20px);
}
}
@media (max-width: 767px) {
.roshel-product-list .product-list-item {
width: 100%;
}
}
.roshel-product-list .product-list-item.inactive {
display: none;
}
.roshel-product-list .product-list-item.list-item-new figure {
position: relative;
}
.roshel-product-list .product-list-item.list-item-new figure::after {
top: 20px;
left: 20px;
right: auto;
color: white;
content: "New";
font-weight: 500;
padding: 5px 20px;
position: absolute;
font-size: 14px;
letter-spacing: 1px;
background: black;
display: block !important;
text-transform: uppercase;
}
.roshel-product-list .wp-block-media-text__media {
width: 100%;
height: 365px;
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #f8f8f8; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .roshel-product-list .wp-block-media-text__media {
display: block;
}
html.lt-ie10 .roshel-product-list .wp-block-media-text__media > * {
display: block;
}
@media (max-width: 991px) {
.roshel-product-list .wp-block-media-text__media {
height: 250px;
}
}
.roshel-product-list .wp-block-media-text__media img {
margin: auto;
max-width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 991px) {
.roshel-product-list .wp-block-media-text__media img {
padding: 10px;
}
}
.roshel-product-list .wp-block-media-text__content {
padding: 20px 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 991px) {
.roshel-product-list .wp-block-media-text__content {
padding: 10px 0;
}
}
.roshel-product-list .wp-block-media-text__content h2, .roshel-product-list .wp-block-media-text__content body.page-id-11598 .um-account .um-account-name > a, body.page-id-11598 .um-account .roshel-product-list .wp-block-media-text__content .um-account-name > a,
.roshel-product-list .wp-block-media-text__content body.page-id-11599 .um-account .um-account-name > a,
body.page-id-11599 .um-account .roshel-product-list .wp-block-media-text__content .um-account-name > a {
margin: 0;
font-weight: 500;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.roshel-product-list .wp-block-media-text__content p, .roshel-product-list .wp-block-media-text__content .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .wp-block-column, .roshel-dual-column-paragraph-container .roshel-dual-column-paragraph .roshel-product-list .wp-block-media-text__content .wp-block-column {
display: none;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.roshel-product-list .wp-block-media-text__content a {
cursor: pointer;
margin-top: 15px;
display: inline-block;
}
@media (max-width: 991px) {
.roshel-product-list .wp-block-media-text__content a {
padding: 8px 20px;
font-size: 12px;
}
}  body.page-id-8333 .banner-container.blur-background .overlay, body.page-id-8333 .banner-container.blur-background .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image body.page-id-8333 .banner-container.blur-background .wp-block-group__inner-container:before {
backdrop-filter: blur(22px);
-webkit-backdrop-filter: blur(22px);
}
body.page-id-8333 .banner-container .heading-container {
top: 0;
height: 100%;
padding-top: 50px; display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-8333 .banner-container .heading-container {
display: block;
}
html.lt-ie10 body.page-id-8333 .banner-container .heading-container > * {
display: block;
}
body.page-id-8333 footer {
display: none;
}
body.page-id-4006 #law_enforcement_video {
object-position: center bottom;
}
.senator-apc-video {
object-position: center bottom;
}
body.page-id-6360 .banner-container .overlay, body.page-id-6360 .banner-container .page-id-8114 .test-background-image .wp-block-group__inner-container:before, .page-id-8114 .test-background-image body.page-id-6360 .banner-container .wp-block-group__inner-container:before {
background-color: rgba(0, 0, 0, 0.2);
}
body.page-id-6360 .roshel-quote-builder .roshel-quote-builder-form-container .roshel-quote-builder-form .modular-door {
display: none;
}
@media (max-width: 991px) {
body.page-id-4008 .roshel-dual-column-paragraph-container {
margin-bottom: 75px;
}
}
body.page-id-4008 .fm-se-container {
padding-top: 0;
}
body.page-id-4008 .fm-se-container > .wp-block-group__inner-container {
padding-top: 0;
padding-bottom: 0;
}
body.page-id-4008 .fm-se-container .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-4008 .fm-se-container .wp-block-columns {
display: block;
}
html.lt-ie10 body.page-id-4008 .fm-se-container .wp-block-columns > * {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4008 .fm-se-container .wp-block-columns { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 body.page-id-4008 .fm-se-container .wp-block-columns {
display: block;
}
html.lt-ie10 body.page-id-4008 .fm-se-container .wp-block-columns > * {
display: inline-block;
}
}
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column {
width: 47%;
}
@media (max-width: 767px) {
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column {
width: 100%;
}
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column:last-of-type {
order: -1;
}
}
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column .roshel-text-inner {
padding: 75px 0;
}
@media (max-width: 991px) {
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column .roshel-text-inner {
padding: 50px 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4008 .fm-se-container .wp-block-columns .wp-block-column .roshel-text-inner .inner-text-body {
max-height: 250px;
overflow: scroll;
}
}
body.page-id-4008 .fm-se-container .wp-block-columns figure {
margin-top: -70px;
}
@media (min-width: 768px) and (max-width: 991px) {
body.page-id-4008 .fm-se-container .wp-block-columns figure {
margin-top: 0;
}
}
body.page-id-4008 .fm-se-container .wp-block-columns button {
margin-top: 20px;
}
body.page-id-4008 .roshel-flex-columns .fleet-infographic img {
object-fit: contain;
max-width: 636px;
margin-left: auto;
}
@media (max-width: 991px) {
body.page-id-4008 .roshel-flex-columns .fleet-infographic img {
margin: 50px auto;
object-position: center;
}
}
body.page-id-4008 .roshel-advantage-container {
background: transparent;
} .wp-block-columns.roshel-senator-video-container {
height: 550px;
position: relative;
}
@media (min-width: 1900px) {
.wp-block-columns.roshel-senator-video-container {
height: 710px;
}
}
@media (max-width: 767px) {
.wp-block-columns.roshel-senator-video-container {
height: auto;
}
}
@media (min-width: 768px) {
.wp-block-columns.roshel-senator-video-container { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
html.lt-ie10 .wp-block-columns.roshel-senator-video-container {
display: block;
}
html.lt-ie10 .wp-block-columns.roshel-senator-video-container > * {
display: inline-block;
}
}
.wp-block-columns.roshel-senator-video-container:before {
top: 0;
right: 0;
left: auto;
width: 100%;
height: 100%;
content: "";
z-index: -1;
display: block;
position: absolute;
vertical-align: middle;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video {
width: 50%;
height: 100%;
}
@media (max-width: 767px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video {
width: 100%;
height: 400px;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video.contain-video {
padding-right: 45px;
}
@media (max-width: 991px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video.contain-video {
padding-right: 25px;
}
}
@media (max-width: 767px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video.contain-video {
padding-right: 0;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video.contain-video video {
object-fit: contain;
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content {
width: 50%;
}
@media (max-width: 767px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content {
width: 100%;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner {
width: 100%;
padding: 45px 50px;
position: relative;
}
@media (max-width: 991px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner {
padding: 75px 30px;
}
}
@media (min-width: 1500px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner {
margin: auto;
max-width: 700px;
}
}
@media (min-width: 1900px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner {
margin-right: 0;
margin-left: auto;
padding: 75px 200px 75px 0;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner:after {
right: 0;
top: -50px;
width: 75px;
height: 75px;
display: block;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//roshel.com/wp-content/themes/roshel/inc/assets/visual/icons/angle.svg);
}
@media (min-width: 1900px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner:after {
right: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner .inner-text-body {
max-height: 250px;
overflow: scroll;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner a, .wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner button {
display: block;
cursor: default;
padding-top: 25px;
font-size: 12px;
color: #7b7b7b;
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner a img, .wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner button img {
width: 135px;
margin-left: 15px;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 479px) {
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner a img, .wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner button img {
width: 95px;
}
}
.wp-block-columns.roshel-senator-video-container .wp-block-column.roshel-senator-video-content .roshel-text-inner ul li {
list-style: inside;
padding-bottom: 8px;
}