html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
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;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
html.pum-open.pum-open-overlay{
overflow:visible !important;
}
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;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
overflow-x: hidden;
}
body.custom-background {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
hr {
background-color: #d9d9d9;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: black !important;
background-image: none;
color: black;
}
::-webkit-selection {
background: #0081FE;
color: #fff;
}
::-moz-selection {
background: #0081FE;
color: #fff;
}
::-ms-selection {
background: #0081FE;
color: #fff;
}
::-o-selection {
background: #0081FE;
color: #fff;
}
::selection {
background: #dee4e4;
color: #000;
}
.site {
background-color: #fff;
}
body.home .site {
background-color: inherit;
}
.logged-in.admin-bar .ab-top-menu a,
.logged-in.admin-bar .ab-top-menu a > p {
color: inherit !important;
}
.pad0lr {
padding-left: 0;
padding-right: 0;
}
.ovrhidden {
overflow: hidden;
}
.post-thumb a, .block-testimonial .controls {
bottom: 0;
height: 100%;
margin: auto;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 9;
}
.wrapper {
float: left;
width: 100%;
}
.mar0lr {
margin-left: 0;
margin-right: 0;
}
.pad0lr {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ovrhidden {
overflow: hidden;
}
.wrapper {
float: left;
width: 100%;
}
ul, ol {
margin: 0 0 1.5em 0.875em;
line-height: 2;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
table {
margin: 0 0 1.5em;
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
width: 100%;
}
table thead tr {
background-color: #333333;
}
table thead tr th {
color: #fff;
font-size: 15px;
}
.whitebg{background-color:rgba(255, 255, 255, 0.9)!important;}
th,
td {
border-bottom: 1px solid #d9d9d9;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
font-size: 14px;
}
th, td {
padding: 7px 15px;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
margin-left: 0;
}
dd a {
text-decoration: underline;
}
.socialgroup ul {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.socialgroup li {
display: inline-block;
margin-bottom: 10px;
}
.socialgroup a {
font-family: "kf-icons";
font-size: 0px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #000;
text-decoration: inherit;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.socialgroup a:before {
font-family: "kf-icons";
font-size: 15px;
}
.socialgroup a[href*="blogger.com"]:before {
content: "\e0a7";
}
.socialgroup a[href*="delicious.com"]:before {
content: "\e0a9";
}
.socialgroup a[href*="deviantart.com"]:before {
content: "\e09f";
}
.socialgroup a[href*="dribbble.com"]:before {
content: "\e09b";
}
.socialgroup a[href*="facebook.com"]:before {
content: "\e093";
}
.socialgroup a[href*="flickr.com"]:before {
content: "\e0a6";
}
.socialgroup a[href*="googledrive"]:before {
content: "\e0a5";
}
.socialgroup a[href*="instagram.com"]:before {
content: "\e09a";
}
.socialgroup a[href*="linkedin.com"]:before {
content: "\e09d";
}
.socialgroup a[href*="myspace.com"]:before {
content: "\e0a1";
}
.socialgroup a[href*="picassa.com"]:before {
content: "\e0a4";
}
.socialgroup a[href*="pinterest.com"]:before {
content: "\e095";
}
.socialgroup a[href*="plus.google.com"]:before {
content: "\e096";
}
.socialgroup a[href*="rss.com"]:before,
.socialgroup a[href*="/feed"]:before {
content: "\e09e";
}
.socialgroup a[href*="share.com"]:before {
content: "\e0a0";
}
.socialgroup a[href*="skype.com"]:before {
content: "\e0a2";
}
.socialgroup a[href*="spotify.com"]:before {
content: "\e0a8";
}
.socialgroup a[href*="tumbleupon.com"]:before {
content: "\e098";
}
.socialgroup a[href*="tumblr.com"]:before {
content: "\e097";
}
.socialgroup a[href*="twitter.com"]:before {
content: "\e094";
}
.socialgroup a[href*="vimeo.com"]:before {
content: "\e09c";
}
.socialgroup a[href*="wordpress.com"]:before,
.socialgroup a[href*="wordpress.org"]:before {
content: "\e0b0";
}
.socialgroup a[href*="youtube.com"]:before {
content: "\e0a3";
}
.socialgroup:hover:before {
color: #000;
background-color: #fff;
}
.container, .container-full {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1200px;
width: 100%;
}
}
@media screen and (max-width: 1199px) {
.container {
width: 100%;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid, body.archive .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-12, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid, body.archive .masonry-grid {
width: 100%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media screen and (min-width: 768px) {
.col-sm-1 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 8.3333333333%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 16.6666666667%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-4 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 33.3333333333%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 41.6666666667%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-6, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-7 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 58.3333333333%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 66.6666666667%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 75%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-10 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 83.3333333333%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 91.6666666667%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-12, body.archive .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 992px) {
.col-md-1 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 8.3333333333%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 16.6666666667%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-3, body.grid-col-4 .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-4, body.grid-col-3 .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 33.3333333333%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 41.6666666667%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-6, body.grid-col-2 .masonry-grid, body.archive .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-7 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 58.3333333333%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 66.6666666667%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 75%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-10 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 83.3333333333%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 91.6666666667%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-12, body.grid-col-1 .masonry-grid {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1200px) {
.col-lg-1 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 8.3333333333%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 16.6666666667%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-4 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 33.3333333333%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 41.6666666667%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-7 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 58.3333333333%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 66.6666666667%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 75%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-10 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 83.3333333333%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 91.6666666667%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}
.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;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #e6e6e6;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #1a1a1a;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}
.clearfix:before, .clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-footer:after {
clear: both;
}
a {
color: #0085BA;
text-decoration: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
a:hover, a:active, a:visited {
outline: none;
text-decoration: none;
}
form {
position: relative;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.wpcf7-form-control,
.form-control {
background-color: #fcfcfc;
border: 1px solid #f2f2f2;
color: #4d4d4d;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
font-weight: 400;
outline: 0;
width: 100%;
margin-bottom: 15px;
-webkit-transition: background-color, 0.5s;
-moz-transition: background-color, 0.5s;
-ms-transition: background-color, 0.5s;
-o-transition: background-color, 0.5s;
transition: background-color, 0.5s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
.wpcf7-form-control:focus,
.form-control:focus {
background-color: #f7f7f7;
color: #666666;
-webkit-appearance: none;
}
.form-control {
height: 44px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 8px 5px 8px 15px;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
background-color: rgba(0, 0, 0, 0);
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
}
fieldset {
border: 1px solid #d9d9d9;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
optgroup {
font-weight: bold;
}
select {
border: 1px solid #d9d9d9;
}
select:focus {
outline: none;
}
textarea {
min-height: 200px;
padding: 15px;
overflow: auto;
width: 100%;
}
.wrap-detail-page form label, .wrap-detail-page form .searchform .search-button, .searchform .wrap-detail-page form .search-button {
font-weight: 500;
font-size: 13px;
display: block;
margin-top: 15px;
}
.wrap-detail-page form input[type="submit"] {
width: 300px;
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
padding: 15px;
}
@media screen and (max-width: 479px) {
.wrap-detail-page form input[type="submit"] {
width: 100%;
}
}
.wrap-detail-page form input[type="submit"]:hover, .wrap-detail-page form input[type="submit"]:focus, .wrap-detail-page form input[type="submit"]:active {
background-color: #666666;
border-color: #666666;
color: #e6e6e6;
}
.wrap-detail-page form.search-form label, .wrap-detail-page form.search-form .searchform .search-button, .searchform .wrap-detail-page form.search-form .search-button,
.wrap-detail-page form.search-form .search-field {
margin: 0;
}
.wrap-detail-page .wpcf7-form input.wpcf7-form-control[type="submit"] {
width: 300px;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
padding: 15px;
}
@media screen and (max-width: 479px) {
.wrap-detail-page .wpcf7-form input.wpcf7-form-control[type="submit"] {
width: 100%;
}
}
.wrap-detail-page .wpcf7-form input.wpcf7-form-control[type="submit"]:hover, .wrap-detail-page .wpcf7-form input.wpcf7-form-control[type="submit"]:focus, .wrap-detail-page .wpcf7-form input.wpcf7-form-control[type="submit"]:active {
background-color: #666666;
border-color: #666666;
color: #e6e6e6;
}
.wrap-detail-page .wpcf7-form label span, .wrap-detail-page .wpcf7-form .searchform .search-button span, .searchform .wrap-detail-page .wpcf7-form .search-button span {
display: block;
}
.wrap-detail-page .wpcf7-form label .wpcf7-form-control, .wrap-detail-page .wpcf7-form .searchform .search-button .wpcf7-form-control, .searchform .wrap-detail-page .wpcf7-form .search-button .wpcf7-form-control {
margin-top: 15px;
border-width: 0 0 1px 0;
background-color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group {
position: relative;
margin-bottom: 0;
}
.wrap-detail-page .kt-contact-form-area .form-group:before, .wrap-detail-page .kt-contact-form-area .form-group:after {
content: " ";
display: table;
}
.wrap-detail-page .kt-contact-form-area .form-group:after {
clear: both;
}
.wrap-detail-page .kt-contact-form-area .form-group .form-control {
margin-bottom: 0;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 13px;
border-width: 0 0 1px 0;
background: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active {
background-color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active::-webkit-input-placeholder {
font-size: 0px;
color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active:-moz-placeholder {
font-size: 0px;
color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active::-moz-placeholder {
font-size: 0px;
color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active:-ms-input-placeholder {
font-size: 0px;
color: #fff;
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"] {
background-color: #000;
border: 1px solid #000;
float: left;
margin-top: 20px;
width: 300px;
}
@media screen and (max-width: 479px) {
.wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"] {
width: 100%;
}
}
.wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:active {
padding: 13px 0 12px;
background-color: #666666;
border-color: #666666;
color: #e6e6e6;
}
.wrap-detail-page .kt-contact-form-area .form-group textarea {
height: 119px;
min-height: 119px;
}
.wrap-detail-page .kt-contact-form-area .form-group label, .wrap-detail-page .kt-contact-form-area .form-group .searchform .search-button, .searchform .wrap-detail-page .kt-contact-form-area .form-group .search-button {
color: gray;
font-size: 13px;
display: inline-block;
top: 13px;
left: 16px;
position: absolute;
opacity: 0;
-webkit-transition: top 0.1s, opacity 0.1s;
-moz-transition: top 0.1s, opacity 0.1s;
-ms-transition: top 0.1s, opacity 0.1s;
-o-transition: top 0.1s, opacity 0.1s;
transition: top 0.1s, opacity 0.1s;
}
.wrap-detail-page .kt-contact-form-area .form-group label sup, .wrap-detail-page .kt-contact-form-area .form-group .searchform .search-button sup, .searchform .wrap-detail-page .kt-contact-form-area .form-group .search-button sup {
color: gray;
font-size: 15px;
top: 1px;
}
.wrap-detail-page .kt-contact-form-area .form-group label.move, .wrap-detail-page .kt-contact-form-area .form-group .searchform .move.search-button, .searchform .wrap-detail-page .kt-contact-form-area .form-group .move.search-button {
-webkit-transition: top 0.5s, opacity 0.5s;
-moz-transition: top 0.5s, opacity 0.5s;
-ms-transition: top 0.5s, opacity 0.5s;
-o-transition: top 0.5s, opacity 0.5s;
transition: top 0.5s, opacity 0.5s;
font-weight: 300;
opacity: 1;
top: -19px;
}
.wrap-detail-page .kt-contact-form-area .form-group .ajax-loader {
margin: 35px 0 0 15px;
}
@media screen and (max-width: 767px) {
.wrap-detail-page .kt-contact-form-area .form-group .ajax-loader {
margin-top: 10px;
}
}
.wrap-detail-page .kt-contact-form-area .form-group .cleaner {
color: #b3b3b3;
float: right;
width: 100px;
font-size: 13px;
background: #fff;
padding-right: 0;
border: none;
margin-top: 28px;
}
@media screen and (max-width: 767px) {
.wrap-detail-page .kt-contact-form-area .form-group .cleaner {
margin-top: 10px;
}
}
.wrap-detail-page .kt-contact-form-area .form-group .cleaner span {
font-size: 18px;
color: #b3b3b3;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
.wrap-detail-page .kt-contact-form-area .form-group .cleaner:hover, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:active, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:focus {
color: #0081FE;
outline: none;
}
.wrap-detail-page .kt-contact-form-area .form-group .cleaner:hover span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:active span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:focus span {
color: #0081FE;
}
@media screen and (max-width: 991px) {
.wrap-detail-page .kt-contact-form-area .form-group .cleaner {
width: 100%;
text-align: left;
padding-left: 0;
}
}
.contact_desc {
line-height: 18px;
}
input[type="button"],
input[type="reset"],
input[type="submit"], input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus, .button, .button-primary, .block-contact .contact-form-section input[type="submit"], .wrap-detail-page .contact-form-section input[type="submit"], .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"], .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"], .button-light, .comments-area .comment-list .reply a, .button-outline, .button-outline:hover, .button-outline:focus, .button-outline:active {
background-color: #080808;
border: 1px solid #080808;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 600;
outline: none;
line-height: 42px;
padding-left: 30px;
padding-right: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
position: relative;
-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border 0.3s;
-ms-transition: color 0.3s, background-color 0.3s, border 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border 0.3s;
transition: color 0.3s, background-color 0.3s, border 0.3s;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, .button:hover, .button-primary:hover, .block-contact .contact-form-section input[type="submit"]:hover, .wrap-detail-page .contact-form-section input[type="submit"]:hover, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .button-light:hover, .comments-area .comment-list .reply a:hover, .button-outline:hover, input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus, .button:focus, .button-primary:focus, .block-contact .contact-form-section input[type="submit"]:focus, .wrap-detail-page .contact-form-section input[type="submit"]:focus, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .button-light:focus, .comments-area .comment-list .reply a:focus, .button-outline:focus, input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active, .button:active, .button-primary:active, .block-contact .contact-form-section input[type="submit"]:active, .wrap-detail-page .contact-form-section input[type="submit"]:active, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:active, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:active, .button-light:active, .comments-area .comment-list .reply a:active, .button-outline:active {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #262626;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #67b930;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
input[type="submit"] {
border-color: #67b930;
padding: 13px 15px;
}
input[type="submit"]:before {
display: none;
}
.button-primary, .block-contact .contact-form-section input[type="submit"], .wrap-detail-page .contact-form-section input[type="submit"], .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"], .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"] {
background-color: #67b930;
border: 1px solid #67b930;
color: #fff;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button-primary:hover, .block-contact .contact-form-section input[type="submit"]:hover, .wrap-detail-page .contact-form-section input[type="submit"]:hover, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .button-primary:focus, .block-contact .contact-form-section input[type="submit"]:focus, .wrap-detail-page .contact-form-section input[type="submit"]:focus, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .button-primary:active, .block-contact .contact-form-section input[type="submit"]:active, .wrap-detail-page .contact-form-section input[type="submit"]:active, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:active, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:active {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.button-light, .comments-area .comment-list .reply a {
background-color: #e6e6e6;
border-color: #e6e6e6;
color: #080808;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button-light:hover, .comments-area .comment-list .reply a:hover, .button-light:focus, .comments-area .comment-list .reply a:focus, .button-light:active, .comments-area .comment-list .reply a:active {
background-color: #d9d9d9;
border-color: #d9d9d9;
color: #262626;
}
.button-outline {
background-color: transparent;
border: 1px solid #1a1a1a;
color: #333333;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button-text {
color: #4d4d4d;
display: inline-block;
position: relative;
}
.button-text:before {
content: "\24";
display: inline-block;
color: #333333;
margin-left: 10px;
line-height: 1.5;
vertical-align: middle;
font-size: 22px;
-webkit-transition: margin-left 0.2s linear;
-moz-transition: margin-left 0.2s linear;
-ms-transition: margin-left 0.2s linear;
-o-transition: margin-left 0.2s linear;
transition: margin-left 0.2s linear;
font-family: "kf-icons";
float: right;
}
.button-text:hover, .button-text:focus, .button-text:active {
color: #67b930;
}
.button-text:hover:before, .button-text:focus:before, .button-text:active:before {
margin-left: 25px;
color: #0081FE;
}
.button-round {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
h1, h2, body.woocommerce.single-product .product_title, h3, h4, h5, h6, h1 a, h2 a, body.woocommerce.single-product .product_title a, h3 a, h4 a, h5 a, h6 a, .wrap-inner-banner .page-header .page-title {
font-family: "Poppins", sans-serif;
color: #10242b;
font-weight: 600;
text-decoration: none;
}
h1, h2, body.woocommerce.single-product .product_title, h3, h4, h5, h6 {
margin-top: 8px;
margin-bottom: 10px;
line-height: 1.5;
}
body.single .post-text h1, body.page .wrap-detail-page .post-text h1, body.single .post-text h2, body.single .post-text body.woocommerce.single-product .product_title, body.woocommerce.single-product body.single .post-text .product_title, body.page .wrap-detail-page .post-text h2, body.page .wrap-detail-page .post-text body.woocommerce.single-product .product_title, body.woocommerce.single-product body.page .wrap-detail-page .post-text .product_title, body.single .post-text h3, body.page .wrap-detail-page .post-text h3, body.single .post-text h4, body.page .wrap-detail-page .post-text h4, body.single .post-text h5, body.page .wrap-detail-page .post-text h5, body.single .post-text h6, body.page .wrap-detail-page .post-text h6 {
margin-top: 48px;
margin-bottom: 50px;
}
h1 a:hover, h1 a:focus, h1 a:active, h2 a:hover, body.woocommerce.single-product .product_title a:hover, h2 a:focus, body.woocommerce.single-product .product_title a:focus, h2 a:active, body.woocommerce.single-product .product_title a:active, h3 a:hover, h3 a:focus, h3 a:active, h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active, h6 a:hover, h6 a:focus, h6 a:active {
color: #0081FE;
}
h1,
.site-title a,
.site-header .site-branding .site-title a a {
font-size: 28px;
}
h2, body.woocommerce.single-product .product_title {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
@media screen and (max-width: 767px) {
h1 {
font-size: 24px;
}
h2, body.woocommerce.single-product .product_title {
font-size: 20px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 14px;
}
}
.block-title {
text-align: center;
}
.site-title, .site-header .site-branding .site-title a {
margin-bottom: 2px;
font-size: 24px;
font-weight: 600;
}
.section-title-group {
text-align: center;
margin-bottom: 90px;
}
@media screen and (max-width: 1199px) {
.section-title-group {
margin-bottom: 50px;
}
}
.section-title {
font-size: 36px;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 767px) {
.section-title {
font-size: 24px;
}
}
.sub-title {
color: #4d4d4d;
font-size: 16px;
font-weight: 400;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
}
.sub-title p {
display: inline-block;
margin-bottom: 0;
}
.sub-title:before {
height: 2px;
width: 40px;
background-color: #e9563d;
content: "";
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.banner-content .sub-title:before {
background-color: #fff;
}
.box-title {
color: #1a1a1a;
font-size: 20px;
}
html,
body,
button,
input,
select,
textarea {
font-size: 15px;
color: #5c666a;
background-color: #fff;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
}
body.single article.hentry {
font-size: 16px;
}
@media screen and (max-width: 767px) {
body.single article.hentry {
font-size: 14px;
}
}
body.page:not(.home) article.hentry {
padding-top: 0;
font-size: 17px;
}
@media screen and (max-width: 767px) {
body.page:not(.home) article.hentry {
font-size: 14px;
}
}
p {
margin: 0 0 15px;
word-wrap: break-word;
}
dfn, cite, em, i {
font-style: italic;
color: #000;
}
blockquote,
pre {
background-color: #fafafa;
border-width: 0 0 0 3px;
border-color: #d9d9d9;
border-style: solid;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #1a1a1a;
font-family: "Poppins", sans-serif;
font-style: italic;
margin: 0 0 15px 0;
padding: 25px 22px;
font-size: 18px;
}
blockquote p,
pre p {
margin-bottom: 0;
}
blockquote dfn, blockquote cite, blockquote em, blockquote i,
pre dfn,
pre cite,
pre em,
pre i {
color: #262626;
}
blockquote:before {
color: #333333;
content: "\7c";
font-family: "kf-icons";
font-size: 32px;
float: left;
margin-right: 20px;
line-height: 1;
font-style: normal;
}
blockquote cite {
color: #333333;
display: block;
font-style: normal;
font-weight: 700;
font-size: 16px;
}
pre {
font-size: 16px;
font-style: normal;
}
q {
font-style: italic;
}
q:before, q:after {
color: #333333;
content: "\f10d";
font-family: "kf-icons";
font-size: 12px;
vertical-align: middle;
margin-right: 10px;
}
q:after {
content: "\7b";
margin-left: 10px;
margin-right: 0;
}
address {
margin: 0 0 1.5em;
}
code, kbd, tt, var {
font-family: "Poppins", sans-serif;
font-size: 14px;
background: #333333;
color: #fff;
}
code {
background: #f2f2f2;
color: #1a1a1a;
}
abbr, acronym {
border-bottom: 1px dotted #4d4d4d;
cursor: help;
color: #000;
}
mark, ins {
background: #333333;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
color: #fff;
}
big {
font-size: 125%;
color: #000;
}
del, .woocommerce ul.products li.product .price ins {
color: #333333;
}
b,
strong {
font-weight: 600;
color: #4d4d4d;
}
b strong,
strong strong {
font-weight: 700;
}
.comment-navigation, .posts-navigation, .post-navigation {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
float: left;
width: 50%;
}
@media screen and (max-width: 767px) {
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
width: 100%;
}
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media screen and (max-width: 767px) {
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: left;
width: 100%;
}
}
.page-numbers {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
color: #1a1a1a;
display: inline-block;
margin: 0 5px 5px 0;
padding: 10px 18px;
-webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
-ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
-o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.page-numbers.current {
background-color: #e9563d;
border: 1px solid #e9563d;
color: #fff;
}
.page-numbers:hover, .page-numbers:focus, .page-numbers:active {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-numbers:hover.current, .page-numbers:focus.current, .page-numbers:active.current {
background-color: #e9563d;
border: 1px solid #e9563d;
}
.page-numbers.dots:hover, .page-numbers.dots:focus, .page-numbers.dots:active {
background-color: #fff;
border: 1px solid #e6e6e6;
color: #333333;
} .ptoduct_top, .product_bottom {
padding: 0 20px;
}
.ptoduct_top {
border-bottom: 1px solid #000;
padding: 20px 0;
margin: 0 20px;
}
.no-bullet {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.Product.title {
font-weight: 500;
font-size: 24px;
line-height: 39px;
}
.product_color ul > li {
height: 35px;
width: 35px;
border-radius: 50%;
display: inline-block;
font-size: 0;
margin-left: 5px;
}
li.btn1 {background:#e8e2db;}
li.btn2 {background:#402a28;}
.product_color ul {
margin: 0;
padding: 0;
}
.product_desc_title {
font-size: 16px;
font-weight: 600;
}
.products_desc {
font-size: 16px;
color: #000;
font-weight: 400;
}
.wrapper.breadcrumb-wrap .breadcrumbs{display:block !important;}
section.wrapper.wrap-inner-banner {
background: none !important;
}
.Products_sections>.vc_column-inner>.wpb_wrapper {
background: #fff;
margin: 20px 20px;
min-height: 875px;
}
.page-id-995 .wrap-detail-page{background: #e1e2e2;}
.page-id-995 article.post-content{background: #e1e2e2;}
.page-id-995 .breadcrumb-wrap{background: #e1e2e2; display: none;}
.page-id-995 header#masthead {
top: 32px !important;
}
.page-id-398 .breadcrumb-wrap {
display: none;
}
.breadcrumb-wrap{margin:0 !important;}
.page-id-995 .wrap-inner-banner .page-header{margin:0 !important;}
span#nf-form-title-5{display:none;}
.nf-form-fields-required{margin-left:100px;}
.nf-field-element ul li{display: inline-block;}
.kadence-column_d29a5b-53 .kt-inside-inner-col{margin:0 auto;} .owl-carousel .owl-stage {
margin-left: auto;
margin-right: auto;
}
span.wpcf7-not-valid-tip {
font-size: 13px;
letter-spacing: 0.5px;
}
body:not(.single) .sharedaddy,
body:not(.page) .sharedaddy {
display: none;
}
body.home.page .sharedaddy,
body.home.blog .sharedaddy,
body.search .sharedaddy,
body.archive .sharedaddy,
body.tag .sharedaddy,
body.category .sharedaddy,
.related-post .sharedaddy,
.sb-about-widget .sharedaddy,
.block-service .icon-section .sharedaddy,
.wrap-testimonial .sharedaddy,
.block-faq .page-list-outer .sharedaddy,
.contact-detail .sharedaddy {
display: none;
}
.infinite-scroll .pagination {
display: none;
}
.infinite-scroll #infinite-handle {
margin-top: 70px;
text-align: center;
}
.infinite-scroll #infinite-handle span {
background-color: #1a1a1a;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
color: #fff;
display: inline-block;
padding: 13px 36px 14px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.infinite-scroll #infinite-handle span:after {
content: "\21";
display: inline-block;
font-family: "kf-icons";
margin-left: 7px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.infinite-scroll #infinite-handle span button {
text-transform: uppercase;
}
.infinite-scroll #infinite-handle span:hover, .infinite-scroll #infinite-handle span:focus, .infinite-scroll #infinite-handle span:active {
background-color: #81d04c;
color: #fff;
}
.infinite-scroll span.infinite-loader .spinner {
left: 0;
right: 0;
margin: auto;
}
body.bbpress {
background-color: #fff;
font-size: 14px;
}
body.bbpress article.hentry .post-text a {
box-shadow: none !important;
color: inherit !important;
}
body.bbpress article.hentry .post-text a:hover, body.bbpress article.hentry .post-text a:focus, body.bbpress article.hentry .post-text a:active {
color: #67b930 !important;
}
body.bbpress .bbp-submit-wrapper .button {
margin-bottom: 15px;
}
body.bbpress .bbp-submit-wrapper .button:hover, body.bbpress .bbp-submit-wrapper .button:focus, body.bbpress .bbp-submit-wrapper .button:active {
background-color: #000;
}
body.bbpress .bbp-forum-title {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
body.bbpress #bbpress-forums li.bbp-body ul.forum,
body.bbpress #bbpress-forums li.bbp-body ul.topic {
padding-left: 15px;
padding-right: 15px;
}
body.bbpress #bbpress-forums ul.bbp-lead-topic, body.bbpress #bbpress-forums ul.bbp-topics, body.bbpress #bbpress-forums ul.bbp-forums, body.bbpress #bbpress-forums ul.bbp-replies {
font-size: 15px;
font-weight: 600;
}
body.bbpress #bbpress-forums ul.bbp-replies {
font-weight: 400;
}
body.bbpress #bbpress-forums ul.bbp-search-results, body.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content, body.bbpress #bbpress-forums p.bbp-topic-meta {
font-size: 13px;
line-height: 1.5;
font-weight: 400;
}
body.bbpress .bbp-reply-author br {
display: none;
}
.widget .bbp-logged-in fieldset,
.widget .bbp-login-form fieldset {
border: 0;
margin: 0;
padding: 0;
}
.widget .bbp-logged-in .button,
.widget .bbp-login-form .button {
margin-top: 15px;
padding: 8px 15px 9px;
}
.widget .bbp-logged-in {
padding-top: 50px;
}
.widget .bbp-login-links a {
border-bottom: 1px solid #262626;
display: inline-block;
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
}
.widget .bbp-login-links a:hover, .widget .bbp-login-links a:focus, .widget .bbp-login-links a:active {
border-color: #67b930;
}
.widget #bbp-search-form {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
margin-bottom: 0;
padding-bottom: 30px;
padding-top: 50px;
}
.bbp-login-form {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
border-top-color: #d5d5d5;
border-top-width: 2px;
padding-bottom: 30px;
padding-top: 30px;
}
@media screen and (min-width: 768px) {
.bbp-login-form {
padding: 30px 150px;
}
}
@media screen and (min-width: 992px) {
.bbp-login-form {
padding: 50px 250px;
}
}
.bbp-login-form fieldset {
border: none;
padding: 0;
}
.bbp-login-form label, .bbp-login-form .searchform .search-button, .searchform .bbp-login-form .search-button {
width: auto;
}
.bbp-login-form label.hide, .bbp-login-form .searchform .hide.search-button, .searchform .bbp-login-form .hide.search-button {
display: block !important;
}
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"] {
padding: 10px 15px 11px;
}
.login-links-area a {
margin-right: 10px;
}
span#subscription-toggle {
float: right;
color: #000;
}
.woocommerce .cart-empty,
.woocommerce .return-to-shop {
text-align: center;
}
.woocommerce .cart_totals h2, body.woocommerce.single-product .cart_totals .product_title {
font-size: 18px;
margin-bottom: 20px;
color: #1a1a1a;
text-transform: uppercase;
font-weight: 600;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering select {
border: 1px solid #d9d9d9;
padding: 7px 30px;
position: relative;
text-transform: uppercase;
font-size: 14px;
text-align: center;
}
.woocommerce .woocommerce-result-count:before, .woocommerce .woocommerce-ordering select:before {
height: 14px;
width: 14px;
background: white;
display: inline-block;
position: absolute;
content: "";
bottom: -8px;
left: 21px;
border-width: 0 1px 1px 0px;
border-style: solid;
border-color: #d9d9d9;
transform: rotate(45deg);
}
.woocommerce .woocommerce-ordering select {
height: 40px;
padding-left: 10px;
margin-top: 0;
background-color: #fafafa;
}
.woocommerce ul.products {
padding-top: 20px;
}
body.woocommerce .woocommerce ul.products {
padding-top: 80px;
}
.woocommerce ul.products li.product {
font-size: 14px;
font-weight: 300;
color: #999999;
text-align: center;
}
.woocommerce ul.products li.product .product-inner {
-webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-ms-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-o-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-webkit-transition: box-shadow 0.3s, transform 0.3s;
-moz-transition: box-shadow 0.3s, transform 0.3s;
-ms-transition: box-shadow 0.3s, transform 0.3s;
-o-transition: box-shadow 0.3s, transform 0.3s;
transition: box-shadow 0.3s, transform 0.3s;
position: relative;
}
.woocommerce ul.products li.product .product-inner:hover, .woocommerce ul.products li.product .product-inner:focus, .woocommerce ul.products li.product .product-inner:active {
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
transform: translateY(-10px);
}
.woocommerce ul.products li.product .onsale {
background-color: #0d0d0d;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
right: 0;
top: 0;
padding: 9px 15px 10px;
line-height: 1;
margin: 0;
min-height: auto;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.woocommerce ul.products li.product .onsale:hover, .woocommerce ul.products li.product .onsale:focus, .woocommerce ul.products li.product .onsale:active {
background-color: #1a1a1a;
}
.woocommerce ul.products li.product h2, body.woocommerce.single-product ul.products li.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 15px;
margin-bottom: 5px;
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
color: #1a1a1a;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
@media screen and (max-width: 767px) {
.woocommerce ul.products li.product h2, body.woocommerce.single-product ul.products li.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 14px;
margin: 20px 11px 10px;
padding: 6px 10px 7px;
}
}
.woocommerce ul.products li.product h2:hover, body.woocommerce.single-product ul.products li.product .product_title:hover, .woocommerce ul.products li.product h2:focus, body.woocommerce.single-product ul.products li.product .product_title:focus, .woocommerce ul.products li.product h2:active, body.woocommerce.single-product ul.products li.product .product_title:active,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:focus,
.woocommerce ul.products li.product .woocommerce-loop-product__title:active {
color: #0081FE;
}
.woocommerce ul.products li.product .price {
padding-left: 30px;
padding-right: 30px;
}
.woocommerce ul.products li.product .price .amount {
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
color: #0081FE;
font-size: 16px;
}
.woocommerce ul.products li.product .price .amount:hover, .woocommerce ul.products li.product .price .amount:focus, .woocommerce ul.products li.product .price .amount:active {
color: #1a1a1a;
}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins {
display: inline-block;
}
.woocommerce ul.products li.product .price del .amount, .woocommerce ul.products li.product .price ins .amount {
color: #1a1a1a;
font-size: 14px;
}
.woocommerce ul.products li.product .price del .amount:hover, .woocommerce ul.products li.product .price ins .amount:hover, .woocommerce ul.products li.product .price del .amount:focus, .woocommerce ul.products li.product .price ins .amount:focus, .woocommerce ul.products li.product .price del .amount:active, .woocommerce ul.products li.product .price ins .amount:active {
color: #0081FE;
}
.woocommerce ul.products li.product .price ins {
margin-left: 5px;
font-weight: 400;
}
.woocommerce ul.products li.product .price ins .amount {
color: #0081FE;
font-size: 16px;
}
.woocommerce ul.products li.product .price ins .amount:hover, .woocommerce ul.products li.product .price ins .amount:focus, .woocommerce ul.products li.product .price ins .amount:active {
color: #1a1a1a;
}
.woocommerce ul.products li.product .button {
background-color: #0d0d0d;
border: 1px solid #0d0d0d;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.woocommerce ul.products li.product .button.added {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.woocommerce ul.products li.product .button {
font-size: 11px;
margin: 15px 11px 30px;
padding: 6px 10px 7px;
}
}
.woocommerce ul.products li.product .button span {
margin-right: 5px;
}
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:active {
background-color: #333333;
border-color: #333333;
color: #fff;
}
.woocommerce ul.products li.product.first {
clear: none;
}
.woocommerce ul.products li.product a.added_to_cart {
background-color: #333333;
border: 1px solid #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 0;
padding: 5px 30px 5px;
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
}
@media screen and (max-width: 767px) {
.woocommerce ul.products li.product a.added_to_cart {
font-size: 11px;
padding: 2px 10px;
}
}
.woocommerce ul.products li.product a.added_to_cart:hover, .woocommerce ul.products li.product a.added_to_cart:focus, .woocommerce ul.products li.product a.added_to_cart:active {
background-color: #0d0d0d;
border: 1px solid #0d0d0d;
}
.woocommerce .mini_cart_item a.remove {
background-color: transparent;
color: #999999 !important;
}
.woocommerce nav.woocommerce-pagination {
margin-bottom: 15px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
margin-top: 30px;
display: block;
border: none;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers:active {
background-color: transparent;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
float: none;
border: none;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
height: 42px;
width: 42px;
line-height: 23px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current {
border-color: #333333;
background-color: #333333;
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:active {
opacity: 1;
}
.woocommerce #respond input#submit,
.woocommerce input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
background-color: #0d0d0d;
border: 1px solid #0d0d0d;
font-family: "Poppins", sans-serif;
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 300;
line-height: 1;
padding: 10px 15px 11px;
text-transform: uppercase;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.woocommerce #respond input#submit,
.woocommerce input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
font-size: 11px;
}
}
.woocommerce #respond input#submit:before,
.woocommerce input#submit:before,
.woocommerce a.button:before,
.woocommerce button.button:before,
.woocommerce input.button:before,
.woocommerce .cart .button:before,
.woocommerce .cart input.button:before,
.woocommerce button.button.alt:before,
.woocommerce a.button.alt:before,
.woocommerce input.button.alt:before {
display: none;
}
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active,
.woocommerce input#submit:hover,
.woocommerce input#submit:focus,
.woocommerce input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce .cart .button:hover,
.woocommerce .cart .button:focus,
.woocommerce .cart .button:active,
.woocommerce .cart input.button:hover,
.woocommerce .cart input.button:focus,
.woocommerce .cart input.button:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active {
background-color: #4d4d4d;
border-color: #4d4d4d;
color: #fff;
font-weight: 300;
}
.woocommerce table.cart td.actions .input-text, #content .woocommerce table.cart td.actions .input-text {
font-size: 14px;
max-height: 36px;
width: 160px;
}
.woocommerce table.cart td.actions .input-text#coupon_code {
width: 180px;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table th {
font-weight: 600;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="url"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="tel"] {
height: 42px;
}
@media screen and (max-width: 767px) {
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="url"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="tel"] {
width: 100%;
}
}
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
color: #fff;
padding: 10px 16px 11px;
}
.woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce #review_form #respond .form-submit input:active {
background-color: #333333;
color: #fff;
}
.woocommerce .wc-proceed-to-checkout a .checkout-button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 1;
padding: 11px 15px 12px;
text-transform: uppercase;
vertical-align: middle;
}
.woocommerce .quantity .qty {
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
height: 37px;
text-align: center;
width: 3.631em;
margin: 0;
}
.woocommerce div.product form.cart .button {
float: left;
height: 37px;
vertical-align: middle;
}
.woocommerce .woocommerce-EditAccountForm input.button {
margin-top: 15px;
}
.woocommerce .panel {
box-shadow: none;
}
.woocommerce .woocommerce-cart-form .product-remove .remove {
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.woocommerce .woocommerce-cart-form .product-remove .remove:hover, .woocommerce .woocommerce-cart-form .product-remove .remove:focus, .woocommerce .woocommerce-cart-form .product-remove .remove:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #0d0d0d;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #666666;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 13px;
margin-top: 15px;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
font-size: 15px;
padding-top: 15px;
}
.woocommerce .widget_product_search {
text-align: left;
}
.woocommerce .widget_product_search input[type="submit"] {
padding: 15px 50px;
}
body.woocommerce .related.products {
margin-top: 40px;
}
body.woocommerce ul.products {
padding-top: 60px;
}
body.woocommerce h2, body.woocommerce.single-product .product_title {
font-size: 15px;
margin-bottom: 5px;
color: #1a1a1a;
text-transform: uppercase;
font-weight: 600;
}
body.woocommerce.single-product .product {
position: relative;
}
body.woocommerce.single-product .product .onsale {
background-color: #0d0d0d;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
right: auto;
left: 0px;
top: 0;
padding: 11px 15px 12px;
line-height: 1;
margin: 0;
min-height: auto;
width: 80px;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
body.woocommerce.single-product .product .onsale:hover, body.woocommerce.single-product .product .onsale:focus, body.woocommerce.single-product .product .onsale:active {
background-color: #1a1a1a;
}
body.woocommerce.single-product .product_title {
font-size: 20px;
}
article.hentry .post-text .woocommerce a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #1a1a1a;
}
article.hentry .post-text .woocommerce a:hover, article.hentry .post-text .woocommerce a:focus, article.hentry .post-text .woocommerce a:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
article.hentry .post-text .woocommerce a.button {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #fff;
}
article.hentry .post-text .woocommerce a.button:hover, article.hentry .post-text .woocommerce a.button:focus, article.hentry .post-text .woocommerce a.button:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #fff;
}
article.hentry .post-text .woocommerce a.checkout-button {
width: 220px;
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
}
article.hentry .post-text .woocommerce a.showcoupon, article.hentry .post-text .woocommerce a.showlogin {
font-size: 17px;
-webkit-box-shadow: 0px 1px 0px 0px #f7f6f7;
-moz-box-shadow: 0px 1px 0px 0px #f7f6f7;
-ms-box-shadow: 0px 1px 0px 0px #f7f6f7;
-o-box-shadow: 0px 1px 0px 0px #f7f6f7;
box-shadow: 0px 1px 0px 0px #f7f6f7;
}
article.hentry .post-text .woocommerce a.showcoupon:hover, article.hentry .post-text .woocommerce a.showcoupon:focus, article.hentry .post-text .woocommerce a.showcoupon:active, article.hentry .post-text .woocommerce a.showlogin:hover, article.hentry .post-text .woocommerce a.showlogin:focus, article.hentry .post-text .woocommerce a.showlogin:active {
-webkit-box-shadow: 0px 1px 0px 0px #1a1a1a;
-moz-box-shadow: 0px 1px 0px 0px #1a1a1a;
-ms-box-shadow: 0px 1px 0px 0px #1a1a1a;
-o-box-shadow: 0px 1px 0px 0px #1a1a1a;
box-shadow: 0px 1px 0px 0px #1a1a1a;
}
article.hentry .post-text .woocommerce a:hover, article.hentry .post-text .woocommerce a:focus, article.hentry .post-text .woocommerce a:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.mc4wp-form .mc4wp-alert {
color: #5BC0DE;
font-size: 13px;
}
.mc4wp-form .mc4wp-error {
color: #D9534F;
}
.mc4wp-form .mc4wp-success {
color: #5CB85C;
}
.mc4wp-form label, .mc4wp-form .searchform .search-button, .searchform .mc4wp-form .search-button {
font-size: 13px;
font-weight: 400;
margin-bottom: 15px;
}
.mc4wp-form input[type="email"] {
background-color: #333333;
border: 1px solid #333333;
margin-bottom: 0;
color: #fff;
}
.mc4wp-form input[type="email"]::-webkit-input-placeholder {
color: gray;
font-size: 13px;
}
.mc4wp-form input[type="email"]:-moz-placeholder {
color: gray;
font-size: 13px;
}
.mc4wp-form input[type="email"]::-moz-placeholder {
color: gray;
font-size: 13px;
}
.mc4wp-form input[type="email"]:-ms-input-placeholder {
color: gray;
font-size: 13px;
}
.mc4wp-form input[type="submit"] {
padding: 15px 30px;
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
}
.mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus, .mc4wp-form input[type="submit"]:active {
border: 1px solid #666666;
background-color: #666666;
}
.site:before, .site:after {
content: " ";
display: table;
}
.site:after {
clear: both;
}
article.hentry.sticky .post-content-inner-wrap, article.hentry.format-aside .post-content-inner-wrap, article.hentry.format-image .post-content-inner-wrap, article.hentry.format-video .post-content-inner-wrap, article.hentry.format-quote .post-content-inner-wrap, article.hentry.format-link .post-content-inner-wrap, article.hentry.format-gallery .post-content-inner-wrap, article.hentry.format-status .post-content-inner-wrap, article.hentry.format-audio .post-content-inner-wrap, article.hentry.format-chat .post-content-inner-wrap {
display: block;
position: relative;
}
article.hentry.sticky .post-content-inner-wrap:before, article.hentry.format-aside .post-content-inner-wrap:before, article.hentry.format-image .post-content-inner-wrap:before, article.hentry.format-video .post-content-inner-wrap:before, article.hentry.format-quote .post-content-inner-wrap:before, article.hentry.format-link .post-content-inner-wrap:before, article.hentry.format-gallery .post-content-inner-wrap:before, article.hentry.format-status .post-content-inner-wrap:before, article.hentry.format-audio .post-content-inner-wrap:before, article.hentry.format-chat .post-content-inner-wrap:before {
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
border: 1px solid #000;
color: #262626;
display: inline-block;
font-size: 16px;
font-family: "kf-icons";
height: 40px;
line-height: 39px;
right: 0;
position: absolute;
text-align: center;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
top: 0;
width: 40px;
}
@media screen and (max-width: 991px) {
article.hentry.sticky .post-content-inner-wrap:before, article.hentry.format-aside .post-content-inner-wrap:before, article.hentry.format-image .post-content-inner-wrap:before, article.hentry.format-video .post-content-inner-wrap:before, article.hentry.format-quote .post-content-inner-wrap:before, article.hentry.format-link .post-content-inner-wrap:before, article.hentry.format-gallery .post-content-inner-wrap:before, article.hentry.format-status .post-content-inner-wrap:before, article.hentry.format-audio .post-content-inner-wrap:before, article.hentry.format-chat .post-content-inner-wrap:before {
font-size: 13px;
height: 34px;
line-height: 33px;
width: 34px;
}
}
article.hentry.sticky .post-content-inner-wrap:hover:before, article.hentry.format-aside .post-content-inner-wrap:hover:before, article.hentry.format-image .post-content-inner-wrap:hover:before, article.hentry.format-video .post-content-inner-wrap:hover:before, article.hentry.format-quote .post-content-inner-wrap:hover:before, article.hentry.format-link .post-content-inner-wrap:hover:before, article.hentry.format-gallery .post-content-inner-wrap:hover:before, article.hentry.format-status .post-content-inner-wrap:hover:before, article.hentry.format-audio .post-content-inner-wrap:hover:before, article.hentry.format-chat .post-content-inner-wrap:hover:before, article.hentry.sticky .post-content-inner-wrap:focus:before, article.hentry.format-aside .post-content-inner-wrap:focus:before, article.hentry.format-image .post-content-inner-wrap:focus:before, article.hentry.format-video .post-content-inner-wrap:focus:before, article.hentry.format-quote .post-content-inner-wrap:focus:before, article.hentry.format-link .post-content-inner-wrap:focus:before, article.hentry.format-gallery .post-content-inner-wrap:focus:before, article.hentry.format-status .post-content-inner-wrap:focus:before, article.hentry.format-audio .post-content-inner-wrap:focus:before, article.hentry.format-chat .post-content-inner-wrap:focus:before, article.hentry.sticky .post-content-inner-wrap:active:before, article.hentry.format-aside .post-content-inner-wrap:active:before, article.hentry.format-image .post-content-inner-wrap:active:before, article.hentry.format-video .post-content-inner-wrap:active:before, article.hentry.format-quote .post-content-inner-wrap:active:before, article.hentry.format-link .post-content-inner-wrap:active:before, article.hentry.format-gallery .post-content-inner-wrap:active:before, article.hentry.format-status .post-content-inner-wrap:active:before, article.hentry.format-audio .post-content-inner-wrap:active:before, article.hentry.format-chat .post-content-inner-wrap:active:before {
background-color: #f2f2f2;
}
body.single article.hentry .post-thumb img, .page article.hentry .post-thumb img, #blog-post article.hentry .post-thumb img, .search article.hentry .post-thumb img, .archive article.hentry .post-thumb img, .tag article.hentry .post-thumb img, .category article.hentry .post-thumb img,
article.hentry #ak-blog-post .post-thumb img {
border: none;
}
body.single article.hentry .post-text a, .page article.hentry .post-text a, #blog-post article.hentry .post-text a, .search article.hentry .post-text a, .archive article.hentry .post-text a, .tag article.hentry .post-text a, .category article.hentry .post-text a,
article.hentry #ak-blog-post .post-text a {
-webkit-box-shadow:  none;
-moz-box-shadow:  none;
-ms-box-shadow:  none;
-o-box-shadow:  none;
box-shadow: none;
color: #034f98;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
body.single article.hentry .post-text a:hover, body.single article.hentry .post-text a:focus, body.single article.hentry .post-text a:active, .page article.hentry .post-text a:hover, .page article.hentry .post-text a:focus, .page article.hentry .post-text a:active, #blog-post article.hentry .post-text a:hover, #blog-post article.hentry .post-text a:focus, #blog-post article.hentry .post-text a:active, .search article.hentry .post-text a:hover, .search article.hentry .post-text a:focus, .search article.hentry .post-text a:active, .archive article.hentry .post-text a:hover, .archive article.hentry .post-text a:focus, .archive article.hentry .post-text a:active, .tag article.hentry .post-text a:hover, .tag article.hentry .post-text a:focus, .tag article.hentry .post-text a:active, .category article.hentry .post-text a:hover, .category article.hentry .post-text a:focus, .category article.hentry .post-text a:active,
article.hentry #ak-blog-post .post-text a:hover,
article.hentry #ak-blog-post .post-text a:focus,
article.hentry #ak-blog-post .post-text a:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #0081FE;
}
body.single article.hentry .post-text a.button, body.single article.hentry .post-text a.button-light, body.single article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply body.single article.hentry .post-text a, body.single article.hentry .post-text a.button-outline, body.single article.hentry .post-text a.button-text, .page article.hentry .post-text a.button, .page article.hentry .post-text a.button-light, .page article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply .page article.hentry .post-text a, .page article.hentry .post-text a.button-outline, .page article.hentry .post-text a.button-text, #blog-post article.hentry .post-text a.button, #blog-post article.hentry .post-text a.button-light, #blog-post article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply #blog-post article.hentry .post-text a, #blog-post article.hentry .post-text a.button-outline, #blog-post article.hentry .post-text a.button-text, .search article.hentry .post-text a.button, .search article.hentry .post-text a.button-light, .search article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply .search article.hentry .post-text a, .search article.hentry .post-text a.button-outline, .search article.hentry .post-text a.button-text, .archive article.hentry .post-text a.button, .archive article.hentry .post-text a.button-light, .archive article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply .archive article.hentry .post-text a, .archive article.hentry .post-text a.button-outline, .archive article.hentry .post-text a.button-text, .tag article.hentry .post-text a.button, .tag article.hentry .post-text a.button-light, .tag article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply .tag article.hentry .post-text a, .tag article.hentry .post-text a.button-outline, .tag article.hentry .post-text a.button-text, .category article.hentry .post-text a.button, .category article.hentry .post-text a.button-light, .category article.hentry .post-text .comments-area .comment-list .reply a, .comments-area .comment-list .reply .category article.hentry .post-text a, .category article.hentry .post-text a.button-outline, .category article.hentry .post-text a.button-text,
article.hentry #ak-blog-post .post-text a.button,
article.hentry #ak-blog-post .post-text a.button-light,
article.hentry #ak-blog-post .post-text .comments-area .comment-list .reply a,
.comments-area .comment-list .reply article.hentry #ak-blog-post .post-text a,
article.hentry #ak-blog-post .post-text a.button-outline,
article.hentry #ak-blog-post .post-text a.button-text {
-webkit-transition: background-color 0.5s, border 0.5s;
-moz-transition: background-color 0.5s, border 0.5s;
-ms-transition: background-color 0.5s, border 0.5s;
-o-transition: background-color 0.5s, border 0.5s;
transition: background-color 0.5s, border 0.5s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #080808;
}
body.single article.hentry .post-text a.button:hover, body.single article.hentry .post-text a.button:focus, body.single article.hentry .post-text a.button:active, body.single article.hentry .post-text a.button-light:hover, body.single article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply body.single article.hentry .post-text a:hover, body.single article.hentry .post-text a.button-light:focus, body.single article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply body.single article.hentry .post-text a:focus, body.single article.hentry .post-text a.button-light:active, body.single article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply body.single article.hentry .post-text a:active, body.single article.hentry .post-text a.button-outline:hover, body.single article.hentry .post-text a.button-outline:focus, body.single article.hentry .post-text a.button-outline:active, body.single article.hentry .post-text a.button-text:hover, body.single article.hentry .post-text a.button-text:focus, body.single article.hentry .post-text a.button-text:active, .page article.hentry .post-text a.button:hover, .page article.hentry .post-text a.button:focus, .page article.hentry .post-text a.button:active, .page article.hentry .post-text a.button-light:hover, .page article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply .page article.hentry .post-text a:hover, .page article.hentry .post-text a.button-light:focus, .page article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply .page article.hentry .post-text a:focus, .page article.hentry .post-text a.button-light:active, .page article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply .page article.hentry .post-text a:active, .page article.hentry .post-text a.button-outline:hover, .page article.hentry .post-text a.button-outline:focus, .page article.hentry .post-text a.button-outline:active, .page article.hentry .post-text a.button-text:hover, .page article.hentry .post-text a.button-text:focus, .page article.hentry .post-text a.button-text:active, #blog-post article.hentry .post-text a.button:hover, #blog-post article.hentry .post-text a.button:focus, #blog-post article.hentry .post-text a.button:active, #blog-post article.hentry .post-text a.button-light:hover, #blog-post article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply #blog-post article.hentry .post-text a:hover, #blog-post article.hentry .post-text a.button-light:focus, #blog-post article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply #blog-post article.hentry .post-text a:focus, #blog-post article.hentry .post-text a.button-light:active, #blog-post article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply #blog-post article.hentry .post-text a:active, #blog-post article.hentry .post-text a.button-outline:hover, #blog-post article.hentry .post-text a.button-outline:focus, #blog-post article.hentry .post-text a.button-outline:active, #blog-post article.hentry .post-text a.button-text:hover, #blog-post article.hentry .post-text a.button-text:focus, #blog-post article.hentry .post-text a.button-text:active, .search article.hentry .post-text a.button:hover, .search article.hentry .post-text a.button:focus, .search article.hentry .post-text a.button:active, .search article.hentry .post-text a.button-light:hover, .search article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply .search article.hentry .post-text a:hover, .search article.hentry .post-text a.button-light:focus, .search article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply .search article.hentry .post-text a:focus, .search article.hentry .post-text a.button-light:active, .search article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply .search article.hentry .post-text a:active, .search article.hentry .post-text a.button-outline:hover, .search article.hentry .post-text a.button-outline:focus, .search article.hentry .post-text a.button-outline:active, .search article.hentry .post-text a.button-text:hover, .search article.hentry .post-text a.button-text:focus, .search article.hentry .post-text a.button-text:active, .archive article.hentry .post-text a.button:hover, .archive article.hentry .post-text a.button:focus, .archive article.hentry .post-text a.button:active, .archive article.hentry .post-text a.button-light:hover, .archive article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply .archive article.hentry .post-text a:hover, .archive article.hentry .post-text a.button-light:focus, .archive article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply .archive article.hentry .post-text a:focus, .archive article.hentry .post-text a.button-light:active, .archive article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply .archive article.hentry .post-text a:active, .archive article.hentry .post-text a.button-outline:hover, .archive article.hentry .post-text a.button-outline:focus, .archive article.hentry .post-text a.button-outline:active, .archive article.hentry .post-text a.button-text:hover, .archive article.hentry .post-text a.button-text:focus, .archive article.hentry .post-text a.button-text:active, .tag article.hentry .post-text a.button:hover, .tag article.hentry .post-text a.button:focus, .tag article.hentry .post-text a.button:active, .tag article.hentry .post-text a.button-light:hover, .tag article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply .tag article.hentry .post-text a:hover, .tag article.hentry .post-text a.button-light:focus, .tag article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply .tag article.hentry .post-text a:focus, .tag article.hentry .post-text a.button-light:active, .tag article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply .tag article.hentry .post-text a:active, .tag article.hentry .post-text a.button-outline:hover, .tag article.hentry .post-text a.button-outline:focus, .tag article.hentry .post-text a.button-outline:active, .tag article.hentry .post-text a.button-text:hover, .tag article.hentry .post-text a.button-text:focus, .tag article.hentry .post-text a.button-text:active, .category article.hentry .post-text a.button:hover, .category article.hentry .post-text a.button:focus, .category article.hentry .post-text a.button:active, .category article.hentry .post-text a.button-light:hover, .category article.hentry .post-text .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply .category article.hentry .post-text a:hover, .category article.hentry .post-text a.button-light:focus, .category article.hentry .post-text .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply .category article.hentry .post-text a:focus, .category article.hentry .post-text a.button-light:active, .category article.hentry .post-text .comments-area .comment-list .reply a:active, .comments-area .comment-list .reply .category article.hentry .post-text a:active, .category article.hentry .post-text a.button-outline:hover, .category article.hentry .post-text a.button-outline:focus, .category article.hentry .post-text a.button-outline:active, .category article.hentry .post-text a.button-text:hover, .category article.hentry .post-text a.button-text:focus, .category article.hentry .post-text a.button-text:active,
article.hentry #ak-blog-post .post-text a.button:hover,
article.hentry #ak-blog-post .post-text a.button:focus,
article.hentry #ak-blog-post .post-text a.button:active,
article.hentry #ak-blog-post .post-text a.button-light:hover,
article.hentry #ak-blog-post .post-text .comments-area .comment-list .reply a:hover,
.comments-area .comment-list .reply article.hentry #ak-blog-post .post-text a:hover,
article.hentry #ak-blog-post .post-text a.button-light:focus,
article.hentry #ak-blog-post .post-text .comments-area .comment-list .reply a:focus,
.comments-area .comment-list .reply article.hentry #ak-blog-post .post-text a:focus,
article.hentry #ak-blog-post .post-text a.button-light:active,
article.hentry #ak-blog-post .post-text .comments-area .comment-list .reply a:active,
.comments-area .comment-list .reply article.hentry #ak-blog-post .post-text a:active,
article.hentry #ak-blog-post .post-text a.button-outline:hover,
article.hentry #ak-blog-post .post-text a.button-outline:focus,
article.hentry #ak-blog-post .post-text a.button-outline:active,
article.hentry #ak-blog-post .post-text a.button-text:hover,
article.hentry #ak-blog-post .post-text a.button-text:focus,
article.hentry #ak-blog-post .post-text a.button-text:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #e6e6e6;
}
body.single article.hentry .post-text a.button, .page article.hentry .post-text a.button, #blog-post article.hentry .post-text a.button, .search article.hentry .post-text a.button, .archive article.hentry .post-text a.button, .tag article.hentry .post-text a.button, .category article.hentry .post-text a.button,
article.hentry #ak-blog-post .post-text a.button {
color: #fff;
}
body.single article.hentry .post-text a.button-text:before, .page article.hentry .post-text a.button-text:before, #blog-post article.hentry .post-text a.button-text:before, .search article.hentry .post-text a.button-text:before, .archive article.hentry .post-text a.button-text:before, .tag article.hentry .post-text a.button-text:before, .category article.hentry .post-text a.button-text:before,
article.hentry #ak-blog-post .post-text a.button-text:before {
line-height: 1.5;
}
body.single article.hentry .post-text a.button-text:hover, body.single article.hentry .post-text a.button-text:focus, body.single article.hentry .post-text a.button-text:active, .page article.hentry .post-text a.button-text:hover, .page article.hentry .post-text a.button-text:focus, .page article.hentry .post-text a.button-text:active, #blog-post article.hentry .post-text a.button-text:hover, #blog-post article.hentry .post-text a.button-text:focus, #blog-post article.hentry .post-text a.button-text:active, .search article.hentry .post-text a.button-text:hover, .search article.hentry .post-text a.button-text:focus, .search article.hentry .post-text a.button-text:active, .archive article.hentry .post-text a.button-text:hover, .archive article.hentry .post-text a.button-text:focus, .archive article.hentry .post-text a.button-text:active, .tag article.hentry .post-text a.button-text:hover, .tag article.hentry .post-text a.button-text:focus, .tag article.hentry .post-text a.button-text:active, .category article.hentry .post-text a.button-text:hover, .category article.hentry .post-text a.button-text:focus, .category article.hentry .post-text a.button-text:active,
article.hentry #ak-blog-post .post-text a.button-text:hover,
article.hentry #ak-blog-post .post-text a.button-text:focus,
article.hentry #ak-blog-post .post-text a.button-text:active {
color: #0081FE;
}
body.single article.hentry .post-text table a, .page article.hentry .post-text table a, #blog-post article.hentry .post-text table a, .search article.hentry .post-text table a, .archive article.hentry .post-text table a, .tag article.hentry .post-text table a, .category article.hentry .post-text table a,
article.hentry #ak-blog-post .post-text table a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #1a1a1a;
}
body.single article.hentry .post-text dd a, .page article.hentry .post-text dd a, #blog-post article.hentry .post-text dd a, .search article.hentry .post-text dd a, .archive article.hentry .post-text dd a, .tag article.hentry .post-text dd a, .category article.hentry .post-text dd a,
article.hentry #ak-blog-post .post-text dd a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
body.single article.hentry .post-text pre, .page article.hentry .post-text pre, #blog-post article.hentry .post-text pre, .search article.hentry .post-text pre, .archive article.hentry .post-text pre, .tag article.hentry .post-text pre, .category article.hentry .post-text pre,
article.hentry #ak-blog-post .post-text pre {
color: #0d0d0d;
}
body.single article.hentry .post-text .page-links, .page article.hentry .post-text .page-links, #blog-post article.hentry .post-text .page-links, .search article.hentry .post-text .page-links, .archive article.hentry .post-text .page-links, .tag article.hentry .post-text .page-links, .category article.hentry .post-text .page-links,
article.hentry #ak-blog-post .post-text .page-links {
clear: both;
margin: 40px 0 15px;
}
body.single article.hentry .post-text .page-links a, .page article.hentry .post-text .page-links a, #blog-post article.hentry .post-text .page-links a, .search article.hentry .post-text .page-links a, .archive article.hentry .post-text .page-links a, .tag article.hentry .post-text .page-links a, .category article.hentry .post-text .page-links a,
article.hentry #ak-blog-post .post-text .page-links a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
display: inline-block;
}
body.single article.hentry .post-text .page-links .page-number, .page article.hentry .post-text .page-links .page-number, #blog-post article.hentry .post-text .page-links .page-number, .search article.hentry .post-text .page-links .page-number, .archive article.hentry .post-text .page-links .page-number, .tag article.hentry .post-text .page-links .page-number, .category article.hentry .post-text .page-links .page-number,
article.hentry #ak-blog-post .post-text .page-links .page-number {
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2);
-ms-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2);
-o-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2);
box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2);
color: #333333;
display: inline-block;
margin: 0 0 5px 5px;
padding: 10px 18px;
-webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-o-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
body.single article.hentry .post-text .page-links .page-number:hover, body.single article.hentry .post-text .page-links .page-number:focus, body.single article.hentry .post-text .page-links .page-number:active, .page article.hentry .post-text .page-links .page-number:hover, .page article.hentry .post-text .page-links .page-number:focus, .page article.hentry .post-text .page-links .page-number:active, #blog-post article.hentry .post-text .page-links .page-number:hover, #blog-post article.hentry .post-text .page-links .page-number:focus, #blog-post article.hentry .post-text .page-links .page-number:active, .search article.hentry .post-text .page-links .page-number:hover, .search article.hentry .post-text .page-links .page-number:focus, .search article.hentry .post-text .page-links .page-number:active, .archive article.hentry .post-text .page-links .page-number:hover, .archive article.hentry .post-text .page-links .page-number:focus, .archive article.hentry .post-text .page-links .page-number:active, .tag article.hentry .post-text .page-links .page-number:hover, .tag article.hentry .post-text .page-links .page-number:focus, .tag article.hentry .post-text .page-links .page-number:active, .category article.hentry .post-text .page-links .page-number:hover, .category article.hentry .post-text .page-links .page-number:focus, .category article.hentry .post-text .page-links .page-number:active,
article.hentry #ak-blog-post .post-text .page-links .page-number:hover,
article.hentry #ak-blog-post .post-text .page-links .page-number:focus,
article.hentry #ak-blog-post .post-text .page-links .page-number:active {
background-color: #000;
border-color: #000;
color: #fff;
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
transform: translateY(-10px);
}
body.single article.hentry .post-text .page-links > .page-number, .page article.hentry .post-text .page-links > .page-number, #blog-post article.hentry .post-text .page-links > .page-number, .search article.hentry .post-text .page-links > .page-number, .archive article.hentry .post-text .page-links > .page-number, .tag article.hentry .post-text .page-links > .page-number, .category article.hentry .post-text .page-links > .page-number,
article.hentry #ak-blog-post .post-text .page-links > .page-number {
background-color: #e9563d;
border: 1px solid #e9563d;
color: #fff;
}
body.single article.hentry .post-text .page-links > .page-number:hover, body.single article.hentry .post-text .page-links > .page-number:focus, body.single article.hentry .post-text .page-links > .page-number:active, .page article.hentry .post-text .page-links > .page-number:hover, .page article.hentry .post-text .page-links > .page-number:focus, .page article.hentry .post-text .page-links > .page-number:active, #blog-post article.hentry .post-text .page-links > .page-number:hover, #blog-post article.hentry .post-text .page-links > .page-number:focus, #blog-post article.hentry .post-text .page-links > .page-number:active, .search article.hentry .post-text .page-links > .page-number:hover, .search article.hentry .post-text .page-links > .page-number:focus, .search article.hentry .post-text .page-links > .page-number:active, .archive article.hentry .post-text .page-links > .page-number:hover, .archive article.hentry .post-text .page-links > .page-number:focus, .archive article.hentry .post-text .page-links > .page-number:active, .tag article.hentry .post-text .page-links > .page-number:hover, .tag article.hentry .post-text .page-links > .page-number:focus, .tag article.hentry .post-text .page-links > .page-number:active, .category article.hentry .post-text .page-links > .page-number:hover, .category article.hentry .post-text .page-links > .page-number:focus, .category article.hentry .post-text .page-links > .page-number:active,
article.hentry #ak-blog-post .post-text .page-links > .page-number:hover,
article.hentry #ak-blog-post .post-text .page-links > .page-number:focus,
article.hentry #ak-blog-post .post-text .page-links > .page-number:active {
background-color: #e9563d;
border: 1px solid #e9563d;
}
body.single article.hentry figure, .page article.hentry figure, #blog-post article.hentry figure, .search article.hentry figure, .archive article.hentry figure, .tag article.hentry figure, .category article.hentry figure,
article.hentry #ak-blog-post figure {
text-align: center;
}
body.single article.hentry {
padding: 0;
margin-bottom: 60px;
}
article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap {
background-color: #fff;
position: relative;
z-index: 1;
}
@media screen and (min-width: 992px) {
article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap {
margin-top: -90px;
width: 83.33333%;
padding-top: 15px;
}
}
article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap:before {
right: 25px;
}
@media screen and (min-width: 992px) {
article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap:before {
top: 25px;
}
}
article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-edit-link {
margin-right: 80px !important;
}
body.single article.hentry .post-thumbnail, body.page article.hentry .post-thumbnail {
margin-bottom: 40px;
text-align: center;
}
body.single article.hentry .post-thumbnail:before, body.single article.hentry .post-thumbnail:after, body.page article.hentry .post-thumbnail:before, body.page article.hentry .post-thumbnail:after {
display: none;
}
@media screen and (max-width: 991px) {
body.single article.hentry, body.page:not(.home) article.hentry {
padding-left: 0;
padding-right: 0;
padding-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
body.single article.hentry, body.page:not(.home) article.hentry {
padding: 0px;
}
}
body.attachment article.hentry .attachment {
margin-bottom: 30px;
text-align: center;
}
body.single article.hentry.sticky .post-content-inner-wrap, body.single article.hentry.format-aside .post-content-inner-wrap, body.single article.hentry.format-image .post-content-inner-wrap, body.single article.hentry.format-video .post-content-inner-wrap, body.single article.hentry.format-quote .post-content-inner-wrap, body.single article.hentry.format-link .post-content-inner-wrap, body.single article.hentry.format-gallery .post-content-inner-wrap, body.single article.hentry.format-status .post-content-inner-wrap, body.single article.hentry.format-audio .post-content-inner-wrap, body.single article.hentry.format-chat .post-content-inner-wrap {
padding-left: 30px !important;
}
body.single article.hentry.sticky .post-content-inner-wrap:before, body.single article.hentry.format-aside .post-content-inner-wrap:before, body.single article.hentry.format-image .post-content-inner-wrap:before, body.single article.hentry.format-video .post-content-inner-wrap:before, body.single article.hentry.format-quote .post-content-inner-wrap:before, body.single article.hentry.format-link .post-content-inner-wrap:before, body.single article.hentry.format-gallery .post-content-inner-wrap:before, body.single article.hentry.format-status .post-content-inner-wrap:before, body.single article.hentry.format-audio .post-content-inner-wrap:before, body.single article.hentry.format-chat .post-content-inner-wrap:before {
display: none;
}
article.hentry.sticky .post-edit-link, article.hentry.format-aside .post-edit-link, article.hentry.format-image .post-edit-link, article.hentry.format-video .post-edit-link, article.hentry.format-quote .post-edit-link, article.hentry.format-link .post-edit-link, article.hentry.format-gallery .post-edit-link, article.hentry.format-status .post-edit-link, article.hentry.format-audio .post-edit-link, article.hentry.format-chat .post-edit-link {
margin-right: 60px !important;
margin-top: 10px !important;
}
article.hentry.sticky {
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
article.hentry.sticky .post-content-inner-wrap {
padding-left: 50px;
}
article.hentry.sticky .post-content-inner-wrap:after {
font-size: 32px;
content: "\e01e";
color: #000;
display: inline-block;
font-family: "kf-icons";
left: 0;
position: absolute;
text-align: center;
top: 0;
}
article.hentry.sticky .post-format-outer > span a {
background-color: #e9563d;
}
article.hentry.format-aside .post-content-inner-wrap:before {
content: "\69";
}
article.hentry.format-image .post-content-inner-wrap:before {
content: "\e005";
}
article.hentry.format-video .post-content-inner-wrap:before {
content: "\49";
}
article.hentry.format-quote .post-content-inner-wrap:before {
content: "\7c";
}
article.hentry.format-link .post-content-inner-wrap:before {
content: "\e02b";
}
article.hentry.format-gallery .post-content-inner-wrap:before {
content: "\e006";
}
article.hentry.format-status .post-content-inner-wrap:before {
content: "\76";
}
article.hentry.format-audio .post-content-inner-wrap:before {
content: "\7a";
}
article.hentry.format-chat .post-content-inner-wrap:before {
content: "\77";
}
article.hentry.post-password-required input[type="submit"] {
margin-top: -4px;
padding-bottom: 11px;
}
.wp-audio-playlist .wp-playlist-item a,
.wp-audio-playlist .wp-playlist-item .wp-playlist-caption {
color: #000 !important;
box-shadow: none !important;
}
.wp-audio-playlist .wp-playlist-item a:hover, .wp-audio-playlist .wp-playlist-item a:focus, .wp-audio-playlist .wp-playlist-item a:active,
.wp-audio-playlist .wp-playlist-item .wp-playlist-caption:hover,
.wp-audio-playlist .wp-playlist-item .wp-playlist-caption:focus,
.wp-audio-playlist .wp-playlist-item .wp-playlist-caption:active {
color: #0081FE !important;
}
.wp-audio-playlist .mejs-horizontal-volume-slider {
box-shadow: none !important;
}
.hentry {
margin: 0 0 1.5em;
}
.post-footer {
margin-top: 80px;
}
.post-footer span {
color: #999999;
display: inline-block;
font-size: 13px;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
vertical-align: middle;
}
.post-footer span.divider {
line-height: 29px;
margin-left: 2px;
margin-right: 2px;
}
body.single .post-footer span.posted-on {
font-size: 14px;
}
body.single .post-footer span.cat-links {
display: block;
margin-top: 40px;
}
body.single .post-footer span.cat-links:before {
padding: 10px;
font-size: 16px;
padding: 9px 18px 13px;
line-height: 1;
display: inline-block;
background-color: #333333;
color: #fff;
}
body.single .post-footer span.cat-links a {
margin-right: 5px;
color: #4d4d4d;
border: 1px solid #e6e6e6;
padding: 3px 15px;
display: inline-block;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
-ms-transition: background-color 0.3s, border-color 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
vertical-align: top;
}
@media screen and (max-width: 991px) {
body.single .post-footer span.cat-links a {
margin-bottom: 10px;
}
}
body.single .post-footer span.cat-links a:hover, body.single .post-footer span.cat-links a:focus, body.single .post-footer span.cat-links a:active {
background-color: #333333;
border-color: #333333;
color: #fff;
}
.post-footer span.comment span {
text-transform: initial;
font-size: 10px;
margin-right: 5px;
}
.post-footer a {
color: #999999;
vertical-align: middle;
}
.post-footer a:hover, .post-footer a:focus, .post-footer a:active {
color: #0081FE;
}
.post-footer .author img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
box-sizing: border-box;
display: inline-block;
height: 36px;
margin-right: 5px;
overflow: hidden;
width: 36px;
vertical-align: middle;
}
body.single .post-content-inner .post-footer .detail {
padding-bottom: 7px;
padding-top: 7px;
}
body.single .post-content-inner .post-footer .divider {
color: #999999;
}
.cat-links, .tag-links, .comment-link, .posted-on {
display: inline-block;
}
.cat-links > a:before,
.tag-links > a:before,
.comment-link > a:before,
.posted-on > a:before {
font-size: 12px;
font-weight: normal;
font-family: "kf-icons";
margin-right: 5px;
text-transform: initial;
vertical-align: middle;
color: #666666;
}
.cat-links > a:hover:before, .cat-links > a:focus:before, .cat-links > a:active:before,
.tag-links > a:hover:before,
.tag-links > a:focus:before,
.tag-links > a:active:before,
.comment-link > a:hover:before,
.comment-link > a:focus:before,
.comment-link > a:active:before,
.posted-on > a:hover:before,
.posted-on > a:focus:before,
.posted-on > a:active:before {
color: #0081FE;
}
.post-content-overlay .cat-links a:before,
.post-content-overlay .tag-links a:before,
.post-content-overlay .comment-link a:before,
.post-content-overlay .posted-on a:before {
color: #fff;
}
.cat-links:before {
font-size: 16px;
font-weight: normal;
font-family: "kf-icons";
margin-right: 10px;
text-transform: initial;
vertical-align: middle;
content: "\6f";
}
.tag-links a:before {
content: "\e017";
}
.comment-link a:before {
content: "\76";
}
.block-slider .comment-link:before, .highlight-post-outer .comment-link:before, .main-panel .widget .comment-link:before {
float: right;
line-height: 31px;
margin-left: 5px;
}
.posted-on {
margin-right: 3px;
}
.posted-on a:before {
content: "\e023";
}
.block-slider .posted-on:before, .highlight-post-outer .posted-on:before, .main-panel .widget .posted-on:before {
display: none;
}
.comments-title,
.comment-reply-title {
font-size: 18px;
line-height: 1.8;
color: #1a1a1a;
margin-bottom: 25px;
}
.comment-awaiting-moderation {
border: 1px solid #5CB85C;
color: #4d4d4d;
display: inline-block;
float: left;
font-size: 14px;
padding: 5px;
text-align: center;
width: 100%;
margin-top: 15px;
}
.edit-link {
font-size: 12px;
margin-left: 15px;
margin: 0;
padding: 0;
}
.edit-link .post-edit-link,
.edit-link .comment-edit-link {
border-width: 0 0 0 1px;
border-style: solid;
border-color: #cccccc;
color: #a7a7a7;
display: inline-block;
font-size: 12px;
font-weight: 600;
margin-left: 10px;
padding: 0 0 0 10px;
text-transform: uppercase;
}
body.logged-in article.hentry .edit-link .post-edit-link, body.logged-in article.hentry
.edit-link .comment-edit-link {
border: none;
margin-left: 0;
padding-left: 0;
}
body.logged-in article.hentry .edit-link .post-edit-link:hover, body.logged-in article.hentry .edit-link .post-edit-link:focus, body.logged-in article.hentry .edit-link .post-edit-link:active, body.logged-in article.hentry
.edit-link .comment-edit-link:hover, body.logged-in article.hentry
.edit-link .comment-edit-link:focus, body.logged-in article.hentry
.edit-link .comment-edit-link:active {
color: #67b930;
}
.edit-link .post-edit-link:hover, .edit-link .post-edit-link:focus, .edit-link .post-edit-link:active,
.edit-link .comment-edit-link:hover,
.edit-link .comment-edit-link:focus,
.edit-link .comment-edit-link:active {
color: #67b930;
}
.edit-link .post-edit-link:before,
.edit-link .comment-edit-link:before {
content: "\6b";
font-family: "kf-icons";
font-weight: 400;
margin-right: 5px;
}
.post-content .edit-link .post-edit-link {
border-left: none;
float: right;
}
.edit-link:hover, .edit-link:focus, .edit-link:active {
color: #0081FE;
}
.edit-link .post-edit-link,
.edit-link .comment-edit-link {
border-left: none;
padding-left: 0;
text-transform: uppercase;
}
.post-navigation,
.posts-navigation {
background-color: #fff;
border-color: #d9d9d9;
border-style: solid;
border-width: 1px;
margin-bottom: 30px;
padding-left: 5px;
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.nav-links > div {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
padding-top: 15px;
}
}
.nav-links .nav-previous a, .nav-links .nav-next a {
color: #333333;
display: block;
font-size: 16px;
font-weight: 400;
position: relative;
padding: 15px 30px 15px 50px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: padding-left 0.3s, padding-right 0.3s;
-moz-transition: padding-left 0.3s, padding-right 0.3s;
-ms-transition: padding-left 0.3s, padding-right 0.3s;
-o-transition: padding-left 0.3s, padding-right 0.3s;
transition: padding-left 0.3s, padding-right 0.3s;
}
.nav-links .nav-previous a:before, .nav-links .nav-previous a:after, .nav-links .nav-next a:before, .nav-links .nav-next a:after {
font-family: "Poppins", sans-serif;
display: block;
font-size: 14px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.nav-links .nav-previous a, .nav-links .nav-next a {
font-size: 14px;
}
}
.nav-links .nav-previous a:hover, .nav-links .nav-previous a:focus, .nav-links .nav-previous a:active, .nav-links .nav-next a:hover, .nav-links .nav-next a:focus, .nav-links .nav-next a:active {
color: #0081FE;
}
.nav-links .nav-next a {
padding: 15px 50px 15px 30px;
}
.nav-previous,
.nav-next {
position: relative;
}
.nav-previous:before,
.nav-next:before {
color: #333333;
content: "\23";
font-family: "kf-icons";
font-size: 22px;
line-height: 22px;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
left: 15px;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.nav-previous:hover a, .nav-previous:focus a, .nav-previous:active a,
.nav-next:hover a,
.nav-next:focus a,
.nav-next:active a {
padding-left: 60px;
}
.nav-previous:hover:before, .nav-previous:focus:before, .nav-previous:active:before,
.nav-next:hover:before,
.nav-next:focus:before,
.nav-next:active:before {
color: #0081FE;
}
.post-navigation .nav-next, .posts-navigation .nav-next, .comment-navigation .nav-next {
float: right;
text-align: right;
border: none;
}
.nav-next:before {
content: "\24";
left: 0;
right: 15px;
}
@media screen and (max-width: 767px) {
.nav-next:before {
left: auto;
}
}
.nav-next:hover a, .nav-next:focus a, .nav-next:active a {
padding-right: 60px;
}
@media screen and (max-width: 767px) {
.nav-next:hover a, .nav-next:focus a, .nav-next:active a {
padding-left: 60px;
}
}
.nav-next:hover:after, .nav-next:focus:after, .nav-next:active:after {
left: auto;
right: 20px;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
text-transform: capitalize;
}
.byline:before {
content: "\e08a";
font-family: "kf-icons";
font-size: 18px;
vertical-align: middle;
margin-right: 5px;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.site-main .post-navigation,
.site-main .comment-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.pagination {
display: block;
text-align: center;
margin-top: 70px;
}
@media screen and (min-width: 992px) {
.main-panel {
padding-right: 20px;
}
}
.main-panel .widget {
background-color: #fff;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15);
-moz-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15);
-ms-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15);
-o-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15);
box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15);
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
-ms-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.main-panel .widget:hover, .main-panel .widget:focus, .main-panel .widget:active {
-webkit-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4);
-moz-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4);
-ms-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4);
-o-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4);
box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4);
}
sidebar.sidebar {
display: block;
}
@media screen and (min-width: 992px) {
sidebar.sidebar {
margin-left: 20px;
}
}
@media screen and (max-width: 767px) {
sidebar.sidebar {
margin-top: 20px;
}
}
sidebar.sidebar .widget:before, sidebar.sidebar .widget:after {
content: " ";
display: table;
}
sidebar.sidebar .widget:after {
clear: both;
}
.comments-area #reply-title {
font-weight: 600;
margin-bottom: 5px;
text-align: left;
color: #1a1a1a;
}
.comments-area #reply-title:before {
content: "\77";
font-family: "kf-icons";
font-weight: 400;
margin-right: 5px;
}
.comments-area #reply-title small {
float: right;
margin-top: 8px;
}
.comments-area .comment-notes {
color: #4d4d4d;
font-size: 13px;
}
.comments-area .comment-list {
list-style: none;
margin: 0;
padding-left: 0;
}
.comments-area .comment-list li {
list-style: none;
}
.comments-area .comment-list .comment-body {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
padding-top: 25px;
padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
.comments-area .comment-list .comment-body {
padding-left: 20px;
padding-right: 20px;
}
}
.comments-area .comment-list .comment-content {
color: #4d4d4d;
font-size: 14px;
margin-left: 75px;
text-transform: capitalize;
}
@media screen and (max-width: 767px) {
.comments-area .comment-list .comment-content {
margin-left: 0;
}
}
.comments-area .comment-list .comment-content ul {
padding-left: 10px;
}
.comments-area .comment-list .comment-content ul li {
list-style: initial;
}
.comments-area .comment-list .comment-content ul li:before {
display: none;
}
.comments-area .comment-list .comment-content ol {
padding-left: 10px;
}
.comments-area .comment-list .comment-content ol:before {
display: none;
}
.comments-area .comment-list .comment-content ol li {
list-style: decimal;
}
.comments-area .comment-list .comment-content a {
word-wrap: break-word;
}
.comments-area .comment-list .bypostauthor {
display: block;
}
.comments-area .comment-list .comment-meta:before, .comments-area .comment-list .comment-meta:after {
content: " ";
display: table;
}
.comments-area .comment-list .comment-meta:after {
clear: both;
}
.comments-area .comment-list .comment-author {
float: left;
}
@media screen and (max-width: 767px) {
.comments-area .comment-list .comment-author {
float: none;
}
.comments-area .comment-list .comment-author:before, .comments-area .comment-list .comment-author:after {
content: " ";
display: table;
}
.comments-area .comment-list .comment-author:after {
clear: both;
}
}
.comments-area .comment-list .comment-author .avatar {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
float: left;
height: 60px;
margin-right: 15px;
width: 60px;
}
.comments-area .comment-list .comment-author .fn {
color: #4d4d4d;
display: inline-block;
font-size: 15px;
font-weight: 600;
float: left;
margin-top: 15px;
text-transform: capitalize;
}
.comments-area .comment-list .comment-author .says {
display: none;
}
.comments-area .comment-list .comment-metadata {
float: right;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.comments-area .comment-list .comment-metadata {
float: none;
}
.comments-area .comment-list .comment-metadata:before, .comments-area .comment-list .comment-metadata:after {
content: " ";
display: table;
}
.comments-area .comment-list .comment-metadata:after {
clear: both;
}
}
.comments-area .comment-list .comment-metadata a {
display: inline-block;
font-size: 13px;
color: gray;
}
@media screen and (max-width: 767px) {
.comments-area .comment-list .comment-metadata a time {
margin-top: 0;
margin-bottom: 5px;
display: block;
}
}
.comments-area .comment-list .comment-metadata a time:before {
content: "\7d";
font-family: "kf-icons";
font-size: 13px;
margin-right: 5px;
vertical-align: top;
}
.comments-area .comment-list .comment-metadata a:hover, .comments-area .comment-list .comment-metadata a:focus, .comments-area .comment-list .comment-metadata a:active {
color: #0081FE;
}
.comments-area .comment-list .children {
margin: 0;
}
.comments-area .comment-list .children li {
position: relative;
}
.comments-area .comment-list .children li:before {
height: 30px;
width: 30px;
content: "";
display: inline-block;
background-color: #fff;
border-width: 1px 0 0 1px;
border-style: solid;
transform: rotate(45deg);
border-color: #e6e6e6;
position: absolute;
top: -15px;
left: 30px;
}
.comments-area .comment-list .children .fn {
margin-top: 5px;
}
.comments-area .comment-list .children .comment-metadata {
margin-top: 5px;
}
.comments-area .comment-list .reply {
text-align: right;
}
.comments-area .comment-list .reply:before:before, .comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:before, .comments-area .comment-list .reply:after:after {
content: " ";
display: table;
}
.comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:after {
clear: both;
}
.comments-area .comment-list .reply a:before {
background-color: transparent;
content: "\4a";
font-family: "kf-icons";
font-weight: 400;
margin-right: 5px;
position: static;
width: auto;
}
.comments-area .comment-list .reply a:hover:before, .comments-area .comment-list .reply a:focus:before, .comments-area .comment-list .reply a:active:before {
width: auto;
}
.comments-area .no-comments {
text-align: center;
margin-bottom: 30px;
display: block;
font-size: 18px;
font-style: italic;
}
.comments-area .comment-respond {
margin-top: 60px;
margin-bottom: 5px;
}
.comments-area .comment-respond .logged-in-as {
margin-bottom: 20px;
}
.comments-area .comment-respond .logged-in-as a {
color: #0081FE;
display: inline-block;
margin-right: 10px;
padding-bottom: 3px;
}
.comments-area .comment-respond .logged-in-as a:hover, .comments-area .comment-respond .logged-in-as a:focus, .comments-area .comment-respond .logged-in-as a:active {
color: #1a1a1a;
}
.comments-area .comment-respond .comment-form {
margin-bottom: 80px;
}
.comments-area .comment-respond .comment-form:before, .comments-area .comment-respond .comment-form:after {
content: " ";
display: table;
}
.comments-area .comment-respond .comment-form:after {
clear: both;
}
.comments-area .comment-respond .comment-form input[type="text"],
.comments-area .comment-respond .comment-form input[type="email"],
.comments-area .comment-respond .comment-form input[type="url"],
.comments-area .comment-respond .comment-form input[type="password"],
.comments-area .comment-respond .comment-form input[type="search"],
.comments-area .comment-respond .comment-form input[type="number"],
.comments-area .comment-respond .comment-form input[type="tel"],
.comments-area .comment-respond .comment-form input[type="range"],
.comments-area .comment-respond .comment-form input[type="date"],
.comments-area .comment-respond .comment-form input[type="month"],
.comments-area .comment-respond .comment-form input[type="week"],
.comments-area .comment-respond .comment-form input[type="time"],
.comments-area .comment-respond .comment-form input[type="datetime"],
.comments-area .comment-respond .comment-form input[type="datetime-local"],
.comments-area .comment-respond .comment-form input[type="color"],
.comments-area .comment-respond .comment-form textarea {
border: none;
padding: 12px 5px 12px 15px !important;
background: #f1f1f1 !important;
}
.comments-area .comment-respond .comment-form .submit {
padding: 4px 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background: #67b930;
border-color: #67b930;
}
.comments-area .comment-respond .comment-form .submit:hover, .comments-area .comment-respond .comment-form .submit:focus, .comments-area .comment-respond .comment-form .submit:active {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent {
float: left;
width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input {
float: left;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent label, .comments-area .comment-respond .comment-form .comment-form-cookies-consent .searchform .search-button, .searchform .comments-area .comment-respond .comment-form .comment-form-cookies-consent .search-button {
float: left;
vertical-align: middle;
margin-top: 0;
width: calc( 100% - 30px);
margin-left: 15px;
}
@media screen and (min-width: 768px) {
.comments-area .comment-respond .comment-form .comment-form-author,
.comments-area .comment-respond .comment-form .comment-form-email,
.comments-area .comment-respond .comment-form .comment-form-url,
.comments-area .comment-respond .comment-form .form-submit {
float: left;
width: calc(50% - 8px);
}
.comments-area .comment-respond .comment-form .comment-form-author,
.comments-area .comment-respond .comment-form .comment-form-url {
margin-right: 8px;
}
.comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .form-submit {
margin-left: 8px;
}
body.logged-in .comments-area .comment-respond .comment-form .comment-form-email,
body.logged-in .comments-area .comment-respond .comment-form .form-submit {
margin-left: 0;
}
.comments-area .comment-respond .comment-form .form-submit {
margin-top: 50px;
}
body.logged-in .comments-area .comment-respond .comment-form .form-submit {
margin-top: 5px;
}
}
.comments-area .comment-respond .comment-notes {
margin-bottom: 50px;
color: gray;
}
.comments-area .comment-respond #email-notes {
color: #cccccc;
}
.comments-area .comment-respond .required {
color: gray;
}
.comments-area .comment-respond label, .comments-area .comment-respond .searchform .search-button, .searchform .comments-area .comment-respond .search-button {
display: block;
color: #4d4d4d;
font-size: 14px;
margin-bottom: 10px;
font-weight: 400;
}
.social_icon .social {
display: inline-block;
border-radius: 100%;
border: 1px solid #ffffff;
padding: 5px;
height: 38px;
width: 38px;
margin: 0 5px;
text-align: center;
}
.social_icon .social i {
color: #ffffff;
font-size: 18px;
line-height: 25px;
}
.entry-meta,
.entry-footer {
font-size: 13px;
}
.entry-footer {
border-top: 1px solid #d9d9d9;
}
.entry-meta {
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
padding-bottom: 10px;
padding-top: 8px;
margin-bottom: 1.5em;
}
.entry-meta span {
margin-right: 10px;
}
.author-detail {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
padding-bottom: 40px;
padding-top: 25px;
margin-bottom: 60px;
background-color: #fcfcfc;
border: none;
}
.author-detail:before, .author-detail:after {
content: " ";
display: table;
}
.author-detail:after {
clear: both;
}
.author-detail .author {
float: left;
width: 100px;
}
@media screen and (max-width: 767px) {
.author-detail .author {
width: 100%;
float: none;
text-align: center;
}
}
.author-detail .author a {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 100px;
margin-top: 15px;
width: 100px;
}
@media screen and (max-width: 767px) {
.author-detail .author a {
margin-top: 0;
}
}
.author-detail .author a img {
vertical-align: top;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
}
.author-detail .author-content {
float: right;
width: calc(100% - 125px);
font-size: 15px;
}
@media screen and (max-width: 767px) {
.author-detail .author-content {
width: 100%;
float: none;
text-align: center;
}
}
.author-detail .author-content .author-name {
color: #333333;
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 400;
margin-bottom: 5px;
text-transform: capitalize;
}
.author-detail .author-content .author-name span {
font-weight: 600;
margin-right: 5px;
text-transform: uppercase;
font-size: 16px;
font-family: "Poppins", sans-serif;
}
.author-detail .author-content.no-author-text {
margin-top: 40px;
}
.related-post {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
padding-left: 15px;
padding-right: 15px;
}
.related-post:before, .related-post:after {
content: " ";
display: table;
}
.related-post:after {
clear: both;
}
.related-post .related-post-list {
margin-bottom: 15px;
margin-top: 15px;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.related-post .related-post-list {
text-align: center;
}
}
.related-post .related-post-list h3 {
line-height: 1.2;
margin-bottom: 10px;
margin-top: 20px;
}
.related-post .related-post-list h3 a {
color: #1a1a1a;
font-family: "Poppins", sans-serif;
font-size: 17px;
}
.related-post .related-post-list h3 a:hover, .related-post .related-post-list h3 a:focus, .related-post .related-post-list h3 a:active {
color: #67b930;
}
.related-post .related-post-list .post-thumb:after, .related-post .related-post-list .post-thumb:before {
width: 220%;
}
.related-post .related-post-list .post-thumb img {
border: none;
margin-bottom: 0;
}
.related-post .related-post-list .post-thumb a i {
font-size: 16px;
height: 40px;
line-height: 38px;
width: 40px;
}
.related-post .related-post-list .edit-link .post-edit-link {
margin-left: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 30px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding: 10px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.post-thumb {
position: relative;
display: inline-block;
margin: 0;
width: 100%;
color: #fff;
max-width: 100%;
}
.post-thumb img {
vertical-align: top;
}
.post-thumb a {
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.post-thumb a:hover, .post-thumb a:focus, .post-thumb a:active {
background-color: rgba(17, 17, 17, 0.5);
}
.top-header .socialgroup {
display: inline-block;
margin-top: 5px;
text-align: right;
}
.searchform #searchsubmit {
display: none;
}
.searchform label, .searchform .search-button {
margin-bottom: 0;
width: calc(100% - 40px);
float: left;
}
.searchform .search-field {
background-color: #fff;
border-right: none;
color: #1a1a1a;
display: block;
margin-bottom: 0;
max-width: 100%;
vertical-align: top;
}
.searchform .search-field::-webkit-input-placeholder {
color: #1a1a1a;
}
.searchform .search-field:-moz-placeholder {
color: #1a1a1a;
}
.searchform .search-field::-moz-placeholder {
color: #1a1a1a;
}
.searchform .search-field:-ms-input-placeholder {
color: #1a1a1a;
}
.searchform .search-field:hover, .searchform .search-field:focus, .searchform .search-field:active {
color: #1a1a1a;
}
.searchform .search-button {
background-color: #e9563d;
border: 1px solid #e9563d;
color: #fff;
float: right;
font-family: "Poppins", sans-serif;
width: 90px !important;
height: 43px;
line-height: 20px;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
vertical-align: top;
position: absolute;
top: 1px;
right: 1px;
z-index: 999;
}
.searchform .search-button span {
color: #fff;
display: block;
line-height: 0.5;
}
.searchform .search-button:hover, .searchform .search-button:focus, .searchform .search-button:active {
background-color: #333333;
border-color: #333333;
color: #fff;
}
article.post-content {
font-size: 14px;
font-weight: 300;
color: #8c8c8c;
padding: 25px 30px 30px;
}
article.post-content .post-title .cat {
color: #e9563d;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
article.post-content .post-title .cat:after {
background-color: #999999;
content: '';
display: block;
height: 2px;
margin-top: 8px;
-webkit-transition: background-color 0.3s, width 0.3s;
-moz-transition: background-color 0.3s, width 0.3s;
-ms-transition: background-color 0.3s, width 0.3s;
-o-transition: background-color 0.3s, width 0.3s;
transition: background-color 0.3s, width 0.3s;
width: 35px;
}
article.post-content .post-title .cat:hover:after, article.post-content .post-title .cat:focus:after, article.post-content .post-title .cat:active:after {
background-color: #67b930;
width: 70px;
}
article.post-content .post-title h2, article.post-content .post-title body.woocommerce.single-product .product_title, body.woocommerce.single-product article.post-content .post-title .product_title {
font-size: 24px;
margin-top: 17px;
}
@media screen and (max-width: 767px) {
article.post-content .post-title h2, article.post-content .post-title body.woocommerce.single-product .product_title, body.woocommerce.single-product article.post-content .post-title .product_title {
font-size: 18px;
}
}
.banner-overlay, .post-content-overlay .post-thumb figure a {
background-color: rgba(17, 17, 17, 0.35);
width: 100%;
}
.wrap-inner-banner {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
background-color: #999999;
border: 0;
color: #fff;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wrap-inner-banner:hover, .wrap-inner-banner:focus, .wrap-inner-banner:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.wrap-inner-banner .page-header {
border: none;
color: #fff;
margin-bottom: 145px;
margin-top: 145px;
padding: 0;
text-align: center;
display:none;
}
.wrap-inner-banner .page-header:before, .wrap-inner-banner .page-header:after {
content: " ";
display: table;
}
.wrap-inner-banner .page-header:after {
clear: both;
}
@media screen and (max-width: 767px) {
.wrap-inner-banner .page-header {
margin-bottom: 80px;
margin-top: 80px;
}
}
.wrap-inner-banner .page-header .page-title {
line-height: 1.2;
margin: 0;
color: #fff;
font-size: 42px;
}
@media screen and (max-width: 991px) {
.wrap-inner-banner .page-header .page-title {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.wrap-inner-banner .page-header .page-title {
font-size: 24px;
}
}
.wrap-inner-banner .page-header .page-description {
color: #fff;
font-size: 18px;
text-align: center;
}
@media screen and (min-width: 992px) {
.wrap-inner-banner .page-header .page-description {
margin-left: 15px;
margin-right: 15px;
}
}
.breadcrumb-wrap {
background-color:#ffffff;
margin-bottom: 70px;
}
.home .breadcrumb-wrap {
back-color: transparent;
}
@inlude bp(smx) {
.breadcrumb-wrap {
margin-bottom: 50px;
}
}
.breadcrumb-wrap .breadcrumbs {
color: #999999;
font-size: 15px;
padding: 20px 15px;
text-align: center;
}
.breadcrumb-wrap .breadcrumbs .trail-items {
margin: 0;
padding-left: 0;
text-align:left;
}
.breadcrumb-wrap .breadcrumbs .trail-items li {
display: inline-block;
line-height: 1.5;
list-style: none;
}
.breadcrumb-wrap .breadcrumbs .trail-items li:last-child span {
margin-right: 0;
}
.breadcrumb-wrap .breadcrumbs .trail-items span {
font-size: 13px;
margin-left: 10px;
margin-right: 10px;
}
.breadcrumb-wrap .breadcrumbs .trail-items a {
color: #999999;
font-size: 13px;
margin-right: 2px;
padding-right: 4px;
position: relative;
}
.breadcrumb-wrap .breadcrumbs .trail-items a:after {
background-color: #cccccc;
bottom: 0;
content: "";
height: 12px;
margin: auto;
position: absolute;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
top: 1px;
right: 0;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
width: 1px;
}
.breadcrumb-wrap .breadcrumbs .trail-items a[rel="home"] span {
font-size: 0px;
}
.breadcrumb-wrap .breadcrumbs .trail-items a[rel="home"] span:before {
font-size: 14px;
content: "\e074";
font-family: "kf-icons";
}
.breadcrumb-wrap .breadcrumbs .trail-items a:hover, .breadcrumb-wrap .breadcrumbs .trail-items a:focus, .breadcrumb-wrap .breadcrumbs .trail-items a:active {
color: #262626;
}
.breadcrumb-wrap .breadcrumbs .trail-items a:hover:after, .breadcrumb-wrap .breadcrumbs .trail-items a:focus:after, .breadcrumb-wrap .breadcrumbs .trail-items a:active:after {
background-color: #262626;
}
.post-content-overlay {
position: relative;
}
.post-content-overlay .post-thumb {
vertical-align: top;
}
.post-content-overlay .post-thumb figure img {
border: none;
vertical-align: top;
}
.post-content-overlay .post-thumb figure a {
border: 1px solid #fff;
}
.post-content-overlay article.post-content {
background-color: transparent;
bottom: 0;
color: #fff;
left: 0;
position: absolute;
width: 100%;
z-index: 999;
}
.post-content-overlay article.post-content .post-title h2 a, .post-content-overlay article.post-content .post-title body.woocommerce.single-product .product_title a, body.woocommerce.single-product .post-content-overlay article.post-content .post-title .product_title a {
color: #fff;
display: block;
}
.post-content-overlay article.post-content .post-title h2 a:hover, .post-content-overlay article.post-content .post-title body.woocommerce.single-product .product_title a:hover, body.woocommerce.single-product .post-content-overlay article.post-content .post-title .product_title a:hover, .post-content-overlay article.post-content .post-title h2 a:focus, .post-content-overlay article.post-content .post-title body.woocommerce.single-product .product_title a:focus, body.woocommerce.single-product .post-content-overlay article.post-content .post-title .product_title a:focus, .post-content-overlay article.post-content .post-title h2 a:active, .post-content-overlay article.post-content .post-title body.woocommerce.single-product .product_title a:active, body.woocommerce.single-product .post-content-overlay article.post-content .post-title .product_title a:active {
color: #67b930;
}
.post-content-overlay article.post-content .post-title .cat a {
color: #e6e6e6;
}
.post-content-overlay article.post-content .post-title .cat a:hover, .post-content-overlay article.post-content .post-title .cat a:focus, .post-content-overlay article.post-content .post-title .cat a:active {
color: #67b930;
}
.post-content-overlay article.post-content .post-title .cat:after {
background-color: #e6e6e6;
}
.post-content-overlay article.post-content .post-footer {
height: 0;
overflow: hidden;
margin: 0;
-webkit-transition: height 0.3s ease, margin-top 0.3s;
-moz-transition: height 0.3s ease, margin-top 0.3s;
-ms-transition: height 0.3s ease, margin-top 0.3s;
-o-transition: height 0.3s ease, margin-top 0.3s;
transition: height 0.3s ease, margin-top 0.3s;
}
.post-content-overlay article.post-content .post-footer a, .post-content-overlay article.post-content .post-footer .divider {
color: #fff;
}
.post-content-overlay article.post-content .post-footer a:hover, .post-content-overlay article.post-content .post-footer a:focus, .post-content-overlay article.post-content .post-footer a:active, .post-content-overlay article.post-content .post-footer .divider:hover, .post-content-overlay article.post-content .post-footer .divider:focus, .post-content-overlay article.post-content .post-footer .divider:active {
color: #67b930;
}
.post-content-overlay article.post-content .post-footer .comment-link:after {
color: #fff;
}
.post-content-overlay:hover article.post-content .post-footer, .post-content-overlay:focus article.post-content .post-footer, .post-content-overlay:active article.post-content .post-footer {
height: 40px;
margin-top: 10px;
}
.wrap-detail-page {
padding-bottom: 80px;
background:#ffffff;
}
.page article.hentry .post-text a:hover,
.page article.hentry .post-text a:active{
box-shadow:none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
}
.page-id-26 .breadcrumb-wrap {
display:none;    
}
.page-id-26 .wrap-detail-page .post-text h4{
margin-bottom:0px !important;
}
.page-id-558 .wrap-detail-page{
background:#ffffff ;
}
.page-id-558 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
.page-id-1149 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
.page-id-1280 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
.page-id-1319 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
.page-id-1229 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
.page-id-1255 .wp-block-image{margin-top: 15px; margin-bottom: 15px;}
@media screen and (max-width: 1024px) {
.page-id-558 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col,
.page-id-1149 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col,
.page-id-1280 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col,
.page-id-1319 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col,
.page-id-1229 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col,
.page-id-1255 .kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_0c404b-93 > .kt-inside-inner-col {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
}
.page-id-1296 .nf-form-content input[type=button] {
line-height: 16px;
}
@media screen and (max-width: 767px) {
.page-id-558 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
.page-id-1149 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
.page-id-1280 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
.page-id-1319 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
.page-id-1229 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
.page-id-1255 .wp-block-image{margin-top: 10px; margin-bottom: 10px;}
}
.page-id-558 article.post-content {
background-color: #fff;
}
.page-id-1149 ul.has-text-color {
padding: 0 5px;
}
.page-id-1149 h2.has-text-color {
margin: 0 !important;
}
.page-id-1149 p.has-text-color a {
color: #ffffff !important;
}
.page-id-1149 p.has-text-color a:hover{
color: #ffffff !important;
}
.page-id-1255 ul.has-text-color {
padding: 0 5px;
}
.page-id-1280 ul.has-text-color {
padding: 0 5px;
}
.page-id-1296 ul {
padding: 0 5px;
}
.page-id-1296.page .wrap-detail-page .post-text-h2{
margin:5px 0;
}
.page-id-1319 ul.has-text-color {
padding: 0 5px;
}
.wp-block-kadence-column.inner-column-1.kadence-column_995e8f-e5{
margin-right:0 !important;
}
.page-id-1635 .breadcrumb-wrap {background-color:#e1e2e2;}
.page-id-1635 article.post-content{background-color:#e1e2e2;}
.page-id-1635 .wrap-detail-page{background-color:#e1e2e2;}
.find-direction.wpb_column.vc_column_container.vc_col-sm-4{width:auto !important;}
.wpcf7 form.sent .wpcf7-response-output{color: #46b450;}
.page-id-38 .nf-form-content input[type=button],
.page-id-2482 .nf-form-content input[type=button]{
height: auto !important;; padding: 0px 30px !important;;
}
.page-id-725 .page article.hentry .post-text a.button{color:none!important;}
.page article.hentry .post-text a.button{color:#000000}
.page article.hentry .post-text a.button:hover {
color: #ffffff !important;
}
@media screen and (max-width: 767px) {
.newsletter_right .vc_custom_1635837306118{min-height:600px;}
} body.page-id-1411 .has-text-align-center{text-transform:capitalize;}
.page-id-725 .has-text-align-center {
text-transform: none;
}
.hom_oly_sec_desc.has-text-color {
padding: 0 15px;
width: 50%;
margin: 0 auto !important;
}
.page-id-1149 .has-text-align-center,
.page-id-558 .has-text-align-center,
.page-id-1229 .has-text-align-center,
.page-id-1255 .has-text-align-center,
.page-id-1280 .has-text-align-center,
.page-id-1296 .has-text-align-center,
.page-id-1319 .has-text-align-center,
.page-id-1411 .has-text-align-center,
.page-id-26 .has-text-align-center,
.page-id-38 .has-text-align-center{text-transform: none;}
@media screen and (max-width: 991px) {
.hom_oly_sec_desc.has-text-color {
padding: 0 15px;
width: 85%;
margin: 0 auto !important;
}
}
@media screen and (max-width: 479px) {
.hom_oly_sec_desc.has-text-color {
padding: 0;
width: 100%;
margin: 0 auto !important;
}
}
.Find_store_column .vc_column-inner .wpb_wrapper{
background:#ffffff;
}
.Find_store_column > .vc_column-inner > .wpb_wrapper{
padding:1px 20px;
margin-bottom:20px;
}
.find-store-top_desc p {
font-size: 17px;
}
.page-id-1411 .breadcrumb-wrap {background-color:#e1e2e2;}
.page-id-1411 article.post-content{background-color:#e1e2e2;}
.page-id-1411 .wrap-detail-page{background-color:#e1e2e2;}
h2.vc_custom_heading.find-heading{
margin:15px 0 !important;
padding:0;
}
.Find_store_column h4.kt-testimonial-title{
margin: 0 !important;
padding:0 !important
}
.find_seprator{
margin-bottom:15px !important;
}
.timing_hrs .shop_timing_hrs {
margin: 10px 0;
}
.timing_hrs span.second {
margin-left: 25px;
}
.timing_hrs i.fa.fa-clock {
font-size: 22px !important;
margin-right: 5px !important;
}
i.fa.fa-phone {
transform: rotate(90deg); border-radius: 100px; background: #626667; color:#ffffff; padding: 6px;  font-size: 11px;margin-right:5px
}
.form-phone-icon a{color:62667;} .page-id-1453 .breadcrumb-wrap {background-color:#e1e2e2;}
.page-id-1453 article.post-content{background-color:#e1e2e2;}
.page-id-1453 .wrap-detail-page{background-color:#e1e2e2;}
.page-id-1453 .up_text_block_shop {
min-height: 135px !important;
}
@media screen and (max-width: 767px) {
.page-id-1453 .up_text_block_shop {
min-height: 65px !important;
}
.shop_top_img {
margin-bottom: 10px !important;
margin-top: 30px;
}
}
.online-top-button a:hover {
background-color: #ffffff !important;
color: #000000 !important;
border: none !important;
box-shadow: none;
}
.shop_now_btn a:hover{
background-color: #ca9475 !important;
color: #ffffff !important;
border: 1px solid #ca9475 !important;
box-shadow: none;
} 
.shop-now-top-desc p {
font-size: 17px;
}
.find-direction {
display: inline-block;
}
.Find_store_column > .vc_column-inner > .wpb_wrapper{
padding:1px 20px;
margin-bottom:20px;
min-height: 442px;
}
.up_text_block_shop p br {
display: none;
}
#online_top_1 >.vc_column-inner > .wpb_wrapper {
margin: 0 1px;
padding: 1px 20px;
}
.online_top_left .vc_column-inner .wpb_wrapper{
background: #9b9fa8;
}
.online_top_right .vc_column-inner .wpb_wrapper{
background: #c89f8f;
}
.wrap-detail-page .post-thumb {
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
.wrap-detail-page .post-thumb img {
margin-bottom: 30px;
}
.wrap-list-page .post-title {
margin-top: 15px;
}
.wrap-list-page .post-footer {
margin-bottom: 15px;
}
.wrap-list-page .posted-on:before {
display: none;
}
.inner-page-content {
padding-bottom: 30px;
}
.post-main-content .content {
padding-bottom: 30px;
}
.post-main-content .post-navigation {
background-color: transparent;
border: 1px solid transparent;
margin-bottom: 0;
padding: 0 0;
}
.post-main-content .post-navigation:before, .post-main-content .post-navigation:after {
content: " ";
display: table;
}
.post-main-content .post-navigation:after {
clear: both;
}
@keyframes move {
from {
stroke-dasharray: 0, 150;
}
to {
stroke-dasharray: 130, 150;
}
}
@keyframes scroll {
0% {
transform: translateY(-2px);
opacity: 0;
}
50% {
transform: translateY(8px);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
}
.mouse-holder {
bottom: 22px;
left: 0;
right: 0;
margin: auto;
position: absolute;
text-align: center;
width: 120px;
z-index: 997;
}
.mouse-holder .mouse-hover {
text-align: center;
position: relative;
}
.mouse-holder .mouse-hover a {
display: block;
height: 43px;
width: 30px;
overflow: hidden;
margin: auto;
}
.mouse-holder .mouse-hover a span {
text-transform: capitalize;
margin: auto;
position: absolute;
opacity: 0;
font-size: 0px;
color: #fff;
-webkit-transition: top 0.3s linear, opacity 0.2s;
-moz-transition: top 0.3s linear, opacity 0.2s;
-ms-transition: top 0.3s linear, opacity 0.2s;
-o-transition: top 0.3s linear, opacity 0.2s;
transition: top 0.3s linear, opacity 0.2s;
top: -40px;
left: 0px;
right: 0;
width: 120px;
z-index: 1;
}
.mouse-holder .mouse-hover a:hover span, .mouse-holder .mouse-hover a:focus span, .mouse-holder .mouse-hover a:active span {
font-size: 14px;
top: -45px;
opacity: 1;
-webkit-transition: top 0.3s linear, opacity 1s;
-moz-transition: top 0.3s linear, opacity 1s;
-ms-transition: top 0.3s linear, opacity 1s;
-o-transition: top 0.3s linear, opacity 1s;
transition: top 0.3s linear, opacity 1s;
}
.mouse-holder #mouse {
transform: rotate(180deg);
transform-origin: center;
transition: stroke 0.5s linear;
stroke: #fff;
}
.mouse-holder #mouse:hover, .mouse-holder #mouse:focus, .mouse-holder #mouse:active {
animation: move 0.7s linear;
stroke: #0081FE;
}
.mouse-holder #scroll {
animation-name: scroll;
animation-duration: 1.5s;
animation-timing-function: cubic-bezier(0.54, -0.01, 0.36, 0.99);
animation-iteration-count: infinite;
stroke: #fff;
}
#go-top {
bottom: 20px;
display: block;
position: fixed;
right: 20px;
z-index: 99991;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
#go-top span {
background-color: #fff;
color: #10242b;
padding: 0;
height: 52px;
line-height: 52px;
text-align: center;
vertical-align: middle;
width: 52px;
display: block;
font-size: 22px;
-webkit-transition: color 0.5s, background 0.5s, border 0.5s;
-moz-transition: color 0.5s, background 0.5s, border 0.5s;
-ms-transition: color 0.5s, background 0.5s, border 0.5s;
-o-transition: color 0.5s, background 0.5s, border 0.5s;
transition: color 0.5s, background 0.5s, border 0.5s;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
#go-top span:hover, #go-top span:focus, #go-top span:active {
background: #e9563d;
color: #fff;
border: 1px solid #e9563d;
}
body.keon-customizer-preview .search-section {
top: 0;
} .widget.widget_categories select, .widget.widget_archive select {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
background-color: #fff;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 40px), calc(100% - 15px) calc(1em + 40px), calc(100% - 2.5em) 3em;
background-size: 5px 5px, 5px 8px, 1px 1.5em;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font: inherit;
line-height: 1.5em;
margin: 0;
padding-top: 40px;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
article.post-content {
background-color: #ffffff;
position: relative;
z-index: 1;
}
.widget {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
margin: 0 0 0px;
padding: 30px;
text-align: center;
}
.widget select {
max-width: 100%;
}
.widget .widget-title,
.widget .widgettitle {
background-color: #fff;
color: #10242b;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 500;
margin: -48px auto 0px;
line-height: 1;
padding: 0px 15px 41px;
text-align: center;
vertical-align: middle;
z-index: 9;
text-transform: capitalize;
}
.widget ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
padding-left: 15px;
word-break: break-word;
}
sidebar.sidebar .widget ul {
background-color: #fff;
}
.widget > ul {
padding-left: 0;
}
.widget li {
border-top: 1px solid #f7f7f7;
color: #666666;
position: relative;
}
.widget li:first-child {
border-top: none;
}
.block-top-footer .widget li {
border-top-color: #5e5e5e;
}
.widget li a {
color: #666666;
display: inline-block;
font-size: 14px;
padding: 5px 10px 2px 5px;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.widget li:hover:before, .widget li:focus:before, .widget li:active:before {
background-color: #67b930;
border-color: #67b930;
padding-left: 5px;
}
.widget li:hover > a, .widget li:focus > a, .widget li:active > a {
color: #0081FE;
}
.widget li.recentcomments:before {
display: none;
}
.widget li.recentcomments .comment-author-link {
color: #999999;
font-style: italic;
}
body .widget li.recentcomments a {
display: inline-block !important;
padding: 7px 5px !important;
}
.widget .socialgroup ul {
padding: 0;
}
.widget .socialgroup ul li a {
font-size: 0px;
}
.widget.widget_calendar table {
margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar th {
border-color: #d9d9d9;
line-height: 1.8;
text-align: center;
padding: 6px;
}
.widget.widget_calendar td#prev {
text-align: left;
}
.widget.widget_calendar td#next {
text-align: right;
}
.widget.widget_calendar tbody a {
background-color: #e9563d;
color: #fff;
display: block;
font-weight: 600;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
}
.widget.widget_calendar tbody a:hover, .widget.widget_calendar tbody a:focus, .widget.widget_calendar tbody a:active {
background-color: #67b930;
}
.widget.widget_calendar tfoot a {
color: #e9563d;
}
.widget.widget_calendar tfoot a:hover, .widget.widget_calendar tfoot a:focus, .widget.widget_calendar tfoot a:active {
color: #0081FE;
}
.widget.widget_calendar caption {
border-bottom: 1px solid #d9d9d9;
font-weight: 600;
margin-bottom: 0;
text-align: right;
text-transform: uppercase;
}
.widget.widget_categories .cat-item a {
width: 85%;
}
.widget.widget_categories .children .cat-item a {
width: 80%;
}
.widget.widget_categories .children, .widget.widget_nav_menu .sub-menu, .widget.widget_pages .children {
margin: 0 10px 10px;
padding-left: 10px;
}
.widget.widget_recent_entries .post-date, .widget.widget_rss .rss-date, .widget.widget_rss cite {
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
.widget.widget_rss ul {
list-style: none;
margin-bottom: 0;
}
.widget.widget_rss li {
border-top: none;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 15px;
padding: 0 0 15px 0;
}
.widget.widget_rss li a {
color: #034f98;
}
.widget.widget_rss li a:hover, .widget.widget_rss li a:focus, .widget.widget_rss li a:active {
color: #0081FE;
}
.widget.widget_rss li:before {
display: none;
}
.widget.widget_rss li .rsswidget {
line-height: 1.5;
padding-bottom: 8px;
}
.widget.widget_rss li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget.widget_rss .widget-title .rsswidget {
border: 0;
margin: -48px auto 0px;
padding: 0px 10px 41px;
}
.widget.widget_rss .widget-title .rsswidget img {
margin-top: 6px;
margin-right: 5px;
vertical-align: bottom;
}
.widget.widget_rss .widget-title .rsswidget:first-child {
padding-right: 0;
}
.widget.widget_rss .widget-title .rsswidget:hover, .widget.widget_rss .widget-title .rsswidget:focus, .widget.widget_rss .widget-title .rsswidget:active {
color: #0081FE;
}
.widget.widget_rss cite {
font-weight: 600;
}
.widget.widget_rss .rss-date {
font-size: 14px;
font-style: italic;
}
.widget.widget_rss .rssSummary {
font-size: 14px;
line-height: 1.5;
}
.widget.widget_archive li a {
display: inline-block;
width: 85%;
}
.widget.widget_tag_cloud .tagcloud a {
border: 1px solid #f2f2f2;
background-color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
color: #666666;
display: inline-block;
margin: 3px 2px;
padding: 5px 16px 6px;
-webkit-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
-moz-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
-ms-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
-o-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear;
vertical-align: middle;
}
.widget.widget_tag_cloud .tagcloud a:before {
height: 8px;
width: 8px;
background: transparent;
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 8px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
border: 1px solid #d9d9d9;
-webkit-transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
-ms-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
transition: border 0.3s linear;
}
.widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud .tagcloud a:focus, .widget.widget_tag_cloud .tagcloud a:active {
background-color: #67b930;
border: 1px solid #67b930;
color: #fff;
}
.widget.widget_tag_cloud .tagcloud a:hover:before, .widget.widget_tag_cloud .tagcloud a:focus:before, .widget.widget_tag_cloud .tagcloud a:active:before {
border: 1px solid #fff;
}
.widget.widget_text .textwidget ul {
padding: 0;
}
.widget.widget_text .textwidget ul ul {
padding-left: 10px;
}
.widget.widget_text .textwidget ul li {
margin-top: 0px;
margin-bottom: 0px;
}
.widget.widget_text .textwidget a {
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
-ms-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.widget.widget_text .textwidget a sidebar.sidebar {
-webkit-box-shadow: 0px 2px 0px 0px #fff;
-moz-box-shadow: 0px 2px 0px 0px #fff;
-ms-box-shadow: 0px 2px 0px 0px #fff;
-o-box-shadow: 0px 2px 0px 0px #fff;
box-shadow: 0px 2px 0px 0px #fff;
}
.widget.widget_text .textwidget a:hover, .widget.widget_text .textwidget a:focus, .widget.widget_text .textwidget a:active {
-webkit-box-shadow: 0px 2px 0px 0px #000;
-moz-box-shadow: 0px 2px 0px 0px #000;
-ms-box-shadow: 0px 2px 0px 0px #000;
-o-box-shadow: 0px 2px 0px 0px #000;
box-shadow: 0px 2px 0px 0px #000;
color: #0081FE;
}
.widget.widget_text .textwidget.custom-html-widget a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.widget.widget_text .textwidget.custom-html-widget a:hover, .widget.widget_text .textwidget.custom-html-widget a:focus, .widget.widget_text .textwidget.custom-html-widget a:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.widget.milestone-widget {
margin-bottom: 30px;
}
.widget.milestone-widget .milestone-countdown {
border: 1px solid #f7f7f7;
}
.widget.milestone-widget .milestone-countdown .label {
color: #000;
}
.widget.widget_product_categories select {
border-color: #f7f7f7;
padding: 5px;
width: 100%;
}
.widget.widget_mc4wp_form_widget label, .widget.widget_mc4wp_form_widget .searchform .search-button, .searchform .widget.widget_mc4wp_form_widget .search-button {
font-weight: 600;
}
.widget.widget_mc4wp_form_widget input[type="submit"] {
padding: 15px 50px;
}
sidebar.sidebar .widget:last-child {
margin-bottom: 30px;
} .top-header {
background-color: #2d3436;
position: relative;
top: 0;
z-index: 99991;
color: #666666;
}
@media screen and (max-width: 767px) {
.top-header .top-header-left {
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 15px;
padding-top: 10px;
}
}
.top-header .top-header-left .list {
font-size: 14px;
display: inline-block;
padding: 12px 15px 12px 0;
color: #fff;
}
.top-header .top-header-left .list:last-child {
margin-right: 0;
}
@media screen and (max-width: 1199px) {
.top-header .top-header-left .list {
padding-bottom: 7px;
padding-top: 7px;
}
}
@media screen and (max-width: 767px) {
.top-header .top-header-left .list {
padding-bottom: 0;
}
}
.top-header .top-header-left .list span {
margin-right: 5px;
color: #7a7f82;
}
.top-header .top-header-left .list a {
color: #fff;
}
.top-header .top-header-left .list a:hover, .top-header .top-header-left .list a:focus, .top-header .top-header-left .list a:active {
color: #0081FE;
}
.top-header .top-header-right {
text-align: right;
}
@media screen and (max-width: 767px) {
.top-header .top-header-right {
text-align: center;
margin-right: 0;
}
}
.top-header .top-header-right .socialgroup {
margin-top: 0;
padding-right: 10px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.top-header .top-header-right .socialgroup {
padding-right: 0;
}
}
.top-header .top-header-right .socialgroup ul {
padding: 0;
margin: 0;
}
.top-header .top-header-right .socialgroup ul li {
margin-bottom: 0;
}
.top-header .top-header-right .socialgroup a {
color: #fff;
height: 24px;
width: 24px;
line-height: 24px;
margin-left: 1px;
margin-right: 1px;
vertical-align: middle;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.top-header .top-header-right .socialgroup a:before {
font-size: 13px;
}
.top-header .top-header-right .socialgroup a:hover, .top-header .top-header-right .socialgroup a:focus, .top-header .top-header-right .socialgroup a:active {
color: #0081FE;
}
.top-header .top-header-right #search-form {
display: none;
}
.top-header .top-header-right #search-form.search-slide {
display: block;
}
.top-header .top-header-right .search-icon-wrapper,
.top-header .top-header-right .search-icon {
position: relative;
}
.top-header .top-header-right .search-icon {
display: inline-block;
border-left: 1px solid;
padding: 12px 15px;
}
@media screen and (max-width: 767px) {
.top-header .top-header-right .search-icon {
padding-left: 10px;
padding-right: 10px;
}
}
.top-header .top-header-right .search-icon a {
color: #fff;
}
.top-header .top-header-right .search-icon a:hover, .top-header .top-header-right .search-icon a:focus, .top-header .top-header-right .search-icon a:active {
color: #0081FE;
}
.top-header .top-header-right #searchform {
position: absolute;
width: 280px;
right: 10px;
top: 51px;
z-index: 99999;
}
@media screen and (max-width: 479px) {
.top-header .top-header-right #searchform {
width: 180px;
}
}
.top-header .top-header-right #searchform > div:before {
content: "";
display: inline-block;
right: 2px;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: 12px solid #ebf1f6;
border-left: 12px solid transparent;
border-bottom: 12px solid transparent;
top: -6px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.top-header .top-header-right #searchform label, .top-header .top-header-right #searchform .searchform .search-button, .searchform .top-header .top-header-right #searchform .search-button {
width: 100%;
position: relative;
}
.top-header .top-header-right #searchform input[type="text"] {
border: 1px solid #ebf1f6;
background-color: #ebf1f6;
color: #4d4d4d;
}
.top-header .top-header-right #searchform input[type="text"]::-webkit-input-placeholder {
color: #10242b;
}
.top-header .top-header-right #searchform input[type="text"]:-moz-placeholder {
color: #10242b;
}
.top-header .top-header-right #searchform input[type="text"]::-moz-placeholder {
color: #10242b;
}
.top-header .top-header-right #searchform input[type="text"]:-ms-input-placeholder {
color: #10242b;
}
.top-header .top-header-right #searchform .search-button {
display: none;
}
.top-header .top-header-right .cart-icon {
padding-right: 3px;
display: inline-block;
border-left: 1px solid;
padding: 12px 15px;
}
@media screen and (max-width: 767px) {
.top-header .top-header-right .cart-icon {
padding-left: 10px;
padding-right: 10px;
}
}
.top-header .top-header-right .cart-icon a {
display: inline-block;
color: #fff;
}
.top-header .top-header-right .cart-icon a .count {
margin-top: -5px;
margin-left: 3px;
background-color: #0081FE;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
font-size: 11px;
height: 18px;
color: #fff;
line-height: 18px;
text-align: center;
display: inline-block;
vertical-align: middle;
width: 18px;
font-weight: 600;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.top-header .top-header-right .cart-icon a:hover, .top-header .top-header-right .cart-icon a:focus, .top-header .top-header-right .cart-icon a:active {
color: #0081FE;
}
.top-header .top-header-right .cart-icon a:hover span.count, .top-header .top-header-right .cart-icon a:focus span.count, .top-header .top-header-right .cart-icon a:active span.count {
background-color: #0081FE;
}
.top-header button {
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
border: none;
color: inherit;
padding: 0;
}
#site-loader {
display: none;
background-color: #fff;
position: fixed;
display: block;
height: 100%;
width: 100%;
text-align: center;
z-index: 99993;
}
#site-loader .site-loader-inner {
position: absolute;
top: 50%;
right: -45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
#site-loader .site-loader-inner {
width: 40%;
}
}
.site-header {
top: 0;
text-align: center;
position: fixed;
-webkit-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s;
-moz-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s;
-ms-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s;
-o-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s;
transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s;
width: 100%;
z-index: 9999;
padding-bottom: 20px;
padding-top: 20px;
background-color: #fff;
}
body.fixed-nav-active .site-header {
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
.site-header {
padding-bottom: 8px;
padding-top: 8px;
}
}
.site-header .row {
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.site-header .site-branding-outer {
text-align: left;
}
.site-header .site-branding {
text-align: left;
}
.site-header .site-branding > a {
display: block;
max-width: 190px;
}
.site-header .site-branding .site-title, .site-header .site-branding .site-title a {
font-size: 20px;
font-weight: 600;
line-height: 1.5;
margin: 0 10px 0 0;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
.site-header .site-branding .site-title, .site-header .site-branding .site-title a {
margin-right: 0;
float: none;
text-align: left;
line-height: 1.2;
}
}
.site-header .site-branding .site-title a {
margin: 0;
color: #10242b;
font-family: "Poppins", sans-serif;
-webkit-transition: background-color 0.5s, color 0.5s;
-moz-transition: background-color 0.5s, color 0.5s;
-ms-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
}
@media screen and (max-width: 767px) {
.site-header .site-branding .site-title a {
font-size: 18px;
}
}
@media screen and (max-width: 479px) {
.site-header .site-branding .site-title a {
font-size: 15px;
}
}
.site-header .site-branding .site-title a:hover, .site-header .site-branding .site-title a:focus, .site-header .site-branding .site-title a:active {
color: #0081FE;
}
.site-header .site-branding:hover img, .site-header .site-branding:focus img, .site-header .site-branding:active img {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}
.site-header .site-branding .site-description {
color: #4d4d4d;
display: block;
font-size: 13px;
margin-bottom: 8px;
vertical-align: middle;
font-style: italic;
}
@media screen and (max-width: 767px) {
.site-header .site-branding .site-description {
display: none;
}
}
.site-header .header-bottom-right {
float: right;
vertical-align: top;
text-align: right;
}
@media screen and (max-width: 991px) {
.site-header .header-bottom-right {
width: 100%;
}
}
.site-header .header-bottom-right > span {
vertical-align: middle;
}
@media screen and (max-width: 991px) {
.site-header .header-bottom-right > span {
display: inline-block !important;
}
}
.site-header .header-bottom-right > span a {
line-height: 38px;
}
@media screen and (max-width: 1199px) {
.site-header .header-bottom-right > span a {
line-height: 20px;
padding: 12px 15px;
}
}
@media screen and (max-width: 767px) {
.site-header .header-bottom-right > span a {
padding: 8px 7px;
font-size: 13px;
width: 100%;
}
}
.site-header .header-bottom-right > span a span {
color: white;
font-size: 14px;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.site-header .header-bottom-right > span a:hover span, .site-header .header-bottom-right > span a:focus span, .site-header .header-bottom-right > span a:active span {
color: #0081FE;
}
.site-header .header-bottom-right .alt-menu-icon a span {
color: #10242b;
display: inline-block;
font-size: 28px;
margin-top: 5px;
}
@media screen and (max-width: 991px) {
.site-header .header-bottom-right .alt-menu-icon {
margin-top: 7px;
display: inline-block !important;
}
}
.block-slider {
overflow: hidden;
position: relative;
}
.block-slider .slide-item:not(:first-child) {
display: none;
visibility: hidden;
}
.block-slider .banner-overlay, .block-slider .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-slider a {
padding: 190px 0 290px;
height: 100%;
width: 100%;
}
@media screen and (max-width: 991px) {
.block-slider .banner-overlay, .block-slider .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-slider a {
padding-bottom: 100px;
padding-top: 100px;
}
}
@media screen and (max-width: 767px) {
.block-slider .banner-overlay, .block-slider .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-slider a {
padding-bottom: 90px;
padding-top: 90px;
}
}
.block-slider .slide-item {
background-position: center center;
width: 100%;
-webkit-transition: filter 1s linear;
-moz-transition: filter 1s linear;
-ms-transition: filter 1s linear;
-o-transition: filter 1s linear;
transition: filter 1s linear;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.block-slider .slide-item .post-content-inner-wrap {
color: #fff;
font-size: 16px;
margin-bottom: 20px;
font-weight: 400;
}
@media screen and (max-width: 479px) {
.block-slider .slide-item .post-content-inner-wrap {
font-size: 14px;
}
}
.block-slider .slide-item .post-content-inner-wrap .content {
text-transform: uppercase;
}
.block-slider .slide-item .post-title h2, .block-slider .slide-item .post-title body.woocommerce.single-product .product_title, body.woocommerce.single-product .block-slider .slide-item .post-title .product_title {
line-height: 1.2;
margin: 0;
color: #fff;
font-size: 52px;
}
@media screen and (max-width: 991px) {
.block-slider .slide-item .post-title h2, .block-slider .slide-item .post-title body.woocommerce.single-product .product_title, body.woocommerce.single-product .block-slider .slide-item .post-title .product_title {
font-size: 32px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.block-slider .slide-item .post-title h2, .block-slider .slide-item .post-title body.woocommerce.single-product .product_title, body.woocommerce.single-product .block-slider .slide-item .post-title .product_title {
font-size: 28px;
}
}
.block-slider .slide-item .button-container {
margin-top: 60px;
text-align: center;
}
.block-slider .slide-item .button-container > a {
margin-right: 5px;
margin-bottom: 15px;
}
@media screen and (max-width: 479px) {
.block-slider .slide-item .button-container > a {
width: 100%;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.block-slider .controls {
position: absolute;
top: 0px;
bottom: 0;
margin: auto;
height: 1px;
width: 100%;
opacity: 0;
}
@media screen and (max-width: 767px) {
.block-slider .controls {
display: none;
}
}
.block-slider .controls .owl-prev,
.block-slider .controls .owl-next {
bottom: 1px;
cursor: pointer;
display: inline-block;
font-size: 0px;
line-height: 0.4;
position: absolute;
left: 15px;
text-align: center;
z-index: 999;
width: 59px;
top: -25px;
}
@media screen and (max-width: 991px) {
.block-slider .controls .owl-prev,
.block-slider .controls .owl-next {
width: 32px;
}
}
@media screen and (max-width: 767px) {
.block-slider .controls .owl-prev,
.block-slider .controls .owl-next {
vertical-align: middle;
}
}
.block-slider .controls .owl-prev:before,
.block-slider .controls .owl-next:before {
background-color: #e6e6e6;
color: #1a1a1a;
content: "\23";
display: inline-block;
font-family: "kf-icons";
font-size: 24px;
height: 52px;
line-height: 52px;
margin-right: 60px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
width: 59px;
}
@media screen and (max-width: 991px) {
.block-slider .controls .owl-prev:before,
.block-slider .controls .owl-next:before {
width: 32px;
height: 32px;
line-height: 32px;
}
}
.block-slider .controls .owl-prev:hover:before, .block-slider .controls .owl-prev:focus:before, .block-slider .controls .owl-prev:active:before,
.block-slider .controls .owl-next:hover:before,
.block-slider .controls .owl-next:focus:before,
.block-slider .controls .owl-next:active:before {
background-color: #1a1a1a;
color: #fff;
}
.block-slider .controls .owl-next {
right: 15px;
left: auto;
float: right;
}
.block-slider .controls .owl-next:before {
content: "\24";
margin-right: 0;
}
.block-slider #kt-slide-pager {
bottom: 40px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
z-index: 998;
left: 0;
}
.block-slider #kt-slide-pager.disabled {
display: none;
}
.block-slider #kt-slide-pager .owl-dot {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
}
.block-slider #kt-slide-pager .owl-dot span {
background-color: transparent;
border: 1px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
display: block;
height: 12px;
margin: 6px auto;
width: 12px;
font-size: 0px;
}
.block-slider #kt-slide-pager .owl-dot span:hover, .block-slider #kt-slide-pager .owl-dot span:focus, .block-slider #kt-slide-pager .owl-dot span:active {
background-color: #e9563d;
border-color: #e9563d;
-webkit-transition: background-color 0.5s, border-color 0.5s;
-moz-transition: background-color 0.5s, border-color 0.5s;
-ms-transition: background-color 0.5s, border-color 0.5s;
-o-transition: background-color 0.5s, border-color 0.5s;
transition: background-color 0.5s, border-color 0.5s;
}
.block-slider #kt-slide-pager .owl-dot.active span {
background-color: #fff;
height: 12px;
margin: 8px auto;
width: 12px;
}
.block-slider #kt-slide-pager .owl-dot.active span:hover, .block-slider #kt-slide-pager .owl-dot.active span:focus, .block-slider #kt-slide-pager .owl-dot.active span:active {
background-color: #e9563d;
}
.block-slider:hover .controls, .block-slider:focus .controls, .block-slider:active .controls {
opacity: 1;
}
.main-navigation {
float: left;
text-align: right;
width: 100%;
vertical-align: top;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
@media screen and (max-width: 37.5em) {
.main-navigation ul {
background-color: #d9d9d9;
}
}
.main-navigation ul ul {
-webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-ms-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
-o-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2);
background-color: #fff;
border-top: 2px solid #e9563d;
float: left;
left: -999em;
margin-left: -1px;
position: absolute;
text-align: left;
top: 75px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 9999;
}
.main-navigation ul ul:before {
background: transparent;
content: "";
display: inline-block;
height: 12px;
left: 20px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -5px;
width: 12px;
}
body.fixed-nav-active .main-navigation ul ul:before {
display: none;
}
.main-navigation ul ul ul {
left: -999em;
top: -1px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.main-navigation ul ul ul:before {
display: none;
}
.main-navigation ul ul li {
border-top: 1px solid #f2f2f2;
}
.main-navigation ul ul li:first-child {
border-top: none;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
right: 100%;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.main-navigation ul ul a {
background-color: #fff;
color: #999999;
font-size: 13px;
line-height: 1.5;
padding: 13px 15px 14px;
width: 250px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1583 a {
text-transform: none;
}
.main-navigation ul ul a:hover, .main-navigation ul ul a:focus, .main-navigation ul ul a:active {
color: #0081FE;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
top: 100%;
}
.main-navigation li {
position: relative;
vertical-align: top;
}
@media screen and (min-width: 768px) {
.main-navigation li {
display: inline-block;
}
}
.main-navigation li ul a:before {
display: none;
}
.main-navigation li.page_item_has_children, .main-navigation li.menu-item-has-children {
border: 1px solid transparent;
}
body.fixed-nav-active .main-navigation li.page_item_has_children:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:focus, body.fixed-nav-active .main-navigation li.page_item_has_children.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children.active {
border-color: #fff;
}
body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul {
top: 100%;
}
body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul .sub-menu, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul .sub-menu, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul .sub-menu, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul .sub-menu, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul .sub-menu, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul .sub-menu {
top: -2px;
}
.main-navigation li.page_item_has_children ul li, .main-navigation li.menu-item-has-children ul li {
border-width: 1px 0 0 0;
border-color: #f2f2f2;
border-style: solid;
}
.main-navigation li.page_item_has_children ul li:first-child, .main-navigation li.menu-item-has-children ul li:first-child {
border-top: none;
}
.main-navigation li.page_item_has_children ul li:hover, .main-navigation li.page_item_has_children ul li:focus, .main-navigation li.page_item_has_children ul li.active, .main-navigation li.menu-item-has-children ul li:hover, .main-navigation li.menu-item-has-children ul li:focus, .main-navigation li.menu-item-has-children ul li.active {
border-color: #f2f2f2;
}
.main-navigation li.page_item_has_children > a, .main-navigation li.menu-item-has-children > a {
border: none;
}
.main-navigation li.page_item_has_children > a:hover, .main-navigation li.page_item_has_children > a:focus, .main-navigation li.page_item_has_children > a.active, .main-navigation li.menu-item-has-children > a:hover, .main-navigation li.menu-item-has-children > a:focus, .main-navigation li.menu-item-has-children > a.active {
border: none;
}
.main-navigation li.current-menu-parent {
border: 1px solid #fff;
}
.main-navigation li.current-menu-parent .current-menu-item > a {
border: 1px solid #fff;
color: #0081FE;
}
body.fixed-nav-active .main-navigation li.current-menu-parent {
border-color: #fff;
}
body.fixed-nav-active .main-navigation li.current-menu-parent .current-menu-item > a {
border: 1px solid #fff;
color: #0081FE;
}
.main-navigation a {
display: inline-block;
color: #10242b;
font-size: 15px;
padding: 5px 15px;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
line-height: 20px;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-ms-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
color: #0081FE;
}
.main-navigation ul.primary-menu > .current_page_item > a,
.main-navigation ul.primary-menu > .current-menu-item > a {
color: #0081FE;
}
.main-navigation .page_item_has_children,
.main-navigation .menu-item-has-children {
position: relative;
}
.main-navigation .page_item_has_children.current-menu-item,
.main-navigation .menu-item-has-children.current-menu-item {
color: #0081FE;
}
.main-navigation .page_item_has_children > a,
.main-navigation .menu-item-has-children > a {
padding-right: 5px;
}
.main-navigation .page_item_has_children .sub-menu .page_item_has_children a,
.main-navigation .page_item_has_children .sub-menu .menu-item-has-children a,
.main-navigation .menu-item-has-children .sub-menu .page_item_has_children a,
.main-navigation .menu-item-has-children .sub-menu .menu-item-has-children a {
float: left;
padding-right: 25px;
}
.main-navigation .page_item_has_children .sub-menu .sub-menu .sub-menu a,
.main-navigation .menu-item-has-children .sub-menu .sub-menu .sub-menu a {
padding-bottom: 12px;
}
.main-navigation .page_item_has_children:hover:after, .main-navigation .page_item_has_children:focus:after, .main-navigation .page_item_has_children:active:after,
.main-navigation .menu-item-has-children:hover:after,
.main-navigation .menu-item-has-children:focus:after,
.main-navigation .menu-item-has-children:active:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-navigation .page_item_has_children:hover .children .page_item_has_children:after,
.main-navigation .page_item_has_children:hover .children .menu-item-has-children:after,
.main-navigation .page_item_has_children:hover .sub-menu .page_item_has_children:after,
.main-navigation .page_item_has_children:hover .sub-menu .menu-item-has-children:after, .main-navigation .page_item_has_children:focus .children .page_item_has_children:after,
.main-navigation .page_item_has_children:focus .children .menu-item-has-children:after,
.main-navigation .page_item_has_children:focus .sub-menu .page_item_has_children:after,
.main-navigation .page_item_has_children:focus .sub-menu .menu-item-has-children:after, .main-navigation .page_item_has_children:active .children .page_item_has_children:after,
.main-navigation .page_item_has_children:active .children .menu-item-has-children:after,
.main-navigation .page_item_has_children:active .sub-menu .page_item_has_children:after,
.main-navigation .page_item_has_children:active .sub-menu .menu-item-has-children:after,
.main-navigation .menu-item-has-children:hover .children .page_item_has_children:after,
.main-navigation .menu-item-has-children:hover .children .menu-item-has-children:after,
.main-navigation .menu-item-has-children:hover .sub-menu .page_item_has_children:after,
.main-navigation .menu-item-has-children:hover .sub-menu .menu-item-has-children:after,
.main-navigation .menu-item-has-children:focus .children .page_item_has_children:after,
.main-navigation .menu-item-has-children:focus .children .menu-item-has-children:after,
.main-navigation .menu-item-has-children:focus .sub-menu .page_item_has_children:after,
.main-navigation .menu-item-has-children:focus .sub-menu .menu-item-has-children:after,
.main-navigation .menu-item-has-children:active .children .page_item_has_children:after,
.main-navigation .menu-item-has-children:active .children .menu-item-has-children:after,
.main-navigation .menu-item-has-children:active .sub-menu .page_item_has_children:after,
.main-navigation .menu-item-has-children:active .sub-menu .menu-item-has-children:after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.main-navigation > ul > li {
border: 1px solid transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.main-navigation > ul > li:hover, .main-navigation > ul > li:focus, .main-navigation > ul > li:active, .main-navigation > ul > li.current-menu-item {
border: 1px solid #0081FE;
}
.main-navigation ul li button {
background-color: transparent;
padding: 0;
position: absolute;
right: 10px;
top: 55%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
}
.main-navigation ul li button:after {
display: none;
}
.main-navigation ul li button span:before {
margin-left: 0;
}
.main-navigation ul li.menu-item-has-children a {
padding-right: 30px;
}
#offcanvas-menu {
background-color: #fcfcfc;
position: fixed;
top: 0;
height: 100%;
right: -100%;
width: 340px;
z-index: 99999;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s;
-ms-transition: right 0.5s;
-o-transition: right 0.5s;
transition: right 0.5s;
}
@media screen and (min-width: 768px) {
#offcanvas-menu {
border-left: 1px solid #ededed;
}
}
@media screen and (max-width: 991px) {
#offcanvas-menu {
width: 40%;
}
}
@media screen and (max-width: 767px) {
#offcanvas-menu {
width: 100%;
}
}
#offcanvas-menu .close-offcanvas-menu {
text-align: right;
cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu span {
font-size: 38px;
margin: 5px 35px;
display: inline-block;
}
body.offcanvas-menu-open #offcanvas-menu {
right: 0;
}
.offcanvas-navigation {
overflow-y: auto;
position: absolute;
width: 100%;
height: calc(100% - 50px);
top: 50px;
}
.offcanvas-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.offcanvas-navigation ul ul {
padding-left: 15px;
}
.offcanvas-navigation li {
border-bottom: 1px solid #ededed;
}
.offcanvas-navigation li.current_page_item > a, .offcanvas-navigation li.current-menu-item > a, .offcanvas-navigation li.current_page_ancestor > a, .offcanvas-navigation li.current-menu-ancestor > a {
color: #0081FE;
}
.offcanvas-navigation li.page_item_has_children, .offcanvas-navigation li.menu-item-has-children {
position: relative;
}
.offcanvas-navigation li.page_item_has_children > a span.triangle, .offcanvas-navigation li.menu-item-has-children > a span.triangle {
height: 24px;
width: 24px;
text-align: center;
float: right;
color: #999999;
font-size: 16px;
font-family: "kf-icons";
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
line-height: 10px;
}
.offcanvas-navigation li.page_item_has_children > a span.triangle:before, .offcanvas-navigation li.menu-item-has-children > a span.triangle:before {
display: inline-block;
margin-top: 7px;
}
.offcanvas-navigation li:last-child {
border-bottom: none;
}
.offcanvas-navigation a {
display: block;
color: #999999;
font-size: 14px;
font-weight: 400;
padding: 12px 40px;
text-decoration: none;
text-transform: uppercase;
}
.offcanvas-navigation a:hover, .offcanvas-navigation a:focus, .offcanvas-navigation a:active {
color: #0081FE;
}
.offcanvas-navigation .sub-menu {
display: none;
}
.block-grid {
padding-bottom: 15px;
}
.site-footer {
background-color: #0b0f12;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.site-footer:before, .site-footer:after {
content: " ";
display: table;
}
.site-footer:after {
clear: both;
}
.site-footer .footer-inner {
color: #b3b3b3;
display: block;
margin-left: auto;
margin-right: auto;
font-size: 14px;
padding: 30px 0;
}
.site-info {
color: #999999;
}
@media screen and (max-width: 767px) {
.site-info {
text-align: center;
margin-bottom: 15px;
}
}
.site-info a {
color: #cccccc;
display: inline-block;
}
.site-info a:hover, .site-info a:focus, .site-info a:active {
color: #0081FE;
}
.footer-menu {
text-align: right;
}
@media screen and (max-width: 767px) {
.footer-menu {
text-align: center;
margin-top: 15px;
}
}
.footer-menu ul {
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.footer-menu ul li {
display: inline-block;
list-style: none;
}
.footer-menu ul li a {
color: #cccccc;
margin-left: 15px;
}
.footer-menu ul li a:hover, .footer-menu ul li a:focus, .footer-menu ul li a:active {
color: #0081FE;
font-size: 14px;
}
.footer-menu ul li:first-child a {
margin-left: 0;
}
.block-top-footer {
background-color: #4d5152 !important;
font-size: 14px;
padding: 80px 15px 0;
}
@media screen and (max-width: 1199px) {
.block-top-footer {
padding-top: 50px;
}
}
.block-top-footer .widget {
background-color: transparent;
border: none;
color: #b3b3b3;
text-align: left;
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 1199px) {
.block-top-footer .widget {
margin-bottom: 00px;
}
}
.block-top-footer .widget .footer-item {
background-color: transparent;
border: none;
color: #b3b3b3;
text-align: left;
}
.block-top-footer .widget .widget-title,
.block-top-footer .widget .widgettitle {
background-color: transparent;
border: none;
color: #fff;
display: block;
font-size: 20px;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
padding-right: 0;
position: relative;
text-align: left;
}
.block-top-footer .widget .widget-title:after,
.block-top-footer .widget .widgettitle:after {
display: inline-block;
height: 1px;
width: 40px;
background-color: #b3b3b3;
content: "";
position: absolute;
bottom: 0;
left: 0;
}
.block-top-footer .widget ul, .block-top-footer .widget ol {
background-color: transparent;
border: 1px solid transparent;
margin-bottom: 0;
padding: 0 0;
border: none;
}
.block-top-footer .widget ul li, .block-top-footer .widget ol li {
color: #b3b3b3;
border-color: #333333;
padding-left: 0;
}
.block-top-footer .widget ul li:before, .block-top-footer .widget ol li:before {
display: none;
}
.block-top-footer .widget ul li a, .block-top-footer .widget ol li a {
color: #b3b3b3;
font-size: 14px;
}
.block-top-footer .widget ul li a:hover, .block-top-footer .widget ul li a:focus, .block-top-footer .widget ul li a:active, .block-top-footer .widget ol li a:hover, .block-top-footer .widget ol li a:focus, .block-top-footer .widget ol li a:active {
color: #0081FE;
}
.block-top-footer .widget ul ul, .block-top-footer .widget ul ol, .block-top-footer .widget ol ul, .block-top-footer .widget ol ol {
padding-top: 0;
}
.block-top-footer .widget a {
color: #b3b3b3;
}
.block-top-footer .widget a:hover, .block-top-footer .widget a:focus, .block-top-footer .widget a:active {
color: #0081FE;
}
.block-top-footer .widget dfn, .block-top-footer .widget cite, .block-top-footer .widget em, .block-top-footer .widget i, .block-top-footer .widget abbr, .block-top-footer .widget acronym {
color: #b3b3b3;
}
.block-top-footer .widget input[type="search"] {
border: 1px solid #cccccc;
background-color: #cccccc;
}
.block-top-footer .widget .search-button {
background-color: #333333;
border: 1px solid #333333;
height: 43px;
-webkit-transition: background-color 0.5s, border-color 0.5s;
-moz-transition: background-color 0.5s, border-color 0.5s;
-ms-transition: background-color 0.5s, border-color 0.5s;
-o-transition: background-color 0.5s, border-color 0.5s;
transition: background-color 0.5s, border-color 0.5s;
}
.block-top-footer .widget .search-button span {
color: #b3b3b3;
}
.block-top-footer .widget .search-button:hover, .block-top-footer .widget .search-button:focus, .block-top-footer .widget .search-button:active {
background-color: #666666;
border: 1px solid #666666;
}
.block-top-footer .widget .search-button:hover span, .block-top-footer .widget .search-button:focus span, .block-top-footer .widget .search-button:active span {
color: #fff;
}
.block-top-footer .widget .textwidget,
.block-top-footer .widget .calendar_wrap,
.block-top-footer .widget .tagcloud, .block-top-footer .widget.widget_nav_menu .menu {
color: #b3b3b3;
background-color: transparent;
border: 1px solid transparent;
margin-bottom: 0;
padding: 0 0;
}
.block-top-footer .widget .textwidget ul, .block-top-footer .widget .textwidget ol {
padding-top: 0;
}
.block-top-footer .widget .textwidget a:hover, .block-top-footer .widget .textwidget a:focus, .block-top-footer .widget .textwidget a:active {
-webkit-box-shadow: 0px 2px 0px 0px #e6e6e6;
-moz-box-shadow: 0px 2px 0px 0px #e6e6e6;
-ms-box-shadow: 0px 2px 0px 0px #e6e6e6;
-o-box-shadow: 0px 2px 0px 0px #e6e6e6;
box-shadow: 0px 2px 0px 0px #e6e6e6;
color: #0081FE;
}
.block-top-footer .widget .calendar_wrap table, .block-top-footer .widget .calendar_wrap th, .block-top-footer .widget .calendar_wrap td {
border-color: #333333;
border-width: 1px;
}
.block-top-footer .widget .calendar_wrap table {
border-bottom: 0;
}
.block-top-footer .widget .calendar_wrap table caption {
border-bottom: 1px solid #999999;
color: #b3b3b3;
margin-bottom: 0;
text-align: right;
}
.block-top-footer .widget .tagcloud a {
background-color: transparent;
border-color: #333333;
color: #b3b3b3;
}
.block-top-footer .widget .search-form {
margin-top: 40px;
}
.block-top-footer .widget .recentcomments .comment-author-link {
color: #b3b3b3;
font-style: italic;
}
.block-top-footer .widget .mejs-audio {
margin-top: 30px;
}
.block-top-footer .widget .wp-video {
margin-top: 40px;
}
.block-top-footer .widget .wp-caption {
color: #b3b3b3;
margin-top: 40px;
}
.block-top-footer .widget.widget_rss li a {
color: #b3b3b3;
}
.block-top-footer .widget.widget_rss li a:hover, .block-top-footer .widget.widget_rss li a:focus, .block-top-footer .widget.widget_rss li a:active {
color: #0081FE;
}
.block-top-footer .widget .rsswidget {
color: #b3b3b3;
}
.block-top-footer .widget .rsswidget:hover, .block-top-footer .widget .rsswidget:focus, .block-top-footer .widget .rsswidget:active {
color: #0081FE;
}
.block-top-footer .widget .button {
color: #b3b3b3;
}
.block-top-footer .widget .button:hover, .block-top-footer .widget .button:focus, .block-top-footer .widget .button:active {
color: #b3b3b3;
}
.block-top-footer .widget .sb-about-widget .widget-content {
margin-top: 40px;
}
.block-top-footer .widget .sb-right-thumb-widget {
color: #b3b3b3;
}
.block-top-footer .widget .sb-right-thumb-widget .widget-content {
margin-top: 40px;
padding: 0;
}
.block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a {
color: #d9d9d9;
}
.block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:hover, .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:focus, .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:active {
color: #67b930;
}
.block-top-footer .widget .sb-right-thumb-widget .widget-content a {
color: #b3b3b3;
}
.block-top-footer .widget .sb-right-thumb-widget .widget-content a:hover, .block-top-footer .widget .sb-right-thumb-widget .widget-content a:focus, .block-top-footer .widget .sb-right-thumb-widget .widget-content a:active {
color: #67b930;
} body.page .post-footer {
display: none;
}
body.search-results .wrap-inner-banner {
margin-bottom: 0;
}
body.search-results .block-grid {
padding-top: 100px;
background-color: #f7f7f7;
}
body.search-results .page-content {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 15px 30px;
padding-bottom: 8%;
padding-top: 8%;
}
body.search-results .page-content:before, body.search-results .page-content:after {
content: " ";
display: table;
}
body.search-results .page-content:after {
clear: both;
}
body.search-results .site-main {
margin-right: 0;
}
body.search-results .inner-page-content .navigation {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border-top: 1px solid #e6e6e6;
display: block;
margin-left: 15px;
margin-right: 15px;
padding-top: 30px;
text-align: center;
}
body.search-results .inner-page-content .navigation:before, body.search-results .inner-page-content .navigation:after {
content: " ";
display: table;
}
body.search-results .inner-page-content .navigation:after {
clear: both;
}
body.search-results .post-content {
padding-top: 0;
}
body.search-results .post-content .post-content-inner {
border: none;
}
body.search-results .post-content.no-thumbnail .post-content-inner {
padding-top: 10px;
}
body.content-none-page .wrap-detail-page {
padding-bottom: 180px;
padding-top: 200px;
}
body.content-none-page .wrap-detail-page:before, body.content-none-page .wrap-detail-page:after {
content: " ";
display: table;
}
body.content-none-page .wrap-detail-page:after {
clear: both;
}
@media screen and (max-width: 767px) {
body.content-none-page .wrap-detail-page {
padding-bottom: 80px;
padding-top: 100px;
}
}
body.content-none-page .wrap-detail-page .section-title {
color: #1a1a1a;
}
@media screen and (min-width: 992px) {
body.content-none-page .wrap-detail-page .section-title {
font-size: 60px;
line-height: 1;
}
}
body.content-none-page .wrap-detail-page h3 {
letter-spacing: 1px;
color: #666666;
font-size: 16px;
font-weight: 400;
margin-top: 30px;
}
body.content-none-page .wrap-detail-page .content {
margin-top: 60px;
text-align: center;
}
body.content-none-page .wrap-detail-page .content p {
margin-bottom: 40px;
}
.no-results {
background-color: #fff;
margin-top: 40px;
}
.no-results:before, .no-results:after {
content: " ";
display: table;
}
.no-results:after {
clear: both;
}
@media screen and (min-width: 992px) {
.no-results .section-title {
font-size: 60px;
line-height: 1;
}
}
.no-results .content {
margin-top: 30px;
text-align: center;
}
.no-results .content p {
margin-bottom: 40px;
}
.no-results .content .button {
color: #fff;
}
.block-service {
background-color: #fafafa;
padding-bottom: 90px;
padding-top: 80px;
}
@media screen and (max-width: 1199px) {
.block-service {
padding-top: 30px;
padding-bottom: 60px;
}
}
.block-service .section-title-group {
margin-bottom: 85px;
}
@media screen and (max-width: 1199px) {
.block-service .section-title-group {
margin-bottom: 45px;
}
}
.block-service .post-content-inner {
text-align: center;
}
.icon-block-outer {
background-color: #fff;
text-align: center;
padding: 50px 40px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
-webkit-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
margin-top: -250px;
position: relative;
z-index: 999;
}
@media screen and (max-width: 991px) {
.icon-block-outer {
margin-top: 30px;
}
}
.icon-block-outer .icon-outer {
display: inline-block;
margin-bottom: 10px;
}
.icon-block-outer .icon-outer span {
color: #e9563d;
font-size: 48px;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
margin-bottom: 30px;
}
.icon-block-outer .icon-content-area h3 {
font-size: 21px;
margin-bottom: 15px;
margin-top: 15px;
}
.icon-block-outer .icon-content-area h3 a {
color: #10242b;
font-weight: 500;
}
.icon-block-outer .icon-content-area .button-container {
margin-top: 30px;
}
.icon-block-outer .icon-content-area .button-container .button-text {
color: #e9563d;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 400;
}
.icon-block-outer .icon-content-area .button-container .button-text:before {
color: #e9563d;
}
.icon-block-outer:hover, .icon-block-outer:focus, .icon-block-outer:active {
background-color: #e9563d;
color: #fff;
}
.icon-block-outer:hover .icon-outer span, .icon-block-outer:focus .icon-outer span, .icon-block-outer:active .icon-outer span {
color: #fff;
}
.icon-block-outer:hover .icon-content-area a, .icon-block-outer:focus .icon-content-area a, .icon-block-outer:active .icon-content-area a {
color: #fff;
}
.icon-block-outer:hover .icon-content-area .button-container, .icon-block-outer:focus .icon-content-area .button-container, .icon-block-outer:active .icon-content-area .button-container {
margin-top: 30px;
}
.icon-block-outer:hover .icon-content-area .button-container .button-text, .icon-block-outer:focus .icon-content-area .button-container .button-text, .icon-block-outer:active .icon-content-area .button-container .button-text {
color: #fff;
}
.icon-block-outer:hover .icon-content-area .button-container .button-text:before, .icon-block-outer:focus .icon-content-area .button-container .button-text:before, .icon-block-outer:active .icon-content-area .button-container .button-text:before {
color: #fff;
}
.about_title {
font-family: "Montserrat", verdana;
font-weight: 400;
font-style: normal;
}
.block-about {
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
@media screen and (max-width: 1199px) {
.block-about {
padding-top: 60px;
padding-bottom: 60px;
}
}
.thumb-block-outer .content-outer {
color: #999999;
text-align: left;
padding-left: 80px;
}
@media screen and (max-width: 991px) {
.thumb-block-outer .content-outer {
padding-left: 0;
text-align: center;
}
}
.thumb-block-outer .content-outer .section-title-group {
margin-bottom: 30px;
}
.thumb-block-outer .content-outer .section-title {
text-align: left;
}
@media screen and (max-width: 991px) {
.thumb-block-outer .content-outer .section-title {
text-align: center;
}
}
.thumb-block-outer .content-outer .sub-title {
text-align: left;
color: #595959;
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
margin-top: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
.thumb-block-outer .content-outer .sub-title {
margin-bottom: 15px;
}
}
@media screen and (max-width: 991px) {
.thumb-block-outer .content-outer .sub-title {
text-align: center;
}
}
.thumb-block-outer .content-outer .maintitle-divider {
text-align: left;
}
@media screen and (max-width: 991px) {
.thumb-block-outer .content-outer .maintitle-divider {
text-align: center;
}
}
.thumb-block-outer .content-outer .button-container {
margin-top: 30px;
}
.thumb-block-outer .thumb-outer {
width: 100%;
position: relative;
padding: 0;
}
@media screen and (max-width: 991px) {
.thumb-block-outer .thumb-outer {
margin-bottom: 30px;
text-align: center;
}
}
.block-portfolio.block-grid {
background-color: #fafafa;
}
.block-portfolio.block-grid .post-content {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.block-portfolio.block-grid .post-content .post-thumb-outer a .icon-area {
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
-webkit-transform: traslate(-50%);
-moz-transform: traslate(-50%);
-ms-transform: traslate(-50%);
-o-transform: traslate(-50%);
transform: traslate(-50%);
position: relative;
top: 50%;
line-height: 1;
background-color: #fff;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 22px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
color: #1a1a1a;
display: inline-block;
margin-top: -25px;
}
.block-portfolio.block-grid .post-content .post-thumb-outer a:hover .icon-area, .block-portfolio.block-grid .post-content .post-thumb-outer a:focus .icon-area, .block-portfolio.block-grid .post-content .post-thumb-outer a:active .icon-area {
opacity: 1;
}
.block-portfolio.block-grid .post-content .post-content-inner {
border: none;
border-bottom: 4px solid #3db8db;
padding-bottom: 25px;
padding-top: 25px;
text-align: left;
}
.block-portfolio.block-grid .post-content .post-content-inner .post-title {
padding-left: 35px;
padding-right: 35px;
}
.block-portfolio.block-grid .post-content .post-content-inner .post-title h3 {
margin-top: 10px;
margin-bottom: 5px;
}
.block-portfolio.block-grid .post-content .post-content-inner .text {
padding-left: 35px;
padding-right: 35px;
}
.block-portfolio.block-grid .post-content:hover .post-content-inner, .block-portfolio.block-grid .post-content:focus .post-content-inner, .block-portfolio.block-grid .post-content:active .post-content-inner {
border-bottom: 4px solid #e9563d;
}
.block-testimonial {
color: #1a1a1a;
padding-top: 80px;
padding-bottom: 110px;
position: relative;
}
@media screen and (max-width: 1199px) {
.block-testimonial {
padding-top: 60px;
padding-bottom: 80px;
}
}
.block-testimonial .section-title-group {
text-align: center;
margin-bottom: 80px;
}
.block-testimonial .content-inner {
position: relative;
text-align: center;
}
.block-testimonial .controls {
height: 1px;
z-index: 999;
}
.block-testimonial .controls.disabled {
display: none;
}
.block-testimonial .controls .owl-prev,
.block-testimonial .controls .owl-next {
float: left;
margin-left: 40px;
font-size: 0px;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.block-testimonial .controls .owl-prev,
.block-testimonial .controls .owl-next {
margin-left: 15px;
}
}
.block-testimonial .controls .owl-prev:before,
.block-testimonial .controls .owl-next:before {
content: "\23";
font-size: 40px;
font-family: "kf-icons";
color: #b3b3b3;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.block-testimonial .controls .owl-prev:hover:before, .block-testimonial .controls .owl-prev:focus:before, .block-testimonial .controls .owl-prev:active:before,
.block-testimonial .controls .owl-next:hover:before,
.block-testimonial .controls .owl-next:focus:before,
.block-testimonial .controls .owl-next:active:before {
color: #1a1a1a;
}
.block-testimonial .controls .owl-prev.disabled,
.block-testimonial .controls .owl-next.disabled {
color: #e6e6e6;
cursor: default;
}
.block-testimonial .controls .owl-prev.disabled:before,
.block-testimonial .controls .owl-next.disabled:before {
color: #e6e6e6;
}
.block-testimonial .controls .owl-next {
float: right;
margin-left: 0;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.block-testimonial .controls .owl-next {
margin-right: 15px;
}
}
.block-testimonial .controls .owl-next:before {
content: "\24";
}
.block-testimonial .owl-pager {
counter-reset: slides-num; position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.block-testimonial .owl-pager:after {
content: counter(slides-num); display: inline-block;
font-size: 18px;
vertical-align: middle;
padding-left: 5px;
}
.block-testimonial .owl-dot {
display: inline-block;
counter-increment: slides-num; }
.block-testimonial .owl-dot span {
display: none;
}
.block-testimonial .owl-dot.active:before {
font-weight: 600;
content: counter(slides-num) " /"; display: inline-block;
vertical-align: middle;
font-size: 18px;
}
.block-testimonial .slide-item {
width: 100%;
}
.block-testimonial .slide-item article.post-content {
background-color: transparent;
text-align: left;
opacity: 1;
margin: 0;
padding: 0;
}
.block-testimonial .slide-item article.post-content:before, .block-testimonial .slide-item article.post-content:after {
content: " ";
display: table;
}
.block-testimonial .slide-item article.post-content:after {
clear: both;
}
@media screen and (max-width: 767px) {
.block-testimonial .slide-item article.post-content {
text-align: center;
}
}
.block-testimonial .slide-item article.post-content .post-thumb-outer {
height: 62px;
width: 62px;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
}
.block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
vertical-align: top;
}
.block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb a {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
}
.block-testimonial .slide-item article.post-content .post-content-inner {
text-align: center;
}
.block-testimonial .slide-item article.post-content .post-content-inner blockquote {
background-color: #fff;
border: none;
padding: 0 80px 55px;
font-style: normal;
font-size: 16px;
color: #666666;
}
.block-testimonial .slide-item article.post-content .post-content-inner blockquote:before {
display: none;
}
.block-testimonial .slide-item article.post-content .post-content-inner blockquote p {
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.block-testimonial .slide-item article.post-content .post-content-inner blockquote {
padding: 0 40px 40px;
}
}
.block-testimonial .slide-item article.post-content .post-content-inner blockquote .text:before, .block-testimonial .slide-item article.post-content .post-content-inner blockquote .text:after {
content: "\7b";
font-size: 36px;
font-weight: 400;
color: #10242b;
font-family: "kf-icons";
line-height: 1;
position: absolute;
right: 10px;
margin-top: 0;
z-index: 999;
display: inline-block;
}
.block-testimonial .slide-item article.post-content .post-content-inner blockquote .text:before {
top: -5px;
right: auto;
left: 10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.block-testimonial .slide-item article.post-content .post-content-inner .post-title {
margin-top: 30px;
}
.block-testimonial .slide-item article.post-content .post-content-inner .post-title:before {
display: none;
}
.block-testimonial .slide-item article.post-content .post-content-inner .post-title cite {
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 10px;
}
.block-testimonial .slide-item article.post-content .post-content-inner .post-title cite span {
text-transform: uppercase;
font-size: 14px;
margin-top: 5px;
font-family: "Poppins", sans-serif;
color: #e9563d;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.block-testimonial .section-title {
margin-bottom: 20px;
}
.block-testimonial .kt-pager {
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
.block-testimonial .kt-pager {
margin-bottom: 0;
}
}
.block-testimonial .kt-pager a {
color: #1a1a1a;
font-size: 18px;
margin: 3px;
}
.block-testimonial .kt-pager a.cycle-pager-active {
color: #1a1a1a;
font-weight: 600;
}
.block-testimonial .kt-pager a:hover, .block-testimonial .kt-pager a:focus, .block-testimonial .kt-pager a:active {
color: #67b930;
}
.block-callback {
background-color: #fafafa;
background-repeat: repeat;
color: #fff;
text-align: center;
-webkit-background-attachment: fixed;
-moz-background-attachment: fixed;
-ms-background-attachment: fixed;
-o-background-attachment: fixed;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
text-align: center;
padding: 0;
}
.block-callback .banner-overlay, .block-callback .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-callback a {
padding-top: 80px;
padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
.block-callback .banner-overlay, .block-callback .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-callback a {
padding-top: 45px;
padding-bottom: 60px;
}
}
.block-callback .section-title-group {
margin-bottom: 70px;
}
.block-callback .thumb-area {
margin-bottom: 40px;
}
.block-callback .section-title {
color: #fff;
margin-bottom: 20px;
}
.block-callback .sub-title {
color: #fff;
}
.block-callback > a {
border-width: 2px;
margin-left: 15px;
margin-right: 15px;
}
.block-grid {
padding-bottom: 90px;
padding-top: 90px;
}
@media screen and (max-width: 1199px) {
.block-grid {
padding-bottom: 60px;
padding-top: 60px;
}
}
body.home .block-grid {
padding-bottom: 60px;
padding-top: 80px;
}
@media screen and (max-width: 1199px) {
body.home .block-grid {
padding-bottom: 30px;
padding-top: 50px;
}
}
body.home .block-grid .section-title-group {
margin-bottom: 85px;
}
@media screen and (max-width: 1199px) {
body.home .block-grid .section-title-group {
margin-bottom: 40px;
}
}
body.blog .block-grid, body.archive .block-grid {
padding-top: 0;
}
body.home.page .block-grid {
color: #5c666a;
}
@media screen and (min-width: 992px) {
.block-grid .masonry-grid:nth-child(3n+1) {
clear: left;
}
}
@media screen and (max-width: 991px) {
.block-grid .masonry-grid:nth-child(2n+1) {
clear: left;
}
}
.block-grid .section-title-group {
text-align: center;
}
.block-grid .post-content {
-webkit-transition: box-shadow 0.3s, transform 0.3s;
-moz-transition: box-shadow 0.3s, transform 0.3s;
-ms-transition: box-shadow 0.3s, transform 0.3s;
-o-transition: box-shadow 0.3s, transform 0.3s;
transition: box-shadow 0.3s, transform 0.3s;
padding: 0;
margin-bottom: 30px;
}
.block-grid .post-content .post-thumb-outer {
position: relative;
border: 1px solid #eaeaea;
}
body.search-results .block-grid .post-content .post-thumb-outer {
margin-bottom: 0;
border: none;
}
.block-grid .post-content .post-content-inner {
padding-top: 20px;
font-size: 14px;
font-weight: 400;
position: relative;
border-width: 0 1px 1px;
border-style: solid;
border-color: #eaeaea;
}
.block-grid .post-content .post-content-inner span.cat {
top: -20px;
display: inline-block;
position: absolute;
z-index: 999;
left: 50px;
}
.block-grid .post-content .post-content-inner span.cat a {
color: #fff;
background-color: #67b930;
display: inline-block;
font-size: 14px;
padding: 4px 15px 4px 15px;
-webkit-transition: background-color 0.5s, color 0.5s;
-moz-transition: background-color 0.5s, color 0.5s;
-ms-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
letter-spacing: 1px;
font-weight: 500;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.block-grid .post-content .post-content-inner span.cat a:hover, .block-grid .post-content .post-content-inner span.cat a:focus, .block-grid .post-content .post-content-inner span.cat a:active {
background-color: #1a1a1a;
color: #fff;
}
.block-grid .post-content .post-content-inner p {
line-height: 1.8;
}
.block-grid .post-content .post-content-inner .post-title {
padding-left: 50px;
padding-right: 50px;
}
.block-grid .post-content .post-content-inner .post-title h3 {
font-size: 20px;
margin-bottom: 15px;
margin-top: 20px;
font-family: "Poppins", sans-serif;
}
.block-grid .post-content .post-content-inner .post-title h3 a {
color: #10242b;
font-weight: 500;
}
.block-grid .post-content .post-content-inner .post-title h3 a:hover, .block-grid .post-content .post-content-inner .post-title h3 a:focus, .block-grid .post-content .post-content-inner .post-title h3 a:active {
color: #0081FE;
}
.block-grid .post-content .post-content-inner .post-title h3 a.post-edit-link {
margin-left: 5px;
font-size: 13px;
text-transform: capitalize;
}
.block-grid .post-content .post-content-inner .post-text {
padding-left: 50px;
padding-right: 50px;
}
.block-grid .post-content .post-content-inner .button-container {
margin-top: 30px;
border-top: 1px solid #eaeaea;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail {
padding: 14px 0 14px 20px;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .post-format-outer {
float: right;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .post-format-outer > span {
display: block;
margin-right: 20px;
margin-top: -37px;
position: relative;
text-align: right;
z-index: 9;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .post-format-outer > span span {
background-color: #67b930;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 44px;
overflow: hidden;
text-align: center;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
vertical-align: middle;
width: 44px;
line-height: 44px;
color: #fff;
font-size: 20px;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail a {
font-size: 12px;
text-transform: uppercase;
color: #10242b;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail a:hover, .block-grid .post-content .post-content-inner .button-container .post-footer-detail a:focus, .block-grid .post-content .post-content-inner .button-container .post-footer-detail a:active {
color: #0081FE;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .author-name {
display: inline-block;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .author-name span {
color: #666666;
}
.block-grid .post-content .post-content-inner .button-container .post-footer-detail .date {
display: inline-block;
}
.block-grid .post-content .post-content-inner .button-container .button-text {
color: #b3b3b3;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.block-grid .post-content .post-content-inner .button-container .button-text:before {
color: #b3b3b3;
}
.block-grid .post-content .post-content-inner .button-container .button-text:hover, .block-grid .post-content .post-content-inner .button-container .button-text:focus, .block-grid .post-content .post-content-inner .button-container .button-text:active {
color: #0081FE;
}
.block-grid .post-content .post-content-inner .button-container .button-text:hover:before, .block-grid .post-content .post-content-inner .button-container .button-text:focus:before, .block-grid .post-content .post-content-inner .button-container .button-text:active:before {
color: #0081FE;
}
.block-grid .post-content:hover, .block-grid .post-content:focus, .block-grid .post-content:active {
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
transform: translateY(-10px);
}
.block-contact .contact-form-section, .wrap-detail-page .contact-form-section {
padding: 90px 0;
}
.block-contact .contact-form-section:before, .block-contact .contact-form-section:after, .wrap-detail-page .contact-form-section:before, .wrap-detail-page .contact-form-section:after {
content: " ";
display: table;
}
.block-contact .contact-form-section:after, .wrap-detail-page .contact-form-section:after {
clear: both;
}
.contact_title {
}
.contact_desc {
line-height: 17px;
font-size: 17px;
}
@media screen and (max-width: 1199px) {
.block-contact .contact-form-section, .wrap-detail-page .contact-form-section {
padding: 50px 0;
}
}
.block-contact .contact-form-section .section-title, .wrap-detail-page .contact-form-section .section-title {
text-align: left;
}
.block-contact .contact-form-section .maintitle-divider, .wrap-detail-page .contact-form-section .maintitle-divider {
margin-left: 0;
}
.block-contact .contact-form-section label, .block-contact .contact-form-section .searchform .search-button, .searchform .block-contact .contact-form-section .search-button, .wrap-detail-page .contact-form-section label, .wrap-detail-page .contact-form-section .searchform .search-button, .searchform .wrap-detail-page .contact-form-section .search-button {
width: 100%;
font-weight: 400;
color: #b3b3b3;
font-size: 13px;
}
.block-contact .contact-form-section input,
.block-contact .contact-form-section textarea, .wrap-detail-page .contact-form-section input,
.wrap-detail-page .contact-form-section textarea {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 13px;
height: 40px;
margin: 0;
width: 100%;
border: 1px solid #e8e8e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background: #fff;
padding: 10px 5px 8px 15px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.block-contact .contact-form-section input::-webkit-input-placeholder, .block-contact .contact-form-section textarea::-webkit-input-placeholder, .wrap-detail-page .contact-form-section input::-webkit-input-placeholder, .wrap-detail-page .contact-form-section textarea::-webkit-input-placeholder {
color: #999999;
-webkit-transition: color 0.5s linear 0.5s;
-moz-transition: color 0.5s linear 0.5s;
-ms-transition: color 0.5s linear 0.5s;
-o-transition: color 0.5s linear 0.5s;
transition: color 0.5s linear 0.5s;
}
.block-contact .contact-form-section input:-moz-placeholder, .block-contact .contact-form-section textarea:-moz-placeholder, .wrap-detail-page .contact-form-section input:-moz-placeholder, .wrap-detail-page .contact-form-section textarea:-moz-placeholder {
color: #999999;
-webkit-transition: color 0.5s linear 0.5s;
-moz-transition: color 0.5s linear 0.5s;
-ms-transition: color 0.5s linear 0.5s;
-o-transition: color 0.5s linear 0.5s;
transition: color 0.5s linear 0.5s;
}
.block-contact .contact-form-section input::-moz-placeholder, .block-contact .contact-form-section textarea::-moz-placeholder, .wrap-detail-page .contact-form-section input::-moz-placeholder, .wrap-detail-page .contact-form-section textarea::-moz-placeholder {
color: #999999;
-webkit-transition: color 0.5s linear 0.5s;
-moz-transition: color 0.5s linear 0.5s;
-ms-transition: color 0.5s linear 0.5s;
-o-transition: color 0.5s linear 0.5s;
transition: color 0.5s linear 0.5s;
}
.block-contact .contact-form-section input:-ms-input-placeholder, .block-contact .contact-form-section textarea:-ms-input-placeholder, .wrap-detail-page .contact-form-section input:-ms-input-placeholder, .wrap-detail-page .contact-form-section textarea:-ms-input-placeholder {
color: #999999;
-webkit-transition: color 0.5s linear 0.5s;
-moz-transition: color 0.5s linear 0.5s;
-ms-transition: color 0.5s linear 0.5s;
-o-transition: color 0.5s linear 0.5s;
transition: color 0.5s linear 0.5s;
}
.block-contact .contact-form-section input:focus, .block-contact .contact-form-section input:active,
.block-contact .contact-form-section textarea:focus,
.block-contact .contact-form-section textarea:active, .wrap-detail-page .contact-form-section input:focus, .wrap-detail-page .contact-form-section input:active,
.wrap-detail-page .contact-form-section textarea:focus,
.wrap-detail-page .contact-form-section textarea:active {
background-color: #fff;
}
.block-contact .contact-form-section input:focus::-webkit-input-placeholder, .block-contact .contact-form-section input:active::-webkit-input-placeholder, .block-contact .contact-form-section textarea:focus::-webkit-input-placeholder, .block-contact .contact-form-section textarea:active::-webkit-input-placeholder, .wrap-detail-page .contact-form-section input:focus::-webkit-input-placeholder, .wrap-detail-page .contact-form-section input:active::-webkit-input-placeholder, .wrap-detail-page .contact-form-section textarea:focus::-webkit-input-placeholder, .wrap-detail-page .contact-form-section textarea:active::-webkit-input-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .contact-form-section input:focus:-moz-placeholder, .block-contact .contact-form-section input:active:-moz-placeholder, .block-contact .contact-form-section textarea:focus:-moz-placeholder, .block-contact .contact-form-section textarea:active:-moz-placeholder, .wrap-detail-page .contact-form-section input:focus:-moz-placeholder, .wrap-detail-page .contact-form-section input:active:-moz-placeholder, .wrap-detail-page .contact-form-section textarea:focus:-moz-placeholder, .wrap-detail-page .contact-form-section textarea:active:-moz-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .contact-form-section input:focus::-moz-placeholder, .block-contact .contact-form-section input:active::-moz-placeholder, .block-contact .contact-form-section textarea:focus::-moz-placeholder, .block-contact .contact-form-section textarea:active::-moz-placeholder, .wrap-detail-page .contact-form-section input:focus::-moz-placeholder, .wrap-detail-page .contact-form-section input:active::-moz-placeholder, .wrap-detail-page .contact-form-section textarea:focus::-moz-placeholder, .wrap-detail-page .contact-form-section textarea:active::-moz-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .contact-form-section input:focus:-ms-input-placeholder, .block-contact .contact-form-section input:active:-ms-input-placeholder, .block-contact .contact-form-section textarea:focus:-ms-input-placeholder, .block-contact .contact-form-section textarea:active:-ms-input-placeholder, .wrap-detail-page .contact-form-section input:focus:-ms-input-placeholder, .wrap-detail-page .contact-form-section input:active:-ms-input-placeholder, .wrap-detail-page .contact-form-section textarea:focus:-ms-input-placeholder, .wrap-detail-page .contact-form-section textarea:active:-ms-input-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .contact-form-section textarea, .wrap-detail-page .contact-form-section textarea {
min-height: 60px;
background: #fff !important;
}
.block-contact .contact-form-section input[type="submit"], .wrap-detail-page .contact-form-section input[type="submit"] {
max-width: 220px;
height: 46px;
line-height: 1;
}
.block-contact .contact-form-section input[type="submit"]:hover, .block-contact .contact-form-section input[type="submit"]:active, .block-contact .contact-form-section input[type="submit"]:focus, .wrap-detail-page .contact-form-section input[type="submit"]:hover, .wrap-detail-page .contact-form-section input[type="submit"]:active, .wrap-detail-page .contact-form-section input[type="submit"]:focus {
max-width: 220px;
}
@media screen and (max-width: 767px) {
.block-contact .contact-form-section input[type="submit"], .wrap-detail-page .contact-form-section input[type="submit"] {
padding-left: 2em;
padding-right: 2em;
}
}
.block-contact .kt-contact-form-area .form-group, .wrap-detail-page .kt-contact-form-area .form-group {
position: relative;
margin-bottom: 0;
}
.block-contact .kt-contact-form-area .form-group:before, .block-contact .kt-contact-form-area .form-group:after, .wrap-detail-page .kt-contact-form-area .form-group:before, .wrap-detail-page .kt-contact-form-area .form-group:after {
content: " ";
display: table;
}
.block-contact .kt-contact-form-area .form-group:after, .wrap-detail-page .kt-contact-form-area .form-group:after {
clear: both;
}
.block-contact .kt-contact-form-area .form-group .form-control, .wrap-detail-page .kt-contact-form-area .form-group .form-control {
margin-bottom: 0;
}
.block-contact .kt-contact-form-area .form-group input.form-control,
.block-contact .kt-contact-form-area .form-group textarea.form-control, .wrap-detail-page .kt-contact-form-area .form-group input.form-control,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 13px;
border: 1px solid #e8e8e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background: #fff;
}
.block-contact .kt-contact-form-area .form-group input.form-control:focus, .block-contact .kt-contact-form-area .form-group input.form-control:active,
.block-contact .kt-contact-form-area .form-group textarea.form-control:focus,
.block-contact .kt-contact-form-area .form-group textarea.form-control:active, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus,
.wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active {
background-color: #fff;
border: 1px solid #67b930;
}
.block-contact .kt-contact-form-area .form-group input.form-control:focus::-webkit-input-placeholder, .block-contact .kt-contact-form-area .form-group input.form-control:active::-webkit-input-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:focus::-webkit-input-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:active::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus::-webkit-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active::-webkit-input-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .kt-contact-form-area .form-group input.form-control:focus:-moz-placeholder, .block-contact .kt-contact-form-area .form-group input.form-control:active:-moz-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:focus:-moz-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:active:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus:-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active:-moz-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .kt-contact-form-area .form-group input.form-control:focus::-moz-placeholder, .block-contact .kt-contact-form-area .form-group input.form-control:active::-moz-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:focus::-moz-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:active::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus::-moz-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active::-moz-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .kt-contact-form-area .form-group input.form-control:focus:-ms-input-placeholder, .block-contact .kt-contact-form-area .form-group input.form-control:active:-ms-input-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:focus:-ms-input-placeholder, .block-contact .kt-contact-form-area .form-group textarea.form-control:active:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:focus:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group input.form-control:active:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:focus:-ms-input-placeholder, .wrap-detail-page .kt-contact-form-area .form-group textarea.form-control:active:-ms-input-placeholder {
font-size: 0px;
color: #fff;
}
.block-contact .kt-contact-form-area .form-group input.form-control[type="submit"], .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"] {
float: left;
margin-top: 20px;
max-width: 220px;
line-height: 1;
}
.block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .block-contact .kt-contact-form-area .form-group input.form-control[type="submit"]:active, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:hover, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:focus, .wrap-detail-page .kt-contact-form-area .form-group input.form-control[type="submit"]:active {
max-width: 220px;
}
.block-contact .kt-contact-form-area .form-group textarea, .wrap-detail-page .kt-contact-form-area .form-group textarea {
height: 200px;
min-height: 200px;
width: 100%;
padding: 15px 5px 8px 15px;
background: #fff !important;
}
.block-contact .kt-contact-form-area .form-group label, .block-contact .kt-contact-form-area .form-group .searchform .search-button, .searchform .block-contact .kt-contact-form-area .form-group .search-button, .wrap-detail-page .kt-contact-form-area .form-group label, .wrap-detail-page .kt-contact-form-area .form-group .searchform .search-button, .searchform .wrap-detail-page .kt-contact-form-area .form-group .search-button {
color: gray;
font-size: 13px;
display: inline-block;
top: 13px;
left: 16px;
position: absolute;
opacity: 0;
margin-top: 0;
-webkit-transition: top 0.1s, opacity 0.1s;
-moz-transition: top 0.1s, opacity 0.1s;
-ms-transition: top 0.1s, opacity 0.1s;
-o-transition: top 0.1s, opacity 0.1s;
transition: top 0.1s, opacity 0.1s;
}
.block-contact .kt-contact-form-area .form-group label sup, .block-contact .kt-contact-form-area .form-group .searchform .search-button sup, .searchform .block-contact .kt-contact-form-area .form-group .search-button sup, .wrap-detail-page .kt-contact-form-area .form-group label sup, .wrap-detail-page .kt-contact-form-area .form-group .searchform .search-button sup, .searchform .wrap-detail-page .kt-contact-form-area .form-group .search-button sup {
color: gray;
font-size: 15px;
top: 1px;
}
.block-contact .kt-contact-form-area .form-group label.move, .block-contact .kt-contact-form-area .form-group .searchform .move.search-button, .searchform .block-contact .kt-contact-form-area .form-group .move.search-button, .wrap-detail-page .kt-contact-form-area .form-group label.move, .wrap-detail-page .kt-contact-form-area .form-group .searchform .move.search-button, .searchform .wrap-detail-page .kt-contact-form-area .form-group .move.search-button {
-webkit-transition: top 0.5s, opacity 0.5s;
-moz-transition: top 0.5s, opacity 0.5s;
-ms-transition: top 0.5s, opacity 0.5s;
-o-transition: top 0.5s, opacity 0.5s;
transition: top 0.5s, opacity 0.5s;
font-weight: 300;
opacity: 1;
top: -29px;
}
.block-contact .kt-contact-form-area .form-group .ajax-loader, .wrap-detail-page .kt-contact-form-area .form-group .ajax-loader {
margin: 35px 0 0 15px;
}
@media screen and (max-width: 767px) {
.block-contact .kt-contact-form-area .form-group .ajax-loader, .wrap-detail-page .kt-contact-form-area .form-group .ajax-loader {
margin-top: 10px;
}
}
.block-contact .kt-contact-form-area .form-group .cleaner, .wrap-detail-page .kt-contact-form-area .form-group .cleaner {
color: #e9563d;
background-color: transparent;
float: right;
width: 100px;
font-size: 13px;
padding-right: 0;
border: none;
margin-top: 28px;
}
@media screen and (max-width: 767px) {
.block-contact .kt-contact-form-area .form-group .cleaner, .wrap-detail-page .kt-contact-form-area .form-group .cleaner {
margin-top: 10px;
}
}
.block-contact .kt-contact-form-area .form-group .cleaner span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner span {
font-size: 18px;
color: #e9563d;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
.block-contact .kt-contact-form-area .form-group .cleaner:hover, .block-contact .kt-contact-form-area .form-group .cleaner:active, .block-contact .kt-contact-form-area .form-group .cleaner:focus, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:hover, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:active, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:focus {
color: #0081FE;
outline: none;
}
.block-contact .kt-contact-form-area .form-group .cleaner:hover span, .block-contact .kt-contact-form-area .form-group .cleaner:active span, .block-contact .kt-contact-form-area .form-group .cleaner:focus span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:hover span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:active span, .wrap-detail-page .kt-contact-form-area .form-group .cleaner:focus span {
color: #0081FE;
}
@media screen and (max-width: 991px) {
.block-contact .kt-contact-form-area .form-group .cleaner, .wrap-detail-page .kt-contact-form-area .form-group .cleaner {
width: 100%;
text-align: left;
padding-left: 0;
}
}
.block-contact {
position: relative;
background-color: #fafafa;
padding-top: 80px;
padding-bottom: 75px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.block-contact {
padding-bottom: 60px;
padding-top: 60px;
}
}
header#masthead {
top: 0 !important;
} .ptoduct_top, .product_bottom {
padding: 20px;
}
.ptoduct_top {
border-bottom: 1px solid #000;
padding: 20px 0;
margin: 0 20px;
}
.no-bullet {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.Product.title {
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
.product_color ul > li {
height: 35px;
width: 35px;
border-radius: 50%;
display: inline-block;
font-size: 0;
margin-left: 5px;
}
li.btn1 {background:#e8e2db;}
li.btn2 {background:#663333!important;}
.product_color ul {
margin: 0;
padding: 0;
}
.product_desc_title {
font-size: 14px;
font-weight: 600;
}
.products_desc {
font-size: 14px;
color: #000;
font-weight: 400;
}
.wrapper.breadcrumb-wrap .breadcrumbs{display:block !important;}
section.wrapper.wrap-inner-banner {
background: none !important;
}
.Products_sections>.vc_column-inner>.wpb_wrapper {
background: #fff;
margin: 20px 0px;
min-height: 945px;
}
.Products_sections>.vc_column-inner>.wpb_wrapper >.wpb_content_element{
margin:0;
}
.page-id-995 header#masthead {
top: 0px !important;
}
.page-id-995 div#content {
background: #e1e2e2;
}
.page-id-995 #section1 {
margin-bottom: 10px;
}
.Products_sections .wpb_wrapper {
cursor: pointer;
overflow: hidden;
}
.Products_sections .wpb_wrapper a {
transition: all .7s !important;
}
.Products_sections .wpb_wrapper:hover a {
transform: scale(1.05);
}
.breadcrumb-wrap{margin:0 !important;}
.page-id-995 .wrap-inner-banner .page-header{margin:0 !important;}
.page-id-995 .wpb_content_element {
margin-bottom: -5px
}
@media screen and (max-width: 767px){
.page-id-995 .wrapper.wrap-inner-banner {
margin-top: 5px !important;
}
.page-id-995 .vc_row.wpb_row.vc_row-fluid.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex {
min-height: 70vh !important;
}
}
@media screen and (max-width: 479px) {
.page-id-995 .Products_sections.wpb_column {
margin-top: -7px;
}
.page-id-995 .wrapper.wrap-inner-banner {
margin-top: 50px !important;
}
.page-id-995 .vc_row.wpb_row.vc_row-fluid.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex {
min-height: 40vh !important;
}
}
@media screen and (max-width: 399px) {
.page-id-995 .vc_row.wpb_row.vc_row-fluid.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex {
min-height: 30vh !important;
}
}
@media screen and (max-width: 340px) {
.uagb-block-55aa4d9a .uagb-buttons-repeater,
.uagb-block-30077c13 .uagb-buttons-repeater,.uagb-block-a91e7a55 .uagb-buttons-repeater,.uagb-block-1bb0aafc .uagb-buttons-repeater,
.uagb-block-113a2f8a .uagb-buttons-repeater,.uagb-block-96dc52ce .uagb-buttons-repeater,.uagb-block-83f37306 .uagb-buttons-repeater,
.uagb-block-93a334f5 .uagb-buttons-repeater,.uagb-block-14b3e517 .uagb-buttons-repeater,.uagb-block-de478f54 .uagb-buttons-repeater,
.uagb-block-1bb0aafc .uagb-buttons-repeater,.uagb-block-30077c13 .uagb-buttons-repeater
{
padding: 8px !important;
}
}
div.the_champ_bottom_sharing {
display: none;
}
.socialmedia a {
font-size: 17px;
width: 35px;
height: 35px;
border: 1px solid #fff;
display: inline-block;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
.socialmedia1 div{
display: inline-block !important;
padding-right: 5px;
}
.block-top-footer .widget .textwidget, .block-top-footer .widget .calendar_wrap, .block-top-footer .widget .tagcloud, .block-top-footer .widget.widget_nav_menu .menu, .block-top-footer b, .block-top-footer strong, .block-top-footer .widget ul li a, .block-top-footer .widget ol li a, .block-top-footer .widget .widget-title, .block-top-footer .widget .widgettitle, .block-top-footer .widget a{color:#fff !Important;}
.block-top-footer .widget ul li, .block-top-footer .widget ol li{border-top:none!Important;}
.site-footer {
background-color: #3a3e3f !Important;
}
.block-top-footer div#text-9 {
padding: 0 !Important;
margin: 0 !Important;
}
.block-top-footer  div#text-5 {
padding-bottom: 12px !Important;
margin: 0 0 0;
}
div#text-3 h2.widget-title { }
div#text-5 h2.widget-title { }
div#custom_html-2 h2.widget-title{
margin-bottom: 45px!Important;
}
div#custom_html-4 {
padding: 20px 0;
}
.products_list li {
padding: 0;
margin: 0;
list-style: none;
}
ul.products_list {
padding: 0;
}
.products_list li::before {
position: absolute;
content: '-';
left: 35px;
right: auto;
}
.footer-item .textwidget p {
margin-bottom: 8px;
}
.page-id-558 .kt-inside-inner-col ul.has-text-color {
padding: 0;
}
p.has-yellow-color.has-text-color a {
color: yellow !important;
}
.page-id-1229 ul.has-text-color {
padding: 0 5px!important;
}
.page-id-1229 span.kt-btn-inner-text {
text-transform: none;
}
.page-id-1229 .post-text h2{padding:0 !important; margin:0!important;}
.page-id-1319 .post-text h2{padding:0 !important; margin:10px 0!important;}
.page-id-1229 p.has-text-color a {
color: #ffffff !important;
margin-left: 50px;
} .newsletter_desc {
margin-bottom: 0;
}
.newsletter_desc p {
color: #ffffff;
font-size: 17px;
}
.newsletter span label {
font-size: 16px;
color: #fff;
}
.newsletter br {
display: none;
}
.newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
padding: 1px 50px;
background-color: #3d3d3b;
color: #ffffff;
width: 200px;
border-radius: 5px;
font-family: 'Montserrat';
border-color: #3d3d3b;
}
.newsletter_sub_desc p {
color: #ffffff;
font-size: 17px;
}
.newsletter .wrap-detail-page .wpcf7-form label .wpcf7-form-control{
background-color: #eaeaea;
} .page-id-1517 .wrap-detail-page{background:#f1f2f2;}
.page-id-1517 .breadcrumb-wrap{background:#f1f2f2;}
.page-id-1517 article.post-content{background:#f1f2f2;max-width: 1320px; margin:0 auto;}
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1;
}
a {
color: #5d7889;
text-decoration: none;
line-height: inherit;
cursor: pointer;
}
.inner-container {
position: relative;
padding: 0 0.625rem;
}
@media screen and (min-width: 64em) {
.inner-container {
padding: 0 2.8125rem;
}
}
@media screen and (min-width: 48em) {
.inner-container {
padding: 0 1.875rem;
}
}
@media screen and (min-width: 37.5em) {
.inner-container {
padding: 0 0.9375rem;
}
}
@media screen and (min-width: 64em) {
.inner-container>.row {
padding: 0 2.8125rem;
}
}
@media screen and (min-width: 48em) {
.inner-container>.row {
padding: 0 1.875rem;
}
}
@media screen and (min-width: 37.5em) {
.inner-container>.row {
padding: 0 0.9375rem;
}
}
.inner-container>.row {
padding: 0 0.625rem;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.comparison-table {
background-color: #f1f2f2;
width: 100%;
border-bottom: 1px solid #dadbdb;
font-weight: 500;
margin-bottom: 3.125rem;
}
.comparison-table .feature {
min-width: 135px;
}
@media screen and (max-width: 991px) {
.comparison-table .feature {min-width: 85px;}
}
@media screen and (max-width: 767px) {
.comparison-table .feature {min-width: 50px;}
.feature-name>div span{font-size: 14px;}
}
@media screen and (max-width: 479px) {
.comparison-table .feature {min-width: 0px;}
.feature-name>div span{font-size: 12px;}
}
.show-for-sr, .show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
@media screen and (min-width: 90em) {
.comparison-table {
margin-top: -8.625rem;
}
}
@media screen and (min-width: 48em) {
.comparison-table {
margin-top: -9.5vw;
}
}
@media screen and (min-width: 37.5em) {
.comparison-table {
margin-top: -12vw;
}
}
.comparison-table {
margin-top: -3.125rem;
}
.comparison-table caption {
text-align: left;
}
.comparison-table thead {
background-color: #f1f2f2;
}
.comparison-table thead tr{background-color: #f1f2f2;}
@media screen and (min-width: 90em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 6.875rem;
}
}
@media screen and (min-width: 48em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 9.5vw;
}
}
@media screen and (min-width: 37.5em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 12vw;
}
}
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 3.125rem;
}
.comparison-table th, .comparison-table td {
text-align: left;
border-top: 1px solid #dadbdb;
padding-top: 0.625rem;
padding-bottom: 0.75rem;
font-weight: 500;
padding-left: 0;
padding-right: 0;
line-height: 1.3;
}
.comparison-table .has-tip .tooltiptext {
bottom: calc(100% + 10px);
}
.comparison-table th:first-child, .comparison-table td:first-child {
text-align: left;
}
.comparison-table td:nth-child(even) {
background-color: #fefefe;
}
@media screen and (min-width: 48em) {
.comparison-feature-th, .comparison-table .feature-name {
font-size: 1rem;
}
}
@media screen and (min-width: 37.5em) {
.comparison-feature-th, .comparison-table .feature-name {
font-size: .9375rem;
}
}
.comparison-feature-th, .comparison-table .feature-name {
font-size: .8125rem;
}
.feature-name>div {
position: relative;
}
@media screen and (min-width: 37.5em) {
.feature-name>div span {
padding-right: 1.9375rem;
}
}
.feature-name>div span {
display: inline-block;
padding-right: 1.75rem;
font-size: 16px;
}
.feature-name button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.4375rem;
background: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/question-mark.svg) center no-repeat;
background-size: 15px;
}
@media screen and (min-width: 37.5em) {
.feature-name button {
right: 0.625rem;
}
}
.feature-name .tip-icon {
width: 1rem;
height: 1.125rem;
vertical-align: bottom;
fill: #5d7889;
-webkit-transition: fill .35s ease;
-moz-transition: fill .35s ease;
-ms-transition: fill .35s ease;
-o-transition: fill .35s ease;
transition: fill .35s ease;
}
@media screen and (min-width: 90em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 6.875rem;
}
}
@media screen and (min-width: 48em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 9.5vw;
}
}
@media screen and (min-width: 37.5em) {
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 12vw;
}
}
.comparison-table-sticky-header>div, .comparison-table thead tr {
height: 3.125rem;
}
.comparison-table-sticky-header>div {
font-weight: 500;
}
.comparison-table-sticky-header>div {
display: table;
width: 100%;
}
.feature--yes {
background-color: #82c55b;
}
.feature--yes, .feature--no {
display: block;
border: 0;
margin: 0 auto;
height: 0.625rem;
width: 0.625rem;
border-radius: 0.3125rem;
overflow: hidden;
word-wrap: normal !important;
text-indent: -999em;
} .comparison-table-sticky-header.stuck ul {
opacity: 1;
margin-left: -1px;
}
.comparison-table-sticky-header ul {
opacity: 0;
}
.comparison-table-sticky-header ul {
width: 100%;
display: table-row;
list-style: none;
margin: 0;
padding: 0;
}
.comparison-table-sticky-header>div ul li {
border-bottom: 1px solid #dadbdb;
}
.comparison-table-sticky-header li {
display: table-cell;
}
@media screen and (max-width: 37.4375em) {
.comparison-table-sticky-header .comparison-product span, .comparison-table thead tr .comparison-product span {
position: absolute;
bottom: 0;
left: 0;
transform: translate(calc(5vw - 14px), 0.875rem) rotate(270deg);
transform-origin: 0 0;
}
}
@media screen and (min-width: 75em) {
.comparison-feature-th {
width: 30%;
}
}
@media screen and (min-width: 48em) {
.comparison-feature-th, .comparison-table .feature-name {
font-size: 1rem;
}
}
@media screen and (min-width: 37.5em) {
.comparison-feature-th, .comparison-table .feature-name {
font-size: .9375rem;
}
}
@media screen and (min-width: 37.5em) {
.comparison-feature-th {
width: 40%;
}
}
.comparison-feature-th, .comparison-table .feature-name {
font-size: .8125rem;
}
.comparison-feature-th {
width: 56%;
}
@media screen and (min-width: 90em) {
.comparison-table-sticky-header>div .comparison-product, .comparison-table thead tr .comparison-product {
height: 8.625rem;
}
}
@media screen and (min-width: 48em) {
.comparison-table-sticky-header>div .comparison-product, .comparison-table thead tr .comparison-product {
height: 9.5vw;
}
}
@media screen and (min-width: 37.5em) {
.comparison-table-sticky-header>div .comparison-product, .comparison-table thead tr .comparison-product {
padding: 0 !important;
height: 12vw;
position: relative;
text-align: center;
vertical-align: top;
}
}
.comparison-table-sticky-header>div .comparison-product, .comparison-table thead tr .comparison-product {
height: 3.125rem;
}
@media screen and (max-width: 37.4375em) {
.comparison-table-sticky-header .comparison-product, .comparison-table thead tr .comparison-product {
position: relative;
}
}
.comparison-table-sticky-header>div ul li {
border-bottom: 1px solid #dadbdb;
}
.comparison-table-sticky-header li {
display: table-cell;
}
@media screen and (min-width: 75em) {
.comparison-product {
width: 10%;
}
}
@media screen and (min-width: 48em) {
.comparison-product, .comparison-table .feature {
font-size: 1rem;
}
}
@media screen and (min-width: 37.5em) {
.comparison-product, .comparison-table .feature {
font-size: .9375rem;
}
}
@media screen and (min-width: 37.5em) {
.comparison-product {
width: 10%;
}
}
.comparison-product, .comparison-table .feature {
font-size: .8125rem;
}
.comparison-product {
width: 6%;
}
@media screen and (min-width: 75em) {
.comparison-product a img {
opacity: 75%;
-webkit-transition: opacity .35s ease;
-moz-transition: opacity .35s ease;
-ms-transition: opacity .35s ease;
-o-transition: opacity .35s ease;
transition: opacity .35s ease;
}
}
.comparison-product-image--small, .comparison-product-image--large {
display: none;
}
@media screen and (min-width: 37.5em) {
.comparison-product-image--small {
display: block;
margin: calc(4vw - 10px) 0.25rem 0;
}
}
@media screen and (min-width: 48em) {
.comparison-product-image--small {
margin: calc(4vw - 22px) 0.25rem 0;
}
}
@media screen and (min-width: 64em) {
.comparison-product-image--small {
margin: calc(4vw - 20px) 0.375rem 0;
}
}
@media screen and (min-width: 75em) {
.comparison-product-image--small {
display: none;
}
}
@media screen and (min-width: 90em) {
.comparison-product-image--small {
display: none;
}
}
@media screen and (min-width: 90em) {
.comparison-product-image--large {
display: block;
margin: 1.875rem auto 0;
}
}
@media screen and (min-width: 75em) {
.comparison-product-image--large {
display: block;
margin: calc(3.7vw - 24px) 1.375rem 0;
max-width: 6.875rem;
}
} @media screen and (max-width: 1390px) {
.products_desc {
font-size: 12px;
}
.Products_sections>.vc_column-inner>.wpb_wrapper{
min-height:825px;
}
}
@media screen and (max-width: 767px) {
ul.the_champ_sharing_ul, ul.heateor_ss_follow_ul{display:none !important;}
div#custom_html-4 {
margin-top: 0!Important;
}
}
@media screen and (max-width: 479px) {
.vc_row.vc_row-o-full-height{min-height:0 !important;}
}  .tabs {
margin: 0;
padding: 0;
list-style-type: none;
background: #fefefe;
border: 1px solid #fefefe;
}
.r1 .product-annotated__tabs {
width: 16.125rem;
margin: 1.25rem auto 1.25rem;;
}
.product-annotated__tabs {
width: 17.5rem;
margin: 2.8125rem auto 1.875rem;
border: none;
}
.product-annotated__tab a { text-decoration: none; }
.product-annotated__tab.active a span {
border-bottom: 2px solid #9d6255;
}
@media screen and (min-width: 25.625em) {
.r1 .product-annotated__tabs, .r4 .product-annotated__tabs {
margin-top: 1.5625rem;
}
}
@media screen and (min-width: 37.5em) {
.r1 .product-annotated__tabs {
margin-top: 2.25rem;
}
}
@media screen and (min-width: 48em) {
.r1 .product-annotated__tabs {
margin-top: 2.8125rem;
}
}
@media screen and (min-width: 64em) {
.r1 .product-annotated__tabs {
margin-top: 0.625rem;
}
}
@media screen and (min-width: 25.625em) {
.product-annotated__tabs {
width: 18.75rem;
margin-top: 2.5625rem;
}
}
@media screen and (min-width: 37.5em) {
.product-annotated__tabs {
width: 22.5rem;
margin-top: 3.125rem;
}
}
.r1 .product-annotated__tab {
width: 5.375rem;
}
@media screen and (min-width: 25.625em) {
.product-annotated__tab {
width: 6.25rem;
padding: 0 0.625rem;
}
}
@media screen and (min-width: 37.5em) {
.product-annotated__tab, .r4 .product-annotated__tab {
width: 7.5rem;
padding: 0 0.625rem;
}
}
@media screen and (min-width: 37.5em) {
.product-annotated__tab {
width: 6.25rem;
padding: 0 0.625rem;
}
}
.product-annotated__tab {
border: none;
width: 5.8125rem;
text-transform: uppercase;
text-align: center;
padding: 0 0.3125rem;
}
.tabs-title {
float: left;
}
.tabs-title>a {
display: block;
padding: 1.25rem 1.5rem;
line-height: 1;
font-size: .75rem;
}
.product-annotated__tab a {
padding: 0;
color: #626667;
}
.product-annotated__tab a:hover{
color: #000000 !important;
}
.product-annotated__tab img {
margin-bottom: 0.3125rem;
max-width: 66px;
} .tabs-content.product-annotated__content {
display: inline-block;
width: 100%;
padding-top: 50px;
}
.r1 .product-annotated__panel.r1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-rear-small-2x.jpg);
}
@media screen and (min-width: 37.5em) {
.r1 .product-annotated__panel.r1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-rear-large-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r1 .product-annotated__panel.r1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-front-large-2x.jpg);
}
}
.r1 .product-annotated__panel.r1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-front-small-2x.jpg);
}
.r1 .product-annotated__panel.r1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-top-small-2x.jpg);
}
@media screen and (min-width: 37.5em){
.r1 .product-annotated__panel.r1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r1-mk4-top-large-2x.jpg);
}
}
.r1 .product-annotated__panel {
height: 28.125rem;
}
@media screen and (min-width: 25.625em) {
.r1 .product-annotated__panel {
width: 20rem;
background-size: 20rem;
height: 31.25rem;
}
}
@media screen and (min-width: 37.5em) {
.r1 .product-annotated__panel {
width: 27.5rem;
height: 39.25rem;
background-size: 27.5rem;
}
}
@media screen and (min-width: 48em) {
.r1 .product-annotated__panel {
width: 32.5rem;
background-size: 32.5rem;
height: 46.25rem;
}
}
.product-annotated__panel.is-active {
-webkit-animation: panelFadeIn 1s;
animation: panelFadeIn 1s;
opacity: 1;
display: block;
}
.tabs-panel.is-active {
display: block;
}
.product-annotated__panel {
width: 17.5rem;
padding: 0;
margin: 0 auto;
position: relative;
background-size: 17.5rem;
background-repeat: no-repeat;
background-position: 0 0;
opacity: 1;
}
@media screen and (min-width: 25.625em) {
.product-annotated__panel {
width: 22.5rem;
height: 22.5rem;
background-size: 22.5rem;
}
}
@media screen and (min-width: 37.5em) {
.product-annotated__panel {
width: 33.625rem;
height: 33.625rem;
background-size: 33.625rem;
}
}
@media screen and (min-width: 48em) {
.product-annotated__panel {
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 75em) {
.product-annotated__panel {
width: 67.5rem;
background-size: 67.5rem;
}
} .annotated-tip--extended, .annotation-icon--extended {
width: 3.375rem;
height: 3.375rem;
}
.annotation-icon {
height: 10px;
width: 10px; }
.product-annotated__panel.is-active .annotated-tip {
-webkit-animation: tipFadeIn 2.5s;
animation: tipFadeIn 2.5s;
opacity: 1;
}
.annotated-tip {
width: 2.25rem;
height: 2.25rem;
display: block;
position: absolute;
opacity: 1;
}
.annotated-tip:after {
content: '';
background: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/green-pointer.svg) no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.annotated-tip.annotated-tip-r1-1:after {
transform: rotate(-100deg);
}
.annotated-tip-r1-1 {
left: 1.4375rem;
top: 7.8125rem;
}
@media screen and (min-width: 25.625em) {
.annotated-tip-r1-1 {
left: 1.625rem;
top: 9.5rem;
}
}
@media screen and (min-width: 37.5em) {
.annotated-tip-r1-1 {
left: 4rem;
top: 12.5rem;
}
}
@media screen and (min-width: 48em) {
.annotated-tip-r1-1 {
left: 4.3125rem;
top: 15.625rem;
}
}
.annotated-tip-r1-2 {
left: 10.625rem;
top: 10rem;
}
@media screen and (min-width: 25.625em) { 
.annotated-tip-r1-2 {
left: 12.1875rem ;
top: 11.875rem;
}
}
@media screen and (min-width: 37.5em) {
.annotated-tip-r1-2 {
left: 16.25rem;
top: 17.125rem;
}
}
@media screen and (min-width: 48em) {
.annotated-tip-r1-2 {
left: 19.75rem;
top: 19.625rem;
}
}
.annotated-tip-r1-3 {
left: 7.625rem;
top: 17.1875rem;
}
@media screen and (min-width: 25.625em) {
.annotated-tip-r1-3 {
left: 8.75rem;
top: 18.8125rem;
}
}
@media screen and (min-width: 37.5em) {
.annotated-tip-r1-3 {
left: 13.5rem;
top: 26.875rem;
}
}
@media screen and (min-width: 48em) {
.annotated-tip-r1-3 {
left: 15.125rem;
top: 32rem;
}
}
.annotated-tip-r1-4 {
left: 4.0625rem;
top: 20.625rem;
}
@media screen and (min-width: 25.625em) {
.annotated-tip-r1-4 {
left: 5rem;
top: 23.43rem;
}
}
@media screen and (min-width: 37.5em) {
.annotated-tip-r1-4 {
left: 7.125rem;
top: 33.9375rem;
}
}
@media screen and (min-width: 48em) {
.annotated-tip-r1-4 {
left: 7.375rem;
top: 40.25rem;
}
} .annotated-tip-r1-5 {
left: 4.875rem;
top: 16.0625rem;
}
.annotated-tip.annotated-tip-r1-5:after {
transform: rotate(195deg);
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-5 {
left: 4.6875rem;
top: 18.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-5 {
left: 8.8125rem;
top: 20rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-5 {
left: 11rem;
top: 23.75rem;
}
} .annotated-tip.annotated-tip-r1-6:after {
transform: rotate(-90deg);
}
.annotated-tip-r1-6 {
left: 6.5rem;
top: 3.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-6 {
left: 7.75rem;
top: 3.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-6 {
left: 11.625rem;
top: 3.125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-6 {
left: 14.125rem;
top: 5.125rem;
}
}
.annotated-tip.annotated-tip-r1-7:after {
transform: rotate(-90deg);
}
.annotated-tip-r1-7 {
left: 3.6375rem;
top: 19.35rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-7 {
left: 4.3125rem;
top: 22.5625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-7 {
left: 7.875rem;
top: 24.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-7 {
left: 9.75rem;
top: 29.5rem;
}
}
.annotated-tip-r1-8 {
left: 7.375rem;
top: 19.6375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-8 {
left: 8.4375rem;
top: 22.5625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-8 {
left: 12.5rem;
top: 24.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-8 {
left: 15rem;
top: 29.75rem;
}
}
.annotated-tip-r1-9 {
left: 11rem;
top: 17.6875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-9 {
left: 12.375rem;
top: 20.5625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-9 {
left: 16.5rem;
top: 22.4rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-9 {
left: 19.6875rem;
top: 26.9375rem;
}
}
.annotated-tip.annotated-tip-r1-10:after {
transform: rotate(-180deg);
}
.annotated-tip-r1-10 {
left: 7.8625rem;
top: 21.875rem
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-10 {
left: 9.0625rem;
top: 25.0625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-10 {
left: 13rem;
top: 27.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-10 {
left: 16.15rem;
top: 32.15rem;
}
}
.annotated-tip.annotated-tip-r1-11:after {
transform: rotate(90deg);
}
.annotated-tip-r1-11 {
left: 11.25rem;
top: 21.875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r1-11 {
left: 12.8125rem;
top: 25.0625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r1-11 {
left: 17.1875rem;
top: 27.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r1-11 {
left: 20.1rem;
top: 32.2rem;
}
} .has-tip {
display: flex;
align-items: center;
justify-content: center;
cursor: help;
} .has-tip .tooltiptext {
visibility: hidden;
width: 150px;
bottom: 100%;
left: 50%;
font-size:80%;
line-height: 16px;
transform: translateX(-50%);
padding: 5px 10px;
background-color: #4d5152;
color: #fff;
border-radius: 0px; position: absolute;
z-index: 1;
} .has-tip:hover .tooltiptext {
visibility: visible;
}
.has-tip .tooltiptext::after {
content: " ";
position: absolute;
top: 100%; left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #4d5152 transparent transparent transparent;
} .open_popup {
background: #bd9484;
border: none;
color: #fff;
font-size: 16px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
padding: 15px 18px;
margin: 0 auto;
}
.open_popup:hover {
background: #ca9475 ;
}
.popup_body{
display:none;
position:fixed;
top:0;left:0;right:0;bottom:0;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
z-index:99;
align-items: center;
}
.popup_body_show{
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
display: flex;
justify-content: center;
align-items: center;
}
.popup_back{
background: rgba(0,0,0,0.4);
position: fixed;
left:0;right:0;top:0;bottom:0;
}
.popup_contain{
position:relative;
background:#fff;
min-width:600px;
max-width:80%;
margin:0 auto;
min-height:150px;
padding: 50px 20px;
justify-content: center;
display: flex;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
.popup_contain{min-width:450px;}
}
@media screen and (max-width: 479px) {
.popup_contain{min-width:375px;}
}
@media screen and (max-width: 375px) {
.popup_contain{min-width:300px;}
}
.popup_close{
background: #000;
position: absolute;
right: -10px;
top: -10px;
color: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.shop_name {
margin: 10px 0;
}
.shop_contact_no {
margin: 10px 0;
}
.vc_row.vital_blue_light {
padding: 100px 0;
}
.blue_light_img {
text-align: center;
}
.vital_blue_light .vital_img_desc {
text-align: left;
}
.vital_img_desc_short {
font-size: 16px;
text-align: justify;
color: #000;
margin-bottom: 15px;
}
.vc_row.vc_row-flex>.shop_store_bottom.vc_column_container>.vc_column-inner{
z-index:unset;
} .mr1 .product-annotated__panel.mr1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-front-small-2x.jpg);
background-position: 0 0.625rem;
}
@media screen and (min-width: 25.625em){
.mr1 .product-annotated__panel.mr1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.mr1 .product-annotated__panel.mr1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.mr1 .product-annotated__panel.mr1-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-front-xlarge-2x.jpg);
}
}
.mr1 .product-annotated__panel {
height: 13.75rem;
}
@media screen and (min-width: 25.625em){
.mr1 .product-annotated__panel {
height: 17.6875rem;
}
}
@media screen and (min-width: 37.5em){
.mr1 .product-annotated__panel {
height: 25.875rem;
}
}
@media screen and (min-width: 48em){
.mr1 .product-annotated__panel {
height: 30.625rem;
}
}
@media screen and (min-width: 75em){
.mr1 .product-annotated__panel {
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 48em){
.mr1 .product-annotated__tabs {
}
}
@media screen and (min-width: 64em){
.mr1 .product-annotated__tabs {
width: 17.5rem;
}
}
.mr1 .product-annotated__panel.mr1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-top-small-2x.jpg);
background-position: 0 0.625rem;
}
@media screen and (min-width: 25.625em){
.mr1 .product-annotated__panel.mr1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-top-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.mr1 .product-annotated__panel.mr1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-top-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.mr1 .product-annotated__panel.mr1-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-top-xlarge-2x.jpg);
}
}
.mr1 .product-annotated__panel.mr1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-rear-small-2x.jpg);
background-position: 0 0.625rem;
}
@media screen and (min-width: 25.625em){
.mr1 .product-annotated__panel.mr1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.mr1 .product-annotated__panel.mr1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.mr1 .product-annotated__panel.mr1-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mr1-rear-xlarge-2x.jpg);
}
}
.annotated-tip-mr1-1 {
left: 2.8125rem;
top: -0.6875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-1 {
left: 3.8125rem;
top: -0.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-1 {
left: 6.5625rem;
top: 0rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-1 {
left: 5.6875rem;
top: 0.6875rem;
}
}
.annotated-tip-mr1-2 {
left: 12.375rem;
top: 2.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-2 {
left: 16.125rem;
top: 3.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-2 {
left: 24.6875rem;
top: 4.6875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-2 {
left: 30.9375rem;
top: 5rem;
}
}
.annotated-tip-mr1-3 {
left: 12.375rem;
top: 5.9375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-3 {
left: 16.125rem;
top: 7.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-3 {
left: 24.6875rem;
top: 11.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-3 {
left: 30.9375rem;
top: 12.5rem;
}
}
.annotated-tip-mr1-10 {
left: 0.9375rem;
top: 2.5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-10 {
left: 1.5625rem;
top: 3.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-10 {
left: 3.75rem;
top: 5rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-10 {
left: 4.625rem;
top: 6.875rem;
}
}
.annotated-tip.annotated-tip-mr1-4:after {
transform: rotate(-97deg);
}
.annotated-tip-mr1-4 {
left: 10.375rem;
top: 1.875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-4 {
left: 14.125rem;
top: 3.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-4 {
left: 22.6875rem;
top: 5.9375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-4 {
left: 29.0625rem;
top: 8.375rem;
}
}
.annotated-tip.annotated-tip-mr1-5:after {
transform: rotate(-175deg);
}
.annotated-tip-mr1-5 {
left: 10.375rem;
top: 6.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-5 {
left: 14.125rem;
top: 8.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-5 {
left: 22.6875rem;
top: 11.5625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-5 {
left: 29.0625rem;
top: 13.25rem;
}
}
.annotated-tip-mr1-6 {
left: 3rem;
top: 7.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-6 {
left: 3.5625rem;
top: 10.1875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-6 {
left: 5.25rem;
top: 15.6875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-6 {
left: 8.3rem;
top: 18.8375rem;
}
}
.annotated-tip-mr1-7 {
left: 15rem;
top: 6.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-7 {
left: 18.25rem;
top: 10.225rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-7 {
left: 28.75rem;
top: 15.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-7 {
left: 35.9375rem;
top: 18.9375rem;
}
}
.annotated-tip.annotated-tip-mr1-8:after {
transform: rotate(97deg);
}
.annotated-tip-mr1-8 {
left: 14.375rem;
top: 9.75rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-8 {
left: 19.1rem;
top: 12.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-8 {
left: 27.25rem;
top: 18rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-8 {
left: 34.175rem;
top: 21.5rem;
}
}
.annotated-tip.annotated-tip-mr1-9:after {
transform: rotate(-81deg);
}
.annotated-tip-mr1-9 {
left: 11.4375rem;
top: 7.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-9 {
left: 15.3rem;
top: 10.0625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-9 {
left: 23.925rem;
top: 15.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-9 {
left: 30.525rem;
top: 18.9375rem;
}
}
.annotated-tip.annotated-tip-mr1-11:after {
transform: rotate(175deg);
}
.annotated-tip-mr1-11 {
left: 9.95rem;
top: 9.75rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-11 {
left: 13.5rem;
top: 12.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-11 {
left: 20.75rem;
top: 18rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-11 {
left: 15rem;
top: 7.375rem;
}
}
.annotated-tip-mr1-12 {
left: 4.0625rem;
top: 3.8125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-12 {
left: 5.1875rem;
top: 5.75rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-12 {
left: 7.5rem;
top: 8.7rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-12 {
left: 11.05rem;
top: 10.875rem;
}
}
.annotated-tip.annotated-tip-mr1-13:after {
transform: rotate(4deg);
}
.annotated-tip-mr1-13 {
left: 13.5rem;
top: 3.9125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mr1-13 {
left: 17.3rem;
top: 5.75rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mr1-13 {
left: 25.9rem;
top: 8.8rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mr1-13 {
left: 32.4rem;
top: 11.15rem;
}
} .mrx .product-annotated__tabs {
width: 11.625rem;
margin-bottom: 2.375rem;
}
@media screen and (min-width: 25.625em){
.mrx .product-annotated__tabs {
margin-top: 3rem;
width: 12rem;
}
}
@media screen and (min-width: 37.5em){
.mrx .product-annotated__tabs {
margin-top: 3.75rem;
margin-bottom: 3.125rem;
}
}
@media screen and (min-width: 48em){
.mrx .product-annotated__tabs {
margin-top: 4.375rem;
margin-bottom: 3.4375rem;
}
}
.mrx .product-annotated__panel.mrx-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-front-small-2x.jpg);
background-position: 0 0.625rem;
}
@media screen and (min-width: 25.625em){
.mrx .product-annotated__panel.mrx-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.mrx .product-annotated__panel.mrx-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.mrx .product-annotated__panel.mrx-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-front-xlarge-2x.jpg);
}
}
.mrx .product-annotated__panel.mrx-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-rear-small-2x.jpg);
background-position: 0 0.625rem;
}
@media screen and (min-width: 25.625em){
.mrx .product-annotated__panel.mrx-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.mrx .product-annotated__panel.mrx-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.mrx .product-annotated__panel.mrx-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-mrx-rear-xlarge-2x.jpg);
}
}
.mrx .product-annotated__panel {
width: 18.75rem;
background-size: 18.75rem;
height: 13.125rem;
}
@media screen and (min-width: 25.625em){
.mrx .product-annotated__panel {
width: 23.125rem;
background-size: 23.125rem;
height: 15.625rem;
}
}
@media screen and (min-width: 37.5em){
.mrx .product-annotated__panel {
width: 33.75rem;
background-size: 33.75rem;
height: 20.625rem;
}
}
@media screen and (min-width: 48em){
.mrx .product-annotated__panel {
height: 27.5rem;
width: 46.25rem;
background-size: 46.25rem;
}
}
.annotated-tip.annotated-tip-mrx-1:after {
transform: rotate(-75deg);
}
.annotated-tip-mrx-1 {
left: 1.3125rem;
top: -1.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-1 {
left: 3rem;
top: -1.0625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-1 {
left: 3.75rem;
top: -0.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-1 {
left: 6rem;
top: -0.3125rem;
}
}
.annotated-tip.annotated-tip-mrx-2:after {
transform: rotate(94deg);
}
.annotated-tip-mrx-2 {
left: 15.125rem;
top: 7.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-2 {
left: 18.75rem;
top: 9.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-2 {
left: 28.125rem;
top: 13.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-2 {
left: 38.75rem;
top: 19.0625rem;
}
}
.annotated-tip-mrx-3 {
left: 4.25rem;
top: 3.75rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-3 {
left: 5.5rem;
top: 4.6875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-3 {
left: 8.4375rem;
top: 7rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-3 {
left: 12.5rem;
top: 10rem;
}
}
.annotated-tip.annotated-tip-mrx-4:after {
transform: rotate(94deg);
}
.annotated-tip-mrx-4 {
left: 9.1875rem;
top: 5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-4 {
left: 11.375rem;
top: 5.9375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-4 {
left: 17.5rem;
top: 9.0625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-4 {
left: 24.0625rem;
top: 12.8125rem;
}
}
.annotated-tip-mrx-5 {
left: 10.125rem;
top: 2.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-5 {
left: 11.5rem;
top: 2.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-5 {
left: 17.125rem;
top: 4.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-5 {
left: 25rem;
top: 7.25rem;
}
}
.annotated-tip.annotated-tip-mrx-6:after {
transform: rotate(188deg);
}
.annotated-tip-mrx-6 {
left: 5.8125rem;
top: 8.5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-6 {
left: 7.625rem;
top: 10.375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-6 {
left: 12.125rem;
top: 14.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-6 {
left: 17.45rem;
top: 20rem;
}
}
.annotated-tip.annotated-tip-mrx-7:after {
transform: rotate(-90deg);
}
.annotated-tip-mrx-7 {
left: 8.375rem;
top: 1.425rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-7 {
left: 10.75rem;
top: 1.95rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-7 {
left: 16.8rem;
top: 3.6875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-7 {
left: 23.875rem;
top: 5.625rem;
}
}
.annotated-tip-mrx-8 {
left: 10.625rem;
top: 2.8125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-8 {
left: 13.125rem;
top: 3.7375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-8 {
left: 19.0625rem;
top: 5.9375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-8 {
left: 25.8rem;
top: 9.125rem;
}
}
.annotated-tip.annotated-tip-mrx-9:after {
transform: rotate(-90deg);
}
.annotated-tip-mrx-9 {
left: 7.975rem;
top: 4rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-9 {
left: 10.75rem;
top: 5.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-9 {
left: 16.125rem;
top: 8.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-9 {
left: 23.1rem;
top: 12.0625rem;
}
}
.annotated-tip.annotated-tip-mrx-10:after {
transform: rotate(94deg);
}
.annotated-tip-mrx-10 {
left: 10.425rem;
top: 7rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-10 {
left: 12.9rem;
top: 8.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-10 {
left: 18.9375rem;
top: 12.125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-10 {
left: 25.9375rem;
top: 16.375rem;
}
}
.annotated-tip.annotated-tip-mrx-11:after {
transform: rotate(-94deg);
}
.annotated-tip-mrx-11 {
left: 1.875rem;
top: 3.4375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-11 {
left: 1.8125rem;
top: 4.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-11 {
left: 4.0625rem;
top: 7.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-11 {
left: 7.25rem;
top: 10.0625rem;
}
}
.annotated-tip.annotated-tip-mrx-12:after {
transform: rotate(-90deg);
}
.annotated-tip-mrx-12 {
left: 7.25rem;
top: 5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-mrx-12 {
left: 9.5625rem;
top: 6.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-mrx-12 {
left: 14.6875rem;
top: 9.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-mrx-12 {
left: 20.875rem;
top: 14.225rem;
}
} .r3 .product-annotated__tabs {
margin-bottom: 2.0625rem;
}
@media screen and (min-width: 48em){
.r3 .product-annotated__tabs {
margin-top: 2rem;
}
}
@media screen and (min-width: 64em){
.r3 .product-annotated__tabs {
margin-top: 1.875rem;
margin-bottom: 3.4375rem;
width: 17.5rem;
}
}
.r3 .product-annotated__panel {
height: 23.75rem;
}
@media screen and (min-width: 25.625em){
.r3 .product-annotated__panel {
height: 29.375rem;
}
}
@media screen and (min-width: 37.5em){
.r3 .product-annotated__panel {
height: 41.125rem;
}
}
@media screen and (min-width: 48em){
.r3 .product-annotated__panel {
height: 50.625rem;
}
}
@media screen and (min-width: 75em){
.r3 .product-annotated__panel {
height: 33.75rem;
width: 50rem;
background-size: 50rem;
}
}
.r3 .product-annotated__detail {
position: absolute;
top: 10.625rem;
left: 0;
opacity: 1;
}
@media screen and (min-width: 25.625em){
.r3 .product-annotated__detail {
top: 13.75rem;
}
}
@media screen and (min-width: 37.5em){
.r3 .product-annotated__detail {
top: 20rem;
}
}
@media screen and (min-width: 48em){
.r3 .product-annotated__detail {
top: 24.375rem;
}
}
@media screen and (min-width: 75em) {
.r3 .product-annotated__detail {
display: none;
}
}
.r3 .product-annotated__tab img{
margin-top: 10px;
}
.r3 .product-annotated__panel.r3-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-front-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r3 .product-annotated__panel.r3-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r3 .product-annotated__panel.r3-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r3 .product-annotated__panel.r3-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-front-xlarge-2x.jpg);
}
}
.r3 .product-annotated__panel.r3-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-top-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r3 .product-annotated__panel.r3-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-top-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r3 .product-annotated__panel.r3-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-top-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r3 .product-annotated__panel.r3-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-top-xlarge-2x.jpg);
}
}
.r3 .product-annotated__panel.r3-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-rear-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r3 .product-annotated__panel.r3-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r3 .product-annotated__panel.r3-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r3 .product-annotated__panel.r3-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r3-rear-xlarge-2x.jpg);
}
}
.annotated-tip-r3-1 {
left: 1.875rem;
top: 4.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-1 {
left: 2.6875rem;
top: 5.3125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-1 {
left: 4.6875rem;
top: 8.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-1 {
left: 6.25rem;
top: 11.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-1 {
left: 7.5rem;
top: 13.4375rem;
}
}
.annotated-tip-r3-2 {
left: 9.375rem;
top: 0.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-2 {
left: 11.875rem;
top: -0.3125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-2 {
left: 17.5rem;
top: 2.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-2 {
left: 22.875rem;
top: 3.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-2 {
left: 26.25rem;
top: 4.375rem;
}
}
.annotated-tip-r3-3 {
left: 14.375rem;
top: 3.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-3 {
left: 17.5rem;
top: 4.125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-3 {
left: 26.25rem;
top: 5.9375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-3 {
left: 34.375rem;
top: 7.875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-3 {
left: 40rem;
top: 8.75rem;
}
}
.annotated-tip-r3-4 {
left: 7.1875rem;
top: 3.2rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-4 {
left: 9.375rem;
top: 6.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-4 {
left: 13.75rem;
top: 8rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-4 {
left: 18.75rem;
top: 10.125rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-4 {
left: 21.875rem;
top: 13rem;
}
}
.annotated-tip-r3-5 {
left: 10.25rem;
top: 3.9375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-5 {
left: 13.75rem;
top: 7.5625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-5 {
left: 18.75rem;
top: 9.5625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-5 {
left: 25rem;
top: 12.875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-5 {
left: 28.75rem;
top: 15.25rem;
}
}
.annotated-tip-r3-6 {
left: 3.0625rem;
top: 2.5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-6 {
left: 4rem;
top: 2.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-6 {
left: 6.125rem;
top: 6.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-6 {
left: 8.4375rem;
top: 8.8125rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-6 {
left: 9.6875rem;
top: 10.375rem;
}
}
.annotated-tip-r3-7 {
left: 7.5rem;
top: 3.4375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-7 {
left: 10.125rem;
top: 4.6875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-7 {
left: 15.75rem;
top: 7.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-7 {
left: 20.875rem;
top: 10.25rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-7 {
left: 24.125rem;
top: 11.875rem;
}
}
.annotated-tip.annotated-tip-r3-8:after {
transform: rotate(224deg);
}
.annotated-tip-r3-8 {
left: 5.125rem;
top: 13.75rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-8 {
left: 7.375rem;
top: 18.1875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-8 {
left: 12.25rem;
top: 27.1875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-8 {
left: 16.5rem;
top: 33.9375rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-8 {
left: 20.3125rem;
top: 14.6875rem;
}
}
.annotated-tip.annotated-tip-r3-9:after {
transform: rotate(260deg);
}
.annotated-tip-r3-9 {
left: 6.625rem;
top: 12.8rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-9 {
left: 8.9375rem;
top: 16.9rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-9 {
left: 14.5rem;
top: 25.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-9 {
left: 19.7125rem;
top: 32.625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-9 {
left: 22.825rem;
top: 13.2625rem;
}
}
.annotated-tip-r3-10 {
left: 11.4375rem;
top: 0;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-10 {
left: 14.6875rem;
top: 0;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-10 {
left: 22.1875rem;
top: 0;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-10 {
left: 28.75rem;
top: 0.625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-10 {
left: 33.125rem;
top: 1.125rem;
}
}
.annotated-tip-r3-11 {
left: 10.375rem;
top: 12.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-11 {
left: 12.9rem;
top: 16.8rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-11 {
left: 19.5rem;
top: 25.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-11 {
left: 25.25rem;
top: 31.925rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-11 {
left: 27.5rem;
top: 12.925rem;
}
}
.annotated-tip.annotated-tip-r3-12:after {
transform: rotate(188deg);
}
.annotated-tip-r3-12 {
left: 5.8125rem;
top: 16.875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-12 {
left: 8rem;
top: 21.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-12 {
left: 13.3125rem;
top: 32.1rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-12 {
left: 18.125rem;
top: 40.1rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-12 {
left: 21.675rem;
top: 19.4rem;
}
}
.annotated-tip.annotated-tip-r3-13:after {
transform: rotate(95deg);
}
.annotated-tip-r3-13 {
left: 9.375rem;
top: 16.875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-13 {
left: 12.1875rem;
top: 21.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-13 {
left: 17.825rem;
top: 32.2rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-13 {
left: 23.625rem;
top: 40.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-13 {
left: 26.1rem;
top: 19.6rem;
}
}
.annotated-tip-r3-14 {
left: 10.625rem;
top: 14rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r3-14 {
left: 13.75rem;
top: 18.6875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r3-14 {
left: 20.5rem;
top: 28.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r3-14 {
left: 26.5625rem;
top: 35.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r3-14 {
left: 28.125rem;
top: 16.25rem;
}
} .r7.product-annotated__panel {
width: 17.5rem;
padding: 0;
margin: 0 auto;
position: relative;
background-size: 17.5rem;
background-repeat: no-repeat;
background-position: 0 0;
opacity: 1;
}
@media screen and (min-width: 25.625em){
.r7.product-annotated__panel {
width: 22.5rem;
height: 22.5rem;
background-size: 22.5rem;
}
}
@media screen and (min-width: 37.5em){
.r7.product-annotated__panel {
width: 33.625rem;
height: 33.625rem;
background-size: 33.625rem;
}
}
@media screen and (min-width: 48em){
.r7.product-annotated__panel {
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 75em){
.r7.product-annotated__panel {
width: 67.5rem;
background-size: 67.5rem;
}
}
.r7 .product-annotated__tabs {
width: 12.5rem;
margin-bottom: 1.5625rem;
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__tabs {
margin-top: 2.0625rem;
margin-bottom: 3.5rem;
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__tabs {
margin-top: 2.6875rem;
margin-bottom: 2.8125rem;
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__tabs {
margin-top: 3.25rem;
margin-bottom: 2.875rem;
}
}
@media screen and (min-width: 64em){
.r7 .product-annotated__tabs {
margin-top: 5.3125rem;
margin-bottom: 4.375rem;
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__tabs {
margin-bottom: 5.4375rem;
}
}
.r7 .product-annotated__panel {
height: 20.625rem;
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel {
height: 25rem;
background-size: 22.5rem;
width: 22.5rem;
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel {
width: 33.625rem;
height: 29.8125rem;
background-size: 33.625rem;
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel {
height: 34.6875rem;
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__panel {
height: 34.375rem;
width: 67.5rem;
background-size: 67.5rem;
}
}
.r7 .product-annotated__detail {
position: absolute;
top: 7.6875rem;
left: 0;
opacity: 1;
}
.hide .product-annotated__detail{
opacity: 0;
}
.product-annotated__panel.is-active .product-annotated__detail {
-webkit-animation: detailsFadeIn 1.5s;
animation: detailsFadeIn 1.5s;
opacity: 1;
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel .product-annotated__detail {
top: 9.125rem;
width: 100%;
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel .product-annotated__detail {
top: 11.5625rem;
width: 25.625rem;
left: 4rem;
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel .product-annotated__detail {
top: 15.3125rem;
left: 8.875rem;
}
}
@media screen and (min-width: 75em) {
.r7 .product-annotated__detail {
display: none;
}
}
.r7 .product-annotated__tab img{
margin-top: 10px;
}
.r7 .product-annotated__panel.r7-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-front-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel.r7-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel.r7-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel.r7-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-front-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__panel.r7-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-front-xxxlarge-2x.jpg);
}
}
.r7 .product-annotated__panel.r7-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-rear-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel.r7-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel.r7-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel.r7-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-rear-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__panel.r7-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-rear-xxxlarge-2x.jpg);
}
}
.r7 .product-annotated__panel.r7-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-bottom-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel.r7-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-bottom-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel.r7-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-bottom-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel.r7-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-bottom-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__panel.r7-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-bottom-xxxlarge-2x.jpg);
}
}
.r7 .product-annotated__panel.r7-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-top-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r7 .product-annotated__panel.r7-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-top-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r7 .product-annotated__panel.r7-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-top-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r7 .product-annotated__panel.r7-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-top-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r7 .product-annotated__panel.r7-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r7-mk3-top-xxxlarge-2x.jpg);
}
}
.annotated-tip-r7-1 {
left: 1.75rem;
top: 1.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-1 {
left: 2.375rem;
top: 1.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-1 {
left: 4.25rem;
top: 3.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-1 {
left: 5.625rem;
top: 4.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-1 {
left: 9.375rem;
top: 7.75rem;
}
}
.annotated-tip.annotated-tip-r7-2:after {
transform: rotate(90deg);
}
.annotated-tip-r7-2 {
left: 2.5rem;
top: 12.5625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-2 {
left: 2.9375rem;
top: 16.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-2 {
left: 7.375rem;
top: 19.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-2 {
left: 12.375rem;
top: 23.125rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-2 {
left: 25rem;
top: 9.375rem;
}
}
.annotated-tip-r7-3 {
left: 8.3125rem;
top: 8.5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-3 {
left: 11.1875rem;
top: 10.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-3 {
left: 16.875rem;
top: 13.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-3 {
left: 21.625rem;
top: 17rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-3 {
left: 32.625rem;
top: 3.375rem;
}
}
.annotated-tip.annotated-tip-r7-4:after {
transform: rotate(188deg);
}
.annotated-tip-r7-4 {
left: 14.125rem;
top: 12.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-4 {
left: 18.875rem;
top: 15.1875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-4 {
left: 25.8rem;
top: 18.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-4 {
left: 30.625rem;
top: 21.925rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-4 {
left: 39.4375rem;
top: 8.75rem;
}
}
.annotated-tip.annotated-tip-r7-5:after {
transform: rotate(90deg);
}
.annotated-tip-r7-5 {
left: 6.875rem;
top: 12.5625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-5 {
left: 8.75rem;
top: 15.25rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-5 {
left: 13.75rem;
top: 18.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-5 {
left: 18.75rem;
top: 22.375rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-5 {
left: 30rem;
top: 8.75rem;
}
}
.annotated-tip-r7-12 {
left: 4.3125rem;
top: 11.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-12 {
left: 6.0625rem;
top: 13.75rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-12 {
left: 11.875rem;
top: 16.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-12 {
left: 16.75rem;
top: 20.625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-12 {
left: 30rem;
top: 7.5rem;
}
}
.annotated-tip-r7-7 {
left: 13.125rem;
top: 6.925rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-7 {
left: 17rem;
top: 8.9rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-7 {
left: 23.625rem;
top: 11.5rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-7 {
left: 28.3rem;
top: 15.2rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-7 {
left: 40.3125rem;
top: 3.5rem;
}
}
.annotated-tip.annotated-tip-r7-8:after {
transform: rotate(90deg);
}
.annotated-tip-r7-8 {
left: 15.25rem;
top: 14.5625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-8 {
left: 19.75rem;
top: 17.6875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-8 {
left: 26.75rem;
top: 20.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-8 {
left: 31.5625rem;
top: 25.25rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-8 {
left: 42.1875rem;
top: 11.0625rem;
}
}
.annotated-tip.annotated-tip-r7-9:after {
transform: rotate(90deg);
}
.annotated-tip-r7-9 {
left: 15.25rem;
top: 12.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-9 {
left: 19.75rem;
top: 14.9375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-9 {
left: 26.75rem;
top: 18.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-9 {
left: 31.5625rem;
top: 21.875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-9 {
left: 42.1875rem;
top: 8.625rem;
}
}
.annotated-tip-r7-10 {
left: 15.25rem;
top: 8.1rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-10 {
left: 19.75rem;
top: 10.375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-10 {
left: 26.1rem;
top: 13.51rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-10 {
left: 31.25rem;
top: 17.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-10 {
left: 42.1875rem;
top: 4.875rem;
}
}
.annotated-tip.annotated-tip-r7-11:after {
transform: rotate(-90deg);
}
.annotated-tip-r7-11 {
left: 10.775rem;
top: 8.25rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-11 {
left: 14.1rem;
top: 10.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-11 {
left: 20.575rem;
top: 13.7rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-11 {
left: 25.25rem;
top: 17.1rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-11 {
left: 37.55rem;
top: 4.95rem;
}
}
.annotated-tip.annotated-tip-r7-13:after {
transform: rotate(180deg);
}
.annotated-tip-r7-13 {
left: 10.375rem;
top: 12.5rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-13 {
left: 13.975rem;
top: 15.3125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-13 {
left: 20.375rem;
top: 18.75rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-13 {
left: 25.25rem;
top: 22.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-13 {
left: 37.25rem;
top: 9.0625rem;
}
}
.annotated-tip.annotated-tip-r7-15:after {
transform: rotate(180deg);
}
.annotated-tip-r7-15 {
left: 10.375rem;
top: 15rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-15 {
left: 14.2rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-15 {
left: 20.375rem;
top: 22.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-15 {
left: 25.25rem;
top: 26.125rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-15 {
left: 37.35rem;
top: 11.5rem;
}
}
.annotated-tip.annotated-tip-r7-6:after {
transform: rotate(-90deg);
}
.annotated-tip-r7-6 {
left: 6.1875rem;
top: 3.6875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-6 {
left: 8.5rem;
top: 5.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-6 {
left: 14.125rem;
top: 9.5rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-6 {
left: 18.8125rem;
top: 12.9375rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-6 {
left: 30.375rem;
top: 20.8rem;
}
}
.annotated-tip.annotated-tip-r7-14:after {
transform: rotate(-180deg);
}
.annotated-tip-r7-14 {
left: 10rem;
top: 3.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-14 {
left: 13.75rem;
top: 4.375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-14 {
left: 21.5625rem;
top: 6.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-14 {
left: 28.75rem;
top: 9.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-14 {
left: 45.9375rem;
top: 15.3125rem;
}
}
.annotated-tip.annotated-tip-r7-16:after {
transform: rotate(90deg);
}
.annotated-tip-r7-16 {
left: 1.125rem;
top: 1.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r7-16 {
left: 1.5rem;
top: 1.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r7-16 {
left: 2.5rem;
top: 2.8125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r7-16 {
left: 3.125rem;
top: 3.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r7-16 {
left: 5rem;
top: 5.9375rem;
}
} .r5 .product-annotated__tabs {
margin-top: 1.9375rem;
}
.r5 .product-annotated__tabs, .r5 .product-annotated__tabs {
width: 12.5rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__tabs {
margin-top: 2.0625rem;
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__tabs {
margin-top: 2.6875rem;
margin-bottom: 2.8125rem;
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-top: 3.25rem;
margin-bottom: 2.875rem;
}
}
@media screen and (min-width: 64em){
.r5 .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-top: 5.3125rem;
margin-bottom: 4.375rem;
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-bottom: 5.4375rem;
}
}
.r5 .product-annotated__panel {
height: 23.125rem;
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel {
height: 27.5rem;
width: 22.5rem;
background-size: 22.5rem;
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel {
height: 33.125rem;
width: 33.625rem;
background-size: 33.625rem;
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel {
height: 39.6875rem;
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__panel {
height: 42.5rem;
width: 67.5rem;
background-size: 67.5rem;
}
}
.r5 .product-annotated__detail {
position: absolute;
top: 11.4375rem;
left: 0;
opacity: 1;
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel .product-annotated__detail {
top: 13.5rem;
width: 100%;
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel .product-annotated__detail {
top: 17.8125rem;
width: 25.625rem;
left: 4rem;
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel .product-annotated__detail {
top: 25.3125rem;
left: 8.875rem;
}
}
@media screen and (min-width: 75em) {
.r5 .product-annotated__detail {
display: none;
}
}
.r5 .product-annotated__tab img{
margin-top: 10px;
}
.r5 .product-annotated__panel.r5-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-front-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel.r5-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel.r5-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel.r5-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-front-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__panel.r5-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-front-xxxlarge-2x.jpg);
}
}
.r5 .product-annotated__panel.r5-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-rear-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel.r5-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel.r5-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel.r5-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-rear-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__panel.r5-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-rear-xxxlarge-2x.jpg);
}
}
.r5 .product-annotated__panel.r5-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-top-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel.r5-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-top-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel.r5-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-top-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel.r5-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-top-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__panel.r5-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-top-xxxlarge-2x.jpg);
}
}
.r5 .product-annotated__panel.r5-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-bottom-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5 .product-annotated__panel.r5-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-bottom-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5 .product-annotated__panel.r5-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-bottom-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5 .product-annotated__panel.r5-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-bottom-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5 .product-annotated__panel.r5-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/11/annotated-r5-bottom-xxxlarge-2x.jpg);
}
}
.annotated-tip-r5-1 {
left: 1.3125rem;
top: 4.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-1 {
left: 1.875rem;
top: 5.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-1 {
left: 3.75rem;
top: 8.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-1 {
left: 5rem;
top: 11.875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-1 {
left: 7.8125rem;
top: 19.0625rem;
}
}
.annotated-tip.annotated-tip-r5-2:after {
transform: rotate(80deg);
}
.annotated-tip-r5-2 {
left: 1.5rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-2 {
left: 2.875rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-2 {
left: 8.125rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-2 {
left: 13.25rem;
top: 28.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-2 {
left: 24.375rem;
top: 20.25rem;
}
}
.annotated-tip-r5-3 {
left: 7.6875rem;
top: 10.4375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-3 {
left: 10.3125rem;
top: 13.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-3 {
left: 15.8125rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-3 {
left: 20.75rem;
top: 23.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-3 {
left: 33rem;
top: 14.0625rem;
}
}
.annotated-tip.annotated-tip-r5-4:after {
transform: rotate(188deg);
}
.annotated-tip-r5-4 {
left: 14.5rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-4 {
left:19.0625rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-4 {
left: 25.25rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-4 {
left: 29.9375rem;
top: 28.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-4 {
left: 44.875rem;
top: 20.25rem;
}
}
.annotated-tip.annotated-tip-r5-5:after {
transform: rotate(85deg);
}
.annotated-tip-r5-5 {
left: 7.3125rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-5 {
left: 12.5rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-5 {
left: 18.125rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-5 {
left: 23.125rem;
top: 28.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-5 {
left: 35.625rem;
top: 20.25rem;
}
}
.annotated-tip-r5-12 {
left: 11.625rem;
top: 14.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-12 {
left: 15.5rem;
top: 17.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-12 {
left: 21.875rem;
top: 21.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-12 {
left: 26.75rem;
top: 27.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-12 {
left: 24.25rem;
top: 18.75rem;
}
}
.annotated-tip-r5-7 {
left: 3.3125rem;
top: 0.8125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-7 {
left: 4.375rem;
top: 1.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-7 {
left: 6.4375rem;
top: 4.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-7 {
left: 8.375rem;
top: 6.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-7 {
left: 13.25rem;
top: 13.15rem;
}
}
.annotated-tip.annotated-tip-r5-8:after {
transform: rotate(264deg);
}
.annotated-tip-r5-8 {
left: 0.6rem;
top: 11.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-8 {
left: 1.0625rem;
top: 13.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-8 {
left: 5.5625rem;
top: 18.3125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-8 {
left: 10.1875rem;
top: 26.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-8 {
left: 2.8875rem;
top: 15.75rem;
}
}
.annotated-tip.annotated-tip-r5-9:after {
transform: rotate(188deg);
}
.annotated-tip-r5-9 {
left: 0rem;
top: 15.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-9 {
left: 0.8125rem;
top: 18.75rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-9 {
left: 4.9375rem;
top: 23.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-9 {
left: 9.9875rem;
top: 30.999rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-9 {
left: 2.75rem;
top: 20.25rem;
}
}
.annotated-tip.annotated-tip-r5-10:after {
transform: rotate(90deg);
}
.annotated-tip-r5-10 {
left: 2.25rem;
top: 17.1rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-10 {
left: 3.125rem;
top: 20.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-10 {
left: 7.5rem;
top: 26.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-10 {
left: 12.6875rem;
top: 33.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-10 {
left: 5.25rem;
top: 23.375rem;
}
}
.annotated-tip-r5-11 {
left: 5.75rem;
top: 11.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-11 {
left: 7.5rem;
top: 13.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-11 {
left: 12.5rem;
top: 18.5rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-11 {
left: 17.15rem;
top: 26.1rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-11 {
left: 10rem;
top: 15.01rem;
}
}
.annotated-tip.annotated-tip-r5-13:after {
transform: rotate(45deg);
}
.annotated-tip-r5-13 {
left: 6rem;
top: 14.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-13 {
left: 7.5rem;
top: 17.375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-13 {
left: 12.5625rem;
top: 22.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-13 {
left: 17.5625rem;
top: 29.8625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-13 {
left: 9.5rem;
top: 19.0625rem;
}
}
.annotated-tip.annotated-tip-r5-15:after {
transform: rotate(90deg);
}
.annotated-tip-r5-15 {
left: 5.75rem;
top: 17.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-15 {
left: 7.5rem;
top: 20.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-15 {
left: 12.5rem;
top: 26.125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-15 {
left: 17.175rem;
top: 33.6375rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-15 {
left: 10rem;
top: 23rem;
}
}
.annotated-tip.annotated-tip-r5-6:after {
transform: rotate(265deg);
}
.annotated-tip-r5-6 {
left: 5.75rem;
top: 4.9625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-6 {
left: 7.875rem;
top: 6.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-6 {
left: 13.4375rem;
top: 10.9rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-6 {
left: 17.5rem;
top: 15.125rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-6 {
left: 28.375rem;
top: 24.375rem;
}
}
.annotated-tip.annotated-tip-r5-14:after {
transform: rotate(190deg);
}
.annotated-tip-r5-14 {
left: 9.95rem;
top: 5.625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5-14 {
left: 13.125rem;
top: 7rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5-14 {
left: 21.9375rem;
top: 11.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-14 {
left: 28.6875rem;
top: 14.6875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5-14 {
left: 46.5rem;
top: 23.375rem;
}
}  .r5s .product-annotated__tabs {
margin-top: 1.9375rem;
}
.r5s .product-annotated__tabs, .r5s .product-annotated__tabs {
width: 12.5rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__tabs {
margin-top: 2.0625rem;
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__tabs {
margin-top: 2.6875rem;
margin-bottom: 2.8125rem;
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-top: 3.25rem;
margin-bottom: 2.875rem;
}
}
@media screen and (min-width: 64em){
.r5s .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-top: 5.3125rem;
margin-bottom: 4.375rem;
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__tabs, .r5u .product-annotated__tabs {
margin-bottom: 5.4375rem;
}
}
.r5s .product-annotated__panel {
height: 23.125rem;
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel {
height: 27.5rem;
width: 22.5rem;
background-size: 22.5rem;
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel {
height: 33.125rem;
width: 33.625rem;
background-size: 33.625rem;
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel {
height: 39.6875rem;
width: 43.5rem;
background-size: 43.5rem;
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__panel {
height: 42.5rem;
width: 67.5rem;
background-size: 67.5rem;
}
}
.r5s .product-annotated__detail {
position: absolute;
top: 11.4375rem;
left: 0;
opacity: 1;
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel .product-annotated__detail {
top: 13.5rem;
width: 100%;
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel .product-annotated__detail {
top: 17.8125rem;
width: 25.625rem;
left: 4rem;
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel .product-annotated__detail {
top: 25.3125rem;
left: 8.875rem;
}
}
@media screen and (min-width: 75em) {
.r5s .product-annotated__detail {
display: none;
}
}
.r5s .product-annotated__tab img{
margin-top: 10px;
}
.r5s .product-annotated__panel.r5s-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-front-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel.r5s-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-front-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel.r5s-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-front-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel.r5s-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-front-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__panel.r5s-front {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-front-xxxlarge-2x.jpg);
}
}
.r5s .product-annotated__panel.r5s-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-rear-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel.r5s-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-rear-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel.r5s-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-rear-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel.r5s-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-rear-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__panel.r5s-rear {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-rear-xxxlarge-2x.jpg);
}
}
.r5s .product-annotated__panel.r5s-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-top-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel.r5s-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-top-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel.r5s-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-top-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel.r5s-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-top-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__panel.r5s-top {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-top-xxxlarge-2x.jpg);
}
}
.r5s .product-annotated__panel.r5s-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-bottom-small-2x.jpg);
}
@media screen and (min-width: 25.625em){
.r5s .product-annotated__panel.r5s-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-bottom-medium-2x.jpg);
}
}
@media screen and (min-width: 37.5em){
.r5s .product-annotated__panel.r5s-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-bottom-large-2x.jpg);
}
}
@media screen and (min-width: 48em){
.r5s .product-annotated__panel.r5s-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-bottom-xlarge-2x.jpg);
}
}
@media screen and (min-width: 75em){
.r5s .product-annotated__panel.r5s-bottom {
background-image: url(https://www.ruarkaudio.my/wp-content/uploads/2021/12/annotated-r5-sgn-bottom-xxxlarge-2x.jpg);
}
}
.annotated-tip-r5s-1 {
left: 1.3125rem;
top: 4.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-1 {
left: 1.875rem;
top: 5.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-1 {
left: 3.75rem;
top: 8.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-1 {
left: 5rem;
top: 11.875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-1 {
left: 7.8125rem;
top: 19.0625rem;
}
}
.annotated-tip.annotated-tip-r5s-2:after {
transform: rotate(80deg);
}
.annotated-tip-r5s-2 {
left: 1.5rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-2 {
left: 2.875rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-2 {
left: 8.125rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-2 {
left: 13.25rem;
top: 30.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-2 {
left: 24.375rem;
top: 20.25rem;
}
}
.annotated-tip-r5s-3 {
left: 7.6875rem;
top: 10.4375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-3 {
left: 10.3125rem;
top: 13.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-3 {
left: 15.8125rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-3 {
left: 20.75rem;
top: 23.5625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-3 {
left: 33rem;
top: 14.0625rem;
}
}
.annotated-tip.annotated-tip-r5s-4:after {
transform: rotate(188deg);
}
.annotated-tip-r5s-4 {
left: 14.5rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-4 {
left: 19.5625rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-4 {
left: 25.25rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-4 {
left: 31.275rem;
top: 30.85rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-4 {
left: 45.875rem;
top: 20.25rem;
}
}
.annotated-tip.annotated-tip-r5s-5:after {
transform: rotate(85deg);
}
.annotated-tip-r5s-5 {
left: 7.3125rem;
top: 15.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-5 {
left: 12.5rem;
top: 18.4375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-5 {
left: 18.125rem;
top: 23.4375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-5 {
left: 23.125rem;
top: 30.825rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-5 {
left: 35.625rem;
top: 20.25rem;
}
}
.annotated-tip-r5s-12 {
left: 11.625rem;
top: 14.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-12 {
left: 15.5rem;
top: 17.5rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-12 {
left: 21.875rem;
top: 21.875rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-12 {
left: 27.75rem;
top: 28.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-12 {
left: 26.25rem;
top: 20.75rem;
}
}
.annotated-tip-r5s-7 {
left: 3.3125rem;
top: 2.325rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-7 {
left: 4.15rem;
top: 3.875rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-7 {
left: 6.4375rem;
top: 6.8rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-7 {
left: 8.375rem;
top: 6.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-7 {
left: 12.9rem;
top: 15.9rem;
}
}
.annotated-tip.annotated-tip-r5s-8:after {
transform: rotate(264deg);
}
.annotated-tip-r5s-8 {
left: 0.6rem;
top: 11.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-8 {
left: 1.0625rem;
top: 13.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-8 {
left: 5.5625rem;
top: 19.3125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-8 {
left: 10.1875rem;
top: 26.5rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-8 {
left: 2.8875rem;
top: 17.75rem;
}
}
.annotated-tip.annotated-tip-r5s-9:after {
transform: rotate(188deg);
}
.annotated-tip-r5s-9 {
left: 0rem;
top: 15.375rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-9 {
left: 0.8125rem;
top: 18.75rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-9 {
left: 4.9375rem;
top: 23.625rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-9 {
left: 9.9875rem;
top: 30.999rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-9 {
left: 2.75rem;
top: 22.8rem;
}
}
.annotated-tip.annotated-tip-r5s-10:after {
transform: rotate(90deg);
}
.annotated-tip-r5s-10 {
left: 2.25rem;
top: 17.1rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-10 {
left: 3.125rem;
top: 20.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-10 {
left: 7.5rem;
top: 26.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-10 {
left: 12.6875rem;
top: 33.75rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-10 {
left: 5.25rem;
top: 25.375rem;
}
}
.annotated-tip-r5s-11 {
left: 5.75rem;
top: 11.0625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-11 {
left: 7.5rem;
top: 13.8125rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-11 {
left: 17.2rem;
top: 26.1rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5-11 {
left: 17.15rem;
top: 26.1rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-11 {
left: 10rem;
top: 18.01rem;
}
}
.annotated-tip.annotated-tip-r5s-13:after {
transform: rotate(45deg);
}
.annotated-tip-r5s-13 {
left: 6rem;
top: 14.125rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-13 {
left: 7.5rem;
top: 17.375rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-13 {
left: 12.5625rem;
top: 22.375rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-13 {
left: 17.5625rem;
top: 29.8625rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-13 {
left: 10.5rem;
top: 21.5rem;
}
}
.annotated-tip.annotated-tip-r5s-15:after {
transform: rotate(90deg);
}
.annotated-tip-r5s-15 {
left: 5.75rem;
top: 17.1875rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-15 {
left: 7.5rem;
top: 20.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-15 {
left: 12.5rem;
top: 26.125rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-15 {
left: 17.175rem;
top: 33.6375rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-15 {
left: 10rem;
top: 25rem;
}
}
.annotated-tip.annotated-tip-r5s-6:after {
transform: rotate(265deg);
}
.annotated-tip-r5s-6 {
left: 5.75rem;
top: 4.9625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-6 {
left: 7.875rem;
top: 6.625rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-6 {
left: 13.4375rem;
top: 11.9rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-6 {
left: 18.3rem;
top: 15.8rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-6 {
left: 29.375rem;
top: 25.375rem;
}
}
.annotated-tip.annotated-tip-r5s-14:after {
transform: rotate(190deg);
}
.annotated-tip-r5s-14 {
left: 9.95rem;
top: 5.625rem;
}
@media screen and (min-width: 25.625em){
.annotated-tip-r5s-14 {
left: 13.125rem;
top: 7rem;
}
}
@media screen and (min-width: 37.5em){
.annotated-tip-r5s-14 {
left: 21.9375rem;
top: 11.25rem;
}
}
@media screen and (min-width: 48em){
.annotated-tip-r5s-14 {
left: 28.6875rem;
top: 14.6875rem;
}
}
@media screen and (min-width: 75em){
.annotated-tip-r5s-14 {
left: 46.5rem;
top: 23.375rem;
}
}
.read_agree {margin-top:60px;}
.nf-field-label a {color:#B75E5E;}
.formli .sf-lb {font-weight:600;}
.formli select {padding: 8px 5px 8px 15px;}
.spotify_form {width: 80%; margin: 0 auto;}
.spotify_form .req-red {color:#e80000;}
.agreetick .wpcf7-list-item-label {display:none!important;}
.agreetick .wpcf7-form-control {background:none; border:0;}
.agreetick .wpcf7-list-item {margin:0;}
.wpcf7-form-control, .wpcf7-list-item {margin-bottom: 0px!important;}
.spotify_form p {padding:0; margin:0;}
.formli {margin-bottom:15px;}
.spotify_form a { color: #B75E5E;}
.spotify_form input[type="submit"]:hover {color:#fff;}
@media screen and (min-width: 767px){
.spotify_form {width: 100%; margin: 0 auto;}
}
@media (min-width: 767px) and (max-width: 1400px){
.main-navigation a {font-size:11px!important;}
}
.page-id-3252 .contact-banner {padding: 0px 0px;}
.page-id-3252 .contact-banner-img {padding-top:0px;}
.page-id-3252 .contact-banner-info, .page-id-3252 .custom-button,
.page-id-3252 .wrap-contact-page .container {display:none;}
.page-id-3252 .wrap-contact-page  .contact-banner .container {display:block;}