/*
Theme Name: G5 Startup
Theme URI: http://themes.g5plus.net/startup/
Description: StartUp is a flexible and powerful tool to create a stunning business, agency and startup websites. <a href="http://www.g5plus.net">Visit site</a>
Version: 1.4
Author: G5Theme
Author URI: http://g5plus.net/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: g5-startup
Domain Path: /languages/
*/
/**
* Table of Contents:
*
* 1.0 - Core
* 2.0 - Template
* 3.0 - Header
* 4.0 - Footer
* 5.0 - Widget
* 6.0 - Blog
* 7.0 - Woocommerce
* 8.0 - ShortCode
* 9.0 - Color
* ----------------------------------------------------------------------------
*/
/**
* 1.0 - Core
* ----------------------------------------------------------------------------
*/
@-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);
}
}
/**
* WordPress Core
* ----------------------------------------------------------------------------
*/
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
/* Image does not overflow the content area */
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 5px 0 0 0;
font-size: 12px;
line-height: 1.8;
}
.sticky {
opacity: 1;
}
.bypostauthor {
opacity: 1;
}
/**
* Gallery
* ----------------------------------------------------------------------------
*/
.gallery {
margin: 0 -5px 10px -5px;
}
.gallery-item {
margin: 0 0 10px 0;
padding: 0 5px;
display: inline-block;
text-align: center;
vertical-align: top;
max-width: 33.33%;
width: 100%;
}
.gallery-caption {
font-size: 12px;
line-height: 1.8;
margin-top: 5px;
}
.gallery-icon img {
margin: 0 auto;
border-radius: 2px;
border: 1px solid #eee;
padding: 7px;
}
.gallery-icon img:hover {
border: 1px solid #ccc;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* Typography
* ----------------------------------------------------------------------------
*/
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content hr,
.entry-content dl,
.entry-content blockquote,
.entry-content table,
.entry-content ul,
.entry-content ol,
.entry-content address,
.entry-content pre {
margin-bottom: 20px;
}
.entry-content h1:last-child,
.entry-content h2:last-child,
.entry-content h3:last-child,
.entry-content h4:last-child,
.entry-content h5:last-child,
.entry-content h6:last-child,
.entry-content p:last-child,
.entry-content hr:last-child,
.entry-content dl:last-child,
.entry-content blockquote:last-child,
.entry-content table:last-child,
.entry-content ul:last-child,
.entry-content ol:last-child,
.entry-content address:last-child,
.entry-content pre:last-child {
margin-bottom: 0;
}
.entry-content hr {
margin-top: 20px;
border-top: 1px solid #eeeeee;
clear: both;
}
.entry-content table {
width: 100%;
border: 1px solid #dddddd;
}
.entry-content td,
.entry-content th {
padding: 8px;
border-top: 1px solid #dddddd;
vertical-align: top;
}
.entry-content thead th {
font-weight: bold;
background: #eeeeee;
vertical-align: bottom;
}
.entry-content thead:first-child > tr:first-child > td,
.entry-content thead:first-child > tr:first-child > th {
border-top: none;
}
.entry-content dt,
.entry-content dd {
line-height: 2;
}
.entry-content dd {
margin-bottom: 15px;
}
.entry-content ul,
.entry-content ol {
padding-left: 25px;
}
.entry-content li > ul,
.entry-content li > ol {
margin-bottom: 0;
}
.entry-content address {
line-height: 1.8;
font-style: italic;
}
/**
* 2.0 - Template
* ----------------------------------------------------------------------------
*/
body {
line-height: 1.8;
overflow-x: hidden;
color: #777777;
position: relative;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.02em;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
color: #777777;
}
a:hover,
a:focus {
color: #0077ed;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div,
iframe,
img {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
line-height: 1.2;
color: #1f1f1f;
margin-top: 0;
margin-bottom: 20px;
}
p {
margin: 0 0 20px 0;
}
input,
textarea,
button,
select {
outline: none;
}
::selection {
color: #fff;
background-color: #0077ed;
}
::-moz-selection {
color: #fff;
background-color: #0077ed;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea,
select {
font-size: 14px;
padding: 0 25px;
height: 50px;
line-height: 1;
background-color: transparent;
border: 1px solid #eeeeee;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
border-color: #0077ed !important;
}
textarea {
padding-top: 10px;
height: auto;
}
select {
min-width: 150px;
max-width: 100%;
outline: none;
}
select::-ms-expand {
display: none;
}
#wrapper {
background-color: #fff;
}
body.boxed #wrapper {
max-width: 1200px;
margin: auto;
position: relative;
}
.container .container {
width: auto;
}
/**
* Block Center
* ----------------------------------------------------------------------------
*/
.block-center:before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.block-center {
height: 100%;
width: 100%;
text-align: center;
font-size: 0;
}
.block-center-inner {
display: inline-block;
margin: 0 auto;
position: relative;
vertical-align: middle;
max-width: 100%;
font-size: initial;
}
.block-center-inner > * {
margin: auto;
}
/**
* Back To Top
* ----------------------------------------------------------------------------
*/
.back-to-top {
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
bottom: 10px;
right: 10px;
width: 44px;
height: 44px;
text-align: center;
z-index: 2;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
background-color: #777777;
}
.back-to-top i {
font-size: 22px;
line-height: 44px;
}
.back-to-top:focus,
.back-to-top:hover {
text-decoration: none;
color: #fff;
background-color: #0077ed;
}
.back-to-top.in {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
/**
* Site Loading
* ----------------------------------------------------------------------------
*/
.site-loading {
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
display: none;
-webkit-transition: opacity 600ms ease 200ms;
-moz-transition: opacity 600ms ease 200ms;
-o-transition: opacity 600ms ease 200ms;
transition: opacity 600ms ease 200ms;
}
body.page-loading .site-loading {
opacity: 1;
display: block;
}
.logo-loading {
margin-bottom: 30px;
}
.scheme-dark {
color: #fff;
}
/**
* Owl-Carousel
* ----------------------------------------------------------------------------
*/
.owl-carousel.owl-dots-true {
margin-bottom: 45px;
}
.owl-carousel.nav-bottom {
margin-bottom: 31px;
}
.owl-carousel.nav-bottom.owl-dots-true {
margin-bottom: 60px;
}
.nav-bottom .owl-nav > div {
bottom: -30px;
transform: inherit;
position: relative;
}
.nav-bottom .owl-nav .owl-prev {
left: -4px;
}
.nav-bottom .owl-nav .owl-next {
right: -4px;
}
.nav-bottom .owl-dots {
bottom: -60px;
}
.owl-nav {
font-size: 0;
text-align: center;
}
.owl-nav > div {
display: inline-block;
vertical-align: middle;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.owl-nav > div.owl-prev {
left: -75px;
}
.owl-nav > div.owl-prev i {
padding-right: 1px;
}
.owl-nav > div.owl-next {
right: -75px;
}
.owl-nav > div.owl-next i {
padding-left: 1px;
}
.owl-nav > div i {
font-size: 57.5px;
}
.owl-nav > div:hover i {
color: #0077ed;
}
.owl-dots {
font-size: 0;
text-align: center;
left: 0;
right: 0;
margin-top: 40px;
}
.owl-dots > div {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 5px;
background-color: #eee;
border: 1px solid #999;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.owl-dots > div.active,
.owl-dots > div:hover {
background-color: #888;
border-color: #888;
}
@media (max-width: 1179px) {
.owl-carousel.owl-nav-true {
margin-bottom: 31px;
}
.owl-carousel.owl-dots-true {
margin-bottom: 80px;
}
.owl-carousel.nav-bottom.owl-dots-true {
margin-bottom: 95px;
}
.owl-nav > div {
bottom: -10px;
-webkit-transform: inherit;
-moz-transform: inherit;
-o-transform: inherit;
-ms-transform: inherit;
transform: inherit;
position: relative;
}
.owl-nav > div.owl-prev {
left: -4px;
}
.owl-nav > div.owl-next {
right: -4px;
}
.owl-dots {
bottom: -60px;
}
}
@media (max-width: 479px) {
.nav-bottom .owl-dots,
.owl-dots {
bottom: -80px;
}
}
.product-listing .owl-nav-top > .owl-nav {
right: 15px;
}
#search_popup_wrapper form {
margin: 2em 1em;
position: relative;
}
#search_popup_wrapper input {
width: 100%;
padding-right: 95px;
}
#search_popup_wrapper input:focus {
border-color: #0077ed;
}
#search_popup_wrapper button {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 479px) {
#search_popup_wrapper .dialog-inner h2 {
font-size: 18px;
padding-top: 0;
}
#search_popup_wrapper .search-popup-inner {
margin-top: 10px;
margin-bottom: 50px;
}
#search_popup_wrapper button {
display: block;
width: 100%;
margin-top: 50px;
}
#search_popup_wrapper input {
padding-right: 20px;
}
}
.popup-overlay-wrapper {
position: absolute;
z-index: 9999;
background-color: rgba(20, 22, 24, 0.95);
width: 100%;
top: 0;
bottom: 0;
left: 0;
padding-bottom: 80px;
overflow: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s 0.5s, visibility 0s 1s;
transition: opacity 0.5s 0.5s, visibility 0s 1s;
}
.popup-overlay-wrapper.in {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.popup-overlay-wrapper.in .popup-overlay-content {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.5s 0.2s, opacity 0.5s 0.2s;
transition: transform .5s .8s, opacity .5s .8s;
}
.popup-overlay-content {
margin: 80px auto 0;
width: 80%;
position: relative;
font-size: 20px;
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
-webkit-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
-moz-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
-o-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
}
.popup-overlay-content input {
border: solid 2px #FFF;
padding: 1em;
height: auto;
color: #fff;
}
.popup-overlay-content input::-webkit-input-placeholder {
color: #eeeeee;
}
.popup-overlay-content input:-moz-placeholder {
color: #eeeeee;
}
.popup-overlay-content input::-moz-placeholder {
color: #eeeeee;
}
.popup-overlay-content input:-ms-input-placeholder {
color: #eeeeee;
}
.popup-overlay-content .search-button {
position: absolute;
top: 22px;
right: 30px;
color: #fff;
}
.popup-overlay-content .search-button:hover {
cursor: pointer;
color: #0077ed;
}
.popup-overlay-result {
color: #fff;
background-color: #343537;
padding: 0;
font-size: 16px;
line-height: 2em;
}
.popup-overlay-result ul {
padding: 15px 0;
margin: 0;
list-style: none;
}
.popup-overlay-result li {
padding: 5px 30px;
}
.popup-overlay-result li.selected,
.popup-overlay-result li:hover {
color: #0077ed;
}
.popup-overlay-result li + li {
border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.popup-overlay-result a {
color: inherit;
}
.popup-overlay-result .date {
display: inline-block;
float: right;
}
.popup-overlay-result .view-more {
position: absolute;
background: #343537;
left: 0;
right: 0;
text-align: center;
padding: 5px;
-webkit-border-radius: 0 0 100% 100%;
-moz-border-radius: 0 0 100% 100%;
border-radius: 0 0 100% 100%;
margin: auto;
border-top: solid 1px rgba(255, 255, 255, 0.1);
text-transform: uppercase;
}
.ps-container > .ps-scrollbar-y-rail {
width: 3px;
right: 5px;
background-color: #222 !important;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 5px;
right: -1px;
background-color: #0077ed !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6 !important;
}
.gf-preset-content-wrapper {
background: url(http://www.energivity.com/wp-content/themes/g5-startup/assets/images/preset-bg.jpg) repeat;
padding: 150px 0;
text-align: center;
font-size: 60px;
color: #222;
border: dashed 8px #222;
}
.toggle-icon-wrapper {
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 1;
font-size: 0;
padding-left: 14px;
}
.toggle-icon-wrapper .toggle-icon {
position: relative;
vertical-align: middle;
}
.toggle-icon-wrapper .toggle-icon:before,
.toggle-icon-wrapper .toggle-icon:after {
position: absolute;
left: 0;
content: '';
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: top 0.3s 0.6s ease-in-out, -webkit-transform 0.3s ease-in-out;
-moz-transition: top 0.3s 0.6s ease-in-out, -moz-transform 0.3s ease-in-out;
-o-transition: top 0.3s 0.6s ease-in-out, -o-transform 0.3s ease-in-out;
transition: top 0.3s 0.6s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.toggle-icon-wrapper .toggle-icon:before {
top: 5px;
}
.toggle-icon-wrapper .toggle-icon:after {
top: -5px;
}
.toggle-icon-wrapper .toggle-icon,
.toggle-icon-wrapper .toggle-icon:after,
.toggle-icon-wrapper .toggle-icon:before {
display: inline-block;
width: 16px;
height: 2px;
background-color: #868686;
}
.toggle-icon-wrapper.in .toggle-icon {
transition: background 0.3s 0s ease-in-out;
background: transparent !important;
}
.toggle-icon-wrapper.in .toggle-icon:before,
.toggle-icon-wrapper.in .toggle-icon:after {
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out;
-moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out;
-o-transition: top 0.3s ease-in-out, -o-transform 0.3s 0.5s ease-in-out;
transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out, -o-transform 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out;
top: 0;
}
.toggle-icon-wrapper.in .toggle-icon:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.toggle-icon-wrapper.in .toggle-icon:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.x-nav-menu > .x-menu-item > .x-menu-a-text,
.sticky-region,
.logo-header,
.x-nav-menu > .x-menu-item,
.header-customize-nav,
.header-3 .header-above-wrapper,
.menu-categories,
.menu-categories-select > i,
.header-nav-wrapper nav.primary-menu,
.header-nav-wrapper .product-text,
.popup-overlay-result a,
.search-product-wrapper .search-ajax-result li,
.search-product-wrapper .search-ajax-result li + li:before,
.toggle-icon-wrapper .toggle-icon > span,
.toggle-icon-wrapper .toggle-icon:before,
.toggle-icon-wrapper .toggle-icon:after,
.sticky-region .header-mobile-container-inner > div,
.menu-drop-fly,
.top-drawer-toggle,
.header-above-inner,
.logo-header img,
.x-sub-menu-tab > .x-menu-item,
.x-sub-menu-tab > li.x-menu-active > ul.x-sub-menu {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*
----------- Other --------------*/
.logged-in.admin-bar .lg-toolbar {
margin-top: 32px;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #0077ed;
}
/*
-----------Page 404------------*/
.page404 .page404-inner {
text-align: center;
max-width: 610px;
margin: auto;
}
.page404 .page404-inner .title {
font-family: 'Josefin Sans';
font-size: 120px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 132px;
text-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
color: #0077ed;
margin-bottom: 9px;
}
.page404 .page404-inner .subtitle {
font-family: 'Josefin Sans';
font-size: 50px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 55px;
color: #1f1f1f;
text-transform: uppercase;
margin-bottom: 18px;
}
.page404 .page404-inner .description {
font-size: 15px;
letter-spacing: 0.02em;
line-height: 27px;
margin-bottom: 22px;
}
@media (max-width: 640px) {
.page404 .page404-inner .title {
font-size: 84px;
margin-bottom: 0;
}
.page404 .page404-inner .subtitle {
font-size: 35px;
margin-bottom: 10px;
}
.page404 .page404-inner a {
font-size: 12px;
}
}
@media (max-width: 480px) {
.page404 .title {
font-size: 60px;
}
.page404 .subtitle {
font-size: 25px;
}
.page404 p {
font-size: 12px;
}
}
/* SEARCH PAGE */
.archive-search-wrap .archive-search-result h3 {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-bottom: 20px;
margin-bottom: 40px;
}
.archive-search-wrap .archive-search-box {
padding-bottom: 50px;
border-bottom: 1px solid #eaeaea;
}
.archive-search-wrap .archive-search-box .search-form-lg input {
font-family: inherit;
line-height: 50px;
}
.archive-search-wrap .archive-search-wrap-inner article {
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #eaeaea;
position: relative;
}
.archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span,
.archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span:after,
.archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span:before {
background-color: #0077ed;
}
.archive-search-wrap .archive-search-wrap-inner .search-icon {
width: 50px;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #eaeaea;
text-align: center;
float: left;
}
.archive-search-wrap .archive-search-wrap-inner .search-icon span {
width: 20px;
height: 1px;
vertical-align: middle;
background-color: #1f1f1f;
display: block;
position: relative;
margin-left: 15px;
line-height: 50px;
margin-top: 24.5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.archive-search-wrap .archive-search-wrap-inner .search-icon span:after,
.archive-search-wrap .archive-search-wrap-inner .search-icon span:before {
content: '';
display: block;
width: 20px;
height: 1px;
background-color: #1f1f1f;
position: absolute;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.archive-search-wrap .archive-search-wrap-inner .search-icon span:after {
bottom: 5px;
}
.archive-search-wrap .archive-search-wrap-inner .search-icon span:before {
top: 5px;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap {
padding-left: 70px;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 {
margin-top: 0;
margin-bottom: 15px;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #1f1f1f;
display: inline-block;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 a:hover {
color: #0077ed;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-post-type {
margin-bottom: 0;
color: #0077ed;
font-style: italic;
letter-spacing: 0.1em;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-excerpt {
margin-top: 25px;
}
.archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-excerpt p {
margin-bottom: 0;
}
.archive-search-wrap .paging-navigation {
border-top: 0 !important;
padding-top: 0 !important;
}
/* End Search Page */
.block-title {
font-size: 18px;
color: #1f1f1f;
line-height: 1.2;
position: relative;
}
.block-title.lg {
font-size: 28px;
}
@media (max-width: 991px) {
.block-title {
margin-bottom: 40px !important;
}
}
.bg-gray-full {
position: relative;
}
.bg-gray-full:before {
position: absolute;
content: '';
background-color: #f6f6f6;
display: block;
height: 100%;
width: 2000%;
left: -1000%;
top: 0;
}
.close-button {
position: absolute;
top: 1em;
right: 1em;
color: #fff;
font-size: 20px;
}
.close-button:hover {
color: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.top-separate {
position: relative;
padding-top: 35px;
}
.top-separate:before {
content: "";
height: 2px;
width: 110px;
background: #0077ed;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.popup-close {
position: absolute;
top: 5px;
right: 5px;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #eeeeee;
font-size: 16px;
z-index: 1;
}
/**
* Columns
* ----------------------------------------------------------------------------
*/
.gf-item-wrap {
width: 100%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1200px) {
.columns-2 > .gf-item-wrap {
width: 50%;
}
.columns-2 > .gf-item-wrap:nth-child(2n+1) {
clear: both;
}
.columns-3 > .gf-item-wrap {
width: 33.33333333%;
}
.columns-3 > .gf-item-wrap:nth-child(3n+1) {
clear: both;
}
.columns-4 > .gf-item-wrap {
width: 25%;
}
.columns-4 > .gf-item-wrap:nth-child(4n+1) {
clear: both;
}
.columns-5 > .gf-item-wrap {
width: 20%;
}
.columns-5 > .gf-item-wrap:nth-child(5n+1) {
clear: both;
}
.columns-6 > .gf-item-wrap {
width: 16.66666666666667%;
}
.columns-6 > .gf-item-wrap:nth-child(6n+1) {
clear: both;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.columns-md-2 > .gf-item-wrap {
width: 50%;
}
.columns-md-2 > .gf-item-wrap:nth-child(2n+1) {
clear: both;
}
.columns-md-3 > .gf-item-wrap {
width: 33.33333333%;
}
.columns-md-3 > .gf-item-wrap:nth-child(3n+1) {
clear: both;
}
.columns-md-4 > .gf-item-wrap {
width: 25%;
}
.columns-md-4 > .gf-item-wrap:nth-child(4n+1) {
clear: both;
}
.columns-md-5 > .gf-item-wrap {
width: 20%;
}
.columns-md-5 > .gf-item-wrap:nth-child(5n+1) {
clear: both;
}
.columns-md-6 > .gf-item-wrap {
width: 16.66666666666667%;
}
.columns-md-6 > .gf-item-wrap:nth-child(6n+1) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.columns-sm-2 > .gf-item-wrap {
width: 50%;
}
.columns-sm-2 > .gf-item-wrap:nth-child(2n+1) {
clear: both;
}
.columns-sm-3 > .gf-item-wrap {
width: 33.33333333%;
}
.columns-sm-3 > .gf-item-wrap:nth-child(3n+1) {
clear: both;
}
.columns-sm-4 > .gf-item-wrap {
width: 25%;
}
.columns-sm-4 > .gf-item-wrap:nth-child(4n+1) {
clear: both;
}
.columns-sm-5 > .gf-item-wrap {
width: 20%;
}
.columns-sm-5 > .gf-item-wrap:nth-child(5n+1) {
clear: both;
}
.columns-sm-6 > .gf-item-wrap {
width: 16.66666666666667%;
}
.columns-sm-6 > .gf-item-wrap:nth-child(6n+1) {
clear: both;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.columns-xs-2 > .gf-item-wrap {
width: 50%;
}
.columns-xs-2 > .gf-item-wrap:nth-child(2n+1) {
clear: both;
}
.columns-xs-3 > .gf-item-wrap {
width: 33.33333333%;
}
.columns-xs-3 > .gf-item-wrap:nth-child(3n+1) {
clear: both;
}
.columns-xs-4 > .gf-item-wrap {
width: 25%;
}
.columns-xs-4 > .gf-item-wrap:nth-child(4n+1) {
clear: both;
}
.columns-xs-5 > .gf-item-wrap {
width: 20%;
}
.columns-xs-5 > .gf-item-wrap:nth-child(5n+1) {
clear: both;
}
.columns-xs-6 > .gf-item-wrap {
width: 16.66666666666667%;
}
.columns-xs-6 > .gf-item-wrap:nth-child(6n+1) {
clear: both;
}
}
@media (max-width: 480px) {
.columns-mb-2 > .gf-item-wrap {
width: 50%;
}
.columns-mb-2 > .gf-item-wrap:nth-child(2n+1) {
clear: both;
}
.columns-mb-3 > .gf-item-wrap {
width: 33.33333333%;
}
.columns-mb-3 > .gf-item-wrap:nth-child(3n+1) {
clear: both;
}
.columns-mb-4 > .gf-item-wrap {
width: 25%;
}
.columns-mb-4 > .gf-item-wrap:nth-child(4n+1) {
clear: both;
}
.columns-mb-5 > .gf-item-wrap {
width: 20%;
}
.columns-mb-5 > .gf-item-wrap:nth-child(5n+1) {
clear: both;
}
.columns-mb-6 > .gf-item-wrap {
width: 16.66666666666667%;
}
.columns-mb-6 > .gf-item-wrap:nth-child(6n+1) {
clear: both;
}
}
/**
* Paging Navigation
* ----------------------------------------------------------------------------
*/
.woocommerce-pagination,
.paging-navigation,
.comment-navigation,
div.grid-paging-navigation {
display: block;
margin-top: 40px;
text-align: center;
}
.woocommerce-pagination .page-numbers,
.paging-navigation .page-numbers,
.comment-navigation .page-numbers,
div.grid-paging-navigation .page-numbers {
display: inline-block;
width: 50px;
min-width: 50px;
height: 50px;
line-height: 50px;
background-color: #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #eeeeee;
margin: 0 5px;
color: #212121;
font-size: 14px;
font-weight: 400;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-pagination .page-numbers.current,
.paging-navigation .page-numbers.current,
.comment-navigation .page-numbers.current,
div.grid-paging-navigation .page-numbers.current,
.woocommerce-pagination .page-numbers:hover,
.paging-navigation .page-numbers:hover,
.comment-navigation .page-numbers:hover,
div.grid-paging-navigation .page-numbers:hover,
.woocommerce-pagination .page-numbers:focus,
.paging-navigation .page-numbers:focus,
.comment-navigation .page-numbers:focus,
div.grid-paging-navigation .page-numbers:focus {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
.woocommerce-pagination .page-numbers i,
.paging-navigation .page-numbers i,
.comment-navigation .page-numbers i,
div.grid-paging-navigation .page-numbers i {
font-size: 24px;
line-height: 44px;
position: relative;
top: 2px;
}
@media (max-width: 479px) {
.woocommerce-pagination .page-numbers,
.paging-navigation .page-numbers,
.comment-navigation .page-numbers,
div.grid-paging-navigation .page-numbers {
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 2px;
}
.woocommerce-pagination .page-numbers i,
.paging-navigation .page-numbers i,
.comment-navigation .page-numbers i,
div.grid-paging-navigation .page-numbers i {
font-size: 16px;
line-height: 40px;
}
}
@media (max-width: 320px) {
.posts-per-page {
display: block;
float: none;
text-align: center;
}
.woocommerce-pagination,
.paging-navigation,
.comment-navigation,
div.grid-paging-navigation {
display: block;
text-align: center;
float: none;
}
.woocommerce-pagination .page-numbers,
.paging-navigation .page-numbers,
.comment-navigation .page-numbers,
div.grid-paging-navigation .page-numbers {
margin: 0;
}
}
.grid-paging-navigation-wrap .grid-paging-navigation {
margin-top: 10px;
}
.custom-dropdown-list {
position: relative;
font-size: 12px;
cursor: pointer;
}
.custom-dropdown-list > span i {
font-size: 10px;
letter-spacing: -0.02em;
position: relative;
top: -1px;
margin-left: 5px;
}
.custom-dropdown-list ul {
line-height: 30px;
list-style: none;
margin: 0;
background-color: #fff;
color: #1f1f1f;
min-width: 125px;
padding: 20px;
text-align: left;
border-top: solid 1px #0077ed;
}
.custom-dropdown-list img {
margin-right: 7px;
}
.drop-shadow {
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
body:not(.safari) .fold-out.in .fold-out-drop,
body:not(.safari) .fold-out.hover:hover .fold-out-drop {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
max-height: 1000px;
visibility: visible;
opacity: 1;
}
body:not(.safari) .fold-out .fold-out-drop {
max-height: 0;
position: absolute;
z-index: 9999;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
}
body.safari .fold-out.in .fold-out-drop,
body.safari .fold-out.hover:hover .fold-out-drop {
display: block;
}
body.safari .fold-out .fold-out-drop {
position: absolute;
z-index: 9999;
display: none;
}
.lg-outer .lg-thumb {
margin: auto;
}
/*Background Image Position*/
.bg-position-bottom-left {
background-position: left bottom;
}
.bg-position-bottom-right {
background-position: right bottom;
}
.bg-position-bottom-center {
background-position: center bottom;
}
.bg-position-top-left {
background-position: left top;
}
.bg-position-top-right {
background-position: right top;
}
.bg-position-top-center {
background-position: center top;
}
.bg-position-center-left {
background-position: left center;
}
.bg-position-center-right {
background-position: right center;
}
.bg-position-center-center {
background-position: center center;
}
.box-shadow-20-dark {
-webkit-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
box-shadow: 0px 7px 20px rgba(153, 153, 153, 0.2);
}
.background-primary {
background-color: #0077ed;
color: #fff;
}
.background-black {
background-color: #111;
color: #fff;
}
.background-gray {
background-color: #ebebeb;
}
.btn-no-bg {
position: relative;
display: inline-block;
font-family: 'Montserrat';
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.8;
color: #0077ed;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn-no-bg:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #0077ed;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn-no-bg:hover {
color: #1f1f1f;
}
.btn-no-bg:hover:after {
opacity: 0;
}
.icon-group {
margin-bottom: 27px;
}
.icon-group ul {
padding: 0 45px !important;
border: 1px solid #ddd;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
display: inline-block;
list-style: none;
font-size: 0;
}
.icon-group li {
display: inline-block;
padding: 11.5px 0;
margin-right: 50px;
}
.icon-group li:last-child {
margin-right: 0;
}
.icon-group li i {
font-size: 30px;
color: #0077ed;
font-weight: 700;
}
@media (max-width: 480px) {
.icon-group {
margin-bottom: 27px;
}
.icon-group ul {
padding: 0 25px !important;
}
.icon-group li {
margin-right: 25px;
}
.icon-group li i {
font-size: 24px;
}
}
.heading-bg {
position: absolute;
top: 30px;
left: 0;
right: 0;
}
.heading-bg h2 {
font-size: 200px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
text-shadow: 0 7px 7px rgba(153, 153, 153, 0.14);
}
@media (max-width: 767px) {
.heading-bg h2 {
font-size: 100px;
}
}
@media (max-width: 479px) {
.heading-bg h2 {
font-size: 48px;
}
}
/*-----Landing Page---**/
.head-landing {
text-align: center;
}
.head-landing > div {
position: relative;
}
.head-landing > div h2 {
color: #ddd;
letter-spacing: 0.02em;
margin-bottom: 0;
}
.head-landing > div h4 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
letter-spacing: 0;
color: #0077ed;
font-family: 'Open Sans';
}
.head-landing p {
max-width: 461px;
margin-right: auto;
margin-left: auto;
}
.landing-title {
position: relative;
letter-spacing: 0.12em;
}
.landing-title span {
color: #0077ed;
}
.landing-title:before {
content: '';
height: 2px;
width: 1000000px;
position: absolute;
left: -1000025px;
top: 50%;
background-color: #0077ed;
}
.landing-title.right:before {
right: -1000025px;
left: inherit;
}
@media (min-width: 1768px) {
.head-landing > div h2 {
font-size: 182px;
}
.head-landing > div h4 {
font-size: 47px;
}
.head-landing p {
margin-top: -30px;
}
.xl-mg-right-neg-320 {
margin-right: -320px;
}
}
@media (max-width: 1767px) {
.head-landing > div h2 {
font-size: 130px;
}
.head-landing > div h4 {
font-size: 30px;
}
.head-landing p {
margin-top: -15px;
}
.xl-mg-right-neg-240 {
margin-right: -240px;
}
}
@media (max-width: 767px) {
.head-landing > div h2 {
font-size: 90px;
}
.head-landing > div h4 {
font-size: 22px;
}
.head-landing p {
margin-top: -10px;
}
}
@media (max-width: 479px) {
.head-landing > div h2 {
font-size: 60px;
}
.head-landing > div h4 {
font-size: 15px;
}
.head-landing p {
margin-top: -5px;
font-size: 13px;
}
}
.breadcrumbs-container ul.breadcrumbs {
padding: 0;
margin: 0;
}
.breadcrumbs {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
text-transform: uppercase;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs li a,
.breadcrumbs li span {
font-size: 13px;
color: #aaa;
line-height: 2;
}
.breadcrumbs li a:hover,
.breadcrumbs li a:focus,
.breadcrumbs li a:active {
color: #0077ed;
}
.breadcrumbs li span {
color: #0077ed;
}
.breadcrumbs li:after {
display: inline-block;
content: '/';
font-size: 13px;
padding: 0 18px;
color: #aaa;
}
.breadcrumbs li:last-child:after {
display: none;
}
.gf-page-title.gf-page-title-default {
background-color: #f4f4f4;
}
.gf-page-title .page-title-inner {
padding-top: 50px;
padding-bottom: 50px;
}
.gf-page-title .page-title-inner h1 {
font-size: 48px;
}
.gf-page-title h1 {
margin-bottom: 10px;
}
.gf-page-title p {
margin-bottom: 0;
}
.page-title-container h1 {
margin-bottom: 10px;
}
.page-title-container p {
margin-bottom: 0;
}
.page-title-container.title-bottom-line p {
margin-bottom: 10px;
}
.page-title-container.title-bottom-line h1 {
margin-bottom: 0;
position: relative;
text-transform: uppercase;
padding-bottom: 18px;
}
.page-title-container.title-bottom-line h1:after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 65px;
background-color: #0077ed;
bottom: 0;
}
.page-title-container.title-bottom-line.text-left h1:after {
left: 0;
}
.page-title-container.title-bottom-line.text-center h1:after {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-title-container.title-bottom-line.text-right h1:after {
right: 0;
}
@media (min-width: 992px) {
.gf-page-title .page-title-inner {
display: table;
}
.gf-page-title .page-title-inner .page-title-content,
.gf-page-title .page-title-inner div.breadcrumbs {
display: table-cell;
vertical-align: middle;
}
.gf-page-title .page-title-inner .page-title-content {
width: 100%;
padding-right: 40px;
}
.gf-page-title .page-title-inner div.breadcrumbs {
white-space: nowrap;
}
}
.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;
}
/* Content */
.dialog h2 {
margin: 0;
font-weight: 400;
font-size: 24px;
padding-top: 10px;
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 a[data-dialog-close] {
position: absolute;
border: none;
top: 8px;
right: 9px;
line-height: 1 !important;
color: #0077ed;
}
.dialog.dialog--open a[data-dialog-close] i {
font-size: 14px;
}
.dialog.dialog--open a[data-dialog-close]:hover {
color: #0077ed;
}
.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;
}
}
/* Inner elements animations */
@-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.safari .dialog__content {
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}
body.safari .dialog__content .morph-shape {
display: none;
}
.main-menu:not(.x-nav-menu) {
list-style: none;
padding: 0;
margin: 0;
}
.main-menu:not(.x-nav-menu) li.menu-item-has-children > a:after {
content: "\f107";
font-family: fontawesome;
display: inline-block;
padding-left: 5px;
float: right;
}
.main-menu:not(.x-nav-menu) li {
position: relative;
}
.main-menu:not(.x-nav-menu) li li a {
display: block;
padding: 5px 0;
color: inherit;
}
.main-menu:not(.x-nav-menu) li:hover > ul {
display: block;
border-top: solid 1px #eee;
-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
}
.main-menu:not(.x-nav-menu) li:hover > a {
color: #0077ed;
}
.main-menu:not(.x-nav-menu) > li {
display: inline-block;
line-height: 24px;
padding-top: 35.5px;
padding-bottom: 35.5px;
}
.main-menu:not(.x-nav-menu) > li + li {
margin-left: 30px;
}
.main-menu:not(.x-nav-menu) > li > a {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
color: #212121;
}
.main-menu:not(.x-nav-menu) > li li + li > a {
border-top: solid 1px #ededed;
}
.main-menu:not(.x-nav-menu) > li ul {
display: none;
position: absolute;
list-style: none;
padding: 10px 0;
margin: 0;
background-color: #fff;
top: 0;
left: 100%;
color: #111;
z-index: 999;
border-bottom: solid 2px #0077ed;
}
.main-menu:not(.x-nav-menu) > li ul li {
position: relative;
min-width: 210px;
padding-left: 20px;
padding-right: 20px;
line-height: 1.8;
}
.main-menu:not(.x-nav-menu) > li:hover > ul {
top: 100%;
left: auto;
}
.main-menu:not(.x-nav-menu) > li:last-child > ul {
left: auto;
right: 0;
}
.main-menu:not(.x-nav-menu) > li:last-child li:hover ul {
left: auto;
right: 100%;
}
.nav-menu-mobile:not(.x-nav-menu) {
list-style: none;
padding: 0;
margin: 0;
}
.nav-menu-mobile:not(.x-nav-menu) li {
border-top: solid 1px #313131;
position: relative;
}
.nav-menu-mobile:not(.x-nav-menu) a {
padding: 10px 20px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
.nav-menu-mobile:not(.x-nav-menu) ul {
display: none;
padding: 0;
margin: 0;
list-style: none;
background-color: #313131;
position: relative;
}
.nav-menu-mobile:not(.x-nav-menu) ul li {
border-color: #414141;
}
.nav-menu-mobile:not(.x-nav-menu) b.menu-caret {
position: absolute;
right: 20px;
}
.nav-menu-mobile:not(.x-nav-menu) b.menu-caret:before {
content: "\f067";
font-family: fontawesome;
font-size: 10px;
font-weight: 400;
vertical-align: top;
}
b.x-caret:before {
content: "\f0d7";
font-family: 'FontAwesome';
font-size: 15px;
font-weight: 400;
vertical-align: top;
}
.x-sub-menu-open > a b.x-caret {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.x-custom-content-wrapper {
white-space: normal;
line-height: 1.8;
padding-top: 5px;
padding-bottom: 5px;
}
.x-nav-menu img {
max-width: 100%;
height: auto;
}
.x-image-layout > a {
display: block;
}
@media screen and (min-width: 992px) {
.x-col-1-12 {
width: 8.33333333333333%;
}
.x-col-2-12 {
width: 16.6666666666667%;
}
.x-col-3-12 {
width: 25%;
}
.x-col-4-12 {
width: 33.3333333333333%;
}
.x-col-5-12 {
width: 41.6666666666667%;
}
.x-col-6-12 {
width: 50%;
}
.x-col-7-12 {
width: 58.3333333333333%;
}
.x-col-8-12 {
width: 66.6666666666667%;
}
.x-col-9-12 {
width: 75%;
}
.x-col-10-12 {
width: 83.3333333333333%;
}
.x-col-11-12 {
width: 91.6666666666667%;
}
.x-col-12-12 {
width: 100%;
}
.x-col-1-11 {
width: 9.09090909090909%;
}
.x-col-2-11 {
width: 18.1818181818182%;
}
.x-col-3-11 {
width: 27.2727272727273%;
}
.x-col-4-11 {
width: 36.3636363636364%;
}
.x-col-5-11 {
width: 45.4545454545455%;
}
.x-col-6-11 {
width: 54.5454545454545%;
}
.x-col-7-11 {
width: 63.6363636363636%;
}
.x-col-8-11 {
width: 72.7272727272727%;
}
.x-col-9-11 {
width: 81.8181818181818%;
}
.x-col-10-11 {
width: 90.9090909090909%;
}
.x-col-1-10 {
width: 10%;
}
.x-col-2-10 {
width: 20%;
}
.x-col-3-10 {
width: 30%;
}
.x-col-4-10 {
width: 40%;
}
.x-col-5-10 {
width: 50%;
}
.x-col-6-10 {
width: 60%;
}
.x-col-7-10 {
width: 70%;
}
.x-col-8-10 {
width: 80%;
}
.x-col-9-10 {
width: 90%;
}
.x-col-1-8 {
width: 12.5%;
}
.x-col-3-8 {
width: 37.5%;
}
.x-col-5-8 {
width: 62.5%;
}
.x-col-7-8 {
width: 87.5%;
}
.x-col-1-9 {
width: 11.1111111111111%;
}
.x-col-2-9 {
width: 22.2222222222222%;
}
.x-col-4-9 {
width: 44.4444444444444%;
}
.x-col-5-9 {
width: 55.5555555555556%;
}
.x-col-7-9 {
width: 77.7777777777778%;
}
.x-col-8-9 {
width: 88.8888888888889%;
}
.x-col-1-7 {
width: 14.2857142857143%;
}
.x-col-2-7 {
width: 28.5714285714286%;
}
.x-col-3-7 {
width: 42.8571428571429%;
}
.x-col-4-7 {
width: 57.1428571428571%;
}
.x-col-5-7 {
width: 71.4285714285714%;
}
.x-col-6-7 {
width: 85.7142857142857%;
}
.x-col {
display: block;
float: left;
}
.x-clear {
clear: both;
}
.x-new-row {
clear: both;
}
li.x-pos-static {
position: static;
}
li.x-text-align-right {
text-align: right;
}
li.x-text-align-left {
text-align: left;
}
li.x-text-align-center {
text-align: center;
}
span.x-disable-text {
display: none;
}
i.x-menu-icon {
font-size: 18px;
vertical-align: middle;
}
i.x-menu-icon.x-icon-left {
padding-right: 10px;
}
i.x-menu-icon.x-icon-right {
padding-left: 10px;
}
i.x-menu-icon.x-icon-left.x-disable-text {
padding-right: 0;
}
i.x-menu-icon.x-icon-right.x-disable-text {
padding-left: 0;
}
li > a.x-disable-menu-item {
display: none !important;
}
li.x-new-row:after {
content: "";
display: block;
clear: both;
}
.x-list-style-none {
list-style: none;
list-style-position: inside;
}
.x-list-style-disc {
list-style: disc !important;
list-style-position: inside !important;
}
.x-list-style-square {
list-style: square !important;
list-style-position: inside !important;
}
.x-list-style-circle {
list-style: circle !important;
list-style-position: inside !important;
}
li.x-image-layout-image-only a.x-menu-a-text {
display: none;
}
li.x-image-layout-image-only p.x-description {
display: none;
}
li.x-image-layout-above > a.x-image + a.x-menu-a-text {
margin-top: 10px;
}
a.x-image + a.x-menu-a-text {
text-align: center;
}
.x-sub-menu-standard .x-sub-menu.x-pos-left-menu-parent,
.x-sub-menu-standard .x-sub-menu.x-pos-left-menu-bar {
right: 100%;
left: auto;
}
.x-sub-menu.x-pos-full {
left: 0;
right: 0;
}
.x-nav-menu {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
vertical-align: middle;
}
.x-nav-menu * {
color: inherit;
box-sizing: border-box;
}
.x-nav-menu > .x-menu-item {
display: inline-block;
line-height: 24px;
}
.x-nav-menu > .x-menu-item > a b.x-caret:before {
margin-left: 5px;
}
.x-nav-menu > .x-menu-item + .x-menu-item {
margin-left: 35px;
}
.x-nav-menu > .x-menu-item > .x-menu-a-text {
font-family: 'Montserrat';
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
color: #868686;
padding-top: 35.5px;
padding-bottom: 35.5px;
display: inline-block;
position: relative;
letter-spacing: 0.03em;
}
.x-nav-menu > .x-menu-item > .x-menu-a-text > .x-description {
display: none;
}
.x-sub-menu {
height: 0;
visibility: hidden;
overflow: hidden;
position: absolute;
opacity: 0;
top: 100%;
padding: 0;
margin: 0;
color: #ffffff;
z-index: -1;
list-style: none;
background-color: #111111;
border-bottom: solid 2px #0077ed;
-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
}
.x-sub-menu .x-menu-item {
position: relative;
white-space: nowrap;
}
.x-sub-menu b.x-caret:before {
content: "\f105";
}
.x-sub-menu .x-menu-a-text {
font-family: 'Montserrat';
font-size: 12px;
font-weight: 400;
line-height: 20px;
padding: 11px 0;
text-transform: uppercase;
display: block;
letter-spacing: 0.3em;
}
/*.x-menu-item {
line-height: 50px;
}*/
.x-active > .x-sub-menu {
overflow: visible;
visibility: visible;
opacity: 1;
height: auto;
z-index: 999;
padding: 30px 0 20px;
}
p.x-description {
font-style: italic;
font-size: 0.9em;
line-height: 30px;
margin-top: -8px;
margin-bottom: 10px;
}
span.x-menu-text {
position: relative;
display: inline-block;
}
.x-sub-menu-standard {
z-index: -1;
}
.x-sub-menu-standard > .x-menu-item {
min-width: 270px;
padding-left: 30px;
padding-right: 30px;
}
.x-sub-menu-standard > .x-menu-item + .x-menu-item > .x-menu-a-text {
border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.x-sub-menu-standard > .x-menu-item b.x-caret {
position: absolute;
right: 30px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.x-sub-menu-standard a.x-menu-a-text {
color: inherit;
}
.x-sub-menu-standard a.x-menu-a-text:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 16px;
font-weight: 400;
vertical-align: top;
opacity: 0;
visibility: hidden;
margin-left: -12px;
padding-right: 7px;
}
.x-sub-menu-standard a.x-menu-a-text:before,
.x-sub-menu-standard a.x-menu-a-text > span.x-menu-text,
.x-sub-menu-standard a.x-menu-a-text > i.x-menu-icon {
-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-sub-menu-standard a.x-menu-a-text:hover:before {
opacity: 1;
visibility: visible;
margin-left: 0;
}
.x-sub-menu-standard a.x-menu-a-text:hover {
color: #0077ed;
}
.x-sub-menu-standard .x-sub-menu {
top: 0;
left: 100%;
right: auto;
margin-left: 3px;
}
.x-sub-menu-standard .x-sub-menu.x-pos-left-menu-parent {
margin-left: 0;
margin-right: 5px;
}
.x-sub-menu-standard.x-pos-full > .x-menu-item {
padding-left: 0;
padding-right: 0;
}
.x-sub-menu-multi-column {
display: block;
color: #ffffff;
background-color: #111111;
}
.x-sub-menu-multi-column:after {
content: "";
display: block;
clear: both;
}
.x-sub-menu-multi-column > .x-menu-item {
padding-left: 30px;
padding-right: 30px;
min-width: 0;
}
.x-sub-menu-multi-column .x-menu-item {
min-width: 0;
}
.x-sub-menu-multi-column > .x-item-menu-standard .x-menu-item {
padding-left: 0;
padding-right: 0;
}
.x-sub-menu-multi-column .x-custom-content .x-menu-a-text {
display: none;
}
.x-sub-menu-multi-column .x-sub-menu {
padding-top: 0;
padding-bottom: 0;
height: auto;
visibility: visible;
opacity: 1;
position: static;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
z-index: 999;
overflow: visible;
margin-top: 0;
}
.x-sub-menu-multi-column li.x-active > ul.x-sub-menu {
visibility: visible !important;
opacity: 1 !important;
overflow: visible !important;
}
.x-sub-menu-multi-column .x-header-column > a {
color: #0077ed;
font-size: 14px;
text-transform: uppercase;
position: relative;
line-height: 1;
display: block;
padding: 0;
margin-bottom: 35px;
}
.x-sub-menu-multi-column b.x-caret {
display: none;
}
.x-sub-menu-multi-column .x-sub-menu-standard > .x-menu-item {
border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.x-sub-menu-multi-column .x-sub-menu-standard > .x-menu-item + .x-menu-item > .x-menu-a-text {
border-top: none;
}
.x-sub-menu-multi-column .x-sub-menu-standard > .x-menu-item:last-child {
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
li.x-active .x-sub-menu-multi-column:not(.no-padding) {
padding-bottom: 60px;
padding-top: 60px;
}
.x-tabs.x-item-menu-tab {
position: static;
padding: 0;
margin: 0;
}
.x-tabs.x-item-menu-tab > .x-menu-a-text {
display: none;
}
.x-sub-menu-tab > .x-menu-item {
position: static;
padding-left: 0;
padding-right: 0;
}
.x-sub-menu-tab > li > ul.x-sub-menu {
position: absolute;
left: 0;
right: 0;
top: 0;
visibility: hidden;
overflow: hidden;
opacity: 0;
height: 0;
padding-bottom: 30px;
padding-top: 30px;
}
.x-sub-menu-tab > li > .x-sub-menu-multi-column > .x-menu-item {
padding-left: 15px;
padding-right: 15px;
}
.x-sub-menu-tab > li.x-menu-item > a.x-menu-a-text {
display: block;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.x-sub-menu-tab > li.x-menu-active {
background-color: rgba(255, 255, 255, 0.1);
}
.x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after {
content: '';
position: absolute;
right: 0;
border-top: solid 8px transparent;
border-bottom: solid 8px transparent;
border-right: solid 8px #111;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
}
.x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:hover {
color: inherit;
}
.x-sub-menu-tab > li.x-menu-active > ul.x-sub-menu {
visibility: visible;
overflow: visible;
opacity: 1;
height: auto;
}
.x-sub-menu-tab .x-menu-item {
min-width: 0;
}
.x-tabs > .x-sub-menu-tab {
background-color: rgba(255, 255, 255, 0.1);
}
.x-nav-menu a:focus {
color: inherit;
}
.x-nav-menu .x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text,
.x-nav-menu .x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text,
.x-nav-menu .x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text,
.x-nav-menu .x-sub-menu-standard > li.menu-current > a.x-menu-a-text {
color: #0077ed;
}
.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.x-menu-item:hover > a {
color: #0077ed !important;
}
.x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before,
.x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before,
.x-nav-menu > li.current-menu-item > a.x-menu-a-text:before,
.x-nav-menu > li.menu-current > a.x-menu-a-text:before,
.x-nav-menu > li > a.x-menu-a-text:hover:before,
.x-nav-menu > li.x-menu-item:hover > a:before {
width: 100%;
}
.primary-menu .no-menu {
line-height: 95px;
}
.is-sticky .primary-menu .no-menu {
line-height: 55px;
}
.x-menu-bg-image-dark > ul.x-sub-menu:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(1, 1, 1, 0.9);
}
.custom-shop-menu .x-sub-menu-multi-column .x-header-column > a,
.custom-shop-menu .x-sub-menu-standard a.x-menu-a-text:hover,
.custom-shop-menu .x-sub-menu-standard a.x-menu-a-text:active,
.custom-shop-menu .x-sub-menu-standard a.x-menu-a-text:focus,
.custom-shop-menu ul.x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text,
.custom-shop-menu ul.x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text,
.custom-shop-menu ul.x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text,
.custom-shop-menu ul.x-sub-menu-standard > li.menu-current > a.x-menu-a-text {
color: #fff !important;
font-weight: 600;
}
}
@media screen and (max-width: 991px) {
i.x-icon-left {
margin-right: 10px;
}
i.x-icon-right {
margin-left: 10px;
}
.x-sub-menu {
display: none;
margin: 0;
padding: 0;
}
p.x-description,
.x-custom-content-wrapper,
.x-image {
padding-left: 20px;
padding-right: 20px;
}
a.x-image {
padding-top: 20px;
display: inline-block;
}
.x-nav-menu,
.x-nav-menu ul {
list-style: none;
}
.x-menu-item {
position: relative;
}
.x-nav-menu {
padding: 0;
margin: 0;
}
.x-nav-menu a.x-menu-a-text {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
b.x-caret:before {
font-weight: 400;
vertical-align: middle;
}
.x-caret {
position: absolute;
right: 0;
}
.x-sub-menu,
.x-nav-menu,
.x-nav-menu li.x-menu-item + li {
border-top: solid 1px rgba(221, 221, 221, 0.2);
}
.menu-drop-fly {
position: fixed;
top: 0;
bottom: 0;
left: -280px;
width: 280px;
background-color: #212121;
color: #fff;
z-index: 9999;
overflow: auto;
}
.menu-drop-fly .nav-menu-mobile {
color: #fff;
}
.menu-drop-fly .nav-menu-mobile a {
color: #fff;
}
.menu-drop-fly .nav-menu-mobile a:hover {
color: #0077ed;
}
.menu-drop-fly .x-sub-menu,
.menu-drop-fly .x-nav-menu,
.menu-drop-fly li.x-menu-item + li {
border-color: #313131;
}
.menu-drop-fly .x-caret {
right: 20px;
}
.menu-drop-fly .x-menu-a-text {
padding-left: 20px !important;
padding-right: 20px;
}
.menu-drop-fly .x-menu-item .x-menu-item .x-menu-a-text {
text-transform: none;
}
.menu-drop-fly .x-menu-item .x-menu-item .x-menu-item .x-menu-a-text {
font-weight: 400;
}
.menu-drop-fly .x-menu-item .x-menu-item .x-menu-item .x-menu-item .x-menu-a-text {
font-size: 12px;
}
.menu-drop-fly .x-sub-menu {
background-color: #313131;
position: relative;
border-top: none !important;
}
.menu-drop-fly .x-sub-menu .x-sub-menu {
background-color: #414141;
}
.menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu {
background-color: #515151;
}
.menu-drop-fly li li.x-menu-item + li {
border-color: #414141;
}
.menu-drop-fly li li li.x-menu-item + li {
border-color: #515151;
}
.menu-drop-fly li li li li.x-menu-item + li {
border-color: #616161;
}
.menu-drop-fly .x-sub-menu:before {
content: '';
position: absolute;
left: 20px;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #212121;
}
.menu-drop-fly .x-sub-menu .x-sub-menu:before {
border-top-color: #313131;
}
.menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu:before {
border-top-color: #414141;
}
.menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu .x-sub-menu:before {
border-top-color: #515151;
}
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;
left: 0;
}
.mobile-nav-overlay {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
overflow: hidden;
opacity: 0;
max-width: 0;
-webkit-transition: opacity 0.5s, visibility 1s;
transition: opacity 0.5s, visibility 1s;
cursor: url(http://www.energivity.com/wp-content/themes/g5-startup/assets/images/close.png) 15 15, default;
}
body.mobile-nav-in {
overflow: hidden;
left: 280px;
}
body.mobile-nav-in .menu-drop-fly {
left: 0;
}
body.mobile-nav-in .mobile-nav-overlay {
max-width: 100%;
opacity: 1;
visibility: visible;
}
body.mobile-nav-in .is-sticky .sticky-region {
left: 280px;
right: -280px;
}
}
/**
* 3.0 - Widget
* ----------------------------------------------------------------------------
*/
/*===============================================
SIDE BAR
=================================================*/
.sidebar .widget {
margin-bottom: 40px;
}
.sidebar-mobile-canvas-icon-close {
display: none;
}
.sidebar-mobile-canvas-icon {
padding: 10px 12px;
display: none;
line-height: 1;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
cursor: pointer;
position: fixed;
top: 245px;
left: 0;
z-index: 1001;
background-color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*===============================================
WIDGET GENERAL
=================================================*/
.widget {
margin-bottom: 40px;
}
.widget:after {
content: '';
clear: both;
display: block;
}
.widget cite {
color: #0077ed;
}
.widget-title {
padding: 0;
margin-bottom: 12px;
font-weight: 600;
font-size: 15px;
line-height: 1.8;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.no-widget-content {
padding: 10px;
text-align: center;
border: dashed 2px;
position: relative;
}
.main-footer .no-widget-content {
padding: 50px 30px;
}
.primary-sidebar .no-widget-content {
padding: 300px 10px;
}
/*===============================================
WIDGET DEFAULT
=================================================*/
/* 01 - search */
.search-form {
position: relative;
width: 100%;
}
.search-form .search-field {
height: 48px;
border: solid 1px #eeeeee;
width: 100%;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
padding-right: 40px;
padding-left: 20px;
}
.search-form .search-field:focus {
border-color: #0077ed;
}
.search-form .search-submit {
position: absolute;
padding: 0;
width: 40px;
height: 40px;
right: 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 4px;
font-size: 14px;
background-color: #0077ed;
color: #fff;
border: 2px solid #0077ed;
}
.search-form .search-submit:hover {
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
.search-box {
margin-bottom: 32px;
}
.search-box .search-form .search-submit {
width: 45px;
height: 45px;
right: 0;
top: 0;
font-size: 16px;
background: transparent;
color: #777777;
border: none;
}
.search-box .search-form .search-submit:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #0077ed;
}
.search-box .search-form .search-field {
height: 45px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #eeeeee;
background: #fff;
}
/* 02 - calendar */
.widget_calendar .calendar_wrap caption {
color: #1f1f1f;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
padding-top: 0;
}
.widget_calendar #wp-calendar {
width: 100%;
}
.widget_calendar #wp-calendar th {
background-color: #eeeeee;
}
.widget_calendar #wp-calendar tbody td,
.widget_calendar #wp-calendar th {
border: solid 1px #eeeeee;
text-align: center;
padding: 8px 0 2px;
}
.widget_calendar #wp-calendar tbody td#today,
.widget_calendar #wp-calendar th#today {
background-color: #0077ed;
color: #fff;
}
.widget_calendar #wp-calendar tbody td#today a,
.widget_calendar #wp-calendar th#today a {
color: #fff;
}
.widget_calendar #wp-calendar tfoot td {
padding-top: 10px;
font-size: 12px;
color: #1f1f1f;
text-transform: uppercase;
font-weight: bold;
}
.widget_calendar #wp-calendar td#next {
text-align: right;
}
/* 03 - drop-down */
.widget_archive select,
.widget_categories select,
.widget_text select {
width: 100%;
height: 42px;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 1.8;
border-color: #ddd;
padding: 0 17px;
}
.widget_archive .screen-reader-text,
.widget_categories .screen-reader-text,
.widget_text .screen-reader-text {
display: none;
}
/* 04 - list */
.widget_meta ul,
.widget_archive ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_entries ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget_meta > ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_nav_menu > ul,
.widget_pages > ul,
.widget_product_categories > ul,
.widget_recent_entries > ul {
padding-top: 0;
padding-bottom: 0;
}
.widget_meta li,
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li,
.widget_product_categories li,
.widget_recent_entries li {
position: relative;
padding: 8px 0;
margin: 0;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 1.8;
border-top: 1px solid #eeeeee;
color: #777777;
}
.widget_meta li span.count,
.widget_archive li span.count,
.widget_categories li span.count,
.widget_nav_menu li span.count,
.widget_pages li span.count,
.widget_product_categories li span.count,
.widget_recent_entries li span.count {
padding-left: 10px;
color: #0077ed;
letter-spacing: 0.05em;
}
.widget_meta li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_product_categories li:last-child,
.widget_recent_entries li:last-child {
border-bottom: 1px solid #eeeeee;
}
.widget_meta li ul.children,
.widget_archive li ul.children,
.widget_categories li ul.children,
.widget_nav_menu li ul.children,
.widget_pages li ul.children,
.widget_product_categories li ul.children,
.widget_recent_entries li ul.children {
margin-top: 8px;
margin-bottom: -8px;
}
.widget_meta li ul.children li:last-child,
.widget_archive li ul.children li:last-child,
.widget_categories li ul.children li:last-child,
.widget_nav_menu li ul.children li:last-child,
.widget_pages li ul.children li:last-child,
.widget_product_categories li ul.children li:last-child,
.widget_recent_entries li ul.children li:last-child {
border-bottom: none;
}
.widget_meta li > a,
.widget_archive li > a,
.widget_categories li > a,
.widget_nav_menu li > a,
.widget_pages li > a,
.widget_product_categories li > a,
.widget_recent_entries li > a {
display: block;
color: inherit;
font-size: 14px;
font-weight: 400;
line-height: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.widget_meta li li > a,
.widget_archive li li > a,
.widget_categories li li > a,
.widget_nav_menu li li > a,
.widget_pages li li > a,
.widget_product_categories li li > a,
.widget_recent_entries li li > a {
padding-left: 40px;
}
.widget_meta li li li > a,
.widget_archive li li li > a,
.widget_categories li li li > a,
.widget_nav_menu li li li > a,
.widget_pages li li li > a,
.widget_product_categories li li li > a,
.widget_recent_entries li li li > a {
padding-left: 60px;
}
.widget_meta li li li li > a,
.widget_archive li li li li > a,
.widget_categories li li li li > a,
.widget_nav_menu li li li li > a,
.widget_pages li li li li > a,
.widget_product_categories li li li li > a,
.widget_recent_entries li li li li > a {
padding-left: 80px;
}
.widget_meta ul ul,
.widget_archive ul ul,
.widget_categories ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_product_categories ul ul,
.widget_recent_entries ul ul {
display: none;
}
.widget_meta .li-caret,
.widget_archive .li-caret,
.widget_categories .li-caret,
.widget_nav_menu .li-caret,
.widget_pages .li-caret,
.widget_product_categories .li-caret,
.widget_recent_entries .li-caret {
position: absolute;
right: 0px;
top: 8px;
cursor: pointer;
font-size: 10px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.widget_meta .li-caret.in:before,
.widget_archive .li-caret.in:before,
.widget_categories .li-caret.in:before,
.widget_nav_menu .li-caret.in:before,
.widget_pages .li-caret.in:before,
.widget_product_categories .li-caret.in:before,
.widget_recent_entries .li-caret.in:before {
content: '\f068';
}
.widget_meta .current_page_item > a,
.widget_archive .current_page_item > a,
.widget_categories .current_page_item > a,
.widget_nav_menu .current_page_item > a,
.widget_pages .current_page_item > a,
.widget_product_categories .current_page_item > a,
.widget_recent_entries .current_page_item > a,
.widget_meta .current-cat > a,
.widget_archive .current-cat > a,
.widget_categories .current-cat > a,
.widget_nav_menu .current-cat > a,
.widget_pages .current-cat > a,
.widget_product_categories .current-cat > a,
.widget_recent_entries .current-cat > a,
.widget_meta .current-menu-item > a,
.widget_archive .current-menu-item > a,
.widget_categories .current-menu-item > a,
.widget_nav_menu .current-menu-item > a,
.widget_pages .current-menu-item > a,
.widget_product_categories .current-menu-item > a,
.widget_recent_entries .current-menu-item > a,
.widget_meta li > a:hover,
.widget_archive li > a:hover,
.widget_categories li > a:hover,
.widget_nav_menu li > a:hover,
.widget_pages li > a:hover,
.widget_product_categories li > a:hover,
.widget_recent_entries li > a:hover {
color: #0077ed;
}
.widget_meta .current_page_item > a + ul + span,
.widget_archive .current_page_item > a + ul + span,
.widget_categories .current_page_item > a + ul + span,
.widget_nav_menu .current_page_item > a + ul + span,
.widget_pages .current_page_item > a + ul + span,
.widget_product_categories .current_page_item > a + ul + span,
.widget_recent_entries .current_page_item > a + ul + span,
.widget_meta .current-cat > a + ul + span,
.widget_archive .current-cat > a + ul + span,
.widget_categories .current-cat > a + ul + span,
.widget_nav_menu .current-cat > a + ul + span,
.widget_pages .current-cat > a + ul + span,
.widget_product_categories .current-cat > a + ul + span,
.widget_recent_entries .current-cat > a + ul + span,
.widget_meta .current-menu-item > a + ul + span,
.widget_archive .current-menu-item > a + ul + span,
.widget_categories .current-menu-item > a + ul + span,
.widget_nav_menu .current-menu-item > a + ul + span,
.widget_pages .current-menu-item > a + ul + span,
.widget_product_categories .current-menu-item > a + ul + span,
.widget_recent_entries .current-menu-item > a + ul + span,
.widget_meta li > a:hover + ul + span,
.widget_archive li > a:hover + ul + span,
.widget_categories li > a:hover + ul + span,
.widget_nav_menu li > a:hover + ul + span,
.widget_pages li > a:hover + ul + span,
.widget_product_categories li > a:hover + ul + span,
.widget_recent_entries li > a:hover + ul + span {
color: #0077ed;
}
.widget_meta .current_page_ancestor > ul,
.widget_archive .current_page_ancestor > ul,
.widget_categories .current_page_ancestor > ul,
.widget_nav_menu .current_page_ancestor > ul,
.widget_pages .current_page_ancestor > ul,
.widget_product_categories .current_page_ancestor > ul,
.widget_recent_entries .current_page_ancestor > ul,
.widget_meta .current_page_parent > ul,
.widget_archive .current_page_parent > ul,
.widget_categories .current_page_parent > ul,
.widget_nav_menu .current_page_parent > ul,
.widget_pages .current_page_parent > ul,
.widget_product_categories .current_page_parent > ul,
.widget_recent_entries .current_page_parent > ul,
.widget_meta .current-cat-parent > ul,
.widget_archive .current-cat-parent > ul,
.widget_categories .current-cat-parent > ul,
.widget_nav_menu .current-cat-parent > ul,
.widget_pages .current-cat-parent > ul,
.widget_product_categories .current-cat-parent > ul,
.widget_recent_entries .current-cat-parent > ul,
.widget_meta .current-cat-ancestor > ul,
.widget_archive .current-cat-ancestor > ul,
.widget_categories .current-cat-ancestor > ul,
.widget_nav_menu .current-cat-ancestor > ul,
.widget_pages .current-cat-ancestor > ul,
.widget_product_categories .current-cat-ancestor > ul,
.widget_recent_entries .current-cat-ancestor > ul {
display: block;
}
.widget_product_categories select {
height: 40px;
width: 100%;
}
.widget_recent_entries li {
padding: 12px 0 5px;
}
.widget_recent_entries li a {
font-family: 'Montserrat';
font-weight: 600;
color: #1f1f1f;
letter-spacing: 0.05em;
line-height: 1.6;
text-transform: uppercase;
}
.widget_recent_entries li span.post-date:before {
content: '\f017';
font-family: FontAwesome;
padding-right: 10px;
}
/* 05 - special */
.widget_recent_comments .rss-widget-icon,
.widget_rss .rss-widget-icon {
margin-bottom: 4px;
}
.widget_recent_comments .widget-title,
.widget_rss .widget-title {
margin-bottom: 0;
}
.widget_recent_comments ul,
.widget_rss ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget_recent_comments > ul,
.widget_rss > ul {
padding: 0;
}
.widget_recent_comments li,
.widget_rss li {
padding: 5px 0;
}
.widget_recent_comments li ul,
.widget_rss li ul {
padding-left: 20px;
}
.widget_recent_comments a,
.widget_rss a {
color: #0077ed;
}
/**
* Widget Instagram
* ----------------------------------------------------------------------------
*/
ul.instagram-pics {
padding: 0;
}
ul.instagram-pics li {
position: relative;
list-style-type: none;
}
ul.instagram-pics li:before,
ul.instagram-pics li:after {
content: "";
display: block;
position: absolute;
text-align: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background-color: #fff;
z-index: 1;
margin: auto;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
ul.instagram-pics li:before {
width: 20px;
height: 1px;
}
ul.instagram-pics li:after {
width: 1px;
height: 20px;
}
ul.instagram-pics li:hover:before,
ul.instagram-pics li:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
ul.instagram-pics li:hover a:after {
opacity: 1;
}
ul.instagram-pics a {
position: relative;
display: block;
}
ul.instagram-pics a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 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;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
}
/* 06 - tags */
.tagcloud {
font-size: 0;
}
.tagcloud a {
font-size: 14px !important;
display: inline-block;
height: 42px;
margin: 4px 10px 4px 0;
line-height: 42px;
color: #1f1f1f;
padding: 0 20px;
border: 1px solid #eeeeee;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tagcloud a:hover {
border-color: #0077ed;
color: #0077ed;
}
/*===============================================
WIDGET WOOCOMERCER
=================================================*/
/* 01 - price filter*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #f5f5f5;
height: 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
height: 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #0077ed;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
height: 20px;
width: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
background-color: #0077ed;
top: -6px;
}
.woocommerce .widget_price_filter .price_label {
float: right;
margin-top: 20px;
font-size: 14px;
color: #777777;
line-height: 34px;
}
.woocommerce .widget_price_filter .price_label span {
color: #1f1f1f;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: left;
font-size: 14px;
padding: 8px 25px;
line-height: 1;
border: 2px solid #0077ed !important;
background-color: #0077ed;
margin-top: 20px;
color: #fff;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #0077ed;
background-color: #fff;
}
/* 02 - product */
.woocommerce ul.product_list_widget li {
padding: 0;
margin-bottom: 20px;
}
.woocommerce ul.product_list_widget li:last-child {
margin-bottom: 0;
}
.woocommerce ul.product_list_widget li img {
float: left;
width: 65px;
margin: 0 20px 0 0;
background-color: #f2f6f9;
}
.woocommerce ul.product_list_widget li a {
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #1f1f1f;
padding-right: 20px;
text-transform: uppercase;
}
.woocommerce ul.product_list_widget li a span.product-title {
line-height: 1.2;
max-height: 2.4em;
overflow: hidden;
}
.woocommerce ul.product_list_widget li a:hover {
color: #0077ed;
}
.woocommerce ul.product_list_widget span.reviewer,
.woocommerce ul.product_list_widget span.amount {
display: inline-block;
color: #0077ed;
font-size: 16px;
font-weight: 600;
}
.woocommerce ul.product_list_widget ins span.amount {
text-decoration: none;
}
.woocommerce ul.product_list_widget del span.amount {
font-size: 14px;
margin-right: 5px;
font-weight: 400;
color: #777777;
text-decoration: line-through;
}
.woocommerce ul.product_list_widget del,
.woocommerce ul.product_list_widget ins {
display: inline-block;
}
.woocommerce ul.product_list_widget a + span.amount,
.woocommerce ul.product_list_widget a + del {
margin-top: 5px;
}
.woocommerce ul.product_list_widget li .star-rating {
margin-bottom: 0;
margin-top: 5px;
}
/* 03 - layered nav*/
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color),
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) {
padding-top: 0;
padding-bottom: 0;
}
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li a,
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li a {
color: inherit;
}
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li,
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li {
display: block;
padding: 7px 5px;
border-top: solid 1px #eeeeee;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:before,
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:before {
content: "\f0da";
font-family: fontawesome;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 10px;
}
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:hover,
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:hover {
background-color: #0077ed;
color: #fff;
border-color: #0077ed;
padding-left: 15px;
}
.woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:last-of-type,
.woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:last-of-type {
border-bottom: solid 1px #eeeeee;
}
.woocommerce .widget_layered_nav .count,
.woocommerce .widget_layered_nav_filters .count {
font-size: 1em;
}
/* 04 - yith woocommerce ajax product filter*/
/* color */
.woocommerce .widget_layered_nav ul.yith-wcan-color {
margin-top: 40px;
margin-bottom: -5px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a {
position: relative;
width: 34px;
height: 34px;
border: none;
margin: 0 5px 5px 0;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover {
border: none;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover:after {
font-family: 'FontAwesome';
content: '\f00c';
display: inline-block;
color: #fff;
position: absolute;
margin: 10px 0 0 10px;
font-size: 12px;
line-height: 1;
text-indent: 0;
top: 2px;
left: 2px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a {
border: none;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a:before {
display: none;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a:after {
font-family: 'FontAwesome';
content: '\f00c';
display: inline-block;
color: #fff;
position: absolute;
margin: 10px 0 0 10px;
font-size: 12px;
line-height: 1;
text-indent: 0;
top: 2px;
left: 2px;
}
/* label */
.woocommerce .widget_layered_nav ul.yith-wcan-label {
margin-top: 40px;
margin-bottom: -5px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-label li a {
background-color: transparent;
font-size: 12px;
border: 1px solid #dddddd;
margin: 0 5px 5px 0;
line-height: 20px;
padding: 4px 20px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
.woocommerce .widget_layered_nav ul.yith-wcan-label li a:before {
display: none;
}
.woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
/* select */
.yit-wcan-select-open {
margin-top: 40px;
margin-bottom: 0;
padding: 11px 30px 11px 10px;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper {
padding: 0;
min-width: 270px;
margin: 0;
border-top: none;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li:hover,
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li:focus,
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li:active,
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li.chosen {
background-color: #eeeeee;
border-color: #eeeeee !important;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-select-wrapper li.chosen a {
padding-left: 5px;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-color a {
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
margin-right: 10px !important;
}
.yith-woocommerce-ajax-product-filter .yith-wcan-list li:first-of-type {
border-top: none !important;
}
/* == 05 yith woocompare */
.yith-woocompare-widget ul {
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.yith-woocompare-widget a.button {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.yith-woocompare-widget ul.products-list a.remove {
margin: 0;
height: 21px;
width: 21px;
line-height: 1;
font-size: 0;
}
.yith-woocompare-widget ul.products-list a.remove:hover {
background-color: transparent;
}
.yith-woocompare-widget ul.products-list li a.title {
font-weight: 500;
}
.yith-woocompare-widget ul.products-list li {
margin-bottom: 20px;
}
.yith-woocompare-widget ul.products-list li:last-child {
margin-bottom: 0;
}
/*===============================================
WIDGET CUSTOM G5PLUS
=================================================*/
/* 01 - social profiles*/
.widget-social-profile {
margin-bottom: 0;
}
.social-profiles a {
display: inline-block;
}
.social-profiles a i {
-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: 18px;
}
.social-profiles a + a {
margin-left: 16px;
}
.social-profiles.light i {
color: #fff;
}
.social-profiles.dark i {
color: #888;
}
.social-profiles a:hover i {
color: #0077ed;
}
.social-profiles.circle a i {
width: 45px;
height: 45px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
line-height: 46px;
border: solid 1px;
text-align: center;
}
.social-profiles.circle a i.fa-facebook {
background-color: #0077ED;
border-color: #0077ED;
}
.social-profiles.circle a i.fa-facebook:hover {
color: #0077ED;
}
.social-profiles.circle a i.fa-dribbble {
background-color: #E84C88;
border-color: #E84C88;
}
.social-profiles.circle a i.fa-dribbble:hover {
color: #E84C88;
}
.social-profiles.circle a i.fa-vimeo {
background-color: #1AB7EA;
border-color: #1AB7EA;
}
.social-profiles.circle a i.fa-vimeo:hover {
color: #1AB7EA;
}
.social-profiles.circle a i.fa-tumblr {
background-color: #529ECC;
border-color: #529ECC;
}
.social-profiles.circle a i.fa-tumblr:hover {
color: #529ECC;
}
.social-profiles.circle a i.fa-skype {
background-color: #00AFF0;
border-color: #00AFF0;
}
.social-profiles.circle a i.fa-skype:hover {
color: #00AFF0;
}
.social-profiles.circle a i.fa-linkedin {
background-color: #0177B5;
border-color: #0177B5;
}
.social-profiles.circle a i.fa-linkedin:hover {
color: #0177B5;
}
.social-profiles.circle a i.fa-google-plus {
background-color: #DC4A38;
border-color: #DC4A38;
}
.social-profiles.circle a i.fa-google-plus:hover {
color: #DC4A38;
}
.social-profiles.circle a i.fa-flickr {
background-color: #212123;
border-color: #212123;
}
.social-profiles.circle a i.fa-flickr:hover {
color: #212123;
}
.social-profiles.circle a i.fa-youtube {
background-color: #EE1C1B;
border-color: #EE1C1B;
}
.social-profiles.circle a i.fa-youtube:hover {
color: #EE1C1B;
}
.social-profiles.circle a i.fa-pinterest {
background-color: #BD081C;
border-color: #BD081C;
}
.social-profiles.circle a i.fa-pinterest:hover {
color: #BD081C;
}
.social-profiles.circle a i.fa-foursquare {
background-color: #F94777;
border-color: #F94777;
}
.social-profiles.circle a i.fa-foursquare:hover {
color: #F94777;
}
.social-profiles.circle a i.fa-instagram {
background-color: #000000;
border-color: #000000;
}
.social-profiles.circle a i.fa-instagram:hover {
color: #000000;
}
.social-profiles.circle a i.fa-github {
background-color: #000000;
border-color: #000000;
}
.social-profiles.circle a i.fa-github:hover {
color: #000000;
}
.social-profiles.circle a i.fa-xing {
background-color: #005D5E;
border-color: #005D5E;
}
.social-profiles.circle a i.fa-xing:hover {
color: #005D5E;
}
.social-profiles.circle a i.fa-behance {
background-color: #0B7CFF;
border-color: #0B7CFF;
}
.social-profiles.circle a i.fa-behance:hover {
color: #0B7CFF;
}
.social-profiles.circle a i.fa-deviantart {
background-color: #45B748;
border-color: #45B748;
}
.social-profiles.circle a i.fa-deviantart:hover {
color: #45B748;
}
.social-profiles.circle a i.fa-soundcloud {
background-color: #FC441E;
border-color: #FC441E;
}
.social-profiles.circle a i.fa-soundcloud:hover {
color: #FC441E;
}
.social-profiles.circle a i.fa-vk {
background-color: #4C75A3;
border-color: #4C75A3;
}
.social-profiles.circle a i.fa-vk:hover {
color: #4C75A3;
}
.social-profiles.circle a i.fa-twitter {
background-color: #1EA1F3;
border-color: #1EA1F3;
}
.social-profiles.circle a i.fa-twitter:hover {
color: #1EA1F3;
}
.social-profiles.circle a i.fa-yelp {
background-color: #D32323;
border-color: #D32323;
}
.social-profiles.circle a i.fa-yelp:hover {
color: #D32323;
}
.social-profiles.circle a i.fa-rss {
background-color: #FD7B00;
border-color: #FD7B00;
}
.social-profiles.circle a i.fa-rss:hover {
color: #FD7B00;
}
.social-profiles.circle a i.fa-envelope {
background-color: #000;
border-color: #000;
}
.social-profiles.circle a i.fa-envelope:hover {
color: #000;
}
.social-profiles.circle a i:hover {
background: transparent;
}
.social-profiles.circle a + a {
margin-left: 8px;
}
/* 02 - posts */
.widget-posts ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
.widget-posts li {
padding: 10px 0;
border-top: 1px solid #eeeeee;
}
.widget-posts li:last-child {
border-bottom: 1px solid #eeeeee;
}
.widget-posts li .entry-post-title {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.6;
text-transform: uppercase;
}
.widget-posts li .entry-post-title a {
color: #1f1f1f;
}
.widget-posts li .entry-post-title a:hover {
color: #0077ed;
}
.widget-posts li .entry-meta-date a {
color: #777777;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.widget-posts li .entry-meta-date a:hover {
color: #0077ed;
}
.widget-posts li .entry-meta-date:before {
content: '\f017';
font-family: FontAwesome;
padding-right: 10px;
}
.widget-posts .entry-thumb-wrap {
width: 65px;
height: 70px;
margin-bottom: 0;
float: left;
}
.widget-posts .embed-responsive.embed-responsive-16by9.embed-responsive-small-image {
height: 70px;
}
.widget-posts .entry-thumb-wrap + .entry-content-wrap {
padding-left: 85px;
}
.widget-posts .entry-thumb-wrap a.zoomGallery i {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background: transparent;
}
.widget-posts .entry-thumb-wrap a.zoomGallery i:hover {
color: #0077ed;
}
.widget-posts .entry-thumb-wrap a.zoomGallery.view-video i {
cursor: pointer;
}
.widget-posts .entry-thumb-wrap a.zoomGallery.view-video i:before {
margin-left: 2px;
}
.widget-posts .owl-carousel > .owl-nav {
display: none !important;
}
/* 03 - twitter */
.widget-feeds i {
float: left;
width: 30px;
margin-top: 10px;
font-size: 20px;
color: #0077ed;
}
.widget-feeds span.twitter-time {
font-size: 15px;
display: block;
color: #c3c3c3;
}
.widget-feeds .twitter-content {
overflow: hidden;
}
.widget-feeds .widget-twitter-item + .widget-twitter-item {
margin-top: 30px;
}
/* 04 - mailchimp */
.widget_mc4wp_form_widget {
padding: 35px 15px 20px;
background-color: #eeeeee;
}
.widget_mc4wp_form_widget .g5plus-mailchimp {
position: relative;
display: block;
max-width: 100%;
}
.widget_mc4wp_form_widget .g5plus-mailchimp button {
position: static;
font-family: 'Montserrat';
width: 100%;
height: auto;
padding: 13.5px 25px;
margin-top: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: transparent;
color: #0077ed;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
}
.widget_mc4wp_form_widget .g5plus-mailchimp button span {
display: block;
font-size: 13px;
letter-spacing: 0.12em;
}
.widget_mc4wp_form_widget .g5plus-mailchimp button i {
display: none;
}
.widget_mc4wp_form_widget .g5plus-mailchimp button:hover {
background-color: #0077ed;
color: #fff;
}
.widget_mc4wp_form_widget .g5plus-mailchimp input[type="email"] {
display: inline-block;
width: 100%;
height: 42px;
padding: 0 15px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-style: normal;
letter-spacing: 0.02em;
text-align: center;
border: 1px solid #ddd;
color: #777;
}
/*===============================================
PRIMARY SIDEBAR
=================================================*/
.primary-sidebar .widget:last-child {
margin-bottom: 0;
}
.primary-sidebar .widget_meta > div,
.primary-sidebar .widget_archive > div,
.primary-sidebar .widget_categories > div,
.primary-sidebar .widget_nav_menu > div,
.primary-sidebar .widget_pages > div,
.primary-sidebar .widget_product_categories > div,
.primary-sidebar .widget_recent_entries > div {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 991px) {
.primary-sidebar {
margin-top: 30px;
}
.sidebar-mobile-canvas-icon {
display: block;
}
.sidebar-mobile-canvas-icon.changed {
display: none;
}
.sidebar-mobile-canvas {
margin-top: 0;
opacity: 0;
position: fixed;
left: -300px;
top: 0;
padding: 30px;
width: 300px;
box-sizing: border-box;
background-color: #fff;
z-index: 999999;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sidebar-mobile-canvas.changed {
opacity: 1;
left: 0;
}
.sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
padding: 0 5px;
display: block;
}
.sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close i {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close:hover i {
color: red;
}
.overlay-canvas-sidebar {
position: absolute;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.overlay-canvas-sidebar.changed {
display: block;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.6);
cursor: url(http://www.energivity.com/wp-content/themes/g5-startup/assets/images/close.png) 15 15, default;
}
}
/* Login & Register */
.widget-login-register {
font-weight: 600;
}
.widget-login-register a {
font-weight: 400;
}
#startup-popup-login-form,
#startup-popup-mailchimp-form {
padding: 60px 20px;
box-shadow: none;
border: none;
border-radius: 0;
text-align: center;
}
#startup-popup-login-form .close,
#startup-popup-mailchimp-form .close {
display: inline-block;
position: absolute;
top: 8px;
right: 9px;
font-size: 14px;
color: #0077ed;
opacity: 1;
}
#startup-popup-login-form .modal-header,
#startup-popup-mailchimp-form .modal-header {
padding: 0;
border: none;
}
#startup-popup-login-form .modal-header .modal-title,
#startup-popup-mailchimp-form .modal-header .modal-title {
font-size: 26px;
line-height: 1;
letter-spacing: 0;
}
#startup-popup-login-form .modal-header .modal-title:after,
#startup-popup-mailchimp-form .modal-header .modal-title:after {
content: '';
display: block;
width: 50px;
height: 2px;
margin: 15px auto 24px;
background-color: #0077ed;
}
#startup-popup-login-form .modal-header p,
#startup-popup-mailchimp-form .modal-header p {
margin-bottom: 25px;
}
#startup-popup-login-form .modal-body {
padding: 0;
}
#startup-popup-login-form .modal-body .form-group {
margin-bottom: 20px;
}
#startup-popup-login-form .modal-body input[type="text"],
#startup-popup-login-form .modal-body input[type="password"],
#startup-popup-login-form .modal-body input[type="email"] {
height: 50px;
border-radius: 50px;
box-shadow: none;
}
#startup-popup-login-form .modal-footer {
padding: 0;
margin-top: 20px;
border: none;
text-align: center;
}
#startup-popup-login-form .modal-footer .modal-footer-left {
margin-bottom: 10px;
}
#startup-popup-mailchimp-wrapper h2 {
margin-bottom: 30px;
font-size: 46px;
font-weight: 700;
color: #0077ed;
text-transform: uppercase;
}
#startup-popup-login-wrapper.modal.fade .modal-dialog,
#startup-popup-mailchimp-wrapper.modal.fade .modal-dialog {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
}
#startup-popup-login-wrapper.modal.in .modal-dialog,
#startup-popup-mailchimp-wrapper.modal.in .modal-dialog {
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#startup-popup-login-wrapper .modal-backdrop.in,
#startup-popup-mailchimp-wrapper .modal-backdrop.in {
opacity: .8;
}
@media (min-width: 768px) {
#startup-popup-login-wrapper .modal-dialog {
width: 500px;
margin: auto;
}
#startup-popup-mailchimp-wrapper .modal-dialog {
width: 670px;
margin: auto;
}
#startup-popup-mailchimp-wrapper #startup-popup-mailchimp-form {
padding: 60px 70px;
}
#startup-popup-mailchimp-wrapper .g5plus-mailchimp {
position: relative;
}
#startup-popup-mailchimp-wrapper input[type="submit"] {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
position: absolute;
top: 0;
right: 0;
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 479px) {
#startup-popup-mailchimp-wrapper h2 {
font-size: 36px;
}
}
/*Custom Class*/
.background-position-top.important {
background-position: top !important;
}
.instagram-grid-3-columns ul,
.instagram-grid-2-columns ul {
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
}
.instagram-grid-3-columns ul li,
.instagram-grid-2-columns ul li {
width: 50%;
padding: 10px;
float: left;
}
.instagram-grid-3-columns ul li img,
.instagram-grid-2-columns ul li img {
width: 100%;
}
.instagram-grid-3-columns ul li {
width: 33.33333333333333%;
}
.contact-info ul {
list-style: none;
padding-left: 0;
}
.contact-info ul li {
margin-bottom: 10px;
font-size: 15px;
}
.contact-info ul li i {
margin-right: 6px;
}
.widget-setting .custom-dropdown-list ul {
padding: 10px 20px 0px 20px;
min-width: 170px;
}
.widget-setting .custom-dropdown-list ul li {
border-top: solid 1px #eeeeee;
-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-weight: 500;
color: #1f1f1f;
}
.widget-setting .custom-dropdown-list ul li:hover {
color: #0077ed;
}
.widget-setting .custom-dropdown-list ul .language,
.widget-setting .custom-dropdown-list ul .title-language {
border-top: none;
}
.widget-setting .custom-dropdown-list ul .language:hover,
.widget-setting .custom-dropdown-list ul .title-language:hover {
color: #1f1f1f;
}
.widget-setting .custom-dropdown-list ul .language {
margin-bottom: 15px;
}
.widget-setting .custom-dropdown-list ul .language a {
display: inline-block;
}
.widget-setting .custom-dropdown-list ul .language a + a {
margin-left: 6px;
}
.widget-bottom-bar-right a {
padding-bottom: 10px;
display: inline-block;
margin-left: 13px;
}
.processing-title {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
.processing-title i {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 40px;
}
/**
* 4.0 - Header
* ----------------------------------------------------------------------------
*/
.top-drawer-wrapper {
background-color: #f5f5f5;
color: #777777;
line-height: 2em;
position: relative;
}
.top-drawer-wrapper .widget {
margin-bottom: 0;
}
.top-drawer-wrapper .top-drawer-toggle {
position: absolute;
right: 0;
top: 0;
background-color: #0077ed;
border-top: solid 2px rgba(0, 0, 0, 0.2);
padding: 7px;
color: #fff;
font-size: 10px;
line-height: 1;
cursor: pointer;
opacity: 0.7;
}
.top-drawer-wrapper.in .top-drawer-toggle,
.top-drawer-wrapper:hover .top-drawer-toggle {
opacity: 1;
}
.top-drawer-wrapper.in .top-drawer-toggle > i:before {
content: "\f068";
}
.top-drawer-wrapper .widget-posts .entry-content-wrap {
background: transparent;
}
.top-drawer-wrapper .widget_mc4wp_form_widget {
background: transparent;
}
.top-drawer-wrapper .widget_recent_entries li a:hover {
color: #0077ed;
}
.top-drawer-wrapper .woocommerce ul.product_list_widget li a :hover {
color: #0077ed;
}
.top-drawer-wrapper .widget_price_filter .price_label span {
color: #777777;
}
.top-drawer-inner {
padding-top: 0px;
padding-bottom: 0px;
}
.top-drawer-type-toggle .top-drawer-inner {
display: none;
}
@media screen and (max-width: 991px) {
.top-drawer-mobile-invisible {
display: none;
}
}
.shopping-cart-list {
width: 370px;
font-size: 14px;
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
right: 0;
z-index: -1;
padding: 35px 0 40px 0;
line-height: 1.6;
border-top: 3px solid #0077ed;
background-color: #111;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-moz-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-ms-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
}
.shopping-cart-list ul.cart_list {
list-style: none;
margin: 0;
overflow: hidden;
position: relative;
padding: 0 20px;
}
.shopping-cart-list ul.cart_list span.quantity {
margin-top: 2px;
display: block;
font-family: 'Montserrat';
color: #fff;
font-size: 14px;
}
.shopping-cart-list ul.cart_list span.quantity .amount {
font-size: 14px;
color: inherit;
font-weight: 400;
}
.shopping-cart-list ul.cart_list li {
margin-bottom: 15px;
}
.shopping-cart-list ul.cart_list li a {
color: inherit;
font-weight: normal;
}
.shopping-cart-list ul.cart_list li a:hover {
color: #0077ed;
}
.shopping-cart-list ul.cart_list li a.product-item-name {
font-family: 'Josefin Sans';
font-size: 18px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.6;
text-transform: none;
}
.shopping-cart-list ul.cart_list li:last-of-type {
padding-bottom: 30px;
}
.shopping-cart-list ul.cart_list li.empty {
padding-bottom: 0;
}
.shopping-cart-list ul.cart_list li img {
width: 90px;
margin-right: 20px;
margin-left: 0;
float: left;
}
.shopping-cart-list ul.cart_list li {
position: relative;
padding: 0;
}
.shopping-cart-list ul.cart_list li > .mini_cart_item_inner {
padding-bottom: 20px;
position: relative;
}
.shopping-cart-list ul.cart_list li + li > .mini_cart_item_inner {
border-top: solid 1px #eeeeee;
padding-top: 20px;
}
.shopping-cart-list ul.cart_list li:last-child > .mini_cart_item_inner {
margin-bottom: 20px;
}
.shopping-cart-list ul.cart_list li.empty {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
font-size: 16px;
text-align: center;
}
.shopping-cart-list li.mini_cart_item a.remove {
font-size: 0;
width: 0;
height: 0;
}
.shopping-cart-list li.mini_cart_item a.remove:before {
position: absolute;
right: 0;
top: 10px;
}
.shopping-cart-list p.total {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 7px;
text-align: center;
}
.shopping-cart-list p.total .amount {
color: #777;
}
.shopping-cart-list p.buttons {
margin: 8px 15px 0 15px;
text-align: center;
}
.shopping-cart-list p.buttons a {
text-transform: uppercase;
font-weight: bold;
font-family: 'Montserrat';
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.shopping-cart-list p.buttons a:hover {
color: #0077ed;
}
.shopping-cart-list p.buttons > a:first-child {
margin-right: 25px;
}
.widget_shopping_cart_content {
position: relative;
text-align: left;
cursor: pointer;
}
.widget_shopping_cart_content:hover .shopping-cart-list {
visibility: visible;
opacity: 1;
z-index: 999;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.shopping-cart-icon {
line-height: 1;
font-size: 16px;
font-weight: 500;
border-top: solid 7px transparent;
border-bottom: solid 7px transparent;
}
.shopping-cart-icon .subtotal-info-wrapper {
display: inline-block;
}
.shopping-cart-icon > .icon {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 5px 10px 5px 0;
}
.shopping-cart-icon > .icon span {
position: absolute;
margin: auto;
top: -4px;
right: 0;
width: 15px;
height: 15px;
text-align: center;
line-height: 17px;
background-color: #0077ed;
color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size: 10px;
font-weight: 400;
}
nav.canvas-sidebar-wrapper {
background-color: #222222;
color: #aaaaaa;
position: fixed;
z-index: 999;
top: 0;
left: 100%;
bottom: 0;
width: 360px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
padding: 100px 50px 50px 50px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
nav.canvas-sidebar-wrapper.in {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.canvas-sidebar-wrapper .canvas-sidebar-close {
position: absolute;
top: 20px;
right: 20px;
}
nav.canvas-sidebar-wrapper .widget-title {
color: #ffffff;
border-bottom-color: #333333;
font-size: 16px;
font-weight: bold;
margin-bottom: 33px;
border-bottom: 0;
padding-left: 0;
letter-spacing: 0.05em;
}
nav.canvas-sidebar-wrapper .widget-title:before {
display: none;
}
nav.canvas-sidebar-wrapper .widget-title:after {
height: 1px;
width: 40px;
background-color: #0077ed;
background-image: none;
margin-top: 15px;
}
nav.canvas-sidebar-wrapper .widget-title span {
font-size: 16px;
}
nav.canvas-sidebar-wrapper .widget {
margin-bottom: 50px;
}
nav.canvas-sidebar-wrapper .menu {
margin-top: -10px;
}
nav.canvas-sidebar-wrapper .menu-item a {
padding: 0;
text-transform: none;
font-size: 15px;
font-weight: 400;
line-height: 30px;
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .menu-item a:before {
display: none;
}
nav.canvas-sidebar-wrapper .widget_nav_menu li {
border-top: none;
padding: 0;
}
nav.canvas-sidebar-wrapper .widget_nav_menu li:last-child {
border-bottom: none;
}
nav.canvas-sidebar-wrapper .widget_recent_entries ul li {
border-color: #333333;
font-size: 15px;
padding: 6px 0;
}
nav.canvas-sidebar-wrapper .widget_recent_entries ul li a {
font-family: 'Open Sans';
line-height: 2;
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget_recent_entries ul li a:before {
display: inline-block;
content: "\f111";
font-family: FontAwesome;
font-size: 4px;
padding-right: 7px;
vertical-align: middle;
}
nav.canvas-sidebar-wrapper .widget_recent_entries ul li:hover a {
color: #0077ed;
}
nav.canvas-sidebar-wrapper .widget_meta li,
nav.canvas-sidebar-wrapper .widget_archive li,
nav.canvas-sidebar-wrapper .widget_categories li,
nav.canvas-sidebar-wrapper .widget_nav_menu li,
nav.canvas-sidebar-wrapper .widget_pages li,
nav.canvas-sidebar-wrapper .widget_product_categories li,
nav.canvas-sidebar-wrapper .widget_recent_entries li,
nav.canvas-sidebar-wrapper .widget_text li {
border-top-color: #333333;
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget_meta li:last-child,
nav.canvas-sidebar-wrapper .widget_archive li:last-child,
nav.canvas-sidebar-wrapper .widget_categories li:last-child,
nav.canvas-sidebar-wrapper .widget_nav_menu li:last-child,
nav.canvas-sidebar-wrapper .widget_pages li:last-child,
nav.canvas-sidebar-wrapper .widget_product_categories li:last-child,
nav.canvas-sidebar-wrapper .widget_recent_entries li:last-child,
nav.canvas-sidebar-wrapper .widget_text li:last-child {
border-bottom-color: #333333;
}
nav.canvas-sidebar-wrapper .widget_meta select,
nav.canvas-sidebar-wrapper .widget_archive select,
nav.canvas-sidebar-wrapper .widget_categories select,
nav.canvas-sidebar-wrapper .widget_nav_menu select,
nav.canvas-sidebar-wrapper .widget_pages select,
nav.canvas-sidebar-wrapper .widget_product_categories select,
nav.canvas-sidebar-wrapper .widget_recent_entries select,
nav.canvas-sidebar-wrapper .widget_text select {
border-color: #333333;
}
nav.canvas-sidebar-wrapper .search-form .search-field,
nav.canvas-sidebar-wrapper .tagcloud a {
border-color: #333333;
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget_calendar #wp-calendar tbody td {
border-color: #333333;
}
nav.canvas-sidebar-wrapper .widget_calendar #wp-calendar th {
border-color: #333333;
background: transparent;
}
nav.canvas-sidebar-wrapper .widget_calendar #wp-calendar caption {
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget_archive select option,
nav.canvas-sidebar-wrapper .widget_categories select option,
nav.canvas-sidebar-wrapper .widget_text select option {
background: #222222;
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget_archive .screen-reader-text,
nav.canvas-sidebar-wrapper .widget_categories .screen-reader-text,
nav.canvas-sidebar-wrapper .widget_text .screen-reader-text {
display: none !important;
}
nav.canvas-sidebar-wrapper .tagcloud a:hover {
border-color: #0077ed;
background-color: #0077ed;
}
nav.canvas-sidebar-wrapper .widget-posts .entry-content-wrap {
background: transparent;
}
nav.canvas-sidebar-wrapper .widget-posts li {
border-top-color: #333333;
}
nav.canvas-sidebar-wrapper .widget-posts li .entry-meta-date a,
nav.canvas-sidebar-wrapper .widget-posts li .entry-post-title a {
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .widget-posts li .entry-meta-date a:hover,
nav.canvas-sidebar-wrapper .widget-posts li .entry-post-title a:hover {
color: #0077ed;
}
nav.canvas-sidebar-wrapper .widget-posts li:last-child {
border-bottom-color: #333333;
}
nav.canvas-sidebar-wrapper .woocommerce ul.product_list_widget li a {
color: #aaaaaa;
}
nav.canvas-sidebar-wrapper .woocommerce ul.product_list_widget li a:hover {
color: #0077ed;
}
nav.canvas-sidebar-wrapper .widget_mc4wp_form_widget {
background: transparent;
}
nav.canvas-sidebar-wrapper .widget_meta li li > a,
nav.canvas-sidebar-wrapper .widget_archive li li > a,
nav.canvas-sidebar-wrapper .widget_categories li li > a,
nav.canvas-sidebar-wrapper .widget_nav_menu li li > a,
nav.canvas-sidebar-wrapper .widget_pages li li > a,
nav.canvas-sidebar-wrapper .widget_product_categories li li > a,
nav.canvas-sidebar-wrapper .widget_recent_entries li li > a {
padding-left: 40px;
}
nav.canvas-sidebar-wrapper .widget_meta li li li > a,
nav.canvas-sidebar-wrapper .widget_archive li li li > a,
nav.canvas-sidebar-wrapper .widget_categories li li li > a,
nav.canvas-sidebar-wrapper .widget_nav_menu li li li > a,
nav.canvas-sidebar-wrapper .widget_pages li li li > a,
nav.canvas-sidebar-wrapper .widget_product_categories li li li > a,
nav.canvas-sidebar-wrapper .widget_recent_entries li li li > a {
padding-left: 60px;
}
nav.canvas-sidebar-wrapper .widget_meta li li li li > a,
nav.canvas-sidebar-wrapper .widget_archive li li li li > a,
nav.canvas-sidebar-wrapper .widget_categories li li li li > a,
nav.canvas-sidebar-wrapper .widget_nav_menu li li li li > a,
nav.canvas-sidebar-wrapper .widget_pages li li li li > a,
nav.canvas-sidebar-wrapper .widget_product_categories li li li li > a,
nav.canvas-sidebar-wrapper .widget_recent_entries li li li li > a {
padding-left: 80px;
}
nav.canvas-sidebar-wrapper .widget_price_filter .price_label span {
color: #aaaaaa;
}
body.admin-bar nav.canvas-menu-wrapper,
body.admin-bar nav.canvas-sidebar-wrapper {
top: 32px;
}
nav.canvas-menu-wrapper {
background-color: #ffffff;
border-left: solid 2px #eeeeee;
position: fixed;
z-index: 999;
top: 0;
left: 100%;
bottom: 0;
width: 360px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
nav.canvas-menu-wrapper .header-above-wrapper {
padding: 30px 30px 0;
}
nav.canvas-menu-wrapper .ps-scrollbar-y-rail {
right: 0;
}
nav.canvas-menu-wrapper .logo-canvas {
float: left;
height: 95px;
font-size: 0;
position: relative;
}
nav.canvas-menu-wrapper .logo-canvas:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
nav.canvas-menu-wrapper .logo-canvas a {
display: inline-block;
vertical-align: middle;
}
nav.canvas-menu-wrapper .logo-canvas a img {
max-height: 95px;
padding-top: 0px;
padding-bottom: 0px;
}
nav.canvas-menu-wrapper.in {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.canvas-menu-wrapper .canvas-menu-close {
position: absolute;
top: 20px;
right: 20px;
}
nav.canvas-menu-wrapper .header-customize-nav {
width: 360px;
text-align: center;
padding: 35px 50px;
line-height: 1 !important;
}
nav.canvas-menu-wrapper .header-customize-nav .item-sidebar {
display: block;
margin-top: 32px;
margin-left: 0;
}
nav.canvas-menu-wrapper .header-customize-nav .header-customize-item:first-child {
margin-left: 0;
}
nav.canvas-menu-wrapper .shopping-cart-list {
display: none;
}
nav.canvas-menu-wrapper .primary-menu {
float: none;
position: relative;
padding-top: 20px;
padding-bottom: 40px;
min-height: 156px !important;
}
nav.canvas-menu-wrapper .x-nav-menu {
display: block;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item {
display: block;
margin: 0;
background-color: transparent;
padding: 0;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text {
color: inherit;
line-height: 20px;
font-size: 16px;
font-weight: 600;
padding: 15px 50px;
display: block;
margin: 0;
position: relative;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text:after {
content: "\f105";
margin-left: -12px;
padding-right: 12px;
font-family: 'FontAwesome';
font-size: 16px;
font-weight: 400;
vertical-align: top;
opacity: 0;
visibility: hidden;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text > span.x-menu-text,
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text > i.x-menu-icon {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text:hover:before {
opacity: 1;
visibility: visible;
margin-left: 0;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret {
position: absolute;
right: 50px;
display: inline-block;
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret:before {
content: '\f105';
}
nav.canvas-menu-wrapper .x-nav-menu .x-menu-item:hover {
color: #0077ed;
}
nav.canvas-menu-wrapper .x-nav-menu .x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu .x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu .x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu .x-sub-menu-standard > li.menu-current > a.x-menu-a-text {
color: #0077ed;
}
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text,
nav.canvas-menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover,
nav.canvas-menu-wrapper .x-nav-menu > li.x-menu-item:hover > a {
color: #0077ed !important;
}
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu > li.current-menu-item > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu > li.menu-current > a.x-menu-a-text:before,
nav.canvas-menu-wrapper .x-nav-menu > li > a.x-menu-a-text:hover:before,
nav.canvas-menu-wrapper .x-nav-menu > li.x-menu-item:hover > a:before {
width: 100%;
}
nav.canvas-menu-wrapper .x-sub-menu-open > a b.x-caret {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
nav.canvas-menu-wrapper .x-sub-menu {
background-image: none !important;
display: none;
position: static !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 0;
height: auto !important;
width: auto !important;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: none;
color: #868686;
background: #f2f2f2;
}
nav.canvas-menu-wrapper .x-sub-menu .x-menu-a-text {
text-transform: none;
letter-spacing: 0;
}
nav.canvas-menu-wrapper .x-sub-menu .x-menu-a-text > span {
font-style: italic;
}
nav.canvas-menu-wrapper .x-sub-menu .x-menu-item + .x-menu-item > .x-menu-a-text {
border-top: solid 1px #d9d9d9;
}
nav.canvas-menu-wrapper .x-sub-menu .x-sub-menu {
background: #e6e6e6;
}
nav.canvas-menu-wrapper .x-sub-menu .x-sub-menu:before {
border-top-color: #f2f2f2;
}
nav.canvas-menu-wrapper .x-sub-menu:before {
content: '';
position: absolute;
left: 50px;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #ffffff;
}
nav.canvas-menu-wrapper li.x-sub-menu-open > a.x-menu-a-text:after {
content: '';
display: block;
position: absolute;
top: 100%;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #ffffff;
z-index: 1;
margin: 0;
right: auto;
left: auto;
}
nav.canvas-menu-wrapper .x-col {
float: none !important;
width: auto !important;
}
nav.canvas-menu-wrapper .x-sub-menu-standard .x-sub-menu {
margin-left: 0;
margin-right: 0;
}
nav.canvas-menu-wrapper .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after {
display: none;
}
nav.canvas-menu-wrapper .x-sub-menu-tab > li > ul.x-sub-menu {
padding: 0;
}
.menu-switch {
display: inline-block;
position: relative;
padding-left: 14px;
}
.menu-switch:before {
content: '';
display: block;
width: 1px;
height: 30px;
background: #868686;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.bar-left {
text-align: left;
}
.bar-left .menu ul {
left: 100%;
right: auto;
}
.bar-left .menu li > ul {
left: 0;
}
.bar-right {
text-align: right;
}
.bar-right .widget {
text-align: left;
}
.bar-wrapper .bottom-bar-inner .widget,
.bar-wrapper .top-bar-inner .widget {
display: inline-block;
margin-bottom: 0;
position: relative;
}
.bar-wrapper .bottom-bar-inner .widget + .widget,
.bar-wrapper .top-bar-inner .widget + .widget {
margin-left: 40px;
}
.bar-wrapper .menu {
margin-top: 0;
}
.bar-wrapper .menu li {
position: relative;
font-size: 12px;
color: inherit;
border: none;
}
.bar-wrapper .menu li:hover > ul {
display: block;
}
.bar-wrapper .menu > li {
display: inline-block;
line-height: 30px;
border: none;
}
.bar-wrapper .menu > li + li {
margin-left: 30px;
border: none;
}
.bar-wrapper .menu > li > ul {
right: 0;
}
.bar-wrapper .menu > li:hover ul {
-webkit-transform: translateY(0);
max-height: 1000px;
visibility: visible;
opacity: 1;
}
.bar-wrapper .menu > li > a {
padding: 0;
}
.bar-wrapper .menu > li > a:before {
display: none;
}
.bar-wrapper .menu > li .li-caret {
display: none;
}
.bar-wrapper .menu ul {
display: none;
text-align: left;
padding: 10px 15px;
left: auto;
right: 100%;
min-width: 180px;
background-color: #fff;
color: #212121;
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 9999;
}
.bar-wrapper .menu ul a {
padding: 5px 0;
}
.bar-wrapper .menu ul a:hover {
color: #0077ed !important;
}
.bar-wrapper .menu li li li li > a:hover,
.bar-wrapper .menu li li li > a:hover,
.bar-wrapper .menu li li > a:hover,
.bar-wrapper .menu li > a:hover {
padding-left: 0;
}
.bar-wrapper.text-center .bar-left,
.bar-wrapper.text-center .bar-right {
text-align: center;
}
.top-bar-wrapper a:hover {
color: #0077ed;
}
.top-bar-wrapper {
line-height: 30px;
font-size: 12px;
background-color: #f5f5f5;
color: #777777;
/**
* Archive, categories, nav_menu
* ----------------------------------------------------------------------------
*/
/**
* Calendar
* ----------------------------------------------------------------------------
*/
/**
* G5Plus:Posts
* ----------------------------------------------------------------------------
*/
/**
* Tag Clound
* ----------------------------------------------------------------------------
*/
/**
* Product
* ----------------------------------------------------------------------------
*/
}
.top-bar-wrapper a {
color: inherit;
}
.top-bar-wrapper.full-border {
border-bottom: solid 1px #eeeeee;
}
.top-bar-wrapper.container-border .top-bar-inner {
border-bottom: solid 1px #eeeeee;
}
.top-bar-wrapper .menu li > a:hover {
color: #777777;
}
.top-bar-wrapper .widget-title {
color: #777777;
}
.top-bar-wrapper .widget_meta li,
.top-bar-wrapper .widget_archive li,
.top-bar-wrapper .widget_categories li,
.top-bar-wrapper .widget_nav_menu li,
.top-bar-wrapper .widget_pages li,
.top-bar-wrapper .widget_product_categories li,
.top-bar-wrapper .widget_recent_entries li {
color: #777777;
}
.top-bar-wrapper .widget_meta li + li,
.top-bar-wrapper .widget_archive li + li,
.top-bar-wrapper .widget_categories li + li,
.top-bar-wrapper .widget_nav_menu li + li,
.top-bar-wrapper .widget_pages li + li,
.top-bar-wrapper .widget_product_categories li + li,
.top-bar-wrapper .widget_recent_entries li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_meta ul ul,
.top-bar-wrapper .widget_archive ul ul,
.top-bar-wrapper .widget_categories ul ul,
.top-bar-wrapper .widget_nav_menu ul ul,
.top-bar-wrapper .widget_pages ul ul,
.top-bar-wrapper .widget_product_categories ul ul,
.top-bar-wrapper .widget_recent_entries ul ul {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_recent_entries li a {
color: #777777;
}
.top-bar-wrapper .widget_recent_entries li a:hover {
color: #0077ed;
}
.top-bar-wrapper .widget_recent_comments li + li,
.top-bar-wrapper .widget_rss li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget-posts .entry-content-wrap {
background: transparent;
}
.top-bar-wrapper .widget_mc4wp_form_widget {
background: transparent;
}
.top-bar-wrapper .widget_calendar .calendar_wrap caption {
color: #777777;
}
.top-bar-wrapper .widget_calendar #wp-calendar {
width: 100%;
}
.top-bar-wrapper .widget_calendar #wp-calendar th {
background-color: #eeeeee;
}
.top-bar-wrapper .widget_calendar #wp-calendar tbody td,
.top-bar-wrapper .widget_calendar #wp-calendar th {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_calendar #wp-calendar tfoot td {
color: #777777;
}
.top-bar-wrapper .widget-posts li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget-posts .entry-post-title {
color: #777777;
}
.top-bar-wrapper .tagcloud a {
color: #777777;
border-color: #eeeeee;
}
.top-bar-wrapper .tagcloud a:hover {
border-color: #0077ed;
color: #0077ed;
}
.top-bar-wrapper .woocommerce ul.product_list_widget li {
border-color: #eeeeee;
}
.top-bar-wrapper .woocommerce ul.product_list_widget li a {
color: #777777;
}
.top-bar-wrapper .woocommerce ul.product_list_widget li a:hover {
color: #0077ed;
}
.top-bar-wrapper .woocommerce ul.product_list_widget span.reviewer {
color: #777777;
}
.top-bar-wrapper ul.widget-social-profiles i {
font-size: 12px;
}
.top-bar-wrapper .widget-info-box li > i {
color: #777777;
}
.top-bar-wrapper .widget_price_filter .price_label span {
color: #777777;
}
.top-bar-inner {
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (min-width: 992px) {
header.header-mobile {
display: none;
height: 0;
}
.main-header {
background-color: #ffffff;
color: #777777;
}
.header-wrapper .container-inner {
position: relative;
}
.header-above-inner {
padding-top: 0px;
padding-bottom: 0px;
}
.logo-header {
float: left;
height: 95px;
font-size: 0;
position: relative;
}
.logo-header:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.logo-header a {
display: inline-block;
vertical-align: middle;
}
.logo-header a img {
max-height: 95px;
padding-top: 0px;
padding-bottom: 0px;
}
a.logo-sticky {
display: none;
}
.header-row > .container,
.header-wrapper > .container {
position: relative;
}
.float-header {
position: absolute;
z-index: 999;
left: 0;
right: 0;
}
.float-header-none {
position: relative;
background-color: #222;
color: #fff;
}
.primary-menu {
float: right;
}
.header-nav-wrapper {
background-color: #ffffff;
color: #868686;
}
.header-customize-wrapper .header-customize-item:first-child {
margin-left: 28px;
}
.header-customize-right {
float: right;
}
.header-customize-right .mini-cart-box .shopping-cart-icon {
line-height: 86px;
}
.header-customize-nav,
.header-customize-right,
.header-customize-left {
display: inline-block;
vertical-align: middle;
line-height: 95px;
color: #868686;
font-size: 0;
}
.header-customize-nav .header-customize-item,
.header-customize-right .header-customize-item,
.header-customize-left .header-customize-item {
margin-left: 14px;
}
.header-customize-nav .header-customize-item + .items-canvas-menu,
.header-customize-right .header-customize-item + .items-canvas-menu,
.header-customize-left .header-customize-item + .items-canvas-menu,
.header-customize-nav .header-customize-item .items-menu-canvas,
.header-customize-right .header-customize-item .items-menu-canvas,
.header-customize-left .header-customize-item .items-menu-canvas {
margin-left: 18px;
}
.header-customize-nav .header-customize-item .canvas-sidebar-toggle,
.header-customize-right .header-customize-item .canvas-sidebar-toggle,
.header-customize-left .header-customize-item .canvas-sidebar-toggle {
display: inline-block;
position: relative;
padding-left: 14px;
}
.header-customize-nav .header-customize-item .canvas-sidebar-toggle:before,
.header-customize-right .header-customize-item .canvas-sidebar-toggle:before,
.header-customize-left .header-customize-item .canvas-sidebar-toggle:before {
content: '';
display: block;
width: 1px;
height: 30px;
background-color: rgba(134, 134, 134, 0.7);
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.header-customize-nav a,
.header-customize-right a,
.header-customize-left a {
color: #868686;
-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-customize-nav a:hover,
.header-customize-right a:hover,
.header-customize-left a:hover {
color: #0077ed;
}
.header-customize-nav i,
.header-customize-right i,
.header-customize-left i {
font-size: 16px;
}
.header-customize-nav .shopping-cart-icon,
.header-customize-right .shopping-cart-icon,
.header-customize-left .shopping-cart-icon {
border-top: none;
border-bottom: none;
}
.header-customize-nav .shopping-cart-icon .subtotal-info-wrapper,
.header-customize-right .shopping-cart-icon .subtotal-info-wrapper,
.header-customize-left .shopping-cart-icon .subtotal-info-wrapper {
display: none;
}
.header-customize-left .shopping-cart-list {
left: 0;
right: auto;
}
.header-customize-item {
display: inline-block;
vertical-align: middle;
line-height: 1;
max-width: 100%;
}
.header-customize-item.item-search .search-form {
width: 240px;
}
.header-customize-item.item-search .search-field {
font-size: 14px;
}
.header-wrapper.full-border,
.header-wrapper.container-border .container-inner {
border-bottom: solid 1px rgba(221, 221, 221, 0.2);
}
.header-above-wrapper.full-border,
.header-above-wrapper.container-border .header-above-inner {
border-bottom: solid 1px #eeeeee;
}
.header-float {
position: absolute;
z-index: 999;
left: 0;
right: 0;
}
.header-float input[type="text"],
.header-float input[type="search"],
.header-float input[type="email"],
.header-float input[type="url"],
.header-float input[type="password"],
.header-float input[type="tel"],
.header-float textarea,
.header-float select {
color: #777777;
}
.header-float input[type="text"]::-webkit-input-placeholder,
.header-float input[type="search"]::-webkit-input-placeholder,
.header-float input[type="email"]::-webkit-input-placeholder,
.header-float input[type="url"]::-webkit-input-placeholder,
.header-float input[type="password"]::-webkit-input-placeholder,
.header-float input[type="tel"]::-webkit-input-placeholder,
.header-float textarea::-webkit-input-placeholder,
.header-float select::-webkit-input-placeholder {
color: #777777;
}
.header-float input[type="text"]:-moz-placeholder,
.header-float input[type="search"]:-moz-placeholder,
.header-float input[type="email"]:-moz-placeholder,
.header-float input[type="url"]:-moz-placeholder,
.header-float input[type="password"]:-moz-placeholder,
.header-float input[type="tel"]:-moz-placeholder,
.header-float textarea:-moz-placeholder,
.header-float select:-moz-placeholder {
color: #777777;
}
.header-float input[type="text"]::-moz-placeholder,
.header-float input[type="search"]::-moz-placeholder,
.header-float input[type="email"]::-moz-placeholder,
.header-float input[type="url"]::-moz-placeholder,
.header-float input[type="password"]::-moz-placeholder,
.header-float input[type="tel"]::-moz-placeholder,
.header-float textarea::-moz-placeholder,
.header-float select::-moz-placeholder {
color: #777777;
}
.header-float input[type="text"]:-ms-input-placeholder,
.header-float input[type="search"]:-ms-input-placeholder,
.header-float input[type="email"]:-ms-input-placeholder,
.header-float input[type="url"]:-ms-input-placeholder,
.header-float input[type="password"]:-ms-input-placeholder,
.header-float input[type="tel"]:-ms-input-placeholder,
.header-float textarea:-ms-input-placeholder,
.header-float select:-ms-input-placeholder {
color: #777777;
}
.is-sticky .logo-header {
height: 80px;
}
.is-sticky .x-nav-menu > .x-menu-item > .x-menu-a-text {
padding-top: 28px;
padding-bottom: 28px;
color: #868686;
}
.is-sticky .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,
.is-sticky .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,
.is-sticky .x-nav-menu > li.current-menu-item > a.x-menu-a-text,
.is-sticky .x-nav-menu > li.menu-current > a.x-menu-a-text,
.is-sticky .x-nav-menu > li > a.x-menu-a-text:hover,
.is-sticky .x-nav-menu > li.x-menu-item:hover > a {
color: #0077ed !important;
}
.is-sticky .header-customize-nav,
.is-sticky .header-customize-right,
.is-sticky .header-customize-left {
line-height: 80px;
color: #868686;
}
.is-sticky .logo-header img {
max-height: 80px;
padding-top: 10px;
padding-bottom: 10px;
}
.is-sticky .logo-sticky {
display: initial;
}
.is-sticky .has-logo-sticky .no-sticky {
display: none;
}
.is-sticky .header-customize-nav a {
color: #868686;
}
.header-nav-hidden nav.primary-menu > .x-nav-menu {
opacity: 0;
visibility: hidden;
-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-nav-hidden.in nav.primary-menu > .x-nav-menu {
opacity: 1;
visibility: visible;
}
.header-nav-hidden.in .menu-switch > i:before {
content: "\f00d";
}
.header-1 .primary-menu {
float: right;
}
.header-2 .header-above-inner {
text-align: center;
}
.header-2 .primary-menu {
display: inline-block;
float: inherit;
}
.header-3 .header-above-inner,
.header-7 .header-above-inner {
text-align: center;
font-size: 0;
}
.header-3 .header-customize-left,
.header-7 .header-customize-left {
float: left;
}
.header-3 .header-customize-right,
.header-7 .header-customize-right {
float: right;
}
.header-3 .header-nav-left,
.header-7 .header-nav-left {
display: inline-block;
}
.header-3 .header-nav-left .x-nav-menu,
.header-7 .header-nav-left .x-nav-menu {
margin-right: 70px;
}
.header-3 .header-nav-right,
.header-7 .header-nav-right {
display: inline-block;
}
.header-3 .header-nav-right .x-nav-menu,
.header-7 .header-nav-right .x-nav-menu {
margin-right: 0;
margin-left: 70px;
}
.header-3 .logo-header,
.header-7 .logo-header {
display: inline-block;
float: inherit;
font-size: inherit;
}
.header-4 .header-customize-wrapper {
float: right;
line-height: 95px;
color: #868686;
}
.header-4 .is-sticky .header-customize-wrapper {
line-height: 80px;
}
.header-5 .header-nav-wrapper .logo-header {
display: none;
}
.header-5 .is-sticky .header-nav-wrapper .logo-header {
display: inline-block;
float: left;
position: inherit;
width: inherit;
}
.header-5 .x-nav-menu {
margin-right: 0;
}
.header-5 .x-nav-menu > .x-menu-item:after {
content: '/';
display: inline-block;
padding-left: 35px;
}
.header-5 .x-nav-menu > .x-menu-item:last-child:after {
display: none;
}
.header-5 .logo-header {
float: none;
position: absolute;
width: 30%;
margin: auto;
left: 0;
right: 0;
text-align: center;
}
.header-5 .primary-menu.header-row {
text-align: center;
}
.header-5 .primary-menu {
float: inherit;
}
.header-5 .header-customize-nav {
float: inherit;
display: inline-block;
margin-left: 35px;
}
.header-5 .header-customize-left {
float: left;
line-height: 95px;
}
.header-5 .header-customize-left.header-customize-wrapper .header-customize-item:first-child {
margin-left: 0;
}
.header-5 .header-customize-left .shopping-cart-list {
left: 0;
right: inherit;
}
.header-5 .header-customize-right {
float: right;
line-height: 95px;
}
.header-5 .header-above-wrapper .header-above-inner {
height: 95px;
}
.header-7 .items-menu-canvas {
float: right;
margin-left: 35px;
}
.header-7 .items-menu-canvas .menu-switch i {
font-size: 16px;
line-height: 95px;
}
.header-7 .header-customize-wrapper .header-customize-item:first-child {
margin-left: 0;
}
body.admin-bar header.header-left {
top: 32px;
}
header.header-left {
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
top: 0;
left: 0;
bottom: 0;
z-index: 999;
background-color: #ffffff;
border-right: solid 2px #eeeeee;
}
header.header-left .header-above-wrapper {
padding: 0 50px;
}
header.header-left .logo-header {
float: none;
text-align: left;
background-color: #ffffff;
}
header.header-left .ps-scrollbar-y-rail {
right: 0;
}
header.header-left .header-customize-nav {
text-align: center;
padding: 35px 50px;
line-height: 1 !important;
}
header.header-left .header-customize-nav .item-sidebar {
display: block;
margin-top: 32px;
margin-left: 0;
}
header.header-left .header-customize-nav .header-customize-item:first-child {
margin-left: 0;
}
header.header-left .shopping-cart-list {
display: none;
}
header.header-left .primary-menu {
float: none;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
min-height: 156px !important;
}
header.header-left .x-nav-menu {
display: block;
}
header.header-left .x-nav-menu .x-menu-item {
display: block;
margin: 0;
background-color: transparent;
padding: 0;
}
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text {
color: inherit;
line-height: 20px;
font-size: 16px;
font-weight: 600;
padding: 15px 50px;
display: block;
margin: 0;
position: relative;
letter-spacing: 0;
}
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:before,
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:after {
content: "\f105";
margin-left: -12px;
padding-right: 12px;
font-family: 'FontAwesome';
font-size: 16px;
font-weight: 400;
vertical-align: top;
opacity: 0;
visibility: hidden;
}
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:before,
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text > span.x-menu-text,
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text > i.x-menu-icon {
-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-left .x-nav-menu .x-menu-item > a.x-menu-a-text:hover:before {
opacity: 1;
visibility: visible;
margin-left: 0;
}
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret {
position: absolute;
right: 50px;
display: inline-block;
}
header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret:before {
content: '\f105';
}
header.header-left .x-nav-menu .x-menu-item:hover {
color: #0077ed;
}
header.header-left .x-nav-menu .x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text,
header.header-left .x-nav-menu .x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text,
header.header-left .x-nav-menu .x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text,
header.header-left .x-nav-menu .x-sub-menu-standard > li.menu-current > a.x-menu-a-text {
color: #0077ed;
}
header.header-left .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,
header.header-left .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,
header.header-left .x-nav-menu > li.current-menu-item > a.x-menu-a-text,
header.header-left .x-nav-menu > li.menu-current > a.x-menu-a-text,
header.header-left .x-nav-menu > li > a.x-menu-a-text:hover,
header.header-left .x-nav-menu > li.x-menu-item:hover > a {
color: #0077ed;
}
header.header-left .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before,
header.header-left .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before,
header.header-left .x-nav-menu > li.current-menu-item > a.x-menu-a-text:before,
header.header-left .x-nav-menu > li.menu-current > a.x-menu-a-text:before,
header.header-left .x-nav-menu > li > a.x-menu-a-text:hover:before,
header.header-left .x-nav-menu > li.x-menu-item:hover > a:before {
width: 100%;
}
header.header-left .x-sub-menu-open > a b.x-caret {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
header.header-left .x-sub-menu {
background-image: none !important;
display: none;
position: static !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 0;
height: auto !important;
width: auto !important;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: none;
color: #868686;
background: #f2f2f2;
}
header.header-left .x-sub-menu .x-menu-a-text {
text-transform: none;
letter-spacing: 0;
}
header.header-left .x-sub-menu .x-menu-a-text > span {
font-style: italic;
}
header.header-left .x-sub-menu .x-sub-menu {
background: #e6e6e6;
}
header.header-left .x-sub-menu .x-sub-menu:before {
border-top-color: #f2f2f2;
}
header.header-left .x-sub-menu:before {
content: '';
position: absolute;
left: 50px;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #ffffff;
}
header.header-left .x-sub-menu .x-menu-item + .x-menu-item > .x-menu-a-text {
border-top: solid 1px #d9d9d9;
}
header.header-left li.x-sub-menu-open > a.x-menu-a-text:after {
content: '';
display: block;
position: absolute;
top: 100%;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: solid 6px #ffffff;
z-index: 1;
margin: 0;
right: auto;
left: auto;
}
header.header-left .x-col {
float: none !important;
width: auto !important;
}
header.header-left .x-sub-menu-standard .x-sub-menu {
margin-left: 0;
margin-right: 0;
}
header.header-left .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after {
display: none;
}
header.header-left .x-sub-menu-tab > li > ul.x-sub-menu {
padding: 0;
}
body.flat {
padding-top: 30px;
}
body.flat .is-sticky .sticky-region,
body.flat .float-header {
left: 30px;
right: 30px;
}
}
@media (min-width: 1370px) {
.header-wrapper .container-fluid {
padding-left: 100px;
padding-right: 100px;
}
}
.is-sticky .sticky-region {
/*position: fixed;*/
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
right: 0;
z-index: 999;
-webkit-box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1);
margin: auto;
}
body:not(.header-is-float) .is-sticky {
height: 80px;
}
.is-sticky .sticky-region {
background-color: #fff;
}
body.boxed .is-sticky .sticky-region {
max-width: 1200px;
width: 100%;
}
header.main-header .textwidget > span i,
header.header-mobile .textwidget > span i {
font-size: 13px;
margin-right: 5px;
}
@media (min-width: 1401px) {
body.header-is-left {
padding-left: 360px;
}
header.header-left {
width: 360px;
}
header.header-left .header-customize-nav {
width: 360px;
}
}
@media (max-width: 1400px) {
body.header-is-left {
padding-left: 300px;
}
header.header-left {
width: 300px;
}
header.header-left .header-customize-nav {
width: 300px;
}
}
@media (max-width: 1280px) {
body.header-is-left {
padding-left: 270px;
}
header.header-left {
width: 270px;
}
header.header-left .header-customize-nav {
width: 270px;
}
}
@media screen and (max-width: 991px) {
body.header-is-left {
padding-left: inherit;
}
}
@media (max-width: 479px) {
.shopping-cart-list {
width: 270px;
}
.shopping-cart-list ul.cart_list li a.product-item-name {
font-size: 14px;
}
.shopping-cart-list ul.cart_list li img {
width: 70px;
}
.shopping-cart-list ul.cart_list span.quantity .amount {
font-size: 12px;
}
}
.logo-text {
margin-bottom: 0;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 0.05em;
font-weight: bold;
}
@media screen and (max-width: 991px) {
header.main-header {
display: none;
}
header.header-mobile {
display: block;
height: auto;
}
.top-bar-wrapper {
background-color: #f5f5f5 !important;
color: #777777 !important;
/**
* Archive, categories, nav_menu
* ----------------------------------------------------------------------------
*/
/**
* Calendar
* ----------------------------------------------------------------------------
*/
/**
* G5Plus:Posts
* ----------------------------------------------------------------------------
*/
/**
* Tag Clound
* ----------------------------------------------------------------------------
*/
/**
* Product
* ----------------------------------------------------------------------------
*/
}
.top-bar-wrapper.full-border {
border-bottom: solid 1px #eeeeee !important;
}
.top-bar-wrapper.container-border .top-bar-inner {
border-bottom: solid 1px #eeeeee !important;
}
.top-bar-wrapper .widget + .widget:before,
.top-bar-wrapper .menu > li + li:before {
border-left: solid 1px;
border-color: #eeeeee;
}
.top-bar-wrapper .widget-title {
color: #777777;
}
.top-bar-wrapper .widget_meta li,
.top-bar-wrapper .widget_archive li,
.top-bar-wrapper .widget_categories li,
.top-bar-wrapper .widget_nav_menu li,
.top-bar-wrapper .widget_pages li,
.top-bar-wrapper .widget_product_categories li,
.top-bar-wrapper .widget_recent_entries li {
color: #777777;
}
.top-bar-wrapper .widget_meta li + li,
.top-bar-wrapper .widget_archive li + li,
.top-bar-wrapper .widget_categories li + li,
.top-bar-wrapper .widget_nav_menu li + li,
.top-bar-wrapper .widget_pages li + li,
.top-bar-wrapper .widget_product_categories li + li,
.top-bar-wrapper .widget_recent_entries li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_meta ul ul,
.top-bar-wrapper .widget_archive ul ul,
.top-bar-wrapper .widget_categories ul ul,
.top-bar-wrapper .widget_nav_menu ul ul,
.top-bar-wrapper .widget_pages ul ul,
.top-bar-wrapper .widget_product_categories ul ul,
.top-bar-wrapper .widget_recent_entries ul ul {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_recent_comments li + li,
.top-bar-wrapper .widget_rss li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_calendar .calendar_wrap caption {
color: #777777;
}
.top-bar-wrapper .widget_calendar #wp-calendar {
width: 100%;
}
.top-bar-wrapper .widget_calendar #wp-calendar th {
background-color: #eeeeee;
}
.top-bar-wrapper .widget_calendar #wp-calendar tbody td,
.top-bar-wrapper .widget_calendar #wp-calendar th {
border-color: #eeeeee;
}
.top-bar-wrapper .widget_calendar #wp-calendar tfoot td {
color: #777777;
}
.top-bar-wrapper .widget-posts li + li {
border-color: #eeeeee;
}
.top-bar-wrapper .widget-posts .entry-post-title {
color: #777777;
}
.top-bar-wrapper .tagcloud a {
color: #777777;
border-color: #eeeeee;
}
.top-bar-wrapper .woocommerce ul.product_list_widget li {
border-color: #eeeeee;
}
.top-bar-wrapper .woocommerce ul.product_list_widget li a {
color: #777777;
}
.top-bar-wrapper .woocommerce ul.product_list_widget span.reviewer {
color: #777777;
}
.top-bar-wrapper ul.widget-social-profiles i {
font-size: 12px;
}
.top-bar-wrapper .widget-info-box li > i {
color: #777777;
}
.top-bar-inner {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.header-mobile-inner {
background-color: #ffffff !important;
color: #777777 !important;
}
.header-mobile-inner a {
color: #777777;
display: inline-block;
}
.header-mobile-inner a:hover {
color: #0077ed;
}
.header-mobile-inner .toggle-icon-wrapper .toggle-icon:after,
.header-mobile-inner .toggle-icon-wrapper .toggle-icon:before,
.header-mobile-inner .toggle-icon-wrapper .toggle-icon,
.header-mobile-inner .toggle-icon-wrapper:before {
background-color: #777777 !important;
}
.header-mobile-container-inner {
position: relative;
}
.header-mobile-container-inner > div {
line-height: 80px !important;
}
.toggle-mobile-menu {
float: left;
}
.logo-mobile-wrapper,
.item-shopping-cart,
.mobile-search-button,
.shopping-cart-icon {
display: inline-block;
}
.shopping-cart-list {
margin-top: 0;
}
.item-shopping-cart .subtotal-info-wrapper {
display: none;
}
.item-shopping-cart,
.mobile-search-button {
float: right;
}
.item-shopping-cart + .mobile-search-button {
margin-right: 20px;
}
.mobile-search-button {
font-size: 20px;
position: relative;
z-index: 1;
}
.logo-mobile-wrapper {
position: absolute;
padding-left: 50px;
padding-right: 50px;
left: 0;
right: 0;
text-align: center;
}
.header-mobile-nav.menu-drop-dropdown {
display: none;
}
.menu-drop-fly .search-form {
padding: 20px;
position: relative;
background-color: #111;
margin-top: 0;
}
.menu-drop-fly .search-form input {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #333;
background-color: #333;
}
.menu-drop-fly .search-form button {
position: absolute;
right: 20px;
top: 20px;
padding-left: 12px;
padding-right: 12px;
border-radius: 0;
}
.menu-drop-dropdown li li a.x-menu-a-text {
padding-left: 20px;
}
.menu-drop-dropdown li li li a.x-menu-a-text {
padding-left: 40px;
}
.menu-drop-dropdown li li li li a.x-menu-a-text {
padding-left: 60px;
}
.both-mobile-icon .logo-mobile-wrapper {
padding-right: 90px;
}
.header-mobile-2 .toggle-icon-wrapper {
float: right;
margin-left: 10px;
}
.header-mobile-2 .logo-mobile-wrapper {
text-align: left;
padding-left: 0;
padding-right: 90px;
}
.header-mobile-2 .both-mobile-icon .logo-mobile-wrapper {
padding-right: 130px;
}
.header-mobile-2 .mobile-search-button {
margin-right: 10px;
}
.header-mobile-2 .item-shopping-cart + .mobile-search-button {
margin-right: 20px;
}
.header-mobile-3 .toggle-icon-wrapper {
margin-right: 20px;
}
.header-mobile-3 .item-shopping-cart,
.header-mobile-3 .mobile-search-button {
float: left;
}
.header-mobile-3 .logo-mobile-wrapper {
text-align: right;
padding-left: 90px;
padding-right: 0;
}
.header-mobile-3 .both-mobile-icon .logo-mobile-wrapper {
padding-left: 130px;
}
.header-mobile-3 .item-shopping-cart + .mobile-search-button {
margin-left: 10px;
}
.header-mobile-4 .both-mobile-icon .logo-mobile-wrapper {
padding-right: 50px;
}
.is-sticky {
height: 60px;
}
.is-sticky .header-mobile-container-inner > div {
line-height: 60px !important;
}
.is-sticky .header-mobile-nav.menu-drop-dropdown {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
}
@media screen and (max-width: 480px) {
#search_popup_wrapper .dialog-inner {
padding-left: 20px;
padding-right: 20px;
}
#search_popup_wrapper form {
padding-right: 0;
}
#search_popup_wrapper button {
position: static;
margin-top: 10px;
width: 100%;
}
}
/**
* 5.0 - Footer
* ----------------------------------------------------------------------------
*/
.main-footer-wrapper {
background-color: #222222;
color: #aaaaaa;
}
.main-footer-wrapper .bar-wrapper .menu > li {
color: inherit !important;
}
.main-footer-wrapper .bar-wrapper .menu > li:hover ul {
visibility: hidden;
opacity: 0;
}
.main-footer-wrapper .bar-wrapper .menu > li > a {
color: inherit;
font-size: 13px;
font-weight: bold;
}
.main-footer-wrapper .bar-wrapper .menu > li > a:hover {
color: #0077ed;
}
.main-footer-wrapper .current-menu-item a,
.main-footer-wrapper .current_page_item a {
color: #0077ed !important;
}
.main-footer.full-border {
border-top: solid 1px #333333;
}
.main-footer.container-border .footer-inner {
border-top: solid 1px #333333;
}
.main-footer a {
color: inherit;
}
.main-footer a:hover {
color: #0077ed;
}
.main-footer .widget-title {
color: #ffffff;
border-bottom-color: #333333;
font-size: 16px;
font-weight: bold;
margin-bottom: 33px;
border-bottom: 0;
padding-left: 0;
letter-spacing: 0.05em;
}
.main-footer .widget-title:before {
display: none;
}
.main-footer .widget-title:after {
height: 1px;
width: 40px;
background-color: #0077ed;
background-image: none;
margin-top: 15px;
}
.main-footer .widget-title span {
font-size: 16px;
}
.main-footer .widget {
margin-bottom: 50px;
}
.main-footer .menu {
margin-top: -10px;
}
.main-footer .menu-item a {
padding: 0;
text-transform: none;
font-size: 15px;
font-weight: 400;
line-height: 30px;
color: #aaaaaa;
}
.main-footer .menu-item a:before {
display: none;
}
.main-footer .widget_nav_menu li {
border-top: none;
padding: 0;
}
.main-footer .widget_nav_menu li:last-child {
border-bottom: none;
}
.main-footer .widget_recent_entries ul li {
border-color: #333333;
font-size: 15px;
padding: 6px 0;
}
.main-footer .widget_recent_entries ul li a {
font-family: 'Open Sans';
line-height: 2;
color: #aaaaaa;
}
.main-footer .widget_recent_entries ul li a:before {
display: inline-block;
content: "\f111";
font-family: FontAwesome;
font-size: 4px;
padding-right: 7px;
vertical-align: middle;
}
.main-footer .widget_recent_entries ul li:hover a {
color: #0077ed;
}
.main-footer .widget_meta li,
.main-footer .widget_archive li,
.main-footer .widget_categories li,
.main-footer .widget_nav_menu li,
.main-footer .widget_pages li,
.main-footer .widget_product_categories li,
.main-footer .widget_recent_entries li,
.main-footer .widget_text li {
border-top-color: #333333;
color: #aaaaaa;
}
.main-footer .widget_meta li:last-child,
.main-footer .widget_archive li:last-child,
.main-footer .widget_categories li:last-child,
.main-footer .widget_nav_menu li:last-child,
.main-footer .widget_pages li:last-child,
.main-footer .widget_product_categories li:last-child,
.main-footer .widget_recent_entries li:last-child,
.main-footer .widget_text li:last-child {
border-bottom-color: #333333;
}
.main-footer .widget_meta select,
.main-footer .widget_archive select,
.main-footer .widget_categories select,
.main-footer .widget_nav_menu select,
.main-footer .widget_pages select,
.main-footer .widget_product_categories select,
.main-footer .widget_recent_entries select,
.main-footer .widget_text select {
border-color: #333333;
}
.main-footer .search-form .search-field,
.main-footer .tagcloud a {
border-color: #333333;
color: #aaaaaa;
}
.main-footer .widget_calendar #wp-calendar tbody td {
border-color: #333333;
}
.main-footer .widget_calendar #wp-calendar th {
border-color: #333333;
background: transparent;
}
.main-footer .widget_calendar #wp-calendar caption {
color: #aaaaaa;
}
.main-footer .widget_archive select option,
.main-footer .widget_categories select option,
.main-footer .widget_text select option {
background: #222222;
color: #aaaaaa;
}
.main-footer .widget_archive .screen-reader-text,
.main-footer .widget_categories .screen-reader-text,
.main-footer .widget_text .screen-reader-text {
display: none !important;
}
.main-footer .tagcloud a:hover {
border-color: #0077ed;
background-color: #0077ed;
}
.main-footer .widget-posts .entry-content-wrap {
background: transparent;
}
.main-footer .widget-posts li {
border-top-color: #333333;
}
.main-footer .widget-posts li .entry-meta-date a,
.main-footer .widget-posts li .entry-post-title a {
color: #aaaaaa;
}
.main-footer .widget-posts li .entry-meta-date a:hover,
.main-footer .widget-posts li .entry-post-title a:hover {
color: #0077ed;
}
.main-footer .widget-posts li:last-child {
border-bottom-color: #333333;
}
.main-footer .woocommerce ul.product_list_widget li a {
color: #aaaaaa;
}
.main-footer .woocommerce ul.product_list_widget li a:hover {
color: #0077ed;
}
.main-footer .widget_mc4wp_form_widget {
background: transparent;
}
.main-footer .widget_meta li li > a,
.main-footer .widget_archive li li > a,
.main-footer .widget_categories li li > a,
.main-footer .widget_nav_menu li li > a,
.main-footer .widget_pages li li > a,
.main-footer .widget_product_categories li li > a,
.main-footer .widget_recent_entries li li > a {
padding-left: 40px;
}
.main-footer .widget_meta li li li > a,
.main-footer .widget_archive li li li > a,
.main-footer .widget_categories li li li > a,
.main-footer .widget_nav_menu li li li > a,
.main-footer .widget_pages li li li > a,
.main-footer .widget_product_categories li li li > a,
.main-footer .widget_recent_entries li li li > a {
padding-left: 60px;
}
.main-footer .widget_meta li li li li > a,
.main-footer .widget_archive li li li li > a,
.main-footer .widget_categories li li li li > a,
.main-footer .widget_nav_menu li li li li > a,
.main-footer .widget_pages li li li li > a,
.main-footer .widget_product_categories li li li li > a,
.main-footer .widget_recent_entries li li li li > a {
padding-left: 80px;
}
.main-footer .widget_price_filter .price_label span {
color: #aaaaaa;
}
.footer-inner {
padding-top: 120px;
padding-bottom: 55px;
}
.bottom-bar-wrapper {
background-color: #222222;
color: #cccccc;
}
.bottom-bar-wrapper.full-border {
border-top: solid 1px rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper.container-border .bottom-bar-inner {
border-top: solid 1px rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .widget + .widget {
margin-left: 10px;
}
.bottom-bar-wrapper .widget_recent_entries ul li {
border-color: rgba(238, 238, 238, 0.2);
font-size: 15px;
padding: 6px 0;
}
.bottom-bar-wrapper .widget_recent_entries ul li a {
font-family: 'Open Sans';
line-height: 2;
color: #cccccc;
}
.bottom-bar-wrapper .widget_recent_entries ul li a:before {
display: inline-block;
content: "\f111";
font-family: FontAwesome;
font-size: 4px;
padding-right: 7px;
vertical-align: middle;
}
.bottom-bar-wrapper .widget_recent_entries ul li:hover a {
color: #0077ed;
}
.bottom-bar-wrapper .widget_meta li,
.bottom-bar-wrapper .widget_archive li,
.bottom-bar-wrapper .widget_categories li,
.bottom-bar-wrapper .widget_nav_menu li,
.bottom-bar-wrapper .widget_pages li,
.bottom-bar-wrapper .widget_product_categories li,
.bottom-bar-wrapper .widget_recent_entries li,
.bottom-bar-wrapper .widget_text li {
border-top-color: rgba(238, 238, 238, 0.2);
color: #cccccc;
}
.bottom-bar-wrapper .widget_meta li:last-child,
.bottom-bar-wrapper .widget_archive li:last-child,
.bottom-bar-wrapper .widget_categories li:last-child,
.bottom-bar-wrapper .widget_nav_menu li:last-child,
.bottom-bar-wrapper .widget_pages li:last-child,
.bottom-bar-wrapper .widget_product_categories li:last-child,
.bottom-bar-wrapper .widget_recent_entries li:last-child,
.bottom-bar-wrapper .widget_text li:last-child {
border-bottom-color: rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .widget_meta select,
.bottom-bar-wrapper .widget_archive select,
.bottom-bar-wrapper .widget_categories select,
.bottom-bar-wrapper .widget_nav_menu select,
.bottom-bar-wrapper .widget_pages select,
.bottom-bar-wrapper .widget_product_categories select,
.bottom-bar-wrapper .widget_recent_entries select,
.bottom-bar-wrapper .widget_text select {
border-color: rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .search-form .search-field,
.bottom-bar-wrapper .tagcloud a {
border-color: rgba(238, 238, 238, 0.2);
color: #cccccc;
}
.bottom-bar-wrapper .widget_calendar #wp-calendar tbody td {
border-color: rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .widget_calendar #wp-calendar th {
border-color: rgba(238, 238, 238, 0.2);
background: transparent;
}
.bottom-bar-wrapper .widget_calendar #wp-calendar caption {
color: #cccccc;
}
.bottom-bar-wrapper .widget_archive select option,
.bottom-bar-wrapper .widget_categories select option,
.bottom-bar-wrapper .widget_text select option {
background: #222222;
color: #cccccc;
}
.bottom-bar-wrapper .widget_archive .screen-reader-text,
.bottom-bar-wrapper .widget_categories .screen-reader-text,
.bottom-bar-wrapper .widget_text .screen-reader-text {
display: none !important;
}
.bottom-bar-wrapper .tagcloud a:hover {
border-color: #0077ed;
background-color: #0077ed;
}
.bottom-bar-wrapper .widget-posts .entry-content-wrap {
background: transparent;
}
.bottom-bar-wrapper .widget-posts li {
border-top-color: rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .widget-posts li .entry-meta-date a,
.bottom-bar-wrapper .widget-posts li .entry-post-title a {
color: #cccccc;
}
.bottom-bar-wrapper .widget-posts li .entry-meta-date a:hover,
.bottom-bar-wrapper .widget-posts li .entry-post-title a:hover {
color: #0077ed;
}
.bottom-bar-wrapper .widget-posts li:last-child {
border-bottom-color: rgba(238, 238, 238, 0.2);
}
.bottom-bar-wrapper .woocommerce ul.product_list_widget li a {
color: #cccccc;
}
.bottom-bar-wrapper .woocommerce ul.product_list_widget li a:hover {
color: #0077ed;
}
.bottom-bar-wrapper .widget_mc4wp_form_widget {
background: transparent;
}
.bottom-bar-wrapper .widget_meta li li > a,
.bottom-bar-wrapper .widget_archive li li > a,
.bottom-bar-wrapper .widget_categories li li > a,
.bottom-bar-wrapper .widget_nav_menu li li > a,
.bottom-bar-wrapper .widget_pages li li > a,
.bottom-bar-wrapper .widget_product_categories li li > a,
.bottom-bar-wrapper .widget_recent_entries li li > a {
padding-left: 40px;
}
.bottom-bar-wrapper .widget_meta li li li > a,
.bottom-bar-wrapper .widget_archive li li li > a,
.bottom-bar-wrapper .widget_categories li li li > a,
.bottom-bar-wrapper .widget_nav_menu li li li > a,
.bottom-bar-wrapper .widget_pages li li li > a,
.bottom-bar-wrapper .widget_product_categories li li li > a,
.bottom-bar-wrapper .widget_recent_entries li li li > a {
padding-left: 60px;
}
.bottom-bar-wrapper .widget_meta li li li li > a,
.bottom-bar-wrapper .widget_archive li li li li > a,
.bottom-bar-wrapper .widget_categories li li li li > a,
.bottom-bar-wrapper .widget_nav_menu li li li li > a,
.bottom-bar-wrapper .widget_pages li li li li > a,
.bottom-bar-wrapper .widget_product_categories li li li li > a,
.bottom-bar-wrapper .widget_recent_entries li li li li > a {
padding-left: 80px;
}
.bottom-bar-wrapper .widget_price_filter .price_label span {
color: #cccccc;
}
.bottom-bar-inner {
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
}
@media only screen and (min-width: 992px) {
footer.enable-parallax {
position: fixed !important;
bottom: 0;
left: 0;
z-index: -1;
right: 0;
margin: auto;
width: 100%;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
}
footer.enable-parallax.static {
position: static !important;
}
body.boxed footer.enable-parallax {
max-width: 1210px;
}
}
@media only screen and (max-width: 991px) {
.bottom-bar-left,
.bottom-bar-right {
text-align: center;
}
.bottom-bar-left {
margin-bottom: 10px;
}
footer.main-footer-wrapper .col-sm-6:nth-child(2n+1) {
clear: both;
}
}
@media (max-width: 767px) {
footer.footer-collapse-able .widget-title {
margin-bottom: 0;
cursor: pointer;
}
footer.footer-collapse-able .widget-title:after {
content: '+';
float: right;
}
footer.footer-collapse-able .widget-title.title-expanded:after {
content: '-';
}
footer.footer-collapse-able .widget-title + div,
footer.footer-collapse-able .widget-title + ul {
padding-top: 20px;
margin: 0;
}
footer.footer-collapse-able .main-footer .sidebar {
margin-bottom: 0;
}
footer.footer-collapse-able .main-footer .sidebar + .sidebar {
margin-top: 20px;
}
.sidebar .two-col ul > li {
width: auto;
float: none;
}
}
/**
* 6.0 - Blog
* ----------------------------------------------------------------------------
*/
/*Archive*/
.entry-post-title {
font-size: 28px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0;
}
.entry-post-title a {
color: #1f1f1f;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.entry-post-title a:hover {
color: #0077ed;
}
.entry-content-wrap {
background-color: #fff;
}
.entry-post-meta div {
display: inline-block;
margin-right: 12px;
font-size: 13px;
font-style: italic;
line-height: 1.6;
color: #666;
}
.entry-post-meta div:last-child {
margin-right: 0;
}
.entry-post-meta div a {
color: #666;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.entry-post-meta div a:hover {
color: #0077ed;
}
.entry-post-meta div i {
margin-right: 6px;
color: #0077ed;
font-size: 16px;
}
.entry-post-meta div:not(:last-child):after {
display: inline-block;
content: '';
width: 2px;
height: 20px;
margin-left: 20px;
background: #ddd;
vertical-align: middle;
}
.entry-date-wrap {
position: relative;
float: left;
margin-right: 32px;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #eeeeee;
text-align: center;
}
.entry-date-wrap .entry-date {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-date-wrap .entry-date span {
display: block;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
color: #0077ed;
}
.entry-title-and-meta {
overflow: hidden;
}
.entry-content .page-link {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-family: 'Montserrat';
background-color: #eeeeee;
margin: 0 5px;
color: #212121;
font-size: 14px;
font-weight: 400;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.entry-content .page-link.current,
.entry-content .page-link:hover,
.entry-content .page-link:focus {
background-color: #0077ed;
color: #fff;
}
.entry-content .page-link i {
font-size: 24px;
}
.entry-content .post-password-form input {
height: 52px;
margin-bottom: 0;
vertical-align: middle;
}
.entry-content blockquote {
position: relative;
padding: 0 35px 0 55px;
margin-bottom: 10px;
border: none;
}
.entry-content blockquote:before {
content: '';
width: 30px;
height: 1px;
background-color: #ddd;
position: absolute;
left: 0;
top: 50%;
}
.entry-content blockquote p {
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.6;
color: #111;
}
.entry-content blockquote.background {
background-color: #f5f5f5;
padding-top: 15px;
padding-bottom: 15px;
}
.entry-content blockquote.background p {
font-weight: 600;
}
.entry-content blockquote.background:before {
background-color: #222;
}
article.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-large-image,
.grid-post-item.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-large-image,
article.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-full,
.grid-post-item.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-full {
height: 106px;
padding: 0;
}
article.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-medium-image,
.grid-post-item.format-audio .embed-responsive.embed-responsive-16by9.embed-responsive-medium-image {
padding-bottom: 76.216216%;
}
article.format-audio iframe,
.grid-post-item.format-audio iframe {
height: 106px;
}
article.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-large-image,
.grid-post-item.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-large-image,
article.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-full,
.grid-post-item.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-full {
padding-bottom: 56.239316%;
}
article.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-medium-image,
.grid-post-item.format-video .embed-responsive.embed-responsive-16by9.embed-responsive-medium-image {
padding-bottom: 76.216216%;
}
article.format-video .entry-thumb-wrap a.zoomGallery i,
.grid-post-item.format-video .entry-thumb-wrap a.zoomGallery i {
opacity: 1 !important;
font-size: 30px;
width: 100px;
height: 100px;
line-height: 105px !important;
background-color: transparent;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
article.format-video .entry-thumb-wrap a.zoomGallery i:before,
.grid-post-item.format-video .entry-thumb-wrap a.zoomGallery i:before {
margin-left: 4px;
}
article.format-video .entry-thumb-wrap a.zoomGallery i:hover:hover,
.grid-post-item.format-video .entry-thumb-wrap a.zoomGallery i:hover:hover {
background: #0077ed;
-webkit-box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
color: #fff !important;
}
article.format-link .entry-quote-content,
.grid-post-item.format-link .entry-quote-content {
border: none;
margin-bottom: 0;
padding: 60px 30px;
}
article.format-link .entry-quote-content:before,
.grid-post-item.format-link .entry-quote-content:before {
display: none;
}
article.format-link .entry-quote-content a,
.grid-post-item.format-link .entry-quote-content a {
position: relative;
font-family: 'Montserrat';
z-index: 1;
font-size: 18px;
font-weight: 500;
color: #fff;
font-style: italic;
line-height: 1.2;
margin-bottom: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
article.format-quote .entry-quote-content,
.grid-post-item.format-quote .entry-quote-content {
border: none;
margin-bottom: 0;
padding: 60px 30px;
font-family: 'Montserrat';
}
article.format-quote .entry-quote-content p,
.grid-post-item.format-quote .entry-quote-content p {
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 1.2;
margin-bottom: 5px;
}
article.format-quote .entry-quote-content a,
.grid-post-item.format-quote .entry-quote-content a {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
color: #d6d6d6;
letter-spacing: 0.12em;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
article.format-quote .entry-quote-content a:hover,
.grid-post-item.format-quote .entry-quote-content a:hover {
color: #fff;
}
article.sticky .entry-content-wrap,
.grid-post-item.sticky .entry-content-wrap {
background-color: #f8f8f8;
}
article.format-quote .entry-quote-content i,
.grid-post-item.format-quote .entry-quote-content i,
article.format-link .entry-quote-content i,
.grid-post-item.format-link .entry-quote-content i {
display: block;
width: 50px;
height: 50px;
background: #fff;
color: #0077ed;
line-height: 50px;
border-radius: 100%;
margin-bottom: 15px;
font-size: 24px;
}
article.format-quote > .entry-thumb-wrap:not(.quote):before,
.grid-post-item.format-quote > .entry-thumb-wrap:not(.quote):before,
article.format-link > .entry-thumb-wrap:not(.quote):before,
.grid-post-item.format-link > .entry-thumb-wrap:not(.quote):before {
content: '';
display: inline-block;
padding-bottom: 76.216216%;
}
article.format-quote > .large-image:not(.quote):before,
.grid-post-item.format-quote > .large-image:not(.quote):before,
article.format-link > .large-image:not(.quote):before,
.grid-post-item.format-link > .large-image:not(.quote):before,
article.format-quote > .full:not(.quote):before,
.grid-post-item.format-quote > .full:not(.quote):before,
article.format-link > .full:not(.quote):before,
.grid-post-item.format-link > .full:not(.quote):before {
padding-bottom: 0;
}
article + .comments-area,
.grid-post-item + .comments-area,
article + .author-info,
.grid-post-item + .author-info {
margin-top: 80px;
}
.entry-thumbnail-quote {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
}
.entry-quote-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0077ed;
}
.entry-quote-content.has-thumb {
background-color: rgba(0, 0, 0, 0.7);
}
.entry-quote-content.has-thumb a:hover {
color: #0077ed;
}
.entry-quote-content .block-center {
display: table !important;
}
.entry-quote-content .block-center-inner {
display: table-cell !important;
}
.entry-thumb-wrap {
position: relative;
text-align: center;
font-size: 0;
}
.entry-thumb-wrap.quote .entry-quote-content {
position: relative;
}
.entry-thumb-wrap img {
max-width: 100%;
}
.entry-thumb-wrap .entry-thumbnail {
position: relative;
display: inline-block;
font-size: initial;
}
.entry-thumb-wrap .entry-thumbnail:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
opacity: 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;
}
.entry-thumb-wrap a.zoomGallery i {
height: 38px;
width: 38px;
text-align: center;
line-height: 36px;
color: #fff;
border: 1px solid #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 2;
opacity: 0;
}
.entry-thumb-wrap a.zoomGallery i:hover {
border-color: #0077ed !important;
color: #0077ed !important;
}
.entry-thumb-wrap:hover a.zoomGallery i,
.entry-thumb-wrap:hover .entry-thumbnail:before {
opacity: 1;
}
.entry-thumb-wrap .owl-nav {
margin-top: 0;
}
.entry-thumb-wrap .owl-nav i {
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.entry-thumb-wrap .owl-nav div.owl-prev,
.entry-thumb-wrap .owl-nav div.owl-next {
position: absolute;
top: 50%;
bottom: inherit !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.entry-thumb-wrap .owl-nav div.owl-next {
right: 20px;
-webkit-transform: translate(100%, -50%);
-moz-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.entry-thumb-wrap .owl-nav div.owl-prev {
left: 20px;
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.entry-thumb-wrap .owl-dots {
display: none;
}
.entry-thumb-wrap:hover .owl-nav div.owl-prev,
.entry-thumb-wrap:hover .owl-nav div.owl-next {
opacity: 1;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.blog-load-more,
.blog-read-more {
font-family: 'Montserrat';
font-size: 13px;
color: #fff;
font-weight: 600;
letter-spacing: 0.12em;
}
.entry-excerpt {
clear: both;
line-height: 1.8;
}
.entry-excerpt p {
margin-bottom: 0;
}
/*Archive Large Image*/
.post-large-image {
margin-bottom: 50px;
}
.post-large-image .entry-post-title {
margin-bottom: 7px;
text-transform: uppercase;
}
.post-large-image .entry-content-wrap {
padding: 43px 40px 40px;
border: 1px solid #eeeeee;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.post-large-image .entry-info-post {
margin-bottom: 36px;
}
.post-large-image .entry-excerpt {
margin-bottom: 25px;
}
.post-large-image .blog-read-more {
padding: 16.6px 40px !important;
background-color: transparent;
border: 2px solid #0077ed;
color: #0077ed;
}
.post-large-image .blog-read-more:hover {
background-color: #0077ed;
color: #fff;
}
.post-large-image:last-child {
margin-bottom: 30px;
}
.post-large-image:hover .entry-content-wrap {
-webkit-box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
}
/*Archive Grid*/
.post-grid {
margin-bottom: 30px;
font-size: initial !important;
}
.post-grid.format-quote .entry-quote-content,
.post-grid.format-link .entry-quote-content {
padding: 30px;
}
.post-grid .entry-thumbnail {
width: 100%;
}
.post-grid .entry-thumbnail img {
width: 100%;
}
.post-grid iframe {
height: 100% !important;
}
.post-grid .entry-post-title {
margin-bottom: 17px;
text-transform: capitalize !important;
}
.post-grid .entry-content-wrap {
padding: 30px !important;
-webkit-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
-moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
}
.post-grid .entry-post-meta {
margin-bottom: 17px;
}
.post-grid .entry-excerpt {
margin-bottom: 17px;
max-height: 5.4em;
overflow: hidden;
}
.post-grid iframe {
height: 100% !important;
}
.post-grid .blog-read-more {
position: relative;
display: inline-block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.8;
color: #0077ed;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.post-grid .blog-read-more:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #0077ed;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.post-grid .blog-read-more:hover {
color: #1f1f1f;
}
.post-grid .blog-read-more:hover:after {
opacity: 0;
}
.social-share-list {
display: inline-block;
}
.social-share-list a {
color: #222;
}
.social-share-list a + a {
margin-left: 16px;
}
/*Single*/
.single-blog-inner .entry-post-title {
margin-bottom: 7px;
text-transform: uppercase;
}
.single-blog-inner .entry-content-wrap {
padding: 43px 40px 40px;
border: 1px solid #eeeeee;
-webkit-box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
box-shadow: 0 5px 15px rgba(153, 153, 153, 0.2);
}
.single-blog-inner .entry-info-post {
margin-bottom: 36px;
}
.single-blog-inner .entry-content p a {
display: block;
color: #1f1f1f;
font-style: italic;
}
.single-blog-inner .entry-content p a:hover {
color: #0077ed;
}
.single-blog-inner .entry-content p {
margin-bottom: 25px;
}
.single-blog-inner .entry-content p:last-child {
margin-bottom: 0;
}
.single-blog-inner .entry-meta-tag-and-share-wrap {
padding: 30px 0 25px;
display: table;
}
.single-blog-inner .entry-meta-tag-and-share-wrap span {
display: inline-block;
font-family: 'Montserrat';
margin-right: 10px;
font-size: 12px;
font-weight: 600;
color: #1f1f1f;
line-height: 1.2;
}
.single-blog-inner .entry-meta-tag-and-share-wrap .entry-meta-tag {
display: table-cell;
width: 100%;
}
.single-blog-inner .entry-meta-tag-and-share-wrap .entry-meta-tag a {
font-size: 14px;
color: #858585;
}
.single-blog-inner .entry-meta-tag-and-share-wrap .entry-meta-tag a:not(:last-child):after {
content: ', ';
}
.single-blog-inner .entry-meta-tag-and-share-wrap .social-share {
display: table-cell;
vertical-align: top;
white-space: nowrap;
}
.single-blog-inner .entry-meta-tag-and-share-wrap a {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.single-blog-inner .entry-meta-tag-and-share-wrap a:hover {
color: #0077ed !important;
}
.single-blog-inner .author-info {
padding: 45px 40px 50px;
background-color: #f7f7f7;
}
.single-blog-inner .author-info .author-avatar {
position: relative;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 25px;
margin-top: 10px;
background-color: #fff;
box-shadow: 0 6px 18px rgba(153, 153, 153, 0.2);
}
.single-blog-inner .author-info .author-avatar img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 49px;
height: 49px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.single-blog-inner .author-info .author-description {
overflow: hidden;
}
.single-blog-inner .author-info .author-description .author-title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.2;
margin-bottom: 15px;
}
.single-blog-inner .author-info .author-description .author-title a {
color: #111;
}
.single-blog-inner .author-info .author-description .author-title a:hover {
color: #0077ed;
}
.single-blog-inner .author-info .author-description .author-bio {
line-height: 1.8;
margin-bottom: 10px;
}
.single-blog-inner .author-info .author-social-profile {
padding: 0;
margin: 0;
list-style: none;
}
.single-blog-inner .author-info .author-social-profile li {
display: inline-block;
margin-right: 16px;
}
.single-blog-inner .author-info .author-social-profile li a i {
color: #333;
}
.single-blog-inner .author-info .author-social-profile li a:hover i {
color: #0077ed;
}
.single-blog-inner .author-info .author-social-profile li:last-child {
margin-right: 0;
}
.single-blog-inner .post-navigation {
position: relative;
padding: 38px 0;
}
.single-blog-inner .post-navigation .nav-previous {
width: 50%;
float: left;
text-align: left;
}
.single-blog-inner .post-navigation .nav-next {
width: 50%;
float: right;
text-align: right;
}
.single-blog-inner .post-navigation .post-navigation-content i {
display: inline-block;
font-size: 20px;
vertical-align: middle;
color: #222;
}
.single-blog-inner .post-navigation .post-navigation-content .post-navigation-label {
font-family: 'Montserrat';
font-weight: 600;
color: #111;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.single-blog-inner .post-navigation .post-navigation-content:hover .post-navigation-label,
.single-blog-inner .post-navigation .post-navigation-content:hover i {
color: #0077ed;
}
.single-blog-inner .post-navigation a {
display: block;
}
.single-blog-inner .entry-meta-tag-and-share-wrap + .post-navigation {
border-top: 1px solid #eeeeee;
}
.single-blog-inner .post-related-wrap .entry-content-wrap {
padding: 30px;
}
.single-blog-inner .post-related-wrap .entry-post-meta {
margin-bottom: 0;
}
.single-blog-inner .post-related-wrap article {
margin-bottom: 20px;
}
.single-blog-inner .post-related-wrap article .owl-nav {
display: none;
}
.single-blog-inner .post-related-wrap article .owl-dots {
display: block;
margin-top: 0 !important;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
.single-blog-inner .post-related-wrap article .owl-dots > div {
background-color: #fff;
margin-left: 5px;
margin-right: 5px;
height: 13px;
width: 13px;
}
.single-blog-inner .post-related-wrap article .owl-dots > div.active,
.single-blog-inner .post-related-wrap article .owl-dots > div:hover {
background-color: #0077ed !important;
border-color: #0077ed !important;
width: 13px !important;
height: 13px !important;
}
.single-blog-inner .post-related-wrap .owl-nav {
position: absolute;
top: -70px;
right: 0;
margin-top: 0;
}
.single-blog-inner .post-related-wrap .owl-nav > div.owl-prev,
.single-blog-inner .post-related-wrap .owl-nav > div.owl-next {
position: absolute;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.single-blog-inner .post-related-wrap .owl-nav > div.owl-prev i,
.single-blog-inner .post-related-wrap .owl-nav > div.owl-next i {
font-size: 48px;
}
.single-blog-inner .post-related-wrap .owl-nav > div.owl-prev {
right: 45px;
left: inherit;
}
.single-blog-inner .post-related-wrap .owl-nav > div.owl-next {
right: 0;
}
h4.blog-line-title {
margin-bottom: 30px;
font-size: 15px;
font-weight: 600;
color: #111;
letter-spacing: 0.12em;
line-height: 1.2;
}
.comments-area {
padding: 70px 50px 67px;
background-color: #f7f7f7;
}
.comments-area ol {
list-style: none;
}
.comments-area .comments-list {
margin-bottom: 45px;
}
.comments-area .comment-list {
padding: 0;
list-style: none;
margin-bottom: 0;
}
.comments-area .comment-list > li:first-child {
border-top: none;
}
.comments-area .comment-list > li:first-child > ol.children {
margin-top: 30px;
}
.comments-area .comment-avatar {
float: left;
position: relative;
margin-right: 32px;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
background: #fff;
box-shadow: 0 6px 18px rgba(153, 153, 153, 0.2);
}
.comments-area img.avatar {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: auto;
border: 2px solid #ddd;
}
.comments-area .comment-text {
overflow: hidden;
}
.comments-area .comment-text .text p {
color: #858585;
}
.comments-area .comment-author {
display: inline-block;
}
.comments-area .author-name {
font-family: 'Montserrat';
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.2;
color: #111;
margin-bottom: 10px;
}
.comments-area .comment-date {
font-size: 13px;
line-height: 1.6;
margin-bottom: 13px;
font-style: italic;
color: #666;
}
.comments-area .comment-date i {
margin-left: 1px;
margin-right: 7px;
font-size: 16px;
color: #0077ed;
}
.comments-area .comment-meta {
float: right;
font-size: 14px;
text-align: right;
}
.comments-area .comment-meta .comment-reply-link,
.comments-area .comment-meta .comment-edit-link {
padding-right: 15px;
padding-left: 15px;
line-height: 16px;
}
.comments-area .comment-meta .comment-reply-link i,
.comments-area .comment-meta .comment-edit-link i {
display: none;
margin-left: 6px;
cursor: pointer;
}
.comments-area .comment-meta .comment-edit-link + .comment-reply-link {
border-left: 1px solid #fff;
}
.comments-area .comment-meta .comment-reply-link {
color: #0077ed;
}
.comments-area .comment-meta a {
color: #1f1f1f;
}
.comments-area .comment-meta a:hover {
color: #0077ed;
}
.comments-area li.comment {
border-top: 1px solid #fff;
}
.comments-area li.comment:last-child {
margin-bottom: 0;
border-bottom: 1px solid #ddd;
}
.comments-area ol:not(.children) > li {
padding-bottom: 40px;
padding-top: 30px;
}
.comments-area ol.children {
padding-left: 100px;
border-top: 1px solid #fff;
margin-top: 40px;
}
.comments-area ol.children li {
border-top: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.comments-area ol.children li + li {
border-top: 1px solid #fff;
}
.comments-area ol.children li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.comments-area .comment-form p.form-submit {
margin-bottom: 0;
}
.comments-area .comment-form .form-group {
margin-bottom: 15px;
}
.comments-area .comment-form .form-group {
width: 50%;
float: left;
}
.comments-area .comment-form .form-group:nth-child(2n+1) {
padding-right: 5px;
}
.comments-area .comment-form .form-group:nth-child(2n) {
padding-left: 5px;
}
.comments-area .comment-form input[type='text'],
.comments-area .comment-form input[type='email'],
.comments-area .comment-form textarea {
font-size: 14px;
width: 100%;
max-width: 100%;
vertical-align: middle;
height: 50px;
letter-spacing: 0.02em;
line-height: 1.8;
border-color: #ddd;
background-color: #fff;
}
.comments-area .comment-form textarea {
width: 100% !important;
height: 136px;
padding-top: 10px;
}
.comments-area .comment-form button {
font-family: 'Montserrat';
font-size: 13px;
padding: 16.5px 30px;
}
.comment-body + .comment-respond {
margin-top: 45px;
}
article.blog-skin-01,
article.blog-skin-02 {
-webkit-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
-moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
}
article.blog-skin-01 .hover-outer .icon-groups a,
article.blog-skin-02 .hover-outer .icon-groups a {
height: 38px;
width: 38px;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
article.blog-skin-01 .entry-content-wrap,
article.blog-skin-02 .entry-content-wrap {
padding-top: 22px !important;
}
article.blog-skin-01 .entry-excerpt,
article.blog-skin-02 .entry-excerpt {
font-size: 14px;
}
.blog-skin-02 {
margin-bottom: 20px;
-webkit-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
-moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2) !important;
}
.blog-skin-02 .post-item-wrap {
position: relative;
}
.blog-skin-02 .entry-post-title {
letter-spacing: 0.05em !important;
}
.blog-skin-02 .entry-excerpt {
margin-bottom: 58px;
}
.blog-skin-02 .entry-excerpt p {
line-height: 1.8;
letter-spacing: 0.02em;
}
.blog-skin-02 .entry-post-meta {
margin-bottom: 0;
}
.blog-skin-02 .entry-post-meta > div {
font-size: 14px;
font-style: normal;
letter-spacing: 0.02em;
}
.blog-skin-02 .entry-post-meta > div i {
font-size: 20px;
vertical-align: middle;
}
.blog-skin-02 .entry-post-meta > div:after {
display: none;
}
.blog-skin-02 .entry-post-meta .entry-meta-count-view {
float: right;
text-align: right;
}
.blog-skin-02 .entry-thumb-wrap .owl-nav {
display: none;
}
.blog-skin-02 .entry-thumb-wrap .owl-dots {
display: block;
margin-top: 0 !important;
position: absolute;
bottom: 5px;
left: 0;
right: 0;
}
.blog-skin-02 .entry-thumb-wrap .owl-dots > div {
height: 13px;
width: 13px;
margin: 0 4px;
}
@media (max-width: 479px) {
.blog-skin-02 .entry-post-meta .entry-meta-count-view {
float: none;
text-align: left;
}
}
@media (max-width: 320px) {
.blog-skin-02 .entry-thumb-wrap {
width: 100%;
}
}
@media (max-width: 768px) {
.comments-area .comment-avatar {
width: 80px;
height: 80px;
margin-right: 15px;
}
.comments-area ol.children {
padding-left: 40px;
}
}
@media (max-width: 600px) {
.entry-post-title {
font-size: 18px;
}
.comments-area .comment-avatar {
width: 70px;
height: 70px;
}
.comments-area ol.children {
padding-left: 20px;
}
.comments-area .comment-meta span {
display: none;
}
.comments-area .comment-meta i {
display: inline-block !important;
margin: 0;
}
.comments-area .comment-meta a {
padding: 0 10px;
}
}
@media (max-width: 479px) {
.entry-date-wrap {
display: none;
}
.entry-post-meta div {
display: block;
}
.entry-post-meta div:after {
display: none !important;
}
.post-large-image .entry-content-wrap {
padding: 30px;
}
.post-large-image .blog-read-more {
padding: 14px 25px !important;
}
.single-blog-inner .entry-content-wrap {
padding: 30px;
}
.single-blog-inner .entry-meta-tag-and-share-wrap {
display: block;
}
.single-blog-inner .entry-meta-tag-and-share-wrap .entry-meta-tag,
.single-blog-inner .entry-meta-tag-and-share-wrap .social-share {
display: block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.single-blog-inner .entry-meta-tag-and-share-wrap .social-share {
padding-left: 0;
}
.single-blog-inner .author-info {
padding: 30px;
}
.single-blog-inner .author-info .author-avatar {
float: none;
margin: auto;
margin-bottom: 20px;
}
.comments-area {
padding-left: 30px;
padding-right: 30px;
}
.comments-area .comment-author-meta {
margin-bottom: 0;
}
.comments-area .comment-meta {
display: block;
float: none;
text-align: left;
}
.comments-area .comment-meta a {
padding-left: 0 !important;
}
.comments-area .comment-meta a + a {
padding-left: 10px !important;
}
.comments-area .comment-avatar {
width: 50px;
height: 50px;
margin-right: 10px;
}
.comments-area .comment-form .form-group {
width: 100%;
padding: 0 !important;
}
.comments-area .comment-form button {
width: 100%;
}
}
@media (max-width: 320px) {
.comments-area .comment-avatar {
float: none;
margin-right: 0;
margin-bottom: 10px;
}
}
.sl-wrapper {
position: relative;
}
.sl-wrapper #sl-loader {
position: absolute;
bottom: 20px;
right: 0;
}
/**
* 8.0 - ShortCode
* ----------------------------------------------------------------------------
*/
/**
* Button
* ----------------------------------------------------------------------------
*/
.g5plus-btn-container {
display: block;
max-width: 100%;
}
.g5plus-btn-container.btn-inline {
display: inline-block;
vertical-align: bottom;
}
.g5plus-btn-container.btn-right {
text-align: right;
}
.g5plus-btn-container.btn-center {
text-align: center;
}
.g5plus-btn-container.btn-left {
text-align: left;
}
.btn,
button,
input[type="submit"] {
display: inline-block;
font-size: 13px;
letter-spacing: 0.12em;
font-weight: 600;
line-height: 1em;
padding: 16.5px 35px;
background-color: #0077ed;
background-clip: border-box;
border: solid 2px transparent;
text-transform: uppercase;
color: #fff;
-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;
}
.btn.active,
button.active,
input[type="submit"].active,
.btn:focus,
button:focus,
input[type="submit"]:focus,
.btn:hover,
button:hover,
input[type="submit"]:hover {
color: #0077ed;
background-color: transparent;
border-color: #0077ed;
outline: none;
}
.btn.btn-block {
display: block;
width: 100%;
}
.btn.btn-style-outline {
background-color: transparent;
color: #0077ed;
border-color: #0077ed;
}
.btn.btn-style-outline.active,
.btn.btn-style-outline:hover,
.btn.btn-style-outline:focus {
background-color: #0077ed;
}
.btn.btn-shape-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn.btn-shape-round {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.btn.disabled,
.btn[disabled],
button[disabled] {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: .65;
}
.btn-icon {
position: relative;
}
.btn-icon i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: top;
}
.btn-icon-left {
padding-left: 53px;
}
.btn-icon-left i {
left: 25px;
}
.btn-icon-right {
padding-right: 53px;
}
.btn-icon-right i {
right: 25px;
}
.btn.btn-size-xs {
padding: 12.5px 21px;
}
.btn.btn-size-xs.btn-shape-round {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
}
.btn.btn-size-xs.btn-icon-left {
padding-left: 48px;
}
.btn.btn-size-xs.btn-icon-right {
padding-right: 48px;
}
.btn.btn-size-sm {
padding: 14.5px 24px;
}
.btn.btn-size-sm.btn-shape-round {
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
}
.btn.btn-size-sm.btn-icon-left {
padding-left: 49px;
}
.btn.btn-size-sm.btn-icon-right {
padding-right: 49px;
}
.btn.btn-size-lg {
padding: 17px 30px;
font-size: 16px;
}
.btn.btn-size-lg.btn-shape-round {
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}
.btn.btn-size-lg.btn-icon-left {
padding-left: 56px;
}
.btn.btn-size-lg.btn-icon-right {
padding-right: 56px;
}
.btn.btn-color-accent {
background-color: #0077ed;
}
.btn.btn-color-accent.active,
.btn.btn-color-accent:focus,
.btn.btn-color-accent:hover {
background-color: transparent;
color: #0077ed;
border-color: #0077ed;
}
.btn.btn-color-accent.btn-style-outline {
background-color: transparent;
color: #0077ed;
border-color: #0077ed;
}
.btn.btn-color-accent.btn-style-outline.active,
.btn.btn-color-accent.btn-style-outline:focus,
.btn.btn-color-accent.btn-style-outline:hover {
background-color: #0077ed;
color: #fff;
}
.btn.btn-color-accent.btn.btn-style-shadow {
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
.btn.btn-color-gray {
background-color: #808080;
}
.btn.btn-color-gray.active,
.btn.btn-color-gray:focus,
.btn.btn-color-gray:hover {
background-color: transparent;
color: #808080;
border-color: #808080;
}
.btn.btn-color-gray.btn-style-outline {
background-color: transparent;
border-color: #808080;
color: #808080;
}
.btn.btn-color-gray.btn-style-outline.active,
.btn.btn-color-gray.btn-style-outline:focus,
.btn.btn-color-gray.btn-style-outline:hover {
background-color: #808080;
border-color: transparent;
color: #fff;
}
.btn.btn-color-gray.btn.btn-style-shadow {
-webkit-box-shadow: 2px 7px 20px #808080;
-moz-box-shadow: 2px 7px 20px #808080;
box-shadow: 2px 7px 20px #808080;
}
.btn.btn-color-white {
background-color: #fff;
color: #0077ed;
}
.btn.btn-color-white.active,
.btn.btn-color-white:focus,
.btn.btn-color-white:hover {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.btn.btn-color-white.btn-style-outline {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.btn.btn-color-white.btn-style-outline.active,
.btn.btn-color-white.btn-style-outline:focus,
.btn.btn-color-white.btn-style-outline:hover {
background-color: #fff;
color: #0077ed;
border-color: transparent;
}
.btn.btn-color-white.btn.btn-style-shadow {
-webkit-box-shadow: 2px 7px 20px #eeeeee;
-moz-box-shadow: 2px 7px 20px #eeeeee;
box-shadow: 2px 7px 20px #eeeeee;
}
.btn.btn-color-dark {
background-color: #000;
color: #fff;
}
.btn.btn-color-dark.active,
.btn.btn-color-dark:focus,
.btn.btn-color-dark:hover {
background-color: transparent;
border-color: #000;
color: #000;
}
.btn.btn-color-dark.btn-style-outline {
background-color: transparent;
color: #000;
border-color: #000;
}
.btn.btn-color-dark.btn-style-outline.active,
.btn.btn-color-dark.btn-style-outline:focus,
.btn.btn-color-dark.btn-style-outline:hover {
background-color: #000;
color: #fff;
border-color: transparent;
}
.btn.btn-color-dark.btn.btn-style-shadow {
-webkit-box-shadow: 2px 7px 20px #000000;
-moz-box-shadow: 2px 7px 20px #000000;
box-shadow: 2px 7px 20px #000000;
}
/*--------------Feature-box--------------*/
.g5plus-feature-box .g5plus-feature-box-content .feature-title .title .content-title {
color: #1f1f1f;
}
.g5plus-feature-box .g5plus-feature-box-content .feature-title .title .feature-title-icon {
color: #0077ed;
}
.g5plus-feature-box .g5plus-feature-box-content.content-hover {
border: 3px solid #0077ed;
}
.g5plus-feature-box .g5plus-feature-box-content.content-hover .feature-title .title .feature-title-icon:after {
border-right: 79px solid #0077ed;
}
.g5plus-feature-box .g5plus-feature-box-content.content-hover .feature-title .title .content-title:after {
background-color: #0077ed;
}
.g5plus-feature-box.layout_outline .g5plus-feature-box-content-wrap {
border: 1px solid #eeeeee;
}
/*--------------Heading -------------*/
.g5plus-heading .hd-light,
.g5plus-heading .cl-light {
color: #fff;
}
.g5plus-heading .cl-dark {
color: #aaa;
}
.g5plus-heading .has-line:after {
content: '';
display: block;
width: 65px;
height: 2px;
margin-top: 20px;
background: #0077ed;
}
.g5plus-heading .has-line.line-dark:after {
background: #1f1f1f !important;
}
.g5plus-heading .has-line.line-light:after {
background: #fff !important;
}
.g5plus-heading.text-center .has-line:after {
margin-right: auto;
margin-left: auto;
}
.g5plus-heading.text-right .has-line:after {
margin-left: auto;
}
.g5plus-heading span {
display: inline-block;
margin-bottom: 15px;
}
@media (max-width: 480px) {
.g5plus-heading h4 {
font-size: 30px;
}
.g5plus-heading .icon-image {
width: 70px;
}
.g5plus-heading .icon i:before {
font-size: 18px;
}
}
/*----------Banner-------------*/
.g5plus-banner h4.banner-title i {
color: #0077ed;
}
.g5plus-banner h4.banner-title:hover a {
color: #0077ed !important;
}
.g5plus-banner h4.banner-title:hover i {
background: #0077ed;
}
/*----------Maps------------*/
.gm-style-iw h6 {
color: #0077ed;
}
/*------------------Our Team----------------*/
.g5plus-our-team .ourteam-content a:hover {
color: #0077ed !important;
}
.g5plus-our-team.ourteam-circle .ourteam-content {
background-color: #0077ed;
}
.g5plus-our-team.ourteam-circle .ourteam-content .ourteam-name {
font-family: 'Josefin Sans';
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content .ourteam-name {
color: #1f1f1f;
}
.g5plus-our-team:hover.ourteam-square.two-columns .ourteam-content .ourteam-name a {
color: #1f1f1f;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content .ourteam-position {
color: #777777;
}
.g5plus-our-team:hover.ourteam-square.one-column .ourteam-content .ourteam-social a {
color: #777777;
}
/*-----------------Pricing-----------*/
.g5plus-pricing-tables {
/*Columns*/
/* Single Item */
}
.g5plus-pricing-tables.gf-pricing-col-4 .g5plus-pricing-item:last-child {
border-left: 1px solid #eeeeee;
}
.g5plus-pricing-tables .g5plus-pricing-item.full_package .pricing-item {
border: 1px solid #eeeeee;
}
.g5plus-pricing-tables .g5plus-pricing-item.full_package .pricing-des {
color: #777777;
}
.g5plus-pricing-tables .g5plus-pricing-item.layout_image {
border-right: 1px solid #eeeeee;
}
.g5plus-pricing-tables .g5plus-pricing-item.layout_text:hover .featured-style h5 span {
background-color: #0077ed;
}
.g5plus-pricing-tables .g5plus-pricing-item .pricing-name {
color: #1f1f1f;
}
.g5plus-pricing-tables .g5plus-pricing-item .price-value {
color: #1f1f1f;
}
.g5plus-pricing-tables .g5plus-pricing-item .pricing-features ul li strong {
color: #1f1f1f;
}
.g5plus-pricing-tables .owl-item + .owl-item .g5plus-pricing-item.layout_image {
border-right: 1px solid #eeeeee;
}
/*----------------Process------------*/
.g5plus-process .title,
.g5plus-process .title a {
color: #1f1f1f;
}
.g5plus-process .sub-title {
color: #777777;
}
.g5plus-process .desc {
color: #777777;
}
.g5plus-process.style-3 .process-content .title:before {
background: #0077ed;
}
.g5plus-process.style-3 .process-content .desc {
color: #777777;
}
.g5plus-process.style-4 .process-number {
font-family: 'Josefin Sans';
color: #0077ed;
}
.g5plus-process.style-5 .process-number {
color: #0077ed;
}
.g5plus-process.light-color .process-content a:hover {
color: #0077ed;
}
/*----------------Process Group------------------*/
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(2n+1) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(2n) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(3n+1) .pg-shape {
border-left: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(3n) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(4n+1) .pg-shape {
border-left: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(4n) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(5n+1) .pg-shape {
border-left: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(5n) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group .process-group-item:last-child .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group .process-group-item + .process-group-item .pg-shape {
border-left: 1px solid #eeeeee;
}
.g5plus-process-group .process-group-item .pg-shape {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
.g5plus-process-group .process-group-item:hover .pg-shape {
background-color: #0077ed;
}
@media (max-width: 991px) {
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n+1) .pg-shape {
border-left: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n) .pg-shape {
border-right: 1px solid #eeeeee;
}
}
@media (max-width: 767px) {
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(2n+1) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n+1) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(2n+1) .pg-shape {
border-right: 1px solid #eeeeee;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(2n) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(2n) .pg-shape {
border-right: 1px solid #eeeeee;
}
}
/*-------------Testimonials----------------*/
.g5plus-testimonials.testimonials-avatar-slider-vertical .testimonials-quoter-slider .test-item-content .quoter-icon {
font-family: 'Montserrat';
color: #0077ed;
}
.g5plus-testimonials.testimonials-avatar-slider-vertical .testimonials-quoter-slider .test-item-content p {
color: #777777;
}
.g5plus-testimonials.testimonials-avatar-slider-vertical .testimonials-quoter-slider .owl-nav > div i {
color: #0077ed;
}
.g5plus-testimonials.testimonials-avatar-slider-vertical .testimonials-quoter-slider .owl-nav > div:hover i {
background-color: #0077ed;
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
.g5plus-testimonials.testimonials-slider-box .testimonial-item {
border: 1px solid #eeeeee;
}
.g5plus-testimonials.testimonials-slider-full .testimonial-item .test-item-info h4:before,
.g5plus-testimonials.testimonials-slider-full .testimonial-item .test-item-info h4:after {
background-color: #1f1f1f;
}
.g5plus-testimonials.testimonials-light .testimonial-item .test-item-info h4 a:hover {
color: #0077ed;
}
/*-----------------Time Line------------*/
.g5plus-time-line li .time-line-thumb .icon:before {
border-right: 79px solid #0077ed;
}
.g5plus-time-line li .time-line-content:after {
background-color: #0077ed;
}
.g5plus-time-line li:hover .time-line-content:before {
-webkit-box-shadow: 0 0 10px 5px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 0 0 10px 5px rgba(0, 119, 237, 0.55);
box-shadow: 0 0 10px 5px rgba(0, 119, 237, 0.55);
}
/*------------g5plus-video------------*/
.g5plus-video {
cursor: pointer;
position: relative;
width: 100px;
height: 100px;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.g5plus-video a {
color: #fff;
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 50%;
padding-left: 5px;
transform: translateX(-50%);
}
.g5plus-video a:hover {
color: #fff;
}
.g5plus-video a i {
line-height: 100px;
}
.g5plus-video:after {
content: '';
top: 0;
left: 0;
padding: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
.g5plus-video.layout-background {
background-color: #0077ed;
-webkit-box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
box-shadow: 2px 6px 18px rgba(0, 119, 237, 0.55);
}
.g5plus-video.layout-outline {
border: 2px solid #fff;
}
.g5plus-video.size-small {
width: 80px;
height: 80px;
}
.g5plus-video.size-small a {
width: 80px;
height: 80px;
padding-left: 6px;
}
.g5plus-video.size-small a i {
line-height: 80px;
}
.g5plus-video:hover {
background: rgba(255, 255, 255, 0.05) !important;
border-color: transparent !important;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 2px 6px 18px transparent !important;
-moz-box-shadow: 2px 6px 18px transparent !important;
box-shadow: 2px 6px 18px transparent !important;
}
.g5plus-video:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
/* DropCaps */
.dc-classic.dc-scheme-accent p > .first-letter {
color: #0077ed;
}
.dc-outline.dc-scheme-accent p > .first-letter {
color: #0077ed;
border-color: #0077ed;
}
.dc-background.dc-scheme-accent p > .first-letter {
background-color: #0077ed;
}
.dc-background.dc-scheme-light p > .first-letter {
color: #0077ed;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
-webkit-transform: scale(1.5);
opacity: 0;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
-moz-transform: scale(1.5);
opacity: 0;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0077ed, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}
/*------------Navigation Full Page-----------*/
@media (min-width: 992px) {
.g5plus-nav-full-page.show-dots ul li a:before {
border-left-color: #0077ed;
}
.g5plus-nav-full-page.show-dots ul li a:after {
background: #0077ed;
}
.g5plus-nav-full-page.show-dots ul li:hover a,
.g5plus-nav-full-page.show-dots ul li.nav-current a {
-webkit-box-shadow: 0 0 0 2px #0077ed;
-moz-box-shadow: 0 0 0 2px #0077ed;
box-shadow: 0 0 0 2px #0077ed;
}
.g5plus-nav-full-page.show-dots ul li:hover a span,
.g5plus-nav-full-page.show-dots ul li.nav-current a span {
background: #0077ed;
}
}
/*------------Contact Form------------*/
.g5plus-contact-form input:not([type="submit"]),
.g5plus-contact-form textarea {
width: 100% !important;
height: 72px;
font-size: 16px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
font-weight: 400;
margin-bottom: 20px;
font-style: italic;
letter-spacing: 0.02em;
line-height: 1.8;
}
.g5plus-contact-form input:not([type="submit"]):focus,
.g5plus-contact-form textarea:focus {
border-color: #0077ed;
}
.g5plus-contact-form.column-2 .ct-left,
.g5plus-contact-form.column-2 .ct-right {
width: 50%;
float: left;
}
.g5plus-contact-form.column-2 .ct-left {
padding-right: 10px;
}
.g5plus-contact-form.column-2 .ct-right {
padding-left: 10px;
}
.g5plus-contact-form.column-2 textarea {
min-height: 256px;
max-width: 100%;
}
.g5plus-contact-form.column-2 .btn-submit input[type="submit"] {
width: 100%;
line-height: 68px;
padding: 0;
font-size: 13px;
letter-spacing: 0.18em;
font-weight: 600;
background-color: #fff;
border-color: #fff;
color: #0077ed;
}
.g5plus-contact-form.column-2 .btn-submit input[type="submit"]:hover {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
.g5plus-contact-form.column-3 {
font-size: 0;
}
.g5plus-contact-form.column-3 .ct-input {
display: inline-block;
width: 33.3%;
padding: 0 16px;
}
.g5plus-contact-form.column-3 input:not([type="submit"]),
.g5plus-contact-form.column-3 textarea {
padding-left: 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.g5plus-contact-form.column-3 input:not([type="submit"]):focus,
.g5plus-contact-form.column-3 textarea:focus {
border-color: #0077ed;
}
.g5plus-contact-form.column-3 span.your-message {
max-width: 600px;
margin: auto;
margin-bottom: 25px;
}
.g5plus-contact-form.column-3 textarea {
min-height: 52px;
margin-top: 35px;
}
.g5plus-contact-form.column-3 .btn-submit {
width: 50px;
height: 50px;
margin: auto;
}
.g5plus-contact-form.column-3 .btn-submit button {
padding: 0;
width: 50px;
height: 50px;
border-radius: 50%;
}
.g5plus-contact-form.column-3 .btn-submit i {
font-size: 16px;
}
.g5plus-contact-form.column-3.border-accent input:not([type="submit"]),
.g5plus-contact-form.column-3.border-accent textarea {
border-color: #0077ed !important;
}
.g5plus-contact-form span {
font-size: 14px;
font-weight: 400;
color: #777777;
}
.g5plus-contact-form img {
display: none;
}
.g5plus-contact-form span.wpcf7-form-control-wrap {
display: block;
}
.g5plus-contact-form span.wpcf7-not-valid-tip {
color: #0077ed;
font-size: 1em;
display: block;
position: absolute;
bottom: -15px;
transform: translateY(-50%);
}
.g5plus-contact-form.color-light ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(221, 221, 221, 0.8);
}
.g5plus-contact-form.color-light ::-moz-placeholder {
/* Firefox 19+ */
color: rgba(221, 221, 221, 0.8);
}
.g5plus-contact-form.color-light :-ms-input-placeholder {
/* IE 10+ */
color: rgba(221, 221, 221, 0.8);
}
.g5plus-contact-form.color-light :-moz-placeholder {
/* Firefox 18- */
color: rgba(221, 221, 221, 0.8);
}
.g5plus-contact-form.color-light input:not([type="submit"]),
.g5plus-contact-form.color-light textarea {
color: rgba(221, 221, 221, 0.8);
}
.g5plus-contact-form.color-dark ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #777;
}
.g5plus-contact-form.color-dark ::-moz-placeholder {
/* Firefox 19+ */
color: #777;
}
.g5plus-contact-form.color-dark :-ms-input-placeholder {
/* IE 10+ */
color: #777;
}
.g5plus-contact-form.color-dark :-moz-placeholder {
/* Firefox 18- */
color: #777;
}
.g5plus-contact-form.color-dark input:not([type="submit"]),
.g5plus-contact-form.color-dark textarea {
color: #777;
}
.g5plus-contact-form.bg-dark input:not([type="submit"]),
.g5plus-contact-form.bg-dark textarea {
min-height: 50px;
font-size: 14px;
background-color: #f7f7f7;
border: 1px solid transparent;
margin-bottom: 15px;
font-style: normal;
}
.g5plus-contact-form.bg-dark .column:nth-child(2n+1) {
padding-right: 10px;
}
.g5plus-contact-form.bg-dark .column:nth-child(2n) {
padding-left: 10px;
}
.g5plus-contact-form.bg-dark textarea {
min-height: 170px;
}
.g5plus-contact-form.bg-dark .btn-submit {
text-align: center;
}
.g5plus-contact-form.bg-dark .btn-submit input {
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
@media (max-width: 767px) {
.g5plus-contact-form.column-2 .ct-left,
.g5plus-contact-form.column-2 .ct-right {
width: 100%;
float: none;
padding: 0;
}
.g5plus-contact-form.column-3 {
padding: 0 15px;
}
.g5plus-contact-form.column-3 .ct-input {
width: 100%;
padding: 0;
}
.g5plus-contact-form.column-3 span.your-message {
max-width: 100%;
}
}
/*-------------Partner---------------*/
.g5plus-partner.partner-border .partner-item {
border: solid 1px #eeeeee;
}
.g5plus-partner.partner-border .partner-item:hover {
border-color: #0077ed;
}
/*------------Mailchimp-------------*/
.g5plus-mailchimp {
position: relative;
display: block;
max-width: 400px;
margin: auto;
}
.g5plus-mailchimp button {
position: absolute;
top: 5px;
right: 5px;
width: 50px;
height: 50px;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #0077ed;
color: #fff;
}
.g5plus-mailchimp button span {
display: none;
}
.g5plus-mailchimp button:hover {
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
.g5plus-mailchimp input[type="email"] {
display: inline-block;
width: 100%;
height: 60px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: none;
font-size: 15px;
letter-spacing: 0.02em;
font-style: italic;
padding-left: 30px;
padding-right: 75px;
text-align: center;
border: 1px solid;
color: #777;
border-color: #cccccc;
}
.mc4wp-alert {
margin-top: 15px;
text-align: center;
}
.color-light .g5plus-mailchimp ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #bbb;
}
.color-light .g5plus-mailchimp ::-moz-placeholder {
/* Firefox 19+ */
color: #bbb;
}
.color-light .g5plus-mailchimp :-ms-input-placeholder {
/* IE 10+ */
color: #bbb;
}
.color-light .g5plus-mailchimp :-moz-placeholder {
/* Firefox 18- */
color: #bbb;
}
.color-light .g5plus-mailchimp input[type="email"] {
color: #bbb;
border-color: rgba(204, 204, 204, 0.2);
}
.input-border-none input[type="email"] {
border-color: rgba(238, 238, 238, 0);
background: #fff;
}
@media (max-width: 480px) {
.g5plus-mailchimp {
width: 100%;
max-width: 100%;
}
}
.vc_icon_element.vc_icon_element-align-inline-block {
display: inline-block;
margin-bottom: 0;
}
.vc_icon_element.vc_icon_element-align-inline-block.vc_icon_element-have-style .vc_icon_element-inner {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_icon_element.vc_icon_element-align-inline-block.vc_icon_element-have-style .vc_icon_element-inner:hover {
background-color: #fff !important;
color: #0077ed !important;
}
.vc_icon_element.vc_icon_element-align-inline-block.vc_icon_element-have-style.hover-accent .vc_icon_element-inner:hover {
background-color: #0077ed !important;
color: #fff !important;
}
.vc_icon_element.vc_icon_element-align-inline-block:not(.vc_icon_element-have-style) .vc_icon_element-inner.vc_icon_element-size-xs {
width: 24px !important;
height: 24px !important;
}
.vc_icon_element.vc_icon_element-align-inline-block:not(.vc_icon_element-have-style) .vc_icon_element-inner.vc_icon_element-size-xs .vc_icon_element-icon:before {
font-size: 18px !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_icon_element.vc_icon_element-align-inline-block:not(.vc_icon_element-have-style) .vc_icon_element-inner:hover .vc_icon_element-icon:before {
color: #fff !important;
}
.vc_icon_element.vc_icon_element-align-inline-block:not(.vc_icon_element-have-style).hover-accent .vc_icon_element-inner .vc_icon_element-icon {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_icon_element.vc_icon_element-align-inline-block:not(.vc_icon_element-have-style).hover-accent .vc_icon_element-inner:hover .vc_icon_element-icon:before {
color: #0077ed !important;
}
/*---------Icon Box------------------*/
.g5plus-icon-box .icon i {
color: #0077ed;
}
.g5plus-icon-box.has-line h4:after {
background-color: #0077ed;
}
.g5plus-icon-box.background .icon:before,
.g5plus-icon-box.out-line .icon:before {
background-color: #0077ed;
}
.g5plus-icon-box.background .icon {
background-color: #eeeeee;
}
.g5plus-icon-box.out-line .icon {
border: 1px solid #0077ed;
}
.g5plus-icon-box.out-line .icon:before {
border: 1px solid #0077ed;
}
.g5plus-icon-box.out-line .icon i {
color: #0077ed;
}
.g5plus-icon-box.box_shadow_hover {
border: 1px solid #eeeeee;
}
.g5plus-icon-box:hover a {
color: #0077ed !important;
}
.g5plus-icon-box.text-light.background .icon i {
color: #0077ed;
}
.g5plus-icon-box.text-light:hover.out-line .icon i {
color: #0077ed;
}
/*Product*/
.g5plus-products-slider-single.woocommerce span.price span.amount {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.product_type_simple,
.g5plus-products-slider-single.woocommerce a.product_type_grouped,
.g5plus-products-slider-single.woocommerce a.add_to_cart_button,
.g5plus-products-slider-single.woocommerce a.added_to_cart {
border: 1px solid #0077ed;
background-color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.product_type_simple:hover,
.g5plus-products-slider-single.woocommerce a.product_type_grouped:hover,
.g5plus-products-slider-single.woocommerce a.add_to_cart_button:hover,
.g5plus-products-slider-single.woocommerce a.added_to_cart:hover {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist {
background-color: #0077ed;
border: 1px solid #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare:hover,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover,
.g5plus-products-slider-single.woocommerce .compare:active,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:active {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare:hover i,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover i,
.g5plus-products-slider-single.woocommerce .compare:active i,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:active i {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-add-button a:before,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a:before,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse a:before {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.compare:hover:before {
color: #0077ed;
}
.g5plus-products.woocommerce .owl-carousel .owl-dots .owl-dot.active {
border-color: #0077ed;
}
.g5plus-products-slider-single.woocommerce span.price span.amount {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.product_type_simple,
.g5plus-products-slider-single.woocommerce a.product_type_grouped,
.g5plus-products-slider-single.woocommerce a.add_to_cart_button,
.g5plus-products-slider-single.woocommerce a.added_to_cart {
border: 1px solid #0077ed;
background-color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.product_type_simple:hover,
.g5plus-products-slider-single.woocommerce a.product_type_grouped:hover,
.g5plus-products-slider-single.woocommerce a.add_to_cart_button:hover,
.g5plus-products-slider-single.woocommerce a.added_to_cart:hover {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist {
background-color: #0077ed;
border: 1px solid #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare:hover,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover,
.g5plus-products-slider-single.woocommerce .compare:active,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:active {
background-color: transparent;
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .compare:hover i,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover i,
.g5plus-products-slider-single.woocommerce .compare:active i,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:active i {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-add-button a:before,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a:before,
.g5plus-products-slider-single.woocommerce .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse a:before {
color: #0077ed;
}
.g5plus-products-slider-single.woocommerce a.compare:hover:before {
color: #0077ed;
}
/*------- Custom VC_Progress_Bar -------*/
.vc_progress_bar .progress-bar-title {
font-weight: 600;
letter-spacing: .15em;
line-height: 1.8;
}
.vc_progress_bar .vc_single_bar {
position: relative;
background-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-bottom: 35px;
}
.vc_progress_bar .vc_single_bar .vc_bar {
position: absolute;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 100%;
top: 0;
left: 0;
}
.vc_progress_bar .vc_single_bar .vc_label {
padding: 2px 10px 2px 10px;
line-height: 1.8;
font-weight: 600;
letter-spacing: .15em;
}
.vc_progress_bar .vc_single_bar .vc_label_units {
font-weight: 600;
line-height: 1.8;
letter-spacing: .15em;
display: inline-block;
}
.vc_progress_bar.prb_vl_move .progress-bar-title {
margin-bottom: 30px;
display: block;
}
.vc_progress_bar.prb_vl_move .vc_single_bar {
position: relative;
height: 16px;
box-shadow: none;
}
.vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar {
height: 16px;
}
.vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar .vc_label_units {
position: absolute;
right: -50px;
top: -32px;
background-color: #0077ed;
color: #fff;
width: 50px;
height: 25px;
font-weight: 600;
text-align: center;
}
.vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar .vc_label_units:before {
border-left: 0;
border-right: 7px solid transparent;
border-top: 7px solid #0077ed;
content: "";
left: 0;
position: absolute;
top: 25px;
}
.vc_progress_bar.prb_vl_right .progress-bar-title {
margin-bottom: 5px;
display: block;
}
.vc_progress_bar.prb_vl_right .vc_single_bar {
position: relative;
height: 16px;
box-shadow: none;
}
.vc_progress_bar.prb_vl_right .vc_single_bar .vc_bar {
height: 16px;
}
.vc_progress_bar.prb_vl_right .vc_single_bar .vc_label_units {
position: absolute;
right: 0;
bottom: -30px;
}
.vc_progress_bar.bg-dark .vc_single_bar {
background-color: #eeeeee;
}
/*------------Custom FAQ----------------*/
.vc_toggle {
margin: 0 0 5px;
}
.vc_toggle .vc_toggle_title {
padding-top: 15px;
padding-bottom: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_toggle .vc_toggle_title h4 {
font-size: 15px;
font-weight: 400 !important;
}
.vc_toggle .vc_toggle_title h1,
.vc_toggle .vc_toggle_title h2,
.vc_toggle .vc_toggle_title h3,
.vc_toggle .vc_toggle_title h4,
.vc_toggle .vc_toggle_title h5,
.vc_toggle .vc_toggle_title h6,
.vc_toggle .vc_toggle_title p,
.vc_toggle .vc_toggle_title div {
letter-spacing: 0.15em;
line-height: 1.8;
margin-left: 14px;
display: inline-block;
margin-bottom: 0;
}
.vc_toggle .vc_toggle_title .vc_toggle_icon {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_toggle .vc_toggle_content {
margin-top: 26px;
}
.vc_toggle .vc_toggle_content p {
font-size: 14px;
letter-spacing: .02em;
line-height: 1.8;
}
.vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after {
visibility: visible !important;
}
.vc_toggle.vc_toggle_round .vc_toggle_title,
.vc_toggle.vc_toggle_rounded .vc_toggle_title,
.vc_toggle.vc_toggle_square .vc_toggle_title,
.vc_toggle.vc_toggle_text_only .vc_toggle_title {
background-color: #f7f7f7;
border: 1px solid #eeeeee;
padding-left: 39px;
}
.vc_toggle.vc_toggle_round .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_rounded .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_square .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_text_only .vc_toggle_title .vc_toggle_icon {
left: 18px !important;
}
.vc_toggle.vc_toggle_round .vc_toggle_content,
.vc_toggle.vc_toggle_rounded .vc_toggle_content,
.vc_toggle.vc_toggle_square .vc_toggle_content,
.vc_toggle.vc_toggle_text_only .vc_toggle_content {
padding-left: 18px;
}
.vc_toggle.vc_toggle_round.vc_toggle_active .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_rounded.vc_toggle_active .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_square.vc_toggle_active .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_text_only.vc_toggle_active .vc_toggle_title .vc_toggle_icon {
background-color: #0077ed !important;
}
.vc_toggle.vc_toggle_text_only .vc_toggle_title {
background-color: #f7f7f7;
border: 1px solid #eeeeee;
padding-left: 0px;
}
.vc_toggle.vc_toggle_text_only .vc_toggle_content {
padding-left: 0px;
}
.vc_toggle.vc_toggle_round .vc_toggle_title {
border-radius: 28px;
}
.vc_toggle.vc_toggle_rounded .vc_toggle_title {
border-radius: 10px;
}
.vc_toggle.vc_toggle_arrow.vc_toggle_color_grey .vc_toggle_title .vc_toggle_icon:before,
.vc_toggle.vc_toggle_arrow.vc_toggle_color_grey .vc_toggle_title .vc_toggle_icon:after {
border-color: #999 !important;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_title {
background-color: #f7f7f7;
padding-right: 30px;
padding-left: 33px;
border: 1px solid #eeeeee;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_title:before {
content: '\f0f6';
font-family: Fontawesome;
font-size: 17px;
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: #0077ed;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_title .vc_toggle_icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 14px;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_title .vc_toggle_icon:before {
visibility: hidden !important;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_title .vc_toggle_icon:after {
visibility: visible !important;
}
.vc_toggle.vc_toggle_arrow .vc_toggle_content p {
margin-left: 18px;
}
.vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_title .vc_toggle_icon {
background-color: transparent !important;
}
.vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before {
visibility: visible !important;
}
.vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after {
visibility: hidden !important;
}
.vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before,
.vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after {
border-color: #0077ed !important;
}
.vc_toggle.vc_toggle_simple .vc_toggle_title,
.vc_toggle.vc_toggle_color_inverted .vc_toggle_title {
border: 2px solid #eeeeee;
position: relative;
padding-left: 60px;
padding-top: 12.5px;
padding-bottom: 12.5px;
background-color: transparent !important;
}
.vc_toggle.vc_toggle_simple .vc_toggle_title h4,
.vc_toggle.vc_toggle_color_inverted .vc_toggle_title h4 {
font-weight: 600 !important;
}
.vc_toggle.vc_toggle_simple .vc_toggle_title:before,
.vc_toggle.vc_toggle_color_inverted .vc_toggle_title:before {
content: '';
width: 60px;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
top: 0;
border-right: 2px solid #eeeeee;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_toggle.vc_toggle_simple .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon {
left: 18px !important;
}
.vc_toggle.vc_toggle_simple .vc_toggle_content,
.vc_toggle.vc_toggle_color_inverted .vc_toggle_content {
padding-left: 0;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_title,
.vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title {
border-color: #0077ed;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_title:before,
.vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title:before {
border-color: #0077ed;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_title .vc_toggle_icon,
.vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon {
border-color: #0077ed !important;
background-color: transparent !important;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before,
.vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before {
background-color: #0077ed !important;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after,
.vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after {
background-color: #0077ed !important;
}
.vc_toggle.vc_toggle_simple .vc_toggle_title .vc_toggle_icon {
left: 16px !important;
}
/*--------g5plus-lists-------*/
ul.g5plus-lists.g5plus-lists-round span {
border: 1px solid #eeeeee;
}
.g5plus-lists-color-accent:before {
background-color: #0077ed;
}
.g5plus-lists-color-accent span {
color: #0077ed;
}
/*Category-products-box*/
.g5plus-category-products-box {
border: 2px solid #eeeeee;
}
.g5plus-category-products-box h3.title-category-box {
border-bottom: 1px solid #eeeeee;
}
.g5plus-category-products-box h3.title-category-box span:before {
background: #0077ed;
}
.g5plus-category-products-box ul li a:before {
color: #0077ed;
}
.g5plus-category-products-box.img-top-content ul li + li {
border-top: 1px dashed #eeeeee;
}
/*Category products box*/
.g5plus-category-products-widget {
/*Shape Layout Box*/
}
.g5plus-category-products-widget.bg-color {
background-color: #0077ed;
}
.g5plus-category-products-widget.mixed-bd-bg h2 {
background-color: #0077ed;
}
/*Product list minimal*/
.g5plus-products-list-minimal .g5plus-listing-title h3 {
color: #1f1f1f;
}
.g5plus-products-list-minimal a.zoomGallery i {
color: #0077ed;
}
.g5plus-products-list-minimal a.zoomGallery i:hover {
background-color: #0077ed;
}
.g5plus-products-list-minimal div.product {
border: 1px solid #eeeeee;
}
/*Product review*/
.g5plus-products-reviews h3.title-review {
border-bottom: 1px solid #eeeeee;
}
.g5plus-products-reviews h3.title-review span:before {
background: #0077ed;
}
.g5plus-products-reviews .product-sidebar-item + .product-sidebar-item {
border-top: 1px solid #eeeeee;
}
/*---------------- Portfolio ----------- */
div.portfolio-skin-01 .hover-outer,
div.portfolio-skin-02 .hover-outer,
div.portfolio-skin-03 .hover-outer {
background-color: #0077ed;
}
div.portfolio-skin-01 .hover-outer .icon-groups,
div.portfolio-skin-02 .hover-outer .icon-groups,
div.portfolio-skin-03 .hover-outer .icon-groups {
position: relative;
overflow: initial;
}
div.portfolio-skin-01 .hover-outer .icon-groups > a,
div.portfolio-skin-02 .hover-outer .icon-groups > a,
div.portfolio-skin-03 .hover-outer .icon-groups > a {
height: 38px;
width: 38px;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 2;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
div.portfolio-skin-01 .hover-outer .icon-groups > a.view-gallery,
div.portfolio-skin-02 .hover-outer .icon-groups > a.view-gallery,
div.portfolio-skin-03 .hover-outer .icon-groups > a.view-gallery {
margin-left: 5px;
}
div.portfolio-skin-01 .hover-outer .icon-groups > a:hover,
div.portfolio-skin-02 .hover-outer .icon-groups > a:hover,
div.portfolio-skin-03 .hover-outer .icon-groups > a:hover,
div.portfolio-skin-01 .hover-outer .icon-groups > a:focus,
div.portfolio-skin-02 .hover-outer .icon-groups > a:focus,
div.portfolio-skin-03 .hover-outer .icon-groups > a:focus,
div.portfolio-skin-01 .hover-outer .icon-groups > a:active,
div.portfolio-skin-02 .hover-outer .icon-groups > a:active,
div.portfolio-skin-03 .hover-outer .icon-groups > a:active {
border-color: #fff;
}
div.portfolio-skin-01 .hover-outer .icon-groups .social-share,
div.portfolio-skin-02 .hover-outer .icon-groups .social-share,
div.portfolio-skin-03 .hover-outer .icon-groups .social-share {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
min-width: 100%;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
background-color: #fff;
padding: 5px;
font-size: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
div.portfolio-skin-01 .hover-outer .icon-groups .social-share a,
div.portfolio-skin-02 .hover-outer .icon-groups .social-share a,
div.portfolio-skin-03 .hover-outer .icon-groups .social-share a {
color: #0077ed;
}
div.portfolio-skin-01 .hover-outer .icon-groups .social-share a + a,
div.portfolio-skin-02 .hover-outer .icon-groups .social-share a + a,
div.portfolio-skin-03 .hover-outer .icon-groups .social-share a + a {
padding-left: 3px;
}
div.portfolio-skin-01 .hover-outer .icon-groups .portfolio-share:hover + .social-share,
div.portfolio-skin-02 .hover-outer .icon-groups .portfolio-share:hover + .social-share,
div.portfolio-skin-03 .hover-outer .icon-groups .portfolio-share:hover + .social-share,
div.portfolio-skin-01 .hover-outer .icon-groups .social-share:hover,
div.portfolio-skin-02 .hover-outer .icon-groups .social-share:hover,
div.portfolio-skin-03 .hover-outer .icon-groups .social-share:hover {
opacity: 1;
visibility: visible;
bottom: 100%;
}
div.portfolio-skin-01 .title,
div.portfolio-skin-02 .title,
div.portfolio-skin-03 .title,
div.portfolio-skin-01 .title a,
div.portfolio-skin-02 .title a,
div.portfolio-skin-03 .title a,
div.portfolio-skin-01 .hover-outer .title,
div.portfolio-skin-02 .hover-outer .title,
div.portfolio-skin-03 .hover-outer .title,
div.portfolio-skin-01 .hover-outer .title a,
div.portfolio-skin-02 .hover-outer .title a,
div.portfolio-skin-03 .hover-outer .title a {
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: 600;
letter-spacing: 0.15em;
color: #1f1f1f;
font-size: 15px;
}
div.portfolio-skin-01 .categories,
div.portfolio-skin-02 .categories,
div.portfolio-skin-03 .categories {
font-size: 15px;
font-style: normal !important;
letter-spacing: 0.02em;
}
div.portfolio-skin-01 .hover-outer .hover-inner .title {
margin-top: 14px;
}
div.portfolio-skin-01 .hover-outer .hover-inner .title,
div.portfolio-skin-01 .hover-outer .hover-inner .title a {
color: #fff;
}
div.portfolio-skin-01 .hover-outer .hover-inner .categories {
margin-top: 4px;
color: #fff;
}
div.portfolio-skin-02 {
text-align: center;
}
div.portfolio-skin-02 .post-info {
margin-bottom: 43px;
}
div.portfolio-skin-02 .post-info .title {
margin-top: 24px;
margin-bottom: 11px !important;
}
div.portfolio-skin-02 .post-info .title,
div.portfolio-skin-02 .post-info .title a {
color: #1f1f1f;
}
div.portfolio-skin-02 .post-info .title:hover,
div.portfolio-skin-02 .post-info .title a:hover,
div.portfolio-skin-02 .post-info .title:focus,
div.portfolio-skin-02 .post-info .title a:focus,
div.portfolio-skin-02 .post-info .title:active,
div.portfolio-skin-02 .post-info .title a:active {
color: #0077ed;
}
div.portfolio-skin-02 .post-info .categories {
font-style: italic !important;
}
div.portfolio-skin-03 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div.portfolio-skin-03 .post-info {
background-color: #fff;
padding: 25px 25px 30px !important;
border: 1px solid #eee;
border-top: none;
}
div.portfolio-skin-03 .post-info i {
padding-left: 1px;
}
div.portfolio-skin-03 .post-info .title:hover,
div.portfolio-skin-03 .post-info .title a:hover,
div.portfolio-skin-03 .post-info .title:focus,
div.portfolio-skin-03 .post-info .title a:focus,
div.portfolio-skin-03 .post-info .title:active,
div.portfolio-skin-03 .post-info .title a:active {
color: #0077ed;
}
div.portfolio-skin-03 .post-info .categories {
color: #0077ed;
}
div.portfolio-skin-03 .post-info .categories i {
margin-right: 8px;
}
div.portfolio-skin-03 .post-info .categories span {
font-style: italic;
}
div.portfolio-skin-03 .post-meta-date {
display: inline-block;
}
div.portfolio-skin-03 .title {
line-height: 1.6 !important;
margin-top: 13px;
margin-bottom: 17px;
}
div.portfolio-skin-03:hover {
-webkit-box-shadow: 0 7px 20px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0 7px 20px rgba(153, 153, 153, 0.2);
box-shadow: 0 7px 20px rgba(153, 153, 153, 0.2);
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image,
.portfolio-related .portfolio-skin-02 .thumbnail-image {
position: relative;
background-position: center center;
background-size: cover;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .hover-outer,
.portfolio-related .portfolio-skin-02 .thumbnail-image .hover-outer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: hidden;
opacity: 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;
background-color: #0077ed;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .hover-outer > a,
.portfolio-related .portfolio-skin-02 .thumbnail-image .hover-outer > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 1;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .hover-inner,
.portfolio-related .portfolio-skin-02 .thumbnail-image .hover-inner {
-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;
transform: translateY(-50%);
top: 60%;
line-height: 1.4;
max-height: 80%;
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
z-index: 1;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups {
position: relative;
display: inline-block;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups > a,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups > a {
display: inline-block;
border: solid 1px #fff;
overflow: visible;
font-size: 16px;
background-color: transparent;
height: 38px;
width: 38px;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 2;
color: #fff;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups > a.view-gallery,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups > a.view-gallery {
margin-left: 5px;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups .social-share,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups .social-share {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
min-width: 100%;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
background-color: #fff;
padding: 5px;
font-size: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups .social-share a + a,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups .social-share a + a {
padding-left: 3px;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups .portfolio-share:hover + .social-share,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups .portfolio-share:hover + .social-share,
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .icon-groups .social-share:hover,
.portfolio-related .portfolio-skin-02 .thumbnail-image .icon-groups .social-share:hover {
opacity: 1;
visibility: visible;
bottom: 100%;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .title a,
.portfolio-related .portfolio-skin-02 .thumbnail-image .title a {
margin-top: 12px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.1em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
display: inline-block;
}
.archive-portfolio-wrap .portfolio-skin-01 .thumbnail-image .categories,
.portfolio-related .portfolio-skin-02 .thumbnail-image .categories {
margin-top: 4px;
color: #fff;
font-size: 15px;
font-style: normal;
line-height: 1.5em;
max-height: 4.5em;
overflow: hidden;
}
.archive-portfolio-wrap .portfolio-skin-01:hover .thumbnail-image .hover-outer,
.portfolio-related .portfolio-skin-02:hover .thumbnail-image .hover-outer {
opacity: 1;
}
.archive-portfolio-wrap .portfolio-skin-01:hover .thumbnail-image .hover-inner,
.portfolio-related .portfolio-skin-02:hover .thumbnail-image .hover-inner {
top: 50%;
}
.archive-portfolio-wrap .portfolio-skin-01 img,
.portfolio-related .portfolio-skin-02 img {
width: 100%;
}
.portfolio-related .portfolio-skin-02 .title {
text-align: center;
margin-top: 23px;
}
.portfolio-related .portfolio-skin-02 .title a {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
color: #111;
letter-spacing: 0.12em;
line-height: 1.2;
-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-related .portfolio-skin-02 .title a:hover {
color: #0077ed;
}
.portfolio-single .portfolio-info .portfolio-title:after {
background-color: #0077ed;
}
.portfolio-single .portfolio-info-detail .portfolio-label {
font-family: 'Montserrat';
}
.portfolio-single .portfolio-info-detail .social-share > span {
font-family: 'Montserrat';
}
.portfolio-single .portfolio-info-detail .social-share .list-social-icon a:focus,
.portfolio-single .portfolio-info-detail .social-share .list-social-icon a:hover,
.portfolio-single .portfolio-info-detail .social-share .list-social-icon a:active {
color: #0077ed;
}
.portfolio-single .portfolio-images .portfolio-thumbnail > a:hover,
.portfolio-single .portfolio-images .portfolio-thumbnail > a:focus,
.portfolio-single .portfolio-images .portfolio-thumbnail > a:active {
background-color: #fff;
color: #0077ed;
}
.portfolio-single .portfolio-single-control .portfolio-single-control-inner {
background-color: #eeeeee;
}
.portfolio-single .portfolio-single-control .portfolio-single-control-inner li {
font-family: 'Montserrat';
}
.portfolio-single .portfolio-single-control .portfolio-single-control-inner li a:hover,
.portfolio-single .portfolio-single-control .portfolio-single-control-inner li a:focus,
.portfolio-single .portfolio-single-control .portfolio-single-control-inner li a:active {
color: #0077ed;
}
.portfolio-single.portfolio-two-columns .portfolio-info {
border-right: 1px solid #eeeeee;
}
.portfolio-single.portfolio-two-columns .portfolio-info-detail {
border-top: 1px solid #eeeeee;
}
.portfolio-single.portfolio-two-columns.portfolio-gallery-left .portfolio-info {
border-left: 1px solid #eeeeee;
}
.portfolio-single:not(.portfolio-two-columns) .portfolio-content {
border-right: 1px solid #eeeeee;
}
.portfolio-single:not(.portfolio-two-columns) .portfolio-info-detail {
border-left: 1px solid #eeeeee;
}
.portfolio-single.portfolio-video-layout .portfolio-images .portfolio-thumbnail > a {
background-color: #0077ed;
border-color: #0077ed;
}
.portfolio-single.portfolio-video-layout .portfolio-images .portfolio-thumbnail > a:hover,
.portfolio-single.portfolio-video-layout .portfolio-images .portfolio-thumbnail > a:focus,
.portfolio-single.portfolio-video-layout .portfolio-images .portfolio-thumbnail > a:active {
color: #0077ed;
}
.portfolio-single .portfolio-related h4 {
border-bottom: 1px solid #eeeeee;
}
.grid-plus-container .grid-category {
margin-bottom: 70px;
font-size: 0;
}
.grid-plus-container .grid-category > a {
padding: 6.5px 25px !important;
border: 1px solid #eee;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
font-family: 'Montserrat';
font-size: 13px;
font-weight: 600;
color: #202020;
}
.grid-plus-container .grid-category > a:hover,
.grid-plus-container .grid-category > a:active,
.grid-plus-container .grid-category > a:focus,
.grid-plus-container .grid-category > a.active {
background-color: #eee;
color: #202020;
}
.grid-plus-container .grid-category > a + a {
margin-left: 10px;
}
.grid-plus-container.grid-cate-multi-line .grid-category > a {
margin-bottom: 20px;
}
.grid-plus-container [data-layout-type="grid"] .portfolio-skin-02 .thumbnail-image,
.grid-plus-container [data-layout-type="grid"] .portfolio-skin-02 .hover-outer,
.grid-plus-container [data-layout-type="grid"] .portfolio-skin-02 .hover-outer > a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.grid-plus-container .post-metas {
font-family: 'Montserrat';
font-size: 14px;
}
.grid-plus-container .post-metas .like-count,
.grid-plus-container .post-metas .post-meta-date {
color: #777;
}
.grid-plus-container .post-metas .portfolio-like {
padding-right: 8px;
}
.grid-plus-container .post-metas i {
position: relative;
top: 2px;
font-size: 20px;
color: #888;
padding-right: 6px;
}
.grid-category-no-border .grid-category > a {
border-color: transparent;
}
.portfolio-cate-mg-bottom-50 .grid-category {
margin-bottom: 50px !important;
}
.single-portfolio .portfolio-video .portfolio-thumbnail:before,
.single-portfolio .portfolio-thumbnail.owl-carousel .item:before {
background-color: rgba(0, 119, 237, 0.8);
}
.product-skin-01 .thumbnail-image {
overflow: hidden;
}
.product-skin-01 .product-thumb {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin-bottom: 0;
}
.product-skin-01 .product-info {
line-height: 1.8;
}
div.product-skin-02 .product-info {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
padding: 0;
width: auto;
display: block;
}
div.product-skin-02 .product-info .product-heading {
display: table-cell;
width: 100%;
padding-right: 10px;
padding-top: 6px;
}
div.product-skin-02 .product-info .price-wrap {
display: table-cell;
white-space: nowrap;
vertical-align: bottom;
font-size: 14px;
}
div.product-skin-02 .product-info .product-categories {
color: #777;
margin-bottom: 6px;
}
div.product-skin-02 .product-info .product-categories a {
font-size: 15px;
color: #777;
font-weight: 400;
text-transform: uppercase;
text-decoration: underline #777;
line-height: 1.8;
}
div.product-skin-02 .product-info .product-categories a:hover,
div.product-skin-02 .product-info .product-categories a:focus,
div.product-skin-02 .product-info .product-categories a:active {
color: #0077ed;
text-decoration-color: #0077ed;
}
div.product-skin-02 .product-info .product-name {
font-size: 20px;
letter-spacing: 0.12em;
}
div.product-skin-02 .product-info .price-inner {
width: 70px;
height: 70px;
line-height: 70px;
background-color: #222;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
div.product-skin-02 .product-info .price-inner .price {
display: table-cell;
height: 70px;
width: 70px;
vertical-align: middle;
text-align: center;
color: #fff;
}
div.product-skin-02 .product-info .price-inner del,
div.product-skin-02 .product-info .price-inner ins {
display: block;
line-height: 1;
}
div.product-skin-02 .product-info .price-inner del {
opacity: .8;
font-size: 12px;
margin-bottom: 5px;
}
div.product-skin-02 .product-info .price-inner ins {
text-decoration: none;
}
div.product-skin-02:hover .product-info .price-inner {
background-color: #0077ed;
}
div.grid-load-more-wrap {
font-size: 0;
}
div.grid-load-more-wrap .load-more {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #0077ed;
border: 2px solid #0077ed;
font-family: 'Montserrat';
font-weight: 600;
font-size: 13px;
color: #fff;
letter-spacing: 0.12em;
margin-top: 10px;
padding: 11.5px 35px;
}
div.grid-load-more-wrap .load-more:hover,
div.grid-load-more-wrap .load-more:focus,
div.grid-load-more-wrap .load-more:active {
background-color: transparent;
color: #0077ed;
}
.grid-mg-bottom-50 .grid-post-item {
margin-bottom: 50px !important;
}
.grid-mg-bottom-50 .owl-item.center.active .grid-post-item {
-webkit-box-shadow: 0px 15px 30px rgba(34, 34, 34, 0.3);
-moz-box-shadow: 0px 15px 30px rgba(34, 34, 34, 0.3);
box-shadow: 0px 15px 30px rgba(34, 34, 34, 0.3);
}
div.grid-infinite-scroll-wrap .infinite-scroll {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #0077ed;
}
.grid-owl-carousel > .grid-owl-nav > .grid-owl-next,
.grid-owl-carousel > .grid-owl-nav > .grid-owl-prev {
background-color: transparent;
border: none;
color: #888;
font-size: 0;
padding: 0;
}
.grid-owl-carousel > .grid-owl-nav > .grid-owl-next i,
.grid-owl-carousel > .grid-owl-nav > .grid-owl-prev i,
.grid-owl-carousel > .grid-owl-nav > .grid-owl-next span,
.grid-owl-carousel > .grid-owl-nav > .grid-owl-prev span {
font-size: 55px;
}
.grid-owl-carousel > .grid-owl-nav > .grid-owl-next:hover,
.grid-owl-carousel > .grid-owl-nav > .grid-owl-prev:hover {
color: #0077ed;
background-color: transparent;
}
@media (max-width: 1399px) {
div.grid-owl-carousel.nav-center > .grid-owl-nav > .grid-owl-next,
div.grid-owl-carousel.nav-center > .grid-owl-nav > .grid-owl-prev {
margin-top: 20px;
position: static;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
}
.startup-contact-info {
margin-right: auto;
padding-right: 15px;
}
.startup-contact-info .contact-info h6 {
font-weight: 600;
font-size: 15px;
letter-spacing: 0.15em;
line-height: 1.8;
}
.startup-contact-info .contact-info p {
margin-bottom: 52px;
font-size: 22px;
letter-spacing: 0.02em;
line-height: 1.8;
}
.about-us-wrap h3 {
font-size: 60px;
letter-spacing: 0.05em;
line-height: 1.15;
margin-bottom: 26px;
}
.about-us-wrap h3 span {
display: block;
margin-bottom: 5px;
font-size: 30px;
font-style: italic;
}
.about-us-wrap .about-info {
padding: 0;
margin-right: 50px;
list-style: none;
}
.about-us-wrap .about-info li .about-item-number {
float: left;
margin-top: -15px;
font-size: 58px;
font-weight: 700;
color: #0077ed;
line-height: 1.15;
}
.about-us-wrap .about-info li .about-item-text {
overflow: hidden;
padding-left: 35px;
}
.about-us-wrap .about-info li .about-item-text h6 {
position: relative;
margin-bottom: 30px;
letter-spacing: 0.15em;
}
.about-us-wrap .about-info li .about-item-text h6:before {
content: '';
position: absolute;
bottom: -15px;
left: 0;
height: 2px;
width: 55px;
background: #888;
}
.about-us-wrap .about-info li + li {
margin-top: 50px;
}
@media (min-width: 1400px) {
.startup-contact-info {
padding-left: 150px;
max-width: 735px;
}
}
@media (max-width: 1399px) {
.startup-contact-info {
padding-left: 80px;
max-width: 665px;
}
}
@media (max-width: 767px) {
.startup-contact-info {
margin-bottom: 30px;
margin-top: 30px;
padding-left: 15px;
max-width: 100%;
}
.about-us-wrap .about-info {
margin-right: 0;
}
}
/*CountDown*/
.g5plus-countdown .countdown-section .countdown-value {
font-family: 'Josefin Sans';
color: #0077ed;
}
.g5plus-countdown .countdown-section .countdown-text {
font-family: 'Montserrat';
}
/*Home One Page*/
@media (min-width: 992px) {
body.one-page {
padding: 0 80px;
}
body.one-page .vc_row {
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
body.one-page header.main-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 999;
-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.one-page header.main-header .container-fluid {
padding: 0 80px;
}
body.one-page footer.main-footer-wrapper {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
body.one-page #wrapper-content {
position: relative;
}
}
@media screen and (min-width: 992px) {
.move-cate-to-header .grid-category {
display: none;
}
}
.header-have-filter .container-fluid {
padding-right: 0;
}
.header-have-filter .grid-category {
margin-bottom: 0;
float: right;
background-color: #222;
}
.header-have-filter .grid-category + div,
.header-have-filter .grid-category + nav {
padding-right: 15px;
}
.header-have-filter .grid-cate-expanded {
top: 0;
}
.header-have-filter .grid-cate-expanded .grid-dropdown-toggle {
font-family: 'Montserrat';
font-weight: 600;
font-size: 16px;
color: #ccc;
letter-spacing: 0.03em;
position: relative;
padding: 0;
padding-left: 28px;
line-height: 95px;
height: 95px;
width: 385px;
text-align: left;
text-transform: uppercase;
}
.header-have-filter .grid-cate-expanded .grid-dropdown-toggle:after {
content: '\f107';
font-family: FontAwesome;
display: block;
position: absolute;
right: 28px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-have-filter .grid-cate-expanded .grid-dropdown-menu {
width: 100%;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
max-height: 252px;
}
.header-have-filter .grid-cate-expanded .grid-dropdown-menu a {
padding: 15px 28px !important;
border-bottom: 1px solid #eeeeee;
}
/*----------View Demo------------*/
.g5plus-view-demo .demo-categories ul li {
font-family: 'Montserrat';
}
.g5plus-view-demo .demo-categories ul li a {
color: #1f1f1f;
border: solid 1px #eeeeee;
}
.g5plus-view-demo .demo-categories ul li:hover a,
.g5plus-view-demo .demo-categories ul li.active a {
background: #0077ed;
-webkit-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
-moz-box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
box-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
border-color: #0077ed;
}
.g5plus-view-demo .demo-item .hover-wrap span {
font-family: 'Josefin Sans';
}
.g5plus-view-demo .demo-item .hover-wrap span:hover {
color: #0077ed;
}
.g5plus-view-demo .demo-item .demo-title {
font-family: 'Josefin Sans';
}
.g5plus-view-demo .demo-item .demo-title a:hover {
color: #0077ed;
}
/**
* 9.0 - Mixins
* ----------------------------------------------------------------------------
*/
/**
* Font
* ----------------------------------------------------------------------------
*/
.b-font {
font-family: 'Open Sans' !important;
}
.s-font {
font-family: 'Josefin Sans' !important;
}
.h-font {
font-family: 'Montserrat' !important;
}
/**
* Color
* ----------------------------------------------------------------------------
*/
.accent-color {
color: #0077ed !important;
}
.text-color-accent,
.text-color-accent-hover:hover {
color: #0077ed !important;
}
.bg-accent {
background-color: #0077ed !important;
}
.bg-bold {
background-color: #1f1f1f;
}
.heading-color {
color: #1f1f1f !important;
}
.bordered {
border: 1px solid #eeeeee !important;
}
.border-dark {
border: 1px solid #dddddd !important;
}
.badge {
background-color: #0077ed;
}
.text-accent-box-shadow {
text-shadow: 2px 7px 20px rgba(0, 119, 237, 0.55);
}
/**
* Padding Top
* ----------------------------------------------------------------------------
*/
.pd-top-0 {
padding-top: 0px !important;
}
.pd-top-5 {
padding-top: 5px !important;
}
.pd-top-10 {
padding-top: 10px !important;
}
.pd-top-15 {
padding-top: 15px !important;
}
.pd-top-20 {
padding-top: 20px !important;
}
.pd-top-25 {
padding-top: 25px !important;
}
.pd-top-30 {
padding-top: 30px !important;
}
.pd-top-35 {
padding-top: 35px !important;
}
.pd-top-40 {
padding-top: 40px !important;
}
.pd-top-45 {
padding-top: 45px !important;
}
.pd-top-50 {
padding-top: 50px !important;
}
.pd-top-55 {
padding-top: 55px !important;
}
.pd-top-60 {
padding-top: 60px !important;
}
.pd-top-65 {
padding-top: 65px !important;
}
.pd-top-70 {
padding-top: 70px !important;
}
.pd-top-75 {
padding-top: 75px !important;
}
.pd-top-80 {
padding-top: 80px !important;
}
.pd-top-85 {
padding-top: 85px !important;
}
.pd-top-90 {
padding-top: 90px !important;
}
.pd-top-95 {
padding-top: 95px !important;
}
.pd-top-100 {
padding-top: 100px !important;
}
.pd-top-105 {
padding-top: 105px !important;
}
.pd-top-110 {
padding-top: 110px !important;
}
.pd-top-115 {
padding-top: 115px !important;
}
.pd-top-120 {
padding-top: 120px !important;
}
.pd-top-125 {
padding-top: 125px !important;
}
.pd-top-130 {
padding-top: 130px !important;
}
.pd-top-135 {
padding-top: 135px !important;
}
.pd-top-140 {
padding-top: 140px !important;
}
.pd-top-145 {
padding-top: 145px !important;
}
.pd-top-150 {
padding-top: 150px !important;
}
@media screen and (max-width: 991px) {
.sm-pd-top-0 {
padding-top: 0px !important;
}
.sm-pd-top-5 {
padding-top: 5px !important;
}
.sm-pd-top-10 {
padding-top: 10px !important;
}
.sm-pd-top-15 {
padding-top: 15px !important;
}
.sm-pd-top-20 {
padding-top: 20px !important;
}
.sm-pd-top-25 {
padding-top: 25px !important;
}
.sm-pd-top-30 {
padding-top: 30px !important;
}
.sm-pd-top-35 {
padding-top: 35px !important;
}
.sm-pd-top-40 {
padding-top: 40px !important;
}
.sm-pd-top-45 {
padding-top: 45px !important;
}
.sm-pd-top-50 {
padding-top: 50px !important;
}
.sm-pd-top-55 {
padding-top: 55px !important;
}
.sm-pd-top-60 {
padding-top: 60px !important;
}
.sm-pd-top-65 {
padding-top: 65px !important;
}
.sm-pd-top-70 {
padding-top: 70px !important;
}
.sm-pd-top-75 {
padding-top: 75px !important;
}
.sm-pd-top-80 {
padding-top: 80px !important;
}
.sm-pd-top-85 {
padding-top: 85px !important;
}
.sm-pd-top-90 {
padding-top: 90px !important;
}
.sm-pd-top-95 {
padding-top: 95px !important;
}
.sm-pd-top-100 {
padding-top: 100px !important;
}
.sm-pd-top-105 {
padding-top: 105px !important;
}
.sm-pd-top-110 {
padding-top: 110px !important;
}
.sm-pd-top-115 {
padding-top: 115px !important;
}
.sm-pd-top-120 {
padding-top: 120px !important;
}
.sm-pd-top-125 {
padding-top: 125px !important;
}
.sm-pd-top-130 {
padding-top: 130px !important;
}
.sm-pd-top-135 {
padding-top: 135px !important;
}
.sm-pd-top-140 {
padding-top: 140px !important;
}
.sm-pd-top-145 {
padding-top: 145px !important;
}
.sm-pd-top-150 {
padding-top: 150px !important;
}
}
@media screen and (max-width: 767px) {
.xs-pd-top-0 {
padding-top: 0px !important;
}
.xs-pd-top-5 {
padding-top: 5px !important;
}
.xs-pd-top-10 {
padding-top: 10px !important;
}
.xs-pd-top-15 {
padding-top: 15px !important;
}
.xs-pd-top-20 {
padding-top: 20px !important;
}
.xs-pd-top-25 {
padding-top: 25px !important;
}
.xs-pd-top-30 {
padding-top: 30px !important;
}
.xs-pd-top-35 {
padding-top: 35px !important;
}
.xs-pd-top-40 {
padding-top: 40px !important;
}
.xs-pd-top-45 {
padding-top: 45px !important;
}
.xs-pd-top-50 {
padding-top: 50px !important;
}
.xs-pd-top-55 {
padding-top: 55px !important;
}
.xs-pd-top-60 {
padding-top: 60px !important;
}
.xs-pd-top-65 {
padding-top: 65px !important;
}
.xs-pd-top-70 {
padding-top: 70px !important;
}
.xs-pd-top-75 {
padding-top: 75px !important;
}
.xs-pd-top-80 {
padding-top: 80px !important;
}
.xs-pd-top-85 {
padding-top: 85px !important;
}
.xs-pd-top-90 {
padding-top: 90px !important;
}
.xs-pd-top-95 {
padding-top: 95px !important;
}
.xs-pd-top-100 {
padding-top: 100px !important;
}
.xs-pd-top-105 {
padding-top: 105px !important;
}
.xs-pd-top-110 {
padding-top: 110px !important;
}
.xs-pd-top-115 {
padding-top: 115px !important;
}
.xs-pd-top-120 {
padding-top: 120px !important;
}
.xs-pd-top-125 {
padding-top: 125px !important;
}
.xs-pd-top-130 {
padding-top: 130px !important;
}
.xs-pd-top-135 {
padding-top: 135px !important;
}
.xs-pd-top-140 {
padding-top: 140px !important;
}
.xs-pd-top-145 {
padding-top: 145px !important;
}
.xs-pd-top-150 {
padding-top: 150px !important;
}
}
/**
* Padding Bottom
* ----------------------------------------------------------------------------
*/
.pd-bottom-0 {
padding-bottom: 0px !important;
}
.pd-bottom-5 {
padding-bottom: 5px !important;
}
.pd-bottom-10 {
padding-bottom: 10px !important;
}
.pd-bottom-15 {
padding-bottom: 15px !important;
}
.pd-bottom-20 {
padding-bottom: 20px !important;
}
.pd-bottom-25 {
padding-bottom: 25px !important;
}
.pd-bottom-30 {
padding-bottom: 30px !important;
}
.pd-bottom-35 {
padding-bottom: 35px !important;
}
.pd-bottom-40 {
padding-bottom: 40px !important;
}
.pd-bottom-45 {
padding-bottom: 45px !important;
}
.pd-bottom-50 {
padding-bottom: 50px !important;
}
.pd-bottom-55 {
padding-bottom: 55px !important;
}
.pd-bottom-60 {
padding-bottom: 60px !important;
}
.pd-bottom-65 {
padding-bottom: 65px !important;
}
.pd-bottom-70 {
padding-bottom: 70px !important;
}
.pd-bottom-75 {
padding-bottom: 75px !important;
}
.pd-bottom-80 {
padding-bottom: 80px !important;
}
.pd-bottom-85 {
padding-bottom: 85px !important;
}
.pd-bottom-90 {
padding-bottom: 90px !important;
}
.pd-bottom-95 {
padding-bottom: 95px !important;
}
.pd-bottom-100 {
padding-bottom: 100px !important;
}
.pd-bottom-105 {
padding-bottom: 105px !important;
}
.pd-bottom-110 {
padding-bottom: 110px !important;
}
.pd-bottom-115 {
padding-bottom: 115px !important;
}
.pd-bottom-120 {
padding-bottom: 120px !important;
}
.pd-bottom-125 {
padding-bottom: 125px !important;
}
.pd-bottom-130 {
padding-bottom: 130px !important;
}
.pd-bottom-135 {
padding-bottom: 135px !important;
}
.pd-bottom-140 {
padding-bottom: 140px !important;
}
.pd-bottom-145 {
padding-bottom: 145px !important;
}
.pd-bottom-150 {
padding-bottom: 150px !important;
}
@media screen and (max-width: 991px) {
.sm-pd-bottom-0 {
padding-bottom: 0px !important;
}
.sm-pd-bottom-5 {
padding-bottom: 5px !important;
}
.sm-pd-bottom-10 {
padding-bottom: 10px !important;
}
.sm-pd-bottom-15 {
padding-bottom: 15px !important;
}
.sm-pd-bottom-20 {
padding-bottom: 20px !important;
}
.sm-pd-bottom-25 {
padding-bottom: 25px !important;
}
.sm-pd-bottom-30 {
padding-bottom: 30px !important;
}
.sm-pd-bottom-35 {
padding-bottom: 35px !important;
}
.sm-pd-bottom-40 {
padding-bottom: 40px !important;
}
.sm-pd-bottom-45 {
padding-bottom: 45px !important;
}
.sm-pd-bottom-50 {
padding-bottom: 50px !important;
}
.sm-pd-bottom-55 {
padding-bottom: 55px !important;
}
.sm-pd-bottom-60 {
padding-bottom: 60px !important;
}
.sm-pd-bottom-65 {
padding-bottom: 65px !important;
}
.sm-pd-bottom-70 {
padding-bottom: 70px !important;
}
.sm-pd-bottom-75 {
padding-bottom: 75px !important;
}
.sm-pd-bottom-80 {
padding-bottom: 80px !important;
}
.sm-pd-bottom-85 {
padding-bottom: 85px !important;
}
.sm-pd-bottom-90 {
padding-bottom: 90px !important;
}
.sm-pd-bottom-95 {
padding-bottom: 95px !important;
}
.sm-pd-bottom-100 {
padding-bottom: 100px !important;
}
.sm-pd-bottom-105 {
padding-bottom: 105px !important;
}
.sm-pd-bottom-110 {
padding-bottom: 110px !important;
}
.sm-pd-bottom-115 {
padding-bottom: 115px !important;
}
.sm-pd-bottom-120 {
padding-bottom: 120px !important;
}
.sm-pd-bottom-125 {
padding-bottom: 125px !important;
}
.sm-pd-bottom-130 {
padding-bottom: 130px !important;
}
.sm-pd-bottom-135 {
padding-bottom: 135px !important;
}
.sm-pd-bottom-140 {
padding-bottom: 140px !important;
}
.sm-pd-bottom-145 {
padding-bottom: 145px !important;
}
.sm-pd-bottom-150 {
padding-bottom: 150px !important;
}
}
@media screen and (max-width: 767px) {
.xs-pd-bottom-0 {
padding-bottom: 0px !important;
}
.xs-pd-bottom-5 {
padding-bottom: 5px !important;
}
.xs-pd-bottom-10 {
padding-bottom: 10px !important;
}
.xs-pd-bottom-15 {
padding-bottom: 15px !important;
}
.xs-pd-bottom-20 {
padding-bottom: 20px !important;
}
.xs-pd-bottom-25 {
padding-bottom: 25px !important;
}
.xs-pd-bottom-30 {
padding-bottom: 30px !important;
}
.xs-pd-bottom-35 {
padding-bottom: 35px !important;
}
.xs-pd-bottom-40 {
padding-bottom: 40px !important;
}
.xs-pd-bottom-45 {
padding-bottom: 45px !important;
}
.xs-pd-bottom-50 {
padding-bottom: 50px !important;
}
.xs-pd-bottom-55 {
padding-bottom: 55px !important;
}
.xs-pd-bottom-60 {
padding-bottom: 60px !important;
}
.xs-pd-bottom-65 {
padding-bottom: 65px !important;
}
.xs-pd-bottom-70 {
padding-bottom: 70px !important;
}
.xs-pd-bottom-75 {
padding-bottom: 75px !important;
}
.xs-pd-bottom-80 {
padding-bottom: 80px !important;
}
.xs-pd-bottom-85 {
padding-bottom: 85px !important;
}
.xs-pd-bottom-90 {
padding-bottom: 90px !important;
}
.xs-pd-bottom-95 {
padding-bottom: 95px !important;
}
.xs-pd-bottom-100 {
padding-bottom: 100px !important;
}
.xs-pd-bottom-105 {
padding-bottom: 105px !important;
}
.xs-pd-bottom-110 {
padding-bottom: 110px !important;
}
.xs-pd-bottom-115 {
padding-bottom: 115px !important;
}
.xs-pd-bottom-120 {
padding-bottom: 120px !important;
}
.xs-pd-bottom-125 {
padding-bottom: 125px !important;
}
.xs-pd-bottom-130 {
padding-bottom: 130px !important;
}
.xs-pd-bottom-135 {
padding-bottom: 135px !important;
}
.xs-pd-bottom-140 {
padding-bottom: 140px !important;
}
.xs-pd-bottom-145 {
padding-bottom: 145px !important;
}
.xs-pd-bottom-150 {
padding-bottom: 150px !important;
}
}
/**
* Margin Top
* ----------------------------------------------------------------------------
*/
.mg-top-0 {
margin-top: 0px !important;
}
.mg-top-5 {
margin-top: 5px !important;
}
.mg-top-10 {
margin-top: 10px !important;
}
.mg-top-15 {
margin-top: 15px !important;
}
.mg-top-20 {
margin-top: 20px !important;
}
.mg-top-25 {
margin-top: 25px !important;
}
.mg-top-30 {
margin-top: 30px !important;
}
.mg-top-35 {
margin-top: 35px !important;
}
.mg-top-40 {
margin-top: 40px !important;
}
.mg-top-45 {
margin-top: 45px !important;
}
.mg-top-50 {
margin-top: 50px !important;
}
.mg-top-55 {
margin-top: 55px !important;
}
.mg-top-60 {
margin-top: 60px !important;
}
.mg-top-65 {
margin-top: 65px !important;
}
.mg-top-70 {
margin-top: 70px !important;
}
.mg-top-75 {
margin-top: 75px !important;
}
.mg-top-80 {
margin-top: 80px !important;
}
.mg-top-85 {
margin-top: 85px !important;
}
.mg-top-90 {
margin-top: 90px !important;
}
.mg-top-95 {
margin-top: 95px !important;
}
.mg-top-100 {
margin-top: 100px !important;
}
@media screen and (max-width: 991px) {
.sm-mg-top-0 {
margin-top: 0px !important;
}
.sm-mg-top-5 {
margin-top: 5px !important;
}
.sm-mg-top-10 {
margin-top: 10px !important;
}
.sm-mg-top-15 {
margin-top: 15px !important;
}
.sm-mg-top-20 {
margin-top: 20px !important;
}
.sm-mg-top-25 {
margin-top: 25px !important;
}
.sm-mg-top-30 {
margin-top: 30px !important;
}
.sm-mg-top-35 {
margin-top: 35px !important;
}
.sm-mg-top-40 {
margin-top: 40px !important;
}
.sm-mg-top-45 {
margin-top: 45px !important;
}
.sm-mg-top-50 {
margin-top: 50px !important;
}
.sm-mg-top-55 {
margin-top: 55px !important;
}
.sm-mg-top-60 {
margin-top: 60px !important;
}
.sm-mg-top-65 {
margin-top: 65px !important;
}
.sm-mg-top-70 {
margin-top: 70px !important;
}
.sm-mg-top-75 {
margin-top: 75px !important;
}
.sm-mg-top-80 {
margin-top: 80px !important;
}
.sm-mg-top-85 {
margin-top: 85px !important;
}
.sm-mg-top-90 {
margin-top: 90px !important;
}
.sm-mg-top-95 {
margin-top: 95px !important;
}
.sm-mg-top-100 {
margin-top: 100px !important;
}
}
@media screen and (max-width: 767px) {
.xs-mg-top-0 {
margin-top: 0px !important;
}
.xs-mg-top-5 {
margin-top: 5px !important;
}
.xs-mg-top-10 {
margin-top: 10px !important;
}
.xs-mg-top-15 {
margin-top: 15px !important;
}
.xs-mg-top-20 {
margin-top: 20px !important;
}
.xs-mg-top-25 {
margin-top: 25px !important;
}
.xs-mg-top-30 {
margin-top: 30px !important;
}
.xs-mg-top-35 {
margin-top: 35px !important;
}
.xs-mg-top-40 {
margin-top: 40px !important;
}
.xs-mg-top-45 {
margin-top: 45px !important;
}
.xs-mg-top-50 {
margin-top: 50px !important;
}
.xs-mg-top-55 {
margin-top: 55px !important;
}
.xs-mg-top-60 {
margin-top: 60px !important;
}
.xs-mg-top-65 {
margin-top: 65px !important;
}
.xs-mg-top-70 {
margin-top: 70px !important;
}
.xs-mg-top-75 {
margin-top: 75px !important;
}
.xs-mg-top-80 {
margin-top: 80px !important;
}
.xs-mg-top-85 {
margin-top: 85px !important;
}
.xs-mg-top-90 {
margin-top: 90px !important;
}
.xs-mg-top-95 {
margin-top: 95px !important;
}
.xs-mg-top-100 {
margin-top: 100px !important;
}
}
/**
* Margin Bottom
* ----------------------------------------------------------------------------
*/
.mg-bottom-0 {
margin-bottom: 0px !important;
}
.mg-bottom-5 {
margin-bottom: 5px !important;
}
.mg-bottom-10 {
margin-bottom: 10px !important;
}
.mg-bottom-15 {
margin-bottom: 15px !important;
}
.mg-bottom-20 {
margin-bottom: 20px !important;
}
.mg-bottom-25 {
margin-bottom: 25px !important;
}
.mg-bottom-30 {
margin-bottom: 30px !important;
}
.mg-bottom-35 {
margin-bottom: 35px !important;
}
.mg-bottom-40 {
margin-bottom: 40px !important;
}
.mg-bottom-45 {
margin-bottom: 45px !important;
}
.mg-bottom-50 {
margin-bottom: 50px !important;
}
.mg-bottom-55 {
margin-bottom: 55px !important;
}
.mg-bottom-60 {
margin-bottom: 60px !important;
}
.mg-bottom-65 {
margin-bottom: 65px !important;
}
.mg-bottom-70 {
margin-bottom: 70px !important;
}
.mg-bottom-75 {
margin-bottom: 75px !important;
}
.mg-bottom-80 {
margin-bottom: 80px !important;
}
.mg-bottom-85 {
margin-bottom: 85px !important;
}
.mg-bottom-90 {
margin-bottom: 90px !important;
}
.mg-bottom-95 {
margin-bottom: 95px !important;
}
.mg-bottom-100 {
margin-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
.sm-mg-bottom-0 {
margin-bottom: 0px !important;
}
.sm-mg-bottom-5 {
margin-bottom: 5px !important;
}
.sm-mg-bottom-10 {
margin-bottom: 10px !important;
}
.sm-mg-bottom-15 {
margin-bottom: 15px !important;
}
.sm-mg-bottom-20 {
margin-bottom: 20px !important;
}
.sm-mg-bottom-25 {
margin-bottom: 25px !important;
}
.sm-mg-bottom-30 {
margin-bottom: 30px !important;
}
.sm-mg-bottom-35 {
margin-bottom: 35px !important;
}
.sm-mg-bottom-40 {
margin-bottom: 40px !important;
}
.sm-mg-bottom-45 {
margin-bottom: 45px !important;
}
.sm-mg-bottom-50 {
margin-bottom: 50px !important;
}
.sm-mg-bottom-55 {
margin-bottom: 55px !important;
}
.sm-mg-bottom-60 {
margin-bottom: 60px !important;
}
.sm-mg-bottom-65 {
margin-bottom: 65px !important;
}
.sm-mg-bottom-70 {
margin-bottom: 70px !important;
}
.sm-mg-bottom-75 {
margin-bottom: 75px !important;
}
.sm-mg-bottom-80 {
margin-bottom: 80px !important;
}
.sm-mg-bottom-85 {
margin-bottom: 85px !important;
}
.sm-mg-bottom-90 {
margin-bottom: 90px !important;
}
.sm-mg-bottom-95 {
margin-bottom: 95px !important;
}
.sm-mg-bottom-100 {
margin-bottom: 100px !important;
}
}
@media screen and (max-width: 767px) {
.xs-mg-bottom-0 {
margin-bottom: 0px !important;
}
.xs-mg-bottom-5 {
margin-bottom: 5px !important;
}
.xs-mg-bottom-10 {
margin-bottom: 10px !important;
}
.xs-mg-bottom-15 {
margin-bottom: 15px !important;
}
.xs-mg-bottom-20 {
margin-bottom: 20px !important;
}
.xs-mg-bottom-25 {
margin-bottom: 25px !important;
}
.xs-mg-bottom-30 {
margin-bottom: 30px !important;
}
.xs-mg-bottom-35 {
margin-bottom: 35px !important;
}
.xs-mg-bottom-40 {
margin-bottom: 40px !important;
}
.xs-mg-bottom-45 {
margin-bottom: 45px !important;
}
.xs-mg-bottom-50 {
margin-bottom: 50px !important;
}
.xs-mg-bottom-55 {
margin-bottom: 55px !important;
}
.xs-mg-bottom-60 {
margin-bottom: 60px !important;
}
.xs-mg-bottom-65 {
margin-bottom: 65px !important;
}
.xs-mg-bottom-70 {
margin-bottom: 70px !important;
}
.xs-mg-bottom-75 {
margin-bottom: 75px !important;
}
.xs-mg-bottom-80 {
margin-bottom: 80px !important;
}
.xs-mg-bottom-85 {
margin-bottom: 85px !important;
}
.xs-mg-bottom-90 {
margin-bottom: 90px !important;
}
.xs-mg-bottom-95 {
margin-bottom: 95px !important;
}
.xs-mg-bottom-100 {
margin-bottom: 100px !important;
}
}
/**
* Font Weight
* ----------------------------------------------------------------------------
*/
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semi-bold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-extra-bold {
font-weight: 800 !important;
}
.fw-black {
font-weight: 900 !important;
}
/**
* Font Size
* ----------------------------------------------------------------------------
*/
.fs-10 {
font-size: 10px !important;
}
.fs-11 {
font-size: 11px !important;
}
.fs-12 {
font-size: 12px !important;
}
.fs-13 {
font-size: 13px !important;
}
.fs-14 {
font-size: 14px !important;
}
.fs-15 {
font-size: 15px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-21 {
font-size: 21px !important;
}
.fs-22 {
font-size: 22px !important;
}
.fs-24 {
font-size: 24px !important;
}
.fs-25 {
font-size: 25px !important;
}
.fs-28 {
font-size: 28px !important;
}
.fs-30 {
font-size: 30px !important;
}
.fs-31 {
font-size: 31px !important;
}
.fs-32 {
font-size: 32px !important;
}
.fs-36 {
font-size: 36px !important;
}
.fs-38 {
font-size: 38px !important;
}
.fs-40 {
font-size: 40px !important;
}
.fs-42 {
font-size: 42px !important;
}
.fs-46 {
font-size: 46px !important;
}
.fs-48 {
font-size: 48px !important;
}
.fs-50 {
font-size: 50px !important;
}
.fs-55 {
font-size: 55px !important;
}
.fs-60 {
font-size: 60px !important;
}
.fs-80 {
font-size: 80px !important;
}
/**
* Font Style
* ----------------------------------------------------------------------------
*/
.text-italic {
font-style: italic !important;
}
.uppercase {
text-transform: uppercase !important;
}
/**
* Line Height
* ----------------------------------------------------------------------------
*/
.line-small {
line-height: 1em !important;
}
.line-normal {
line-height: 1.5em !important;
}
.line-medium {
line-height: 1.6em !important;
}
.line-large {
line-height: 1.8em !important;
}
.line-2x {
line-height: 2em !important;
}
.line-3x {
line-height: 3em !important;
}
.line-20 {
line-height: 20px !important;
}
.line-21 {
line-height: 21px !important;
}
.line-24 {
line-height: 24px !important;
}
.line-26 {
line-height: 26px !important;
}
.line-42 {
line-height: 42px !important;
}
.line-88 {
line-height: 88px !important;
}
/**
* Letter Spacing
* ----------------------------------------------------------------------------
*/
.spacing-50 {
letter-spacing: 0.05em;
}
.spacing-150 {
letter-spacing: 0.15em;
}
/* animation */
.animation-delay-02 {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.animation-duration-1 {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
/**
* OTHERS MIXIN
* ----------------------------------------------------------------------------
*/
.overflow-hidden {
overflow: hidden !important;
}
.fixed {
position: fixed;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pd-right-60 {
padding-right: 60px;
}
.pd-right-70 {
padding-right: 70px;
}
.pd-left-60 {
padding-left: 60px;
}
@media screen and (max-width: 991px) {
.sm-pd-right-0 {
padding-right: 0;
}
}
/**
* Custom Columns Mobile
* ----------------------------------------------------------------------------
*/
@media (max-width: 479px) {
.col-mb-1,
.col-mb-2,
.col-mb-3,
.col-mb-4,
.col-mb-5,
.col-mb-6,
.col-mb-7,
.col-mb-8,
.col-mb-9,
.col-mb-10,
.col-mb-11,
.col-mb-12 {
float: left;
}
.col-mb-12 {
width: 100%;
}
.col-mb-11 {
width: 91.66666667%;
}
.col-mb-10 {
width: 83.33333333%;
}
.col-mb-9 {
width: 75%;
}
.col-mb-8 {
width: 66.66666667%;
}
.col-mb-7 {
width: 58.33333333%;
}
.col-mb-6 {
width: 50%;
}
.col-mb-5 {
width: 41.66666667%;
}
.col-mb-4 {
width: 33.33333333%;
}
.col-mb-3 {
width: 25%;
}
.col-mb-2 {
width: 16.66666667%;
}
.col-mb-1 {
width: 8.33333333%;
}
.col-mb-pull-12 {
right: 100%;
}
.col-mb-pull-11 {
right: 91.66666667%;
}
.col-mb-pull-10 {
right: 83.33333333%;
}
.col-mb-pull-9 {
right: 75%;
}
.col-mb-pull-8 {
right: 66.66666667%;
}
.col-mb-pull-7 {
right: 58.33333333%;
}
.col-mb-pull-6 {
right: 50%;
}
.col-mb-pull-5 {
right: 41.66666667%;
}
.col-mb-pull-4 {
right: 33.33333333%;
}
.col-mb-pull-3 {
right: 25%;
}
.col-mb-pull-2 {
right: 16.66666667%;
}
.col-mb-pull-1 {
right: 8.33333333%;
}
.col-mb-pull-0 {
right: auto;
}
.col-mb-push-12 {
left: 100%;
}
.col-mb-push-11 {
left: 91.66666667%;
}
.col-mb-push-10 {
left: 83.33333333%;
}
.col-mb-push-9 {
left: 75%;
}
.col-mb-push-8 {
left: 66.66666667%;
}
.col-mb-push-7 {
left: 58.33333333%;
}
.col-mb-push-6 {
left: 50%;
}
.col-mb-push-5 {
left: 41.66666667%;
}
.col-mb-push-4 {
left: 33.33333333%;
}
.col-mb-push-3 {
left: 25%;
}
.col-mb-push-2 {
left: 16.66666667%;
}
.col-mb-push-1 {
left: 8.33333333%;
}
.col-mb-push-0 {
left: auto;
}
.col-mb-offset-12 {
margin-left: 100%;
}
.col-mb-offset-11 {
margin-left: 91.66666667%;
}
.col-mb-offset-10 {
margin-left: 83.33333333%;
}
.col-mb-offset-9 {
margin-left: 75%;
}
.col-mb-offset-8 {
margin-left: 66.66666667%;
}
.col-mb-offset-7 {
margin-left: 58.33333333%;
}
.col-mb-offset-6 {
margin-left: 50%;
}
.col-mb-offset-5 {
margin-left: 41.66666667%;
}
.col-mb-offset-4 {
margin-left: 33.33333333%;
}
.col-mb-offset-3 {
margin-left: 25%;
}
.col-mb-offset-2 {
margin-left: 16.66666667%;
}
.col-mb-offset-1 {
margin-left: 8.33333333%;
}
.col-mb-offset-0 {
margin-left: 0;
}
.mb-pd-0 {
padding-right: 0;
padding-left: 0;
}
.mb-pd-left-0 {
padding-left: 0;
}
.mb-mg-bottom-20 {
margin-bottom: 20px;
}
.mb-mg-bottom-30 {
margin-bottom: 30px;
}
.mb-pd-left-30 {
padding-right: 30px;
}
.mb-pd-right-30 {
padding-left: 30px;
}
}
/*
---------Add new class--------*/
.mg-left-20 {
margin-left: 20px !important;
}
@media (min-width: 1200px) {
.lg-row-padding-content {
padding-left: 75px;
padding-right: 75px;
}
.lg-mg-right-105 {
margin-right: 105px !important;
}
.lg-mg-left-105 {
margin-left: 105px !important;
}
.lg-width-30 {
width: 30%;
}
.lg-width-70 {
width: 70%;
}
.lg-pd-right-35 {
padding-right: 35px;
}
.col-lg-pull-30 {
right: 30%;
}
.col-lg-push-70 {
left: 70%;
}
}
@media (max-width: 1199px) {
.lg-row-padding-content {
padding-left: 10px;
padding-right: 10px;
}
.md-pd-left-15 {
padding-left: 15px;
}
.md-pd-right-15 {
padding-right: 15px;
float: left;
}
.md-mg-bottom-30 {
margin-bottom: 30px;
}
}
.container {
max-width: 100%;
}
@media (max-width: 767px) {
.xs-pd-15 > div {
padding-left: 15px !important;
padding-right: 15px !important;
}
.xs-fs-35 {
font-size: 35px !important;
}
}
.overlay-gradient-light .vc_row-background-overlay {
/* Firefox v3.6+ */
background-image: -moz-linear-gradient(rgba(0, 119, 237, 0.9) 0%, rgba(0, 21, 43, 0.9) 100%);
/* safari v4.0+ and by Chrome v3.0+ */
background-image: -webkit-gradient(linear, color-stop(0, rgba(0, 119, 237, 0.9)), color-stop(1, rgba(0, 21, 43, 0.9)));
/* Chrome v10.0+ and by safari nightly build*/
background-image: -webkit-linear-gradient(rgba(0, 119, 237, 0.9) 0%, rgba(0, 21, 43, 0.9) 100%);
/* Opera v11.10+ */
background-image: -o-linear-gradient(rgba(0, 119, 237, 0.9) 0%, rgba(0, 21, 43, 0.9) 100%);
/* IE v10+ */
background-image: -ms-linear-gradient(rgba(0, 119, 237, 0.9) 0%, rgba(0, 21, 43, 0.9) 100%);
background-image: linear-gradient(rgba(0, 119, 237, 0.9) 0%, rgba(0, 21, 43, 0.9) 100%);
}
.social-bottom-bar-text-color .social-profiles i {
color: #cccccc;
}
.social-bottom-bar-text-color .social-profiles a:hover i {
color: #0077ed;
}
.mg-left-0 {
margin-left: 0;
}
.display-block {
display: block !important;
}
.display-inline {
display: inline !important;
}
.max-width-650 {
max-width: 650px;
margin: auto;
}
/*------Class image absolute------*/
.pos-absolute {
position: absolute;
}
.overflow-inherit {
overflow: inherit !important;
}
.top-0 {
top: 0;
}
.left-0 {
left: 0;
}
.bottom-0 {
bottom: 0;
}
.right-0 {
right: 0;
}
.height-100 {
height: 100%;
}
.portfolio-layout-landing {
padding: 62px 55px 31px;
background-color: #fff;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin-left: 0;
margin-right: 0;
-webkit-box-shadow: 0 6px 17px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0 6px 17px rgba(153, 153, 153, 0.2);
box-shadow: 0 6px 17px rgba(153, 153, 153, 0.2);
}
@media (max-width: 767px) {
.xs-pos-inherit {
position: inherit;
}
.xs-text-center {
text-align: center !important;
}
.xs-pd-right-0 {
padding-right: 0 !important;
}
.portfolio-layout-landing {
padding: 30px 15px 0;
}
}
.mg-right-0 {
margin-right: 0;
}
@media (min-width: 1700px) {
.lg-mg-left-neg-200 {
margin-left: -200px !important;
}
}
@media (min-width: 1400px) {
.lg-right-90 {
right: -90px;
}
.lg-right-45 {
right: 45px;
}
.lg-mg-left-neg-115 {
margin-left: -115px;
}
.lg-mg-right-neg-70 {
margin-right: -70px;
}
.lg-left-90 {
left: 90px;
}
.lg-pd-0 {
padding-left: 0;
padding-right: 0;
}
.lg-mg-bottom-160 {
margin-bottom: 160px !important;
}
.lg-mg-bottom-80 {
margin-bottom: 80px !important;
}
}
.hover-bg-white {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hover-bg-white:hover div {
background-color: #fff !important;
}
.container-width-50 {
max-width: 585px;
}
.mg-auto {
margin: auto;
}
.max-width-846 {
max-width: 846px;
}
.max-width-100 {
max-width: 100px;
}
.max-width-480 {
max-width: 480px;
}
.color-white {
color: #fff !important;
}
.grid-custom-load-more .grid-load-more-wrap {
margin-top: 0 !important;
margin-left: -10px;
margin-right: -10px;
}
.grid-custom-load-more .grid-load-more-wrap .load-more {
margin-top: 0;
display: block;
width: 100%;
padding: 36.5px 35px;
}
.content-width-100 * {
width: 100%;
}
.custom-load-more-button .grid-load-more-wrap a {
font-size: 38px;
line-height: 1;
color: #0077ed;
padding: 7px 6px 7px 8px;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.custom-load-more-button .grid-load-more-wrap a:hover,
.custom-load-more-button .grid-load-more-wrap a:focus,
.custom-load-more-button .grid-load-more-wrap a:active {
background-color: #0077ed;
color: #fff;
}
.custom-load-more-button .grid-load-more-wrap a:hover .ladda-spinner *,
.custom-load-more-button .grid-load-more-wrap a:focus .ladda-spinner *,
.custom-load-more-button .grid-load-more-wrap a:active .ladda-spinner * {
background-color: #fff !important;
}
.portfolio-content-block {
height: 100%;
}
@media (max-width: 991px) {
.grid-custom-content-padding .g5plus-heading h4 {
font-size: 32px !important;
}
.grid-custom-content-padding .g5plus-heading h4:after {
margin-top: 10px;
}
.grid-custom-content-padding .wpb_text_column p {
font-size: 13px !important;
line-height: 1.5 !important;
}
.grid-custom-content-padding .g5plus-btn-container .btn {
padding: 12.5px 25px !important;
}
}
.icon-box-landing.g5plus-icon-box {
padding: 15px 30px 14px 30px !important;
border-radius: 0 !important;
background-color: #fff !important;
min-height: 170px;
}
.icon-box-landing.g5plus-icon-box h4 {
font-size: 18px !important;
font-weight: 400;
letter-spacing: 0.05em;
}
.icon-box-landing.g5plus-icon-box.align-top-left p {
margin-top: 0 !important;
font-size: 14px !important;
}
@media (max-width: 1440px) {
.xl-mg-right-neg-100 {
margin-right: -100px;
}
.xl-mg-left-neg-135 {
margin-left: -135px;
}
}
@media (min-width: 1366px) {
.lg-pd-left-100 {
padding-left: 100px;
}
.lg-pd-right-100 {
padding-right: 100px;
}
.lg-pd-right-55 {
padding-right: 55px;
}
.lg-pd-left-45 {
padding-left: 45px;
}
.lg-mg-left-neg-100 {
margin-left: -100px;
}
.lg-pd-right-25 {
padding-right: 25px;
}
}
@media (max-width: 1365px) {
.lg-mg-right-0 {
margin-right: 0;
}
.lg-pd-left-60 {
padding-left: 60px;
}
.lg-pd-right-60 {
padding-right: 60px;
}
.lg-pd-right-25 {
padding-right: 25px;
}
.lg-pd-left-15 {
padding-left: 15px;
}
}
@media (max-width: 1199px) {
.md-mg-left-0 {
margin-left: 0;
}
.md-mg-right-0 {
margin-right: 0;
}
.md-pd-left-0 {
padding-left: 0;
}
.md-pd-right-0 {
padding-right: 0;
}
}
@media (min-width: 992px) {
.lg-display-none {
display: none !important;
}
.md-pd-left-40 {
padding-left: 40px !important;
}
.md-pd-left-85 {
padding-left: 85px !important;
}
.md-pd-right-60 {
padding-right: 60px !important;
}
.md-pd-right-120 {
padding-right: 120px !important;
}
.md-mg-left-neg-30 {
margin-left: -30px !important;
}
.md-mg-left-neg-40 {
margin-left: -40px !important;
}
.md-mg-right-55 {
margin-right: 55px;
}
.md-mg-left-neg-15 {
margin-left: -15px;
}
.md-mg-right-neg-15 {
margin-right: -15px;
}
.md-content-height-100 div:first-child {
height: 100%;
}
.md-content-padding > .vc_column_container:first-child > .vc_column-inner {
padding-right: 0;
}
.md-content-padding > .vc_column_container:last-child > .vc_column-inner {
padding-left: 0;
}
.md-content-padding-2 > .vc_column_container:first-child > .vc_column-inner {
padding-left: 0;
}
.md-content-padding-2 > .vc_column_container:last-child > .vc_column-inner {
padding-right: 0;
}
.md-mg-right-neg-30 {
margin-right: -30px;
}
.md-mg-left-neg-30 {
margin-left: -30px;
}
}
@media (max-width: 991px) {
.sm-display-none {
display: none !important;
}
.sm-pos-inherit {
position: inherit;
}
.sm-text-center {
text-align: center !important;
}
.sm-mg-right-15 {
margin-right: 15px;
}
.sm-mg-left-15px {
margin-left: 15px;
}
.sm-pd-left-15 {
padding-left: 15px;
}
.sm-pd-right-15 {
padding-right: 15px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.sm-pd-left-30 {
padding-left: 30px !important;
}
.sm-pd-left-60 {
padding-left: 60px !important;
}
.sm-pd-right-60 {
padding-right: 60px !important;
}
.sm-pd-right-40 {
padding-right: 40px !important;
}
}
@media (min-width: 768px) {
.sm-text-right {
text-align: right !important;
}
.sm-text-left {
text-align: left !important;
}
.sm-pd-left-20 {
padding-left: 20px !important;
}
.sm-pd-right-60 {
padding-right: 60px !important;
}
.sm-mg-right-20 {
margin-right: 20px !important;
}
.sm-float-right {
float: right !important;
}
}
/**
* 10.0 - Mixins
* ----------------------------------------------------------------------------
*/
/**
* Catalog Filter
* ----------------------------------------------------------------------------
*/
.woocommerce-catalog-filter {
margin-bottom: 70px;
}
.woocommerce-catalog-filter .filter-wrap {
overflow: auto;
padding-bottom: 35px;
border-bottom: 1px solid #eeeeee;
}
.woocommerce-catalog-filter .filter {
float: left;
}
.woocommerce-catalog-filter #filter-content .widget {
margin-top: 40px;
margin-bottom: 30px;
}
.woocommerce-catalog-filter .filter {
letter-spacing: 0.1em;
cursor: pointer;
padding: 10.5px 35px;
color: #0077ed;
border: 2px solid #0077ed;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-catalog-filter .filter span {
font-size: 13px;
text-transform: uppercase;
padding-left: 9px;
font-weight: bold;
}
.woocommerce-catalog-filter .filter .fa {
font-size: 15px;
}
.woocommerce-catalog-filter .filter:hover,
.woocommerce-catalog-filter .filter:focus,
.woocommerce-catalog-filter .filter:active {
background-color: #0077ed;
color: #fff;
}
.woocommerce-catalog-filter .woocommerce-ordering {
margin-bottom: 0;
width: 240px;
height: 50px;
background-color: #eeeeee;
font-size: 14px;
}
.woocommerce-catalog-filter .woocommerce-ordering select {
height: 50px;
line-height: 50px;
width: 100%;
padding: 0 16px;
}
.woocommerce-catalog-filter .woocommerce-ordering select:focus,
.woocommerce-catalog-filter .woocommerce-ordering select:active {
border-color: #eeeeee !important;
}
.woocommerce-catalog-filter .woocommerce-result-count {
float: right;
padding: 10px 0;
margin: 0;
font-size: 14px;
letter-spacing: 0.1em;
margin-right: 25px;
color: #333;
}
/**
* Remove Button
* ----------------------------------------------------------------------------
*/
.woocommerce a.remove {
font-size: 0;
width: 11px;
height: 14px;
padding-left: 15px;
padding-right: 15px;
}
.woocommerce a.remove:before {
font-family: FontAwesome;
font-size: 15px;
content: '\f00d';
display: inline-block;
color: #aaa;
}
.woocommerce a.remove:hover {
background-color: transparent;
}
.woocommerce a.remove:hover:before {
color: #0077ed;
}
/* woocommerce-block-title */
.woocommerce-block-title,
.woocommerce .block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
margin-bottom: 30px !important;
letter-spacing: 0.15em;
overflow: hidden;
color: #333;
}
.woocommerce-block-title span,
.woocommerce .block-title span {
display: inline-block;
position: relative;
}
.woocommerce-block-title span:after,
.woocommerce .block-title span:after {
content: '';
display: block;
position: absolute;
left: 100%;
bottom: 50%;
height: 1px;
width: 2000px;
background-color: #eeeeee;
margin-left: 20px;
}
/**
* Woocommerce Button
* ----------------------------------------------------------------------------
*/
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
line-height: 1;
padding: 16.5px 40px;
border: solid 2px #0077ed;
background-color: #0077ed;
font-family: 'Montserrat';
color: #fff;
background-clip: border-box;
text-align: center;
letter-spacing: 0.12em;
-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;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
background-color: #fff;
color: #0077ed;
}
.woocommerce #respond input#submit.disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button:disabled[disabled],
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled[disabled] {
padding: 16.5px 40px;
color: #fff;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce a.button.disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled[disabled]:hover {
background-color: transparent;
color: #0077ed;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: transparent;
border-color: #0077ed;
color: #0077ed;
}
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #0077ed;
color: #fff;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce input.button.alt.disabled,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled] {
background-color: transparent;
color: #0077ed;
}
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled:focus,
.woocommerce a.button.alt.disabled:focus,
.woocommerce button.button.alt.disabled:focus,
.woocommerce input.button.alt.disabled:focus,
.woocommerce #respond input#submit.alt:disabled[disabled]:focus,
.woocommerce a.button.alt:disabled[disabled]:focus,
.woocommerce button.button.alt:disabled[disabled]:focus,
.woocommerce input.button.alt:disabled[disabled]:focus {
background-color: transparent;
color: #0077ed;
}
/**
* Add To Cart Button
* ----------------------------------------------------------------------------
*/
.woocommerce .product-add-to-cart a {
font-size: 0;
}
.woocommerce a.product_type_simple.ajax_add_to_cart:before {
content: "\e615";
}
.woocommerce a.product_type_grouped:before,
.woocommerce a.product_type_variable.add_to_cart_button:before,
.woocommerce a.product_type_variation.add_to_cart_button:before,
.woocommerce a.added_to_cart:before {
content: '\e63e';
}
.woocommerce a.product_out_of_stock:before {
content: '\e63e' !important;
}
.woocommerce a.product_type_external:before {
content: '\e6bc';
}
.woocommerce a.product_type_variable:before,
.woocommerce a.product_type_variation:before,
.woocommerce a.product_type_simple:before,
.woocommerce a.product_type_grouped:before,
.woocommerce a.add_to_cart_button:before,
.woocommerce a.added_to_cart:before,
.woocommerce a.product_type_external:before {
font-family: 'Pe-icon-7-stroke';
display: inline-block;
font-size: 30px;
color: #333;
margin-right: 0;
font-weight: 400;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce a.product_type_variable:hover:before,
.woocommerce a.product_type_variation:hover:before,
.woocommerce a.product_type_simple:hover:before,
.woocommerce a.product_type_grouped:hover:before,
.woocommerce a.add_to_cart_button:hover:before,
.woocommerce a.added_to_cart:hover:before,
.woocommerce a.product_type_external:hover:before {
color: #0077ed;
}
.woocommerce a.product_type_variable.loading,
.woocommerce a.product_type_variation.loading,
.woocommerce a.product_type_simple.loading,
.woocommerce a.product_type_grouped.loading,
.woocommerce a.add_to_cart_button.loading,
.woocommerce a.added_to_cart.loading,
.woocommerce a.product_type_external.loading {
padding-right: 0;
opacity: 0.8;
}
.woocommerce a.product_type_variable.loading:after,
.woocommerce a.product_type_variation.loading:after,
.woocommerce a.product_type_simple.loading:after,
.woocommerce a.product_type_grouped.loading:after,
.woocommerce a.add_to_cart_button.loading:after,
.woocommerce a.added_to_cart.loading:after,
.woocommerce a.product_type_external.loading:after {
display: none;
}
.woocommerce a.product_type_variable.loading:before,
.woocommerce a.product_type_variation.loading:before,
.woocommerce a.product_type_simple.loading:before,
.woocommerce a.product_type_grouped.loading:before,
.woocommerce a.add_to_cart_button.loading:before,
.woocommerce a.added_to_cart.loading:before,
.woocommerce a.product_type_external.loading:before {
display: inline-block;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
content: '\f110';
font-family: 'FontAwesome';
}
/**
* Sale Flash
* ----------------------------------------------------------------------------
*/
.product-flash {
font-size: 14px;
text-transform: uppercase;
line-height: 20px;
padding: 10px 10px;
min-width: 44px;
font-weight: 400;
color: #fff;
display: inline-block;
position: absolute;
text-align: center;
z-index: 2;
width: 110px;
background-color: #0077ed !important;
}
.on-sale {
right: -25px;
bottom: -25px;
padding-bottom: 30px;
-webkit-transform: rotate(-45deg) translate(17%);
-moz-transform: rotate(-45deg) translate(17%);
-o-transform: rotate(-45deg) translate(17%);
-ms-transform: rotate(-45deg) translate(17%);
transform: rotate(-45deg) translate(17%);
}
.on-featured {
left: -25px;
top: -25px;
padding-top: 30px;
-webkit-transform: rotate(-45deg) translate(-17%);
-moz-transform: rotate(-45deg) translate(-17%);
-o-transform: rotate(-45deg) translate(-17%);
-ms-transform: rotate(-45deg) translate(-17%);
transform: rotate(-45deg) translate(-17%);
}
/**
* Product Thumb
* ----------------------------------------------------------------------------
*/
.product-thumb {
position: relative;
margin-bottom: 20px;
}
.product-thumb img {
width: 100%;
}
.product-link {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.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;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.product-images-hover {
position: relative;
}
.product-images-hover.flip-back {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product-images-hover.flip-back .product-thumb-primary {
display: block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
position: relative;
}
.product-images-hover.flip-back .product-thumb-secondary {
display: block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 1;
}
.product-item-inner:hover .product-link,
.product-item-inner.active .product-link {
opacity: 1;
}
.product-item-inner:hover .product-images-hover.change-image .product-thumb-secondary,
.product-item-inner.active .product-images-hover.change-image .product-thumb-secondary {
opacity: 1;
}
.product-item-inner:hover .product-images-hover.flip-back,
.product-item-inner.active .product-images-hover.flip-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.product-item-inner:hover .yith-wcwl-wishlistaddedbrowse a,
.product-item-inner.active .yith-wcwl-wishlistaddedbrowse a,
.product-item-inner:hover .yith-wcwl-wishlistexistsbrowse a,
.product-item-inner.active .yith-wcwl-wishlistexistsbrowse a,
.product-item-inner:hover .add_to_wishlist,
.product-item-inner.active .add_to_wishlist,
.product-item-inner:hover .compare,
.product-item-inner.active .compare,
.product-item-inner:hover .product-quick-view,
.product-item-inner.active .product-quick-view {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
/**
* Product Actions
* ----------------------------------------------------------------------------
*/
.product-actions {
position: absolute;
bottom: 20px;
left: 35px;
z-index: 3;
font-size: 0;
}
.product-actions .compare {
vertical-align: top;
width: 40px;
height: 40px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
font-size: 0;
}
.product-actions .compare i {
font-size: 14px;
line-height: 40px;
color: #222;
}
.product-actions .compare:hover {
background-color: #0077ed;
color: #fff;
}
.product-actions .compare:before {
display: inline-block;
font-family: FontAwesome;
content: '\f1de';
font-size: 14px;
line-height: 40px;
padding-left: 4px;
}
.product-actions .yith-wcwl-add-to-wishlist {
display: block;
margin: 0;
font-size: 0;
vertical-align: top;
}
.product-actions .yith-wcwl-add-to-wishlist + div.clear {
display: none;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a,
.product-actions .yith-wcwl-wishlistexistsbrowse a,
.product-actions .add_to_wishlist {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.product-actions .add_to_wishlist:hover,
.product-actions .yith-wcwl-wishlistaddedbrowse a.added-spinner,
.product-actions .yith-wcwl-wishlistexistsbrowse a.added-spinner,
.product-actions .add_to_wishlist.added-spinner {
background-color: #0077ed;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a:hover:before,
.product-actions .yith-wcwl-wishlistexistsbrowse a:hover:before,
.product-actions .add_to_wishlist:hover:before,
.product-actions .yith-wcwl-wishlistaddedbrowse a.added-spinner:before,
.product-actions .yith-wcwl-wishlistexistsbrowse a.added-spinner:before,
.product-actions .add_to_wishlist.added-spinner:before {
color: #fff;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a:before,
.product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.product-actions .add_to_wishlist:before {
display: inline-block;
font-family: FontAwesome;
content: '\f08a';
font-size: 14px;
color: #222;
padding-left: 4px;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a:before,
.product-actions .yith-wcwl-wishlistexistsbrowse a:before {
content: '\f004';
}
.product-actions .yith-wcwl-add-button {
font-size: 0;
position: relative;
}
.product-actions .yith-wcwl-add-button .ajax-loading {
display: none !important;
}
.product-actions .add_to_wishlist.added-spinner:before {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
}
.product-actions a.product-quick-view.button {
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
font-size: 14px;
color: #222;
margin-top: 5px;
padding: 0;
}
.product-actions a.product-quick-view.button:hover {
background-color: #0077ed;
color: #fff;
}
.product-actions .product-quick-view,
.product-actions .yith-wcwl-add-to-wishlist {
margin-top: 5px;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a,
.product-actions .yith-wcwl-wishlistexistsbrowse a,
.product-actions .add_to_wishlist,
.product-actions .compare,
.product-actions .product-quick-view {
-webkit-transform: translateX(-35px);
-moz-transform: translateX(-35px);
-o-transform: translateX(-35px);
-ms-transform: translateX(-35px);
transform: translateX(-35px);
opacity: 0;
visibility: hidden;
}
.product-actions .product-quick-view {
-webkit-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -webkit-transform 0.5s 0.15s ease-out;
-moz-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -moz-transform 0.5s 0.15s ease-out;
-ms-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -ms-transform 0.5s 0.15s ease-out;
-o-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -o-transform 0.5s 0.15s ease-out;
transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, transform 0.5s 0.15s ease-out;
}
.product-actions .yith-wcwl-wishlistaddedbrowse a,
.product-actions .yith-wcwl-wishlistexistsbrowse a,
.product-actions .add_to_wishlist {
-webkit-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -webkit-transform 0.5s 0.25s ease-out;
-moz-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -moz-transform 0.5s 0.25s ease-out;
-ms-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -ms-transform 0.5s 0.25s ease-out;
-o-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -o-transform 0.5s 0.25s ease-out;
transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.25s ease-out;
}
.product-actions .compare {
-webkit-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -webkit-transform 0.5s 0.35s ease-out;
-moz-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -moz-transform 0.5s 0.35s ease-out;
-ms-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -ms-transform 0.5s 0.35s ease-out;
-o-transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -o-transform 0.5s 0.35s ease-out;
transition: color 0.3s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, transform 0.5s 0.35s ease-out;
}
.tooltip-inner {
white-space: nowrap;
}
/* Product Listing */
.product-listing .product-item-wrap .product-thumb {
overflow: hidden;
}
/**
* Product Info
* ----------------------------------------------------------------------------
*/
.product-info {
display: table;
width: 100%;
}
.product-info .product-add-to-cart,
.product-info .product-info-right {
display: table-cell;
vertical-align: middle;
}
.product-info .product-add-to-cart {
border-right: 1px solid #eeeeee;
width: 70px;
text-align: center;
}
.product-info .product-info-right {
padding-left: 20px;
}
/* Product Name */
.product-name {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0 !important;
}
.product-name a {
color: #111;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
letter-spacing: 0.1em;
}
.product-name a:hover {
color: #0077ed;
}
/* Product Price */
.woocommerce div.product.product-item-wrap p.price,
.woocommerce div.product.product-item-wrap span.price {
font-size: 15px;
font-weight: 400;
}
.woocommerce div.product.product-item-wrap p.price .amount,
.woocommerce div.product.product-item-wrap span.price .amount {
color: #777;
}
.woocommerce div.product.product-item-wrap p.price del,
.woocommerce div.product.product-item-wrap span.price del {
opacity: 1 !important;
padding-right: 5px;
text-decoration: none;
}
.woocommerce div.product.product-item-wrap p.price del .amount,
.woocommerce div.product.product-item-wrap span.price del .amount {
color: #0077ed;
position: relative;
display: inline-block;
}
.woocommerce div.product.product-item-wrap p.price del .amount:before,
.woocommerce div.product.product-item-wrap span.price del .amount:before {
content: '';
display: block;
position: absolute;
left: 0;
height: 1px;
background-color: #0077ed;
right: 0;
bottom: 12px;
-webkit-transform: skewY(-12deg);
-moz-transform: skewY(-12deg);
-o-transform: skewY(-12deg);
-ms-transform: skewY(-12deg);
transform: skewY(-12deg);
}
.woocommerce div.product.product-item-wrap p.price ins,
.woocommerce div.product.product-item-wrap span.price ins {
text-decoration: none;
}
.woocommerce div.product.product-item-wrap p.price ins .amount,
.woocommerce div.product.product-item-wrap span.price ins .amount {
color: #777;
font-weight: 400;
}
/* Rating */
.woocommerce div.star-rating {
float: none;
font-size: 12px;
}
.woocommerce div.star-rating span {
color: #0077ed;
}
/* Product Category */
.product-category img {
margin-bottom: 20px;
width: 100%;
}
.product-category .woocommerce-loop-category__title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}
.product-category .woocommerce-loop-category__title mark {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.product-category .woocommerce-loop-category__title:hover {
color: #0077ed;
}
.product-category .woocommerce-loop-category__title:hover mark {
color: #0077ed;
}
.product-category .count {
background-color: transparent;
}
/* Single Product */
#single-product-image .single-product-image-main-wrap,
#quick-view-product-image .single-product-image-main-wrap {
position: relative;
overflow: hidden;
}
#single-product-image .single-product-image-main-wrap .entry-thumbnail-overlay,
#quick-view-product-image .single-product-image-main-wrap .entry-thumbnail-overlay {
position: relative;
}
#single-product-image .single-product-image-main-wrap .entry-thumbnail-overlay:before,
#quick-view-product-image .single-product-image-main-wrap .entry-thumbnail-overlay:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(34, 34, 34, 0.8);
opacity: 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;
}
#single-product-image .single-product-image-main-wrap:hover .entry-thumbnail-overlay:before,
#quick-view-product-image .single-product-image-main-wrap:hover .entry-thumbnail-overlay:before,
#single-product-image .single-product-image-main-wrap:hover .zoomGallery,
#quick-view-product-image .single-product-image-main-wrap:hover .zoomGallery {
opacity: 1;
}
#single-product-image .single-product-image-main-wrap .owl-item,
#quick-view-product-image .single-product-image-main-wrap .owl-item {
cursor: move;
}
#single-product-image .zoomGallery,
#quick-view-product-image .zoomGallery {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50% -50%);
-moz-transform: translate(-50% -50%);
-o-transform: translate(-50% -50%);
-ms-transform: translate(-50% -50%);
transform: translate(-50% -50%);
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
#single-product-image .zoomGallery:hover,
#quick-view-product-image .zoomGallery:hover,
#single-product-image .zoomGallery:active,
#quick-view-product-image .zoomGallery:active,
#single-product-image .zoomGallery:focus,
#quick-view-product-image .zoomGallery:focus {
color: #0077ed;
}
#single-product-image .single-product-image-thumb .owl-item,
#quick-view-product-image .single-product-image-thumb .owl-item {
cursor: pointer;
}
#single-product-image .single-product-image-thumb .owl-item:before,
#quick-view-product-image .single-product-image-thumb .owl-item:before {
position: absolute;
content: '';
display: block;
opacity: 0;
background-color: rgba(34, 34, 34, 0.8);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#single-product-image .single-product-image-thumb .owl-item.current,
#quick-view-product-image .single-product-image-thumb .owl-item.current {
cursor: not-allowed;
}
#single-product-image .single-product-image-thumb .owl-item.current:before,
#quick-view-product-image .single-product-image-thumb .owl-item.current:before {
opacity: 1;
}
.summary-product .product_title {
font-size: 24px;
font-family: 'Josefin Sans';
font-weight: 700;
color: #111111;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 15px;
}
.summary-product .woocommerce-product-rating {
float: right;
margin-bottom: 15px !important;
padding-top: 8px;
}
.summary-product div.star-rating {
font-size: 15px;
margin-top: 6px;
}
.summary-product p.price,
.summary-product span.price {
margin-bottom: 38px;
}
.summary-product p.price .amount,
.summary-product span.price .amount {
color: #333;
font-size: 25px;
}
.summary-product p.price del,
.summary-product span.price del {
opacity: 1 !important;
padding-right: 15px;
text-decoration: none;
}
.summary-product p.price del .amount,
.summary-product span.price del .amount {
color: #0077ed;
position: relative;
display: inline-block;
font-size: 18px;
}
.summary-product p.price del .amount:before,
.summary-product span.price del .amount:before {
content: '';
display: block;
position: absolute;
left: 0;
height: 1px;
background-color: #0077ed;
right: 0;
bottom: 12px;
-webkit-transform: skewY(-12deg);
-moz-transform: skewY(-12deg);
-o-transform: skewY(-12deg);
-ms-transform: skewY(-12deg);
transform: skewY(-12deg);
}
.summary-product p.price ins,
.summary-product span.price ins {
text-decoration: none;
}
.summary-product p.price ins .amount,
.summary-product span.price ins .amount {
font-size: 25px;
font-weight: 400 !important;
color: #333;
}
.summary-product .single-product-description {
padding-bottom: 20px;
}
.summary-product .woocommerce-description-heading {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
position: relative;
color: #333;
}
.summary-product .woocommerce-description-heading:after {
content: '';
display: block;
position: absolute;
width: 50px;
height: 2px;
background-color: #333;
bottom: -8px;
left: 0;
}
.summary-product .woocommerce-product-details__short-description {
padding-top: 20px;
}
.summary-product .woocommerce-product-details__short-description p {
font-size: 15px;
letter-spacing: 0.02em;
}
.summary-product .variations_form .variations {
margin-bottom: 20px !important;
}
.summary-product .variations_form .variations td {
padding-bottom: 10px;
}
.summary-product .variations_form .variations label {
font-weight: normal;
text-transform: uppercase;
}
.summary-product .variations_form .variations .label {
width: 150px;
}
.summary-product .variations_form .variations .value {
width: calc(-50%);
}
.summary-product .variations_form .variations select {
min-width: 270px;
margin: 0;
}
.summary-product .quantity {
margin-right: 65px !important;
}
.summary-product form.cart {
margin-bottom: 50px !important;
}
.summary-product .group_table {
margin-bottom: 20px;
}
.summary-product .group_table td {
vertical-align: middle !important;
}
.summary-product .group_table a.button:before {
display: none;
}
.summary-product .group_table .price {
font-size: 18px;
text-decoration: none;
}
.summary-product .group_table .price del {
margin-right: 5px;
color: #333;
}
.summary-product .group_table .price ins {
text-decoration: none;
color: #0077ed;
}
.summary-product .group_table .price .stock {
display: none;
}
.summary-product .product_meta {
padding-top: 40px;
border-top: 1px solid #eeeeee;
}
.summary-product .product_meta > span {
margin-bottom: 22px;
display: block;
}
.summary-product .social-share > span {
display: inline-block;
margin-right: 10px;
font-size: 12px;
font-weight: 600;
color: #1f1f1f;
line-height: 1.2;
}
.summary-product .social-share-list a:hover,
.summary-product .social-share-list a:focus,
.summary-product .social-share-list a:active {
color: #0077ed;
}
/* Quantity */
.quantity {
position: relative;
}
.quantity [data-type="minus"],
.quantity [data-type="plus"] {
position: absolute;
left: 100%;
height: 25px;
line-height: 25px;
width: 45px;
text-align: center;
display: block;
cursor: pointer;
background-color: #f4f4f4;
font-size: 12px;
color: #1f1f1f;
}
.quantity [data-type="minus"] {
bottom: 0;
border-top: 1px solid #888;
}
.quantity [data-type="plus"] {
top: 0;
}
.quantity input.qty {
width: 120px !important;
margin-right: -1px;
padding: 0 20px;
height: 50px;
}
/*Shop Lising*/
.shop-loop-listing.woocommerce .product-thumb {
width: 22.75%;
float: left;
height: auto;
margin-right: 30px;
min-width: 198px;
}
.shop-loop-listing.woocommerce .product-thumb a.zoomGallery {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 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;
}
.shop-loop-listing.woocommerce .product-thumb a.zoomGallery i {
position: absolute;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #fff;
cursor: pointer;
color: #0077ed;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.shop-loop-listing.woocommerce .product-thumb a.zoomGallery i:hover {
background-color: #0077ed;
color: #fff;
}
.shop-loop-listing.woocommerce .product-item-wrap:hover .product-thumb a.zoomGallery,
.shop-loop-listing.woocommerce .product-thumb:hover .product-thumb a.zoomGallery {
opacity: 1;
}
.shop-loop-listing.woocommerce .product-info {
overflow: hidden;
text-align: left;
border-bottom: none;
padding: 0;
width: auto;
}
.shop-loop-listing.woocommerce .product-info:after {
display: none;
}
.shop-loop-listing.woocommerce .product-info .star-rating {
margin: 0;
margin-bottom: 5px;
margin-top: 10px;
}
.shop-loop-listing.woocommerce .product-info span.price {
display: block;
margin-bottom: 5px;
}
.shop-loop-listing.woocommerce .product-info span.price ins {
float: left;
margin-right: 10px;
}
.shop-loop-listing.woocommerce .product-info div.product-action-item {
display: inline-block;
float: left;
}
.shop-loop-listing.woocommerce .product-info .product-add-to-cart {
width: auto;
float: left;
border-right: none;
display: inline-block;
}
.shop-loop-listing.woocommerce .product-info a.product_type_variable,
.shop-loop-listing.woocommerce .product-info a.product_type_simple,
.shop-loop-listing.woocommerce .product-info a.product_type_grouped,
.shop-loop-listing.woocommerce .product-info a.product_type_external,
.shop-loop-listing.woocommerce .product-info a.add_to_cart_button,
.shop-loop-listing.woocommerce .product-info a.added_to_cart {
line-height: 28px;
padding: 5px 35px;
border: 1px solid #0077ed;
background-color: #0077ed;
color: #fff;
display: inline-block;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-right: 5px;
font-size: 14px;
font-weight: 700;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.shop-loop-listing.woocommerce .product-info a.product_type_variable:hover,
.shop-loop-listing.woocommerce .product-info a.product_type_simple:hover,
.shop-loop-listing.woocommerce .product-info a.product_type_grouped:hover,
.shop-loop-listing.woocommerce .product-info a.product_type_external:hover,
.shop-loop-listing.woocommerce .product-info a.add_to_cart_button:hover,
.shop-loop-listing.woocommerce .product-info a.added_to_cart:hover {
background-color: transparent;
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info a.product_type_variable:hover:before,
.shop-loop-listing.woocommerce .product-info a.product_type_simple:hover:before,
.shop-loop-listing.woocommerce .product-info a.product_type_grouped:hover:before,
.shop-loop-listing.woocommerce .product-info a.product_type_external:hover:before,
.shop-loop-listing.woocommerce .product-info a.add_to_cart_button:hover:before,
.shop-loop-listing.woocommerce .product-info a.added_to_cart:hover:before {
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info a.product_type_variable:before,
.shop-loop-listing.woocommerce .product-info a.product_type_simple:before,
.shop-loop-listing.woocommerce .product-info a.product_type_grouped:before,
.shop-loop-listing.woocommerce .product-info a.product_type_external:before,
.shop-loop-listing.woocommerce .product-info a.add_to_cart_button:before,
.shop-loop-listing.woocommerce .product-info a.added_to_cart:before {
font-size: 14px;
font-weight: 600;
color: #fff;
margin-right: 8px;
}
.shop-loop-listing.woocommerce .product-info .compare,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist {
float: left;
clear: none;
display: inline-block;
height: 40px;
width: 40px;
line-height: 38px;
background-color: #0077ed;
color: #fff;
font-size: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
margin: 0 5px;
position: relative;
border: 1px solid #0077ed;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.shop-loop-listing.woocommerce .product-info .compare:hover,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover,
.shop-loop-listing.woocommerce .product-info .compare:active,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:active {
background-color: transparent;
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info .compare:hover i,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover i,
.shop-loop-listing.woocommerce .product-info .compare:active i,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:active i {
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info .compare:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:before {
color: #fff;
margin-right: 0;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
width: 38px;
height: 38px;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .yith-wcwl-wishlistaddedbrowse a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .yith-wcwl-wishlistexistsbrowse a,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .add_to_wishlist,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .add_to_wishlist {
background-color: transparent;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .yith-wcwl-wishlistaddedbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .yith-wcwl-wishlistexistsbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist:hover .add_to_wishlist:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist.added-spinner .add_to_wishlist:before {
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-wishlistaddedbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-wishlistexistsbrowse a:before,
.shop-loop-listing.woocommerce .product-info .add_to_wishlist:before {
display: inline-block;
font-family: FontAwesome;
content: '\f08a';
font-size: 14px;
color: #fff;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-wishlistaddedbrowse a:before,
.shop-loop-listing.woocommerce .product-info .yith-wcwl-wishlistexistsbrowse a:before {
content: '\f004';
position: relative;
left: -4px;
}
.shop-loop-listing.woocommerce .product-info a.compare:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f1de';
font-size: 12px;
color: #fff;
margin: 0;
font-weight: 400;
}
.shop-loop-listing.woocommerce .product-info a.compare:hover {
background-color: transparent;
}
.shop-loop-listing.woocommerce .product-info a.compare:hover:before {
color: #0077ed;
}
.shop-loop-listing.woocommerce .product-info a.compare.added:before {
content: "\f00c";
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist > div:not(.tooltip) {
height: 38px;
width: 38px;
position: absolute;
top: 0;
left: 0;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist > div:not(.tooltip).show {
z-index: 10;
}
.shop-loop-listing.woocommerce .product-info .yith-wcwl-add-to-wishlist > div:not(.tooltip) a:before {
margin-left: 0;
line-height: 40px;
}
.shop-loop-listing.woocommerce .product-category img {
width: 22.75%;
float: left;
margin-right: 30px;
min-width: 198px;
}
.shop-loop-listing.woocommerce .product-category .woocommerce-loop-category__title {
display: inline-block;
vertical-align: top;
}
/**
* Single Product Tab
* ----------------------------------------------------------------------------
*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
font-size: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-color: #dddddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background-color: transparent;
padding: 0;
margin: 0;
position: relative;
}
.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 {
color: #333;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
line-height: 20px;
padding: 14.5px 45px;
border: 1px solid #eeeeee;
border-bottom: none;
letter-spacing: 0.15em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:active {
border-color: #333;
color: #333;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li + li {
margin-left: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li:active {
z-index: 3;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 50px 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
text-transform: uppercase;
font-size: 16px;
margin-bottom: 28px;
}
/**
* Reviews
* ----------------------------------------------------------------------------
*/
.woocommerce #reviews #comments h2 {
display: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding-left: 10px;
}
.woocommerce #reviews #comments ol.commentlist li {
margin-bottom: 40px;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 62px;
padding: 0;
border-radius: 100%;
border: none;
position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 92px;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
margin-top: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author {
color: #333;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce #review_form #respond {
margin-top: 50px;
}
.woocommerce #review_form #respond #reply-title {
text-transform: uppercase;
color: #333;
position: relative;
font-weight: bold;
margin-bottom: 30px;
display: inline-block;
}
.woocommerce #review_form #respond #reply-title:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: -8px;
height: 2px;
width: 50px;
background-color: #333;
}
.woocommerce #review_form #respond label {
font-weight: 500;
font-size: 13px;
display: block;
margin-bottom: 5px;
}
.woocommerce #review_form #respond p.stars {
display: inline-block;
margin: 0;
}
.woocommerce p.stars.selected a.active:before,
.woocommerce p.stars:hover a:before {
color: #0077ed;
}
.woocommerce #review_form #respond p.form-submit {
margin-bottom: 0;
}
.woocommerce #review_form #respond input[type="text"] {
width: 100%;
}
.woocommerce #review_form #respond #comment {
max-width: 100%;
}
.woocommerce table.shop_attributes th {
background-color: transparent;
}
/* Up Sells */
.up-sells h2,
.related.products h2 {
text-transform: uppercase;
font-size: 16px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 15px;
margin-bottom: 55px;
letter-spacing: 0.15em;
}
.up-sells + .related.products {
margin-top: 50px;
}
.woocommerce table.shop_table,
.woocommerce table.cart {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.cart tbody th,
.woocommerce table.shop_table tbody td,
.woocommerce table.cart tbody td {
padding: 20px 15px;
}
.woocommerce table.shop_table thead th,
.woocommerce table.cart thead th {
text-transform: uppercase;
font-family: 'Montserrat';
color: #333;
font-size: 13px;
padding: 9px 12px;
background-color: transparent;
border: none;
border-bottom: 1px solid #222;
}
.woocommerce table.shop_table .product-thumbnail img,
.woocommerce table.cart .product-thumbnail img {
min-width: 90px;
}
.woocommerce table.shop_table td.product-name,
.woocommerce table.cart td.product-name {
text-transform: none;
font-weight: 400;
font-size: 15px;
}
.woocommerce table.shop_table td.product-name .variation dt,
.woocommerce table.cart td.product-name .variation dt,
.woocommerce table.shop_table td.product-name .variation dd,
.woocommerce table.cart td.product-name .variation dd {
font-weight: 400;
}
.woocommerce table.shop_table td.product-price,
.woocommerce table.cart td.product-price,
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.cart td.product-subtotal,
.woocommerce table.shop_table td.product-total,
.woocommerce table.cart td.product-total,
.woocommerce table.shop_table .cart-subtotal .amount,
.woocommerce table.cart .cart-subtotal .amount {
color: #0077ed;
font-size: 18px;
font-weight: 600;
}
.woocommerce table.shop_table del,
.woocommerce table.cart del {
font-size: 14px;
color: #777;
}
.woocommerce table.shop_table ins,
.woocommerce table.cart ins {
text-decoration: none;
}
.woocommerce table.shop_table td.product-stock-status,
.woocommerce table.cart td.product-stock-status {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.woocommerce table.shop_table td.product-stock-status .wishlist-in-stock,
.woocommerce table.cart td.product-stock-status .wishlist-in-stock {
color: #0077ed;
}
.woocommerce table.shop_table td.product-stock-status .wishlist-out-of-stock,
.woocommerce table.cart td.product-stock-status .wishlist-out-of-stock {
color: #666;
}
.woocommerce table.shop_table .product-quantity,
.woocommerce table.cart .product-quantity {
min-width: 180px;
}
.woocommerce table.shop_table .product-quantity .quantity,
.woocommerce table.cart .product-quantity .quantity {
width: 120px;
}
.woocommerce table.shop_table td.actions,
.woocommerce table.cart td.actions {
padding-left: 0;
padding-right: 0;
border-top: none;
border-bottom: 1px solid #eeeeee;
}
.woocommerce table.shop_table .coupon #coupon_code,
.woocommerce table.cart .coupon #coupon_code {
width: 270px;
padding-left: 25px;
margin-right: 10px;
}
.woocommerce table.shop_table .coupon [name="apply_coupon"],
.woocommerce table.cart .coupon [name="apply_coupon"] {
border-width: 1px;
padding: 17.5px 40px;
}
.woocommerce table.shop_table .shipping li input,
.woocommerce table.cart .shipping li input {
position: relative;
top: 5px;
}
.woocommerce table.shop_table .order-total .amount,
.woocommerce table.cart .order-total .amount {
color: #0077ed !important;
font-size: 15px;
font-family: #1f1f1f;
}
.woocommerce table.shop_table .product-add-to-cart .add_to_cart_button,
.woocommerce table.cart .product-add-to-cart .add_to_cart_button,
.woocommerce table.shop_table .product-add-to-cart .add_to_cart,
.woocommerce table.cart .product-add-to-cart .add_to_cart {
font-size: 13px;
line-height: 1;
padding: 16.5px 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #0077ed;
color: #fff;
}
.woocommerce table.shop_table .product-add-to-cart .add_to_cart_button:hover,
.woocommerce table.cart .product-add-to-cart .add_to_cart_button:hover,
.woocommerce table.shop_table .product-add-to-cart .add_to_cart:hover,
.woocommerce table.cart .product-add-to-cart .add_to_cart:hover {
background-color: transparent;
color: #0077ed;
}
.woocommerce table.shop_table .product-add-to-cart .add_to_cart_button:before,
.woocommerce table.cart .product-add-to-cart .add_to_cart_button:before,
.woocommerce table.shop_table .product-add-to-cart .add_to_cart:before,
.woocommerce table.cart .product-add-to-cart .add_to_cart:before {
display: none;
}
/* Form */
.woocommerce form .form-row {
padding: 0;
margin-bottom: 10px;
}
.woocommerce form .form-row label {
font-weight: 600;
letter-spacing: 0.05em;
}
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="search"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="url"],
.woocommerce form .form-row input[type="password"],
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row select {
height: 40px;
line-height: 40px;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
padding-left: 25px;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #eeeeee;
}
.woocommerce form .form-row .select2-container .select2-selection--single {
height: 40px;
}
/* Cart Page */
.woocommerce-cart-form {
margin-bottom: 70px;
}
.woocommerce .cart-collaterals div.cart_totals,
.woocommerce-page .cart-collaterals div.cart_totals,
.woocommerce .cart-collaterals div.cross-sells,
.woocommerce-page .cart-collaterals div.cross-sells {
float: none;
width: auto;
}
.woocommerce .cart-collaterals div.cart_totals .woocommerce-block-title,
.woocommerce-page .cart-collaterals div.cart_totals .woocommerce-block-title,
.woocommerce .cart-collaterals div.cross-sells .woocommerce-block-title,
.woocommerce-page .cart-collaterals div.cross-sells .woocommerce-block-title {
margin-bottom: 50px !important;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
display: block !important;
}
.woocommerce-shipping-calculator [name="calc_shipping"] {
width: 100%;
}
.cart_totals_inner .shop_table {
font-weight: 400;
}
.cart_totals_inner .shop_table .amount {
color: #0077ed;
}
.cart_totals_inner .shop_table tbody th {
font-weight: 400 !important;
padding-left: 0 !important;
}
.cart_totals_inner .shop_table th,
.cart_totals_inner .shop_table td {
border-top: 1px solid #eeeeee !important;
}
.cart_totals_inner .shop_table tr:last-of-type th,
.cart_totals_inner .shop_table tr:last-of-type td {
border-bottom: 1px solid #eeeeee !important;
}
.woocommerce div.wc-proceed-to-checkout {
padding-top: 0;
padding-bottom: 0;
}
.woocommerce div.wc-proceed-to-checkout a.checkout-button {
font-size: 13px;
padding: 16.5px 40px;
display: inline-block;
margin-left: 6px;
position: relative;
top: -9px;
}
.woocommerce div.wc-proceed-to-checkout [name="update_cart"],
.woocommerce div.wc-proceed-to-checkout a.checkout-button {
border: 1px solid #222;
color: #222 !important;
background-color: transparent;
margin-bottom: 20px;
}
.woocommerce div.wc-proceed-to-checkout [name="update_cart"]:hover,
.woocommerce div.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce div.wc-proceed-to-checkout [name="update_cart"]:active,
.woocommerce div.wc-proceed-to-checkout a.checkout-button:active,
.woocommerce div.wc-proceed-to-checkout [name="update_cart"]:focus,
.woocommerce div.wc-proceed-to-checkout a.checkout-button:focus {
background-color: #0077ed !important;
border-color: #0077ed;
color: #fff !important;
}
#shipping_method label {
font-weight: 400;
}
/* Checkout Page */
.showlogin,
.showcoupon {
color: #0077ed;
font-weight: 600;
}
.woocommerce form.checkout_coupon {
width: 50%;
}
.woocommerce form.checkout_coupon [name="coupon_code"] {
height: 50px !important;
line-height: 50px !important;
}
.woocommerce form.login {
margin-bottom: 50px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none;
padding: 0;
margin-top: 20px !important;
}
.select2-container .select2-choice {
height: 45px;
line-height: 45px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #eeeeee;
padding: 0 0 0 10px;
}
.select2-drop-active {
border-color: #eeeeee;
}
#order_review_heading {
margin-top: 50px;
}
.woocommerce td.product-name dl.variation dt {
font-weight: normal;
}
.login-block .woocommerce-form-login .woocommerce-form__label-for-checkbox {
padding-left: 20px;
cursor: pointer;
}
.login-block .woocommerce-form-login .lost_password {
font-weight: 600;
}
.coupon-block [name="apply_coupon"] {
width: 100%;
}
form.checkout {
margin-top: 60px;
}
form.checkout .create-account .woocommerce-form__label-for-checkbox {
cursor: pointer;
}
form.checkout .create-account .woocommerce-form__label-for-checkbox #createaccount {
margin-top: 3px;
}
form.checkout .create-account .woocommerce-form__label-for-checkbox span {
padding-left: 30px;
}
form.checkout #order_comments {
max-width: 100%;
}
form.checkout #order_comments {
min-height: 130px;
}
form.checkout div#payment {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-top: 50px;
}
form.checkout #payment {
background-color: transparent;
}
form.checkout #payment ul.wc_payment_methods.payment_methods {
padding: 0;
border-bottom: none;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method {
position: relative;
background-color: transparent;
z-index: 2;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid #eeeeee;
margin-bottom: 10px;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method input {
position: relative;
top: 5px;
z-index: 1;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method input:checked + label {
color: #fff;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method label {
color: #222;
position: relative;
z-index: 1;
text-transform: uppercase;
font-family: 'Montserrat';
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method label img {
display: none;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method label .about_paypal {
line-height: 28px !important;
padding-left: 10px;
color: #0077ed;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method .payment_box {
margin-top: 7px;
margin-bottom: 0;
background-color: #fff;
}
form.checkout #payment ul.wc_payment_methods.payment_methods .wc_payment_method .payment_box:before {
border: none;
left: 0;
right: 0;
top: auto;
bottom: 100%;
height: 48px;
padding: 0;
margin: 0;
background-color: #222;
}
form.checkout #payment ul.wc_payment_methods.payment_methods + .place-order {
padding-left: 0;
padding-right: 0;
}
form.checkout #payment #place_order {
background-color: #0077ed;
color: #fff;
}
form.checkout #payment #place_order:hover,
form.checkout #payment #place_order:focus,
form.checkout #payment #place_order:active {
background-color: transparent;
color: #0077ed;
}
form.checkout .wc-terms-and-conditions .woocommerce-form__label-for-checkbox input {
position: relative;
}
form.checkout .wc-terms-and-conditions .woocommerce-form__label-for-checkbox a {
display: inline-block;
color: #0077ed;
}
#order_review h3#order_review_heading {
margin-bottom: 20px !important;
}
#ship-to-different-address {
float: none !important;
}
#ship-to-different-address:after {
display: none;
}
#ship-to-different-address .woocommerce-form__label-for-checkbox {
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
#ship-to-different-address .woocommerce-form__label-for-checkbox input {
margin-left: 0;
margin-top: 0;
}
#ship-to-different-address .woocommerce-form__label-for-checkbox span {
padding-left: 30px;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table th,
.woocommerce #order_review table.woocommerce-checkout-review-order-table td {
text-align: center;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table thead th,
.woocommerce #order_review table.woocommerce-checkout-review-order-table thead td {
padding: 12px;
background-color: #222;
color: #fff;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table tbody th,
.woocommerce #order_review table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce #order_review table.woocommerce-checkout-review-order-table tbody td,
.woocommerce #order_review table.woocommerce-checkout-review-order-table tfoot td {
border-top: none;
border-bottom: 1px solid #eeeeee;
padding: 7px 12px;
font-size: 14px;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table tbody th,
.woocommerce #order_review table.woocommerce-checkout-review-order-table tfoot th {
font-weight: 400;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table tbody .amount,
.woocommerce #order_review table.woocommerce-checkout-review-order-table tfoot .amount {
font-size: 14px !important;
font-weight: 400 !important;
}
.woocommerce #order_review table.woocommerce-checkout-review-order-table strong {
font-weight: 400;
}
.woocommerce-table--order-details .amount,
.woocommerce-table--customer-details .amount {
color: #0077ed;
font-size: 14px !important;
}
.woocommerce-table--order-details th,
.woocommerce-table--customer-details th,
.woocommerce-table--order-details td,
.woocommerce-table--customer-details td {
padding-left: 0 !important;
}
/* My account */
.woocommerce-form-login {
width: 50%;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: block !important;
margin-top: 20px;
margin-bottom: 23px;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox input {
position: relative;
top: 5px;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox span {
font-weight: 400;
}
.woocommerce-form-login .lost_password a {
color: #0077ed;
}
#customer_login .woocommerce-form-login {
width: 100%;
}
.woocommerce-account.logged-in #primary-content .woocommerce {
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
padding: 0;
margin: 0;
line-height: 20px;
font-size: 14px;
font-weight: bold;
position: relative;
text-transform: uppercase;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 14.5px 20px;
color: inherit;
border-bottom: solid 1px #eeeeee;
-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: 13px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:active {
background-color: #0077ed;
border-bottom-color: #0077ed;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
color: #0077ed;
}
.woocommerce-account .woocommerce-MyAccount-content .edit {
text-transform: uppercase;
border: 2px solid #0077ed;
background-color: #0077ed;
padding: 10.5px 20px;
line-height: 1;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-account .woocommerce-MyAccount-content .edit:hover {
color: #0077ed;
background-color: transparent;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
margin-top: 50px;
padding-top: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content [name="save_account_details"] {
margin-top: 20px;
}
.woocommerce table.my_account_orders {
font-size: 1em;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0;
padding-top: 8.5px;
padding-bottom: 8.5px;
}
@media (max-width: 768px) {
.woocommerce .coupon + div.wc-proceed-to-checkout {
margin-top: 15px;
}
.woocommerce div.wc-proceed-to-checkout a.checkout-button {
top: 0;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
border-bottom: 1px solid #eeeeee;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
font-size: 11px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-top: 50px;
}
.summary-product .quantity {
margin-bottom: 20px !important;
}
.woocommerce-page table.cart td.actions [name="update_cart"],
.woocommerce-page table.cart td.actions .checkout-button {
width: 48%;
}
.woocommerce-page table.cart td.actions [name="update_cart"] {
float: left;
}
.woocommerce-page table.cart td.actions .checkout-button {
float: right;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: transparent;
}
}
@media (max-width: 599px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: 100%;
text-align: center;
margin-bottom: 20px;
margin-left: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
border: 1px solid #eee;
width: 100%;
}
}
/* My Wishlist */
.wishlist_table tr td,
.wishlist_table tr th.wishlist-delete,
.wishlist_table tr th.product-checkbox {
text-align: left;
}
#yith-wcwl-form {
overflow-x: auto;
}
.woocommerce .country_select + .select2 {
background-color: transparent;
}
.woocommerce .country_select + .select2 .select2-selection {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border-color: #eeeeee;
height: 40px;
}
.woocommerce .country_select + .select2 .select2-selection > span {
height: 40px;
line-height: 38px;
}
.woocommerce .country_select + .select2 .select2-selection .select2-selection__rendered {
padding-left: 25px;
}
.woocommerce .country_select + .select2 .select2-selection .select2-selection__arrow {
width: 40px;
}
.woocommerce [type="checkbox"],
.woocommerce [type="radio"] {
width: 20px;
height: 20px;
}
/* Woocommerce Message */
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
padding: 10px 20px;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
padding: 14px 2em 14px 3.5em;
margin-bottom: 40px !important;
}
/*Sale countdown*/
.g5plus-countdown.product-deal-countdown {
position: absolute;
bottom: 20px;
font-size: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
transition-delay: 0.15s;
}
.g5plus-countdown.product-deal-countdown .countdown-section {
position: relative;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
width: 40px;
height: 40px;
background-color: #fff;
}
.g5plus-countdown.product-deal-countdown .countdown-section + .countdown-section {
margin-left: 5px;
}
.g5plus-countdown.product-deal-countdown .countdown {
padding-top: 4px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.g5plus-countdown.product-deal-countdown .countdown-amount {
display: block;
font-size: 15px;
font-weight: 700;
line-height: 1;
color: #1f1f1f;
}
.g5plus-countdown.product-deal-countdown .countdown-period {
display: block;
font-size: 12px;
}
.product-item-wrap:hover .g5plus-countdown.product-deal-countdown,
.product-thumb:hover .g5plus-countdown.product-deal-countdown {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
@media (max-width: 1199px) {
.woocommerce table.shop_table .coupon #coupon_code,
.woocommerce table.cart .coupon #coupon_code {
width: 200px;
}
}
@media (max-width: 991px) {
.woocommerce form.checkout_coupon {
width: 100%;
}
}
@media (max-width: 768px) {
.woocommerce table.shop_table .product-quantity .quantity,
.woocommerce table.cart .product-quantity .quantity {
display: inline-block;
margin-right: 30px;
}
.woocommerce table.shop_table .coupon #coupon_code,
.woocommerce table.cart .coupon #coupon_code {
width: 48%;
}
.woocommerce div.wc-proceed-to-checkout {
margin-top: 30px;
}
.woocommerce div.wc-proceed-to-checkout a.checkout-button {
margin-left: 0;
}
.woocommerce table.shop_table td.actions,
.woocommerce table.cart td.actions {
background-color: transparent !important;
}
#ship-to-different-address {
margin-top: 50px;
}
}
/* Order Tracking */
.track_order {
text-align: center;
}
.track_order .input-text {
text-align: center;
}
.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: 20px;
}
@media (max-width: 479px) {
.woocommerce table.shop_table .coupon #coupon_code,
.woocommerce table.cart .coupon #coupon_code {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.woocommerce table.shop_table .coupon [name="apply_coupon"],
.woocommerce table.cart .coupon [name="apply_coupon"] {
display: block;
width: 100% !important;
}
.woocommerce div.wc-proceed-to-checkout {
margin-top: 5px;
}
.woocommerce-page table.cart td.actions [name="update_cart"],
.woocommerce-page table.cart td.actions .checkout-button {
width: 100%;
}
}
@media (max-width: 469px) {
.woocommerce-catalog-filter .filter {
margin-bottom: 20px;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.woocommerce-catalog-filter .woocommerce-result-count {
float: left;
}
}
/**
* 10.0 - tta
* ----------------------------------------------------------------------------
*/
/**
* Tabs
* ----------------------------------------------------------------------------
*/
.vc_tta.vc_general .vc_tta-tab > a {
font-size: 15px !important;
font-weight: 600 !important;
font-family: 'Montserrat' !important;
color: #1f1f1f;
letter-spacing: 0.15em;
line-height: 1.8;
padding: 11px 20px 10px !important;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-color-white .vc_tta-panels .vc_tta-panel-body {
background-color: white;
padding: 0 30px;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tab > a {
border-left: none;
border-right: none;
color: #1f1f1f;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tab > a:hover {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tab.vc_active > a {
background-color: #0077ed;
border-color: #0077ed;
color: #fff;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-tab > a {
background-color: transparent;
color: #777777;
border: none;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-tab > a:hover {
color: #0077ed;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-tab.vc_active > a {
color: #0077ed;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-panels .vc_tta-panel-body {
background-color: white;
border: none;
padding: 0;
}
.vc_tta.vc_general.vc_tta-style-round-outline-dark.vc_tta-o-no-fill .vc_tta-panels {
background-color: transparent;
border: transparent;
}
.vc_tta.vc_general.vc_tta-style-round-outline-dark .vc_tta-panels {
background-color: #eeeeee;
}
.vc_tta.vc_general.vc_tta-style-round-outline-dark .vc_tta-tab > a {
padding: 5.5px 22.5px !important;
font-weight: 600 !important;
font-size: 13px !important;
border: 1px solid #eeeeee !important;
border-radius: 18px !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vc_tta.vc_general.vc_tta-style-round-outline-dark .vc_tta-tab.vc_active > a,
.vc_tta.vc_general.vc_tta-style-round-outline-dark .vc_tta-tab > a:hover {
background-color: #eeeeee;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-tabs-list .vc_tta-tab a {
border: solid 1px #eeeeee;
background-color: #F7F7F7;
border-bottom: transparent;
padding: 15px 15px 14px 21px !important;
color: #1f1f1f;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-width: 2px;
top: 1px;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-tabs-list .vc_tta-tab.vc_active a:after,
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-tabs-list .vc_tta-tab.vc_active a:before {
border-top-color: transparent;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-panels-container .vc_tta-panel-body {
border-color: #eeeeee !important;
background-color: #fff;
border-width: 1px;
padding: 55px 37px;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-primary .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #0077ed;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-blue .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #0000ff;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-turquoise .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: turquoise;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-pink .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: pink;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-violet .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: violet;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-peacoc .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #4CADC9;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-chino .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #CEC2AB;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-mulled_wine .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #50485B;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-vista_blue .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #75D69C;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-black .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #000;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-grey .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #808080;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-orange .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: orange;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-sky .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #5AA1E3;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-green .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: green;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-juicy_pink .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #F4524D;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-sandy_brown .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #F4524D;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-purple .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: purple;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-white .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-top-color: #777777;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-tabs-list .vc_tta-tab a {
border: none;
color: #1f1f1f;
border-right: solid 1px #eeeeee;
padding: 0 21px 0 23px !important;
line-height: 30px;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-tabs-list .vc_tta-tab:first-child a {
padding-left: 0 !important;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-tabs-list .vc_tta-tab:last-child a {
border: none;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-tabs-list .vc_tta-tab:first-child a {
padding-left: 0;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-panels-container .vc_tta-panel-body {
border: none;
background-color: #fff;
padding: 22px 0;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-primary .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #0077ed;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-blue .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #0000ff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-turquoise .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: turquoise;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-pink .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: pink;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-violet .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: violet;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-peacoc .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #4CADC9;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-chino .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #CEC2AB;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-mulled_wine .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #50485B;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-vista_blue .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #75D69C;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-black .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #000;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-grey .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #808080;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-orange .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: orange;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-sky .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #5AA1E3;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-green .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: green;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-juicy_pink .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #F4524D;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-sandy_brown .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #F4524D;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-purple .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: purple;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-white .vc_tta-tabs-list .vc_tta-tab.vc_active a {
color: #777777;
}
.vc_tta.vc_general.vc_tta-style-flat.vc_tta-tabs.vc_tta-color-primary .vc_tta-panels,
.vc_tta.vc_general.vc_tta-style-flat.vc_tta-tabs.vc_tta-color-primary .vc_tta-tab.vc_active > a {
background-color: #0077ed;
color: #fff;
}
.vc_tta.vc_general.vc_tta-style-flat.vc_tta-tabs.vc_tta-color-primary .vc_tta-tab > a {
background-color: #0067cd;
color: #777777;
}
.vc_tta.vc_general.vc_tta-color-primary.vc_tta-style-outline.vc_tta-tabs .vc_tta-tab a {
border-color: #0077ed;
color: #777777;
}
.vc_tta.vc_general.vc_tta-color-primary.vc_tta-style-outline.vc_tta-tabs .vc_tta-tab a:hover {
color: #fff;
background-color: #0077ed;
}
.vc_tta.vc_general.vc_tta-color-primary.vc_tta-style-outline.vc_tta-tabs .vc_tta-tab.vc_active a:hover {
color: #777777;
background-color: transparent;
}
.vc_tta.vc_general.vc_tta-color-primary.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {
border-color: #0077ed;
}
.vc_tta.vc_general.vc_tta-color-primary.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-top: none;
border-width: 2px;
background-color: #fff;
}
.vc_tta-tabs.vc_tta-tabs-position-left li {
width: 270px !important;
}
@media (max-width: 767px) {
.vc_tta-panel-heading .vc_tta-panel-title {
font-weight: bold;
font-size: 14px;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-panel .vc_tta-panel-heading {
margin: -1px 0;
border-width: 1px;
border-color: #eeeeee;
background: #f7f7f7;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-width: 2px;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-primary .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #0077ed;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-blue .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #0000ff;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-turquoise .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: turquoise;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-pink .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: pink;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-violet .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: violet;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-peacoc .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #4CADC9;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-chino .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #CEC2AB;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-mulled_wine .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #50485B;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-vista_blue .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #75D69C;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-black .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #000;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #808080;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-orange .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: orange;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-sky .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #5AA1E3;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: green;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-juicy_pink .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #F4524D;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-sandy_brown .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #F4524D;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-purple .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: purple;
}
.vc_tta.vc_tta-tabs.vc_general.vc_tta-style-border-top-active.vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-top-color: #777777;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-panel .vc_tta-panel-heading {
border: none;
border-bottom: solid 1px #eeeeee;
background-color: #fff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a {
padding: 15px;
text-align: center;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-panel:last-child .vc_tta-panel-heading {
border-bottom: none;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar .vc_tta-panel:last-child.vc_active .vc_tta-panel-heading {
border-bottom: solid 1px #eeeeee;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-primary .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #0077ed;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-blue .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #0000ff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-turquoise .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: turquoise;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-pink .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: pink;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-violet .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: violet;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-peacoc .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #4CADC9;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-chino .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #CEC2AB;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-mulled_wine .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #50485B;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-vista_blue .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #75D69C;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-black .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #000;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #808080;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-orange .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: orange;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-sky .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #5AA1E3;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: green;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-juicy_pink .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #F4524D;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-sandy_brown .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #F4524D;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-purple .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: purple;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-vertical-bar.vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #777777;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #0077ed;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:hover {
color: #fff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: #0077ed;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: transparent;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #0077ed;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading:hover {
color: #0077ed;
background-color: transparent;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body {
border-top: solid #3ab8bd;
border-width: 1px;
background-color: #fff;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-color-white .vc_tta-panel .vc_tta-panel-body {
background-color: white;
padding: 0 30px;
border-color: #fff;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
margin-bottom: 0;
border-left: none;
border-right: none;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: #0077ed;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #fff;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
border-color: transparent;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #777777;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: transparent;
border-color: transparent;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-none .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
color: #0077ed;
}
}
/**
* VC_Message Box
* ----------------------------------------------------------------------------
*/
.vc_message_box {
position: relative;
padding: 12px 50px 12px 45px;
margin: 0 0 20px;
}
.vc_message_box:last-child {
margin-bottom: 0;
}
.vc_message_box p {
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.05em;
}
.vc_message_box:after {
content: '\e680';
font-family: 'Pe-icon-7-stroke';
position: absolute;
top: 50%;
right: 16px;
font-size: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
}
.vc_message_box-icon {
width: 50px;
}
.vc_message_box-icon > *,
.vc_message_box-icon > .fa {
font-size: 14px;
line-height: 1.6;
}
.vc_color-success.vc_message_box-solid {
color: #58A739;
border-color: transparent;
background-color: #E0F2D9;
}
.vc_color-success.vc_message_box-solid .vc_message_box-icon {
color: #58A739;
}
.vc_color-info.vc_message_box-solid {
color: #3D6DBF;
border-color: transparent;
background-color: #ECF1F9;
}
.vc_color-info.vc_message_box-solid .vc_message_box-icon {
color: #3D6EBF;
}
.vc_color-warning.vc_message_box-solid {
color: #EB9A0A;
border-color: transparent;
background-color: #FDF9DF;
}
.vc_color-warning.vc_message_box-solid .vc_message_box-icon {
color: #EB9B0A;
}
.vc_color-danger.vc_message_box-solid {
color: #DF5F5F;
border-color: transparent;
background-color: #FFECEC;
}
.vc_color-danger.vc_message_box-solid .vc_message_box-icon {
color: #DF5F5F;
}
/*---------Custom tta-accordion-------*/
.vc_tta.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-title-text,
.vc_tta.vc_tta-accordion.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-title-text {
color: #2A2A2A;
}
.vc_tta.vc_tta-accordion.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon {
color: #0077ed;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title {
padding-top: 1.5px;
padding-bottom: 1.5px;
position: relative;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a {
padding-left: 50px;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a {
padding-right: 50px;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
font-family: 'Montserrat';
font-weight: 400;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.15em;
display: inline;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
padding-top: 15px;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.8;
letter-spacing: 0.02em;
}
.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
display: block;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
padding-left: 0px !important;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title {
padding-top: .5px;
padding-bottom: .5px;
position: relative;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
font-weight: 600;
line-height: 1.8;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 60px;
height: 100%;
border-right: 2px solid;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left .vc_tta-controls-icon {
left: 24px;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a {
padding-left: 77px;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right:before {
position: absolute;
top: 0;
right: 0;
content: '';
width: 60px;
height: 100%;
border-left: 2px solid;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a {
padding-right: 77px;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right .vc_tta-controls-icon {
right: 24px;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover {
background-color: transparent !important;
border-color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover .vc_tta-panel-title.vc_tta-controls-icon-position-left:before,
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover .vc_tta-panel-title.vc_tta-controls-icon-position-right:before {
border-color: #0077ed !important;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover .vc_tta-panel-title .vc_tta-icon {
color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover .vc_tta-panel-title .vc_tta-controls-icon:before {
border-color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading:hover .vc_tta-panel-title .vc_tta-controls-icon:after {
border-color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading {
border-color: #0077ed !important;
}
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left:before,
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right:before {
border-color: #0077ed !important;
}
.vc_tta-accordion.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon,
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon,
.vc_tta-accordion.vc_tta-style-modern .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-icon {
color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before,
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before,
.vc_tta-accordion.vc_tta-style-modern .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before {
border-color: #0077ed;
}
.vc_tta-accordion.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after,
.vc_tta-accordion.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after,
.vc_tta-accordion.vc_tta-style-modern .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after {
border-color: #0077ed;
}
.vc_tta-accordion.vc_tta-color-blue.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #5472D2 !important;
}
.vc_tta-accordion.vc_tta-color-turquoise.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #00C1CF !important;
}
.vc_tta-accordion.vc_tta-color-pink.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #FE6C61 !important;
}
.vc_tta-accordion.vc_tta-color-violet.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #8D6DC4 !important;
}
.vc_tta-accordion.vc_tta-color-peacoc.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #4CADC9 !important;
}
.vc_tta-accordion.vc_tta-color-chino.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #CEC2AB !important;
}
.vc_tta-accordion.vc_tta-color-mulled-wine.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #50485B !important;
}
.vc_tta-accordion.vc_tta-color-vista-blue.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #75D69C !important;
}
.vc_tta-accordion.vc_tta-color-black.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #000 !important;
}
.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #EBEBEB !important;
}
.vc_tta-accordion.vc_tta-color-orange.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #F7BE68 !important;
}
.vc_tta-accordion.vc_tta-color-sky.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #5AA1E3 !important;
}
.vc_tta-accordion.vc_tta-color-green.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #6DAB3C !important;
}
.vc_tta-accordion.vc_tta-color-juicy-pink.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #F4524D !important;
}
.vc_tta-accordion.vc_tta-color-sandy-brown.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #F79468 !important;
}
.vc_tta-accordion.vc_tta-color-purple.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #B97EBB !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading {
border-color: #fff !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title span {
color: #fff;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-outline .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title:before {
border-color: #fff !important;
}