.post-navigation {
padding: 0;
display: table;
width: 100%;
position: relative;
}
.post-navigation .nav-links {
width: 100%;
margin: 0 auto;
display: table;
border-top: solid 1px #eeeeee;
border-bottom: solid 1px #eeeeee;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative;
vertical-align: middle;
padding: 15px 0;
width: 50%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
float: left;
}
.post-navigation .nav-previous .post-navigation-content,
.post-navigation .nav-next .post-navigation-content {
margin-left: 30px;
}
.post-navigation .nav-previous:hover .post-navigation-icon,
.post-navigation .nav-next:hover .post-navigation-icon,
.post-navigation .nav-previous:hover .post-navigation-title,
.post-navigation .nav-next:hover .post-navigation-title {
color: #eb131f;
}
.post-navigation .nav-next {
float: right;
text-align: right;
}
.post-navigation .nav-next .post-navigation-content {
margin-left: 0;
margin-right: 30px;
}
.post-navigation .post-navigation-label {
display: block;
font-size: 0.75em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 5px;
color: #8f8f8f;
}
.post-navigation .post-navigation-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 15px;
font-weight: 400;
text-transform: none;
color: #333333;
}
.post-navigation .post-navigation-icon {
font-size: 14px;
line-height: 1em;
width: 60px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -7px;
color: #8f8f8f;
}
.post-navigation .nav-links .nav-next .post-navigation-icon {
right: 0;
} img {
max-width: 100%;
height: auto;
}
.alignnone {
margin: 15px 15px 0 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
.alignright {
float: right;
margin: 15px 0 15px 15px;
}
.alignleft {
float: left;
margin: 15px 15px 15px 0;
}
.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
a img.alignright {
float: right;
margin: 15px 0 0 15px;
}
a img.alignnone {
margin: 15px 15px 0 0;
}
a img.alignleft {
float: left;
margin: 15px 15px 0 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
text-align: center;
max-width: 100%;
}
.wp-caption.alignnone {
margin: 15px 15px 30px 0;
}
.wp-caption.alignleft {
margin: 15px 15px 30px 0;
}
.wp-caption.alignright {
margin: 15px 0 30px 15px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
font-style: italic;
opacity: 0.7;
line-height: 17px;
margin: 1em 0 0 0;
padding: 0 10%;
}
.wp-post-image {
height: auto;
max-width: 100%;
}
.sticky {
opacity: 1;
}
.bypostauthor {
opacity: 1;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery:before {
content: "";
display: table;
}
.gallery:after {
clear: both;
content: "";
display: block;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(21%);
max-width: calc(21%);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(16%);
max-width: calc(16%);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(12.7%);
max-width: calc(12.7%);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(10.28%);
max-width: calc(10.28%);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(8.5%);
max-width: calc(8.5%);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(7.1%);
max-width: calc(7.1%);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.g5plus-page-links {
margin-top: 30px;
font-size: 0;
}
.g5plus-page-links-title {
margin-right: 40px;
font-size: 18px;
margin-bottom: 0;
font-weight: 300;
color: #2a2a2a;
}
.g5plus-page-link {
display: inline-block;
margin-right: 4px;
font-size: 12px;
font-weight: bold;
color: #888888;
padding: 0;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
border: 1px solid #e9e9e9;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.g5plus-page-links .g5plus-page-link:hover,
.g5plus-page-links > .g5plus-page-link {
color: #fff;
background-color: #eb131f;
border-color: #eb131f;
}
.filter-blur {
-webkit-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
-moz-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
-o-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
-ms-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
}
.filter-brightness-dark {
-webkit-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-moz-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-o-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-ms-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
}
.filter-brightness-light {
-webkit-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-light);
-moz-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-light);
-o-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-light);
-ms-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-light);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-light);
}
.filter-blur-overlay {
-webkit-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#blur-overlay);
-moz-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#blur-overlay);
-o-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#blur-overlay);
-ms-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#blur-overlay);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#blur-overlay);
}
.filter-gray-scale {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#gray-scale);
}
.filter-gray-scale:hover {
-webkit-filter: none;
-moz-filter: none;
filter: none;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.tada {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
} body {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
}
body {
line-height: 2;
color: #8f8f8f;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-top: 0;
margin-bottom: 20px;
font-weight: 400;
color: #222222;
}
.container .container,
.has-sidebar .site-content-page-inner .container,
.has-sidebar .site-content-archive-inner .container {
width: 100%;
padding: 0;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
} .boxed #wrapper {
max-width: 1200px;
margin: auto;
}
div,
iframe,
img {
margin: 0;
padding: 0;
}
p {
font-weight: 400;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
::selection {
background: #eb131f;
color: #ffffff;
}
a,
a:hover,
a.active {
color: inherit;
text-decoration: none;
outline: none;
}
a:hover,
a.active {
color: #eb131f;
}
input,
textarea,
button,
select {
outline: none;
}
.fixed {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .page-title-wrap {
height: 300px;
text-align: center;
width: 100%;
position: relative;
color: #ffffff;
margin-bottom: 100px;
background-color: #2a2a2a;
}
.page-title-wrap .container {
height: 100%;
}
.page-title-wrap .block-center {
text-align: left;
}
.page-title-inner {
vertical-align: middle;
position: relative;
z-index: 1;
}
.page-title-inner h1 {
font-size: 60px;
margin-bottom: 0;
font-weight: bold;
text-transform: uppercase;
color: inherit;
}
.page-title-wrap-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page-title-overlay {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-color: #000000;
opacity: 0.4;
}
.page-title-no-margin-bottom {
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.page-title-inner h1 {
font-size: 42px;
}
}
@media (max-width: 480px) {
.page-title-inner h1 {
font-size: 32px;
}
} ul.breadcrumbs {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
ul.breadcrumbs li {
display: inline;
font-size: 14px;
text-transform: uppercase;
}
ul.breadcrumbs li a {
color: #ffffff;
}
ul.breadcrumbs li a.home {
font-size: 16px;
color: #eb131f;
}
ul.breadcrumbs li + li:before {
content: "//";
display: inline-block;
padding: 0 5px;
}
ul.breadcrumbs li span {
color: #ffffff;
} input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
padding: 0 20px;
font-size: 14px;
color: #8f8f8f;
height: 40px;
line-height: 1;
background-color: #ffffff;
border: 1px solid #eeeeee;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus {
border-color: #eb131f;
}
textarea {
height: auto;
padding-top: 15px;
}
select {
max-width: 100%;
border: 1px solid #eeeeee;
background-color: #fff;
padding: 0 20px;
font-size: 14px;
color: #bababa;
height: 40px;
line-height: 1; }
.block-center:before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.block-center {
height: 100%;
width: 100%;
text-align: center;
}
.block-center-inner {
display: inline-block;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
max-width: 95%;
}
.block-center-inner > * {
margin: auto;
} #g5plus-modal-search {
z-index: 999999;
}
#g5plus-modal-search.modal.in .modal-backdrop.in {
opacity: 0.95;
height: 100%;
position: fixed;
background: #000;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#g5plus-modal-search.modal.in .g5plus-modal-dialog {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#g5plus-modal-search .g5plus-modal-dialog {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: auto;
}
#g5plus-modal-search .g5plus-dismiss-modal {
position: absolute;
right: 15px;
top: 15px;
font-size: 16px;
color: #fff;
z-index: 1040;
cursor: pointer;
}
#g5plus-modal-search .g5plus-dismiss-modal:hover {
color: #eb131f;
}
#g5plus-modal-search .g5plus-modal-search {
padding: 80px 30px 60px;
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper {
position: relative;
width: 100%;
font-size: 24px;
color: #fff;
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
max-width: 1140px;
display: block;
margin-right: auto;
margin-left: auto;
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:before,
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after {
content: " ";
display: table;
}
#g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after {
clear: both;
}
#g5plus-modal-search .g5plus-modal-search input[type="search"] {
border: none;
outline: none;
display: block;
float: left;
width: 100%;
padding-right: 60px;
padding-left: 20px;
background-color: transparent;
font-size: 22px;
color: #fff;
}
#g5plus-modal-search .g5plus-modal-search button {
position: absolute;
display: block;
color: #000;
bottom: 10px;
right: 0;
line-height: 30px;
border: none;
outline: none;
font-size: 30px;
background-color: transparent;
}
#g5plus-modal-search .ajax-search-result {
margin: auto;
max-width: 1140px;
background: rgba(22, 22, 22, 0.4);
max-height: 356px;
overflow-y: auto;
position: relative;
}
#g5plus-modal-search .ajax-search-result > ul {
list-style: none;
padding: 15px;
position: relative;
}
#g5plus-modal-search .ajax-search-result li {
padding: 5px 5px;
color: #fff;
font-size: 16px;
}
#g5plus-modal-search .ajax-search-result li.search-view-more {
font-size: 14px;
font-style: italic;
}
#g5plus-modal-search .ajax-search-result li.search-view-more a {
text-decoration: underline;
}
#g5plus-modal-search .ajax-search-result li span {
display: inline-block;
padding-left: 15px;
color: #777;
font-style: italic;
}
#g5plus-modal-search .ajax-search-result li.selected a,
#g5plus-modal-search .ajax-search-result li a:hover {
color: #eb131f;
}
#g5plus-modal-search i.ajax-search-icon {
color: #fff;
}
#g5plus-modal-search i.ajax-search-icon.icon-search:before {
font-family: 'FontAwesome';
content: '\f002';
display: inline-block;
font-style: normal;
font-size: 22px;
}
#search_popup_wrapper .search-popup-inner {
margin: 1em 0;
}
#search_popup_wrapper .search-popup-inner > input {
width: 90%;
margin-bottom: 20px;
}
#search_popup_wrapper .search-popup-inner > button {
width: 120px;
border: double 4px #eb131f;
color: #eb131f;
background-color: transparent;
text-transform: uppercase;
}
.error404 section.page-title-wrap {
margin-bottom: 0;
}
.error404 .page-title-inner {
font-size: 32px;
}
.error404 footer {
display: none;
}
.page404 {
background-size: cover;
background-position: center center;
opacity: 0;
display: table;
width: 100%;
}
.page404:before {
position: absolute;
content: '';
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.page404 .social-share {
margin-top: 60px;
}
.page404 .social-share a {
padding-left: 15px;
padding-right: 15px;
font-size: 22px;
}
.page404 .logo,
.page404 .copyright {
text-align: center;
}
.page404 .logo {
position: absolute;
padding-top: 40px;
width: 100%;
}
.page404 .copyright {
width: 100%;
bottom: 40px;
left: 0;
right: 0;
position: absolute;
text-transform: uppercase;
color: #000;
}
.page404 .title {
font-size: 32px;
color: #222222;
text-transform: uppercase;
line-height: 1;
display: block;
letter-spacing: 6px;
}
.page404 .title.not-found {
padding-top: 12px;
}
.page404 .content-404 {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.page404 .content-404 * {
position: relative;
}
.page404 h2 {
text-align: center;
font-size: 162px;
font-weight: 600;
color: #eb131f;
line-height: 1;
margin-bottom: 0;
}
.page404 .description {
text-align: center;
padding-top: 15px;
width: 70%;
display: inline-block;
}
.page404 div.search {
text-align: center;
line-height: 1px;
margin-top: 65px;
}
.page404 div.search .widget_search {
width: 35%;
display: inline-block;
}
.page404 div.search .search-form input[type="text"] {
color: #000;
text-transform: uppercase;
}
.gotop {
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
bottom: 10px;
right: 10px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
z-index: 2;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 2px solid #1e1e1e;
color: #1e1e1e;
background-color: #f5f5f5;
}
.gotop i {
font-size: 22px;
}
.gotop:hover {
text-decoration: none;
color: #1e1e1e;
}
.gotop.in {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 5px;
}
#wrapper-content {
background-color: #fff;
z-index: 1;
position: relative;
}
#wrapper-content > main[role='main'] {
overflow: hidden;
}
#site-loading {
height: 100%;
width: 100%;
position: fixed;
z-index: 1001;
margin-top: 0;
top: 0;
}
.site-loading-center {
width: 100%;
height: 100%;
position: relative;
}
.wpb_map_wraper iframe {
display: block;
-webkit-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-moz-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-o-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
-ms-filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
filter: url(//www.trivalleyx.com/wp-content/themes/tve/assets/css/filter.svg#brightness-dark);
pointer-events: none;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
} .tparrows.preview1 {
width: 34px;
}
.tparrows.preview1:after {
width: 34px;
font-size: 26px;
font-family: "fontawesome";
background: rgba(0, 0, 0, 0.4);
}
.tp-leftarrow.preview1:after {
content: "\f104";
}
.tp-rightarrow.preview1:after {
content: "\f105";
}
.tparrows.preview1:hover .tp-arr-iwrapper {
opacity: 0;
}
.tparrows.preview1:hover:after {
color: #fff;
background-color: #eb131f;
}
.toggle-icon-wrapper {
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.toggle-icon-wrapper:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toggle-icon-wrapper .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
}
.toggle-icon-wrapper .toggle-icon > span {
background: none repeat scroll 0 0 #000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:after,
.toggle-icon-wrapper .toggle-icon:before {
background: none repeat scroll 0 0 #000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:before {
top: 20%;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
.toggle-icon-wrapper .toggle-icon:after {
bottom: 20%;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
.toggle-icon-wrapper + span {
vertical-align: middle;
text-transform: uppercase;
}
.toggle-icon-wrapper.in .toggle-icon span {
background: transparent;
}
.toggle-icon-wrapper.in .toggle-icon:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-icon-wrapper.in .toggle-icon:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} .loading-wrapper {
position: fixed;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99999;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-moz-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.spinner-double-section-far {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3.125px solid #aaa;
-webkit-animation: spinner 1.2s linear infinite;
-moz-animation: spinner 1.2s linear infinite;
-ms-animation: spinner 1.2s linear infinite;
-o-animation: spinner 1.2s linear infinite;
animation: spinner 1.2s linear infinite;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.spinner-double-section-far:before,
.spinner-double-section-far:after {
content: '';
position: absolute;
top: -3.125px;
left: -3.125px;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3.125px solid transparent;
border-top-color: tomato;
}
.spinner-double-section-far:after {
border-top-color: transparent;
border-bottom-color: tomato;
}
.spinner-double-section-far:before,
.spinner-double-section-far:after {
top: -9.375px;
left: -9.375px;
width: 62.5px;
height: 62.5px;
}
.modal {
z-index: 99999;
}
.modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.in {
opacity: 1;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
color: #FFFFFF;
font-size: 24px;
display: block;
line-height: 1;
}
#popup-product-quick-view-wrapper .popup-close {
background-color: #eb131f;
width: 30px;
height: 30px;
font-size: 18px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 1;
top: 0;
right: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup-product-quick-view-wrapper .popup-close:hover {
color: #fff;
background-color: #333333;
}
@media only screen and (max-width: 768px) {
.page404 div.search .widget_search {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.page404 {
background-size: cover;
opacity: 0;
display: block;
width: 100%;
}
.page404 .logo {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
.page404 .copyright {
position: relative;
padding: 30px 15px;
}
.page404 .content-404 {
text-align: center;
display: table;
vertical-align: middle;
padding-bottom: 30px;
}
.page404 .description {
width: 90%;
}
.page404 div.social-share {
margin-top: 30px;
}
.page404 div.search {
margin-top: 35px;
}
.page404 div.search .widget_search {
width: 70%;
display: inline-block;
}
}
.mail-chimp-wrapper .mail-chimp-button {
position: relative;
}
.mail-chimp-wrapper .mail-chimp-button > input {
line-height: 42px;
height: 42px;
}
.mail-chimp-wrapper .mail-chimp-button button {
position: absolute;
right: 5px;
top: 0;
border: none;
background-color: transparent;
line-height: 1;
bottom: 0;
color: #eb131f;
}
.main-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
body.menu-mobile-in .main-menu-overlay {
opacity: 1;
z-index: 298;
pointer-events: auto;
cursor: url(//www.trivalleyx.com/wp-content/themes/tve/assets/images/close.png) 15 15, default;
}
.darna-contact-form input[type="text"],
.darna-contact-form input[type="email"],
.darna-contact-form textarea {
width: 100%;
}
.darna-contact-form .wpcf7-form-control-wrap {
margin-bottom: 30px;
display: block;
}
.darna-contact-form span.wpcf7-not-valid-tip {
font-size: 12px;
color: #eb131f;
}
.darna-contact-form input[type="submit"].darna-button {
width: 100%;
}
div.wpcf7 img.ajax-loader {
display: block;
width: 16px;
margin: auto;
} span.darna-slider-border-bottom:after {
content: "";
display: block;
height: 5px;
width: 60px;
background-color: #fdb52b;
margin: auto;
margin-top: 20px;
}
.darna-play-video:hover i {
color: #eb131f;
}
.dialog,
.dialog__overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.dialog {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
}
.dialog__overlay {
position: absolute;
z-index: 1;
background: rgba(55, 58, 71, 0.9);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-backface-visibility: hidden;
}
.dialog--open .dialog__overlay {
opacity: 1;
pointer-events: auto;
}
.dialog__content {
width: 80%;
max-width: 520px;
min-width: 290px;
background: #fff;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
} .dialog h2 {
font-weight: 400;
font-size: 24px;
padding: 0 0 15px;
margin: 0;
text-transform: uppercase;
}
.dialog--open .dialog__overlay {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
background: transparent;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
background: #fff;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
-o-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
background: #eb131f;
border: none;
top: 0;
right: 0;
width: 30px;
height: 30px;
line-height: 1;
color: #fff;
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .top-bar {
background-color: #f8f8f8;
color: #222222;
position: relative;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
z-index: 998;
}
.top-bar ul.top-bar-info {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
.top-bar ul.top-bar-info li {
display: inline-block;
line-height: 42px;
vertical-align: middle;
padding: 0;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.top-bar ul.top-bar-info li > a {
vertical-align: middle;
}
.top-bar ul.top-bar-info li + li {
margin-left: 25px;
}
.top-bar ul.top-bar-info i.fa {
color: #eb131f;
font-size: 14px;
padding-right: 5px;
vertical-align: middle;
}
.top-bar .sidebar {
color: #222222;
}
.top-bar .sidebar h4.widget-title {
color: #222222;
}
.top-bar .sidebar #wp-calendar caption,
.top-bar .sidebar #wp-calendar thead th {
color: #222222;
}
.top-bar .sidebar .widget-social-profile {
line-height: 42px;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li {
line-height: 42px;
padding: 0;
margin: 0;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 20px;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
border-top: solid 1px #ffffff;
position: absolute;
z-index: 999;
left: 0;
top: 100%;
background-color: #f8f8f8;
color: #222222;
text-align: left;
margin: 0;
padding: 0 15px;
min-width: 150px;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
line-height: 26px;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #ffffff;
}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
.top-bar .top-bar-left {
text-align: left;
}
.top-bar .top-bar-right {
text-align: right;
}
.top-bar .top-bar-right.sidebar .widget_nav_menu > div > ul.menu ul ul {
left: auto;
right: 100%;
}
.top-bar .top-bar-center {
text-align: center;
}
@media screen and (max-width: 991px) {
.top-bar {
position: relative;
z-index: 998;
background: #F8F8F8;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
text-align: center;
}
.top-bar-right.sidebar .widget_nav_menu > div > ul.menu ul ul {
right: auto;
left: 100%;
}
body.header-2 .top-bar,
body.header-4 .top-bar {
position: relative;
}
}
@media screen and (max-width: 479px) {
.top-bar ul.top-bar-info li {
display: block;
margin-left: 0 !important;
}
}
@media screen and (min-width: 992px) {
.container.header-desktop-wrapper:before,
.container.header-desktop-wrapper:after {
display: none;
}
.header-mobile-before,
.header-mobile-wrapper,
li.menu-fly-search {
display: none !important;
}
header.main-header {
background-color: #fff;
position: relative;
z-index: 997;
}
header.main-header .container {
display: table;
position: relative;
}
header.main-header .header-left {
display: table-cell;
text-align: left;
vertical-align: middle;
}
header.main-header .header-right {
display: table-cell;
text-align: right;
vertical-align: middle;
}
header.main-header .header-logo {
height: 120px;
display: inline-block;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
header.main-header .header-logo:before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
header.main-header .header-logo > a > img {
max-height: 120px;
padding-top: 20px;
padding-bottom: 20px;
max-width: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.main-header .header-customize {
display: inline-block;
vertical-align: middle;
margin-left: 30px;
font-size: 0px;
color: #222222;
line-height: 120px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.main-header .header-customize-item {
font-size: 14px;
}
header.main-header .icon-search-menu {
display: block;
}
header.main-header .custom-text-wrapper,
header.main-header .get-a-quote-button {
display: inline-block;
vertical-align: middle;
}
header.main-header .get-a-quote-button {
height: 42px;
line-height: 42px;
background-color: #eb131f;
color: #fff;
padding: 0 15px;
text-transform: uppercase;
}
header.main-header .get-a-quote-button > i.fa + span {
margin-left: 5px;
}
header.main-header .header-customize-item {
display: inline-block;
vertical-align: middle;
}
header.main-header .header-customize-item + .header-customize-item {
margin-left: 30px;
}
header.main-header .menu-wrapper {
font-family: 'Oswald';
}
header.main-header .menu-wrapper .x-nav-menu {
position: static;
display: inline-block;
vertical-align: middle;
}
header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret {
vertical-align: top;
}
header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a {
padding: 0;
font-size: 14px;
font-weight: 500;
line-height: 120px;
letter-spacing: 0.01em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu li > a {
color: #222222;
letter-spacing: 0.01em;
font-weight: 400;
font-size: 12px;
}
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover,
header.main-header .menu-wrapper .x-nav-menu > li:hover > a {
position: relative;
}
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before,
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before,
header.main-header .menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text:before,
header.main-header .menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text:before,
header.main-header .menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover:before,
header.main-header .menu-wrapper .x-nav-menu > li:hover > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: solid 4px #eb131f;
}
header.main-header .menu-wrapper .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu li.current-menu-parent > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu li.current-menu-item > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu li.menu-current > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu li > a.x-menu-a-text:hover,
header.main-header .menu-wrapper .x-nav-menu li:hover > a,
header.main-header .menu-wrapper .x-nav-menu li ul.x-sub-menu li:hover > a {
color: #eb131f;
}
header.main-header .menu-wrapper .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li:hover > a > b.x-caret:before,
header.main-header .menu-wrapper .x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before {
color: #eb131f;
}
header.main-header .menu-wrapper .x-nav-menu li.x-header-column > a.x-menu-a-text,
header.main-header .menu-wrapper .x-nav-menu li.x-header-column:hover > a.x-menu-a-text {
color: #222222;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu {
border: solid 1px #eee;
font-family: 'Roboto';
background-color: #f8f8f8;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li {
padding-left: 15px;
padding-right: 15px;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li > a.x-menu-a-text {
padding-left: 0;
padding-right: 0;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li > a.x-menu-a-text:hover {
margin-left: 0;
padding-left: 10px;
}
header.main-header .menu-wrapper .x-nav-menu li > ul.x-sub-menu-standard > li + li > a.x-menu-a-text {
border-top: solid 1px #eee;
}
header.main-header .menu-wrapper .x-nav-menu > li > a {
color: #222222;
}
header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before {
color: #222222;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu b.x-caret {
right: 0;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > a.x-menu-a-text {
font-weight: 400;
font-family: 'Oswald';
font-size: 16px;
letter-spacing: 0.01em;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > a.x-menu-a-text:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 30px;
border-top: solid 4px #eb131f;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item ul.x-sub-menu {
border: none;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item > ul.x-sub-menu-standard > li {
padding-left: 0;
padding-right: 0;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > a.x-menu-a-text {
display: none;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab {
background-color: #fff;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab > li.x-menu-active {
background-color: #f5f5f5;
}
header.main-header .menu-wrapper .x-nav-menu ul.x-sub-menu-multi-column > li.x-menu-item.x-tabs > ul.x-sub-menu-tab > li > a.x-menu-a-text {
font-family: 'Oswald';
border-bottom: solid 1px #eee;
}
.sticky-wrapper.is-sticky > header.main-header {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
header.header-2 {
position: absolute;
background-color: transparent;
left: 0;
right: 0;
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
header.header-2 .header-customize {
color: #fff;
}
header.header-2 .menu-wrapper .x-nav-menu > li.x-menu-item > a {
color: #fff;
}
header.header-2 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before {
color: #fff;
}
header.header-2 .get-a-quote-button {
background-color: transparent;
padding: 0;
}
header.header-2 .get-a-quote-button > span {
display: none;
}
header.header-2 .icon-search-menu > i.fa,
header.header-2 .get-a-quote-button > i.fa,
header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
height: 34px;
width: 34px;
border-radius: 100%;
line-height: 34px;
background-color: #fff;
text-align: center;
color: #222;
padding: 0;
}
header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -25px;
}
header.header-2 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
background-color: rgba(255, 255, 255, 0.96);
}
header.header-2 .header-customize-item + .header-customize-item {
margin-left: 12px;
}
header.header-4 {
position: absolute;
background-color: transparent;
left: 0;
right: 0;
top: 30px;
}
header.header-4 .container {
display: block;
}
header.header-4 .header-desktop-inner {
background-color: #fff;
width: 100%;
display: table;
position: relative;
}
header.header-4 .menu-wrapper .x-nav-menu > li.x-menu-item > a {
line-height: 80px;
}
header.header-4 .header-customize {
line-height: 80px;
margin-left: 75px;
}
header.header-4 .header-logo {
background-color: #eb131f;
padding-left: 20px;
padding-right: 20px;
height: 80px;
display: inline-block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.header-4 .header-logo:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
header.header-4 .get-a-quote-button {
background-color: transparent;
padding: 0;
}
header.header-4 .get-a-quote-button > span {
display: none;
}
header.header-4 .icon-search-menu > i.fa,
header.header-4 .get-a-quote-button > i.fa,
header.header-4 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
height: 34px;
width: 34px;
border-radius: 100%;
line-height: 34px;
background-color: #F4F4F4;
text-align: center;
color: #222;
padding: 0;
}
header.header-4 .header-customize-item + .header-customize-item {
margin-left: 13px;
}
header.header-4 .header-right {
padding-right: 20px;
}
header.header-4 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -25px;
}
header.header-5 {
position: absolute;
background-color: transparent;
left: 0;
right: 0;
}
header.header-5 .header-logo {
background-color: #eb131f;
position: relative;
padding-left: 25px;
padding-right: 15px;
}
header.header-5 .header-logo:after {
content: '';
display: block;
left: 100%;
top: 0;
height: 100%;
position: absolute;
border-top: solid 120px #eb131f;
border-right: solid 30px 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;
}
header.header-5 .header-customize {
color: #fff;
}
header.header-5 .menu-wrapper {
position: relative;
margin-top: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.header-5 .menu-wrapper .x-nav-menu > li.x-menu-item > a {
color: #fff;
}
header.header-5 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before {
color: #fff;
}
header.header-5 .get-a-quote-button {
background-color: transparent;
padding: 0;
}
header.header-5 .get-a-quote-button > span {
display: none;
}
header.header-5 .icon-search-menu > i.fa,
header.header-5 .get-a-quote-button > i.fa,
header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
height: 34px;
width: 34px;
border-radius: 100%;
line-height: 34px;
background-color: rgba(243, 243, 243, 0.4);
text-align: center;
color: #fff;
padding: 0;
}
header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -25px;
}
header.header-5 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
background-color: rgba(255, 255, 255, 0.96);
}
header.header-5 .header-customize-item + .header-customize-item {
margin-left: 12px;
}
body.header-5 .top-bar {
position: absolute;
left: 0;
right: 0;
background: transparent;
color: #fff;
border: none;
}
body.header-5 .top-bar .sidebar {
color: #fff;
}
body.header-5 .top-bar ul.top-bar-info li {
line-height: 50px;
}
body.header-2 .sticky-wrapper,
body.header-4 .sticky-wrapper,
body.header-5 .sticky-wrapper {
position: absolute;
left: 0;
right: 0;
height: auto !important;
}
header.header-3 .header-3-menu-wrapper {
background-color: #222222;
left: 0;
right: 0;
}
header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a {
color: #fff;
line-height: 60px;
}
header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before {
color: #fff;
}
header.header-3 .header-customize-item + .header-customize-item {
margin-left: 10px;
}
header.header-3 .get-a-quote-button {
line-height: 37px;
height: 37px;
}
header.header-3 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart,
header.header-3 .icon-search-menu {
width: 45px;
height: 37px;
line-height: 33px;
border: solid 2px #222;
color: #222;
text-align: center;
padding: 0;
}
header.header-3 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -27px;
right: -7px;
}
header.header-3 .main-menu-custom-text {
float: right;
display: block;
line-height: 60px;
}
header.header-3 .main-menu-custom-text > i.fa {
font-size: 41px;
vertical-align: middle;
color: #eb131f;
margin-right: 5px;
}
header.header-3 .main-menu-custom-text > span {
font-size: 34px;
font-family: 'Oswald';
font-weight: bold;
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
}
.sticky-wrapper.is-sticky > header.main-header {
z-index: 997;
left: 0;
right: 0;
border-bottom: solid 1px #eee;
}
.sticky-wrapper.is-sticky > header.main-header .header-logo {
height: 66px;
}
.sticky-wrapper.is-sticky .header-3-menu-wrapper {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky-wrapper.is-sticky > header.main-header .header-logo > a > img {
max-height: 66px;
padding-top: 5px;
padding-bottom: 5px;
max-width: none;
}
.sticky-wrapper.is-sticky > header.main-header .header-customize {
line-height: 66px;
}
.sticky-wrapper.is-sticky > header.main-header .x-nav-menu > li.x-menu-item > a {
line-height: 66px;
}
.sticky-wrapper.is-sticky > header.main-header.header-3 .menu-wrapper .x-nav-menu > li.x-menu-item > a {
padding: 0 !important;
}
.sticky-wrapper.is-sticky > header.main-header.header-3 .icon-search-menu {
line-height: 33px;
}
.sticky-wrapper.is-sticky > header.main-header.header-4 .header-logo {
height: 66px;
}
.sticky-wrapper.is-sticky > header.main-header.header-2,
.sticky-wrapper.is-sticky > header.main-header.header-5 {
background-color: rgba(56, 59, 62, 0.92);
border-bottom: none;
}
.sticky-wrapper.is-sticky > header.main-header.header-2 .menu-wrapper,
.sticky-wrapper.is-sticky > header.main-header.header-5 .menu-wrapper {
margin-top: 0;
}
.sticky-wrapper.is-sticky > header.main-header.header-2 .header-logo:after,
.sticky-wrapper.is-sticky > header.main-header.header-5 .header-logo:after {
border-top-width: 66px !important;
}
body.boxed header.header-5 .container {
padding-left: 0px;
}
.sticky-wrapper.is-sticky > header.main-header.header-4 {
border-bottom: none;
}
.sticky-wrapper.is-sticky > header.main-header.header-4 .header-desktop-inner {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
body.boxed .sticky-wrapper.is-sticky > header.main-header {
max-width: 1200px;
margin: auto;
}
body.boxed .sticky-wrapper.is-sticky .header-3-menu-wrapper {
margin: auto;
max-width: 1200px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
header.header-1 .header-customize-item + .header-customize-item,
header.header-1 .header-customize,
header.header-1 .x-nav-menu > li.x-menu-item + li {
margin-left: 20px;
}
header.header-4 .x-nav-menu > li.x-menu-item + li {
margin-left: 20px;
}
header.header-4 .header-customize {
margin-left: 35px;
}
}
.shopping-cart-wrapper {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
text-align: right;
position: relative;
}
.shopping-cart-wrapper .widget_shopping_cart_content {
display: block;
text-align: left;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
display: inline-block;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
cursor: pointer;
padding: 0 15px 0 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
position: absolute;
width: 17px;
height: 17px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #eb131f;
font-weight: normal;
color: #fff;
font-size: 10px;
top: 50%;
margin-top: -20px;
right: 0;
text-align: center;
line-height: 17px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
display: none;
position: absolute;
top: 100%;
right: 0;
left: auto;
z-index: 9998;
min-width: 300px;
background: #F8F8F8;
border: solid 1px #EEEEEE;
border-top: solid 2px #eb131f;
padding: 0;
font-family: 'Roboto';
line-height: 2em;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total {
padding: 0 15px 20px;
position: relative;
color: #222222;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty {
padding: 15px;
text-align: center;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 {
text-transform: uppercase;
color: #333333;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p {
color: #8f8f8f;
padding: 0;
margin: 0;
font-size: 14px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li {
padding: 15px 0;
margin: 0;
position: relative;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li {
border-top: solid 1px #eeeeee;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left {
float: left;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right {
overflow: hidden;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a {
text-transform: uppercase;
word-spacing: 0.2em;
color: #333333;
font-size: 12px;
font-weight: 700;
display: block;
padding-right: 15px;
margin-bottom: 6px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a:hover {
color: #eb131f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity {
font-size: 12px;
font-weight: 700;
display: block;
text-align: right;
color: #8f8f8f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity .amount {
float: left;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after {
content: "";
display: block;
clear: both;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount {
font-weight: 700;
float: right;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
color: #fff;
background: #333333;
border-color: #333333;
border-radius: 0;
line-height: 20px;
padding: 5px 0;
font-size: 12px;
width: 48%;
display: inline-block;
text-transform: uppercase;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button:hover {
background-color: #eb131f;
border-color: #eb131f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa {
margin-right: 5px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button {
margin-left: 4%;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl {
border: none;
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 25px;
clear: none;
font-size: 11px;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd {
padding: 0;
line-height: 25px;
display: block;
float: none;
margin: 0;
font-size: 11px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p {
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
padding: 0;
list-style: none;
padding: 15px 15px 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper {
display: block;
}
@media screen and (min-width: 992px) {
.nav-menu-toggle-wrapper {
display: none;
}
}
@media screen and (max-width: 991px) {
.mobile-hide-search,
.mobile-hide-shopping-cart,
.mobile-top-bar-hide {
display: none !important;
}
body {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
left: 0;
}
.main-menu-custom-text {
display: none !important;
}
body.menu-mobile-in {
left: 280px;
overflow: hidden;
}
.container.header-mobile-wrapper {
position: relative;
}
.header-mobile-before {
text-align: center;
}
.header-mobile-before img {
max-height: 60pxpx;
padding-top: 10pxpx;
padding-bottom: 10pxpx;
}
.menu-wrapper {
position: static !important;
}
.menu-main-inner {
display: block !important;
}
.header-logo-mobile {
line-height: 60pxpx;
vertical-align: middle;
text-align: center;
}
.header-logo-mobile img {
max-height: 60pxpx;
padding-top: 10pxpx;
padding-bottom: 10pxpx;
}
header.main-header {
background: #fff;
}
header.main-header .header-left,
header.main-header .toggle-icon-wrapper.toggle-desktop,
header.main-header .header-customize {
display: none;
}
header.main-header .header-mobile-wrapper {
height: 60pxpx;
}
header.main-header .header-mobile-wrapper .header-customize {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
color: #000;
}
header.main-header .header-mobile-wrapper .header-customize:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.main-header .header-mobile-wrapper .header-customize-item {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
header.main-header .header-mobile-wrapper .header-customize-item + .header-customize-item {
margin-left: 10px;
}
header.main-header .header-mobile-wrapper .toggle-icon-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
}
header.main-header .header-mobile-wrapper .icon-search-menu {
display: inline-block;
vertical-align: middle;
border: solid 2px #222;
height: 37px;
width: 45px;
text-align: center;
line-height: 32px;
padding: 0;
font-size: 14px;
}
.x-nav-menu {
background: #383838;
padding: 0;
}
.x-nav-menu a.x-menu-a-text > b.x-caret:before {
color: #ddd;
}
.x-nav-menu > li.menu-fly-search {
display: none;
background-color: #222;
padding: 15px;
position: relative;
}
.x-nav-menu > li.menu-fly-search input {
background-color: #333;
border: navajowhite;
display: block;
width: 100%;
}
.x-nav-menu > li.menu-fly-search button {
border: none;
background-color: transparent;
position: absolute;
top: 0;
right: 19px;
line-height: 1;
bottom: 0;
margin: auto;
}
.x-nav-menu li.x-menu-item {
border-bottom: solid 1px #4C4C4C;
position: relative;
}
.x-nav-menu li.x-menu-item > a.x-menu-a-text {
display: inline-block;
position: static;
padding: 5px 15px;
border-bottom: none;
text-transform: uppercase;
font-family: Roboto;
color: #ddd;
}
.x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret {
right: 0;
bottom: auto;
top: 0;
width: 44px;
height: 38px;
line-height: 38px;
text-align: center;
}
.x-nav-menu li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before {
content: "";
display: block;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #383838;
position: absolute;
top: 38px;
}
.x-nav-menu li.current-menu-ancestor > a.x-menu-a-text,
.x-nav-menu li.current-menu-parent > a.x-menu-a-text,
.x-nav-menu li.current-menu-item > a.x-menu-a-text,
.x-nav-menu li.menu-current > a.x-menu-a-text,
.x-nav-menu li > a.x-menu-a-text:hover,
.x-nav-menu li:hover > a,
.x-nav-menu li ul.x-sub-menu li:hover > a {
color: #eb131f;
}
.x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before,
.x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before,
.x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before,
.x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before,
.x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before,
.x-nav-menu li:hover > a > b.x-caret:before,
.x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before {
color: #eb131f;
}
.x-nav-menu ul.x-sub-menu {
background-color: #444;
padding-left: 0;
}
.x-nav-menu ul.x-sub-menu > li.x-menu-item > a.x-menu-a-text {
font-size: 14px;
text-transform: none;
}
.x-nav-menu ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before {
border-top: solid 6px #444;
}
.x-nav-menu ul ul.x-sub-menu {
background-color: #525252;
}
.x-nav-menu ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before {
border-top: solid 6px #525252;
}
.x-nav-menu ul ul ul.x-sub-menu {
background-color: #5f5f5f;
}
.x-nav-menu ul ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > a.x-menu-a-text:before {
border-top: solid 6px #5f5f5f;
}
.x-nav-menu ul ul ul ul.x-sub-menu {
background-color: #414141;
}
.x-nav-menu.menu-drop-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 280px;
left: -280px;
border-right: solid 3px #eb131f;
z-index: 9999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.x-nav-menu.menu-drop-fly.in {
left: 0;
}
.x-nav-menu.menu-drop-fly > li.menu-fly-search {
display: block !important;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
line-height: 60pxpx;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
display: inline-block;
border: solid 2px #222;
height: 37px;
width: 45px;
text-align: center;
line-height: 32px;
padding: 0;
font-size: 14px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -25px;
right: -8px;
}
header.header-mobile-2 {
background-color: #333;
}
header.header-mobile-2 .header-mobile-wrapper {
min-height: 0;
height: 72px;
}
header.header-mobile-2 .header-mobile-wrapper .header-customize {
right: 0;
}
header.main-header .header-mobile-2 {
height: 72px;
position: relative;
}
header.main-header .header-mobile-2 .header-customize {
color: #eee;
}
header.main-header .header-mobile-2 .icon-search-menu,
header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart {
border: solid 1px #eee;
height: 30px;
width: 36px;
line-height: 28px;
}
header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.fa-shopping-cart + span {
margin-top: -22px;
}
header.main-header .header-mobile-2 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
line-height: 72px;
}
header.main-header .header-mobile-2 .toggle-icon-wrapper {
left: 0;
}
header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon > span,
header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon:before,
header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon:after {
background-color: #eee;
}
header.main-header .header-mobile-2 .toggle-icon-wrapper.in .toggle-icon > span {
background-color: transparent;
}
header.main-header .header-mobile-2 .toggle-icon-wrapper .toggle-icon + span {
font-family: Oswald;
font-size: 18px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #eee;
font-weight: 300;
}
header.header-mobile-3 .header-logo-mobile {
text-align: right;
}
header.header-mobile-3 .header-mobile-wrapper .header-customize {
left: 65px;
right: auto;
}
header.header-mobile-3 .shopping-cart-wrapper {
position: static;
}
header.header-mobile-3 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
left: -45px;
right: auto;
}
header.header-mobile-4 .header-logo-mobile {
text-align: left;
}
header.header-mobile-4 .header-mobile-wrapper .toggle-icon-wrapper {
right: 15px;
left: auto;
}
header.header-mobile-4 .header-mobile-wrapper .header-customize {
right: 75px;
left: auto;
}
.sticky-wrapper.is-sticky > header.main-header {
z-index: 997;
left: 0;
right: 0;
}
.sticky-wrapper.is-sticky > header.header-mobile-1,
.sticky-wrapper.is-sticky > header.header-mobile-3,
.sticky-wrapper.is-sticky > header.header-mobile-4 {
border-bottom: solid 1px #eee;
}
.sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
.sticky-wrapper.is-sticky header.main-header ul.x-nav-menu {
max-height: 450px;
overflow: auto;
}
.sticky-wrapper.is-sticky header.main-header ul.x-nav-menu.menu-drop-fly {
max-height: none;
}
.sticky-wrapper.is-sticky > header.main-header.menu-drop-fly {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body.menu-mobile-in .sticky-wrapper.is-sticky > header.main-header.menu-drop-fly {
left: 280px;
right: -280px;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
top: -46px;
}
}
@media screen and (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 280px;
}
}
@media screen and (max-width: 320px) {
#wpadminbar {
top: -46px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 254px;
}
}
.page-template-coming-soon #top-drawer-area {
display: none;
}
#top-drawer-area {
position: relative;
z-index: 999;
}
#top-drawer-bar {
background-color: #2f2f2f;
color: #c5c5c5;
height: auto;
overflow: hidden;
padding: 35px 10px;
z-index: 3;
}
#top-drawer-bar .sidebar {
color: #c5c5c5;
}
#top-drawer-bar .sidebar h4.widget-title {
color: #c5c5c5;
}
#top-drawer-bar .sidebar .widget-posts-wrap .widget-posts-title {
color: #c5c5c5;
}
#top-drawer-bar .sidebar #wp-calendar caption,
#top-drawer-bar .sidebar #wp-calendar thead th {
color: #c5c5c5;
}
#top-drawer-bar .sidebar .widget-social-profile {
line-height: 50px;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li {
line-height: 50px;
padding: 0;
margin: 0;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 20px;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
border-top: solid 1px #444444;
position: absolute;
z-index: 999;
left: 0;
top: 100%;
background-color: #2f2f2f;
color: #c5c5c5;
text-align: left;
margin: 0;
padding: 0 15px;
min-width: 150px;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
line-height: 26px;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #444444;
}
#top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
#top-drawer-bar .sidebar .darna-contact-info span i {
color: #FFFFFF;
}
#top-drawer-bar .sidebar ul.product_list_widget li a {
color: #FFFFFF;
}
.top-drawer-toggle {
border-left: 35px solid transparent;
border-top: 35px solid #eb131f;
position: absolute;
right: 0;
top: 0;
}
.top-drawer-toggle:after {
color: #FFFFFF;
content: "\f067";
display: block;
font-family: fontawesome;
font-size: 13px;
left: -14px;
position: absolute;
text-shadow: none;
top: -35px;
}
.top-drawer-toggle.open:after {
content: "\f068";
}
.top-drawer-show {
display: block;
}
.top-drawer-hide {
display: none;
}
#top-drawer-area .g5plus-col-3,
#top-drawer-area .g5plus-col-4,
#top-drawer-area .g5plus-col-6,
#top-drawer-area .g5plus-col-8,
#top-drawer-area .g5plus-col-12 {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#top-drawer-area .g5plus-col-3 {
width: 25%;
}
#top-drawer-area .g5plus-col-4 {
width: 33.33333333%;
}
#top-drawer-area .g5plus-col-6 {
width: 50%;
}
#top-drawer-area .g5plus-col-8 {
width: 66.66666667%;
}
#top-drawer-area .g5plus-col-12 {
width: 100%;
} footer.main-footer-wrapper {
padding-top: 60px;
position: relative;
background-color: #333333;
color: #8f8f8f;
text-transform: none;
}
footer.main-footer-wrapper:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
footer.main-footer-wrapper .footer-above-wrapper {
text-align: center;
padding-bottom: 36px;
}
footer.main-footer-wrapper h4.widget-title {
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
letter-spacing: 0.02em;
color: #ffffff;
text-transform: none;
margin-bottom: 18px;
}
footer.main-footer-wrapper h4.widget-title:after {
display: none;
}
footer.main-footer-wrapper .sidebar aside {
margin-bottom: 24px;
}
footer.main-footer-wrapper .sidebar .widget-social-profile li a i.fa {
color: #ffffff;
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-content a {
color: #ffffff;
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-content a:hover {
color: #eb131f;
}
footer.main-footer-wrapper .sidebar .widget-twitter-wrap span.twitter-time {
text-transform: uppercase;
font-size: 11px;
}
footer.main-footer-wrapper .sidebar .mail-chimp-wrapper .mail-chimp-button > input {
background-color: rgba(255, 255, 255, 0.1);
}
footer.main-footer-wrapper .footer-logo .sub-description {
padding-top: 32px;
line-height: 20px;
font-size: 16px;
font-style: italic;
}
footer.main-footer-wrapper .sidebar-bottom-left {
text-align: left;
}
footer.main-footer-wrapper .sidebar-bottom-right {
text-align: right;
}
footer.main-footer-wrapper .bottom-bar-wrapper {
font-size: 12px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .bottom-bar-inner {
padding-top: 18px;
padding-bottom: 18px;
border-top: solid 2px rgba(255, 255, 255, 0.2);
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar aside {
margin-bottom: 0;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li > a {
line-height: 42px;
text-transform: uppercase;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
white-space: nowrap;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li > a {
font-size: 12px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li {
padding: 0;
margin: 0;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 20px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
border-bottom: solid 2px #eb131f;
position: absolute;
z-index: 999;
left: 0;
bottom: 100%;
background-color: #fefefe;
color: #8f8f8f;
text-align: left;
margin: 0;
min-width: 150px;
padding-left: 0;
padding-top: 5px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
line-height: 26px;
padding: 0 15px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #eeeeee;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a {
font-weight: 700;
color: #bebebe;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a:hover {
color: #eb131f;
}
footer.main-footer-wrapper .bottom-bar-text {
margin: 0;
line-height: 42px;
text-transform: uppercase;
word-spacing: 0.1em;
}
footer.main-footer-wrapper .collapse:before {
content: "\f054";
font-family: "fontawesome";
position: absolute;
right: 10px;
}
footer.main-footer-wrapper .expanded,
footer.main-footer-wrapper .collapse {
display: block;
visibility: visible;
cursor: pointer;
}
footer.main-footer-wrapper .expanded:before {
content: "\f078";
font-family: "fontawesome";
position: absolute;
right: 10px;
}
body.footer-static {
padding-bottom: 0px !important;
}
body.footer-static footer.enable-parallax {
position: relative;
}
@media only screen and (min-width: 992px) {
footer.enable-parallax {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
margin: auto;
width: 100%;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
}
body.boxed footer.enable-parallax {
max-width: 1200px;
}
}
@media screen and (max-width: 991px) {
footer.main-footer-wrapper .sidebar-bottom-right {
text-align: left;
}
footer.main-footer-wrapper.footer-collapse-able h4.widget-title {
margin-bottom: 0;
}
footer.main-footer-wrapper.footer-collapse-able h4.widget-title + div {
padding-top: 18px;
margin: 0;
}
} .search-form {
position: relative;
}
.search-form input[type="text"] {
width: 100%;
padding-right: 48px;
height: 38px;
border-color: #F3F3F3;
}
.search-form input[type="text"]:focus {
border-color: #eb131f;
}
.search-form input[type="text"]:focus + button {
background-color: #333333;
}
.search-form button[type="submit"] {
position: absolute;
border: none;
right: 0;
top: 0;
padding: 0;
width: 38px;
height: 38px;
line-height: 38px;
background-color: #eb131f;
color: #fff;
font-size: 14px;
}
.search-form button[type="submit"]:hover {
background-color: #333333;
}
.screen-reader-text {
display: none;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #333333;
font-size: 12px;
margin-top: 0px;
margin-bottom: 15px;
padding: 0;
font-weight: 600;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
color: #333333;
}
#wp-calendar tbody {
color: #8f8f8f;
font-size: 13px;
}
#wp-calendar tbody td {
background: #eeeeee;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td.pad:hover {
background: transparent !important;
}
#wp-calendar tbody td:hover {
color: #fff;
background: #eb131f;
}
#wp-calendar tbody td:hover a {
color: #fff;
}
#wp-calendar tbody a {
font-weight: bold;
color: #eb131f;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0 8px 35px 8px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 10px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #eb131f;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 18px;
height: 18px;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #eb131f;
top: -4px;
}
.woocommerce .widget_price_filter .price_label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.02em;
}
h4.widget-title {
font-size: 21px;
color: #333333;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.02em;
margin-bottom: 30px;
}
h4.widget-title:after {
content: "";
width: 50px;
height: 4px;
display: block;
background-color: #eb131f;
margin-top: 10px;
}
.sidebar .tagcloud {
font-size: 0;
}
.sidebar .tagcloud a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 9px 10px;
margin-bottom: 5px;
margin-right: 5px;
line-height: 1;
font-size: 11px;
text-transform: uppercase;
background-color: #f3f3f3;
}
.sidebar .tagcloud a:last-child {
margin-right: 0;
}
.sidebar .tagcloud a:hover {
background: #eb131f;
color: #FFFFFF;
text-decoration: none;
}
.sidebar select {
width: 100%;
}
.sidebar .widget_archive > ul,
.sidebar .widget_archive > ol,
.sidebar .widget_categories > ul,
.sidebar .widget_categories > ol,
.sidebar .widget_product_categories > ul,
.sidebar .widget_product_categories > ol,
.sidebar .widget_nav_menu > div > ul,
.sidebar .widget_nav_menu > div > ol,
.sidebar .widget_meta > ul,
.sidebar .widget_meta > ol,
.sidebar .widget_pages > ul,
.sidebar .widget_pages > ol,
.sidebar .widget_recent_comments > ul,
.sidebar .widget_recent_comments > ol,
.sidebar .widget_recent_entries > ul,
.sidebar .widget_recent_entries > ol,
.sidebar .widget_rss > ul,
.sidebar .widget_rss > ol {
list-style: none;
padding-left: 0;
overflow: auto;
margin: 0;
line-height: 2;
font-size: 12px;
}
.sidebar .widget_archive li,
.sidebar .widget_categories li,
.sidebar .widget_product_categories li,
.sidebar .widget_nav_menu > div li,
.sidebar .widget_meta li,
.sidebar .widget_pages li,
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li,
.sidebar .widget_rss li {
padding-top: 6px;
margin-bottom: 6px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
}
.sidebar .widget_archive li a:hover,
.sidebar .widget_categories li a:hover,
.sidebar .widget_product_categories li a:hover,
.sidebar .widget_nav_menu > div li a:hover,
.sidebar .widget_meta li a:hover,
.sidebar .widget_pages li a:hover,
.sidebar .widget_recent_comments li a:hover,
.sidebar .widget_recent_entries li a:hover,
.sidebar .widget_rss li a:hover {
color: #eb131f;
}
.sidebar .widget_archive li.current-cat > a,
.sidebar .widget_categories li.current-cat > a,
.sidebar .widget_product_categories li.current-cat > a,
.sidebar .widget_nav_menu > div li.current-cat > a,
.sidebar .widget_meta li.current-cat > a,
.sidebar .widget_pages li.current-cat > a,
.sidebar .widget_recent_comments li.current-cat > a,
.sidebar .widget_recent_entries li.current-cat > a,
.sidebar .widget_rss li.current-cat > a,
.sidebar .widget_archive li.current-menu-item > a,
.sidebar .widget_categories li.current-menu-item > a,
.sidebar .widget_product_categories li.current-menu-item > a,
.sidebar .widget_nav_menu > div li.current-menu-item > a,
.sidebar .widget_meta li.current-menu-item > a,
.sidebar .widget_pages li.current-menu-item > a,
.sidebar .widget_recent_comments li.current-menu-item > a,
.sidebar .widget_recent_entries li.current-menu-item > a,
.sidebar .widget_rss li.current-menu-item > a {
color: #eb131f;
}
.sidebar .widget_archive li.current-cat:before,
.sidebar .widget_categories li.current-cat:before,
.sidebar .widget_product_categories li.current-cat:before,
.sidebar .widget_nav_menu > div li.current-cat:before,
.sidebar .widget_meta li.current-cat:before,
.sidebar .widget_pages li.current-cat:before,
.sidebar .widget_recent_comments li.current-cat:before,
.sidebar .widget_recent_entries li.current-cat:before,
.sidebar .widget_rss li.current-cat:before,
.sidebar .widget_archive li.current-menu-item:before,
.sidebar .widget_categories li.current-menu-item:before,
.sidebar .widget_product_categories li.current-menu-item:before,
.sidebar .widget_nav_menu > div li.current-menu-item:before,
.sidebar .widget_meta li.current-menu-item:before,
.sidebar .widget_pages li.current-menu-item:before,
.sidebar .widget_recent_comments li.current-menu-item:before,
.sidebar .widget_recent_entries li.current-menu-item:before,
.sidebar .widget_rss li.current-menu-item:before {
border-color: #eb131f;
}
.sidebar .widget_archive li:hover > ul,
.sidebar .widget_categories li:hover > ul,
.sidebar .widget_product_categories li:hover > ul,
.sidebar .widget_nav_menu > div li:hover > ul,
.sidebar .widget_meta li:hover > ul,
.sidebar .widget_pages li:hover > ul,
.sidebar .widget_recent_comments li:hover > ul,
.sidebar .widget_recent_entries li:hover > ul,
.sidebar .widget_rss li:hover > ul {
color: #8f8f8f;
}
.sidebar .widget_archive li .show_count,
.sidebar .widget_categories li .show_count,
.sidebar .widget_product_categories li .show_count,
.sidebar .widget_nav_menu > div li .show_count,
.sidebar .widget_meta li .show_count,
.sidebar .widget_pages li .show_count,
.sidebar .widget_recent_comments li .show_count,
.sidebar .widget_recent_entries li .show_count,
.sidebar .widget_rss li .show_count {
float: right;
}
.sidebar .widget_archive li:before,
.sidebar .widget_categories li:before,
.sidebar .widget_product_categories li:before,
.sidebar .widget_nav_menu > div li:before,
.sidebar .widget_meta li:before,
.sidebar .widget_pages li:before,
.sidebar .widget_recent_comments li:before,
.sidebar .widget_recent_entries li:before,
.sidebar .widget_rss li:before {
content: "\f0da";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
margin-right: 5px;
margin-top: -4px;
font-size: 14px;
vertical-align: middle;
line-height: 14px;
color: #eb131f;
}
.sidebar .widget_archive > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child,
.sidebar .widget_product_categories > ul > li:first-child,
.sidebar .widget_nav_menu > div > ul > li:first-child,
.sidebar .widget_meta > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.sidebar .widget_recent_comments > ul > li:first-child,
.sidebar .widget_recent_entries > ul > li:first-child,
.sidebar .widget_rss > ul > li:first-child {
padding-top: 0;
}
.sidebar .widget_archive li + li,
.sidebar .widget_categories li + li,
.sidebar .widget_product_categories li + li,
.sidebar .widget_nav_menu > div li + li,
.sidebar .widget_meta li + li,
.sidebar .widget_pages li + li,
.sidebar .widget_recent_comments li + li,
.sidebar .widget_recent_entries li + li,
.sidebar .widget_rss li + li {
margin-top: 6px;
}
.sidebar .widget_archive a,
.sidebar .widget_categories a,
.sidebar .widget_product_categories a,
.sidebar .widget_nav_menu > div a,
.sidebar .widget_meta a,
.sidebar .widget_pages a,
.sidebar .widget_recent_comments a,
.sidebar .widget_recent_entries a,
.sidebar .widget_rss a {
color: inherit;
}
.sidebar .widget_archive a:hover,
.sidebar .widget_categories a:hover,
.sidebar .widget_product_categories a:hover,
.sidebar .widget_nav_menu > div a:hover,
.sidebar .widget_meta a:hover,
.sidebar .widget_pages a:hover,
.sidebar .widget_recent_comments a:hover,
.sidebar .widget_recent_entries a:hover,
.sidebar .widget_rss a:hover {
text-decoration: none;
}
.sidebar .widget_archive ul ul,
.sidebar .widget_categories ul ul,
.sidebar .widget_product_categories ul ul,
.sidebar .widget_nav_menu ul ul,
.sidebar .widget_meta ul ul,
.sidebar .widget_pages ul ul,
.sidebar .widget_recent_comments ul ul,
.sidebar .widget_recent_entries ul ul,
.sidebar .widget_rss ul ul {
padding-left: 18px;
padding-top: 6px;
list-style-type: none;
text-transform: none;
}
.sidebar .widget_archive ul ul li:before,
.sidebar .widget_categories ul ul li:before,
.sidebar .widget_product_categories ul ul li:before,
.sidebar .widget_nav_menu ul ul li:before,
.sidebar .widget_meta ul ul li:before,
.sidebar .widget_pages ul ul li:before,
.sidebar .widget_recent_comments ul ul li:before,
.sidebar .widget_recent_entries ul ul li:before,
.sidebar .widget_rss ul ul li:before {
color: #8f8f8f;
}
.sidebar .widget-social-profile {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
.sidebar .widget-social-profile li {
display: inline-block;
vertical-align: middle;
}
.sidebar .widget-social-profile li a {
display: inline-block;
}
.sidebar .widget-social-profile li a i.fa {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 15px;
width: 24px;
height: 24px;
vertical-align: middle;
text-align: center;
line-height: 24px;
}
.sidebar .widget-social-profile li a:hover i {
color: #eb131f;
}
.sidebar .widget-social-profile li + li {
margin-left: 6px;
}
.sidebar .widget-social-profile.social-icon-bordered li a i.fa {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 15px;
height: 34px;
width: 34px;
line-height: 34px;
background-color: rgba(255, 255, 255, 0.2);
}
.sidebar .widget-social-profile.social-icon-bordered li a:hover i.fa {
border-color: #eb131f;
background-color: #eb131f;
color: #333333;
}
.sidebar .widget-social-profile.social-icon-bordered li + li {
margin-left: 10px;
}
.sidebar ul.product_list_widget li {
padding: 0px;
margin-bottom: 15px;
}
.sidebar ul.product_list_widget li img {
float: left;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 70px;
margin-left: 0px;
margin-right: 20px;
border: 1px solid #EEEEEE;
}
.sidebar ul.product_list_widget li a {
color: #333333;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}
.sidebar ul.product_list_widget li a:hover {
color: #eb131f;
text-decoration: none;
}
.sidebar ul.product_list_widget li span.amount {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.sidebar ul.product_list_widget li ins {
text-decoration: none;
margin-right: 3px;
}
.sidebar ul.product_list_widget li del span.amount {
font-size: 14px;
color: #cacaca;
}
.sidebar ul.product_list_widget li .star-rating {
float: none;
margin: 0 0 5px 0;
font-size: 10px;
width: 66px;
height: 10px;
letter-spacing: 3px;
}
.sidebar ul.product_list_widget li:last-child {
margin-bottom: 0;
}
.sidebar .widget-posts-wrap {
background-color: #f6f6f6;
padding: 30px 20px;
}
.sidebar .widget-posts-wrap .widget_posts_item + .widget_posts_item {
margin-top: 15px;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail {
width: 64px;
float: left;
margin-right: 15px;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail {
position: relative;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 20px;
height: 20px;
right: 0;
line-height: 20px;
font-size: 10px;
text-align: center;
color: #FFFFFF;
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(235, 19, 31, 0.7);
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.sidebar .widget-posts-wrap .widget-posts-content-wrap {
position: relative;
overflow: hidden;
}
.sidebar .widget-posts-wrap .widget-posts-title {
font-size: 14px;
color: #333333;
}
.sidebar .widget-posts-wrap .widget-posts-title:hover {
text-decoration: none;
color: #eb131f;
}
.sidebar .widget-posts-wrap .widget-posts-date {
font-size: 12px;
text-transform: uppercase;
}
.sidebar .widget-posts-wrap .owl-theme .owl-controls {
display: none !important;
}
.sidebar .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item {
margin-top: 20px;
}
.sidebar .widget-twitter-wrap i {
font-size: 14px;
color: #eb131f;
}
.sidebar .widget-twitter-wrap span.twitter-time {
color: #b1b1b1;
display: block;
}
.sidebar .widget-twitter-wrap span.twitter-content a {
color: #333333;
}
.sidebar .widget-twitter-wrap span.twitter-content a:hover {
color: #eb131f;
}
.sidebar .widget-contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .widget-contact-info > li > i.fa {
width: 18px;
}
.sidebar .mail-chimp-wrapper > p {
line-height: 28px;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button {
position: relative;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > input {
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
border: none;
line-height: 1;
height: 30px;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button {
border: none;
background: none;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
color: #eb131f;
}
.sidebar .footer-logo .sub-description {
padding-top: 28px;
line-height: 28px;
}
.sidebar .widget-text-intro {
font-size: 30px;
font-family: Oswald;
text-align: center;
border: dashed 3px #c5c5c5;
padding: 55px 10px;
font-weight: 100;
}
.right-sidebar aside,
.left-sidebar aside,
.woocommerce-sidebar aside {
border-bottom: 1px solid #F3F3F3;
padding-bottom: 30px;
}
.right-sidebar aside + aside,
.left-sidebar aside + aside,
.woocommerce-sidebar aside + aside {
margin-top: 30px;
}
.right-sidebar aside:last-child,
.left-sidebar aside:last-child,
.woocommerce-sidebar aside:last-child {
margin-bottom: 100px;
padding-bottom: 0;
border-bottom: none;
}
.woocommerce-sidebar .widget_archive > ul,
.woocommerce-sidebar .widget_archive > ol,
.woocommerce-sidebar .widget_categories > ul,
.woocommerce-sidebar .widget_categories > ol,
.woocommerce-sidebar .widget_nav_menu > div > ul,
.woocommerce-sidebar .widget_nav_menu > div > ol,
.woocommerce-sidebar .widget_meta > ul,
.woocommerce-sidebar .widget_meta > ol,
.woocommerce-sidebar .widget_pages > ul,
.woocommerce-sidebar .widget_pages > ol,
.woocommerce-sidebar .widget_recent_comments > ul,
.woocommerce-sidebar .widget_recent_comments > ol,
.woocommerce-sidebar .widget_recent_entries > ul,
.woocommerce-sidebar .widget_recent_entries > ol,
.woocommerce-sidebar .widget_rss > ul,
.woocommerce-sidebar .widget_rss > ol {
border-bottom: none;
padding-bottom: 0;
} .blog-inner .entry-thumbnail-wrap,
.darna-post .darna-post-image .entry-thumbnail-wrap {
margin-bottom: 40px;
}
.blog-inner .entry-thumbnail,
.darna-post .darna-post-image .entry-thumbnail {
position: relative;
}
.blog-inner .entry-thumbnail a.prettyPhoto,
.darna-post .darna-post-image .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 56px;
height: 55px;
right: 0;
line-height: 54px;
font-size: 16px;
text-align: center;
color: #FFFFFF;
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-inner .entry-thumbnail:hover a.entry-thumbnail_overlay:before,
.darna-post .darna-post-image .entry-thumbnail:hover a.entry-thumbnail_overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(235, 19, 31, 0.7);
}
.blog-inner .entry-thumbnail:hover a.prettyPhoto,
.darna-post .darna-post-image .entry-thumbnail:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.blog-inner .entry-thumbnail_overlay img,
.darna-post .darna-post-image .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.blog-inner h3.entry-title,
.darna-post .darna-post-image h3.entry-title {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 5px;
}
.blog-inner h3.entry-title a,
.darna-post .darna-post-image h3.entry-title a {
color: #222222;
}
.blog-inner h3.entry-title a:hover,
.darna-post .darna-post-image h3.entry-title a:hover {
color: #eb131f;
}
.blog-inner .entry-excerpt,
.darna-post .darna-post-image .entry-excerpt {
margin-bottom: 30px;
}
.blog-inner .entry-excerpt p,
.darna-post .darna-post-image .entry-excerpt p {
margin-bottom: 0;
}
.blog-inner .jp-audio a:hover,
.darna-post .darna-post-image .jp-audio a:hover,
.blog-inner .jp-play-bar,
.darna-post .darna-post-image .jp-play-bar,
.blog-inner .jp-play-bar,
.darna-post .darna-post-image .jp-play-bar,
.blog-inner .jp-volume-bar-value,
.darna-post .darna-post-image .jp-volume-bar-value {
color: #e74c3c;
}
.blog-inner .jp-play-bar,
.darna-post .darna-post-image .jp-play-bar,
.blog-inner .jp-volume-bar-value,
.darna-post .darna-post-image .jp-volume-bar-value {
background-color: #e74c3c;
}
.blog-inner .jp-interface,
.darna-post .darna-post-image .jp-interface {
height: 80px;
background-color: #333333;
}
.blog-inner .jp-controls,
.darna-post .darna-post-image .jp-controls {
height: 80px;
line-height: 80px;
}
.blog-inner .jp-seek-bar,
.darna-post .darna-post-image .jp-seek-bar {
background-color: #4e4e4e;
height: 4px;
}
.blog-inner article,
.darna-post .darna-post-image article {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #eeeeee;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta,
.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li,
.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li {
display: inline;
font-size: 12px;
font-style: italic;
margin-right: 25px;
text-transform: uppercase;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li:last-child,
.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li:last-child {
margin-right: 0;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li i,
.darna-post .darna-post-image .entry-post-meta-wrap ul.entry-meta li i {
font-size: 12px;
margin-right: 4px;
}
.blog-inner .entry-content-top-wrap,
.darna-post .darna-post-image .entry-content-top-wrap {
margin-bottom: 20px;
}
.blog-inner .entry-post-format-icon,
.darna-post .darna-post-image .entry-post-format-icon {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #eb131f;
color: #fff;
font-size: 21px;
text-align: center;
margin-right: 20px;
margin-bottom: 24px;
}
.blog-inner .entry-post-format-icon:after,
.darna-post .darna-post-image .entry-post-format-icon:after {
content: "";
height: 4px;
width: 100%;
background-color: #eb131f;
display: block;
margin-top: 20px;
}
.blog-inner .entry-content-top-right,
.darna-post .darna-post-image .entry-content-top-right {
position: relative;
overflow: hidden;
}
.blog-inner article.format-quote .entry-content-quote blockquote,
.darna-post .darna-post-image article.format-quote .entry-content-quote blockquote {
padding: 20px 30px;
font-size: 18px;
font-style: italic;
font-weight: 300;
background-color: #f3f3f3;
color: #2a2a2a;
border-left: 10px solid #eb131f;
margin-bottom: 0;
}
.blog-inner article.format-quote .entry-content-quote blockquote cite,
.darna-post .darna-post-image article.format-quote .entry-content-quote blockquote cite {
font-size: 14px;
}
.blog-inner article.format-link .entry-content-link,
.darna-post .darna-post-image article.format-link .entry-content-link {
padding: 20px 30px;
font-size: 18px;
font-style: italic;
font-weight: 300;
background-color: #f3f3f3;
color: #2a2a2a;
}
.blog-inner article.format-link .entry-content-link p,
.darna-post .darna-post-image article.format-link .entry-content-link p {
margin-bottom: 0;
}
.post-meta-line {
height: 3px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
background-color: #fff;
}
.post-meta-line:before {
content: "";
border: 1px dotted #eeeeee;
display: block;
}
.site-content-archive {
margin-bottom: 40px;
}
.blog-paging-wrapper {
margin-bottom: 60px;
height: 40px;
}
.blog-paging-wrapper ul.pagination,
.woocommerce-pagination ul.pagination {
padding: 0;
margin: 0;
}
.blog-paging-wrapper .pagination > li > a,
.woocommerce-pagination .pagination > li > a,
.blog-paging-wrapper .pagination > li > span,
.woocommerce-pagination .pagination > li > span {
font-size: 14px;
color: #8f8f8f;
padding: 0;
width: 50px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.blog-paging-wrapper .pagination > li + li > a,
.woocommerce-pagination .pagination > li + li > a,
.blog-paging-wrapper .pagination > li + li > span,
.woocommerce-pagination .pagination > li + li > span {
margin-left: 10px;
}
.blog-paging-wrapper .pagination > li > a.current,
.woocommerce-pagination .pagination > li > a.current,
.blog-paging-wrapper .pagination > li > span.current,
.woocommerce-pagination .pagination > li > span.current,
.blog-paging-wrapper .pagination > li > a:hover,
.woocommerce-pagination .pagination > li > a:hover,
.blog-paging-wrapper .pagination > li > span:hover,
.woocommerce-pagination .pagination > li > span:hover,
.blog-paging-wrapper .pagination > li > a:active,
.woocommerce-pagination .pagination > li > a:active,
.blog-paging-wrapper .pagination > li > span:active,
.woocommerce-pagination .pagination > li > span:active,
.blog-paging-wrapper .pagination > li > a:focus,
.woocommerce-pagination .pagination > li > a:focus,
.blog-paging-wrapper .pagination > li > span:focus,
.woocommerce-pagination .pagination > li > span:focus {
background-color: #eb131f;
color: #fff;
border-color: #eb131f;
}
.blog-paging-default {
text-align: right;
}
.blog-paging-wrapper.blog-paging-load-more {
text-align: center;
}
.blog-wrap .entry-thumbnail-wrap,
.single-product-image-inner,
.darna-post .darna-post-image { }
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls,
.single-product-image-inner .owl-theme .owl-controls,
.darna-post .darna-post-image .owl-theme .owl-controls {
margin: 0;
}
.blog-wrap .entry-thumbnail-wrap .owl-pagination,
.single-product-image-inner .owl-pagination,
.darna-post .darna-post-image .owl-pagination {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-page span,
.single-product-image-inner .owl-theme .owl-controls .owl-page span,
.darna-post .darna-post-image .owl-theme .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0 5px;
border: 2px solid #fff;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-page.active span,
.single-product-image-inner .owl-theme .owl-controls .owl-page.active span,
.darna-post .darna-post-image .owl-theme .owl-controls .owl-page.active span {
background-color: #FFFFFF;
}
.blog-wrap .entry-thumbnail-wrap .owl-theme .owl-controls .owl-buttons div,
.single-product-image-inner .owl-theme .owl-controls .owl-buttons div,
.darna-post .darna-post-image .owl-theme .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
margin: auto;
display: block;
top: 0;
bottom: 0;
cursor: pointer;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
z-index: 200;
padding: 0;
opacity: 0;
color: #fff;
font-size: 24px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog-wrap .entry-thumbnail-wrap .owl-next,
.single-product-image-inner .owl-next,
.darna-post .darna-post-image .owl-next {
right: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
}
.blog-wrap .entry-thumbnail-wrap .owl-prev,
.single-product-image-inner .owl-prev,
.darna-post .darna-post-image .owl-prev {
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px);
}
.blog-wrap .entry-thumbnail-wrap:hover .owl-theme .owl-controls .owl-buttons div,
.single-product-image-inner:hover .owl-theme .owl-controls .owl-buttons div,
.darna-post .darna-post-image:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.entry-content:after,
.comment-text:after {
content: "";
clear: both;
display: block;
}
.entry-content table,
.comment-text table {
border-collapse: collapse !important;
}
.entry-content table td,
.comment-text table td,
.entry-content table th,
.comment-text table th {
background-color: #fff;
}
.entry-content table,
.comment-text table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th,
.entry-content table > tbody > tr > th,
.comment-text table > tbody > tr > th,
.entry-content table > tfoot > tr > th,
.comment-text table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.comment-text table > thead > tr > td,
.entry-content table > tbody > tr > td,
.comment-text table > tbody > tr > td,
.entry-content table > tfoot > tr > td,
.comment-text table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #eeeeee;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #eeeeee;
}
.entry-content table > caption + thead > tr:first-child > th,
.comment-text table > caption + thead > tr:first-child > th,
.entry-content table > colgroup + thead > tr:first-child > th,
.comment-text table > colgroup + thead > tr:first-child > th,
.entry-content table > thead:first-child > tr:first-child > th,
.comment-text table > thead:first-child > tr:first-child > th,
.entry-content table > caption + thead > tr:first-child > td,
.comment-text table > caption + thead > tr:first-child > td,
.entry-content table > colgroup + thead > tr:first-child > td,
.comment-text table > colgroup + thead > tr:first-child > td,
.entry-content table > thead:first-child > tr:first-child > td,
.comment-text table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.entry-content table > tbody + tbody,
.comment-text table > tbody + tbody {
border-top: 1px solid #eeeeee;
}
.entry-content blockquote,
.comment-text blockquote {
padding: 20px 30px;
font-size: 18px;
font-style: italic;
font-weight: 300;
background-color: #f3f3f3;
color: #2a2a2a;
border-left: 10px solid #eb131f;
}
.entry-content blockquote cite,
.comment-text blockquote cite {
font-size: 14px;
}
.entry-content a,
.comment-text a {
color: #eb131f;
}
.entry-content a:hover,
.comment-text a:hover {
text-decoration: underline;
color: #eb131f;
}
.entry-content a:active,
.comment-text a:active {
color: #eb131f;
}
.entry-content input[type="submit"],
.comment-text input[type="submit"] {
display: inline-block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-transform: uppercase;
border: 2px solid;
padding: 5px 20px;
font-size: 13px;
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.entry-content input[type="submit"]:hover,
.comment-text input[type="submit"]:hover,
.entry-content input[type="submit"]:active,
.comment-text input[type="submit"]:active {
text-decoration: none !important;
outline: none !important;
}
.entry-content input[type="submit"]:hover,
.comment-text input[type="submit"]:hover {
background-color: #333333;
border-color: #333333;
color: #fff;
}
.entry-content p:last-child,
.comment-text p:last-child {
margin-bottom: 0;
}
.entry-content dd,
.comment-text dd,
.entry-content dt,
.comment-text dt {
line-height: 2;
}
.entry-meta-tag-wrap {
font-size: 0;
margin-top: 30px;
}
.entry-meta-tag-wrap label {
margin-bottom: 0;
color: #333333;
margin-right: 40px;
font-size: 18px;
font-weight: 300;
}
.entry-meta-tag-wrap a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 9px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 12px;
border: 1px solid #E5E5E5;
}
.entry-meta-tag-wrap a:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
text-decoration: none;
}
.social-share-wrap {
font-size: 0;
text-align: center;
}
.social-share-wrap label {
font-size: 18px;
margin-bottom: 0;
font-weight: 300;
color: #2a2a2a;
margin-right: 100px;
position: relative;
}
.social-share-wrap label:after {
background-image: url(//www.trivalleyx.com/wp-content/themes/tve/assets/images/share-arrow.png);
content: "";
position: absolute;
bottom: -10px;
width: 71px;
height: 28px;
margin-left: 15px;
}
.social-share-wrap ul.social-share {
font-size: 0;
padding: 0;
margin: 0;
display: inline;
}
.social-share-wrap ul.social-share li {
display: inline-block;
margin-right: 5px;
}
.social-share-wrap ul.social-share li:last-child {
margin-right: 0;
}
.social-share-wrap ul.social-share li a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 36px;
height: 36px;
line-height: 36px;
display: block;
text-align: center;
font-size: 16px;
color: #2a2a2a;
background-color: #f4f4f4;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.social-share-wrap ul.social-share li a:hover {
background-color: #eb131f;
color: #fff;
}
.blog-inner.blog-single article {
border-bottom: none;
padding-bottom: 0;
}
.blog-inner.blog-single .entry-content-quote,
.blog-inner.blog-single .entry-content-link {
margin-bottom: 30px;
}
.blog-inner.blog-single .post-navigation-wrap {
position: relative;
margin-top: 100px;
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous,
.blog-inner.blog-single .post-navigation-wrap .nav-next {
top: 0;
position: absolute;
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous a:hover,
.blog-inner.blog-single .post-navigation-wrap .nav-next a:hover {
color: #fff;
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous {
left: 0;
}
.blog-inner.blog-single .post-navigation-wrap .nav-next {
right: 0;
}
.entry-comments {
background-color: #f8f8f8;
padding: 30px;
}
.entry-comments .entry-comments-list {  }
.entry-comments .entry-comments-list h3.comments-title {
font-size: 21px;
text-transform: uppercase;
margin-bottom: 30px;
}
.entry-comments .entry-comments-list .commentlist,
.entry-comments .entry-comments-list .commentlist .children {
list-style: none;
}
.entry-comments .entry-comments-list .commentlist {
padding-left: 0;
margin: 0;
}
.entry-comments .entry-comments-list .comment-body {
background-color: #fafafa;
padding: 30px;
border: 1px solid #F0F0F0;
}
.entry-comments .entry-comments-list .commentlist > li + li {
margin-top: 30px;
}
.entry-comments .entry-comments-list .comment-avatar-wrap {
width: 80px;
float: left;
margin-right: 20px;
}
.entry-comments .entry-comments-list .comment-avatar-wrap .avatar {
margin-bottom: 10px;
}
.entry-comments .entry-comments-list .comment-avatar-wrap .comment-reply-link {
font-size: 16px;
color: #dddddd;
display: block;
text-align: center;
}
.entry-comments .entry-comments-list .comment-text {
position: relative;
overflow: hidden;
}
.entry-comments .entry-comments-list .comment-text .text p:last-child {
margin-bottom: 0;
}
.entry-comments .entry-comments-list .comment-text .author {
line-height: 1;
}
.entry-comments .entry-comments-list .author-name {
display: inline;
color: #2a2a2a;
font-size: 16px;
}
.entry-comments .entry-comments-list .author-name a {
color: inherit;
}
.entry-comments .entry-comments-list .comment-text .author .comment-meta > span:before,
.entry-comments .entry-comments-list .comment-text .author .comment-meta > a:before {
content: "|";
display: inline;
padding: 0 10px;
}
.entry-comments .entry-comments-list .comment-meta {
display: inline-block;
font-size: 0;
margin-bottom: 15px;
}
.entry-comments .entry-comments-list .comment-meta span,
.entry-comments .entry-comments-list .comment-meta a {
font-size: 12px;
}
.entry-comments .entry-comments-list .comment-meta a:hover {
color: #eb131f;
text-decoration: none;
}
.entry-comments .entry-comments-list .commentlist ul.children {
padding-left: 0;
}
.entry-comments .entry-comments-list .commentlist > li > ul.children {
padding-left: 110px;
}
.entry-comments .entry-comments-list .commentlist .children li {
margin-top: 30px;
}
.entry-comments .entry-comments-list .comment-navigation {
margin-bottom: 20px;
font-size: 0;
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 12px;
font-weight: bold;
color: #8f8f8f;
text-align: center;
background: #fff;
border: 1px solid #eeeeee;
display: inline-block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers + .page-numbers {
margin-left: 4px;
}
.entry-comments .entry-comments-list .comment-navigation .page-numbers.current,
.entry-comments .entry-comments-list .comment-navigation .page-numbers:hover,
.entry-comments .entry-comments-list .comment-navigation .page-numbers:active,
.entry-comments .entry-comments-list .comment-navigation .page-numbers:focus {
color: #fff;
background: #eb131f;
border-color: #eb131f;
}
.entry-comments .entry-comments-list .comment-navigation-bottom {
margin-bottom: 0;
margin-top: 20px;
}
.entry-comments-form,
.comment-respond {
margin-top: 45px;
}
.comment-reply-title {
font-size: 21px;
text-transform: uppercase;
margin-bottom: 30px;
}
.comment-form {
margin: 0 -15px;
margin-bottom: 45px;
}
.comment-form input[type="text"],
.comment-form input[type="search"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="password"],
.comment-form textarea {
width: 100%;
}
.comment-form .form-group {
margin-bottom: 30px;
}
.comment-form .comment-notes,
.comment-form .form-submit,
.comment-form .logged-in-as {
padding: 0 15px;
}
.comment-form .form-submit {
margin-bottom: 0;
}
.comment-form #btnComment {
width: 100%;
}
@media (max-width: 767px) {
.social-share-wrap {
margin-bottom: 30px;
}
.blog-inner.blog-single .post-navigation-wrap .nav-previous,
.blog-inner.blog-single .post-navigation-wrap .nav-next {
position: relative;
}
.blog-inner.blog-single .post-navigation-wrap .nav-next {
float: right;
}
}
@media (max-width: 480px) {
.entry-comments .entry-comments-list .comment-avatar-wrap {
width: 100%;
float: none;
margin-right: 0;
text-align: center;
}
.entry-comments .entry-comments-list .commentlist ul.children {
padding-left: 0 !important;
}
.blog-inner .entry-post-format-icon {
display: none;
}
.page-title-wrap {
height: 200px;
margin-bottom: 60px;
}
} .layout-container-fluid.archive-product-wrap {
padding: 0 15px;
}
.single-product-wrap {
overflow: hidden;
}
.site-content-archive-product {
margin-bottom: 35px;
}
.site-content-archive-product .sidebar {
margin-bottom: 65px;
}
.woocommerce-pagination {
height: 40px;
margin-bottom: 65px;
text-align: center;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 13px;
}
.woocommerce .woocommerce-ordering b,
.woocommerce .woocommerce-result-count b {
color: #eb131f;
}
.catalog-filter {
margin-bottom: 70px;
line-height: 40px;
}
.catalog-filter-visible .catalog-filter,
.result-count-visible .woocommerce-result-count,
.catalog-ordering-visible .woocommerce-ordering {
display: none;
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
float: none;
font-size: 12px;
width: 85px;
height: 14px;
letter-spacing: 5px;
}
.woocommerce .products .star-rating:before,
.woocommerce .star-rating:before {
color: #cfcfcf;
content: "\53\53\53\53\53";
}
.woocommerce .products .star-rating span,
.woocommerce .star-rating span {
color: #ffb600;
}
.woocommerce div.product span.price,
.woocommerce div.product p.price {
font-size: 16px;
color: #222222;
font-weight: bold;
display: block;
line-height: 1;
}
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
display: inline-block;
text-decoration: none;
color: #222222;
}
.woocommerce div.product span.price del,
.woocommerce div.product p.price del {
display: inline-block;
font-size: 14px;
color: #a0a0a0;
opacity: 1;
margin-right: 15px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.wc-forward,
.woocommerce button.wc-forward,
.woocommerce input.wc-forward {
display: inline-block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-transform: uppercase;
border: 2px solid;
padding: 1px 18px;
font-size: 12px;
background-color: #333333;
border-color: #333333;
color: #FFFFFF;
line-height: 2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.wc-forward:hover,
.woocommerce button.wc-forward:hover,
.woocommerce input.wc-forward:hover,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce a.wc-forward:active,
.woocommerce button.wc-forward:active,
.woocommerce input.wc-forward:active {
text-decoration: none !important;
outline: none !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.wc-forward:hover,
.woocommerce button.wc-forward:hover,
.woocommerce input.wc-forward:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.woocommerce a.wc-forward,
.woocommerce button.wc-forward,
.woocommerce input.wc-forward {
background-color: #eb131f;
border-color: #eb131f;
}
.woocommerce a.wc-forward:hover,
.woocommerce button.wc-forward:hover,
.woocommerce input.wc-forward:hover {
background-color: #333333;
border-color: #333333;
}
.product-flash-wrap {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
}
.product-flash-wrap .on-sale,
.product-flash-wrap .on-new {
background-color: #eb131f;
color: #fff;
height: 22px;
width: 48px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.02em;
display: block;
}
.product-flash-wrap .on-sale + .on-new {
margin-top: 5px;
background-color: #333333;
}
.woocommerce div.product form.cart div.quantity,
.product-quantity div.quantity {
margin: 0;
}
.woocommerce div.product form.cart div.quantity .quantity-inner,
.product-quantity div.quantity .quantity-inner {
width: 64px;
height: 38px;
margin-right: 30px;
position: relative;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .qty,
.product-quantity div.quantity .quantity-inner .qty {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #dddddd;
border-right: transparent;
font-size: 14px;
padding: 0 10px;
text-align: left;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number,
.product-quantity div.quantity .quantity-inner .btn-number {
position: absolute;
left: 100%;
width: 30px;
height: 19px;
line-height: 19px;
background-color: #fff;
border: 1px solid #ddd;
border-left: none;
color: #8f8f8f;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"],
.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] {
bottom: 0;
border-top: transparent;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"] i,
.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] i {
display: block;
margin-top: -5px;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"],
.product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"] {
top: 0;
border-bottom: transparent;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
height: 40px;
background-color: #FFF;
padding: 0 20px;
font-size: 14px;
text-transform: none;
border: 1px solid #dddddd;
}
.woocommerce form .form-row {
padding: 0;
margin-bottom: 15px;
}
div.floating-cart {
position: absolute;
top: 0;
left: 0;
background: #fff;
z-index: 1000;
overflow: hidden;
box-shadow: 0px 5px 31px -1px rgba(0, 0, 0, 0.15);
display: none;
} .product-listing.woocommerce {
margin: 0 -15px;
}
.product-listing.woocommerce .product-item-wrap {
float: left;
padding: 0 15px 30px 15px;
}
.product-listing.woocommerce .rating-visible .star-rating {
display: none;
}
.product-listing.woocommerce .product-item-inner {
position: relative;
}
.product-listing.woocommerce .product-thumb img {
width: 100%;
border: 1px solid #eeeeee;
}
.product-listing.woocommerce .product-thumb {
position: relative;
margin-bottom: 20px;
border: 1px soild #eeeeee;
}
.product-listing.woocommerce .product-thumb-secondary {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.product-listing.woocommerce .quick-view-visible .product-link {
background-color: transparent !important;
}
.product-listing.woocommerce .product-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.product-listing.woocommerce .product-actions {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 30px;
text-align: center;
margin: auto;
z-index: 3;
}
.product-listing.woocommerce .product-quick-view {
position: relative;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.product-listing.woocommerce .product-quick-view:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.product-listing.woocommerce .product-item-wrap .star-rating {
margin: 0 auto 20px auto;
}
.product-listing.woocommerce .product-name {
display: block;
font-size: 16px;
text-align: center;
color: #222222;
margin-bottom: 5px;
}
.product-listing.woocommerce .product-name:hover {
color: #eb131f;
text-decoration: none;
}
.product-listing.woocommerce .product-add-to-cart {
text-align: center;
}
.product-listing.woocommerce span.price {
z-index: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.product-listing.woocommerce .added_to_cart.wc-forward,
.product-listing.woocommerce .product_type_external,
.product-listing.woocommerce .product_type_grouped,
.product-listing.woocommerce .product_type_simple,
.product-listing.woocommerce .product_type_variable {
display: inline-block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-transform: uppercase;
border: 2px solid;
padding: 1px 18px;
font-size: 12px;
background-color: #333333;
border-color: #333333;
color: #FFFFFF;
line-height: 2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 0;
visibility: hidden;
}
.product-listing.woocommerce .added_to_cart.wc-forward:hover,
.product-listing.woocommerce .product_type_external:hover,
.product-listing.woocommerce .product_type_grouped:hover,
.product-listing.woocommerce .product_type_simple:hover,
.product-listing.woocommerce .product_type_variable:hover,
.product-listing.woocommerce .added_to_cart.wc-forward:active,
.product-listing.woocommerce .product_type_external:active,
.product-listing.woocommerce .product_type_grouped:active,
.product-listing.woocommerce .product_type_simple:active,
.product-listing.woocommerce .product_type_variable:active {
text-decoration: none !important;
outline: none !important;
}
.product-listing.woocommerce .added_to_cart.wc-forward:hover,
.product-listing.woocommerce .product_type_external:hover,
.product-listing.woocommerce .product_type_grouped:hover,
.product-listing.woocommerce .product_type_simple:hover,
.product-listing.woocommerce .product_type_variable:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.product-listing.woocommerce .add_to_cart_button.loading:after,
.product-listing.woocommerce .add_to_cart_button.added:after {
display: none;
}
.product-listing.woocommerce .add_to_cart_button.loading {
opacity: 1;
padding-right: 18px;
}
.product-listing.woocommerce .add_to_cart_button.loading:before {
font-family: "fontawesome";
content: "\f021";
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline;
margin-right: 5px;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.product-listing.woocommerce .add_to_cart_button.added {
display: none;
}
.product-listing.woocommerce .added_to_cart.wc-forward:before {
font-family: "fontawesome";
content: "\f07a";
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
margin-right: 5px;
}
.product-listing.woocommerce .product-item-wrap.active .product-thumb-secondary,
.product-listing.woocommerce .product-item-wrap:hover .product-thumb-secondary {
opacity: 1;
}
.product-listing.woocommerce .product-item-wrap.active .added_to_cart.wc-forward,
.product-listing.woocommerce .product-item-wrap:hover .added_to_cart.wc-forward,
.product-listing.woocommerce .product-item-wrap.active .product_type_external,
.product-listing.woocommerce .product-item-wrap:hover .product_type_external,
.product-listing.woocommerce .product-item-wrap.active .product_type_grouped,
.product-listing.woocommerce .product-item-wrap:hover .product_type_grouped,
.product-listing.woocommerce .product-item-wrap.active .product_type_simple,
.product-listing.woocommerce .product-item-wrap:hover .product_type_simple,
.product-listing.woocommerce .product-item-wrap.active .product_type_variable,
.product-listing.woocommerce .product-item-wrap:hover .product_type_variable {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 1;
visibility: visible;
}
.product-listing.woocommerce .product-item-wrap.active span.price,
.product-listing.woocommerce .product-item-wrap:hover span.price {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.product-listing.woocommerce .product-item-wrap.active .product-quick-view,
.product-listing.woocommerce .product-item-wrap:hover .product-quick-view {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-listing.woocommerce .product-item-wrap.active .product-link,
.product-listing.woocommerce .product-item-wrap:hover .product-link {
background-color: rgba(0, 0, 0, 0.8);
}
.product-listing.woocommerce .product-item-wrap.added .added_to_cart.wc-forward,
.product-listing.woocommerce .product-item-wrap.added .product_type_external,
.product-listing.woocommerce .product-item-wrap.added .product_type_grouped,
.product-listing.woocommerce .product-item-wrap.added .product_type_simple,
.product-listing.woocommerce .product-item-wrap.added .product_type_variable {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 1;
visibility: visible;
}
.product-listing.woocommerce .product-item-wrap.added span.price {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.product-listing.woocommerce.columns-2 .product-item-wrap {
width: 50%;
}
.product-listing.woocommerce.columns-3 .product-item-wrap {
width: 33.33333333%;
}
.product-listing.woocommerce.columns-4 .product-item-wrap {
width: 25%;
}
.product-listing.woocommerce.columns-5 .product-item-wrap {
width: 20%;
}
.product-listing.woocommerce.columns-6 .product-item-wrap {
width: 16.66666667%;
}
.product-listing.woocommerce.product-slider .product-item-wrap {
float: none;
} .product-category img {
width: 100%;
}
.product-category a:hover {
text-decoration: none;
}
.product-category h3 {
display: block;
font-size: 18px;
font-weight: bold;
color: #1a1a1a;
margin-bottom: 0;
margin-top: 20px;
position: relative;
}
.product-category h3:hover {
color: #eb131f;
text-decoration: none;
}
.product-category h3:after {
content: "";
display: block;
width: 35px;
height: 1px;
background-color: #cccccc;
margin-top: 5px;
}
.product-category mark {
background: none;
position: absolute;
font-size: 10px;
margin-left: 3px;
top: -3px;
}
.product-cat-wrap {
margin: 0 -15px;
}
.product-cat-wrap .product-item-wrap {
float: left;
padding: 0 15px 30px 15px;
}
.product-cat-wrap.columns-2 .product-item-wrap {
width: 50%;
}
.product-cat-wrap.columns-3 .product-item-wrap {
width: 33.33333333%;
}
.product-cat-wrap.columns-4 .product-item-wrap {
width: 25%;
}
.product-cat-wrap.columns-5 .product-item-wrap {
width: 20%;
}
.product-cat-wrap.columns-6 .product-item-wrap {
width: 16.66666667%;
} .site-content-single-product .single-product-info {
margin: 0 -15px 60px -15px;
}
.site-content-single-product .single-product-info .single-product-image-wrap {
float: left; width: 44.44444444444444%;
padding: 0 15px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image {
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image {
display: block;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 100%;
border: 1px solid #eeeeee;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-image-total-1 {
display: none;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-wrap {
margin: 10px -5px 0 -5px;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image {
padding: 0 5px;
text-align: center;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a {
display: block;
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a:before {
background-color: rgba(0, 0, 0, 0.3);
}
.site-content-single-product .single-product-info .summary-product-wrap {
float: left;
padding: 0 15px; width: 55.55555555555556%;
}
.site-content-single-product .single-product-info h1.product_title {
font-size: 32px;
margin-bottom: 15px;
text-transform: uppercase;
}
.site-content-single-product .single-product-info .woocommerce-product-rating {
margin-bottom: 25px;
}
.site-content-single-product .single-product-info .woocommerce-product-rating .star-rating {
margin: 8px 10px 0 0;
}
.site-content-single-product .single-product-info .woocommerce-product-rating .woocommerce-review-link {
font-size: 12px;
}
.site-content-single-product .single-product-info p.price {
font-size: 32px;
margin-bottom: 30px;
}
.site-content-single-product .single-product-info p.price del {
font-size: 30px;
}
.site-content-single-product .single-product-info .product-single-short-description {
font-size: 14px;
margin-bottom: 30px;
}
.site-content-single-product .single-product-info .product-single-short-description p {
margin-bottom: 0;
}
.site-content-single-product .single-product-info form.cart,
.site-content-single-product .single-product-info div.cart,
.site-content-single-product .single-product-info p.cart {
margin-bottom: 30px;
position: relative;
display: inline-block;
width: 100%;  }
.site-content-single-product .single-product-info form.cart div.quantity,
.site-content-single-product .single-product-info div.cart div.quantity,
.site-content-single-product .single-product-info p.cart div.quantity {
margin-right: 20px !important;
}
.site-content-single-product .single-product-info form.cart .button,
.site-content-single-product .single-product-info div.cart .button,
.site-content-single-product .single-product-info p.cart .button,
.site-content-single-product .single-product-info form.cart .wc-forward,
.site-content-single-product .single-product-info div.cart .wc-forward,
.site-content-single-product .single-product-info p.cart .wc-forward {
font-size: 12px;
padding: 5px 16px;
background-color: #eb131f;
border-color: #eb131f;
}
.site-content-single-product .single-product-info form.cart .button:hover,
.site-content-single-product .single-product-info div.cart .button:hover,
.site-content-single-product .single-product-info p.cart .button:hover,
.site-content-single-product .single-product-info form.cart .wc-forward:hover,
.site-content-single-product .single-product-info div.cart .wc-forward:hover,
.site-content-single-product .single-product-info p.cart .wc-forward:hover {
background-color: #333333;
border-color: #333333;
}
.site-content-single-product .single-product-info form.cart .group_table,
.site-content-single-product .single-product-info div.cart .group_table,
.site-content-single-product .single-product-info p.cart .group_table {
font-size: 12px;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info form.cart .group_table td,
.site-content-single-product .single-product-info div.cart .group_table td,
.site-content-single-product .single-product-info p.cart .group_table td {
padding-bottom: 20px;
line-height: 36px;
}
.site-content-single-product .single-product-info form.cart .group_table td.label,
.site-content-single-product .single-product-info div.cart .group_table td.label,
.site-content-single-product .single-product-info p.cart .group_table td.label {
padding: 0 5px;
}
.site-content-single-product .single-product-info form.cart .group_table div.quantity,
.site-content-single-product .single-product-info div.cart .group_table div.quantity,
.site-content-single-product .single-product-info p.cart .group_table div.quantity {
margin-right: 5px;
}
.site-content-single-product .single-product-info form.cart .group_table label,
.site-content-single-product .single-product-info div.cart .group_table label,
.site-content-single-product .single-product-info p.cart .group_table label {
font-size: 14px;
color: #2a2a2a;
font-weight: normal;
margin: 0;
line-height: 36px;
}
.site-content-single-product .single-product-info form.cart .group_table td.price,
.site-content-single-product .single-product-info div.cart .group_table td.price,
.site-content-single-product .single-product-info p.cart .group_table td.price {
font-size: 12px;
color: #222222;
font-weight: bold;
}
.site-content-single-product .single-product-info form.cart .group_table td.price ins,
.site-content-single-product .single-product-info div.cart .group_table td.price ins,
.site-content-single-product .single-product-info p.cart .group_table td.price ins {
display: inline-block;
text-decoration: none;
color: #222222;
}
.site-content-single-product .single-product-info form.cart .group_table td.price del,
.site-content-single-product .single-product-info div.cart .group_table td.price del,
.site-content-single-product .single-product-info p.cart .group_table td.price del {
display: inline-block;
font-size: 12px;
color: #a0a0a0;
opacity: 1;
margin-right: 15px;
}
.site-content-single-product .single-product-info form.cart .group_table td.price .out-of-stock,
.site-content-single-product .single-product-info div.cart .group_table td.price .out-of-stock,
.site-content-single-product .single-product-info p.cart .group_table td.price .out-of-stock {
display: inline-block;
margin-bottom: 0;
color: #cacaca;
font-size: 11px;
margin-left: 3px;
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading:after,
.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading:after,
.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading:after,
.site-content-single-product .single-product-info form.cart .add_to_cart_button.added:after,
.site-content-single-product .single-product-info div.cart .add_to_cart_button.added:after,
.site-content-single-product .single-product-info p.cart .add_to_cart_button.added:after {
display: none;
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading,
.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading,
.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading {
opacity: 1;
padding-right: 16px;
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.loading:before,
.site-content-single-product .single-product-info div.cart .add_to_cart_button.loading:before,
.site-content-single-product .single-product-info p.cart .add_to_cart_button.loading:before {
font-family: "fontawesome";
content: "\f021";
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline;
margin-right: 5px;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.site-content-single-product .single-product-info form.cart .added_to_cart.wc-forward:before,
.site-content-single-product .single-product-info div.cart .added_to_cart.wc-forward:before,
.site-content-single-product .single-product-info p.cart .added_to_cart.wc-forward:before {
font-family: "fontawesome";
content: "\f07a";
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
margin-right: 5px;
}
.site-content-single-product .single-product-info form.cart .add_to_cart_button.added,
.site-content-single-product .single-product-info div.cart .add_to_cart_button.added,
.site-content-single-product .single-product-info p.cart .add_to_cart_button.added {
display: none;
}
.site-content-single-product .single-product-info form.cart .single_variation,
.site-content-single-product .single-product-info div.cart .single_variation,
.site-content-single-product .single-product-info p.cart .single_variation {
margin-bottom: 20px;
}
.site-content-single-product .single-product-info form.variations_form {
margin-bottom: 0;
}
.site-content-single-product .single-product-info form.variations_form .variations {
margin-bottom: 20px;
width: 100%;
}
.site-content-single-product .single-product-info form.variations_form .variations td {
display: table-cell;
text-align: left;
}
.site-content-single-product .single-product-info form.variations_form .variations td.label {
padding: 0 0 15px 0;
}
.site-content-single-product .single-product-info form.variations_form .variations td.label label {
font-size: 14px;
color: #2a2a2a;
font-weight: normal;
line-height: 40px;
margin-bottom: 0;
padding-right: 10px;
}
.site-content-single-product .single-product-info form.variations_form .variations_button,
.site-content-single-product .single-product-info form.variations_form .grouped_button {
position: relative;
display: inline-block;
margin-bottom: 30px;
}
.site-content-single-product .single-product-info .product_meta > span {
display: block;
}
.site-content-single-product .single-product-info .product_meta > span a,
.site-content-single-product .single-product-info .product_meta > span span {
color: #eb131f;
}
.site-content-single-product .single-product-info .product_meta label {
font-size: 14px;
color: #2a2a2a;
font-weight: normal;
margin-bottom: 0;
}
.site-content-single-product .single-product-info .out-of-stock {
display: none;
} .woocommerce div.product .woocommerce-tabs {
margin-bottom: 60px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
font-size: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #fff;
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 13px;
color: #FFF;
text-transform: uppercase;
padding: 6px 20px;
background-color: #333333;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #FFFFFF;
background-color: #eb131f;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 30px;
margin-bottom: 0;
background-color: #f8f8f8;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child {
margin-bottom: 0;
} .woocommerce #reviews #comments h2 {
color: #373636;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.075em;
text-transform: uppercase;
display: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
margin: 0;
padding: 30px 20px;
border: 1px solid #F0F0F0;
background-color: #fafafa;
}
.woocommerce #reviews #comments ol.commentlist li + li {
margin-top: 30px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 80px;
margin-right: 20px;
position: relative;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
position: relative;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
margin: 0 0 5px 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 12px;
margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
font-size: 16px;
color: #2a2a2a;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child {
margin: 0;
}
.woocommerce #reviews #review_form_wrapper {
margin-top: 60px;
}
.woocommerce #reviews h3 {
margin-bottom: 30px;
}
.woocommerce #review_form #respond p.comment-form-rating {
margin-bottom: 15px;
}
.woocommerce #reviews #comment {
height: 150px;
}
.woocommerce #reviews .comment-form {
margin: 0;
}
.woocommerce #reviews .comment-form .comment-notes,
.woocommerce #reviews .comment-form .form-submit,
.woocommerce #reviews .comment-form .logged-in-as {
padding: 0;
}
.woocommerce #review_form #respond .form-submit input {
padding: 7px 20px;
width: 100%;
}
.upsells.products,
.related.products,
.cross-sells {
margin-top: 60px;
padding-bottom: 40px;
position: relative;
}
.upsells.products:before,
.related.products:before,
.cross-sells:before {
content: "";
position: absolute;
background-color: #f8f8f8;
display: block !important;
height: 100%;
width: 2000%;
left: -1000%;
}
.upsells.products h4.widget-title,
.related.products h4.widget-title,
.cross-sells h4.widget-title {
font-size: 48px;
text-transform: uppercase;
padding-top: 100px;
padding-bottom: 40px;
font-weight: normal;
letter-spacing: 0;
margin-bottom: 0;
text-align: center;
position: relative;
}
.upsells.products h4.widget-title:before,
.related.products h4.widget-title:before,
.cross-sells h4.widget-title:before {
content: "";
display: block;
width: 60px;
height: 16px;
border: 5px solid #eb131f;
border-bottom: transparent;
margin: 0 auto 10px auto;
}
.upsells.products h4.widget-title:after,
.related.products h4.widget-title:after,
.cross-sells h4.widget-title:after {
content: "";
display: block;
margin: 30px auto 0 auto;
width: 60px;
height: 5px;
background-color: #eb131f;
}
.upsells.products .product-slider .owl-theme .owl-controls,
.related.products .product-slider .owl-theme .owl-controls,
.cross-sells .product-slider .owl-theme .owl-controls {
margin: 0;
height: 0;
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
margin: -92.5px 0 0 0;
display: block;
top: 50%;
cursor: pointer;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
z-index: 200;
padding: 0;
opacity: 0;
color: #fff;
font-size: 24px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 15px;
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px);
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 15px;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
}
.upsells.products .product-slider:hover .owl-theme .owl-controls .owl-buttons div,
.related.products .product-slider:hover .owl-theme .owl-controls .owl-buttons div,
.cross-sells .product-slider:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.has-sidebar .upsells.products,
.has-sidebar .related.products,
.has-sidebar .cross-sells {
margin-top: 0;
}
.has-sidebar .upsells.products:before,
.has-sidebar .related.products:before,
.has-sidebar .cross-sells:before {
display: none !important;
} p.return-to-shop {
margin-bottom: 80px !important;
}
.woocommerce table.shop_table.cart {
border: none;
margin-bottom: 60px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce table.shop_table.cart thead th {
font-family: 'Oswald';
font-size: 16px;
letter-spacing: 0.02em;
line-height: 20px;
padding: 30px 20px;
text-transform: uppercase;
color: #fff;
text-align: center;
font-weight: normal;
border-color: #333333;
background-color: #333333;
}
.woocommerce table.shop_table.cart thead th.product-name {
text-align: left;
}
.woocommerce table.shop_table.cart td {
border-top: 1px solid #DDDDDD;
border-right: transparent;
padding: 10px 20px;
}
.woocommerce table.shop_table.cart tbody td.product-name {
border-left: 1px solid #dddddd;
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap {
position: relative;
overflow: hidden;
height: 60px;
display: table;
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner {
display: table-cell;
vertical-align: middle;
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner a {
font-size: 14px;
color: #2a2a2a;
text-transform: uppercase;
}
.woocommerce table.shop_table.cart tbody td.product-name .product-name-wrap .product-name-inner a:hover {
color: #eb131f;
text-decoration: none;
}
.woocommerce td.product-name dl.variation {
color: #888888;
}
.woocommerce td.product-name dl.variation dt {
font-weight: normal;
padding: 0 0 5px;
}
.woocommerce td.product-name dl.variation dd {
padding: 0 0 5px;
margin: 0;
}
.woocommerce td.product-name dl.variation {
margin: 5px 0 0 0;
}
.woocommerce-cart table.cart img {
width: 60px;
float: left;
border: 1px solid #DDDDDD;
margin-right: 20px;
}
.woocommerce table.shop_table tbody td.product-price,
.woocommerce table.shop_table tbody td.product-subtotal {
font-size: 14px;
color: #2a2a2a;
text-transform: uppercase;
text-align: center;
}
.woocommerce table.shop_table tbody td.product-quantity,
.woocommerce table.shop_table tbody td.product-remove {
text-align: center;
}
.woocommerce table.shop_table tbody td.product-quantity .quantity-inner,
.woocommerce table.shop_table tbody td.product-remove .quantity-inner {
display: inline-block;
}
.woocommerce table.shop_table tbody td.product-remove {
border-right: 1px solid #dddddd;
}
.woocommerce table.shop_table tbody td.product-remove a {
font-size: 18px;
color: #dddddd;
}
.woocommerce table.shop_table tbody td.product-remove a:hover {
color: #eb131f;
}
.woocommerce-cart table.cart td.actions {
padding: 30px 0 0 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
height: 34px;
text-align: center;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-shipping-calculator .button,
.woocommerce-cart table.cart td.actions input.button,
.woocommerce-shipping-calculator input.button,
.woocommerce-cart table.cart td.actions button.button,
.woocommerce-shipping-calculator button.button {
color: #FFF;
font-size: 12px;
background-color: #333333;
padding: 5px 15px;
line-height: 2;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
vertical-align: middle;
text-align: center;
}
.woocommerce-cart table.cart td.actions .button:hover,
.woocommerce-shipping-calculator .button:hover,
.woocommerce-cart table.cart td.actions input.button:hover,
.woocommerce-shipping-calculator input.button:hover,
.woocommerce-cart table.cart td.actions button.button:hover,
.woocommerce-shipping-calculator button.button:hover {
background-color: #eb131f;
color: #fff;
}
.woocommerce-cart table.cart td.actions .wc-forward,
.woocommerce-shipping-calculator .wc-forward {
background-color: #eb131f;
}
.woocommerce-cart table.cart td.actions .wc-forward:hover,
.woocommerce-shipping-calculator .wc-forward:hover {
background-color: #333333;
}
.woocommerce-shipping-calculator .button,
.woocommerce-shipping-calculator input.button,
.woocommerce-shipping-calculator button.button {
padding: 8px 15px;
width: 100%;
}
.cart-collaterals-wrap {
background-color: #f8f8f8;
padding: 60px 0 100px 0;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: auto;
margin: 0 -15px;
}
.woocommerce .cart-collaterals h2,
.woocommerce-page .cart-collaterals h2 {
font-size: 21px;
text-transform: uppercase;
margin-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals_inner,
.woocommerce-page .cart-collaterals .cart_totals_inner,
.woocommerce-shipping-calculator {
float: left;
width: 50%;
padding: 0 15px;
margin-top: 40px;
}
.woocommerce .cart-collaterals .cart_totals_inner,
.woocommerce-page .cart-collaterals .cart_totals_inner {
float: left;
}
.woocommerce-shipping-calculator {
float: right;
}
.shipping-calculator-form {
display: block !important;
}
.shipping-calculator-form .form-row {
margin-bottom: 6px !important;
}
.shipping-calculator-form p {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table {
margin-bottom: 0;
border: 1px solid #dddddd;
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table th,
.woocommerce-cart .cart-collaterals .cart_totals_inner table td {
font-size: 15px;
color: #2a2a2a;
font-weight: normal;
padding: 12px 20px;
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table th strong,
.woocommerce-cart .cart-collaterals .cart_totals_inner table td strong {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals_inner table td {
text-align: right;
}
.cross-sells {
margin-top: 0;
}
.cross-sells:before {
display: none !important;
}
.woocommerce ul#shipping_method li {
padding: 0;
text-indent: 0;
}
.woocommerce ul#shipping_method li input[type=radio] {
margin: 0;
vertical-align: middle;
}
.woocommerce ul#shipping_method li label {
font-weight: normal;
margin: 0;
} .woocommerce-checkout .site-content-page {
margin-bottom: 100px;
}
.woocommerce form.checkout_coupon {
border: 1px solid #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce form.checkout_coupon input.button {
padding-top: 6px;
padding-bottom: 6px;
}
.woocommerce form.checkout_coupon .form-row {
margin: 0;
}
.woocommerce-checkout form.login {
border: 1px solid #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.woocommerce-checkout form.login input.button { padding-top: 6px;
padding-bottom: 6px;
}
.woocommerce-billing-fields h3,
#ship-to-different-address,
.woocommerce-checkout-review-order h3#order_review_heading,
#checkout-payment_heading {
font-size: 21px;
color: #2a2a2a;
text-transform: uppercase;
margin-bottom: 30px;
}
.woocommerce form .form-row label {
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
font-weight: normal;
color: #2a2a2a;
}
.select2-container .select2-choice {
background-color: #F6F6F6;
padding: 10px 20px;
font-size: 12px;
text-transform: none;
color: #1a3a4b;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.select2-container .select2-choice:hover {
text-decoration: none;
}
.select2-drop-active {
border: none;
background-color: #F6F6F6;
}
#ship-to-different-address label {
font-weight: normal;
margin: 20px 0 0 0;
display: inline-block;
}
#ship-to-different-address .input-checkbox {
margin: 0;
vertical-align: middle;
}
.woocommerce form .form-row textarea {
height: 145px;
padding: 20px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table.order_details,
.woocommerce table.shop_table.customer_details {
border: 1px solid #eeeeee;
margin-bottom: 60px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th,
.woocommerce table.shop_table.order_details thead th,
.woocommerce table.shop_table.customer_details thead th {
border-bottom: none;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th,
.woocommerce table.shop_table.order_details th,
.woocommerce table.shop_table.customer_details th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table.order_details td,
.woocommerce table.shop_table.customer_details td {
font-size: 15px;
color: #2a2a2a;
font-weight: normal;
padding: 12px 20px;
border-top: 1px solid #eeeeee;
line-height: 2;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th strong,
.woocommerce table.shop_table.order_details th strong,
.woocommerce table.shop_table.customer_details th strong,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td strong,
.woocommerce table.shop_table.order_details td strong,
.woocommerce table.shop_table.customer_details td strong {
font-weight: normal;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.shop_table.order_details tfoot td,
.woocommerce table.shop_table.customer_details tfoot td,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table .product-total,
.woocommerce table.shop_table.order_details .product-total,
.woocommerce table.shop_table.customer_details .product-total {
text-align: right;
}
.woocommerce table.shop_table.customer_details td {
text-align: right;
}
.woocommerce-checkout #payment {
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
margin-bottom: 20px;
border-bottom: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
border-bottom: 1px solid #EDEDED;
padding: 10px 0;
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-size: 13px;
color: #222222;
font-weight: normal;
margin: 0;
}
.woocommerce-checkout #payment ul.payment_methods li input {
vertical-align: middle;
}
.woocommerce-checkout #payment div.payment_box {
font-size: 12px;
color: #a1a1a1;
line-height: 2;
background-color: transparent;
margin: 5px 0 0 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout #payment div.payment_box:after,
.woocommerce-checkout #payment div.payment_box:before {
display: none;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin-bottom: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
}
.woocommerce-checkout .woocommerce-error {
margin-left: 15px !important;
margin-right: 15px !important;
} .checkout-confirmation h2,
.woocommerce-account h2,
.checkout-confirmation h3,
.woocommerce-account h3 {
font-size: 21px;
color: #2a2a2a;
text-transform: uppercase;
margin-bottom: 30px;
} .woocommerce-account .site-content-page {
margin-bottom: 80px;
}
.woocommerce-account form.login,
.woocommerce-account form.register {
border: 1px solid #EDEDED;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account form.login input.input-text,
.woocommerce-account form.register input.input-text {
text-transform: none;
height: 44px;
padding: 0 20px;
border: 1px solid #EDEDED;
font-size: 12px;
color: #888888;
background-color: transparent;
}
.woocommerce-account form.login .lost_password label,
.woocommerce-account form.register .lost_password label {
font-weight: normal;
margin-bottom: 0;
float: right;
}
.woocommerce-account form.login .lost_password label input[type="checkbox"],
.woocommerce-account form.register .lost_password label input[type="checkbox"] {
margin: 0;
vertical-align: middle;
} .track_order {
text-align: center;
margin-bottom: 80px;
}
.track_order p:first-child {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
}
.woocommerce .track_order .form-row-first,
.woocommerce .track_order .form-row-last {
float: none;
margin: auto;
margin-bottom: 15px;
}
.woocommerce form.track_order .form-row input.input-text {
text-align: center;
}
.woocommerce form.track_order .form-row input.button {
padding-top: 6px;
padding-bottom: 6px;
}
@media (max-width: 991px) {
.product-listing.woocommerce .product-item-wrap {
padding-bottom: 60px;
}
.product-listing.woocommerce .added_to_cart.wc-forward,
.product-listing.woocommerce .product_type_external,
.product-listing.woocommerce .product_type_grouped,
.product-listing.woocommerce .product_type_simple,
.product-listing.woocommerce .product_type_variable {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.product-listing.woocommerce span.price {
margin-bottom: 20px;
}
.product-listing.woocommerce .product-item-wrap.active .added_to_cart.wc-forward,
.product-listing.woocommerce .product-item-wrap:hover .added_to_cart.wc-forward,
.product-listing.woocommerce .product-item-wrap.active .product_type_external,
.product-listing.woocommerce .product-item-wrap:hover .product_type_external,
.product-listing.woocommerce .product-item-wrap.active .product_type_grouped,
.product-listing.woocommerce .product-item-wrap:hover .product_type_grouped,
.product-listing.woocommerce .product-item-wrap.active .product_type_simple,
.product-listing.woocommerce .product-item-wrap:hover .product_type_simple,
.product-listing.woocommerce .product-item-wrap.active .product_type_variable,
.product-listing.woocommerce .product-item-wrap:hover .product_type_variable {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.product-listing.woocommerce .product-item-wrap.active span.price,
.product-listing.woocommerce .product-item-wrap:hover span.price {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@media (min-width: 991px) {
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: left;
padding-bottom: 0;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
text-align: right;
}
.woocommerce #content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions input,
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .input-text,
.woocommerce table.cart td.actions input,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions input {
width: auto;
}
.woocommerce-cart table.cart td.actions .checkout-button,
.woocommerce-shipping-calculator .checkout-button {
margin-left: 5px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 320px;
}
}
@media (max-width: 768px) {
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
width: 48%;
}
.woocommerce-page table.cart td.actions input[name="update_cart"] {
float: right;
}
.woocommerce-page table.cart td.actions .button.alt.checkout-button {
float: left;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart table.cart td.actions input.button,
.woocommerce-cart table.cart td.actions button.button {
text-align: center;
}
.woocommerce table.shop_table.customer_details tbody td {
text-align: left;
}
}
@media (max-width: 767px) {
.product-listing.woocommerce.columns-2 .product-item-wrap,
.product-listing.woocommerce.columns-3 .product-item-wrap,
.product-listing.woocommerce.columns-4 .product-item-wrap,
.product-listing.woocommerce.columns-5 .product-item-wrap,
.product-listing.woocommerce.columns-6 .product-item-wrap,
.product-cat-wrap.columns-2 .product-item-wrap,
.product-cat-wrap.columns-3 .product-item-wrap,
.product-cat-wrap.columns-4 .product-item-wrap,
.product-cat-wrap.columns-5 .product-item-wrap,
.product-cat-wrap.columns-6 .product-item-wrap {
width: 50% !important;
}
}
@media (max-width: 600px) {
.site-content-single-product .single-product-info .single-product-image-wrap {
float: none;
width: 100%;
margin-bottom: 30px;
}
.site-content-single-product .single-product-info .summary-product-wrap {
float: none;
width: 100%;
}
.woocommerce-cart table.cart img {
display: none;
}
.woocommerce table.shop_table tbody td.product-name .product-name-wrap {
height: auto;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals_inner,
.woocommerce-page .cart-collaterals .cart_totals_inner,
.woocommerce-shipping-calculator {
float: none;
width: 100%;
padding: 0;
}
}
@media (max-width: 599px) {
.woocommerce .cart-form {
overflow-x: auto;
}
}
@media (max-width: 480px) {
.woocommerce .woocommerce-ordering {
float: left;
}
.product-listing.woocommerce.columns-2 .product-item-wrap,
.product-listing.woocommerce.columns-3 .product-item-wrap,
.product-listing.woocommerce.columns-4 .product-item-wrap,
.product-listing.woocommerce.columns-5 .product-item-wrap,
.product-listing.woocommerce.columns-6 .product-item-wrap,
.product-cat-wrap.columns-2 .product-item-wrap,
.product-cat-wrap.columns-3 .product-item-wrap,
.product-cat-wrap.columns-4 .product-item-wrap,
.product-cat-wrap.columns-5 .product-item-wrap,
.product-cat-wrap.columns-6 .product-item-wrap {
width: 100% !important;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart table.cart td.actions input.button,
.woocommerce-cart table.cart td.actions button.button {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce form.checkout_coupon .form-row {
float: none;
width: 100%;
margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
display: none;
}
}
@media (max-width: 320px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 8px 15px;
}
.upsells.products .owl-theme .owl-controls,
.related.products .owl-theme .owl-controls,
.cross-sells .owl-theme .owl-controls {
display: none !important;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart table.cart td.actions input.button,
.woocommerce-cart table.cart td.actions button.button {
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-MyAccount-navigation {
background-color: #f4f4f4;
text-align: center;
margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 0;
}
.woocommerce-MyAccount-navigation li {
display: inline-block;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li:hover a {
background-color: #eb131f;
color: #fff;
text-decoration: none;
}
.woocommerce-MyAccount-navigation a {
font-size: 11px;
font-weight: 400;
color: #222;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0;
padding: 12px 20px;
display: block;
line-height: 20px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
@media (max-width: 549px) {
.woocommerce-MyAccount-navigation li {
display: block;
}
}  .darna-button {
display: inline-block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-transform: uppercase;
border: 2px solid;
}
.darna-button:hover,
.darna-button:active {
text-decoration: none !important;
outline: none !important;
}
.darna-button.size-xs {
padding: 1px 18px;
font-size: 12px;
}
.darna-button.size-sm {
padding: 2px 20px;
font-size: 13px;
}
.darna-button.size-md {
padding: 6px 20px;
font-size: 13px;
}
.darna-button.size-lg {
padding: 6px 22px;
font-size: 14px;
}
.darna-button.style1 {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.darna-button.style1:hover {
background-color: #333333;
border-color: #333333;
color: #fff;
}
.darna-button.style2 {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.darna-button.style2:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.darna-button.style3 {
background-color: #333333;
border-color: #333333;
color: #FFFFFF;
}
.darna-button.style3:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.darna-button.style4 {
background-color: #FFFFFF;
border-color: #333333;
color: #333333;
}
.darna-button.style4:hover {
background-color: #eb131f;
border-color: #eb131f;
color: #fff;
}
.darna-button i {
margin-right: 5px;
}
.darna-button.icon-right i {
margin-right: 0;
margin-left: 5px;
} .page-template-coming-soon div.logo,
.page-template-page-templatescoming-soon-php div.logo {
display: block;
text-align: center;
padding-top: 65px;
position: relative;
}
.page-template-coming-soon .title,
.page-template-page-templatescoming-soon-php .title {
padding-top: 66px;
text-align: center;
font-size: 18px;
color: #fff;
line-height: 1;
margin-bottom: 0;
position: relative;
}
.page-template-coming-soon .description,
.page-template-page-templatescoming-soon-php .description {
color: #fff;
line-height: 1.4;
padding-top: 60px;
font-size: 20px;
text-align: center;
position: relative;
}
.page-template-coming-soon .copyright,
.page-template-page-templatescoming-soon-php .copyright {
font-size: 12px;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.page-template-coming-soon .countdown,
.page-template-page-templatescoming-soon-php .countdown {
background-repeat: repeat-y;
background-size: cover;
}
.page-template-coming-soon .countdown .opening-hours,
.page-template-page-templatescoming-soon-php .countdown .opening-hours {
text-align: center;
color: #fff;
padding-bottom: 70px;
padding-top: 50px;
position: relative;
}
.page-template-coming-soon .countdown .opening-hours .time .count,
.page-template-page-templatescoming-soon-php .countdown .opening-hours .time .count {
display: inline-block;
position: relative;
border: solid 1px;
margin-left: 10px;
margin-right: 10px;
}
.page-template-coming-soon .countdown .opening-hours .split,
.page-template-page-templatescoming-soon-php .countdown .opening-hours .split {
position: absolute;
font-size: 100px;
top: 0;
left: -14px;
line-height: 1;
}
.page-template-coming-soon .countdown .opening-hours .box,
.page-template-page-templatescoming-soon-php .countdown .opening-hours .box {
font-size: 68px;
line-height: 1;
padding: 35px;
}
.page-template-coming-soon .countdown .opening-hours .info,
.page-template-page-templatescoming-soon-php .countdown .opening-hours .info {
font-size: 16px;
padding-bottom: 18px;
padding-top: 18px;
text-transform: uppercase;
background-color: #fff;
color: #000;
font-size: 14px;
}
.page-template-coming-soon .subscriber,
.page-template-page-templatescoming-soon-php .subscriber {
text-align: center;
position: relative;
color: #fff;
}
.page-template-coming-soon .subscriber i,
.page-template-page-templatescoming-soon-php .subscriber i {
position: absolute;
left: 10px;
top: 14px;
}
.page-template-coming-soon .subscriber label,
.page-template-page-templatescoming-soon-php .subscriber label {
display: none;
}
.page-template-coming-soon .subscriber p,
.page-template-page-templatescoming-soon-php .subscriber p {
display: inline-block;
position: relative;
}
.page-template-coming-soon .subscriber input[type='email'],
.page-template-page-templatescoming-soon-php .subscriber input[type='email'] {
width: 260px;
text-transform: none;
background-color: transparent;
height: 42px;
padding-left: 30px;
display: inline-block;
color: #fff;
}
.page-template-coming-soon .subscriber input[type='email']::-webkit-input-placeholder,
.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-webkit-input-placeholder,
.page-template-coming-soon .subscriber input[type='email']::-moz-placeholder,
.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-moz-placeholder,
.page-template-coming-soon .subscriber input[type='email']::-moz-placeholder,
.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-moz-placeholder,
.page-template-coming-soon .subscriber input[type='email']::-ms-input-placeholder,
.page-template-page-templatescoming-soon-php .subscriber input[type='email']::-ms-input-placeholder {
color: #fff;
}
.page-template-coming-soon .subscriber input[type='submit'],
.page-template-page-templatescoming-soon-php .subscriber input[type='submit'] {
padding: 12px 18px 13px 18px;
font-size: 13px;
line-height: 1;
background-color: transparent;
}
.page-template-coming-soon .subscriber input[type='submit']:hover,
.page-template-page-templatescoming-soon-php .subscriber input[type='submit']:hover {
background-color: #eb131f;
}
.page-template-coming-soon .subscriber input,
.page-template-page-templatescoming-soon-php .subscriber input {
border: solid 2px #fff;
}
.page-template-coming-soon .overlay:before,
.page-template-page-templatescoming-soon-php .overlay:before {
background-color: rgba(0, 0, 0, 0.5);
padding-top: 0;
}
@media only screen and (max-width: 768px) {
.countdown {
background-repeat: no-repeat;
background-size: cover;
}
.countdown .count {
margin-top: 20px;
}
.countdown .copyright {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 600px) {
.page-template-coming-soon .countdown .opening-hours .box,
.page-template-coming-soon .countdown .opening-hours .split {
font-size: 60px;
}
.page-template-coming-soon .countdown .opening-hours .time .count {
width: 150px;
}
}
@media only screen and (max-width: 450px) {
.page-template-coming-soon div.logo,
.page-template-coming-soon .title {
padding-top: 40px;
}
.page-template-coming-soon .countdown .opening-hours {
padding-top: 40px;
padding-bottom: 40px;
}
.page-template-coming-soon .countdown .opening-hours .time .count {
width: 100px;
}
.page-template-coming-soon .countdown .opening-hours .box,
.page-template-coming-soon .countdown .opening-hours .split {
font-size: 50px;
}
.page-template-coming-soon .countdown .opening-hours .count .box {
padding-right: 10px;
padding-left: 10px;
}
} .darna-feature.style1 {
margin-bottom: 30px !important;
}
.darna-feature.style1 .darna-feature-thumb {
position: relative;
}
.darna-feature.style1 .darna-feature-thumb span {
position: absolute;
display: block;
right: 20px;
top: 20px;
}
.darna-feature.style1 .darna-feature-thumb span i {
color: #FFFFFF;
font-size: 30px;
}
.darna-feature.style1 .darna-feature-thumb img {
width: 100%;
height: auto;
}
.darna-feature.style1 .darna-feature-thumb:hover i {
color: #eb131f;
}
.darna-feature.style1 .darna-feature-content h4 {
margin: 21px 0 20px 0;
font-family: 'Oswald';
font-size: 21px;
font-weight: 400;
}
.darna-feature.style1 .darna-feature-content h4 i {
color: #eb131f;
font-size: 26px;
margin-right: 9px;
}
.darna-feature.style1 .darna-feature-content h4 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: #222222;
text-transform: uppercase;
}
.darna-feature.style1 .darna-feature-content h4 a:hover {
color: #eb131f;
text-decoration: none;
}
.darna-feature.style1 .darna-feature-content p {
font-size: 14px;
font-weight: 400;
color: #8f8f8f;
margin: 0 0 20px;
} .darna-heading {
text-align: center;
}
.darna-heading h2 {
font-family: 'Oswald';
font-size: 48px;
font-weight: 400;
color: #222222;
line-height: 1;
text-transform: uppercase;
position: relative;
padding-top: 37px;
margin-bottom: 0;
}
.darna-heading h2:before {
content: '';
display: inline-block;
width: 57px;
height: 15px;
border-color: #eb131f;
border-style: solid;
border-width: 5px 5px 0 5px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.darna-heading p {
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
color: #616161;
line-height: 1.85;
text-transform: uppercase;
padding-top: 5px;
}
.darna-heading:after {
content: '';
display: block;
border-bottom: 5px solid #eb131f;
width: 57px;
margin-left: auto;
margin-right: auto;
padding-top: 22px;
}
.darna-heading.style2 h2 {
color: #ffffff;
}
.darna-heading.style2 p {
color: #979797;
}
@media (max-width: 768px) {
.darna-heading h2 {
font-size: 40px;
}
} .darna-icon-box.style1,
.darna-icon-box.style2 {
text-align: center;
}
.darna-icon-box.style1 .ibox-icon,
.darna-icon-box.style2 .ibox-icon {
display: block;
height: 68px;
width: 68px;
background-color: #eb131f;
border: 4px solid #eb131f;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.darna-icon-box.style1 .ibox-icon i,
.darna-icon-box.style2 .ibox-icon i {
font-size: 32px;
line-height: 60px;
color: #ffffff;
}
.darna-icon-box.style1 .ibox-icon img,
.darna-icon-box.style2 .ibox-icon img {
width: 60px;
height: 60px;
}
.darna-icon-box.style1:hover .ibox-icon,
.darna-icon-box.style2:hover .ibox-icon {
background-color: #ffffff;
text-decoration: none;
}
.darna-icon-box.style1:hover .ibox-icon i,
.darna-icon-box.style2:hover .ibox-icon i {
color: #222222;
}
.darna-icon-box.style1 h3,
.darna-icon-box.style2 h3 {
font-family: 'Oswald';
font-size: 21px;
padding-top: 19px;
margin: 0;
}
.darna-icon-box.style1 h3 a,
.darna-icon-box.style2 h3 a {
font-family: inherit;
font-size: inherit;
color: #222222;
line-height: 1;
text-transform: uppercase;
}
.darna-icon-box.style1 h3 a:hover,
.darna-icon-box.style2 h3 a:hover {
text-decoration: none;
}
.darna-icon-box.style1 p,
.darna-icon-box.style2 p {
font-family: 'Roboto';
font-size: 14px;
color: #8f8f8f;
line-height: 1.71;
padding-top: 10px;
}
.darna-icon-box.style2 .ibox-icon {
background-color: transparent;
border: 4px solid transparent;
}
.darna-icon-box.style2 .ibox-icon i {
color: #eb131f;
font-size: 40px;
}
.darna-icon-box.style2:hover .ibox-icon {
background-color: #ffffff;
border-color: #eb131f;
}
.darna-icon-box.style2 h3 {
font-size: 18px;
padding-top: 10px;
}
.darna-icon-box.style2 p {
padding-top: 18px;
}
.darna-icon-box.style3 .ibox-icon {
display: block;
height: 57px;
width: 62px;
text-align: center;
float: left;
background-color: #eb131f;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.darna-icon-box.style3 .ibox-icon i {
font-size: 26px;
line-height: 57px;
color: #ffffff;
}
.darna-icon-box.style3 .ibox-icon img {
height: 100%;
width: 100%;
}
.darna-icon-box.style3:hover .ibox-icon {
text-decoration: none;
}
.darna-icon-box.style3:hover .ibox-icon i {
color: #222222;
}
.darna-icon-box.style3 h3 {
font-family: 'Oswald';
font-size: 32px;
line-height: 1;
margin: 0;
overflow: hidden;
padding-left: 21px;
padding-top: 16px;
}
.darna-icon-box.style3 h3 a {
font-family: inherit;
font-size: inherit;
color: #222222;
text-transform: uppercase;
}
.darna-icon-box.style3 h3 a:hover {
text-decoration: none;
}
.darna-icon-box.style3 p {
font-family: 'Roboto';
font-size: 14px;
color: #8f8f8f;
line-height: 1.71;
padding-top: 25px;
clear: both;
}
.darna-icon-box.style4 {
text-align: center;
}
.darna-icon-box.style4 .ibox-icon {
display: block;
height: 110px;
width: 110px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #222222;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.darna-icon-box.style4 .ibox-icon i {
font-size: 32px;
line-height: 110px;
color: #ffffff;
}
.darna-icon-box.style4 .ibox-icon img {
width: 110px;
height: 110px;
}
.darna-icon-box.style4:hover .ibox-icon {
background-color: #eb131f;
text-decoration: none;
}
.darna-icon-box.style4:hover .ibox-icon i {
color: #ffffff;
}
.darna-icon-box.style4 h3 {
font-family: 'Oswald';
font-size: 18px;
color: #222222;
padding-top: 30px;
margin: 0;
line-height: 1.11;
}
.darna-icon-box.style4 h3 a {
font-family: inherit;
font-size: inherit;
color: #222222;
line-height: 1;
text-transform: uppercase;
}
.darna-icon-box.style4 h3 a:hover {
text-decoration: none;
}
.darna-icon-box.style4 p {
font-family: 'Roboto';
font-size: 14px;
color: #8f8f8f;
line-height: 1.86;
padding-top: 10px;
}
.darna-icon-box.style5 {
margin-bottom: 35px;
}
.darna-icon-box.style5 .ibox-icon {
display: block;
height: 68px;
width: 68px;
float: left;
text-align: center;
background-color: transparent;
border: 1px solid #DDDDDD;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.darna-icon-box.style5 .ibox-icon i {
font-size: 30px;
line-height: 66px;
color: #DDDDDD;
}
.darna-icon-box.style5 .ibox-icon img {
height: 100%;
width: 100%;
}
.darna-icon-box.style5:hover .ibox-icon {
background-color: #eb131f;
text-decoration: none;
}
.darna-icon-box.style5:hover .ibox-icon i {
color: #ffffff;
}
.darna-icon-box.style5 h3 {
padding-left: 100px;
font-family: 'Oswald';
font-size: 21px;
color: #222222;
margin: 0;
line-height: 0.95;
padding-top: 5px;
}
.darna-icon-box.style5 h3 a {
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.darna-icon-box.style5 h3 a:hover {
text-decoration: none;
}
.darna-icon-box.style5 p {
padding-left: 100px;
font-family: 'Roboto';
font-size: 14px;
color: #8f8f8f;
line-height: 1.71;
padding-top: 15px;
}
.darna-icon-box.style6 .ibox-icon {
float: left;
display: block;
line-height: 1;
}
.darna-icon-box.style6 .ibox-icon i {
font-size: 40px;
color: #eb131f;
}
.darna-icon-box.style6 .ibox-icon img {
height: 40px;
width: 40px;
}
.darna-icon-box.style6:hover .ibox-icon {
text-decoration: none;
}
.darna-icon-box.style6:hover .ibox-icon i {
color: #222222;
}
.darna-icon-box.style6 h3 {
font-family: 'Oswald';
font-size: 18px;
line-height: 1.11;
overflow: hidden;
margin: 0;
padding-left: 21px;
padding-top: 11px;
}
.darna-icon-box.style6 h3 a {
font-family: inherit;
font-size: inherit;
color: #222222;
text-transform: uppercase;
}
.darna-icon-box.style6 h3 a:hover {
text-decoration: none;
}
.darna-icon-box.style6 p {
font-family: 'Roboto';
font-size: 14px;
color: #8f8f8f;
line-height: 1.71;
padding-top: 10px;
clear: both;
} .darna-ourteam.style1 {
text-align: center;
}
.darna-ourteam.style1 .owl-wrapper .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.darna-ourteam.style1 .darna-ourteam-slider {
margin-left: -15px;
margin-right: -15px;
}
.darna-ourteam.style1 .ourteam-item {
position: relative;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar {
position: relative;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar img {
width: 100%;
height: 100%;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 30px;
padding: 0;
opacity: 0;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li {
display: inline-block;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
display: inline-block;
width: 30px;
height: 30px;
color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a i {
line-height: 30px;
font-size: 18px;
}
.darna-ourteam.style1 .ourteam-item .ourteam-avatar .ourteam-social li a:hover {
background-color: #eb131f;
color: #ffffff;
}
.darna-ourteam.style1 .ourteam-item .ourteam-info {
background-color: #F8F8F8;
}
.darna-ourteam.style1 .ourteam-item .ourteam-info p {
font-family: 'Oswald';
font-size: 18px;
color: #292929;
line-height: 1;
letter-spacing: 0.02em;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding-top: 30px;
}
.darna-ourteam.style1 .ourteam-item .ourteam-info p a {
color: inherit;
}
.darna-ourteam.style1 .ourteam-item .ourteam-info span {
font-family: 'Roboto';
font-size: 11px;
color: #8f8f8f;
line-height: 1;
font-weight: bold;
margin: 0;
display: block;
padding: 12px 0 30px;
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar:before {
content: '';
display: block;
left: 0;
right: 0;
bottom: 0;
top: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.75);
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar .ourteam-social {
opacity: 1;
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-avatar .ourteam-social a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info {
background-color: #eb131f;
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info p {
color: #ffffff;
}
.darna-ourteam.style1 .ourteam-item:hover .ourteam-info span {
color: #222222;
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div {
width: 40px;
height: 40px;
background-color: #2B2B2B;
opacity: 1;
margin: auto;
padding: 0;
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div i {
font-size: 21px;
color: #ffffff;
line-height: 40px;
}
.darna-ourteam.style1 .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #eb131f;
}
.darna-ourteam.style1 .owl-theme .owl-controls {
margin-top: 0;
}
.darna-ourteam.style1 .owl-theme .owl-buttons .owl-prev {
position: absolute;
left: -45px;
top: 0;
bottom: 30px;
margin: auto;
}
.darna-ourteam.style1 .owl-theme .owl-buttons .owl-next {
position: absolute;
right: -45px;
top: 0;
bottom: 30px;
margin: auto;
} .secondary-font {
font-family: 'Oswald';
}
.menu-font {
font-family: 'Oswald';
}
.primary-font {
font-family: 'Roboto';
}
.primary-color {
color: #eb131f;
}
.border-primary-color,
.border-primary-color:after,
.border-primary-color:before {
border-color: #eb131f;
}
.bold-color {
color: #222222;
}
.center {
text-align: center;
}
.primary-color-hover:hover,
.entry-content a.primary-color-hover:hover,
.comment-text a.primary-color-hover:hover {
color: #eb131f;
}
.paging .portfolio-wrapper {
overflow: hidden;
}
.portfolio-full.small-slider .owl-carousel .owl-wrapper-outer,
.portfolio.slider .owl-carousel .owl-wrapper-outer {
overflow: hidden;
}
.portfolio-full.small-slider .owl-next,
.portfolio.slider .owl-next,
.portfolio-full.small-slider .owl-prev,
.portfolio.slider .owl-prev {
height: 30px;
position: absolute;
top: 43%;
width: 30px;
background-color: #fff;
padding: 0;
}
.portfolio-full.small-slider .owl-prev,
.portfolio.slider .owl-prev {
left: -40px;
}
.portfolio-full.small-slider .owl-prev i,
.portfolio.slider .owl-prev i {
font-size: 16px;
margin-left: -1px;
margin-top: 4px;
}
.portfolio-full.small-slider .owl-next,
.portfolio.slider .owl-next {
right: -40px;
}
.portfolio-full.small-slider .owl-next i,
.portfolio.slider .owl-next i {
font-size: 16px;
margin-left: 1px;
margin-top: 4px;
}
.portfolio.slider .owl-controls {
text-align: right;
position: relative;
}
.portfolio.slider .owl-controls a.darna-button {
position: absolute;
left: 0;
}
.portfolio.slider .owl-controls a.darna-button:hover {
box-shadow: 0 3px 10px -2px #777777;
}
.portfolio.slider .owl-controls.container {
padding-right: 0;
padding-left: 0;
}
.portfolio.slider .owl-controls.container .owl-buttons {
position: absolute;
right: 0;
top: 40px;
width: 150px;
}
.portfolio.slider .owl-carousel .owl-buttons {
display: inline-block;
}
.portfolio.slider .owl-next,
.portfolio.slider .owl-prev {
position: relative;
left: 0;
right: 0;
text-align: center;
margin-top: 0;
}
.view-button-wrap {
margin-top: 40px;
}
.portfolio .portfolio-tabs {
display: table;
width: 100%;
}
.portfolio .portfolio-tabs ul {
list-style: none;
padding: 0;
margin-bottom: 30px;
position: relative;
}
.portfolio .portfolio-tabs ul.magic-line-container {
border-top: solid 1px #dfdfdf;
border-bottom: solid 1px #dfdfdf;
}
.portfolio .portfolio-tabs ul.cat-style-normal:before,
.portfolio .portfolio-tabs ul.cat-style-normal:after {
position: absolute;
top: 50%;
border-top: solid 2px;
width: 20px;
content: "";
}
.portfolio .portfolio-tabs ul.cat-style-normal:after {
left: -38px;
}
.portfolio .portfolio-tabs ul.cat-style-normal:before {
right: -38px;
}
.portfolio .portfolio-tabs ul li {
float: left;
margin-left: 25px;
margin-right: 25px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 2;
position: relative;
}
.portfolio .portfolio-tabs ul li > a {
font-size: 11px;
font-weight: 400;
color: #222222;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0;
}
.portfolio .portfolio-tabs ul li > a.active,
.portfolio .portfolio-tabs ul li > a:hover {
color: #eb131f;
}
.portfolio .portfolio-tabs ul li:first-child {
margin-left: 0;
}
.portfolio .portfolio-tabs ul li.last {
margin-right: 0;
}
.portfolio .portfolio-tabs ul li.none-magic-line {
color: #000;
}
.portfolio .portfolio-tabs ul.magic-line-container li {
margin-right: 0;
margin-left: 0;
}
.portfolio .portfolio-tabs ul.magic-line-container li a {
margin-left: 10px;
margin-right: 10px;
}
.portfolio .portfolio-tabs ul.magic-line-container li:first-child a {
margin-left: 0;
}
.portfolio .portfolio-tabs ul.magic-line-container li.last a {
margin-right: 0;
}
.portfolio .portfolio-tabs ul li.magic-line {
position: absolute;
left: 0;
width: 0;
height: 2px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
background-color: #eb131f;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.portfolio .portfolio-tabs ul li.bottom.magic-line {
bottom: -1px;
}
.portfolio .portfolio-tabs ul li.top.magic-line {
top: -1px;
}
.portfolio .portfolio-tabs .tab-wrapper.center {
text-align: center;
}
.portfolio .portfolio-tabs .tab-wrapper.center ul {
text-align: center;
display: inline-block;
}
.portfolio .portfolio-tabs .tab-wrapper.right > ul {
float: right;
}
.portfolio .portfolio-tabs .tab-wrapper.left > ul {
float: left;
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap {
line-height: 1;
background-color: #f4f4f4;
margin-bottom: 30px;
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul {
margin-bottom: 0;
padding-left: 0;
margin-left: auto;
margin-right: auto;
display: table;
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li {
margin-left: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover,
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active {
background-color: #eb131f;
}
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover a,
.portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active a {
color: #fff;
}
.portfolio .portfolio-tabs .title-portfolio {
font-size: 18px;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
line-height: 1;
}
.portfolio .portfolio-tabs .title-portfolio .bottom-line {
width: 45px;
border-top: solid 2px #eb131f;
display: block;
margin-top: 20px;
}
.portfolio .portfolio-tabs .title-portfolio.isolation {
display: block;
margin-bottom: 30px;
}
.portfolio .portfolio-tabs .title-portfolio.isolation > span {
display: block;
}
.portfolio .portfolio-tabs .title-portfolio.isolation .bottom-line {
display: inline-block;
}
.portfolio .portfolio-tabs .title-portfolio.isolation.left,
.portfolio .portfolio-tabs .title-portfolio.isolation.right {
float: none;
position: relative;
left: 0;
right: 0;
}
.portfolio .portfolio-tabs .title-portfolio.isolation.right {
text-align: right;
}
.portfolio .portfolio-tabs .title-portfolio.center {
text-align: center;
line-height: 1;
margin-bottom: 30px;
}
.portfolio .portfolio-tabs .title-portfolio.left {
float: left;
position: absolute;
left: 15px;
}
.portfolio .portfolio-tabs .title-portfolio.right {
float: right;
position: absolute;
right: 15px;
}
.portfolio.style_2 .title-portfolio {
color: #fff;
}
.portfolio.style_2 .portfolio-tabs ul.magic-line-container {
border-top-color: #fff;
border-bottom-color: #fff;
}
.portfolio.style_2 .portfolio-tabs ul li > a {
color: #fff;
font-size: 13px;
}
.portfolio.style_2 .portfolio-tabs ul li > a.active,
.portfolio.style_2 .portfolio-tabs ul li > a:hover {
color: #eb131f;
}
.portfolio.style_2 .owl-theme .owl-controls .owl-buttons div {
background-color: #3f3f3f;
color: #fff;
opacity: 1;
}
.portfolio.style_2 .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #eb131f;
} div.light_rounded .pp_description,
div.light_square .pp_description {
text-align: center;
font-weight: 600;
font-size: 16px;
}
div.light_rounded .pp_description a,
div.light_square .pp_description a {
text-decoration: none;
color: #8f8f8f;
}
div.light_rounded .pp_description a:hover,
div.light_square .pp_description a:hover {
text-decoration: none;
color: #eb131f;
} .portfolio-wrapper.darna-col-md-2 .owl-wrapper-outer .portfolio-item,
.portfolio-wrapper.darna-col-md-3 .owl-wrapper-outer .portfolio-item,
.portfolio-wrapper.darna-col-md-4 .owl-wrapper-outer .portfolio-item {
width: 100%;
padding-bottom: 0;
}
.portfolio-wrapper.col-padding-10.owl-carousel,
.portfolio-wrapper.col-padding-15.owl-carousel,
.portfolio-wrapper.col-padding-20.owl-carousel,
.portfolio-wrapper.col-padding-40.owl-carousel {
margin: 0;
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item {
width: 50%;
float: left;
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item .post-title a {
font-size: 18px;
}
.portfolio-wrapper.darna-col-md-3 .portfolio-item {
width: 33.3333333%;
float: left;
}
.portfolio-wrapper.darna-col-md-3 .portfolio-item .post-title a {
font-size: 16px;
}
.portfolio-wrapper.darna-col-md-4 .portfolio-item {
width: 25%;
float: left;
}
.portfolio-wrapper.darna-col-md-4 .portfolio-item .post-title a {
font-size: 15px;
}
.portfolio-wrapper.col-padding-10 {
margin: 0 -10px -20px;
}
.portfolio-wrapper.col-padding-10 .portfolio-item {
padding: 0px 10px 20px 10px;
}
.portfolio-wrapper.col-padding-15 {
margin: 0 -15px -30px;
}
.portfolio-wrapper.col-padding-15 .portfolio-item {
padding: 0px 15px 30px 15px;
}
.portfolio-wrapper.col-padding-20 {
margin: 0 -20px -40px;
}
.portfolio-wrapper.col-padding-20 .portfolio-item {
padding: 0px 20px 0px 20px;
}
.portfolio-wrapper.col-padding-40 {
margin: 0 -40px -80px;
}
.portfolio-wrapper.col-padding-40 .portfolio-item {
padding: 0px 40px 80px 40px;
}
.portfolio-wrapper .portfolio-item {
padding: 0px;
position: relative;
}
.portfolio-wrapper .portfolio-item img {
width: 100%;
height: auto;
display: block;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail {
overflow: hidden;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover a {
border-radius: 0px;
border: none;
width: 100%;
text-decoration: none;
display: inline;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover a:hover {
background-color: transparent;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper {
display: table;
height: 100%;
text-align: center;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
display: table-cell;
vertical-align: middle;
padding-left: 28px;
padding-right: 28px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery {
background-color: #eb131f;
color: #222222;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery:hover {
color: #fff;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.view-gallery i {
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner div.title {
text-align: center;
font-weight: 400;
color: #fff;
margin-bottom: 5px;
margin-top: 15px;
font-size: 18px;
text-transform: uppercase;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner div.title:hover {
color: #eb131f;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
font-size: 11px;
font-style: normal;
text-transform: uppercase;
color: #fff;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner img {
max-width: 100%;
display: inline-block;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner i {
font-size: 22px;
}
.portfolio-wrapper .portfolio-item div.post-title {
text-transform: none;
text-align: center;
font-weight: 400;
margin-top: 20px;
}
.portfolio-wrapper .portfolio-item div.post-title a {
color: #222222;
font-size: 18px;
font-weight: 400;
}
.portfolio-wrapper .portfolio-item div.post-title a:hover {
text-decoration: none;
color: #eb131f;
}
.portfolio-wrapper .portfolio-item div.category {
text-align: center;
font-weight: 400;
margin-top: 0;
margin-bottom: 40px;
overflow: hidden;
text-transform: uppercase;
}
.portfolio-wrapper .portfolio-item div.category a {
color: #878787;
font-size: 12px;
font-weight: 400;
}
.portfolio-wrapper figure {
margin: 0;
position: relative;
overflow: hidden;
}
.portfolio-wrapper figure .fig-title {
line-height: 1;
}
.portfolio-wrapper figure .fig-title .ico-view-detail,
.portfolio-wrapper figure .fig-title .ico-view-gallery {
position: absolute;
top: 0;
padding: 24px;
height: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.portfolio-wrapper figure .fig-title .ico-view-detail i,
.portfolio-wrapper figure .fig-title .ico-view-gallery i {
font-size: 20px;
}
.portfolio-wrapper figure .fig-title .ico-view-detail {
background-color: #eb131f;
color: #fff;
right: 65px;
}
.portfolio-wrapper figure .fig-title .ico-view-detail:hover {
color: #212121;
}
.portfolio-wrapper figure .fig-title .ico-view-gallery {
right: 0;
background-color: #212121;
color: #eb131f;
}
.portfolio-wrapper figure .fig-title .ico-view-gallery:hover {
color: #fff;
}
.portfolio-wrapper figure .fig-title .category {
display: inline-block;
padding-top: 10px;
font-size: 11px;
text-transform: uppercase;
white-space: nowrap;
}
.portfolio-wrapper figure img {
max-width: 100%;
display: block;
position: relative;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.portfolio-wrapper figure a:hover {
text-decoration: none;
}
.portfolio-wrapper figure div.title {
text-transform: uppercase;
font-size: 18px;
line-height: 1;
}
.portfolio-wrapper figure:hover img {
transform: translateY(-50px);
}
.portfolio-wrapper figure:hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: transform 0.4s, opacity 0.1s;
-moz-transition: transform 0.4s, opacity 0.1s;
-ms-transition: transform 0.4s, opacity 0.1s;
-o-transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.portfolio-wrapper figure:hover .button-toolbox-wrap {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.portfolio-wrapper figure .button-toolbox-wrap {
opacity: 0;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-o-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.portfolio-wrapper figure .button-toolbox-wrap .button-toolbox {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.portfolio-wrapper figure .button-toolbox-wrap .inner {
display: table-cell;
vertical-align: middle;
font-size: 0px;
}
.portfolio-wrapper figure .button-toolbox-wrap a {
width: 60px;
height: 60px;
display: inline-block;
color: #fff;
text-align: center;
padding-top: 15px;
font-size: 16px;
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-detail {
background-color: #eb131f;
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-detail:hover {
background-color: #fff;
color: #eb131f;
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-gallery {
background-color: #000;
}
.portfolio-wrapper figure .button-toolbox-wrap .ico-view-gallery:hover {
background-color: #eb131f;
}
.portfolio-wrapper figcaption {
position: absolute;
left: 0;
padding: 14px 14px 14px 20px;
background-color: #fff;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.portfolio-wrapper figcaption.dark {
background-color: #222;
}
.portfolio-wrapper figcaption.dark .fig-title .title,
.portfolio-wrapper figcaption.dark .fig-title .category,
.portfolio-wrapper figcaption.dark .fig-title .ico-view-gallery {
color: #fff;
}
.portfolio-wrapper figcaption.dark .fig-title .title:hover,
.portfolio-wrapper figcaption.dark .fig-title .category:hover,
.portfolio-wrapper figcaption.dark .fig-title .ico-view-gallery:hover {
color: #eb131f;
}
.portfolio-item.col-padding-10 div.category {
margin-bottom: 20px;
}
.portfolio-item.col-padding-15 div.category {
margin-bottom: 10px;
}
.portfolio-item.col-padding-20 div.category {
margin-bottom: 0px;
}
.portfolio-item .entry-thumbnail.title .entry-hover-wrapper .entry-hover-inner h5 {
margin-bottom: 0px;
}
.portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner .excerpt {
color: #8f8f8f;
height: 75px;
overflow: hidden;
}
body.boxed .portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner .icon.full {
display: none;
} .portfolio-load-more-wrapper {
text-align: center;
margin-top: 88px;
position: relative;
}
.entry-thumbnail {
overflow: hidden;
position: relative;
}
.entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.entry-thumbnail .entry-thumbnail-hover {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: 0.5s ease-out 0s;
-moz-transition: 0.5s ease-out 0s;
-ms-transition: 0.5s ease-out 0s;
-o-transition: 0.5s ease-out 0s;
transition: 0.5s ease-out 0s;
}
.portfolio .paging {
margin-top: 40px;
margin-bottom: 70px;
text-align: center;
}
.portfolio .paging a {
padding-left: 56px;
padding-right: 56px;
}
.portfolio-item .entry-thumbnail .entry-thumbnail-hover {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.archive-portfolio {
margin-top: 40px;
}
.style_2 .owl-next,
.style_2 .owl-prev {
background-color: #657b84;
}
@media only screen and (min-width: 1920px) {
.portfolio-wrapper .portfolio-item .entry-thumbnail > img {
width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.portfolio-wrapper.darna-col-md-2 .portfolio-item .post-title,
.portfolio-wrapper.darna-col-md-2 .portfolio-item .category {
font-size: 12px;
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner h5,
.portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
font-size: 12px;
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner i {
font-size: 22px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
right: 20px;
}
}
@media only screen and (max-width: 768px) {
.portfolio .portfolio-tabs .title-portfolio.isolation.right,
.portfolio .portfolio-tabs .title-portfolio.isolation.left,
.portfolio .portfolio-tabs .title-portfolio.isolation.center,
.portfolio .portfolio-tabs .title-portfolio.left,
.portfolio .portfolio-tabs .title-portfolio.center,
.portfolio .portfolio-tabs .title-portfolio.right {
float: none;
display: block;
line-height: 1;
position: relative;
text-align: center;
left: 0;
right: 0;
margin-bottom: 30px;
}
.portfolio .portfolio-tabs .title-portfolio.isolation.right > span,
.portfolio .portfolio-tabs .title-portfolio.isolation.left > span,
.portfolio .portfolio-tabs .title-portfolio.isolation.center > span,
.portfolio .portfolio-tabs .title-portfolio.left > span,
.portfolio .portfolio-tabs .title-portfolio.center > span,
.portfolio .portfolio-tabs .title-portfolio.right > span {
display: block;
}
.portfolio .portfolio-tabs .title-portfolio.isolation.right .bottom-line,
.portfolio .portfolio-tabs .title-portfolio.isolation.left .bottom-line,
.portfolio .portfolio-tabs .title-portfolio.isolation.center .bottom-line,
.portfolio .portfolio-tabs .title-portfolio.left .bottom-line,
.portfolio .portfolio-tabs .title-portfolio.center .bottom-line,
.portfolio .portfolio-tabs .title-portfolio.right .bottom-line {
margin-top: 20px;
display: inline-block;
}
.portfolio .portfolio-tabs .tab-wrapper {
text-align: center;
}
.portfolio .portfolio-tabs .tab-wrapper.right .magic-line-container,
.portfolio .portfolio-tabs .tab-wrapper.left .magic-line-container,
.portfolio .portfolio-tabs .tab-wrapper.center .magic-line-container {
display: inline-block;
float: none;
}
}
@media only screen and (max-width: 600px) {
.portfolio-wrapper figure .fig-title .ico-view-detail,
.portfolio-wrapper figure .fig-title .ico-view-gallery {
display: none;
}
.portfolio-wrapper figure .fig-title .category {
white-space: normal;
}
.portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner h5 {
margin-bottom: 0px;
}
.portfolio .portfolio-tabs ul.cat-style-normal:after,
.portfolio .portfolio-tabs ul.cat-style-normal:before {
width: 0;
}
.portfolio-wrapper.darna-col-md-2 .portfolio-item,
.portfolio-wrapper.darna-col-md-3 .portfolio-item,
.portfolio-wrapper.darna-col-md-4 .portfolio-item {
width: 100%;
}
.magic-line-container .magic-line {
display: none;
}
.portfolio .portfolio-tabs ul {
width: 100%;
}
.portfolio .portfolio-tabs ul li {
width: 100%;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 4px;
padding-right: 4px;
}
.portfolio .portfolio-tabs ul li.none-magic-line {
display: none;
}
}
@media only screen and (min-width: 600px) and (max-width: 990px) {
.portfolio-wrapper.darna-col-md-3 .portfolio-item,
.portfolio-wrapper.darna-col-md-4 .portfolio-item {
width: 50%;
}
}
.portfolio-full.small-slider {
margin-bottom: 60px;
}
.portfolio-full.small-slider .portfolio-title,
.portfolio-full.small-slider .portfolio-category {
text-transform: uppercase;
text-align: center;
}
.portfolio-full.small-slider .portfolio-category {
line-height: 1;
margin-bottom: 60px;
}
.portfolio-full.small-slider .post-slideshow,
.portfolio-full.small-slider .slideshow-paging {
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.portfolio-full.small-slider .slideshow-paging {
margin-top: 30px;
}
.portfolio-full.small-slider .owl-controls {
margin-top: 0;
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next {
background-color: #000;
width: 40px;
height: 40px;
line-height: 36px;
color: #fff;
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #eb131f;
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 20px;
}
.portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next {
right: 20px;
}
.portfolio-full.small-slider .portfolio-attribute {
margin-top: 38px;
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info {
background-color: #f8f8f8;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box {
border-bottom: solid 1px #eeeeee;
padding-top: 15px;
padding-bottom: 15px;
}
.portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box:last-child {
border-bottom: none;
}
.portfolio-full.small-slider .portfolio-info-box.share {
position: relative;
}
.portfolio-full.small-slider .portfolio-info-box.share img {
position: absolute;
top: 17px;
}
.portfolio-full.small-slider .share h6 {
font-size: 18px;
display: inline-block;
font-weight: 300;
}
.portfolio-full.small-slider .share .icon-wrap {
display: inline-block;
padding-left: 90px;
}
.portfolio-full.small-slider .share .icon-wrap a {
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
display: inline-block;
border-radius: 50%;
background-color: #eee;
}
.portfolio-full.small-slider .share img {
padding-left: 10px;
padding-right: 10px;
}
.portfolio-content {
margin-top: 38px;
}
.portfolio-content h5.title {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 40px;
}
.portfolio-content h5.title:before,
.portfolio-content h5.title:after {
content: '';
position: absolute;
width: 35px;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.portfolio-content h5.title:before {
top: 36px;
}
.portfolio-content h5.title:after {
top: 40px;
left: 15px;
}
.portfolio-info ul {
list-style: none;
padding-left: 0;
color: #222222;
}
.portfolio-info ul li:before {
content: "::";
padding-right: 10px;
}
.portfolio-info .portfolio-info-box h6 {
font-size: 14px;
display: inline-block;
line-height: 1;
margin-bottom: 0;
}
.portfolio-info .portfolio-info-box h6 i {
width: 25px;
}
.portfolio-info .portfolio-info-box .portfolio-term {
display: inline-block;
font-size: 14px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
.portfolio-related-wrap {
background-color: #eee;
padding-top: 130px;
padding-bottom: 100px;
}
.heading-wrap {
text-align: center;
line-height: 1;
position: relative;
padding-bottom: 75px;
}
.heading-wrap:before,
.heading-wrap:after {
content: '';
position: absolute;
width: 60px;
left: 0;
right: 0;
margin: 0 auto;
}
.heading-wrap:before {
top: -30px;
height: 18px;
border-style: solid solid none;
border-width: 4px 4px 4px;
}
.heading-wrap:after {
bottom: 40px;
height: 1px;
border-style: solid;
border-width: 2px;
}
.heading-wrap .heading,
.heading-wrap .sub-heading {
text-transform: uppercase;
}
.heading-wrap .heading {
font-size: 48px;
margin-bottom: 14px;
}
.heading-wrap .sub-heading {
font-size: 14px;
}
.portfolio-description {
margin-top: 70px;
font-size: 12px;
}
.portfolio-navigation-wrap {
text-align: center;
margin-bottom: 50px;
}
.portfolio-navigation-wrap .nav-previous,
.portfolio-navigation-wrap .nav-next,
.portfolio-navigation-wrap .portfolio-archive {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border: solid 1px #ddd;
} .darna-post img {
width: 100%;
}
.darna-post .darna-post-item .owl-wrapper .owl-item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.darna-post .darna-post-slider {
margin-left: -15px;
margin-right: -15px;
}
.darna-post .darna-post-slider .owl-wrapper .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.darna-post .darna-post-content > a {
font-family: 'Oswald';
font-size: 18px;
font-weight: 400;
line-height: 1.11;
color: #222222;
display: block;
text-transform: uppercase;
padding-top: 19px;
padding-bottom: 2px;
}
.darna-post .darna-post-content > a:hover {
color: #eb131f;
text-decoration: none;
}
.darna-post .darna-post-content p {
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
color: #8f8f8f;
line-height: 1.71;
padding-top: 12px;
}
.darna-post .darna-post-content p:before {
content: '';
display: block;
border-top: 4px solid #eb131f;
width: 50px;
padding-bottom: 12px;
}
.darna-post .darna-post-content i {
margin-right: 16px;
color: #8f8f8f;
font-size: 12px;
}
.darna-post .darna-post-content i span {
color: inherit;
font-size: inherit;
font-weight: 400;
font-family: 'Roboto';
font-style: italic;
padding-left: 8px;
text-transform: uppercase;
}
.darna-post .darna-post-content i span > a {
color: inherit;
font-size: inherit;
font-family: inherit;
}
.darna-post .darna-post-content i span > a:hover {
color: #eb131f;
}
.darna-post .owl-theme .owl-controls .owl-page {
margin-top: 20px;
}
.darna-post .owl-theme .owl-controls .owl-page span {
background-color: #DDDDDD;
width: 52px;
height: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
margin-bottom: 0;
}
.darna-post .owl-theme .owl-controls .owl-page.active span {
background-color: #eb131f;
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 66.25%;
}
.embed-responsive.embed-responsive-blog-thumbnail {
padding-bottom: 59.2%;
}
.embed-responsive.embed-responsive-blog-classic {
padding-bottom: 41.0256%;
} .shortcode-product-wrap .owl-theme .owl-controls {
margin: 0;
height: 0;
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
margin: -92.5px 0 0 0;
display: block;
top: 50%;
cursor: pointer;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
z-index: 200;
padding: 0;
opacity: 0;
color: #fff;
font-size: 24px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 15px;
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px);
}
.shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 15px;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
}
.shortcode-product-wrap:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.shortcode-product-categories-wrap h4.widget-title {
font-size: 18px;
line-height: 22px;
color: #222222;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.075px;
margin-bottom: 45px;
}
.shortcode-product-categories-wrap h4.widget-title:after {
content: "";
display: block;
width: 45px;
height: 2px;
background-color: #eb131f;
margin-top: 15px;
} .video-content {
position: relative;
display: table;
width: 100%;
height: 498px;
}
.video-content-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.video-content-inner a {
width: 100px;
height: 100px;
border-width: 10px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
}
.video-content-inner a i {
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
width: 100%;
height: 100%;
line-height: 80px;
font-size: 36px;
}
.video-content-inner a .fa-play {
padding-left: 5px;
}
.video-content-inner a:hover {
text-decoration: none;
}
.video-content-inner h2 {
color: #FFFFFF;
font-family: 'Oswald';
font-size: 42px;
text-transform: uppercase;
padding-top: 35px;
line-height: 1.1;
}
.video-content-inner p {
color: #FFFFFF;
font-family: 'Roboto';
font-size: 16px;
line-height: 1.61;
max-width: 573px;
margin-left: auto;
margin-right: auto;
}
.video-play video {
bottom: 0;
height: auto;
left: 0;
max-height: 4000%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: -9999;
}
.video-play {
bottom: 0;
left: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
overflow: hidden;
}
.video-play:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.video-bg-img {
background-size: cover;
-webkit-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} .darna-testimonial.style1 {
text-align: center;
position: relative;
}
.darna-testimonial.style1 h6 {
font-family: 'Roboto';
font-size: 14px;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 0;
}
.darna-testimonial.style1 span {
font-family: 'Roboto';
font-size: 12px;
line-height: 1;
color: #8F8F8F;
display: block;
padding-top: 7px;
}
.darna-testimonial.style1 p {
margin: 0;
padding: 0;
min-height: 133px;
font-family: 'Roboto';
font-size: 21px;
font-style: italic;
line-height: 1.71;
color: #ffffff;
max-width: 774px;
margin-left: auto;
margin-right: auto;
margin-bottom: 93px;
}
.darna-testimonial.style1 .owl-wrapper-outer:after {
content: "\f10d";
background-color: #eb131f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ffffff;
font-family: FontAwesome;
font-size: 16px;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
left: 0;
right: 0;
bottom: 84px;
margin: auto;
}
.darna-testimonial.style1 .owl-controls {
position: absolute;
left: 0;
right: 0;
bottom: 36px;
}
.darna-testimonial.style1 .owl-controls i {
display: none;
}
.darna-testimonial.style1 .owl-controls .owl-buttons div {
background: transparent;
margin: 0;
padding: 0 7px;
}
.darna-testimonial.style1 .owl-controls .owl-prev:before {
content: "\f177";
font-family: FontAwesome;
font-size: 21px;
display: block;
color: #ffffff;
}
.darna-testimonial.style1 .owl-controls .owl-next:before {
content: "\f178";
font-family: FontAwesome;
font-size: 21px;
display: block;
color: #ffffff;
}
.darna-testimonial.style2,
.darna-testimonial.style3 {
text-align: center;
}
.darna-testimonial.style2 h6,
.darna-testimonial.style3 h6 {
font-family: 'Roboto';
font-size: 18px;
font-weight: bold;
line-height: 1.11;
color: #ffffff;
margin-bottom: 0;
padding-top: 52px;
}
.darna-testimonial.style2 .darna-testimonial-item > span,
.darna-testimonial.style3 .darna-testimonial-item > span {
font-family: 'Roboto';
font-size: 12px;
line-height: 1;
color: #ffffff;
display: block;
padding-top: 11px;
text-transform: uppercase;
}
.darna-testimonial.style2 p,
.darna-testimonial.style3 p {
margin: 0;
padding: 0;
font-family: 'Roboto';
font-size: 21px;
font-style: italic;
font-weight: 300;
line-height: 1.43;
color: #ffffff;
max-width: 864px;
margin-left: auto;
margin-right: auto;
}
.darna-testimonial.style2 .owl-controls,
.darna-testimonial.style3 .owl-controls {
margin-top: 74px;
}
.darna-testimonial.style2 .owl-controls .owl-page span,
.darna-testimonial.style3 .owl-controls .owl-page span {
width: 10px;
height: 10px;
background: transparent;
border: 1px solid #ffffff;
margin: 5px;
opacity: 1;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.darna-testimonial.style2 .owl-wrapper-outer {
padding-top: 120px;
}
.darna-testimonial.style2 .owl-wrapper-outer:before {
content: "\f10d";
background-color: #eb131f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ffffff;
font-family: FontAwesome;
font-size: 27px;
display: inline-block;
width: 63px;
height: 63px;
line-height: 63px;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.darna-testimonial.style2 .owl-controls .owl-page.active span,
.darna-testimonial.style2 .owl-controls.clickable .owl-page:hover span {
background-color: #ffffff;
}
.darna-testimonial.style3 p {
padding-left: 20px;
padding-right: 20px;
}
.darna-testimonial.style3 .owl-wrapper-outer {
padding-top: 100px;
}
.darna-testimonial.style3 .owl-wrapper-outer:before {
content: "\f10d";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #eb131f;
font-family: FontAwesome;
font-size: 48px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.darna-testimonial.style3 .owl-controls .owl-page.active span,
.darna-testimonial.style3 .owl-controls.clickable .owl-page:hover span {
background-color: #eb131f;
border: 1px solid #eb131f;
} .darna-counter {
text-align: center;
padding: 80px 0 100px;
}
.darna-counter span {
font-family: 'Oswald';
font-size: 60px;
font-weight: bold;
color: #eb131f;
line-height: 1;
}
.darna-counter p {
font-family: 'Oswald';
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height: 1;
padding-top: 15px;
}
@media (max-width: 767px) {
.darna-counter {
padding: 40px 0 40px;
}
} .darna-process.style1 {
text-align: center;
}
.darna-process.style1 h3 {
font-family: 'Oswald';
font-size: 30px;
font-weight: 400;
color: #ffffff;
line-height: 1;
}
.darna-process.style1 h3 i {
font-size: 30px;
}
.darna-process.style1 h2 {
font-family: 'Oswald';
font-size: 32px;
font-weight: 400;
color: #eb131f;
line-height: 1;
}
.darna-process.style1 h2 a {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.darna-process.style1 h2 a:hover {
text-decoration: none;
}
.darna-process.style1 p {
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 1.71;
padding-top: 12px;
}
.darna-process.style2 {
background-color: #F7F7F7;
min-height: 350px;
padding: 20px;
position: relative;
z-index: 1;
}
.darna-process.style2 h3 {
font-family: 'Oswald';
font-size: 60px;
font-weight: bold;
color: #DDDDDD;
line-height: 1;
padding-top: 30px;
text-align: center;
}
.darna-process.style2 h2 {
font-family: 'Oswald';
font-size: 21px;
font-weight: 400;
color: #222222;
line-height: 1;
padding-top: 6px;
text-align: center;
}
.darna-process.style2 h2 a {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
color: inherit;
letter-spacing: 0.02em;
}
.darna-process.style2 h2 a:hover {
text-decoration: none;
}
.darna-process.style2 p {
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
color: #8F8F8F;
line-height: 1.71;
padding-top: 12px;
text-align: center;
}
.darna-process.style2 i {
text-align: left;
font-size: 135px;
color: #F2F2F2;
position: absolute;
left: 20px;
bottom: 10px;
z-index: -1;
}
.darna-process.style2:hover {
background-color: #eb131f;
}
.darna-process.style2:hover h2,
.darna-process.style2:hover h3,
.darna-process.style2:hover p {
color: #ffffff;
}
.darna-process.style2:hover i {
color: #000000;
opacity: 0.1;
}
@media (max-width: 991px) {
.darna-process.style1 {
position: relative;
padding-bottom: 80px;
}
.darna-process.style1 i {
position: absolute;
bottom: 35px;
left: 0;
right: 0;
margin: auto;
}
.darna-process.style1 i:before {
content: "\f175";
}
} .darna-services .darna-services-item {
text-align: center;
background-size: cover;
border: 1px solid #eeeeee;
}
.darna-services .darna-services-item .content-middle {
background-color: #f8f8f8;
min-height: 270px;
}
.darna-services .darna-services-item .content-middle .content-middle-inner {
-webkit-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.darna-services .darna-services-item .content-middle p {
display: none;
}
.darna-services .darna-services-item .content-middle i {
font-size: 40px;
color: #eb131f;
line-height: 2;
}
.darna-services .darna-services-item .content-middle h3 {
font-size: 18px;
line-height: 1.11;
}
.darna-services .darna-services-item .content-middle h3 a {
color: #222222;
text-decoration: none;
}
.darna-services .darna-services-item:hover .content-middle {
background-color: rgba(0, 0, 0, 0.6);
}
.darna-services .darna-services-item:hover .content-middle .content-middle-inner {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.darna-services .darna-services-item:hover .content-middle p {
display: block;
color: #ffffff;
}
.darna-services .darna-services-item:hover .content-middle h3 a {
color: #ffffff;
}
.darna-services .owl-wrapper-outer {
padding-top: 104px;
}
.darna-services .owl-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-top: 0;
}
.darna-services .owl-controls .owl-buttons div {
width: 40px;
height: 40px;
background-color: #2B2B2B;
opacity: 1;
padding: 0;
margin: 2px;
}
.darna-services .owl-controls .owl-buttons div i {
font-size: 21px;
color: #ffffff;
line-height: 40px;
}
.darna-services .owl-controls .owl-buttons div:hover {
background-color: #eb131f;
}
.darna-services .owl-controls .owl-page span {
background-color: #222222;
}
.darna-services .owl-controls .owl-page.active span {
background-color: #eb131f;
} .darna-partner-carousel {
position: relative;
}
.darna-partner-carousel .owl-item {
height: 229px;
display: table;
text-align: center;
}
.darna-partner-carousel img {
opacity: 0.8;
}
.darna-partner-carousel img:hover {
opacity: 1;
}
.darna-partner-carousel .content-middle-inner {
height: 100%;
}
.darna-partner-carousel .owl-theme .owl-controls {
height: 0;
margin: 0;
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div {
width: 40px;
height: 40px;
background-color: #2B2B2B;
opacity: 1;
padding: 0;
margin: auto;
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div i {
font-size: 21px;
color: #ffffff;
line-height: 40px;
}
.darna-partner-carousel .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #eb131f;
}
.darna-partner-carousel .owl-buttons {
margin: 0;
height: 0;
}
.darna-partner-carousel .owl-buttons .owl-prev {
position: absolute;
left: -45px;
top: 0;
bottom: 0;
margin: auto;
}
.darna-partner-carousel .owl-buttons .owl-next {
position: absolute;
right: -45px;
top: 0;
bottom: 0;
margin: auto;
}
.darna-partner-carousel .owl-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin: auto;
}
.darna-partner-carousel .owl-theme .owl-controls .owl-page span {
background-color: #222222;
}
.darna-partner-carousel .owl-theme .owl-controls .owl-page.active span {
background-color: #eb131f;
}
.darna-partner-carousel.opacity100 img {
opacity: 1;
}
.darna-partner-carousel.opacity100 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity90 img {
opacity: 0.9;
}
.darna-partner-carousel.opacity90 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity80 img {
opacity: 0.8;
}
.darna-partner-carousel.opacity80 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity70 img {
opacity: 0.7;
}
.darna-partner-carousel.opacity70 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity60 img {
opacity: 0.6;
}
.darna-partner-carousel.opacity60 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity50 img {
opacity: 0.5;
}
.darna-partner-carousel.opacity50 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity40 img {
opacity: 0.4;
}
.darna-partner-carousel.opacity40 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity30 img {
opacity: 0.3;
}
.darna-partner-carousel.opacity30 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity20 img {
opacity: 0.2;
}
.darna-partner-carousel.opacity20 img:hover {
opacity: 1;
}
.darna-partner-carousel.opacity10 img {
opacity: 0.1;
}
.darna-partner-carousel.opacity10 img:hover {
opacity: 1;
}
.darna-slider-container .owl-wrapper .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.darna-slider-container .owl-controls {
margin-top: 34px;
}
.darna-slider-container .owl-controls .owl-buttons div {
width: 40px;
height: 40px;
background-color: #2B2B2B;
opacity: 1;
padding: 0;
margin: 2px;
}
.darna-slider-container .owl-controls .owl-buttons div i {
font-size: 21px;
color: #ffffff;
line-height: 40px;
}
.darna-slider-container .owl-controls .owl-buttons div:hover {
background-color: #eb131f;
}
.darna-slider-container .owl-controls .owl-page span {
background-color: #222222;
}
.darna-slider-container .owl-controls .owl-page.active span {
background-color: #eb131f;
}
.darna-heading-media {
text-transform: uppercase;
font-family: 'Oswald';
color: #eb131f;
font-size: 32px;
}
.darna-heading-media span {
color: #222222;
font-family: inherit;
font-size: inherit;
}
.darna-accordion.style1 .wpb_accordion_heading {
font-family: 'Oswald';
font-size: 24px;
color: #222222;
line-height: 1;
margin-bottom: 44px;
}
.darna-accordion.style1 .wpb_accordion_section.group {
margin-bottom: 12px;
}
.darna-accordion.style1 .wpb_accordion_section.group:last-child {
margin-bottom: 0;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
background-color: #ffffff;
border: 1px solid #ECECEC;
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header span {
display: none;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: #292929;
padding: 15px 22px;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:hover {
text-decoration: none;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a i {
color: inherit;
font-size: 15px;
padding-right: 13px;
line-height: 0;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active {
background-color: #eb131f;
border-bottom-color: #eb131f;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a {
color: #ffffff;
}
.darna-accordion.style1 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
background-color: #ffffff;
border: 1px solid #ECECEC;
border-top-color: #ffffff;
padding: 22px 30px;
}
.darna-tab.style1 .wpb_tabs_heading {
font-family: 'Oswald';
font-size: 24px;
color: #222222;
line-height: 1;
margin-bottom: 44px;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li {
border: 1px solid #ECECEC;
margin-right: 0;
margin-top: 10px;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
margin-top: 0;
border-top: 4px solid #eb131f;
position: relative;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
padding: 18px 15px 19px;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #eb131f;
content: "";
display: block !important;
left: 0;
right: 0;
width: 8px;
position: absolute;
top: 0;
margin: auto;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav li:hover {
background-color: #ffffff;
}
.darna-tab.style1 .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #222222;
padding: 15px 5px;
min-width: 115px;
text-align: center;
}
.darna-tab.style1 .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a i {
color: inherit;
font-size: 15px;
padding-right: 7px;
line-height: 0;
}
.darna-tab.style1 .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: #ffffff;
border: 1px solid #ECECEC;
padding: 20px 30px;
}
.darna-tab.style1 .wpb_content_element .wpb_tabs_nav {
margin-bottom: -1px;
}
.darna-tab.left .wpb_tabs .wpb_tabs_nav li {
float: left;
}
.darna-tab.right .wpb_tabs .wpb_tabs_nav li {
float: right;
}
.vc_tta-style-tab_style1 .vc_tta-panel-body {
background-color: #ffffff;
border: 1px solid #ECECEC !important;
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab {
background-color: #ffffff;
border: 1px solid #ECECEC;
border-bottom: 0;
font-family: 'Roboto';
font-size: 14px;
line-height: 1;
color: #222222;
min-width: 115px;
text-align: center;
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab i {
color: inherit;
font-size: 15px;
padding-right: 7px;
line-height: 0;
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active {
border-top: 4px solid #eb131f;
position: relative;
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active a {
padding-top: 18px;
}
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-tab.vc_active:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #eb131f;
content: "";
display: block !important;
left: 0;
right: 0;
width: 8px;
position: absolute;
top: 0;
margin: auto;
}
.vc_tta-container > h2 {
font-family: 'Oswald';
font-size: 24px;
color: #222222;
line-height: 1;
margin-bottom: 44px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-style-tab_style1 .vc_tta-panel .vc_tta-panel-heading {
background-color: #ffffff;
border: 1px solid #ECECEC;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: #eb131f;
border: 1px solid #eb131f;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title,
.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title {
color: #ffffff;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon,
.vc_tta-style-tab_style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon {
color: inherit;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-title,
.vc_tta-style-tab_style1 .vc_tta-panel-title {
font-family: 'Roboto';
font-size: 14px;
line-height: 1;
color: #292929;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta.vc_general .vc_tta-panel-body,
.vc_tta-style-tab_style1.vc_tta.vc_general .vc_tta-panel-body {
background-color: #ffffff;
border: 1px solid #ECECEC;
border-top-color: #ffffff;
}
.bg-gray {
position: relative;
}
.bg-gray:before {
background-color: #fafafa;
display: block !important;
height: 100%;
width: 2000%;
left: -1000%;
position: absolute;
}
.darna-list-style ul {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.darna-list-style ul li {
line-height: 1.7;
}
.darna-list-style ul li:before {
font-family: 'FontAwesome';
font-size: 14px;
content: "\f0a9";
margin: 0 10px 0 0;
color: #eb131f;
}
.darna-content-left {
width: 167px;
float: left;
padding-top: 8px;
}
.darna-content-right {
padding-left: 30px;
overflow: hidden;
}
@media (min-width: 992px) {
.md-margin-bottom-100 {
margin-bottom: 100px !important;
}
.md-margin-top-50 {
margin-top: 50px !important;
}
}
@media (max-width: 991px) {
.sm-margin-bottom-15 {
margin-bottom: 15px !important;
}
.sm-margin-bottom-30 {
margin-bottom: 30px !important;
}
.sm-margin-bottom-40 {
margin-bottom: 40px !important;
}
.sm-margin-bottom-50 {
margin-bottom: 50px !important;
}
}
@media (max-width: 767px) {
.xs-margin-bottom-15 {
margin-bottom: 15px !important;
}
.xs-margin-bottom-30 {
margin-bottom: 30px !important;
}
.xs-margin-bottom-40 {
margin-bottom: 40px !important;
}
.xs-margin-bottom-50 {
margin-bottom: 50px !important;
}
}
@media (max-width: 480px) {
.darna-tab .wpb_tabs .wpb_tabs_nav li {
width: 100%;
}
.darna-content-left {
width: 100%;
float: none;
padding-top: 0;
}
.darna-content-right {
padding-left: 0;
padding-top: 15px;
overflow: visible;
}
}
.margin-right-7 {
margin-right: 7px;
}
.darna-single-image-style .vc_single_image-wrapper {
position: relative;
}
.darna-single-image-style .vc_single_image-wrapper:before {
content: '';
background-color: transparent;
border-width: 5px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 14px;
left: 14px;
bottom: 14px;
right: 14px;
}
.margin-4 {
margin: 4px;
}